/* Base files. */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none; }

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

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

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* ---------------------------------------------------
                        Colors
-----------------------------------------------------*/
/* ---------------------------------------------------
                       Links
-----------------------------------------------------*/
/* ---------------------------------------------------
Layout
-----------------------------------------------------*/
/* ---------------------------------------------------
                      Spacing
-----------------------------------------------------*/
/* ---------------------------------------------------
                General / Miscellaneous
-----------------------------------------------------*/
/* ---------------------------------------------------
                      Typography
-----------------------------------------------------*/
/*$font-size-lg:               1.25rem;
$font-size-sm:               .875rem;
$font-size-xs:               .75rem; */
/* ---------------------------------------------------
                        Buttons
-----------------------------------------------------*/
/* ---------------------------------------------------
                        Tables
-----------------------------------------------------*/
/* ---------------------------------------------------
                       Controls
----------------------------------------------------*/
/* ---------------------------------------------------
                        Labels
-----------------------------------------------------*/
/*$label refers to labels attached to inputs boxes*/
/*$labelControls refer to 'lesser labels' like on foot notes and and radios and checkboxes */
/* ---------------------------------------------------
                        Grid
-----------------------------------------------------*/
/* ---------------------------------------------------
                    Tools
------------------------------------------------------*/
/* ---------------------------------------------------
                      Themeing
-----------------------------------------------------*/
/* ---------------------------------------------------
                        Colors
-----------------------------------------------------*/
/* ---------------------------------------------------
Links
-----------------------------------------------------*/
/* ---------------------------------------------------
Layout
-----------------------------------------------------*/
/* ---------------------------------------------------
Spacing
-----------------------------------------------------*/
/* ---------------------------------------------------
                General / Miscellaneous
-----------------------------------------------------*/
/* ---------------------------------------------------
                Alerts / Notifications / Info
-----------------------------------------------------*/
/* ---------------------------------------------------
                      Containers
-----------------------------------------------------*/
/* ---------------------------------------------------
                      Typography
-----------------------------------------------------*/
/* ---------------------------------------------------
                      Icons 
-----------------------------------------------------*/
/* ---------------------------------------------------
                      Loader 
-----------------------------------------------------
Note: that a custom loader can be provided in the channel folder itself such as ford quote and dealers
*/
/* include background box for loader to sit on to make more easily seen */
/* include background box for loader to sit on to make more easily seen */
/* ---------------------------------------------------
                        Buttons
-----------------------------------------------------*/
/* ---------------------------------------------------
                        Labels
-----------------------------------------------------*/
/*$label refers to labels attached to inputs boxes*/
/*$labelControls refer to 'lesser labels' like on foot notes and and radios and checkboxes */
/* ---------------------------------------------------
                        Tables
-----------------------------------------------------*/
/* ---------------------------------------------------
                       Lists
----------------------------------------------------*/
/* ---------------------------------------------------
                       Controls
----------------------------------------------------*/
/* ---------------------------------------------------
                       Tooltips
----------------------------------------------------*/
/* ---------------------------------------------------
                    Menu
------------------------------------------------------*/
/* ---------------------------------------------------
         Overlay - remodals, black outs etc
------------------------------------------------------*/
/* ---------------------------------------------------
                        Grid
-----------------------------------------------------*/
/* ---------------------------------------------------
                    Tools
------------------------------------------------------*/
/* ---------------------------------------------------
                    Options
------------------------------------------------------*/
/* ---------------------------------------------------
                    Build Tool
------------------------------------------------------*/
/* ---------------------------------------------------
              Vehicle selection component
------------------------------------------------------*/
/* ---------------------------------------------------
              Vehicle selection component
------------------------------------------------------*/
/* ---------------------------------------------------
                      Themeing
-----------------------------------------------------*/
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/9/2014
* Sass Version by Seth Coelen https://github.com/whatsnewsaes
*/
html {
  font-size: 62.5%;
  box-sizing: border-box;
  min-width: 320px;
  min-height: 100%; }

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

body {
  /*   font-size: $font-size-root; // currently ems cause chrome bug misinterpreting rems on body element
  line-height: $line-height;
  font-weight: 400;
  font-family: $font-family-body; */
  font-family: "Open Sans", sans-serif, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6;
  color: #333;
  background-color: #f2f2f2;
  height: 100%;
  position: relative; }

nav {
  z-index: 1400; }

header {
  position: relative; }

a {
  color: #0e8cd1;
  text-decoration: none;
  cursor: pointer; }
  a:not(.btn):not(.nav__link):hover {
    color: #1d508d;
    text-decoration: underline; }
    a:not(.btn):not(.nav__link):hover[disabled] {
      color: #333; }
  a[disabled] {
    pointer-events: none;
    cursor: default;
    color: #333; }

li {
  list-style-type: disc; }

hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-top: 0.1rem solid rgba(0, 0, 0, 0.1); }

.overlay {
  background: rgba(0, 0, 0, 0.7);
  z-index: 4; }

:focus {
  outline: none; }

sub,
sup {
  position: static; }

sup {
  vertical-align: super; }

sub {
  vertical-align: sub; }

.u-full-width, .table-vehicleTax,
.table-fuelTax,
.table-taxComponents,
.table-vehicleDetails {
  width: 100%;
  box-sizing: border-box; }

.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }

.u-pull-right {
  float: right; }

.u-pull-left {
  float: left; }

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

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

.u-sticky-top {
  position: sticky;
  top: 0; }

.interaction-blocker {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  position: absolute; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0; }

h1 {
  font-family: "Lato", sans-serif, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 2rem; }
  h1.display-1, h1.display-2, h1.display-3, h1.display-4 {
    font-weight: normal; }
  h1.display-1 {
    font-size: 6rem; }
  h1.display-2 {
    font-size: 4.5rem; }
  h1.display-3 {
    font-size: 3.6rem; }
  h1.display-4 {
    font-size: 3rem; }

h2 {
  font-family: "Lato", sans-serif, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1rem; }

h3 {
  font-family: "Lato", sans-serif, sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem; }

h4 {
  font-family: "Lato", sans-serif, sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 1rem; }

h5 {
  font-family: "Lato", sans-serif, sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 1rem; }

h6 {
  font-family: "Lato", sans-serif, sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 1rem; }

@media (min-width: 750px) {
  h1 {
    font-family: "Lato", sans-serif, sans-serif;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.07;
    margin-bottom: 2rem; }
    h1.display-1 {
      font-size: 10rem; }
    h1.display-2 {
      font-size: 8rem; }
    h1.display-3 {
      font-size: 6rem; }
    h1.display-4 {
      font-size: 4.8rem; }
  h2 {
    font-family: "Lato", sans-serif, sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 1rem; }
  h3 {
    font-family: "Lato", sans-serif, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 1rem; }
  h4 {
    font-family: "Lato", sans-serif, sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 1rem; }
  h5 {
    font-family: "Lato", sans-serif, sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem; }
  h6 {
    font-family: "Lato", sans-serif, sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 1rem; } }

.small--text {
  font-size: 1.2rem; }

.is-hidden,
.is-hidden-xs-up .is-hidden--fromStart {
  display: none !important; }

.is-visibility-hidden {
  visibility: hidden; }

/*************
 hidden ups
**************/
@media (min-width: 400px) {
  .is-hidden-sm-up {
    display: none !important; }
    .is-hidden-sm-up.bp-check:before {
      content: "is hidden sm up"; } }

@media (min-width: 550px) {
  .is-hidden-md-up {
    display: none !important; }
    .is-hidden-md-up.bp-check:before {
      content: "is hidden md up"; } }

@media (min-width: 750px) {
  .is-hidden-lg-up {
    display: none !important; }
    .is-hidden-lg-up.bp-check:before {
      content: "is hidden lg up"; } }

@media (min-width: 1100px) {
  .is-hidden-xl-up {
    display: none !important; }
    .is-hidden-xl-up.bp-check:before {
      content: "is hidden xl up"; } }

@media (min-width: 1300px) {
  .is-hidden-xxl-up {
    display: none !important; }
    .is-hidden-xxl-up.bp-check:before {
      content: "is hidden xxl up"; } }

/*************
 hidden downs
**************/
@media (max-width: 549px) {
  .is-hidden-sm-down {
    display: none !important; }
    .is-hidden-sm-down.bp-check:before {
      content: "is hidden sm down"; } }

@media (max-width: 749px) {
  .is-hidden-md-down {
    display: none !important; }
    .is-hidden-md-down.bp-check:before {
      content: "is hidden md down"; } }

@media (max-width: 999px) {
  .is-hidden-lg-down {
    display: none !important; }
    .is-hidden-lg-down.bp-check:before {
      content: "is hidden lg down"; } }

@media (max-width: 1199px) {
  .is-hidden-xl-down {
    display: none !important; }
    .is-hidden-xl-down.bp-check:before {
      content: "is hidden xl down"; } }

@media (max-width: 1199px) {
  .is-hidden-xxl-down {
    display: none !important; }
    .is-hidden-xxl-down.bp-check:before {
      content: "is hidden xxl down"; } }

[v-cloak] {
  display: none !important; }

.sticky {
  position: sticky;
  position: -webkit-sticky;
  top: 2rem; }

.sticky--bottom {
  position: sticky;
  position: -webkit-sticky;
  bottom: 0px; }

/* ---------- vue js  -------------- */
/*transition name only attached for 1 frame at the beginnning
  set the initial state here
*/
.fade-enter {
  opacity: 0; }

/* set up the transition here */
.fade-enter-active {
  transition: opacity 0.4s; }

/* start of the leave transition
   opacity: 1 will be the default anyway so its not needed
*/
.fade-leave {
  /*opacity: 1*/ }

.fade-leave-active {
  transition: opacity 0.2s;
  opacity: 0; }

.slide-enter-active {
  /* play the slide in keyframes. set to forwards so it doesn't snap back to the start of animation */
  animation: slide-in 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards; }

.slide-leave-active {
  animation: slide-out 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards; }

@keyframes slide-in {
  from {
    transform: translateY(100%); }
  to {
    transform: translateY(0); } }

@keyframes slide-out {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(100%); } }

/* Modules */
.main {
  position: relative;
  box-sizing: border-box;
  width: 1px;
  min-width: 100%;
  display: flex;
  flex: 0 1 auto;
  flex-direction: column; }

.container {
  max-width: 120rem;
  margin: 0 auto; }

.container-wrapper {
  background-color: #f2f2f2;
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
  flex: 1 0 auto;
  margin-bottom: 3rem; }
  .container-wrapper.container-fluid {
    width: 100%; }
    .container-wrapper.container-fluid.container {
      max-width: none; }

.container__main-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: inherit; }

.main--sidebar {
  width: 100%; }
  @media (min-width: 1100px) {
    .main--sidebar .container__main-content {
      flex-direction: row; } }
  @media (min-width: 1100px) {
    .main--sidebar .container__main-content .body {
      max-width: 88rem; } }

.body {
  width: 100%;
  float: left;
  padding: 2rem;
  background-color: #fff;
  position: relative;
  min-height: 32rem; }
  @media (min-width: 1100px) {
    .body {
      margin-bottom: 3rem; } }

.row .columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

.columns {
  margin-left: 0;
  padding: 1rem; }

.columns:first-child {
  margin-left: 0; }

.row .offset-by-1.columns,
.row .offset-by-2.columns,
.row .offset-by-2.columns,
.row .offset-by-3.columns,
.row .offset-by-3.columns,
.row .offset-by-4.columns,
.row .offset-by-4.columns,
.row .offset-by-5.columns,
.row .offset-by-5.columns,
.row .offset-by-6.columns,
.row .offset-by-6.columns,
.row .offset-by-7.columns,
.row .offset-by-7.columns,
.row .offset-by-8.columns,
.row .offset-by-8.columns,
.row .offset-by-9.columns,
.row .offset-by-9.columns,
.row .offset-by-10.columns,
.row .offset-by-10.columns,
.row .offset-by-11.columns,
.row .offset-by-11.columns {
  margin-left: 0; }

.col-xs-1.columns {
  width: 8.33333%; }

.col-xs-2.columns {
  width: 16.66667%; }

.col-xs-3.columns {
  width: 25%; }

.col-xs-4.columns {
  width: 33.33333%; }

.col-xs-5.columns {
  width: 41.66667%; }

.col-xs-6.columns {
  width: 50%; }

.col-xs-7.columns {
  width: 58.33333%; }

.col-xs-8.columns {
  width: 66.66667%; }

.col-xs-9.columns {
  width: 75%; }

.col-xs-10.columns {
  width: 83.33333%; }

.col-xs-11.columns {
  width: 91.66667%; }

.col-xs-12.columns {
  width: 100%;
  margin-left: 0; }

@media (min-width: 400px) {
  .col-sm-1.columns {
    width: 8.33333%; }
  .col-sm-2.columns {
    width: 16.66667%; }
  .col-sm-3.columns {
    width: 25%; }
  .col-sm-4.columns {
    width: 33.33333%; }
  .col-sm-5.columns {
    width: 41.66667%; }
  .col-sm-6.columns {
    width: 50%; }
  .col-sm-7.columns {
    width: 58.33333%; }
  .col-sm-8.columns {
    width: 66.66667%; }
  .col-sm-9.columns {
    width: 75%; }
  .col-sm-10.columns {
    width: 83.33333%; }
  .col-sm-11.columns {
    width: 91.66667%; }
  .col-sm-12.columns {
    width: 100%;
    margin-left: 0; }
  .col-sm-auto.columns {
    width: auto;
    margin: 0; } }

@media (min-width: 550px) {
  .col-1.columns {
    width: 8.33333%; }
  .col-2.columns {
    width: 16.66667%; }
  .col-3.columns {
    width: 25%; }
  .col-4.columns {
    width: 33.33333%; }
  .col-5.columns {
    width: 41.66667%; }
  .col-6.columns {
    width: 50%; }
  .col-7.columns {
    width: 58.33333%; }
  .col-8.columns {
    width: 66.66667%; }
  .col-9.columns {
    width: 75%; }
  .col-10.columns {
    width: 83.33333%; }
  .col-11.columns {
    width: 91.66667%; }
  .col-12.columns {
    width: 100%;
    margin-left: 0; }
  .row .one-third.columns {
    width: 33.33333%; }
  .row .two-thirds.columns {
    width: 66.66667%; }
  .row .one-half.columns {
    width: 50%; }
  .col-md-1.columns {
    width: 8.33333%; }
  .col-md-2.columns {
    width: 16.66667%; }
  .col-md-3.columns {
    width: 25%; }
  .col-md-4.columns {
    width: 33.33333%; }
  .col-md-5.columns {
    width: 41.66667%; }
  .col-md-6.columns {
    width: 50%; }
  .col-md-7.columns {
    width: 58.33333%; }
  .col-md-8.columns {
    width: 66.66667%; }
  .col-md-9.columns {
    width: 75%; }
  .col-md-10.columns {
    width: 83.33333%; }
  .col-md-11.columns {
    width: 91.66667%; }
  .col-md-12.columns {
    width: 100%;
    margin-left: 0; }
  .row .offset-by-1.columns {
    margin-left: 8.33333%; }
  .row .offset-by-2.columns,
  .row .offset-by-2.columns {
    margin-left: 16.66667%; }
  .row .offset-by-3.columns,
  .row .offset-by-3.columns {
    margin-left: 25%; }
  .row .offset-by-4.columns,
  .row .offset-by-4.columns {
    margin-left: 33.33333%; }
  .row .offset-by-5.columns,
  .row .offset-by-5.columns {
    margin-left: 41.66667%; }
  .row .offset-by-6.columns,
  .row .offset-by-6.columns {
    margin-left: 50%; }
  .row .offset-by-7.columns,
  .row .offset-by-7.columns {
    margin-left: 58.33333%; }
  .row .offset-by-8.columns,
  .row .offset-by-8.columns {
    margin-left: 66.66667%; }
  .row .offset-by-9.columns,
  .row .offset-by-9.columns {
    margin-left: 75%; }
  .row .offset-by-10.columns,
  .row .offset-by-10.columns {
    margin-left: 83.33333%; }
  .row .offset-by-11.columns,
  .row .offset-by-11.columns {
    margin-left: 91.66667%; }
  .col-md-auto.columns {
    width: auto;
    margin: 0; }
  .body {
    padding: 3rem; } }

@media (min-width: 750px) {
  .container {
    width: 100%; }
  .body {
    padding: 5rem; }
  .columns {
    margin-left: 0%; }
  .col-lg-1.columns {
    width: 8.33333%; }
  .col-lg-2.columns {
    width: 16.66667%; }
  .col-lg-3.columns {
    width: 25%; }
  .col-lg-4.columns {
    width: 33.33333%; }
  .col-lg-5.columns {
    width: 41.66667%; }
  .col-lg-6.columns {
    width: 50%; }
  .col-lg-7.columns {
    width: 58.33333%; }
  .col-lg-8.columns {
    width: 66.66667%; }
  .col-lg-9.columns {
    width: 75%; }
  .col-lg-10.columns {
    width: 83.33333%; }
  .col-lg-11.columns {
    width: 91.66667%; }
  .col-lg-12.columns {
    width: 100%;
    margin-left: 0; }
  /*   .col-1.columns.no-margin         { width: grid-column-width(1);  }
  .col-2.columns.no-margin         { width: grid-column-width(2);  }
  .col-3.columns.no-margin         { width: grid-column-width(3);  }
  .col-4.columns.no-margin         { width: grid-column-width(4);  }
  .col-5.columns.no-margin         { width: grid-column-width(5);  }
  .col-6.columns.no-margin         { width: grid-column-width(6);  }
  .col-7.columns.no-margin         { width: grid-column-width(7);  }
  .col-8.columns.no-margin         { width: grid-column-width(8);  }
  .col-9.columns.no-margin         { width: grid-column-width(9);  }
  .col-10.columns.no-margin        { width: grid-column-width(10);  }
  .col-11.columns.no-margin        { width: grid-column-width(11);  }
  .col-12.columns.no-margin        { width: 100%; margin-left: 0;  }
 */
  .row .one-third.columns {
    width: 33.33333%; }
  .row .two-thirds.columns {
    width: 66.66667%; }
  .row .one-half.columns {
    width: 50%; }
  .row .offset-by-1-lg.columns {
    margin-left: 8.33333%; }
  .row .offset-by-2-lg.columns,
  .row .offset-by-2-lg.columns {
    margin-left: 16.66667%; }
  .row .offset-by-3-lg.columns,
  .row .offset-by-3-lg.columns {
    margin-left: 25%; }
  .row .offset-by-4-lg.columns,
  .row .offset-by-4-lg.columns {
    margin-left: 33.33333%; }
  .row .offset-by-5-lg.columns,
  .row .offset-by-5-lg.columns {
    margin-left: 41.66667%; }
  .row .offset-by-6-lg.columns,
  .row .offset-by-6-lg.columns {
    margin-left: 50%; }
  .row .offset-by-7-lg.columns,
  .row .offset-by-7-lg.columns {
    margin-left: 58.33333%; }
  .row .offset-by-8-lg.columns,
  .row .offset-by-8-lg.columns {
    margin-left: 66.66667%; }
  .row .offset-by-9-lg.columns,
  .row .offset-by-9-lg.columns {
    margin-left: 75%; }
  .row .offset-by-10-lg.columns,
  .row .offset-by-10-lg.columns {
    margin-left: 83.33333%; }
  .row .offset-by-11-lg.columns,
  .row .offset-by-11-lg.columns {
    margin-left: 91.66667%; }
  .row .offset-by-one-third.columns,
  .row .offset-by-one-third.columns {
    margin-left: 33.33333%; }
  .row .offset-by-two-thirds.columns,
  .row .offset-by-two-thirds.columns {
    margin-left: 66.66667%; }
  .row .offset-by-one-half.columns,
  .row .offset-by-one-half.columns {
    margin-left: 50%; }
  .col-lg-auto.columns {
    width: auto;
    margin: 0; } }

@media (min-width: 750px) {
  .container {
    width: 100%; } }

@media (min-width: 1100px) {
  .container {
    width: 100%; }
  .col-xl-1.columns {
    width: 8.33333%; }
  .col-xl-2.columns {
    width: 16.66667%; }
  .col-xl-3.columns {
    width: 25%; }
  .col-xl-4.columns {
    width: 33.33333%; }
  .col-xl-5.columns {
    width: 41.66667%; }
  .col-xl-6.columns {
    width: 50%; }
  .col-xl-7.columns {
    width: 58.33333%; }
  .col-xl-8.columns {
    width: 66.66667%; }
  .col-xl-9.columns {
    width: 75%; }
  .col-xl-10.columns {
    width: 83.33333%; }
  .col-xl-11.columns {
    width: 91.66667%; }
  .col-xl-12.columns {
    width: 100%;
    margin-left: 0; }
  .row .offset-by-1-xl.columns {
    margin-left: 8.33333%; }
  .row .offset-by-2-xl.columns,
  .row .offset-by-2-xl.columns {
    margin-left: 16.66667%; }
  .row .offset-by-3-xl.columns,
  .row .offset-by-3-xl.columns {
    margin-left: 25%; }
  .row .offset-by-4-xl.columns,
  .row .offset-by-4-xl.columns {
    margin-left: 33.33333%; }
  .row .offset-by-5-xl.columns,
  .row .offset-by-5-xl.columns {
    margin-left: 41.66667%; }
  .row .offset-by-6-xl.columns,
  .row .offset-by-6-xl.columns {
    margin-left: 50%; }
  .row .offset-by-7-xl.columns,
  .row .offset-by-7-xl.columns {
    margin-left: 58.33333%; }
  .row .offset-by-8-xl.columns,
  .row .offset-by-8-xl.columns {
    margin-left: 66.66667%; }
  .row .offset-by-9-xl.columns,
  .row .offset-by-9-xl.columns {
    margin-left: 75%; }
  .row .offset-by-10-xl.columns,
  .row .offset-by-10-xl.columns {
    margin-left: 83.33333%; }
  .row .offset-by-11-xl.columns,
  .row .offset-by-11-xl.columns {
    margin-left: 91.66667%; }
  .col-xl-auto.columns {
    width: auto;
    margin: 0; } }

@media (min-width: 1300px) {
  .container {
    width: 100%; }
  .col-xxl-1.columns {
    width: 8.33333%; }
  .col-xxl-2.columns {
    width: 16.66667%; }
  .col-xxl-3.columns {
    width: 25%; }
  .col-xxl-4.columns {
    width: 33.33333%; }
  .col-xxl-5.columns {
    width: 41.66667%; }
  .col-xxl-6.columns {
    width: 50%; }
  .col-xxl-7.columns {
    width: 58.33333%; }
  .col-xxl-8.columns {
    width: 66.66667%; }
  .col-xxl-9.columns {
    width: 75%; }
  .col-xxl-10.columns {
    width: 83.33333%; }
  .col-xxl-11.columns {
    width: 91.66667%; }
  .col-xxl-12.columns {
    width: 100%;
    margin-left: 0; }
  .col-xxl-auto.columns {
    width: auto;
    margin: 0; } }

.row.col--pinched > .columns {
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 750px) {
    .row.col--pinched > .columns {
      padding: 1rem; } }
  .row.col--pinched > .columns:first-child {
    padding-left: 0; }
  .row.col--pinched > .columns:last-child {
    padding-right: 0; }

.container:after,
.row:after,
.u-cf {
  /*   content: "";
  display: table;
  clear: both; */
  content: "";
  display: table;
  clear: both; }

h1 .sub-heading-text,
h2 .sub-heading-text {
  font-weight: normal;
  color: #828a8d;
  display: block;
  font-size: 1.4rem; }

.body > header {
  pointer-events: none; }

[class^="icon-cd"],
[class*=" icon-cd"] {
  height: 1.6rem;
  width: 1.6rem;
  display: inline-block;
  fill: currentColor;
  vertical-align: middle; }

.icon--illustrative {
  fill: #1d508d; }

.btn [class^="icon-cd"],
.btn [class*=" icon-cd"],
.btn--primary [class^="icon-cd"],
.btn--primary [class*=" icon-cd"],
.btn--secondary [class^="icon-cd"],
.btn--secondary [class*=" icon-cd"] {
  vertical-align: middle; }

.icon-wrap {
  display: inline-block;
  line-height: 1;
  height: 1.6rem;
  width: 1.6rem; }

.icon--small {
  height: 1.4rem;
  width: 1.4rem; }

.icon--large {
  height: 4.8rem;
  width: 4.8rem; }

.icon--x-large {
  height: 9.6rem;
  width: 9.6rem; }

.icon-cd-cross {
  padding: 0.2rem; }

.icon-cd-filter {
  padding: 0.15rem; }

.ncap-stars svg {
  fill: #FFCC00; }

img.is-error {
  display: inline-block;
  padding: 2.2rem; }

a.ncap-stars-link.ncap-stars-link:hover {
  text-decoration: none; }

.list-item {
  margin-bottom: 1rem;
  list-style: none;
  align-items: center;
  display: flex;
  padding-right: 3rem; }
  .list-item .list-item__content {
    flex: auto; }
  .list-item .btn,
  .list-item .btn.btn--small {
    margin-bottom: 0;
    line-height: 1;
    vertical-align: middle;
    flex: none; }
  .list-item.list-item--is-removable {
    padding-right: 0; }

.list-item-group.list-item-group--summary {
  font-size: 1.2rem; }
  .list-item-group.list-item-group--summary .list-item__content {
    font-weight: bold; }
  .list-item-group.list-item-group--summary .list-item--is-removable .list-item__content {
    font-weight: normal; }

.sidebar,
.container__sidebar {
  background-color: #f2f2f2;
  padding: 0 1rem;
  box-sizing: border-box;
  width: 100%;
  float: left;
  overflow: visible; }
  .sidebar .ad-wrapper:before, .sidebar .ad-wrapper:after,
  .container__sidebar .ad-wrapper:before,
  .container__sidebar .ad-wrapper:after {
    content: " ";
    display: table; }
  .sidebar .ad-wrapper:after,
  .container__sidebar .ad-wrapper:after {
    clear: both; }

@media (min-width: 550px) {
  .sidebar,
  .container__sidebar {
    padding: 0 0 0 0; } }

@media (min-width: 1100px) {
  .main--sidebar {
    margin-right: 32rem; }
    .main--sidebar .container__main-content {
      margin-right: 32rem; }
  .container__main {
    width: 100%;
    float: left; }
  .container__sidebar {
    display: inline-block;
    float: right;
    width: 32rem;
    margin-right: -32rem; } }

.loading-indicator, .slick-loading .slick-list {
  /*http://loading.io/ ring color: #aaa length: 30 width: 10 speed 0.6*/
  background: rgba(255, 255, 255, 0) url("/css/assets/loader/dist/loader.gif") 50% 50% / 3.2rem 3.2rem no-repeat;
  width: 3.2rem;
  height: 3.2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1.6rem;
  margin-top: -1.6rem;
  padding: 3.2rem;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  /* put in center of viewport */ }
  .loading-indicator.loading-indicator--small, .slick-loading .loading-indicator--small.slick-list {
    width: 1.4rem;
    height: 1.4rem;
    padding: 1.4rem;
    background-size: 1.4rem 1.4rem;
    margin-left: -0.7rem;
    margin-top: -0.7rem; }
  .loading-indicator.loading-indicator--input, .slick-loading .loading-indicator--input.slick-list {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    border-radius: 0; }
  .loading-indicator.loading-indicator--global, .slick-loading .loading-indicator--global.slick-list, .loading-indicator.loading-indicator--tool, .slick-loading .loading-indicator--tool.slick-list {
    z-index: 1000; }
  .loading-indicator.loading-indicator--tool-updating, .slick-loading .loading-indicator--tool-updating.slick-list {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateX(-0.7rem) translateY(-50%); }

@media (min-width: 1100px) {
  .main--sidebar .loading-indicator.loading-indicator--tool-updating, .main--sidebar .slick-loading .loading-indicator--tool-updating.slick-list, .slick-loading .main--sidebar .loading-indicator--tool-updating.slick-list {
    transform: translateX(calc(-$loader-small-width/2-$sidebar-width)); } }

.select .icon-wrap {
  position: absolute;
  top: 50%;
  margin-top: -0.8rem;
  right: 1rem;
  /* to keep in proportion with padding of select */
  pointer-events: none; }
  .select .icon-wrap .select__arrow {
    right: 0;
    margin-top: 0;
    position: static; }

.loading-spinner {
  height: 1.4rem;
  width: 1.4rem;
  background: url(/css/assets/loader/dist/loader.gif) 50% 50%/100% 100% no-repeat;
  border: none; }

form > .display-special {
  display: none !important; }

.input-group {
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem; }
  @media (min-width: 750px) {
    .input-group {
      margin-bottom: 2rem; } }
  .input-group input,
  .input-group textarea,
  .input-group select,
  .input-group fieldset {
    margin-bottom: 0; }
    @media (min-width: 750px) {
      .input-group input,
      .input-group textarea,
      .input-group select,
      .input-group fieldset {
        margin-bottom: 0; } }
  .input-group input:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0; }
  .input-group .input-group-prepend {
    position: absolute;
    background: none;
    border: none;
    display: flex; }
  .input-group .input-group-append {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    display: flex; }
    .input-group .input-group-append.input-group-append--select {
      padding-left: 0;
      padding-right: 0;
      display: inline-block; }
    .input-group .input-group-append .select {
      height: 3.4rem; }
      .input-group .input-group-append .select select {
        border: none;
        width: auto;
        height: 100%;
        padding-top: 0;
        padding-bottom: 0; }
  .input-group .input-group-text {
    white-space: nowrap;
    align-self: center;
    font-size: 1.4rem; }

textarea,
select {
  height: 4.8rem;
  padding: 6px 1rem;
  background-color: #fff;
  border: 0.1rem solid #d2d5d6;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

textarea:disabled,
textarea.is-disabled,
select:disabled,
select.is-disabled {
  background-color: #ecf0f1;
  color: #828a8d; }

.select {
  position: relative;
  display: inline-block;
  margin-bottom: 1rem; }
  @media (min-width: 750px) {
    .select {
      margin-bottom: 2rem; } }
  .select select {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    color: #333;
    outline: 0;
    margin-bottom: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 1.4rem;
    font-family: "Open Sans", sans-serif;
    padding-right: 3.6rem;
    /* first ie issues*/ }
    .select select::-ms-expand {
      display: none; }
    .select select:hover {
      color: #333;
      background-color: #fff; }
    .select select:focus {
      background-color: #fff; }
    .select select:disabled {
      pointer-events: none;
      color: #828a8d; }
    .select select:disabled ~ .select__arrow {
      border-top-color: #ccc; }
      .select select:disabled ~ .select__arrow svg {
        fill: #828a8d; }

.select__arrow {
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  top: 50%;
  margin-top: -0.8rem;
  right: 1rem;
  /* to keep in proportion with padding of select */
  pointer-events: none; }
  .select__arrow svg {
    fill: #FF5722;
    display: inline-block;
    vertical-align: top; }

[type="email"],
[type="number"],
[type="search"],
[type="text"],
[type="tel"],
[type="url"],
[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1.4rem;
  font-family: "Open Sans", sans-serif; }

input[type="number"] {
  text-align: right; }

textarea {
  min-height: 9.6rem;
  padding-top: 6px;
  padding-bottom: 6px; }

.inline-input {
  display: flex;
  margin-bottom: 1rem; }
  .inline-input label {
    align-self: center;
    margin-right: 1rem;
    margin-bottom: 0; }
  .inline-input .select,
  .inline-input input {
    margin-bottom: 0; }

label,
legend {
  display: block;
  margin-bottom: 1rem;
  font-weight: 600;
  color: #333;
  text-align: left;
  font-size: 1.4rem; }
  label.inline,
  legend.inline {
    font-size: 1.4rem;
    padding-right: 1rem; }
    label.inline .btn-info,
    legend.inline .btn-info {
      margin-left: 1rem; }
  label.label--with-info,
  legend.label--with-info {
    padding-right: 4.4rem; }
    label.label--with-info .btn-info,
    legend.label--with-info .btn-info {
      position: absolute;
      margin-top: -1.2rem;
      top: 50%;
      right: 1rem; }
  label .btn-info,
  legend .btn-info {
    margin-bottom: 0; }
  label .label__subtext,
  label .label__required,
  legend .label__subtext,
  legend .label__required {
    font-size: 1.2rem;
    font-weight: normal;
    display: block;
    width: 100%;
    color: #828a8d; }
  label .label__required,
  legend .label__required {
    display: inline-block;
    width: auto; }

label:first-letter {
  text-transform: uppercase; }

fieldset {
  padding: 0;
  border-width: 0; }

input[type="checkbox"], input[type="radio"] {
  display: inline; }

form .btn-group {
  margin-bottom: 1rem; }
  @media (min-width: 750px) {
    form .btn-group {
      margin-bottom: 2rem; } }

.control {
  position: relative;
  display: block;
  margin-bottom: 1rem;
  padding-left: 2.6rem;
  cursor: pointer;
  font-weight: 300;
  color: #333;
  /* Hover - default */
  /* Hover - whilst checked */
  /* Checked state */
  /* Disabled state */
  /*Radio specific*/
  /*Checkbox specific*/ }
  .control.control--flex {
    display: flex;
    align-items: center; }
  .control input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
  .control .control__indicator {
    position: absolute;
    top: 50%;
    margin-top: -0.8rem;
    left: 0;
    width: 1.6rem;
    height: 1.6rem;
    background: #fff;
    border: 0.1rem solid #d2d5d6;
    border-radius: 0.5rem;
    line-height: 1.6; }
    .control .control__indicator svg {
      width: 1.4rem;
      height: 1.4rem;
      fill: #fff;
      display: none;
      vertical-align: top; }
  .control.control--large {
    padding-left: 7rem;
    padding-top: 1rem;
    padding-bottom: 1rem; }
    .control.control--large .control__indicator {
      left: 2rem;
      width: 3rem;
      height: 3rem;
      margin-top: -1.5rem; }
      .control.control--large .control__indicator svg {
        width: 2.8rem;
        height: 2.8rem;
        fill: #fff; }
  .control:hover input ~ .control__indicator {
    background: #ecf0f1; }
  .control:hover input:not([disabled]):checked ~ .control__indicator {
    background: #ee3900; }
  .control input:checked ~ .control__indicator {
    background: #FF5722; }
    .control input:checked ~ .control__indicator svg {
      display: inline-block; }
  .control input:checked:not([disabled]) ~ .control__indicator {
    border: 0.1rem solid #FF5722; }
  .control input:disabled ~ .control__indicator {
    pointer-events: none;
    background-color: #ecf0f1;
    border-color: #ecf0f1; }
    .control input:disabled ~ .control__indicator svg {
      fill: #828a8d; }
  .control.control--radio .control__indicator {
    border-radius: 50%; }
    .control.control--radio .control__indicator svg {
      padding: 5px; }
  .control.control--checkbox .control__indicator svg {
    padding: 1px; }
  .control.control--no-text {
    height: 2.24rem; }
  .control .control__additional-text {
    display: inline-block;
    margin-left: 2rem; }

/* =========== switch ============== */
.switch {
  height: 4.8rem;
  line-height: 4.8rem; }

.switch__control {
  position: relative;
  width: 5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin-bottom: 0;
  display: inline-block;
  margin-left: 0.5rem; }

.switch__text {
  display: inline-block;
  margin-right: 1rem;
  font-weight: 600;
  color: #333; }

.switch__text-off {
  color: #333; }

.switch__text-on {
  color: #333;
  margin-left: 0.5rem; }

.switch__control .switch__control-checkbox {
  display: none; }

.switch__control-inner {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 20px; }

.switch__control-rail-fill {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.2s ease-in 0s; }

.switch__control-rail-fill:before,
.switch__control-rail-fill:after {
  display: block;
  float: left;
  width: 50%;
  height: 1.2rem;
  padding: 0;
  line-height: 1.2rem;
  font-size: 14px;
  color: white;
  box-sizing: border-box; }

.switch__control-rail-fill:before {
  content: "";
  background-color: #FF5722; }

.switch__control-rail-fill:after {
  content: "";
  background-color: #d2d5d6;
  color: #000000;
  text-align: right; }

.switch__control-thumb {
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  background: #fff;
  position: absolute;
  top: -0.8rem;
  right: 2.4rem;
  border-radius: 50%;
  border: 0.1rem solid #d2d5d6;
  transition: all 0.2s ease-in 0s; }

.switch__control-checkbox:checked + .switch__control-inner .switch__control-rail-fill {
  margin-left: 0; }

.switch__control-checkbox:checked + .switch__control-inner .switch__control-thumb {
  right: 0; }

form {
  margin-bottom: 1rem; }

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #2ecc71;
  background-color: #e6f9ee;
  border: 1px solid #2ecc71; }

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #c0392b;
  background-color: #edb6b0;
  border: 1px solid #c0392b; }

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  text-align: left;
  opacity: 0;
  font-size: 1.2rem;
  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in; }
  .parsley-errors-list li {
    list-style-type: none;
    color: #c0392b; }

.parsley-errors-list.filled {
  opacity: 1; }

.checkbox-list .checkbox-list-item {
  list-style: none;
  padding-top: 4px;
  margin-bottom: 0; }
  .checkbox-list .checkbox-list-item.level-2, .checkbox-list .checkbox-list-item.level-3 {
    margin-left: 2.65rem; }
  .checkbox-list .checkbox-list-item .control.control--checkbox {
    background: #ecf0f1;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 3.6rem;
    cursor: pointer;
    margin-bottom: 0; }
    .checkbox-list .checkbox-list-item .control.control--checkbox:hover {
      background: #b1c2c6; }
    .checkbox-list .checkbox-list-item .control.control--checkbox .control__indicator {
      margin-left: 1rem; }

@media (min-width: 750px) {
  .checkbox-list .checkbox-list-item.level-2, .checkbox-list .checkbox-list-item.level-3 {
    margin-left: 1.65rem; }
  .checkbox-list .checkbox-list-item .control.control--checkbox {
    background: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 2.6rem; }
    .checkbox-list .checkbox-list-item .control.control--checkbox:hover {
      background: none; }
    .checkbox-list .checkbox-list-item .control.control--checkbox .control__indicator {
      margin-left: 0; } }

.tree-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  position: relative; }
  .tree-list.level-2 > .tree-list-item::before {
    display: none; }
  .tree-list > .tree-list-item:last-child > .control::after {
    border-left: 1px solid transparent; }
  .tree-list .tree-list-item {
    list-style-type: none; }
    .tree-list .tree-list-item::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: -0.75rem;
      width: 0.75rem;
      border-left: 1px solid #828a8d; }
    .tree-list .tree-list-item .control {
      padding-left: 1rem;
      position: relative; }
      .tree-list .tree-list-item .control::after {
        content: '';
        position: absolute;
        top: -4px;
        bottom: -4px;
        left: -0.75rem;
        width: 0.75rem;
        border-left: 1px solid #828a8d; }
      .tree-list .tree-list-item .control::before {
        content: '';
        position: absolute;
        top: -4px;
        left: -0.75rem;
        bottom: 50%;
        width: 0.75rem;
        border: 1px solid #828a8d;
        border-top: 0 none transparent;
        border-right: 0 none transparent; }

.btn,
.btn--secondary,
button {
  display: inline-block;
  height: 4.8rem;
  min-width: 4.8rem;
  padding: 0 2rem;
  color: #fff;
  text-align: center;
  font-family: "Lato", sans-serif, sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 4.8rem;
  letter-spacing: 0.1rem;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  background-color: #194478;
  border-radius: 4rem;
  border: 0.1rem solid #194478;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  /* === smaller buttons === */
  /* === larger buttons === */ }
  .btn input,
  .btn--secondary input,
  button input {
    color: currentColor !important; }
  .btn.btn--minimal, .btn.btn--minimal:hover, .btn.btn--minimal:active,
  .btn--secondary.btn--minimal,
  .btn--secondary.btn--minimal:hover,
  .btn--secondary.btn--minimal:active,
  button.btn--minimal,
  button.btn--minimal:hover,
  button.btn--minimal:active {
    background: transparent;
    color: #333;
    border: none; }
  .btn.btn--small,
  .btn--secondary.btn--small,
  button.btn--small {
    height: 3rem;
    line-height: 3rem;
    min-width: 0;
    padding-left: 2rem;
    padding-right: 2rem; }
    .btn.btn--small.btn--icon.btn--notext,
    .btn--secondary.btn--small.btn--icon.btn--notext,
    button.btn--small.btn--icon.btn--notext {
      width: 3rem; }
    .btn.btn--small svg,
    .btn--secondary.btn--small svg,
    button.btn--small svg {
      height: 1.4rem;
      width: 1.4rem; }
    .btn.btn--small:after,
    .btn--secondary.btn--small:after,
    button.btn--small:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
    .btn.btn--small .btn__content,
    .btn--secondary.btn--small .btn__content,
    button.btn--small .btn__content {
      line-height: 2.8rem;
      /* height minus border width * 2 */ }
  .btn.btn--large,
  .btn--secondary.btn--large,
  button.btn--large {
    height: 6.72rem;
    line-height: 6.72rem;
    min-width: 100px;
    font-size: 1.96rem;
    padding: 0 4rem; }
    .btn.btn--large .btn__content,
    .btn--secondary.btn--large .btn__content,
    button.btn--large .btn__content {
      line-height: 6.52rem; }

.btn__content {
  line-height: 4.6rem;
  color: currentColor;
  display: block; }
  .btn__content svg {
    margin-right: 0.5rem;
    margin-top: -0.2rem; }
  .btn__content.icon--right svg {
    margin-left: 0.5rem;
    margin-right: 0; }

.btn--notext,
.btn--caption {
  padding: 0; }

.btn--caption {
  line-height: 1; }

.btn__caption {
  line-height: 1;
  display: block;
  font-size: 1rem;
  margin-top: 0.5rem; }

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
  color: #fff;
  background-color: #071423;
  border-color: #071423;
  outline: 0; }

input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
  color: #cccccc;
  background-color: black;
  border-color: black;
  outline: 0; }

.btn:hover,
.btn--secondary:hover,
button:hover {
  color: #fff;
  background-color: #071423;
  border-color: #071423;
  outline: 0; }

.btn:active,
.btn--secondary:active,
button:active {
  color: #cccccc;
  background-color: black;
  border-color: black; }

input[type="submit"]:disabled, input[type="submit"].is-disabled, input[type="reset"]:disabled, input[type="reset"].is-disabled, input[type="button"]:disabled, input[type="button"].is-disabled {
  color: #828a8d;
  background-color: #ecf0f1;
  border-color: #ecf0f1;
  outline: 0;
  cursor: default; }

.btn:disabled, .btn-group .btn.btn--primary:disabled,
.btn-group .btn.btn--primary.is-disabled,
.btn-group .btn.btn--primary:disabled:hover,
.btn-group .btn.btn--primary.is-disabled:hover,
.btn-group .btn.btn--primary.is-selected:disabled,
.btn-group .btn.btn--primary:checked:disabled,
.btn-group .btn.btn--primary.is-selected:disabled:hover,
.btn-group .btn.btn--primary:checked:disabled:hover,
.btn--secondary:disabled,
.btn.is-selected:disabled,
.btn-group .is-selected.btn.btn--primary:disabled,
.btn-group .is-selected.btn.btn--primary.is-disabled,
.btn-group .is-selected.btn.btn--primary:checked:disabled:hover,
.btn.is-disabled,
.btn.is-disabled:hover,
button:disabled,
button.is-disabled {
  color: #828a8d;
  background-color: #ecf0f1;
  border-color: #ecf0f1;
  outline: 0;
  cursor: default;
  pointer-events: none; }

.btn--primary {
  color: #fff;
  background-color: #FF5722;
  border-color: #FF5722; }
  .btn--primary.btn--minimal {
    color: #0e8cd1; }
  .btn--primary.btn--minimal:hover, .btn--primary.btn--minimal:active {
    color: #1d508d; }

input[type="submit"].btn--primary, input[type="reset"].btn--primary, input[type="button"].btn--primary {
  color: #fff;
  background-color: #FF5722;
  border-color: #FF5722; }

.btn--primary:hover {
  color: #fff;
  background-color: #ee3900;
  border-color: #ee3900; }

input[type="submit"].btn--primary:hover, input[type="reset"].btn--primary:hover, input[type="button"].btn--primary:hover {
  color: #fff;
  background-color: #ee3900;
  border-color: #ee3900; }

.btn--primary:active,
.btn--primary:active {
  color: #fff;
  background-color: #bb2d00;
  border-color: #bb2d00; }

input[type="submit"].btn--primary:active, input[type="reset"].btn--primary:active, input[type="button"].btn--primary:active {
  color: #fff;
  background-color: #bb2d00;
  border-color: #bb2d00; }

.btn--primary:disabled,
.btn--primary.is-disabled,
.btn--primary.is-disabled:hover {
  color: #828a8d;
  background-color: #ecf0f1;
  border-color: #ecf0f1;
  cursor: default; }

input[type="submit"].btn--primary:disabled, input[type="submit"].btn--primary.is-disabled, input[type="reset"].btn--primary:disabled, input[type="reset"].btn--primary.is-disabled, input[type="button"].btn--primary:disabled, input[type="button"].btn--primary.is-disabled {
  color: #828a8d;
  background-color: #ecf0f1;
  border-color: #ecf0f1;
  cursor: default; }

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
.input-group-append,
.input-group-prepend,
select {
  height: 4.8rem;
  padding: 0.6rem 1rem;
  background-color: #fff;
  border: 0.1rem solid #d2d5d6;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }

.input-group-prepend {
  padding-top: 0.7rem; }

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
select:focus {
  border: 0.1rem solid #ee3900; }

input[type="email"][readonly], input[type="email"]:disabled, input[type="email"].is-disabled, input[type="number"][readonly], input[type="number"]:disabled, input[type="number"].is-disabled, input[type="search"][readonly], input[type="search"]:disabled, input[type="search"].is-disabled, input[type="text"]:disabled, input[type="text"][readonly], input[type="text"].is-disabled, input[type="tel"]:disabled, input[type="tel"][readonly], input[type="tel"].is-disabled, input[type="url"]:disabled, input[type="url"][readonly], input[type="url"].is-disabled, input[type="password"][readonly], input[type="password"]:disabled, input[type="password"].is-disabled,
input.is-disabled + .input-group-prepend,
input.is-disabled + .input-group-append,
input:disabled + .input-group-prepend,
input:disabled + .input-group-append {
  color: #828a8d;
  background-color: #ecf0f1;
  cursor: default; }

.is-error :disabled + .input-group-prepend,
.is-error :disabled + .input-group-append {
  color: #c0392b; }

.is-error,
select.is-error,
textarea.is-error,
input[type].is-error,
.is-error input:disabled,
.is-error select,
.is-error textarea,
.is-error input[type],
.is-error .input-group-append {
  border-color: #c0392b;
  color: #c0392b; }
  .is-error svg,
  select.is-error svg,
  textarea.is-error svg,
  input[type].is-error svg,
  .is-error input:disabled svg,
  .is-error select svg,
  .is-error textarea svg,
  .is-error input[type] svg,
  .is-error .input-group-append svg {
    fill: #c0392b; }

input + .is-error {
  display: block;
  font-size: 1.2rem; }

/* =========== adjustments ================= */
table button,
table .btn,
p button,
p .btn {
  margin-bottom: 0; }

/* .btn-group .btn,
.btn--toggle {

        color: $btn-toggle-color;
        background-color: $btn-toggle-bg;
        border-color: $btn-toggle-border;      

        &:hover,
        &.btn--isHovered {
            color: $btn-toggle-color--hover;
            background-color: $btn-toggle-bg--hover;
            border-color: $btn-toggle-border--hover;          
        }        

        &:active,
        &.is-selected:active {
            color: $btn-toggle-color--active;
            background-color: $btn-toggle-bg--active;
            border-color: $btn-toggle-border--active;          
        }

        &.is-selected {
            color: $btn-toggle-color--selected;
            background-color: $btn-toggle-bg--selected;
            border-color: $btn-toggle-border--selected;
        }           

        &.btn--primary {

            color: $btn-primary-toggle-color;
            background-color: $btn-primary-toggle-bg;
            border-color: $btn-primary-toggle-border;

            &:hover {
                color: $btn-primary-toggle-color--hover;
                background-color: $btn-primary-toggle-bg--hover;
                border-color: $btn-primary-toggle-border--hover;          
            }        

            &:active,
            &.is-selected:active {
                color: $btn-primary-toggle-color--active;
                background-color: $btn-primary-toggle-bg--active;
                border-color: $btn-primary-toggle-border--active;          
            }

            &.is-selected {
                color: $btn-primary-toggle-color--selected;
                background-color: $btn-primary-toggle-bg--selected;
                border-color: $btn-primary-toggle-border--selected;
            }   

        }

}  */
.btn-group {
  display: flex;
  flex-wrap: wrap; }
  .btn-group:before, .btn-group:after {
    content: " ";
    display: table; }
  .btn-group:after {
    clear: both; }
  @media (min-width: 750px) {
    .btn-group {
      display: flex; } }
  .btn-group [type="radio"] {
    display: none; }
  .btn-group button, .btn-group .btn {
    float: left;
    color: #404040;
    background-color: #d2d5d6;
    border-color: #d2d5d6;
    border-radius: 0;
    border-width: 0.2rem;
    border-right-width: 0;
    flex: auto; }
    .btn-group button.btn--primary, .btn-group .btn.btn--primary {
      color: #595959;
      background-color: #d2d5d6;
      border-color: #d2d5d6; }
      .btn-group button.btn--primary.is-disabled, .btn-group .btn.btn--primary.is-disabled {
        color: #828a8d;
        background-color: #ecf0f1;
        border-color: #ecf0f1;
        cursor: default; }
      .btn-group button.btn--primary:hover, .btn-group .btn.btn--primary:hover {
        color: #333;
        background-color: transparent;
        border-color: #d2d5d6; }
    .btn-group button:only-child, .btn-group .btn:only-child {
      border-radius: 4rem;
      border-width: 0.1rem;
      border-style: solid;
      border-color: inherit; }
    .btn-group button:first-of-type, .btn-group .btn:first-of-type {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 4rem;
      border-top-left-radius: 4rem;
      border-right: 0; }
    .btn-group button:last-child, .btn-group .btn:last-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 4rem;
      border-top-right-radius: 4rem;
      margin-right: 0;
      border-right-width: 0.2rem; }
    .btn-group button:hover, .btn-group .btn:hover {
      color: #333;
      background-color: transparent;
      border-color: #d2d5d6; }
    .btn-group button.is-selected, .btn-group .btn.is-selected {
      overflow: hidden;
      background-color: #fff;
      color: #333;
      box-shadow: none;
      border-color: #194478; }
      .btn-group button.is-selected.btn--primary, .btn-group .btn.is-selected.btn--primary {
        background-color: #fff;
        color: #333;
        border-color: #FF5722; }
  .btn-group.is-error button, .btn-group.is-error .btn {
    color: #404040;
    background-color: #d2d5d6;
    border-color: #d2d5d6; }
    .btn-group.is-error button.btn--primary, .btn-group.is-error .btn.btn--primary {
      color: #595959;
      background-color: #d2d5d6;
      border-color: #d2d5d6; }
      .btn-group.is-error button.btn--primary:hover, .btn-group.is-error .btn.btn--primary:hover {
        color: #333;
        background-color: transparent;
        border-color: #d2d5d6; }
    .btn-group.is-error button.is-selected, .btn-group.is-error .btn.is-selected {
      background-color: #c0392b;
      border-color: #c0392b;
      color: #fff; }
      .btn-group.is-error button.is-selected.btn--primary, .btn-group.is-error .btn.is-selected.btn--primary {
        background-color: #c0392b;
        border-color: #c0392b;
        color: #fff; }
  .btn-group label:not(.btn):first-of-type {
    float: left;
    line-height: 4.8rem;
    margin-bottom: 0;
    margin-right: 2rem; }
  .btn-group input:checked + label,
  .btn-group input:checked:disabled + label {
    overflow: hidden;
    background-color: #fff;
    box-shadow: none;
    text-align: center; }
    .btn-group input:checked + label.btn--primary,
    .btn-group input:checked:disabled + label.btn--primary {
      background-color: #fff;
      box-shadow: none;
      border-color: #FF5722;
      color: #333; }
      .btn-group input:checked + label.btn--primary:hover,
      .btn-group input:checked:disabled + label.btn--primary:hover {
        background-color: #fff;
        box-shadow: none;
        border-color: #FF5722;
        color: #333; }
  .btn-group input:disabled + label {
    background-color: #ecf0f1;
    color: #828a8d;
    border-color: #194478;
    cursor: default; }
    .btn-group input:disabled + label.btn--primary {
      background-color: #ecf0f1;
      color: #828a8d;
      border-color: #ecf0f1; }
      .btn-group input:disabled + label.btn--primary:hover {
        background-color: #ecf0f1;
        color: #828a8d;
        border-color: #ecf0f1; }
    .btn-group input:disabled + label:hover {
      background-color: #ecf0f1;
      color: #828a8d;
      border-color: #194478; }
  .btn-group.is-error input:checked + label {
    background-color: #c0392b;
    border-color: #c0392b; }
    .btn-group.is-error input:checked + label.btn--primary {
      background-color: #c0392b;
      border-color: #c0392b;
      color: #fff; }

/* .btn.btn-sorting {
    background-color: $btn-sort-bg;

    svg {
        
    }


:                           $container-bg !default;
$btn-sort-colour:                       $btn-primary-bg !default;

} */
.collapsible-handler.collapsible-handler,
table.horizontal.table--categories .category_heading.collapsible-handler {
  padding: 1.5rem 1.5rem;
  background-color: #fff;
  border-top: 0.1rem solid #d2d5d6;
  font-weight: bold;
  font-size: 1.4rem;
  font-family: "Lato", sans-serif;
  cursor: pointer;
  position: relative;
  margin-bottom: 0;
  color: #333;
  text-transform: none; }
  .collapsible-handler.collapsible-handler:first-letter,
  table.horizontal.table--categories .category_heading.collapsible-handler:first-letter {
    text-transform: uppercase; }
  .collapsible-handler.collapsible-handler:hover,
  table.horizontal.table--categories .category_heading.collapsible-handler:hover {
    background-color: #ecf0f1; }
  .collapsible-handler.collapsible-handler td,
  table.horizontal.table--categories .category_heading.collapsible-handler td {
    position: relative;
    border-top: none;
    border-bottom: 0.1rem solid #d2d5d6;
    color: inherit; }
  .collapsible-handler.collapsible-handler.isClosed,
  table.horizontal.table--categories .category_heading.collapsible-handler.isClosed {
    border-top: 0.1rem solid #d2d5d6;
    border-bottom: none; }
  .collapsible-handler.collapsible-handler.collapsible-handler--single, .collapsible-handler.collapsible-handler.collapsible-handler--last,
  table.horizontal.table--categories .category_heading.collapsible-handler.collapsible-handler--single,
  table.horizontal.table--categories .category_heading.collapsible-handler.collapsible-handler--last {
    border-bottom: 0 solid #d2d5d6; }
  .collapsible-handler.collapsible-handler .icon-wrap,
  table.horizontal.table--categories .category_heading.collapsible-handler .icon-wrap {
    position: absolute;
    top: 50%;
    right: 2rem;
    margin-top: -0.8rem; }
    .collapsible-handler.collapsible-handler .icon-wrap svg,
    table.horizontal.table--categories .category_heading.collapsible-handler .icon-wrap svg {
      fill: #FF5722; }
  .collapsible-handler.collapsible-handler .collapsible-handler__value,
  table.horizontal.table--categories .category_heading.collapsible-handler .collapsible-handler__value {
    font-weight: normal;
    position: absolute;
    top: 50%;
    right: 3.6rem;
    margin-top: -1.12rem; }

.collapsible-panel {
  border: 0.1rem solid #d2d5d6;
  border-radius: 4px;
  background-color: #fff; }
  .collapsible-panel .collapsible-handler:first-child {
    border-top-width: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .collapsible-panel .collapsible-handler.collapsible-handler--last {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }

@media (max-width: 749px) {
  .collapsible-handler-sm {
    padding: 1.5rem 1.5rem;
    background-color: #fff;
    border-top: 0.1rem solid #d2d5d6;
    font-weight: bold;
    font-size: 1.4rem;
    font-family: "Lato", sans-serif;
    cursor: pointer;
    position: relative;
    margin-bottom: 0;
    color: #333;
    text-transform: none; }
    .collapsible-handler-sm:first-letter {
      text-transform: uppercase; }
    .collapsible-handler-sm:hover {
      background-color: #ecf0f1; }
    .collapsible-handler-sm td {
      position: relative;
      border-top: none;
      border-bottom: 0.1rem solid #d2d5d6;
      color: inherit; }
    .collapsible-handler-sm.isClosed {
      border-top: 0.1rem solid #d2d5d6;
      border-bottom: none; }
    .collapsible-handler-sm.collapsible-handler--single, .collapsible-handler-sm.collapsible-handler--last {
      border-bottom: 0 solid #d2d5d6; }
    .collapsible-handler-sm .icon-wrap {
      position: absolute;
      top: 50%;
      right: 2rem;
      margin-top: -0.8rem; }
      .collapsible-handler-sm .icon-wrap svg {
        fill: #FF5722; }
    .collapsible-handler-sm .collapsible-handler__value {
      font-weight: normal;
      position: absolute;
      top: 50%;
      right: 3.6rem;
      margin-top: -1.12rem; } }

@media (min-width: 750px) {
  .collapsible-handler-sm {
    cursor: default; } }

@media (min-width: 750px) {
  .collapsible-handler-sm .icon-wrap {
    display: none; } }

.collapsible-handler--minimal {
  background-color: transparent;
  border: 0; }

.collapsible-handler__title {
  display: block;
  width: 100%;
  padding-right: 10rem;
  position: relative; }

.dropdown {
  position: relative;
  display: inline-block;
  width: 100%; }
  @media (min-width: 550px) {
    .dropdown {
      width: auto; } }
  .dropdown button {
    margin-bottom: 0; }
    .dropdown button.btn--minimal {
      color: #333;
      font-size: 1.4rem;
      padding-left: 0;
      text-align: left; }
      .dropdown button.btn--minimal.btn--primary:hover .btn__content {
        color: #333; }
  .dropdown > .dropdown__content {
    display: none;
    position: static;
    border: 1px solid #d2d5d6;
    z-index: 3;
    background-color: #fff;
    width: 100%;
    margin-bottom: 0;
    font-family: "Open Sans", sans-serif; }
    @media (min-width: 550px) {
      .dropdown > .dropdown__content {
        position: absolute;
        top: 4rem;
        left: 0;
        width: 25rem; } }
    .dropdown > .dropdown__content ul {
      margin-bottom: 0; }
    .dropdown > .dropdown__content .dropdown__content-item {
      display: block;
      min-height: 3rem;
      padding: 0.5rem 1rem;
      font-weight: bold;
      margin-bottom: 0;
      /* if we have a dropdown inside a dropdown. Its like Inception for dropdowns. */ }
      .dropdown > .dropdown__content .dropdown__content-item:last-child {
        border-bottom: none; }
      .dropdown > .dropdown__content .dropdown__content-item .dropdown__content-name {
        display: inline-block;
        line-height: 3rem; }
      .dropdown > .dropdown__content .dropdown__content-item:hover {
        background-color: #cccccc;
        cursor: pointer; }
      .dropdown > .dropdown__content .dropdown__content-item .sort {
        float: right; }
        .dropdown > .dropdown__content .dropdown__content-item .sort .asc,
        .dropdown > .dropdown__content .dropdown__content-item .sort .desc {
          display: inline-block; }
      .dropdown > .dropdown__content .dropdown__content-item > .dropdown__content {
        position: static; }
  .dropdown.is-open > .dropdown__content {
    display: inline-block; }
  .dropdown.is-not-visible .dropdown__content {
    visibility: hidden; }

.tab-control {
  display: flex;
  flex-wrap: wrap; }
  .tab-control.tab-control--center {
    justify-content: center; }
  .tab-control .btn {
    line-height: 4.8rem; }
  .tab-control.tab-control--captioned .btn {
    line-height: 1; }
  .tab-control.is-stacked {
    margin: 0 -3rem 1rem -3rem;
    padding: 0 3rem; }
    .tab-control.is-stacked .btn {
      width: 100%; }
  .tab-control:not(.is-stacked) {
    padding: 0 0 0 1rem; }
    @media (min-width: 750px) {
      .tab-control:not(.is-stacked) {
        border-bottom: 1px solid #d2d5d6; } }
    @media (min-width: 750px) {
      .tab-control:not(.is-stacked) .btn:first-child {
        padding-left: 0; }
      .tab-control:not(.is-stacked) .btn:last-child {
        padding-right: 0; } }
    .tab-control:not(.is-stacked) .btn.btn--primary, .tab-control:not(.is-stacked) .btn.btn--primary:active {
      width: auto;
      color: #828a8d;
      background-color: transparent;
      border: none;
      border-radius: 0;
      font-size: 1.4rem;
      margin-bottom: 0; }
      .tab-control:not(.is-stacked) .btn.btn--primary.is-selected, .tab-control:not(.is-stacked) .btn.btn--primary:active.is-selected {
        background-color: transparent;
        color: #1d508d; }
        .tab-control:not(.is-stacked) .btn.btn--primary.is-selected:after, .tab-control:not(.is-stacked) .btn.btn--primary:active.is-selected:after {
          content: '';
          display: block;
          width: 100%;
          height: 3px;
          background-color: #1d508d;
          margin-top: 0; }
          @media (min-width: 550px) {
            .tab-control:not(.is-stacked) .btn.btn--primary.is-selected:after, .tab-control:not(.is-stacked) .btn.btn--primary:active.is-selected:after {
              margin-top: -2px; } }
    .tab-control:not(.is-stacked) .btn.btn--small, .tab-control:not(.is-stacked) .btn.btn--small:active {
      font-size: 1.4rem; }
      .tab-control:not(.is-stacked) .btn.btn--small.is-selected:after, .tab-control:not(.is-stacked) .btn.btn--small:active.is-selected:after {
        position: static;
        margin-top: -3px; }
    .tab-control:not(.is-stacked) .btn:hover {
      color: #1d508d; }
    .tab-control:not(.is-stacked) .btn .btn__caption {
      display: block;
      font-size: 0.9rem;
      line-height: 0.8rem;
      color: #d2d5d6;
      padding: 0.6rem 0.4rem; }

.card__header {
  width: 100%;
  padding-bottom: 1rem;
  font-weight: bold; }

.card__content {
  width: 100%; }

.card__footer {
  width: 100%;
  padding-top: 2rem; }
  .card__footer .btn {
    margin-bottom: 0; }

.card__image-wrap {
  padding-bottom: 1rem;
  margin-top: -1rem;
  margin-left: -1rem;
  margin-right: -1rem; }
  .card__image-wrap img {
    display: block;
    width: 100%; }
  @media (min-width: 550px) {
    .card__image-wrap {
      margin-top: -2rem;
      margin-left: -2rem;
      margin-right: -2rem;
      padding-bottom: 2rem; } }

.card {
  /* if we've got both a card image and header*/ }
  .card.card--image.card--header {
    background-color: salmon; }
    .card.card--image.card--header .card__header {
      padding-bottom: 2rem; }
      @media (min-width: 550px) {
        .card.card--image.card--header .card__header {
          padding-bottom: 4rem; } }

/*************
 card ups
**************/
.card-xs-up,
.card {
  display: block;
  border: 0.1rem solid #d2d5d6;
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  padding: 1rem; }
  @media (min-width: 550px) {
    .card-xs-up,
    .card {
      padding: 2rem; } }
  .card-xs-up.card--shadow,
  .card.card--shadow {
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); }
  .card-xs-up.is-selected .card__selected-indicator,
  .card.is-selected .card__selected-indicator {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 5rem solid #1d508d;
    border-left: 5rem solid rgba(0, 0, 0, 0); }
    .card-xs-up.is-selected .card__selected-indicator svg,
    .card.is-selected .card__selected-indicator svg {
      position: absolute;
      top: -4.3rem;
      right: 0.5rem;
      color: #fff; }

@media (min-width: 400px) {
  .card-sm-up {
    display: block;
    border: 0.1rem solid #d2d5d6;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    padding: 1rem; } }
  @media (min-width: 400px) and (min-width: 550px) {
    .card-sm-up {
      padding: 2rem; } }

@media (min-width: 400px) {
    .card-sm-up.card--shadow {
      box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); }
    .card-sm-up.is-selected .card__selected-indicator {
      position: absolute;
      z-index: 1;
      right: 0;
      top: 0;
      width: 0;
      height: 0;
      border-top: 5rem solid #1d508d;
      border-left: 5rem solid rgba(0, 0, 0, 0); }
      .card-sm-up.is-selected .card__selected-indicator svg {
        position: absolute;
        top: -4.3rem;
        right: 0.5rem;
        color: #fff; } }

@media (min-width: 550px) {
  .card-md-up {
    display: block;
    border: 0.1rem solid #d2d5d6;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    padding: 1rem; } }
  @media (min-width: 550px) and (min-width: 550px) {
    .card-md-up {
      padding: 2rem; } }

@media (min-width: 550px) {
    .card-md-up.card--shadow {
      box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); }
    .card-md-up.is-selected .card__selected-indicator {
      position: absolute;
      z-index: 1;
      right: 0;
      top: 0;
      width: 0;
      height: 0;
      border-top: 5rem solid #1d508d;
      border-left: 5rem solid rgba(0, 0, 0, 0); }
      .card-md-up.is-selected .card__selected-indicator svg {
        position: absolute;
        top: -4.3rem;
        right: 0.5rem;
        color: #fff; } }

@media (min-width: 750px) {
  .card-lg-up {
    display: block;
    border: 0.1rem solid #d2d5d6;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    padding: 1rem; } }
  @media (min-width: 750px) and (min-width: 550px) {
    .card-lg-up {
      padding: 2rem; } }

@media (min-width: 750px) {
    .card-lg-up.card--shadow {
      box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); }
    .card-lg-up.is-selected .card__selected-indicator {
      position: absolute;
      z-index: 1;
      right: 0;
      top: 0;
      width: 0;
      height: 0;
      border-top: 5rem solid #1d508d;
      border-left: 5rem solid rgba(0, 0, 0, 0); }
      .card-lg-up.is-selected .card__selected-indicator svg {
        position: absolute;
        top: -4.3rem;
        right: 0.5rem;
        color: #fff; } }

@media (min-width: 1100px) {
  .card-xl-up {
    display: block;
    border: 0.1rem solid #d2d5d6;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    padding: 1rem; } }
  @media (min-width: 1100px) and (min-width: 550px) {
    .card-xl-up {
      padding: 2rem; } }

@media (min-width: 1100px) {
    .card-xl-up.card--shadow {
      box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); }
    .card-xl-up.is-selected .card__selected-indicator {
      position: absolute;
      z-index: 1;
      right: 0;
      top: 0;
      width: 0;
      height: 0;
      border-top: 5rem solid #1d508d;
      border-left: 5rem solid rgba(0, 0, 0, 0); }
      .card-xl-up.is-selected .card__selected-indicator svg {
        position: absolute;
        top: -4.3rem;
        right: 0.5rem;
        color: #fff; } }

@media (min-width: 1300px) {
  .card-xxl-up {
    display: block;
    border: 0.1rem solid #d2d5d6;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    padding: 1rem; } }
  @media (min-width: 1300px) and (min-width: 550px) {
    .card-xxl-up {
      padding: 2rem; } }

@media (min-width: 1300px) {
    .card-xxl-up.card--shadow {
      box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); }
    .card-xxl-up.is-selected .card__selected-indicator {
      position: absolute;
      z-index: 1;
      right: 0;
      top: 0;
      width: 0;
      height: 0;
      border-top: 5rem solid #1d508d;
      border-left: 5rem solid rgba(0, 0, 0, 0); }
      .card-xxl-up.is-selected .card__selected-indicator svg {
        position: absolute;
        top: -4.3rem;
        right: 0.5rem;
        color: #fff; } }

/*************
 card downs
**************/
@media (max-width: 549px) {
  .card-sm-down {
    display: block;
    border: 0.1rem solid #d2d5d6;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    padding: 1rem; } }
  @media (max-width: 549px) and (min-width: 550px) {
    .card-sm-down {
      padding: 2rem; } }

@media (max-width: 549px) {
    .card-sm-down.card--shadow {
      box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); }
    .card-sm-down.is-selected .card__selected-indicator {
      position: absolute;
      z-index: 1;
      right: 0;
      top: 0;
      width: 0;
      height: 0;
      border-top: 5rem solid #1d508d;
      border-left: 5rem solid rgba(0, 0, 0, 0); }
      .card-sm-down.is-selected .card__selected-indicator svg {
        position: absolute;
        top: -4.3rem;
        right: 0.5rem;
        color: #fff; } }

@media (max-width: 749px) {
  .card-md-down {
    display: block;
    border: 0.1rem solid #d2d5d6;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    padding: 1rem; } }
  @media (max-width: 749px) and (min-width: 550px) {
    .card-md-down {
      padding: 2rem; } }

@media (max-width: 749px) {
    .card-md-down.card--shadow {
      box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); }
    .card-md-down.is-selected .card__selected-indicator {
      position: absolute;
      z-index: 1;
      right: 0;
      top: 0;
      width: 0;
      height: 0;
      border-top: 5rem solid #1d508d;
      border-left: 5rem solid rgba(0, 0, 0, 0); }
      .card-md-down.is-selected .card__selected-indicator svg {
        position: absolute;
        top: -4.3rem;
        right: 0.5rem;
        color: #fff; } }

@media (max-width: 999px) {
  .card-lg-down {
    display: block;
    border: 0.1rem solid #d2d5d6;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    padding: 1rem; } }
  @media (max-width: 999px) and (min-width: 550px) {
    .card-lg-down {
      padding: 2rem; } }

@media (max-width: 999px) {
    .card-lg-down.card--shadow {
      box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); }
    .card-lg-down.is-selected .card__selected-indicator {
      position: absolute;
      z-index: 1;
      right: 0;
      top: 0;
      width: 0;
      height: 0;
      border-top: 5rem solid #1d508d;
      border-left: 5rem solid rgba(0, 0, 0, 0); }
      .card-lg-down.is-selected .card__selected-indicator svg {
        position: absolute;
        top: -4.3rem;
        right: 0.5rem;
        color: #fff; } }

@media (max-width: 1199px) {
  .card-xl-down {
    display: block;
    border: 0.1rem solid #d2d5d6;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    padding: 1rem; } }
  @media (max-width: 1199px) and (min-width: 550px) {
    .card-xl-down {
      padding: 2rem; } }

@media (max-width: 1199px) {
    .card-xl-down.card--shadow {
      box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); }
    .card-xl-down.is-selected .card__selected-indicator {
      position: absolute;
      z-index: 1;
      right: 0;
      top: 0;
      width: 0;
      height: 0;
      border-top: 5rem solid #1d508d;
      border-left: 5rem solid rgba(0, 0, 0, 0); }
      .card-xl-down.is-selected .card__selected-indicator svg {
        position: absolute;
        top: -4.3rem;
        right: 0.5rem;
        color: #fff; } }

.vat {
  font-size: 1rem;
  display: inline-block; }

.btn-info {
  color: #fff;
  background-color: #FF5722;
  border-color: #FF5722;
  border-radius: 50%;
  height: 2.4rem;
  width: 2.4rem;
  min-width: 2.4rem;
  margin-bottom: 0;
  line-height: 2.2rem; }
  .btn-info svg {
    height: 1.4rem;
    width: 1.4rem; }
  .btn-info:after {
    content: "";
    position: absolute;
    top: -1rem;
    bottom: -1rem;
    left: -1rem;
    right: -1rem; }
  .btn-info:hover {
    color: #fff;
    background-color: #ee3900;
    border-color: #ee3900; }
  .btn-info.is-selected {
    color: #fff;
    background-color: #bb2d00;
    border-color: #bb2d00; }

.btn-dependency {
  color: #fff;
  background-color: #194478;
  border-color: #194478;
  border-radius: 50%;
  height: 2.4rem;
  width: 2.4rem;
  min-width: 0;
  margin-bottom: 0;
  line-height: 2.2rem; }
  .btn-dependency svg {
    height: 1.4rem;
    width: 1.4rem; }
  .btn-dependency:after {
    content: "";
    position: absolute;
    top: -1rem;
    bottom: -1rem;
    left: -1rem;
    right: -1rem; }
  .btn-dependency:hover {
    color: #fff;
    background-color: #071423;
    border-color: #071423; }
  .btn-dependency.is-selected {
    color: #cccccc;
    background-color: black;
    border-color: black; }

.explanation__content {
  background-color: #ecf0f1;
  padding: 2rem;
  font-size: 1.4rem;
  text-align: left;
  color: #333;
  border: 0 solid #ecf0f1;
  border-radius: 4px;
  /*     @media (min-width: 400px) {
        padding: $generalSpacing-small;
    }
 */ }
  .explanation__content .explanation__heading {
    font-weight: bold;
    display: block; }
  .explanation__content span {
    display: block;
    margin-bottom: 1rem; }

.explanation--selected {
  animation: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s grow;
  transform-origin: top;
  display: block; }

@keyframes grow {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0;
    transform: scaleY(0); }
  100% {
    opacity: 1;
    transform: scaleY(1); } }

.tooltip {
  display: block !important;
  z-index: 10000; }

.tooltip .tooltip-inner {
  background: #828a8d;
  color: #fff;
  padding: 5px 10px 4px; }

.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: #828a8d;
  z-index: 1; }

.tooltip[x-placement^="top"] {
  margin-bottom: 5px; }

.tooltip[x-placement^="top"] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0; }

.tooltip[x-placement^="bottom"] {
  margin-top: 5px; }

.tooltip[x-placement^="bottom"] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0; }

.tooltip[x-placement^="right"] {
  margin-left: 5px; }

.tooltip[x-placement^="right"] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0; }

.tooltip[x-placement^="left"] {
  margin-right: 5px; }

.tooltip[x-placement^="left"] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0; }

.tooltip.popover .popover-inner {
  background: #fff;
  color: #828a8d;
  padding: 24px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); }

.tooltip.popover .popover-arrow {
  border-color: #fff; }

.tooltip[aria-hidden='true'] {
  visibility: hidden;
  opacity: 0;
  transition: opacity .15s, visibility .15s; }

.tooltip[aria-hidden='false'] {
  visibility: visible;
  opacity: 1;
  transition: opacity .15s; }

.alert {
  padding: 1.5rem;
  margin-bottom: 2rem;
  border-radius: 4px;
  text-align: left;
  color: #333;
  border: 1px solid #d2d5d6;
  border-left: 1.5rem solid #d2d5d6;
  background-color: #fff; }

.alert__heading {
  font-weight: bold; }

.alert__content {
  font-weight: normal;
  margin-bottom: 0; }

.alert--success {
  border-color: #2ecc71;
  color: #333; }

.alert--notice {
  border-color: #d2d5d6;
  color: #333; }

.alert--error {
  border-color: #c0392b;
  color: #333; }
  .alert--error .alert--error__link {
    color: #333;
    font-weight: bold;
    text-decoration: underline; }
    .alert--error .alert--error__link:hover {
      color: #333 !important; }

/**
* Noty 2.2.2 Theme: Flat UI colors
* @author kottenator
*/
#noty_bottomRight_layout_container {
  bottom: 0 !important;
  width: 100% !important; }
  @media (min-width: 750px) {
    #noty_bottomRight_layout_container {
      bottom: 20px !important;
      width: 310px !important; } }
  #noty_bottomRight_layout_container .bones {
    width: 100% !important; }
    @media (min-width: 750px) {
      #noty_bottomRight_layout_container .bones {
        width: 310px !important; } }

.noty_layout_mixin, #noty_layout__topRight {
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 9999999;
  transform: translateZ(0) scale(1, 1);
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  filter: blur(0);
  -webkit-filter: blur(0);
  max-width: 90%; }

#noty_layout__topRight {
  top: 20px;
  right: 20px;
  width: 325px; }

.noty_progressbar {
  display: none; }

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #646464;
  opacity: 0.2;
  filter: alpha(opacity=10); }

.noty_bar {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0, 0) translateZ(0) scale(1, 1);
  transform: translate(0, 0) scale(1, 1);
  -webkit-font-smoothing: subpixel-antialiased;
  overflow: hidden; }

.noty_effects_open {
  opacity: 0;
  transform: translate(50%);
  animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-fill-mode: forwards; }

.noty_effects_close {
  animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-fill-mode: forwards; }

.noty_fix_effects_height {
  animation: noty_anim_height 75ms ease-out; }

.noty_close_with_click {
  cursor: pointer; }

.noty_close_button {
  position: absolute;
  top: 2px;
  right: 2px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  cursor: pointer;
  transition: all .2s ease-out; }

.noty_close_button:hover {
  background-color: rgba(0, 0, 0, 0.1); }

@keyframes noty_anim_in {
  100% {
    transform: translate(0);
    opacity: 1; } }

@keyframes noty_anim_out {
  100% {
    transform: translate(50%);
    opacity: 0; } }

@keyframes noty_anim_height {
  100% {
    height: 0; } }

.bones .noty_bar,
.bones .vue-notification,
.noty_theme__bones .noty_bar,
.noty_theme__bones .vue-notification,
.noty_layout .noty_bar,
.noty_layout .vue-notification,
.vue-notification-wrapper .noty_bar,
.vue-notification-wrapper .vue-notification {
  font-size: 1.4rem;
  text-align: left;
  padding: 2rem;
  position: relative;
  border: 2px solid #eee;
  background-color: #fff;
  width: 100%; }
  .bones .noty_bar.noty_type__error, .bones .noty_bar.vue-notification--error,
  .bones .vue-notification.noty_type__error,
  .bones .vue-notification.vue-notification--error,
  .noty_theme__bones .noty_bar.noty_type__error,
  .noty_theme__bones .noty_bar.vue-notification--error,
  .noty_theme__bones .vue-notification.noty_type__error,
  .noty_theme__bones .vue-notification.vue-notification--error,
  .noty_layout .noty_bar.noty_type__error,
  .noty_layout .noty_bar.vue-notification--error,
  .noty_layout .vue-notification.noty_type__error,
  .noty_layout .vue-notification.vue-notification--error,
  .vue-notification-wrapper .noty_bar.noty_type__error,
  .vue-notification-wrapper .noty_bar.vue-notification--error,
  .vue-notification-wrapper .vue-notification.noty_type__error,
  .vue-notification-wrapper .vue-notification.vue-notification--error {
    background-color: #c0392b;
    border-color: #c0392b;
    color: #fff; }
  .bones .noty_bar.noty_type__warning, .bones .noty_bar.vue-notification--warning,
  .bones .vue-notification.noty_type__warning,
  .bones .vue-notification.vue-notification--warning,
  .noty_theme__bones .noty_bar.noty_type__warning,
  .noty_theme__bones .noty_bar.vue-notification--warning,
  .noty_theme__bones .vue-notification.noty_type__warning,
  .noty_theme__bones .vue-notification.vue-notification--warning,
  .noty_layout .noty_bar.noty_type__warning,
  .noty_layout .noty_bar.vue-notification--warning,
  .noty_layout .vue-notification.noty_type__warning,
  .noty_layout .vue-notification.vue-notification--warning,
  .vue-notification-wrapper .noty_bar.noty_type__warning,
  .vue-notification-wrapper .noty_bar.vue-notification--warning,
  .vue-notification-wrapper .vue-notification.noty_type__warning,
  .vue-notification-wrapper .vue-notification.vue-notification--warning {
    background-color: #f1c40f;
    border-color: #f1c40f;
    color: #fff; }
  .bones .noty_bar.noty_type__success, .bones .noty_bar.vue-notification--success,
  .bones .vue-notification.noty_type__success,
  .bones .vue-notification.vue-notification--success,
  .noty_theme__bones .noty_bar.noty_type__success,
  .noty_theme__bones .noty_bar.vue-notification--success,
  .noty_theme__bones .vue-notification.noty_type__success,
  .noty_theme__bones .vue-notification.vue-notification--success,
  .noty_layout .noty_bar.noty_type__success,
  .noty_layout .noty_bar.vue-notification--success,
  .noty_layout .vue-notification.noty_type__success,
  .noty_layout .vue-notification.vue-notification--success,
  .vue-notification-wrapper .noty_bar.noty_type__success,
  .vue-notification-wrapper .noty_bar.vue-notification--success,
  .vue-notification-wrapper .vue-notification.noty_type__success,
  .vue-notification-wrapper .vue-notification.vue-notification--success {
    background-color: #2ecc71;
    border-color: #2ecc71;
    color: #fff; }
  .bones .noty_bar.noty_type__information, .bones .noty_bar.noty_type__info, .bones .noty_bar.vue-notification--info,
  .bones .vue-notification.noty_type__information,
  .bones .vue-notification.noty_type__info,
  .bones .vue-notification.vue-notification--info,
  .noty_theme__bones .noty_bar.noty_type__information,
  .noty_theme__bones .noty_bar.noty_type__info,
  .noty_theme__bones .noty_bar.vue-notification--info,
  .noty_theme__bones .vue-notification.noty_type__information,
  .noty_theme__bones .vue-notification.noty_type__info,
  .noty_theme__bones .vue-notification.vue-notification--info,
  .noty_layout .noty_bar.noty_type__information,
  .noty_layout .noty_bar.noty_type__info,
  .noty_layout .noty_bar.vue-notification--info,
  .noty_layout .vue-notification.noty_type__information,
  .noty_layout .vue-notification.noty_type__info,
  .noty_layout .vue-notification.vue-notification--info,
  .vue-notification-wrapper .noty_bar.noty_type__information,
  .vue-notification-wrapper .noty_bar.noty_type__info,
  .vue-notification-wrapper .noty_bar.vue-notification--info,
  .vue-notification-wrapper .vue-notification.noty_type__information,
  .vue-notification-wrapper .vue-notification.noty_type__info,
  .vue-notification-wrapper .vue-notification.vue-notification--info {
    background-color: #ecf0f1;
    border-color: #ecf0f1;
    color: #333; }

.bones:first-child .noty_bar,
.noty_theme__bones:first-child .noty_bar,
.noty_layout:first-child .noty_bar,
.vue-notification-wrapper:first-child .noty_bar {
  border-top-width: 2px; }
  #noty_top_layout_container .bones:first-child .noty_bar, #noty_top_layout_container
  .noty_theme__bones:first-child .noty_bar, #noty_top_layout_container
  .noty_layout:first-child .noty_bar, #noty_top_layout_container
  .vue-notification-wrapper:first-child .noty_bar {
    border-top: none; }

.bones:last-child .noty_bar,
.noty_theme__bones:last-child .noty_bar,
.noty_layout:last-child .noty_bar,
.vue-notification-wrapper:last-child .noty_bar {
  border-bottom-width: 2px; }
  #noty_bottom_layout_container .bones:last-child .noty_bar, #noty_bottom_layout_container
  .noty_theme__bones:last-child .noty_bar, #noty_bottom_layout_container
  .noty_layout:last-child .noty_bar, #noty_bottom_layout_container
  .vue-notification-wrapper:last-child .noty_bar {
    border-bottom: none; }

.bones .noty_bar.noty_type_error,
.noty_theme__bones .noty_bar.noty_type_error,
.noty_layout .noty_bar.noty_type_error,
.vue-notification-wrapper .noty_bar.noty_type_error {
  background-color: #c0392b;
  border-color: #c0392b;
  color: #333; }

.bones .noty_bar.noty_type_warning,
.noty_theme__bones .noty_bar.noty_type_warning,
.noty_layout .noty_bar.noty_type_warning,
.vue-notification-wrapper .noty_bar.noty_type_warning {
  background-color: #f1c40f;
  border-color: #f1c40f;
  color: #333; }

.bones .noty_bar.noty_type_success,
.noty_theme__bones .noty_bar.noty_type_success,
.noty_layout .noty_bar.noty_type_success,
.vue-notification-wrapper .noty_bar.noty_type_success {
  background-color: #2ecc71;
  border-color: #2ecc71;
  color: #333; }
  .bones .noty_bar.noty_type_success svg,
  .noty_theme__bones .noty_bar.noty_type_success svg,
  .noty_layout .noty_bar.noty_type_success svg,
  .vue-notification-wrapper .noty_bar.noty_type_success svg {
    margin-right: 2rem;
    background-color: white;
    border-radius: 50%;
    color: #2ecc71;
    height: 2.4rem;
    width: 2.4rem;
    padding: 0.5rem; }

.bones .noty_bar.noty_type_information,
.noty_theme__bones .noty_bar.noty_type_information,
.noty_layout .noty_bar.noty_type_information,
.vue-notification-wrapper .noty_bar.noty_type_information {
  background-color: #ecf0f1;
  border-color: #ecf0f1;
  color: #333; }
  .bones .noty_bar.noty_type_information svg,
  .noty_theme__bones .noty_bar.noty_type_information svg,
  .noty_layout .noty_bar.noty_type_information svg,
  .vue-notification-wrapper .noty_bar.noty_type_information svg {
    margin-right: 2rem;
    float: left;
    background-color: #333;
    border-radius: 50%;
    color: #ecf0f1;
    height: 2.4rem;
    width: 2.4rem;
    padding: 0.5rem; }
    .bones .noty_bar.noty_type_information svg.icon-cd-alert,
    .noty_theme__bones .noty_bar.noty_type_information svg.icon-cd-alert,
    .noty_layout .noty_bar.noty_type_information svg.icon-cd-alert,
    .vue-notification-wrapper .noty_bar.noty_type_information svg.icon-cd-alert {
      color: #333;
      background-color: #ecf0f1;
      padding: 0;
      border-radius: 0; }
  .bones .noty_bar.noty_type_information .notification-intro,
  .bones .noty_bar.noty_type_information .notification-list,
  .bones .noty_bar.noty_type_information .notification-content,
  .noty_theme__bones .noty_bar.noty_type_information .notification-intro,
  .noty_theme__bones .noty_bar.noty_type_information .notification-list,
  .noty_theme__bones .noty_bar.noty_type_information .notification-content,
  .noty_layout .noty_bar.noty_type_information .notification-intro,
  .noty_layout .noty_bar.noty_type_information .notification-list,
  .noty_layout .noty_bar.noty_type_information .notification-content,
  .vue-notification-wrapper .noty_bar.noty_type_information .notification-intro,
  .vue-notification-wrapper .noty_bar.noty_type_information .notification-list,
  .vue-notification-wrapper .noty_bar.noty_type_information .notification-content {
    margin-left: 4.4rem;
    color: inherit; }

.bones .notification-intro,
.noty_theme__bones .notification-intro,
.noty_layout .notification-intro,
.vue-notification-wrapper .notification-intro {
  font-weight: bold; }

.bones .notification-list,
.noty_theme__bones .notification-list,
.noty_layout .notification-list,
.vue-notification-wrapper .notification-list {
  margin-bottom: 1rem; }
  .bones .notification-list li,
  .noty_theme__bones .notification-list li,
  .noty_layout .notification-list li,
  .vue-notification-wrapper .notification-list li {
    list-style-type: none; }

.bones .noty_buttons,
.bones .vue-notification__buttons,
.noty_theme__bones .noty_buttons,
.noty_theme__bones .vue-notification__buttons,
.noty_layout .noty_buttons,
.noty_layout .vue-notification__buttons,
.vue-notification-wrapper .noty_buttons,
.vue-notification-wrapper .vue-notification__buttons {
  width: 100%;
  text-align: right;
  content: "";
  display: table;
  clear: both; }
  .bones .noty_buttons button,
  .bones .vue-notification__buttons button,
  .noty_theme__bones .noty_buttons button,
  .noty_theme__bones .vue-notification__buttons button,
  .noty_layout .noty_buttons button,
  .noty_layout .vue-notification__buttons button,
  .vue-notification-wrapper .noty_buttons button,
  .vue-notification-wrapper .vue-notification__buttons button {
    margin-bottom: 0;
    min-width: 6rem; }
    .bones .noty_buttons button:first-child,
    .bones .vue-notification__buttons button:first-child,
    .noty_theme__bones .noty_buttons button:first-child,
    .noty_theme__bones .vue-notification__buttons button:first-child,
    .noty_layout .noty_buttons button:first-child,
    .noty_layout .vue-notification__buttons button:first-child,
    .vue-notification-wrapper .noty_buttons button:first-child,
    .vue-notification-wrapper .vue-notification__buttons button:first-child {
      margin-left: 4.4rem; }
    .bones .noty_buttons button:last-child,
    .bones .vue-notification__buttons button:last-child,
    .noty_theme__bones .noty_buttons button:last-child,
    .noty_theme__bones .vue-notification__buttons button:last-child,
    .noty_layout .noty_buttons button:last-child,
    .noty_layout .vue-notification__buttons button:last-child,
    .vue-notification-wrapper .noty_buttons button:last-child,
    .vue-notification-wrapper .vue-notification__buttons button:last-child {
      margin-left: 0.5rem; }

.bones.noty_container_type_alert {
  margin-top: 0;
  margin-bottom: 0; }

.bones.noty_container_type_error {
  margin-top: 0;
  margin-bottom: 0; }

.bones.noty_container_type_warning {
  margin-top: 0;
  margin-bottom: 0; }

.bones.noty_container_type_success {
  margin-top: 0;
  margin-bottom: 0; }

.bones.noty_container_type_information {
  margin-top: 0;
  margin-bottom: 0; }

.bones.noty_container_type_info {
  margin-top: 0;
  margin-bottom: 0; }

.bones.noty_container_type_confirm {
  margin-top: 0;
  margin-bottom: 0; }

.bones.noty_container_type_alert,
.noty_type__alert,
.vue-notification--alert {
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  list-style-type: none; }

.bones.noty_container_type_error,
.noty_type__error,
.vue-notification--error {
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  list-style-type: none; }

.bones.noty_container_type_warning,
.noty_type__warning,
.vue-notification--warning {
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  list-style-type: none; }

.bones.noty_container_type_success,
.noty_type__success,
.vue-notification--success {
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  list-style-type: none; }

.bones.noty_container_type_information,
.noty_type__information,
.vue-notification--information {
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  list-style-type: none; }

.bones.noty_container_type_info,
.noty_type__info,
.vue-notification--info {
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  list-style-type: none; }

.bones.noty_container_type_confirm,
.noty_type__confirm,
.vue-notification--confirm {
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  list-style-type: none; }

.session-storage-warning {
  position: fixed;
  bottom: 0;
  background-color: #ecf0f1;
  color: #333;
  display: block;
  width: 100%;
  z-index: 100;
  padding: 2rem; }
  .session-storage-warning .session-storage-warning__content {
    margin: 0 auto; }
    .session-storage-warning .session-storage-warning__content p {
      display: block;
      color: #fff;
      float: left;
      margin-right: 2rem;
      margin-bottom: 1rem; }
      @media (min-width: 1100px) {
        .session-storage-warning .session-storage-warning__content p {
          line-height: 4.8rem; } }
    .session-storage-warning .session-storage-warning__content button {
      height: auto;
      min-width: 8rem;
      margin-bottom: 0; }

.invalid-validation-feedback {
  fill: #2ecc71; }

.valid-validation-feedback {
  fill: #c0392b; }

.selector-submit {
  margin-top: 2rem;
  min-width: 180px;
  float: right; }
  @media (min-width: 750px) {
    .selector-submit {
      width: 9rem;
      float: none; } }

@media (min-width: 750px) {
  .selector---no-labels .selector-submit {
    margin-top: 0; } }

@media (min-width: 750px) {
  .selector---labels .selector-submit {
    margin-top: 3.24rem; } }

.selector-component > .row {
  margin-left: -1rem;
  margin-right: -1rem; }

.vehicle-selector {
  width: 100%; }

ul {
  list-style: circle inside; }

ol {
  list-style: decimal inside;
  padding-left: 0;
  margin-top: 0; }

ul {
  padding-left: 0;
  margin-top: 0; }

li {
  margin-bottom: 1rem; }

.linklist .btn {
  margin-right: 1rem; }
  @media (min-width: 750px) {
    .linklist .btn {
      margin-right: 1rem; } }

code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: white;
  border: 1px solid #ecf0f1;
  border-radius: 4px;
  overflow: auto; }

pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0.1rem solid #d2d5d6; }
  table .unit {
    font-weight: normal; }
  table th:first-letter,
  table th .field_header:first-letter {
    text-transform: uppercase; }
  table th {
    text-align: left;
    padding: 1.25rem 1rem;
    font-weight: bold;
    color: #333;
    font-size: 1.4rem; }
  table td {
    color: #333;
    font-size: 1.4rem; }
  table .u-align-right {
    text-align: right; }
  table .u-align-center {
    text-align: center; }
  table .u-align-left {
    text-align: left; }
  table .filter_hide {
    display: none; }
  table .numeric,
  table [data-str_type='numeric'] {
    text-align: right; }
  @media (min-width: 750px) {
    table .in_cell_title {
      display: none; } }
  table .hide_unit {
    display: none; }
  table .missing_data {
    text-align: center; }

table {
  /*======= start table horizontal ========*/
  /*======= end table horizontal ========*/
  /*======= start table vertical ========*/
  /************* special elements ****************/ }
  table.horizontal {
    /*======= responsive table ========*/
    /*======= end responsive table ========*/ }
    table.horizontal tr.even {
      background-color: #fff; }
    table.horizontal tr.odd {
      background-color: #ecf0f1; }
    table.horizontal th {
      min-width: 8.4rem;
      vertical-align: bottom; }
    table.horizontal td {
      padding: 1rem 1rem;
      border-top: 0.1rem solid #fff; }
      @media (min-width: 750px) {
        table.horizontal td {
          display: table-cell; } }
    table.horizontal .numeric {
      text-align: left; }
      @media (min-width: 750px) {
        table.horizontal .numeric {
          text-align: right; } }
    table.horizontal.table--categories tr.category_heading {
      font-weight: bold; }
    table.horizontal.table--categories tr.odd, table.horizontal.table--categories tr.even {
      background-color: transparent; }
    table.horizontal.table--finder-is-loading {
      opacity: 0.4; }
    @media (min-width: 750px) {
      table.horizontal.table--sticky-headings thead tr th {
        position: sticky;
        top: -0.1rem;
        z-index: 1200; } }
    table.horizontal.table--responsive-collapse thead {
      display: flex;
      width: 100%;
      margin-bottom: 2rem; }
      @media (min-width: 750px) {
        table.horizontal.table--responsive-collapse thead {
          display: table-header-group;
          float: none;
          width: auto; } }
      table.horizontal.table--responsive-collapse thead tr {
        display: block;
        float: left;
        width: 100%;
        border: 1px solid #d2d5d6;
        /* ===== turning headers in to full width rows with sorting arrows on right======*/ }
        @media (min-width: 750px) {
          table.horizontal.table--responsive-collapse thead tr {
            display: table-row;
            float: none;
            width: auto;
            border: none; } }
        table.horizontal.table--responsive-collapse thead tr th {
          display: block;
          width: 100%;
          float: left;
          padding: 0.5rem 1rem; }
          table.horizontal.table--responsive-collapse thead tr th.collapse-no-header {
            display: none; }
            @media (min-width: 750px) {
              table.horizontal.table--responsive-collapse thead tr th.collapse-no-header {
                display: table-cell; } }
          table.horizontal.table--responsive-collapse thead tr th:last-child {
            border-bottom: 0.1rem solid #d2d5d6; }
            @media (min-width: 750px) {
              table.horizontal.table--responsive-collapse thead tr th:last-child {
                border-bottom: none; } }
          table.horizontal.table--responsive-collapse thead tr th .field_header {
            display: flex;
            align-items: center; }
          table.horizontal.table--responsive-collapse thead tr th .sort {
            float: right; }
          table.horizontal.table--responsive-collapse thead tr th .unit {
            display: none; }
          @media (min-width: 750px) {
            table.horizontal.table--responsive-collapse thead tr th {
              display: table-cell;
              float: none;
              width: auto;
              background-color: #fff;
              font-size: 1.4rem;
              border: none;
              padding: 1.25rem 1rem; }
              table.horizontal.table--responsive-collapse thead tr th.numeric .field_header, table.horizontal.table--responsive-collapse thead tr th.currency .field_header {
                justify-content: flex-end; }
              table.horizontal.table--responsive-collapse thead tr th .sort {
                float: none;
                display: block; }
              table.horizontal.table--responsive-collapse thead tr th .unit.show_unit {
                display: inline; }
              table.horizontal.table--responsive-collapse thead tr th .btn-info {
                margin-right: 0.5rem; }
              table.horizontal.table--responsive-collapse thead tr th.header_cell--sort-available {
                cursor: pointer; } }
    table.horizontal.table--responsive-collapse tbody {
      display: flex;
      flex-wrap: wrap; }
      @media (min-width: 750px) {
        table.horizontal.table--responsive-collapse tbody {
          display: table-row-group; } }
      table.horizontal.table--responsive-collapse tbody tr {
        float: left;
        margin-bottom: 1rem;
        width: 100%; }
        @media (min-width: 750px) {
          table.horizontal.table--responsive-collapse tbody tr {
            width: auto;
            float: none;
            margin-bottom: 0; } }
        table.horizontal.table--responsive-collapse tbody tr td {
          width: 100%;
          float: left;
          border: none;
          font-weight: bold;
          padding: 0.2rem 1rem; }
          table.horizontal.table--responsive-collapse tbody tr td .cell_value {
            width: auto; }
          table.horizontal.table--responsive-collapse tbody tr td .hide_unit {
            display: inline; }
          table.horizontal.table--responsive-collapse tbody tr td .cell_unit {
            width: auto; }
          @media (min-width: 550px) {
            table.horizontal.table--responsive-collapse tbody tr td {
              float: left; } }
          @media (min-width: 750px) {
            table.horizontal.table--responsive-collapse tbody tr td {
              padding: 1rem 1rem;
              float: none;
              width: auto;
              font-weight: normal;
              border-top: 0.1rem solid #fff; }
              table.horizontal.table--responsive-collapse tbody tr td .hide_unit {
                display: none; } }
          table.horizontal.table--responsive-collapse tbody tr td .in_cell_title {
            font-weight: normal;
            float: left;
            width: 50%; }
            table.horizontal.table--responsive-collapse tbody tr td .in_cell_title:first-letter {
              text-transform: uppercase; }
            @media (min-width: 400px) {
              table.horizontal.table--responsive-collapse tbody tr td .in_cell_title {
                min-width: 120px; } }
          table.horizontal.table--responsive-collapse tbody tr td:first-child {
            display: block;
            width: 100%;
            font-size: 1.8rem;
            padding: 1rem; }
            @media (min-width: 750px) {
              table.horizontal.table--responsive-collapse tbody tr td:first-child {
                display: table-cell;
                width: auto;
                font-size: 1.4rem;
                padding: 1rem 1rem; } }
    table.horizontal.table--responsive-collapse.table--small th {
      padding: 0.5rem 0.5rem; }
    table.horizontal.table--responsive-collapse.table--small td {
      padding: 0.5rem 0.5rem; }
  table.vertical {
    /*======= end table vertical ========*/ }
    table.vertical th {
      border-top: 0.1rem solid #fff; }
    table.vertical td {
      padding: 1rem 1rem;
      border-top: 0.1rem solid #fff; }
    table.vertical tr:first-child th,
    table.vertical tr:first-child td {
      border-top: none; }
    table.vertical .description_row:not(.is-hidden) td {
      border-top: none;
      padding-top: 0; }
  table.table--interactive {
    cursor: pointer; }
    table.table--interactive tbody tr:not(.selected_record):hover {
      background-color: #dde4e6; }
    table.table--interactive .selected_record {
      background-color: #cfd9db; }
  table thead th .sort-indicator-wrap {
    margin-left: 1rem; }
    table thead th .sort-indicator-wrap.asc, table thead th .sort-indicator-wrap.desc {
      display: inline-block; }
      table thead th .sort-indicator-wrap.asc svg, table thead th .sort-indicator-wrap.desc svg {
        color: #d2d5d6;
        height: 1.2rem;
        width: 1.2rem; }
  table thead th:hover .sort-indicator-wrap {
    margin-left: 1rem; }
    table thead th:hover .sort-indicator-wrap.asc svg, table thead th:hover .sort-indicator-wrap.desc svg {
      color: #828a8d; }
  table td.explanation_detail,
  table td.explanation_depends {
    width: 4.4rem; }

/*======= grid markup table ========*/
div.role_table,
div.role_tbody {
  box-sizing: border-box;
  width: 100%; }

/*======= end grid markup table ========*/
/* ================ table related elements ===================== */
.table-wrapper {
  position: relative;
  width: 100%;
  clear: both;
  margin-bottom: 2rem; }
  .table-wrapper table {
    margin-bottom: 0; }

.table-loading-spinner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: url(/css/assets/loader/dist/loader.gif) rgba(255, 255, 255, 0.3) 50% 50% no-repeat; }

.field-sortBy {
  padding: 1.25rem 1rem;
  margin-bottom: 2rem; }
  @media (min-width: 750px) {
    .field-sortBy {
      display: none; } }

.btn.link-button {
  margin-top: 3.24rem;
  margin-bottom: 0; }

/* ================ end table related elements ===================== */
.table-wrapper.table-wrapper--allow-overflow {
  position: relative;
  overflow: hidden; }
  .table-wrapper.table-wrapper--allow-overflow .table-scroll-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    border: 0.1rem solid #d2d5d6; }
    .table-wrapper.table-wrapper--allow-overflow .table-scroll-wrapper .role_table {
      border: 0; }
    .table-wrapper.table-wrapper--allow-overflow .table-scroll-wrapper:not(.is-overflowing):before, .table-wrapper.table-wrapper--allow-overflow .table-scroll-wrapper:not(.is-overflowing):after {
      display: none; }
    .table-wrapper.table-wrapper--allow-overflow .table-scroll-wrapper:before, .table-wrapper.table-wrapper--allow-overflow .table-scroll-wrapper.is-overflowing-left--in:before, .table-wrapper.table-wrapper--allow-overflow .table-scroll-wrapper:after, .table-wrapper.table-wrapper--allow-overflow .table-scroll-wrapper.is-overflowing-right--in:after {
      content: '';
      width: 60px;
      position: absolute;
      top: 0.1rem;
      bottom: 18px;
      display: block; }
    .table-wrapper.table-wrapper--allow-overflow .table-scroll-wrapper:before, .table-wrapper.table-wrapper--allow-overflow .table-scroll-wrapper.is-overflowing-left--in:before {
      background: linear-gradient(to right, #d2d5d6 0%, rgba(210, 213, 214, 0) 100%); }
    .table-wrapper.table-wrapper--allow-overflow .table-scroll-wrapper:before {
      /* This timing applies on the way OUT */
      transition-timing-function: ease-out;
      /* Quick on the way out */
      transition: 0.2s;
      /* Hide thing by pushing it outside by default */
      transform: translateX(-60px); }
    .table-wrapper.table-wrapper--allow-overflow .table-scroll-wrapper.is-overflowing-left--in:before {
      /* This timing applies on the way IN */
      transition-timing-function: ease-in;
      /* A litttttle slower on the way in */
      transition: 0.2;
      /* Move into place */
      transform: translateX(0); }
    .table-wrapper.table-wrapper--allow-overflow .table-scroll-wrapper:after, .table-wrapper.table-wrapper--allow-overflow .table-scroll-wrapper.is-overflowing-right--in:after {
      right: 0;
      background: linear-gradient(to left, #d2d5d6 0%, rgba(210, 213, 214, 0) 100%); }
    .table-wrapper.table-wrapper--allow-overflow .table-scroll-wrapper:after {
      /* This timing applies on the way OUT */
      transition-timing-function: ease-out;
      /* Quick on the way out */
      transition: 0.2s;
      /* Hide thing by pushing it outside by default */
      transform: translateX(60px); }
    .table-wrapper.table-wrapper--allow-overflow .table-scroll-wrapper.is-overflowing-right--in:after {
      /* This timing applies on the way IN */
      transition-timing-function: ease-in;
      /* A litttttle slower on the way in */
      transition: 0.2;
      /* Move into place */
      transform: translateX(0); }

/* specific universal table cell styling */
table .data_cell.fuelType:first-letter {
  text-transform: uppercase; }

@media (min-width: 750px) {
  table .data_cell.upgrade_fee .cell_value {
    text-align: right; } }

.filter_wrapper .applied_filter_container {
  float: left;
  clear: left; }
  .filter_wrapper .applied_filter_container .filter_applied {
    float: left;
    padding: 5px;
    margin: 5px 5px 0 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer; }
    .filter_wrapper .applied_filter_container .filter_applied.filter_include {
      border-color: #2ecc71; }
      .filter_wrapper .applied_filter_container .filter_applied.filter_include:hover {
        background-color: #2ecc71;
        color: white; }
    .filter_wrapper .applied_filter_container .filter_applied.filter_exclude {
      border-color: #c0392b; }
      .filter_wrapper .applied_filter_container .filter_applied.filter_exclude:hover {
        background-color: #c0392b;
        color: white; }

.slider-wrapper {
  display: block;
  clear: both; }
  .slider-wrapper .slider-title-wrap .title-unit {
    padding-left: 4px; }
  .slider-wrapper .input-wrap {
    width: 49%;
    margin-left: 0.5%;
    margin-right: 0.5%; }
    @media (min-width: 550px) {
      .slider-wrapper .input-wrap {
        width: 9rem;
        margin-left: 0;
        margin-right: 0; } }
    .slider-wrapper .input-wrap.input-min {
      float: left; }
    .slider-wrapper .input-wrap.input-max {
      float: right;
      margin-top: -8.7rem; }
      @media (min-width: 550px) {
        .slider-wrapper .input-wrap.input-max {
          margin-top: -0.3rem; } }
    .slider-wrapper .input-wrap .input-label {
      display: none; }
    .slider-wrapper .input-wrap .slider-input {
      margin: 0;
      height: 4.8rem;
      width: 100%; }
  .slider-wrapper .slider-wrap {
    position: relative;
    width: auto; }
    .slider-wrapper .slider-wrap.single-handle-slider {
      margin: 20px 0 50px 0; }
      .slider-wrapper .slider-wrap.single-handle-slider .noUi-origin {
        background-color: #d2d5d6; }
      .slider-wrapper .slider-wrap.single-handle-slider.noUi-background,
      .slider-wrapper .slider-wrap.single-handle-slider .noUi-background {
        background: #FF5722;
        box-shadow: none; }
    .slider-wrapper .slider-wrap.range-slider {
      top: 2.25rem;
      margin-top: 5.4rem;
      margin-bottom: 3rem; }
      @media (min-width: 550px) {
        .slider-wrapper .slider-wrap.range-slider {
          padding: 0;
          margin: 0 11rem; } }
      .slider-wrapper .slider-wrap.range-slider.noUi-background,
      .slider-wrapper .slider-wrap.range-slider .noUi-background {
        background: #d2d5d6;
        box-shadow: none; }
    .slider-wrapper .slider-wrap .noUi-connect,
    .slider-wrapper .slider-wrap .noUi-origin {
      box-shadow: none; }
    .slider-wrapper .slider-wrap .noUi-connect {
      background-color: #FF5722; }
    .slider-wrapper .slider-wrap.noUi-target {
      border: 0 solid #b7bcbe;
      background-color: #d2d5d6; }
    .slider-wrapper .slider-wrap.noUi-horizontal {
      height: 0.3rem; }
    .slider-wrapper .slider-wrap .noUi-handle {
      border-radius: 50%;
      border: 0.2rem solid #fff;
      background-color: #FF5722;
      box-shadow: none;
      cursor: pointer;
      width: 3rem;
      height: 3rem;
      top: -1.35rem;
      left: -1.5rem; }
      @media (min-width: 550px) {
        .slider-wrapper .slider-wrap .noUi-handle {
          width: 2rem;
          height: 2rem;
          top: -0.85rem;
          left: -1rem; } }
      .slider-wrapper .slider-wrap .noUi-handle:before, .slider-wrapper .slider-wrap .noUi-handle:after {
        display: none; }
      .slider-wrapper .slider-wrap .noUi-handle:hover {
        background-color: #ee3900; }
      .slider-wrapper .slider-wrap .noUi-handle:active {
        background-color: #bb2d00; }
    .slider-wrapper .slider-wrap .noUi-pips {
      color: #333; }
      .slider-wrapper .slider-wrap .noUi-pips .noUi-marker-horizontal.noUi-marker-large {
        display: none; }
      .slider-wrapper .slider-wrap .noUi-pips .noUi-value-horizontal {
        -webkit-transform: translate3d(-50%, 50%, 0);
        transform: translate3d(-50%, 15%, 0); }
    .slider-wrapper .slider-wrap .noUi-base {
      cursor: pointer; }

.slider-input {
  width: 48%;
  position: relative;
  margin-bottom: 4rem; }
  @media (min-width: 750px) {
    .slider-input {
      width: 70px; } }
  .slider-input input {
    margin: 0;
    width: 100%;
    text-align: right;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none; }
  .slider-input.slider-input--min {
    float: left; }
    @media (min-width: 550px) {
      .slider-input.slider-input--min {
        float: left;
        width: 15%; } }
  .slider-input.slider-input--max {
    float: right; }
    @media (min-width: 550px) {
      .slider-input.slider-input--max {
        float: none;
        width: 15%;
        position: absolute;
        top: 0;
        right: 0; } }
  .slider-input label {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 1rem;
    margin-top: -1.12rem;
    margin-bottom: 0;
    pointer-events: none; }
    @media (min-width: 550px) {
      .slider-input label {
        display: none; } }

.ui-slider {
  position: relative;
  top: 12px; }
  .ui-slider .ui-slider-range {
    height: 0.3rem; }
  .ui-slider .ui-slider-handle {
    border-radius: 50%;
    border: 0.2rem solid #fff;
    background-color: #FF5722; }

.control-title,
.slider-title,
.title-unit {
  color: #333;
  font-weight: 600;
  margin-bottom: 1rem;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem; }

.control-title .title-unit {
  margin-bottom: 0;
  padding-left: 0.4rem; }

.checkbox-wrapper {
  display: inline-block;
  position: relative; }
  .checkbox-wrapper .checkbox-dropdown {
    display: inline-block;
    width: 100%;
    position: relative;
    cursor: pointer;
    color: #333;
    outline: 0;
    margin-bottom: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 4.8rem;
    padding: 0.6rem 4rem 0.6rem 1rem;
    background-color: #fff;
    border: 0.1rem solid #d2d5d6;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    font-family: "Open Sans", sans-serif; }
    .checkbox-wrapper .checkbox-dropdown span {
      /*                 position: absolute;
                top: 50%; */
      margin-top: 0.68rem;
      display: inline-block; }
  .checkbox-wrapper .checkbox-container {
    padding: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #d2d5d6;
    position: absolute;
    z-index: 3;
    max-height: 200px; }
    @media (min-width: 550px) {
      .checkbox-wrapper .checkbox-container {
        max-height: 300px; } }
    .checkbox-wrapper .checkbox-container .selection-controls {
      float: left;
      margin-bottom: 5px;
      width: 100%; }
      .checkbox-wrapper .checkbox-container .selection-controls .selection-control {
        float: left;
        clear: none; }
    .checkbox-wrapper .checkbox-container .control {
      padding-left: 3.6rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      border-top: 1px solid #fff; }
      .checkbox-wrapper .checkbox-container .control:first-letter {
        text-transform: none; }
      .checkbox-wrapper .checkbox-container .control:hover {
        background-color: #ccd4d5; }
      .checkbox-wrapper .checkbox-container .control.is-waiting .control__indicator,
      .checkbox-wrapper .checkbox-container .control.is-waiting:hover .control__indicator {
        background: url(/css/assets/loader/dist/loader.gif) 50% 50%/15px 15px no-repeat;
        border: none; }
        .checkbox-wrapper .checkbox-container .control.is-waiting .control__indicator svg,
        .checkbox-wrapper .checkbox-container .control.is-waiting:hover .control__indicator svg {
          fill: transparent; }
      .checkbox-wrapper .checkbox-container .control .control__indicator {
        left: 1rem; }

@media (min-width: 1100px) {
  .is-not-toggleable-xl .table-stats {
    margin-bottom: 0; }
    .is-not-toggleable-xl .table-stats .record-count {
      position: absolute;
      top: -4rem;
      right: 0;
      line-height: 1.6; } }

.table-stats {
  margin-bottom: 1rem; }
  @media (min-width: 750px) {
    .table-stats {
      float: right;
      display: inline-block;
      color: #333;
      text-decoration: none;
      white-space: nowrap;
      line-height: 3rem;
      position: relative; } }
  .table-stats .displaying-records {
    font-weight: bold; }

.pagination {
  display: inline-block;
  float: left; }
  .pagination .btn-group {
    margin-top: 0; }
  .pagination .pagination_type_buttons {
    display: none; }
  .pagination .pagination_type_select {
    display: block; }
    .pagination .pagination_type_select .pagination_select {
      min-width: 5rem; }
  @media (min-width: 550px) {
    .pagination .pagination_type_select {
      display: none; }
    .pagination .pagination_type_buttons {
      display: block; }
      .pagination .pagination_type_buttons .btn {
        color: #1d508d;
        background-color: transparent;
        border: 0 solid #194478; }
        .pagination .pagination_type_buttons .btn.is-selected, .pagination .pagination_type_buttons .btn:hover {
          color: #828a8d;
          background-color: transparent;
          border: 0 solid #071423; } }

.toggle-columns-wrapper {
  position: relative;
  float: left; }

.manage-columns {
  float: left;
  margin-bottom: 0;
  position: relative; }

.toggle-columns.dropdown__content {
  -webkit-box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0.15);
  display: inline-block;
  left: -0.5rem;
  top: 3.5rem;
  width: 31rem;
  position: absolute;
  cursor: pointer;
  color: #333;
  outline: 0;
  margin-bottom: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0;
  background-color: #fff;
  border: 0.1rem solid #d2d5d6;
  border-radius: 4px;
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
  z-index: 1000; }
  .toggle-columns.dropdown__content .row {
    display: flex;
    align-items: center; }
    .toggle-columns.dropdown__content .row .control,
    .toggle-columns.dropdown__content .row label {
      margin-bottom: 0; }
  .toggle-columns.dropdown__content .dropdown__content-item {
    display: inline-block;
    padding: 1rem 1.5rem;
    background-color: #fff; }
    .toggle-columns.dropdown__content .dropdown__content-item:hover {
      background-color: #cccccc; }

table.horizontal.table--responsive-collapse .role_tbody .trailing-row td {
  border-top: none; }
  table.horizontal.table--responsive-collapse .role_tbody .trailing-row td .btn {
    margin-right: 1rem; }
    table.horizontal.table--responsive-collapse .role_tbody .trailing-row td .btn .btn__content svg {
      margin-right: 0;
      margin-left: 0.5rem; }

.applied-filter-container {
  float: left;
  font-size: 1.2rem;
  margin: 2rem 0;
  display: block;
  padding: 2rem 0 1rem 0; }
  .applied-filter-container .clear-complex-filters {
    margin-right: 1rem; }
  @media (min-width: 750px) {
    .applied-filter-container .clear-filters-wrap {
      float: left; } }
  @media (min-width: 750px) {
    .applied-filter-container {
      margin-top: 0;
      margin-bottom: 2rem; } }
  .applied-filter-container .field-filter-container {
    float: left;
    background-color: transparent;
    color: #333;
    margin-right: 1rem;
    margin-bottom: 0.5rem; }
    .applied-filter-container .field-filter-container:first-child {
      margin-left: 0; }
    .applied-filter-container .field-filter-container .filter-container-header {
      float: left;
      padding-right: 0.5rem; }
      @media (min-width: 550px) {
        .applied-filter-container .field-filter-container .filter-container-header {
          min-width: auto; } }
      .applied-filter-container .field-filter-container .filter-container-header .filter-container-title {
        float: left;
        height: 3rem;
        line-height: 3rem;
        font-weight: bold;
        font-family: "Open Sans", sans-serif; }
        .applied-filter-container .field-filter-container .filter-container-header .filter-container-title::first-letter {
          text-transform: uppercase; }
  .applied-filter-container .filter_chip {
    position: relative;
    float: left;
    padding: 0 3.4rem 0 1rem;
    height: 3rem;
    line-height: 3rem;
    background-color: #ecf0f1;
    color: #828a8d;
    border: 0.1rem solid #d2d5d6;
    border-radius: 4px;
    cursor: pointer;
    font-family: "Lato", sans-serif;
    text-transform: none;
    min-width: 5rem; }
    .applied-filter-container .filter_chip.filter_locked {
      background-color: #ecf0f1;
      border-color: #828a8d;
      color: #828a8d;
      cursor: not-allowed; }
      .applied-filter-container .filter_chip.filter_locked:hover {
        background-color: #ecf0f1;
        border-color: #828a8d;
        color: #828a8d; }
    @media (min-width: 550px) {
      .applied-filter-container .filter_chip {
        min-width: auto; } }
    @media (min-width: 750px) {
      .applied-filter-container .filter_chip {
        margin: 0 0.5rem 0.5rem 0.5rem; } }
    .applied-filter-container .filter_chip .close {
      position: absolute;
      top: 50%;
      margin-top: -0.7rem;
      right: 1rem;
      pointer-events: none;
      line-height: 1;
      width: 16px;
      height: 16px; }
      .applied-filter-container .filter_chip .close svg {
        width: 1.4rem;
        height: 1.4rem; }
    .applied-filter-container .filter_chip:hover {
      background-color: #d2d5d6;
      color: #333;
      border-color: #071423; }
    .applied-filter-container .filter_chip.is-waiting .close,
    .applied-filter-container .filter_chip.is-waiting:hover .close {
      width: 1.4rem;
      height: 1.4rem;
      border: none;
      background: url(/css/assets/loader/dist/loader.gif) no-repeat;
      background-position: 0;
      background-size: auto 1.4rem; }

.filter-pane-header {
  margin-bottom: 1rem;
  float: left; }
  .filter-pane-header .toggle-filter-pane,
  .filter-pane-header .toggle-sort-pane {
    margin-bottom: 2rem;
    min-width: 9rem;
    float: left; }
  @media (min-width: 750px) {
    .filter-pane-header {
      margin-bottom: 0; } }
  .filter-pane-header .toggle-sort-pane {
    margin-left: 1rem; }
  .filter-pane-header .dropdown-sort-by .dropdown__content {
    -webkit-box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0.15);
    position: absolute;
    left: -0.5rem;
    top: 3.5rem;
    width: 31rem; }

.filter-pane {
  clear: both;
  background-color: #fff;
  border: 0.1rem solid #d2d5d6; }
  @media (min-width: 1100px) {
    .filter-pane.is-not-toggleable-xl {
      display: block; } }
  .filter-pane .vehicle_controls {
    padding: 0 2rem 2rem 2rem; }
    @media (min-width: 750px) {
      .filter-pane .vehicle_controls {
        padding: 0 5rem 2rem 5rem; } }
  .filter-pane .filter-control {
    position: relative; }
  .filter-pane .filter-control-tabs {
    box-shadow: none;
    padding: 1rem;
    border-bottom: 1px solid #d2d5d6;
    background-color: #fff; }
    @media (min-width: 750px) {
      .filter-pane .filter-control-tabs {
        padding: 2rem 2rem 0 2rem;
        margin: 0; } }
    .filter-pane .filter-control-tabs .btn-group .btn {
      margin-bottom: 0;
      background-color: #1d508d;
      color: #fff;
      border-color: #d2d5d6;
      border-radius: 0;
      border-width: 0.1rem;
      margin: 0.5%; }
      @media (min-width: 550px) {
        .filter-pane .filter-control-tabs .btn-group .btn {
          width: 32.33333333333333%;
          margin: 0.5%; } }
      @media (min-width: 750px) {
        .filter-pane .filter-control-tabs .btn-group .btn {
          width: auto;
          margin: 0;
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0;
          border-bottom: 0; } }
      .filter-pane .filter-control-tabs .btn-group .btn span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .filter-pane .filter-control-tabs .btn-group .btn.is-selected {
        background-color: #fff;
        color: #333;
        position: relative;
        border-color: #d2d5d6; }
        .filter-pane .filter-control-tabs .btn-group .btn.is-selected:after {
          content: '';
          width: 100%;
          height: 0;
          position: absolute;
          bottom: -1px;
          left: 0;
          background-color: #fff; }
          @media (min-width: 750px) {
            .filter-pane .filter-control-tabs .btn-group .btn.is-selected:after {
              height: 1px; } }
  .filter-pane .slider-wrapper {
    display: inline-block;
    height: auto; }
  .filter-pane .filter-group {
    display: flex;
    flex-wrap: wrap; }
    .filter-pane .filter-group:after {
      content: none; }
    .filter-pane .filter-group .filter-control {
      padding-top: 2rem;
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 100%; }
      @media (min-width: 550px) {
        .filter-pane .filter-group .filter-control.filter-control--other {
          width: 50%; } }
      @media (min-width: 750px) {
        .filter-pane .filter-group .filter-control.filter-control--other {
          width: 25%; } }
      .filter-pane .filter-group .filter-control.filter-control--range-slider {
        width: 100%; }
        @media (min-width: 750px) {
          .filter-pane .filter-group .filter-control.filter-control--range-slider {
            flex-grow: 2;
            min-width: 33%;
            max-width: 50%; } }

.filter-pane-wrapper {
  clear: both; }
  @media (min-width: 750px) {
    .filter-pane-wrapper {
      margin-bottom: 1rem; } }

.dropdown .dropdown__content .header_cell {
  display: block;
  min-height: 3rem;
  padding: 1.5rem 2rem;
  font-weight: bold;
  margin-bottom: 0; }
  .dropdown .dropdown__content .header_cell.collapse-no-header {
    display: none; }
    @media (min-width: 750px) {
      .dropdown .dropdown__content .header_cell.collapse-no-header {
        display: inline-block; } }
  .dropdown .dropdown__content .header_cell.header_cell--sort-available {
    cursor: pointer; }
  .dropdown .dropdown__content .header_cell .field_header {
    display: flex; }
    .dropdown .dropdown__content .header_cell .field_header .sort-indicator-wrap {
      margin-left: 1rem; }
  .dropdown .dropdown__content .header_cell .btn-info {
    display: none; }
    @media (min-width: 750px) {
      .dropdown .dropdown__content .header_cell .btn-info {
        display: inline-block; } }

.dropdown.is-open .dropdown__content {
  visibility: visible; }

.dropdown.is-not-visible .dropdown__content {
  visibility: hidden; }

@media (min-width: 550px) {
  .search-bar-wrap .filter-pane .filter-group .filter-control.filter-control--other {
    width: 50%; } }

.hub-tool .table-wrapper .table-scroll-wrapper {
  border: none; }

.hub-list {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  margin-bottom: 4rem; }
  .hub-list .role_tbody {
    flex: 1;
    display: flex;
    flex-wrap: wrap; }
  .hub-list.row .hub-item {
    margin: 0;
    display: flex;
    flex: 0 0 auto;
    padding: 0;
    background-color: #fbfbfb;
    border: 1px solid #fff; }
    .hub-list.row .hub-item:hover {
      background-color: #ecf0f1; }
      .hub-list.row .hub-item:hover a {
        text-decoration: none; }
    .hub-list.row .hub-item .hub-item__link {
      padding: 1rem 1.5rem;
      width: 100%;
      cursor: pointer; }
    .hub-list.row .hub-item .data_cell {
      width: 100%; }
      .hub-list.row .hub-item .data_cell .cell_value {
        display: flex;
        flex-wrap: wrap;
        height: 100%; }
    .hub-list.row .hub-item .hub-item__link,
    .hub-list.row .hub-item .cell_value {
      display: block;
      font-weight: bold;
      color: #333;
      font-family: "Lato", sans-serif;
      width: 100%; }
      .hub-list.row .hub-item .hub-item__link:first-letter,
      .hub-list.row .hub-item .cell_value:first-letter {
        text-transform: uppercase; }
    .hub-list.row .hub-item .hub-item__link-anchor {
      color: #0e8cd1;
      text-decoration: none;
      align-self: flex-end; }
      .hub-list.row .hub-item .hub-item__link-anchor:hover {
        color: #1d508d;
        text-decoration: underline; }

.build-start .data_cell .cell_value {
  padding: 1rem 1.5rem;
  cursor: pointer; }

.hub-item__engine,
.hub-item__tax-pm {
  display: block; }

.hub-item__tax-pm {
  font-weight: normal; }

.hub-item__link-full-vehicle {
  display: block;
  padding: 1rem 1.5rem;
  font-weight: normal; }
  .hub-item__link-full-vehicle .hub-item__link-full-vehicle__derivative {
    display: block;
    font-weight: bold; }

.overflow::-webkit-scrollbar {
  width: 8px; }

.overflow::-webkit-scrollbar-track {
  background: #d2d5d6; }

.overflow::-webkit-scrollbar-thumb {
  background: #1d508d; }

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative; }

.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important; }

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0; }

.scroll-element {
  display: none; }

.scroll-element, .scroll-element div {
  box-sizing: content-box; }

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block; }

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default; }

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999; }

.scroll-textarea > .scroll-content {
  overflow: hidden !important; }

.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important; }

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0; }

/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 100; }

.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%; }

.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%; }

.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 1px;
  top: 0;
  width: 8px; }

.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden; }

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  border-radius: 0.8rem; }

.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #d2d5d6; }

.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #1d508d; }

.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #FF5722;
  cursor: pointer; }

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #FF5722; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px; }

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px; }

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px; }

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px; }

button,
.btn {
  margin-bottom: 1rem; }

input,
textarea,
select,
fieldset {
  margin-bottom: 1rem; }
  @media (min-width: 750px) {
    input,
    textarea,
    select,
    fieldset {
      margin-bottom: 2rem; } }

pre,
blockquote,
dl,
figure,
table,
ul,
ol,
form {
  margin-bottom: 1rem; }

p {
  margin-top: 0;
  margin-bottom: 2rem; }

.space-between {
  display: flex;
  justify-content: space-between; }

.space-around {
  display: flex;
  justify-content: space-around; }

body:before {
  content: "mobile";
  position: fixed;
  z-index: 10000;
  display: none; }

@media (min-width: 400px) {
  body:before {
    content: "gt-mobile"; } }

@media (min-width: 550px) {
  body:before {
    content: "gt-phablet"; } }

@media (min-width: 750px) {
  body:before {
    content: "gt-tablet"; } }

@media (min-width: 1100px) {
  body:before {
    content: "gt-desktop"; } }

@media (min-width: 1300px) {
  body:before {
    content: "gt-desktopHD"; } }

.footer,
footer {
  background-color: #4b4b4b;
  flex-direction: column;
  width: 100%;
  align-self: flex-end; }
  .footer li,
  footer li {
    margin-bottom: 0;
    display: inline-block; }
  .footer .footer__content,
  footer .footer__content {
    display: flex;
    align-items: center;
    padding: 2rem;
    font-size: 1.2rem; }
    .footer .footer__content li,
    footer .footer__content li {
      padding-right: 1rem; }
      .footer .footer__content li.footer-copyright,
      footer .footer__content li.footer-copyright {
        color: #f2f2f2;
        padding-right: 4rem;
        font-weight: bold; }
        @media (min-width: 750px) {
          .footer .footer__content li.footer-copyright,
          footer .footer__content li.footer-copyright {
            margin-left: 5rem; } }
    .footer .footer__content a,
    footer .footer__content a {
      color: #f2f2f2; }
      .footer .footer__content a:hover,
      footer .footer__content a:hover {
        color: #d2d5d6;
        text-decoration: none; }

.Contact,
.contact-form {
  text-align: left; }
  .Contact input:not(.btn),
  .Contact textarea,
  .contact-form input:not(.btn),
  .contact-form textarea {
    width: 100%; }
  .Contact .location-input-wrap .columns:first-child,
  .contact-form .location-input-wrap .columns:first-child {
    padding-left: 0; }
  .Contact .location-input-wrap .columns:last-child,
  .contact-form .location-input-wrap .columns:last-child {
    padding-right: 0; }
  .Contact .btn-location-search,
  .contact-form .btn-location-search {
    width: 100%; }
  .Contact .mapcontainer,
  .contact-form .mapcontainer {
    margin-bottom: 10px;
    float: left; }
  .Contact .mapcontainer,
  .Contact #mapCanvas,
  .contact-form .mapcontainer,
  .contact-form #mapCanvas {
    width: 100%;
    height: 200px;
    float: left; }

table.contact-form-vehicle {
  width: 100%; }
  table.contact-form-vehicle.vertical th.numeric {
    text-align: left; }
  table.contact-form-vehicle.vertical .vehicle-header {
    background-color: #ecf0f1;
    font-weight: bold; }
  table.contact-form-vehicle.vertical td.vehicle-header {
    text-align: right; }

.contact-physical .contact-title {
  font-weight: bold; }

.contact-physical .contact-detail {
  padding-left: 1rem; }

.contact-form__vehicle-heading {
  text-align: left; }

.cd-app .cd-contact form {
  display: flex;
  flex-wrap: wrap; }

.cd-app .cd-contact .cd-contact__response {
  display: flex;
  flex-direction: column;
  align-items: center; }

.cd-app .cd-contact .alert {
  width: 100%; }

.slick-slider .btn-next svg,
.slick-slider .btn-previous svg {
  height: 2.4rem;
  width: 2.4rem; }

.slick-slider .btn-next.slick-disabled,
.slick-slider .btn-previous.slick-disabled {
  opacity: 0.5; }

.slick-slider .slick-list {
  overflow: visible; }

/* Dots */
.slick-dots {
  display: block;
  width: 100%;
  padding: 0;
  margin: 10px 0 0 0;
  list-style: none;
  text-align: center;
  z-index: 10000; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  cursor: pointer; }

.slick-dots li .swiper-dot {
  font-size: 0;
  line-height: 0;
  display: block;
  padding: 5px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  opacity: .25;
  color: #d2d5d6;
  border: 0;
  outline: none;
  background-color: transparent; }

.slick-dots li .swiper-dot:hover,
.slick-dots li .swiper-dot:focus {
  outline: none;
  opacity: 1; }

.slick-dots li.slick-active .swiper-dot {
  opacity: .75;
  color: #333; }

.swiper-dot__inner {
  background-color: currentColor;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%; }

/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none; }

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none; }

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none; }

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  padding: 10px 10px 0;
  text-align: center;
  -webkit-overflow-scrolling: touch; }

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: ""; }

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 1rem;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; }
  @media (min-width: 400px) {
    .remodal {
      padding: 2rem; } }
  .remodal h2 {
    margin-left: 3rem;
    margin-right: 3rem;
    text-align: center; }
  .remodal .modal__content,
  .remodal p,
  .remodal ul {
    text-align: left; }
  .remodal .btn-confirm {
    min-width: 110px; }
  .remodal .btn-close {
    position: absolute;
    top: 0;
    right: 0; }

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block; }

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px); }

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(0, 0, 0, 0.7); }

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes; }

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes; }

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes; }

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes; }

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle; }

.remodal .modal__content form > :last-child .columns {
  text-align: center; }
  .remodal .modal__content form > :last-child .columns .btn {
    min-width: 120px; }

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; } }

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; } }

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* Media queries
   ========================================================================== */
@media (min-width: 750px) {
  .remodal {
    max-width: 700px; }
  .tool-comparisons-details .remodal {
    max-width: 80%;
    height: auto; }
  .tool-comparisons-details .total-vehicles {
    float: right; } }

/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38; }

.lt-ie9 .remodal {
  width: 700px; }

/* Modal Tables
   ========================================================================== */
.modal__content table.horizontal.table--responsive-collapse thead {
  display: none; }

@media (min-width: 550px) {
  .modal__content table.horizontal.table--responsive-collapse thead {
    display: table-header-group; } }

/****** Vue built modal *********/
.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: opacity .3s ease; }

.modal-wrapper {
  height: 100vh; }

.modal-container {
  max-width: 95%;
  position: relative;
  max-height: 100vh;
  overflow: auto;
  margin: 0px auto;
  padding: 2rem;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  transition: all .3s ease;
  margin-top: 1rem; }
  @media (min-width: 400px) {
    .modal-container {
      max-width: 90%;
      margin-top: 3rem; } }
  @media (min-width: 550px) {
    .modal-container {
      max-width: 80%;
      margin-top: 4rem; } }
  .modal-container .btn-close {
    position: absolute;
    right: 1rem;
    top: 1rem; }

.modal-header {
  text-align: center; }

.modal-body {
  margin: 2rem 0; }

.modal-footer {
  text-align: right; }
  .modal-footer .btn {
    float: right;
    min-width: 8rem;
    margin-left: 1rem; }

.modal-enter {
  opacity: 0; }

.modal-leave-active {
  opacity: 0; }

.modal-enter .modal-container,
.modal-leave-active .modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

.disclaimer {
  padding: 4rem;
  font-size: 1.2rem;
  color: #666666; }

.selector-submit {
  margin-top: 2rem;
  min-width: 180px;
  float: right; }
  @media (min-width: 750px) {
    .selector-submit {
      width: 9rem;
      float: none; } }

@media (min-width: 750px) {
  .selector---no-labels .selector-submit {
    margin-top: 0; } }

@media (min-width: 750px) {
  .selector---labels .selector-submit {
    margin-top: 3.24rem; } }

.selector-component > .row {
  margin-left: -1rem;
  margin-right: -1rem; }

.ad-wrapper {
  text-align: center; }

.container__sidebar .ad-wrapper {
  margin-bottom: 2rem; }

/* ========= leaderboards ========== */
.leaderboard-top {
  float: right;
  display: none; }

.leaderboard-top-mobile {
  margin: 1rem auto;
  clear: left; }

@media (min-width: 1100px) {
  .leaderboard-top {
    display: inline-block;
    margin: 2rem 0; }
  .leaderboard-top-mobile {
    display: none; } }

/* ========= square ========== */
.mpu-advert {
  float: none;
  margin: 0 auto 2rem auto; }
  @media (min-width: 750px) {
    .mpu-advert {
      float: left;
      margin-right: 2rem; } }

/* ======== wallpaper / skins ========== */
.skin-top,
.skin-left,
.skin-right,
.skin-image {
  display: none; }

@media (min-width: 1500px) {
  .container__header.advertising-skin--shown,
  .footer.advertising-skin--shown {
    width: 100%;
    margin: 0 auto; }
  .skin-top,
  .skin-left,
  .skin-right {
    display: inline-block; }
  .skin-top {
    height: 200px;
    width: 100%;
    background-color: green; }
  .skin-left,
  .skin-right {
    height: 60rem;
    width: 180px;
    position: absolute;
    top: 0; }
  .skin-left {
    left: -180px; }
  .skin-right {
    left: 120rem; }
  .skin-image {
    display: inline-block;
    position: absolute;
    top: 3rem;
    left: -160px;
    z-index: 0; } }

@media (min-width: 750px) {
  .advertising-skin--shown .nav--main__content.container {
    position: relative; }
  .advertising-skin--shown .container__main-content {
    z-index: 2; }
  .advertising-skin--shown .container__header {
    position: relative; }
    .advertising-skin--shown .container__header .nav--main__content.container {
      width: 100%; }
  .advertising-skin--shown .container-wrapper {
    min-height: 67rem; } }

.nav.nav--main .dropdown__content {
  background-color: #fff;
  border-color: #d2d5d6; }
  .nav.nav--main .dropdown__content .dropdown__content-item {
    background-color: #fff;
    padding: 2.5rem;
    border-bottom: 1px solid #d2d5d6; }
    .nav.nav--main .dropdown__content .dropdown__content-item:last-child {
      border-bottom: none; }

.nav .dropdown.is-open > .dropdown__content {
  display: inline-block; }
  .nav .dropdown.is-open > .dropdown__content .dropdown.is-open {
    padding-bottom: 0; }
    .nav .dropdown.is-open > .dropdown__content .dropdown.is-open > a {
      padding-bottom: 2.5rem; }

.loginFormContainer > p,
.resetPassFormContainer > p {
  margin-bottom: 2em; }

.login-form-container .introduction {
  margin-bottom: 3rem; }

.login-form .input-wrap {
  position: relative;
  margin-bottom: 2rem; }
  .login-form .input-wrap .icon-wrap {
    position: absolute;
    right: 1.6rem;
    top: 50%;
    margin-top: -0.8rem; }
    .login-form .input-wrap .icon-wrap .icon-cd-tick {
      color: #2ecc71; }
    .login-form .input-wrap .icon-wrap .icon-cd-cross {
      color: #c0392b; }
  .login-form .input-wrap.input-wrap--password {
    margin-bottom: 3rem; }

.login-form input {
  width: 100%;
  margin-bottom: 0; }

.login-form .login-btn-wrap {
  text-align: center;
  margin-bottom: 3rem; }

.login-form .btn {
  min-width: 20rem; }

.login-form .btn,
.reset-password-form .btn,
.reset-password-form .btn {
  min-width: 15rem; }

#resetPwdEnterNewSubmit {
  margin-top: 1em; }

.loginFormContainer .strengthLabel,
.loginFormContainer .strengthText {
  float: left;
  line-height: 1em;
  margin: 0;
  font-size: 1.2em; }

.loginFormContainer .strengthLabel {
  padding: 0 0.5em 0 0; }

.extraLoginLinks {
  background-color: #ecf0f1;
  font-size: 1.2rem;
  padding: 2rem 1rem; }

.extraLoginLinks p {
  text-align: center; }

.extraLoginLinks a {
  padding: 0em 0.5em; }

.loginErrorContainer {
  display: none; }

#resetPwdEnterEmail label,
#resetPwdEnterNew label {
  font-weight: bold; }

.loginWarning {
  width: 80em;
  margin: 0 auto; }

.loginWarning p {
  display: block;
  width: auto;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1em; }

.loginWarningWrap {
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.9);
  display: block;
  width: 100%;
  height: auto;
  z-index: 100;
  padding: 1em;
  float: left; }

.vehicle-selection .vehicle-image-wrap {
  padding: 0; }

.vehicle-selection .vehicle-image {
  width: 100%; }

.vehicle-selection .vehicle-selection__description {
  display: flex;
  align-content: center;
  flex-flow: row wrap;
  padding: 2rem; }
  @media (min-width: 400px) {
    .vehicle-selection .vehicle-selection__description {
      padding-left: 2rem;
      padding-right: 2rem;
      padding-top: 2rem;
      padding-bottom: 2rem; } }

.vehicle-selection .vehicle-name {
  width: 100%;
  font-size: 1.4rem; }
  .vehicle-selection .vehicle-name .vehicle-name__make {
    font-weight: bold; }
  .vehicle-selection .vehicle-name .vehicle-name__model {
    font-weight: bold; }
  .vehicle-selection .vehicle-name .vehicle-name__grade {
    font-weight: bold; }
  .vehicle-selection .vehicle-name .vehicle-name__engine {
    color: #828a8d;
    display: block; }

.vehicle-selection .vehicle-selection__packed-equipment span {
  display: inline-block;
  padding-right: 1.5rem; }

.vehicle-selection .vehicle-selection__packed-equipment ul {
  display: inline-block;
  margin-bottom: 0; }

.vehicle-selection .vehicle-selection__packed-equipment li {
  display: inline-block;
  padding: 0.5rem 1rem;
  margin-right: 1rem;
  background-color: #ecf0f1; }

.vehicle-selection .vehicle-selection__extra-details {
  width: 100%; }
  .vehicle-selection .vehicle-selection__extra-details .btn {
    padding: 0;
    margin-bottom: 0; }

.vehicle-selection .vehicle-selection__actions button {
  margin-bottom: 0; }

.vehicle-selection .key-information-wrap {
  background-color: #ecf0f1;
  border-top: 1px solid #d2d5d6; }
  .vehicle-selection .key-information-wrap ul li {
    list-style-type: none;
    text-align: center; }
    .vehicle-selection .key-information-wrap ul li .key-info__name {
      display: block;
      font-weight: bold;
      font-size: 1.4rem; }
    .vehicle-selection .key-information-wrap ul li .key-info__value {
      display: block; }
    .vehicle-selection .key-information-wrap ul li svg {
      width: 2.4rem;
      height: 2.4rem;
      margin: 0.75rem; }

.expansion-panel__target-element:hover {
  cursor: pointer; }

.fixed-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: #1d508d;
  color: #fff;
  display: flex;
  box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.15);
  /* if the bar gets 'picked up' as the viewport scrolls down start with an is-docked class and remove it when needing to fix it to the top or bottom of viewport */ }
  @media (min-width: 400px) {
    .fixed-bar {
      padding: 1rem 2rem; } }
  @media (min-width: 750px) {
    .fixed-bar {
      padding: 2rem 5rem; } }
  .fixed-bar.fixed-bar--top {
    bottom: auto;
    top: 0; }
  .fixed-bar.is-docked {
    position: static; }
  .fixed-bar:not(.is-docked) label,
  .fixed-bar:not(.is-docked) .btn {
    margin-bottom: 0; }
  .fixed-bar:not(.is-docked).fixed-bar--body-width {
    max-width: 120rem;
    left: calc(-50vw + 50%);
    right: calc(-50vw + 50%);
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    border-bottom: 1px solid #ecf0f1; }
    @media (min-width: 750px) {
      .fixed-bar:not(.is-docked).fixed-bar--body-width {
        width: 100%; } }
    @media (min-width: 1100px) {
      .fixed-bar:not(.is-docked).fixed-bar--body-width {
        width: 100%; } }
    @media (min-width: 1300px) {
      .fixed-bar:not(.is-docked).fixed-bar--body-width {
        width: 100%; } }
  .fixed-bar .row {
    width: 100%; }
  .fixed-bar .fixed-bar__content {
    width: 100%; }

/* accommodating a fixed bar to the body with a sidebar present */
@media (min-width: 750px) {
  .main--sidebar .fixed-bar:not(.is-docked).fixed-bar--body-width {
    padding-left: 2rem;
    padding-right: 2rem; } }

@media (min-width: 1100px) {
  .main--sidebar .fixed-bar:not(.is-docked).fixed-bar--body-width {
    /* need to interpolate variables in calc function */
    width: calc(100% - 32rem);
    left: calc(-50vw + 50% - 32rem);
    right: calc(-50vw + 50%); } }

@media (min-width: 1300px) {
  .main--sidebar .fixed-bar:not(.is-docked).fixed-bar--body-width {
    width: calc(100% - 32rem); } }

@media (min-width: 550px) {
  .search-bar-wrap .filter-pane .filter-group .filter-control.filter-control--other {
    width: 50%; } }

.toggle-nav-panel {
  position: fixed;
  bottom: 0;
  left: 1rem;
  z-index: 1000; }
  @media (min-width: 1100px) {
    .toggle-nav-panel {
      position: static; } }
  @media (min-width: 1100px) {
    .toggle-nav-panel {
      display: none; } }

.nav-panel {
  display: none;
  background-color: #fff; }
  .nav-panel.nav-panel--active {
    display: block; }
  @media (min-width: 1100px) {
    .nav-panel {
      display: inline-block;
      float: left;
      margin-right: -32rem;
      width: 32rem; } }
  .nav-panel .nav-panel-inner {
    padding: 2rem 3rem; }
    .nav-panel .nav-panel-inner h3 {
      margin-bottom: 2rem; }
    .nav-panel .nav-panel-inner .btn-close {
      position: absolute;
      top: 1rem;
      right: 1rem;
      left: auto; }
    .nav-panel .nav-panel-inner h4 {
      padding-top: 1rem;
      margin-bottom: 1rem; }
    .nav-panel .nav-panel-inner ul li {
      list-style-type: none;
      margin-bottom: 0.5rem; }
      .nav-panel .nav-panel-inner ul li.is-selected {
        font-weight: bold; }
      .nav-panel .nav-panel-inner ul li ul {
        margin-top: 1rem;
        margin-bottom: 2rem;
        padding-left: 1rem; }
  .nav-panel.nav-panel-mobile {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000; }
    .nav-panel.nav-panel-mobile .nav-panel-inner {
      height: 100vh;
      overflow: auto; }
    @media (min-width: 1100px) {
      .nav-panel.nav-panel-mobile {
        display: none; } }
    .nav-panel.nav-panel-mobile.nav-panel--active {
      display: block; }
      @media (min-width: 1100px) {
        .nav-panel.nav-panel-mobile.nav-panel--active {
          display: none; } }

@media (min-width: 1100px) {
  .main--taxpages-sidebar .body {
    width: calc(100% - 32rem);
    margin-left: 32rem; } }

.main--taxpages-sidebar .nav-panel {
  border-right: 1px solid #d2d5d6; }

.top-action-bar {
  z-index: 1;
  float: right; }
  @media (min-width: 750px) {
    .top-action-bar .btn-print {
      display: inline-block;
      margin-left: 1rem; } }

.page-title--action-bar {
  width: 100%;
  clear: both; }
  @media (min-width: 750px) {
    .page-title--action-bar {
      width: 70%;
      clear: none; } }

.user-progress-bar {
  position: relative;
  padding-top: 1.4rem; }
  .user-progress-bar ul.indicators {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: -1.6rem; }
    .user-progress-bar ul.indicators li {
      list-style-type: none;
      text-align: center;
      justify-content: center;
      position: relative;
      margin-bottom: 0;
      width: 11rem; }
      .user-progress-bar ul.indicators li .user-progress-bar__indicator {
        color: #333;
        background-color: #fff;
        border: 1px solid #fff;
        height: 3rem;
        width: 3rem;
        margin: 0 auto 0.5rem auto;
        border-radius: 50%;
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: center; }
        .user-progress-bar ul.indicators li .user-progress-bar__indicator .indicator__inner {
          background-color: #d2d5d6;
          border-radius: 50%;
          width: 1rem;
          height: 1rem; }
        .user-progress-bar ul.indicators li .user-progress-bar__indicator .indicator-number,
        .user-progress-bar ul.indicators li .user-progress-bar__indicator svg {
          width: 1.2rem;
          height: 1.2rem; }
      .user-progress-bar ul.indicators li .caption {
        font-weight: bold;
        color: #d2d5d6;
        font-family: "Lato", sans-serif; }
      .user-progress-bar ul.indicators li.is-complete {
        cursor: pointer; }
        .user-progress-bar ul.indicators li.is-complete .user-progress-bar__indicator {
          border-radius: 50%;
          background-color: #1d508d;
          color: #fff;
          border-color: #1d508d; }
      .user-progress-bar ul.indicators li.is-active .user-progress-bar__indicator {
        border-color: #1d508d; }
      .user-progress-bar ul.indicators li.is-active .indicator__inner {
        width: 1rem;
        height: 1rem;
        background-color: #1d508d;
        border-radius: 50%; }
      .user-progress-bar ul.indicators li.is-active .caption, .user-progress-bar ul.indicators li.is-complete .caption {
        color: #333; }
    .user-progress-bar ul.indicators .caption {
      font-size: 1.2rem; }
  .user-progress-bar ul.lines {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    margin-left: 5.5rem;
    margin-right: 5.5rem; }
    .user-progress-bar ul.lines li {
      list-style-type: none;
      text-align: center;
      justify-content: center;
      position: relative;
      height: 0.2rem;
      flex: 1;
      background-color: #d2d5d6;
      margin: 0 2.5rem; }
      .user-progress-bar ul.lines li.is-complete {
        background-color: #1d508d; }

.faq-page-wrap li p {
  margin-bottom: 3rem; }

.faq-page-wrap li p:nth-child(2) {
  display: none; }

.providers-page .provider-row {
  border-bottom: 1px solid #ecf0f1; }
  @media (min-width: 750px) {
    .providers-page .provider-row {
      display: flex; } }
  .providers-page .provider-row .provider-row__image {
    display: flex;
    justify-content: center; }
    .providers-page .provider-row .provider-row__image img {
      width: 20rem;
      align-self: center; }

.result-component .card {
  background-color: #194478;
  color: #fff; }
  .result-component .card .card__header {
    padding: 2rem 2rem 0 2rem; }
  .result-component .card .card__content {
    display: flex;
    justify-content: center; }
    .result-component .card .card__content .result-component__calculation-value {
      font-size: 3rem;
      font-weight: bold;
      display: flex; }
      @media (min-width: 750px) {
        .result-component .card .card__content .result-component__calculation-value {
          font-size: 4rem; } }
    .result-component .card .card__content .result-component__calculation-unit {
      align-self: flex-end;
      font-size: 1.4rem;
      padding-left: 0.5rem; }
      @media (min-width: 750px) {
        .result-component .card .card__content .result-component__calculation-unit {
          font-size: 1.4rem; } }
    .result-component .card .card__content .unit-wrap {
      display: flex;
      justify-content: center;
      flex-direction: column; }
      .result-component .card .card__content .unit-wrap span {
        width: 100%; }

.summary-panel .result-component {
  margin: 0 -1rem -1rem -1rem;
  max-width: none; }
  @media (min-width: 550px) {
    .summary-panel .result-component {
      margin: 0 -2rem -2rem -2rem; } }
  .summary-panel .result-component .card {
    border: none;
    border-radius: 0; }

.vehicle-image-wrap {
  position: relative; }

.responsive-vehicle-image {
  position: absolute;
  top: 0; }
  .responsive-vehicle-image .transition-wrap {
    width: 100%;
    height: 100%;
    position: relative; }

.responsive-vehicle-image,
.responsive-vehicle-image img {
  display: block;
  width: 100%; }
  .responsive-vehicle-image.responsive-vehicle-image--image-missing,
  .responsive-vehicle-image img.responsive-vehicle-image--image-missing {
    filter: brightness(0) contrast(0.7); }
  .responsive-vehicle-image.responsive-vehicle-image--image-broken,
  .responsive-vehicle-image img.responsive-vehicle-image--image-broken {
    width: 80px;
    height: 80px;
    margin-left: -40px;
    margin-top: -40px;
    left: 50%;
    top: 50%; }

.swatch-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: end; }

.swatch .control .control__indicator,
.swatch .control .control__indicator:hover,
.swatch .control:hover input:not([disabled]):checked ~ .control__indicator,
.swatch .control input:checked ~ .control__indicator,
.swatch .control input:checked:not([disabled]) ~ .control__indicator {
  background: none;
  border: none; }

.swatch {
  display: flex;
  margin-right: 2rem;
  margin-bottom: 2rem;
  width: 4rem; }
  @media (min-width: 550px) {
    .swatch {
      width: 6rem; } }
  .swatch .control {
    margin-bottom: 0;
    display: inline-block;
    padding-left: 0; }
    .swatch .control input {
      margin: 0; }
    .swatch .control .control__indicator {
      width: 4rem;
      height: 4rem;
      opacity: 1;
      -webkit-transition: opacity 0.3s;
      border-radius: 50%;
      margin-top: 0;
      position: static; }
      @media (min-width: 550px) {
        .swatch .control .control__indicator {
          width: 6rem;
          height: 6rem; } }
      .swatch .control .control__indicator img {
        width: 4rem;
        height: 4rem; }
        @media (min-width: 550px) {
          .swatch .control .control__indicator img {
            width: 6rem;
            height: 6rem; } }
      .swatch .control .control__indicator:hover {
        opacity: 0.8;
        -webkit-transition: opacity 0.3s; }
      .swatch .control .control__indicator svg {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2.6rem;
        height: 2.6rem;
        margin-top: -1.3rem;
        margin-left: -1.3rem;
        padding: 0.6rem;
        border-radius: 50%;
        background-color: #fff; }
  .swatch .swatch__bg {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75); }
  .swatch .swatch__overlay {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%; }

.equipment-panel {
  padding: 3rem 2rem; }

.equipment-panel-selected-paint {
  display: block;
  font-weight: bold; }

.equipment-list-group {
  margin-bottom: 3rem; }
  .equipment-list-group .equipment-list-info-text,
  .equipment-list-group .equipment-list-dependency-text {
    margin-left: 2.6rem;
    font-size: 1.2rem;
    color: #828a8d;
    display: block;
    margin-top: 0.5rem; }
  .equipment-list-group .btn-info {
    margin-right: 1rem; }
  .equipment-list-group .list-item {
    border: 1px solid #d2d5d6;
    padding: 2rem; }
    .equipment-list-group .list-item label {
      margin-bottom: 0; }
      .equipment-list-group .list-item label span {
        padding-right: 1rem; }

.cd-vehicle-key-details .btn {
  margin-left: 1rem; }

.vehicle-key-detail {
  list-style-type: none;
  margin-bottom: 0; }

.vehicle-key-detail__inner {
  display: flex;
  margin-bottom: 0;
  flex-wrap: wrap; }
  @media (min-width: 750px) {
    .vehicle-key-detail__inner {
      padding: 2rem; } }
  .vehicle-key-detail__inner .vehicle-key-detail__title {
    font-weight: bold;
    width: 100%; }
  .vehicle-key-detail__inner .vehicle-key-detail__value .unit {
    padding-left: 0.3rem; }

.available-tools .available-tool {
  list-style: none;
  display: flex;
  justify-content: center; }
  .available-tools .available-tool .availabile-tool__inner {
    display: flex;
    flex-direction: column; }
    .available-tools .available-tool .availabile-tool__inner:hover {
      text-decoration: none; }
    .available-tools .available-tool .availabile-tool__inner .available-tool__icon {
      display: flex;
      justify-content: center;
      margin-bottom: 1rem; }
      .available-tools .available-tool .availabile-tool__inner .available-tool__icon svg {
        color: #333; }
    .available-tools .available-tool .availabile-tool__inner .available-tool__title {
      font-size: 2rem;
      text-align: center; }
    .available-tools .available-tool .availabile-tool__inner .availabile-tool__description {
      text-align: center;
      color: #333;
      font-size: 1.2rem; }

.cd-alternatives {
  min-height: 300px; }

.alternative {
  margin-bottom: 0; }
  .alternative .alternative__inner {
    display: flex;
    flex-wrap: wrap; }
    .alternative .alternative__inner > .columns {
      padding: 3rem; }
  .alternative .responsive-vehicle-image {
    padding: 1rem; }
  .alternative .alternative__offer-text-wrap {
    width: 100%; }
  .alternative .alternative__offer-text {
    display: inline-block;
    background-color: #194478;
    padding: 0.5rem;
    color: #fff;
    font-size: 1.2rem;
    margin-right: 0.5rem; }
  .alternative .alternative__main-wrap {
    display: flex;
    flex-direction: column; }
  .alternative .alternative__including-text {
    font-weight: bold;
    margin-bottom: 0.5rem; }
  .alternative .alternative__packed-equipment {
    font-size: 1.2rem; }
    .alternative .alternative__packed-equipment li {
      list-style: none;
      margin-bottom: 0.3rem; }
  .alternative .alternative__price {
    margin-bottom: 2rem;
    margin-top: 1rem; }
    .alternative .alternative__price .alternative__price-rental {
      font-size: 3rem;
      font-weight: bold; }
      .alternative .alternative__price .alternative__price-rental .unit,
      .alternative .alternative__price .alternative__price-rental .vat-text {
        font-size: 1.2rem; }
      .alternative .alternative__price .alternative__price-rental .unit {
        padding-right: 0.5rem; }
    .alternative .alternative__price .alternative__price-payment {
      display: block;
      margin-bottom: 2rem; }
      .alternative .alternative__price .alternative__price-payment .vat-text {
        font-size: 1.2rem;
        padding-left: 0.5rem; }
  .alternative .alternative__terms,
  .alternative .alternative__terms-explanation {
    display: block; }
  .alternative .alternative__vehicle-details {
    font-size: 1.2rem; }
    .alternative .alternative__vehicle-details > div {
      display: flex;
      justify-content: space-between; }
    .alternative .alternative__vehicle-details .vehicle-details-title {
      font-weight: bold; }
  .alternative .alternative__links {
    margin-top: auto; }
    .alternative .alternative__links a {
      margin-right: 1rem;
      margin-bottom: 0; }
  .alternative.alternative--standalone {
    max-width: none; }
    .alternative.alternative--standalone .alternative__offer-text-wrap {
      text-align: left; }
    .alternative.alternative--standalone .alternative__offer-text {
      margin-bottom: 0; }
    .alternative.alternative--standalone .alternative-main {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .alternative.alternative--standalone .alternative-main .alternative-main-details-wrap {
        padding-right: 2rem; }
    .alternative.alternative--standalone .alternative__customise-instruction-wrap {
      margin-bottom: 2rem; }
    .alternative.alternative--standalone .alternative__packed-equipment {
      font-size: 1.4rem;
      padding-left: 0; }
    .alternative.alternative--standalone .alternative__price {
      padding-left: 2rem;
      padding-right: 2rem; }
      .alternative.alternative--standalone .alternative__price .alternative__price-rental {
        font-size: 3.5rem;
        font-weight: bold; }
        .alternative.alternative--standalone .alternative__price .alternative__price-rental .prefix {
          font-size: 1.4rem; }
        .alternative.alternative--standalone .alternative__price .alternative__price-rental .unit {
          font-size: 1.2rem; }
    .alternative.alternative--standalone .alternative__customise-instruction {
      display: block;
      margin-bottom: 0.5rem; }
    .alternative.alternative--standalone .alternative__links {
      float: right; }
      .alternative.alternative--standalone .alternative__links a {
        width: 13rem; }

.technical-specs .list-item {
  flex-wrap: wrap; }

.technical-specs .list-item__content {
  font-weight: bold;
  flex-grow: 0;
  padding-right: 0.5rem;
  width: 100%;
  margin-bottom: 0.5rem; }

.cd-app .collapsible-handler.collapsible-handler {
  padding: 1.5rem 1.5rem; }

.cd-app .collapsible-panel ul {
  display: flex;
  flex-wrap: wrap;
  padding: 1.5rem 1.5rem; }

.modal-body .collapsible-panel {
  margin-left: -2rem;
  margin-right: -2rem; }

.cd-app {
  position: relative;
  margin-left: -2rem;
  margin-right: -2rem; }
  @media (min-width: 750px) {
    .cd-app {
      margin-left: -5rem;
      margin-right: -5rem; } }
  .cd-app .row-container {
    padding-left: 1rem;
    padding-right: 1rem; }
  .cd-app .row {
    margin-left: -1rem;
    margin-right: -1rem; }

.cd-equipment-configurator .equipment-panel .list-item {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  background-color: #fff; }

.cd-equipment-configurator .swatch__bg {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.8); }

.cd-equipment-configurator .equipment-panel-selected-paint {
  text-align: center;
  margin-bottom: 3rem;
  display: block; }
  .cd-equipment-configurator .equipment-panel-selected-paint .equipment-panel-selected-paint__equipment-group {
    font-weight: normal; }

.cd-vehicle-configurator h2,
.cd-vehicle-configurator .vehicle_image__broken-link {
  margin-left: 2rem;
  margin-bottom: 0; }

.cd-vehicle-configurator img {
  padding: 2rem; }

/* Widgets */
.widget {
  margin-bottom: 2rem; }

.most-popular-widget {
  text-align: left; }
  @media (min-width: 750px) {
    .most-popular-widget {
      display: flex; } }
  .most-popular-widget .offer-container {
    color: #333;
    margin: 1rem; }

/* Tools */
.car-tax-summary-tables .body li a .hub-item__engine {
  font-weight: bold; }

.tax-calc-select .body .tax-select-intro {
  margin-bottom: 3rem; }

.tax-calc-select .body .selector-component {
  margin-bottom: 3rem; }

.tax-calc-select .body .tool-links {
  margin-bottom: 2rem; }
  .tax-calc-select .body .tool-links .btn {
    margin-bottom: 0; }
  .tax-calc-select .body .tool-links .card {
    padding: 3rem; }
  .tax-calc-select .body .tool-links > :first-child {
    padding-left: 0; }
  .tax-calc-select .body .tool-links > :last-child {
    padding-right: 0; }

/* ======== Derivative list ========== */
.derivative-personalize {
  margin-top: 2rem;
  max-width: 60rem; }
  .derivative-personalize .columns {
    position: relative; }
  @media (min-width: 750px) {
    .derivative-personalize.vans .row {
      width: 100%;
      max-width: 100%; }
    .derivative-personalize.vans .addOpt-col {
      width: auto;
      float: right; } }
  .derivative-personalize .btn {
    margin-bottom: 0; }

.derivative-personalize__options-wrap,
.capCon-outer-wrap,
.annCon-outer-wrap,
.taxCalcInput-outer-wrap,
.action-row,
.info-row {
  width: 75%;
  margin: 0 auto;
  max-width: 320px;
  position: relative; }
  @media (min-width: 550px) {
    .derivative-personalize__options-wrap,
    .capCon-outer-wrap,
    .annCon-outer-wrap,
    .taxCalcInput-outer-wrap,
    .action-row,
    .info-row {
      width: 100%;
      max-width: none; } }

.derivative-list .record:hover .btn.btn--secondary.btn--toggle, .derivative-list .record:hover .tab-control.is-stacked .btn.btn--secondary, .tab-control.is-stacked .derivative-list .record:hover .btn.btn--secondary {
  color: #333;
  background-color: transparent;
  border-color: #d2d5d6; }

.derivative-list .data_cell.transDesc .cell_value {
  float: left;
  width: 66%; }
  @media (min-width: 400px) {
    .derivative-list .data_cell.transDesc .cell_value {
      width: auto;
      float: none; } }

.derivative-list .data_cell.display_name span.in_cell_title {
  display: none; }

.derivative-list .data_cell.otr {
  margin-bottom: 2rem; }
  @media (min-width: 750px) {
    .derivative-list .data_cell.otr {
      margin-bottom: 0; } }

.derivative-list .data_cell.select-vehicle {
  display: block;
  text-align: left;
  width: 100%;
  padding: 1rem; }
  .derivative-list .data_cell.select-vehicle .btn {
    margin-bottom: 0; }
    @media (min-width: 750px) {
      .derivative-list .data_cell.select-vehicle .btn {
        width: 100%; } }
  @media (min-width: 750px) {
    .derivative-list .data_cell.select-vehicle {
      width: 10.5rem;
      display: table-cell; } }
  .derivative-list .data_cell.select-vehicle .in_cell_title {
    display: none; }

.tax-calc-select .btn-add-vehicle-options,
.tax-calc-select .btn-tax-calculation {
  width: 100%; }

label[for="inpCapCon"],
label[for="inpAnnCon"] {
  margin-bottom: 0;
  display: inline-block; }

.postInpUnit {
  font-weight: normal;
  margin-bottom: 1rem;
  display: inline-block; }
  @media (min-width: 400px) {
    .postInpUnit {
      display: block; } }

.inpCapCon-wrap,
.inpAnnCon-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-right: 1rem;
  margin-bottom: 1rem; }
  @media (min-width: 750px) {
    .inpCapCon-wrap,
    .inpAnnCon-wrap {
      margin-bottom: 2rem; } }
  .inpCapCon-wrap input,
  .inpAnnCon-wrap input {
    width: 100%;
    text-align: right;
    margin-bottom: 0; }
  .inpCapCon-wrap .preInpUnit,
  .inpAnnCon-wrap .preInpUnit {
    position: absolute;
    height: 100%;
    line-height: 4.8rem;
    left: 1rem; }

@media (min-width: 750px) {
  .inpCapCon-wrap {
    padding-right: 0; } }

.annCon-col .btn-info,
.capCon-col .btn-info,
.taxCalcInput-col .btn-info {
  position: absolute;
  right: -3.4rem;
  bottom: 0.4rem; }
  @media (min-width: 550px) {
    .annCon-col .btn-info,
    .capCon-col .btn-info,
    .taxCalcInput-col .btn-info {
      right: 0;
      top: 0; } }

@media (min-width: 550px) {
  .derivative-personalize .columns.addOpt-col {
    padding-right: 4.4rem; } }

.derivative-personalize .columns.addOpt-col .btn-info {
  position: absolute;
  top: 50%;
  right: -3.4rem;
  margin-top: -1.2rem; }
  @media (min-width: 550px) {
    .derivative-personalize .columns.addOpt-col .btn-info {
      right: 1rem; } }

.tax-calc-list .btn-show-all {
  padding-left: 0; }

.tax-calc-list .overlay {
  z-index: 1300; }

.tax-calc-summary .maintext {
  margin-bottom: 4rem; }
  .tax-calc-summary .maintext button {
    vertical-align: top; }

.tax-calc-summary table.horizontal td {
  display: table-cell; }

/* ======== Results page ========== */
.tax-calc-summary .companycartax-calcution-wrapper > .row > .columns {
  padding: 0; }
  @media (min-width: 750px) {
    .tax-calc-summary .companycartax-calcution-wrapper > .row > .columns {
      padding-top: 1rem;
      padding-bottom: 1rem; }
      .tax-calc-summary .companycartax-calcution-wrapper > .row > .columns:first-child {
        padding-right: 1rem; }
      .tax-calc-summary .companycartax-calcution-wrapper > .row > .columns:last-child {
        padding-left: 1rem; } }

@media (min-width: 750px) {
  .tax-calc-summary .companycartax-calcution-wrapper .row.effect-net-pay-row > .columns {
    padding-right: 0;
    padding-left: 0; } }

.tax-calc-summary .columns.tax-summary-tool-links {
  padding-top: 2rem; }

.tax-calc-summary input[type="tel"],
.tax-calc-summary input[type="number"] {
  width: 100%; }

.tax-calc-summary .table-wrapper,
.tax-calc-summary .incomecalculator,
.tax-calc-summary .netpay-effect--inPage {
  padding-top: 1rem; }

@media (min-width: 750px) {
  .tax-calc-summary .netpay-effect__section-inputs {
    padding-top: 3rem; }
  .tax-calc-summary .table-wrapper {
    margin-bottom: 1rem; } }

.table-vehicleTax .header_cell,
.table-fuelTax .header_cell,
.table-taxComponents .header_cell,
.table-vehicleDetails .header_cell {
  width: 250px; }

.table-vehicleTax .header_description,
.table-fuelTax .header_description,
.table-taxComponents .header_description,
.table-vehicleDetails .header_description {
  width: 40px; }

.table-taxComponents .header_cell {
  width: 250px; }

.tax-calc-summary table td {
  text-align: right; }

.tax-summary-vehicle-details .greenlabel-sprite,
.tax-summary-vehicle-details .ncap-sprite {
  float: right; }

.data_cell.mpgTEH_TEL .cell_value span {
  display: block; }

.tax-calc-summary .table-breakdown .data_cell.name {
  color: #333; }
  .tax-calc-summary .table-breakdown .data_cell.name svg {
    fill: #1d508d; }

.history-option-title {
  margin-top: 1rem; }

.history-option {
  text-align: left;
  border-bottom: thin solid #ecf0f1;
  margin-bottom: 1rem;
  padding-bottom: 1rem; }

.hub-item__plate-age {
  font-size: 2rem;
  display: block; }

.hub-item__plate-age-range {
  font-weight: normal; }

.netpay-effect__title {
  overflow: auto;
  margin-bottom: 0;
  cursor: pointer;
  font-weight: bold; }
  .netpay-effect__title .btn--toggle, .netpay-effect__title .tab-control.is-stacked .btn, .tab-control.is-stacked .netpay-effect__title .btn {
    border: none;
    margin: 0; }
  .netpay-effect__title:hover .btn--toggle, .netpay-effect__title:hover .tab-control.is-stacked .btn, .tab-control.is-stacked .netpay-effect__title:hover .btn {
    background-color: #ecf0f1; }

.rotate-to-view {
  border: 1px dashed #d2d5d6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 20rem; }
  @media only screen and (min-width: 480px) {
    .rotate-to-view {
      display: none; } }
  .rotate-to-view span {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 2rem; }
  .rotate-to-view svg {
    fill: #FF5722;
    animation: rotate 0.5s ease-in-out 0.25s infinite alternate; }

@-webkit-keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(45deg); } }

.netpay-effect-breakdown .table-wrapper,
.netpay-effect-breakdown .extra-explanations-wrap {
  display: none; }
  @media only screen and (min-width: 480px) {
    .netpay-effect-breakdown .table-wrapper,
    .netpay-effect-breakdown .extra-explanations-wrap {
      display: block; } }

.netpay-effect-breakdown .table-wrapper td {
  border-top: 0; }

.netpay-effect__section {
  padding: 1rem; }
  .netpay-effect__section .alert--notice {
    margin-top: 1em; }
  .netpay-effect__section .card {
    padding: 1rem;
    margin-bottom: 3rem;
    clear: both; }
  .netpay-effect__section.netpay-effect--inPage tr[data-category^="tax"],
  .netpay-effect__section.netpay-effect--inPage tr[data-category^="nic"] {
    display: none; }
  .netpay-effect__section .netpay-effect-earnings label {
    margin-bottom: 0; }
  .netpay-effect__section .netpay-affect-additionaltax {
    display: flex;
    flex-wrap: wrap; }
    .netpay-effect__section .netpay-affect-additionaltax .columns {
      padding: 0; }
    .netpay-effect__section .netpay-affect-additionaltax .additionaltax-result-wrap {
      order: 2; }
      @media (min-width: 550px) {
        .netpay-effect__section .netpay-affect-additionaltax .additionaltax-result-wrap {
          order: 1;
          border-right: 1px solid #d2d5d6;
          padding: 2rem; } }
  .netpay-effect__section .arisingTaxYearSelect {
    display: flex;
    flex-direction: column;
    order: 1; }
    .netpay-effect__section .arisingTaxYearSelect label {
      margin-top: 1rem; }
    .netpay-effect__section .arisingTaxYearSelect .select {
      min-width: 12rem; }
      @media (min-width: 550px) {
        .netpay-effect__section .arisingTaxYearSelect .select {
          margin-bottom: 0; } }
    @media (min-width: 550px) {
      .netpay-effect__section .arisingTaxYearSelect {
        align-items: center;
        justify-content: center;
        order: 2; } }
  @media (min-width: 750px) {
    .netpay-effect__section input,
    .netpay-effect__section .select {
      max-width: 150px;
      width: 100%; } }
  .netpay-effect__section .netpay-effect-contributions .card {
    float: left;
    width: 100%; }

.netpay-affect-additionaltax .additionaltax__value {
  padding-right: 1rem;
  font-weight: bold;
  font-size: 3rem; }
  @media (min-width: 550px) {
    .netpay-affect-additionaltax .additionaltax__value {
      font-size: 4rem; } }

.netpay-affect-additionaltax .additionaltax__timeframe {
  min-width: 8rem;
  display: inline-block; }

.table-breakdown thead {
  background-color: #FFF;
  border-bottom: 2px solid #d2d5d6; }

table.table-breakdown th,
table.table-breakdown td {
  text-align: right;
  min-width: 6.4rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem; }
  @media (min-width: 550px) {
    table.table-breakdown th,
    table.table-breakdown td {
      padding-left: 1rem;
      padding-right: 1rem; } }

.table-breakdown .record:not([data-category="salary"]) .name:not(.missing_data) {
  cursor: pointer; }

.table-breakdown .name {
  text-align: left;
  font-weight: bold; }

.table-breakdown .data_cell.name .cell_value {
  text-align: left;
  display: block;
  position: relative;
  padding-right: 3rem; }
  .table-breakdown .data_cell.name .cell_value .pa-reduction {
    font-size: 1.2rem;
    font-weight: normal;
    display: block; }
    .table-breakdown .data_cell.name .cell_value .pa-reduction > span {
      font-weight: bold;
      color: #c0392b; }

.tax-breakdown-totals thead {
  display: none; }

#tax-breakdown .table-wrapper .table-scroll-wrapper {
  border: none; }

tr[data-category="salary"] td {
  border-bottom: thin solid #d2d5d6; }

tr[data-category^="breakdown-"].border-top .income,
tr[data-category^="breakdown-"].border-top .rate,
tr[data-category^="breakdown-"].border-top .due {
  border-top: thin solid #d2d5d6; }

tr[data-category^="breakdown-"] td {
  border-bottom: thin solid #d2d5d6; }
  tr[data-category^="breakdown-"] td.toggle {
    color: #FFF;
    background-color: #828a8d;
    cursor: pointer; }
  tr[data-category^="breakdown-"] td.effect {
    color: #c0392b; }

tr[data-category^="summary-"] {
  font-weight: bold; }

tr[data-category="summary-payslips"] {
  font-size: 2rem; }

.effectOnIncome .btn-group label:nth-child(2) {
  border-top-left-radius: 4rem;
  border-bottom-left-radius: 4rem; }

.sacrifice-wrap {
  font-size: 1.4rem;
  margin-bottom: 0; }
  .sacrifice-wrap .based-on {
    font-weight: bold; }
  .sacrifice-wrap .calc_type_car_label,
  .sacrifice-wrap .calc_type_car_value,
  .sacrifice-wrap .calc_type_fuel_label,
  .sacrifice-wrap .calc_type_fuel_value {
    padding: 0; }

.tax-calc-summary .extra-explanations-wrap {
  font-weight: normal; }
  .tax-calc-summary .extra-explanations-wrap span {
    display: block;
    font-weight: bold; }

/* ======= overall ============ */
.preview-section {
  text-align: center;
  margin-left: -2rem;
  margin-right: -2rem;
  overflow: hidden;
  /* 
    img {
        width: 100%;
        display: inline-block;
    } */ }
  @media (min-width: 750px) {
    .preview-section {
      margin-left: -5rem;
      margin-right: -5rem;
      margin-bottom: 0; } }
  .preview-section .preview-section__content {
    /*display: inline-block;*/
    position: relative;
    width: 100%; }
  .preview-section [class^="layer_"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; }
  .preview-section .preview-section__content img.loading {
    display: none;
    width: 100%; }

.options-wrap {
  position: relative; }
  @media (min-width: 1100px) {
    .options-wrap {
      margin-right: 32rem;
      padding: 0 4rem 0 0;
      border-right: 1px solid #fff; }
      .options-wrap .tab-control:not(.is-stacked) {
        margin-bottom: 0;
        padding: 0; } }
  .options-wrap .loading-indicator, .options-wrap .slick-loading .slick-list, .slick-loading .options-wrap .slick-list {
    position: absolute;
    top: 10rem;
    left: 50%; }

.options-main-content {
  margin-bottom: 4rem;
  width: 100%;
  float: left; }
  .options-main-content.content-loading {
    opacity: 0; }
  @media (min-width: 1100px) {
    .options-main-content {
      margin-bottom: 0; } }

.options-wrap.includes_preview_image {
  padding-top: 2rem; }

.options-summary-wrap {
  clear: both; }
  @media (min-width: 1100px) {
    .options-summary-wrap {
      clear: none; } }

.options-summary {
  margin-bottom: 2rem; }
  @media (min-width: 550px) {
    .options-summary {
      margin-bottom: 0; } }
  .options-summary.overflow {
    overflow-x: hidden;
    overflow-y: scroll;
    margin-right: -1rem;
    padding-right: 2rem; }

@media (min-width: 1100px) {
  .options-summary-wrap {
    float: right;
    width: 32rem;
    margin-right: -36rem;
    padding-left: 3rem;
    border-left: 1px solid #fff; } }

.options-section .dropdown {
  margin-bottom: 1rem;
  height: 3rem;
  min-width: 17rem; }
  .options-section .dropdown button {
    width: 100%; }
  .options-section .dropdown .dropdown__content {
    width: 100%; }

.main--sidebar .options-wrap {
  margin-right: 0;
  border-right: none;
  padding: 0; }
  .main--sidebar .options-wrap.card {
    padding: 2rem; }

.main--sidebar .options-main-content {
  padding-right: 0; }

.main--sidebar .options-summary-wrap {
  margin-right: 0;
  padding-left: 0;
  float: none;
  border-left: none; }
  @media (min-width: 1100px) {
    .main--sidebar .options-summary-wrap {
      width: 100%; } }

/* ========== options group nav ===========*/
.options-main-content .tab-control:not(.is-stacked) {
  margin-bottom: 2rem;
  text-align: center; }
  @media (min-width: 550px) {
    .options-main-content .tab-control:not(.is-stacked) {
      margin-bottom: 1rem; } }

/* ============= panels ================ */
.options-section__content {
  padding-bottom: 2rem; }

.options-main-content .tabs-sub-groups:not(.is-stacked) {
  text-align: left;
  margin-left: -2rem;
  margin-bottom: 2rem; }

@media (min-width: 550px) {
  .selected-equipment {
    padding-top: 2rem; } }

.selected-equipment .selected-equipment__action {
  font-weight: bold; }

.selected-equipment span {
  padding-right: 0.2rem; }

/* ========= options list =============== */
.options-config .btn-group {
  float: left; }

.options-config .summary__seedisclaimer {
  display: none; }

.options-config .summary__seedisclaimer--mobile {
  float: right; }

.standards-wrap {
  display: inline-block; }
  .standards-wrap .standardsLabel {
    font-weight: 600;
    color: #333;
    display: inline-block;
    line-height: 4.8rem;
    float: left;
    padding-right: 2rem; }
  .standards-wrap .btn-group {
    display: inline-block; }

.show-hide-categories-wrap {
  float: right; }
  .show-hide-categories-wrap .btn_categories {
    display: inline-block; }
    .show-hide-categories-wrap .btn_categories button {
      margin-bottom: 0;
      padding-right: 0.5rem;
      padding-left: 0.5rem;
      color: #1d508d; }
      @media (min-width: 400px) {
        .show-hide-categories-wrap .btn_categories button {
          padding-right: 2rem;
          padding-left: 2rem; } }

.toggle-standards-wrap {
  float: left;
  padding-left: 1.5rem; }
  .toggle-standards-wrap label {
    margin-bottom: 0;
    line-height: 4.8rem; }
  .toggle-standards-wrap .switch {
    margin-top: -1rem; }
    @media (min-width: 400px) {
      .toggle-standards-wrap .switch {
        margin-top: 0; } }
  .toggle-standards-wrap .switch__text {
    display: block;
    line-height: 1rem; }
    @media (min-width: 400px) {
      .toggle-standards-wrap .switch__text {
        display: inline-block;
        line-height: 4.8rem; } }

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

.options-config .tab-content {
  clear: left; }

table.options_table {
  width: 100%; }
  table.options_table .control {
    padding-left: 1.6rem;
    margin-bottom: 0; }
    table.options_table .control.control--standard .control__indicator {
      background-color: #194478; }
      table.options_table .control.control--standard .control__indicator svg {
        display: inline-block;
        fill: #fff;
        vertical-align: top;
        padding: 2px; }
      table.options_table .control.control--standard .control__indicator .isDisabled {
        opacity: 0.25; }
  table.options_table .record {
    cursor: pointer; }
  table.options_table td {
    display: table-cell; }
    @media (min-width: 550px) {
      table.options_table td {
        padding: 1rem 1rem; } }
  table.options_table tr.category_heading td {
    padding: 1.5rem 1.5rem; }

.visual-option .control .control__indicator,
.visual-option .control .control__indicator:hover,
.visual-option .control:hover input:not([disabled]):checked ~ .control__indicator,
.visual-option .control input:checked ~ .control__indicator,
.visual-option .control input:checked:not([disabled]) ~ .control__indicator {
  background: none;
  border: none;
  display: inline-block;
  position: static;
  top: auto;
  margin-top: 0;
  width: auto; }

.visual-option {
  display: inline-block;
  width: 6rem;
  margin-right: 2rem; }
  .visual-option .cell_value {
    display: inline-block;
    font-size: 1.4rem; }
  .visual-option .control {
    margin-bottom: 0;
    display: inline-block;
    padding-left: 0; }
    .visual-option .control .control__indicator {
      width: 6rem;
      height: 6rem;
      opacity: 1;
      -webkit-transition: opacity 0.3s; }
      .visual-option .control .control__indicator img {
        width: 6rem;
        height: 6rem; }
      .visual-option .control .control__indicator:hover {
        opacity: 0.8;
        -webkit-transition: opacity 0.3s; }
    .visual-option .control input:checked ~ .control__indicator img {
      display: inline-block;
      border-radius: 50%; }
    .visual-option .control input:checked ~ .control__indicator:after {
      content: '';
      display: block;
      width: 7rem;
      height: 7rem;
      border-radius: 50%;
      top: -5px;
      left: -5px;
      border: 3px solid #FF5722;
      position: absolute; }
  .visual-option .option-name {
    visibility: hidden;
    height: 0; }
  .visual-option .data_cell.str_option_price .cell_value {
    display: block;
    text-align: center; }

/* ============ summary ================ */
.options-summary .explanation__content {
  margin-top: 1rem;
  margin-bottom: 0; }

.options-summary .btn-submit {
  margin-top: 1rem;
  float: right; }

.options-summary .summary__item-name, .options-summary .summary__company-logo, .options-summary .summary__company-name {
  vertical-align: middle; }

.options-summary .summary__company-logo {
  width: 100px;
  display: inline;
  margin-right: 10px; }

.options-summary__vehicle-price,
.options-summary__selected-options,
.options-summary__total,
.options-summary__total-options,
.options-summary__total-total-vehicle-contribs,
.options-summary__initial-payment,
.options-summary__leasing-name,
.options-summary__agreement-type {
  padding: 1.25rem 1rem;
  text-align: left;
  clear: both; }
  .options-summary__vehicle-price svg.icon-cd-collapse--down,
  .options-summary__vehicle-price svg.icon-cd-collapse--down,
  .options-summary__selected-options svg.icon-cd-collapse--down,
  .options-summary__selected-options svg.icon-cd-collapse--down,
  .options-summary__total svg.icon-cd-collapse--down,
  .options-summary__total svg.icon-cd-collapse--down,
  .options-summary__total-options svg.icon-cd-collapse--down,
  .options-summary__total-options svg.icon-cd-collapse--down,
  .options-summary__total-total-vehicle-contribs svg.icon-cd-collapse--down,
  .options-summary__total-total-vehicle-contribs svg.icon-cd-collapse--down,
  .options-summary__initial-payment svg.icon-cd-collapse--down,
  .options-summary__initial-payment svg.icon-cd-collapse--down,
  .options-summary__leasing-name svg.icon-cd-collapse--down,
  .options-summary__leasing-name svg.icon-cd-collapse--down,
  .options-summary__agreement-type svg.icon-cd-collapse--down,
  .options-summary__agreement-type svg.icon-cd-collapse--down {
    fill: #FF5722; }

.finance-quote-detail .summary-key-data__co2,
.finance-quote-detail .summary-key-data__mpg,
.finance-quote-detail .summary-key-data__batteryrange,
.finance-quote-detail .options-summary__p11d,
.finance-quote-detail .options-summary__tax {
  padding-left: 1rem;
  padding-right: 1rem; }

.finance-quote-detail .options-summary > :last-child {
  padding-bottom: 1.25rem; }

.summary__item-value_wrapper {
  float: right; }
  .summary__item-value_wrapper .summary__item-value {
    float: none; }

.summary__item-value {
  float: right; }

.summary__item-vat_text {
  padding-left: 5px;
  font-size: 1rem; }

@media (min-width: 1100px) {
  .options-summary-sidebar .summary__item-value_wrapper {
    float: right; }
  .options-summary-sidebar .summary__item-name {
    display: block;
    width: 100%; }
  .options-summary-sidebar .options-summary__total span.summary__item-name {
    width: 100%; } }

@media (min-width: 1300px) {
  .options-summary-sidebar .summary__item-vat_text {
    display: inline-block; }
  .options-summary-sidebar .summary__item-name {
    display: inline-block;
    width: 55%; }
  .options-summary-sidebar .options-summary__total span.summary__item-name {
    width: 55%; } }

.summary__item-name {
  display: inline-block;
  width: 65%;
  font-weight: bold; }
  .summary__item-name .btn-info {
    margin-left: 1rem;
    margin-bottom: 0; }

.summary-list-item {
  padding: 1rem; }

.options-summary__list--separate-total .summary-list-item {
  padding-right: 2rem; }

.quote-wrap .options-summary__list--separate-total .summary-list-item {
  padding-right: 3rem; }

.quote-wrap .options-summary__list--separate-total .summary__item-name {
  width: 55%; }

/************ key data ***************/
.options_summary__key-data {
  line-height: 2.24rem; }
  .options_summary__key-data .summary__item-name {
    text-transform: none;
    display: block;
    width: 80%; }

.options_summary__key-data .btn-info,
.options-summary__tax .btn-info {
  margin-left: 0; }
  @media (min-width: 1100px) {
    .options_summary__key-data .btn-info,
    .options-summary__tax .btn-info {
      margin-left: 0.25rem; } }

.options-summary__p11d,
.options-summary__tax,
.options_summary__key-data {
  max-width: 30rem; }

.finance-quote-detail .options-summary__p11d,
.finance-quote-detail .options-summary__tax,
.finance-quote-detail .options_summary__key-data {
  max-width: none; }

.summary-key-data__co2,
.summary-key-data__mpg,
.summary-key-data__batteryrange,
.options-summary__p11d,
.options-summary__tax {
  font-size: 1.2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 0; }
  .summary-key-data__co2 .summary__item-name,
  .summary-key-data__mpg .summary__item-name,
  .summary-key-data__batteryrange .summary__item-name,
  .options-summary__p11d .summary__item-name,
  .options-summary__tax .summary__item-name {
    display: inline-block;
    width: auto; }
  @media (min-width: 1100px) {
    .summary-key-data__co2,
    .summary-key-data__mpg,
    .summary-key-data__batteryrange,
    .options-summary__p11d,
    .options-summary__tax {
      padding-right: 0; } }
  @media (min-width: 550px) {
    .summary-key-data__co2 .summary__item-value,
    .summary-key-data__mpg .summary__item-value,
    .summary-key-data__batteryrange .summary__item-value,
    .options-summary__p11d .summary__item-value,
    .options-summary__tax .summary__item-value {
      float: right; } }
  .summary-key-data__co2 .columns,
  .summary-key-data__mpg .columns,
  .summary-key-data__batteryrange .columns,
  .options-summary__p11d .columns,
  .options-summary__tax .columns {
    padding: 0;
    width: 100%; }

/************ end key data ****************/
.options-summary-wrap > h2 {
  clear: both;
  padding-left: 1rem; }

.options-summary__selected-options {
  cursor: pointer; }
  .options-summary__selected-options .icon-wrap {
    margin-left: 1rem; }

.options-summary__list .summary-list-item .summary__item-name {
  font-size: 1.4rem;
  font-weight: normal;
  padding-left: 1rem;
  text-transform: none; }

.options-summary__total {
  border-top: 0.1rem solid #fff;
  border-bottom: 0.1rem solid #fff;
  font-weight: bold;
  margin-bottom: 2rem;
  clear: both; }
  .options-summary__total:before, .options-summary__total:after {
    content: " ";
    display: table; }
  .options-summary__total:after {
    clear: both; }
  .options-summary__total .summary__item-name {
    width: 50%; }

.options-summary__tax .summary__item-name {
  width: 70%; }

.options-next-steps {
  width: 100%;
  background-color: #fff;
  margin-top: 1rem; }
  .options-next-steps p {
    margin-bottom: 2rem; }
  .options-next-steps .btn-container {
    display: flex;
    justify-content: flex-end; }
    .options-next-steps .btn-container .btn {
      flex: auto;
      margin: 0.2rem;
      max-width: 22rem; }
      @media (min-width: 1100px) {
        .options-next-steps .btn-container .btn {
          max-width: none; } }

.container__sidebar .options-next-steps {
  background-color: #f2f2f2; }

.tax-options-note {
  margin-bottom: 3rem; }

/******************** sidebar tweaks ********************/
.container__sidebar .options-summary-wrap h2 {
  padding-left: 0; }

.container__sidebar .options-summary-wrap .options-summary__heading,
.container__sidebar .options-summary-wrap .summary-key-data__co2,
.container__sidebar .options-summary-wrap .summary-key-data__mpg,
.container__sidebar .options-summary-wrap .summary-key-data__batteryrange {
  padding-left: 0; }
  .container__sidebar .options-summary-wrap .options-summary__heading .columns,
  .container__sidebar .options-summary-wrap .summary-key-data__co2 .columns,
  .container__sidebar .options-summary-wrap .summary-key-data__mpg .columns,
  .container__sidebar .options-summary-wrap .summary-key-data__batteryrange .columns {
    padding: 0; }

.container__sidebar .options-summary-wrap .options-next-steps {
  padding: 0; }

/***************** notification ********************/
@media (min-width: 750px) {
  .btn-close-options {
    display: none; } }

.tool-comparisons-details h1 {
  display: inline-block;
  float: left; }
  @media (min-width: 400px) {
    .tool-comparisons-details h1 {
      max-width: 100%; } }
  @media (min-width: 550px) {
    .tool-comparisons-details h1 {
      max-width: 70%; } }
  .tool-comparisons-details h1:first-letter {
    text-transform: uppercase; }

.tool-comparisons-details .introduction {
  margin-bottom: 3rem; }

@media (min-width: 550px) {
  .tool-comparisons-details .intro-mobile-rotate {
    display: none; } }

@media (orientation: landscape) {
  .tool-comparisons-details .intro-mobile-rotate {
    display: none; } }

.tool-comparisons-details .alert {
  clear: left; }

.tool-comparisons-details .emissions-values {
  display: inline-block;
  margin-bottom: 1rem; }
  .tool-comparisons-details .emissions-values .emissions-values__description {
    font-weight: bold;
    width: 120px;
    display: block; }
  .tool-comparisons-details .emissions-values .emissions-values__value {
    width: 120px; }

.tool-comparisons-details .show--private-fuel {
  height: 8.04rem; }
  .tool-comparisons-details .show--private-fuel .switch__text {
    margin-bottom: 1rem;
    display: block;
    line-height: 1.6; }

.tool-comparisons-details .global-inputs-container {
  display: flex;
  flex-wrap: wrap;
  border-bottom: none;
  border-radius: 0; }
  .tool-comparisons-details .global-inputs-container label {
    position: relative; }

.tool-comparisons-details .vehicle-details-wrap {
  border: 1px solid #d2d5d6;
  border-bottom: none; }
  .tool-comparisons-details .vehicle-details-wrap > .columns {
    padding: 0; }
    .tool-comparisons-details .vehicle-details-wrap > .columns > .row:not(.comparator-common-row) > :last-child {
      border-right: 1px solid #d2d5d6; }
    .tool-comparisons-details .vehicle-details-wrap > .columns > .row:not(.comparator-common-row) > :nth-child(4) {
      border-right: none; }
  .tool-comparisons-details .vehicle-details-wrap .row {
    /* to get divs to be 100% */
    display: flex; }
    .tool-comparisons-details .vehicle-details-wrap .row.explanation {
      border-bottom: 1px solid #d2d5d6; }
      .tool-comparisons-details .vehicle-details-wrap .row.explanation p {
        margin-bottom: 0; }
  .tool-comparisons-details .vehicle-details-wrap .switch {
    display: block; }

.comparator-app {
  clear: both;
  min-height: 550px; }
  @media (min-width: 1100px) {
    .comparator-app {
      min-height: 600px; } }

.profile-bar {
  margin-bottom: 2rem; }

.comparator-controls > .columns {
  padding-bottom: 0; }

.comparator-control.tab-control:not(.is-stacked) {
  padding: 0;
  border-bottom: none; }

.mmd_modal .btn--primary {
  margin-top: 42px; }

.comparator-header {
  border: 1px solid #d2d5d6;
  border-bottom: none; }
  .comparator-header > div {
    height: 18rem;
    padding-top: 2rem; }
  .comparator-header.comparator-header--empty {
    min-height: 42rem;
    border: 1px solid #d2d5d6; }
    @media (min-width: 550px) {
      .comparator-header.comparator-header--empty {
        border-bottom: 1px solid #d2d5d6; } }
    .comparator-header.comparator-header--empty > div {
      border-bottom: 1px solid #d2d5d6; }
  .comparator-header .change-vehicle-wrap {
    margin-left: -1rem;
    margin-right: -1rem; }
    @media (min-width: 550px) {
      .comparator-header .change-vehicle-wrap {
        display: none; } }
    @media (orientation: landscape) {
      .comparator-header .change-vehicle-wrap {
        display: none; } }

.row--cta .comparator-control {
  width: 100%; }

.cta-wrap {
  border: 1px solid #d2d5d6;
  border-radius: 0 0 4px 4px;
  margin-top: -1px; }

.comparator-vehicle-header {
  padding-bottom: 0; }
  .comparator-vehicle-header .btn {
    margin-bottom: 0;
    width: 50%;
    float: left; }
  .comparator-vehicle-header .icon-cd {
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */ }
    .comparator-vehicle-header .icon-cd.icon-cd-button-left {
      float: right; }

.comparator-vehicle-image {
  max-width: 100%; }

@media (min-width: 1100px) {
  .main:not(.main--sidebar) .comparator-vehicle-header,
  .main:not(.main--sidebar) .comparator-vehicle-placeholder {
    padding-left: 4rem;
    padding-right: 4rem; } }

.comparator-field {
  font-weight: bold;
  border-right: 1px solid #d2d5d6;
  border-bottom: 1px solid #d2d5d6; }

.comparator-row-sub-field-title .comparator-field {
  font-weight: normal;
  border-right: none; }

.comparator-row-sub-field-sub-title .comparator-field {
  padding-left: 2rem; }

.cta-wrap .comparator-field {
  border-right: none;
  border-bottom: none; }

.comparator-value.comparator-value--negative {
  background-color: #c0392b;
  color: #fff; }

.comparator-value.comparator-value--positive {
  color: #fff;
  background-color: #2ecc71; }

.comparator-value:last-child {
  border-right: 1px solid #d2d5d6; }

.comparator-value .vat {
  padding-left: 0.3rem; }

.comparator-common-row {
  background-color: #ecf0f1;
  flex-wrap: wrap;
  padding: 2rem;
  border-top: 1px solid #d2d5d6;
  border-bottom: 1px solid #d2d5d6; }
  .comparator-common-row .common-row__title {
    width: 100%;
    margin-bottom: 2rem; }
  .comparator-common-row .comparator-value,
  .comparator-common-row .comparator-field {
    border: none; }
  .comparator-common-row input {
    margin-bottom: 0; }
  .comparator-common-row > div {
    width: 100%;
    flex-direction: column; }
    .comparator-common-row > div > div {
      display: inline-block; }
    @media (min-width: 550px) {
      .comparator-common-row > div {
        flex-direction: row; }
        .comparator-common-row > div .comparator-field,
        .comparator-common-row > div .comparator-value {
          padding-right: 4rem;
          display: block; }
        .comparator-common-row > div .comparator-value {
          height: 4.8rem;
          line-height: 4.8rem; } }

.comparator-row-savings .comparator-value {
  border-right: 1px solid #fff; }

.comparator-row-agreement_type .comparator-value {
  text-transform: uppercase; }

.comparator-row-tco-total_tco .comparator-value {
  border-bottom: 3px solid #828a8d;
  border-top: 3px solid #828a8d; }

.section-title {
  font-weight: bold;
  border-right: 1px solid #d2d5d6;
  text-transform: capitalize; }

.section-title,
.comparator-value,
.comparator-field {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #d2d5d6; }
  .section-title .btn-info,
  .comparator-value .btn-info,
  .comparator-field .btn-info {
    margin-bottom: 0;
    margin-left: 1rem; }

.comparator-value-equipment {
  border-bottom: 1px solid #d2d5d6; }

.section-title {
  padding-right: 3.6rem; }

.compare-row--collapsible {
  border-bottom: 1px solid #fff; }
  .compare-row--collapsible div {
    background-color: #fff; }
  .compare-row--collapsible .icon-wrap svg {
    fill: #FF5722; }
  .compare-row--collapsible .section-title {
    position: relative;
    cursor: pointer; }
    .compare-row--collapsible .section-title .icon-wrap {
      position: absolute;
      top: 50%;
      margin-top: -0.8rem;
      right: 1rem; }

.technical-section .btn-info {
  float: right; }

.vehicle-option-group {
  margin-bottom: 1rem; }
  .vehicle-option-group .group-title {
    margin-bottom: 0.5rem;
    font-weight: bold; }
  .vehicle-option-group .vehicle-option {
    padding-bottom: 1rem; }

.comparator-vehicle-field {
  font-weight: bold; }

.comparator-vehicle-placeholder {
  position: relative; }
  .comparator-vehicle-placeholder .placeholder-overlay {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    padding: inherit;
    padding-top: 0;
    z-index: 3;
    top: 18.2rem; }
    .comparator-vehicle-placeholder .placeholder-overlay .placeholder-overlay__content {
      padding: 0;
      text-align: center;
      height: 100%; }
      .comparator-vehicle-placeholder .placeholder-overlay .placeholder-overlay__content p {
        padding: 1rem 0 1rem 0;
        font-weight: bold;
        margin-bottom: 0; }
      .comparator-vehicle-placeholder .placeholder-overlay .placeholder-overlay__content .btn {
        width: 100%; }
  .comparator-vehicle-placeholder .btn-mm-selectors,
  .comparator-vehicle-placeholder .btn-build-add {
    height: auto;
    min-height: 4.8rem;
    white-space: normal; }

.comparator-header--empty .comparator-vehicle-placeholder .placeholder-overlay {
  padding-top: inherit; }

.manage_vehicles_modal {
  text-align: left; }
  .manage_vehicles_modal .vehicle-list {
    display: flex;
    flex-wrap: wrap; }
    .manage_vehicles_modal .vehicle-list h5 {
      margin-bottom: 0;
      display: inline-block;
      line-height: 4.8rem;
      margin-left: -1rem;
      font-weight: bold; }
    .manage_vehicles_modal .vehicle-list .btn-delete {
      float: right;
      margin-bottom: 0; }
  .manage_vehicles_modal .vehicle-list--group {
    border: 1px solid #d2d5d6; }
  .manage_vehicles_modal .vehicle-details-col {
    padding-top: 0;
    padding-bottom: 0; }
  .manage_vehicles_modal .vehicle-title {
    margin-top: 1rem;
    font-size: 1.5rem;
    font-weight: strong; }
  .manage_vehicles_modal .vehicle-title__make-model {
    font-weight: bold; }
  .manage_vehicles_modal .vehicle-image {
    margin-bottom: 1rem;
    width: 100%;
    max-width: 240px;
    display: none; }
    @media (min-width: 400px) {
      .manage_vehicles_modal .vehicle-image {
        display: inline-block; } }
  .manage_vehicles_modal .vehicle-differentiator {
    margin-bottom: 2rem; }
  .manage_vehicles_modal .vehicle-differentiator__content {
    font-weight: bold; }
  .manage_vehicles_modal .vehicle-differentiator__heading,
  .manage_vehicles_modal .vehicle-differentiator__content {
    margin-bottom: 0; }
  .manage_vehicles_modal .vehicle-differentiator__heading {
    font-size: 1.2rem; }
  .manage_vehicles_modal .vehicle-image--faded {
    opacity: 0.5; }
  .manage_vehicles_modal .actions-wrap {
    clear: both; }
    .manage_vehicles_modal .actions-wrap .btn {
      min-width: 10rem; }
  .manage_vehicles_modal .vehicle-rate a {
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 1rem;
    display: block; }
    .manage_vehicles_modal .vehicle-rate a .vat {
      font-weight: normal;
      display: block; }
  .manage_vehicles_modal .vehicle-rate .manage-vehicles-initial-rental {
    display: block;
    font-size: 1.2rem;
    margin-bottom: 1rem; }
  .manage_vehicles_modal .vehicle-rate .manage-vehicles-initial-rental__title {
    display: block; }
  .manage_vehicles_modal .vehicle-rate .manage-vehicles-terms {
    display: block;
    font-size: 0.9rem; }

.tool-comparisons-details .pch_or_bch_modal, .tool-comparisons-details .build_modal {
  max-width: 40%; }
  .tool-comparisons-details .pch_or_bch_modal .modal__content, .tool-comparisons-details .build_modal .modal__content {
    text-align: center; }
    .tool-comparisons-details .pch_or_bch_modal .modal__content .btn--secondary, .tool-comparisons-details .build_modal .modal__content .btn--secondary {
      margin: 0 10px; }

.multi-enquiry {
  background-color: #fff;
  clear: both;
  padding: 2rem 5rem;
  display: block;
  border-top: 1px solid #ccc; }
  .multi-enquiry .columns {
    text-align: center; }
    .multi-enquiry .columns label {
      display: inline;
      margin-left: -2.6rem; }

.row-multi-enquiry-btn {
  clear: both;
  text-align: center; }
  .row-multi-enquiry-btn button,
  .row-multi-enquiry-btn a {
    margin-bottom: 2rem;
    z-index: 2;
    width: auto;
    width: 100%; }

.tblTaxPages {
  width: 100%; }

.tblTaxPages th,
.tblTaxPages td {
  text-align: right;
  padding: 5px; }

.tblTaxPages .textcell {
  text-align: left; }

.tblTaxPages .hiddencell {
  display: none; }

/* ================ VED ================= */
.vehicleduty-index .year-selection-bar {
  background-color: #fff;
  top: 0; }

.vehicleduty-index .label-columns {
  padding-bottom: 0; }
  @media (min-width: 400px) {
    .vehicleduty-index .label-columns {
      padding: 1rem; } }

.vehicleduty-index label.inline {
  padding-right: 0;
  margin-bottom: 0; }

.ved-2017 thead tr:first-child {
  border-bottom: none; }

.ved-2017 .standard-rate-heading {
  text-align: center;
  background-color: #ecf0f1; }

/* ================ AFRS ================= */
#afrTableWrap,
.afr-tables {
  margin-bottom: 2rem; }
  #afrTableWrap .table-wrapper,
  .afr-tables .table-wrapper {
    display: block;
    margin-bottom: 0; }

.afrFormWrap {
  margin-bottom: 3rem; }

/* ================ Income tax ================= */
.AMAPs-index .body table {
  border-collapse: separate; }

/* ================ Income tax ================= */
.Incometax-index .tax_payer {
  text-transform: capitalize; }

/* ================ Print ================= */
@media print {
  .wltpImpactWrap a {
    text-decoration: none; }
  .wltpImpactWrap a::after {
    content: attr(href);
    text-decoration: underline;
    margin-left: 0.5em; } }

/* ================ Download tax pages pdf ================= */
.lstIndexMenu li {
  list-style-type: none; }
  .lstIndexMenu li input {
    float: left; }
  .lstIndexMenu li label {
    padding-left: 2rem; }

.fuel-benefit__info-label .btn-info {
  float: right; }

.lblUnit {
  font-weight: bold; }

.fuel-benefit .fuelbenefit-app {
  background-color: #fff; }
  .fuel-benefit .fuelbenefit-app .home .btn {
    min-width: 10rem; }
  .fuel-benefit .fuelbenefit-app .btn {
    float: right; }
  .fuel-benefit .fuelbenefit-app .detail__vehicle-box {
    margin-bottom: 2rem; }
  .fuel-benefit .fuelbenefit-app .details {
    margin-bottom: 4rem; }
  .fuel-benefit .fuelbenefit-app .details-title {
    margin-bottom: 2rem; }
  .fuel-benefit .fuelbenefit-app .comparison-summary-cards-container {
    position: relative; }
    @media (min-width: 750px) {
      .fuel-benefit .fuelbenefit-app .comparison-summary-cards-container {
        padding: 1rem 0 6rem 0;
        display: flex;
        flex-wrap: wrap; } }
    .fuel-benefit .fuelbenefit-app .comparison-summary-cards-container > .columns {
      padding-left: 0;
      padding-right: 0;
      padding-top: 0; }
    .fuel-benefit .fuelbenefit-app .comparison-summary-cards-container .card {
      color: #333;
      background-color: #fff;
      border: 0.1rem solid #d2d5d6;
      margin: 0 2rem; }
    .fuel-benefit .fuelbenefit-app .comparison-summary-cards-container .summary-card-wrap {
      flex: 1; }
      .fuel-benefit .fuelbenefit-app .comparison-summary-cards-container .summary-card-wrap > :first-child {
        margin-bottom: 1rem; }
      .fuel-benefit .fuelbenefit-app .comparison-summary-cards-container .summary-card-wrap.summary-card-wrap--yr1 .card {
        margin: 0;
        margin-bottom: 1rem; }
        @media (min-width: 750px) {
          .fuel-benefit .fuelbenefit-app .comparison-summary-cards-container .summary-card-wrap.summary-card-wrap--yr1 .card {
            margin-right: 1rem; } }
      .fuel-benefit .fuelbenefit-app .comparison-summary-cards-container .summary-card-wrap.summary-card-wrap--yr2 .card {
        margin: 0; }
        @media (min-width: 750px) {
          .fuel-benefit .fuelbenefit-app .comparison-summary-cards-container .summary-card-wrap.summary-card-wrap--yr2 .card {
            margin-left: 1rem; } }
    .fuel-benefit .fuelbenefit-app .comparison-summary-cards-container .summary-card {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      height: 100%;
      position: relative;
      text-align: center;
      padding: 2rem 4rem; }
      .fuel-benefit .fuelbenefit-app .comparison-summary-cards-container .summary-card svg {
        margin-top: -0.5rem; }
      @media (min-width: 750px) {
        .fuel-benefit .fuelbenefit-app .comparison-summary-cards-container .summary-card {
          padding-top: 5rem;
          padding-bottom: 5rem; } }
      .fuel-benefit .fuelbenefit-app .comparison-summary-cards-container .summary-card .card__header {
        text-align: left;
        margin-bottom: 3rem; }
      .fuel-benefit .fuelbenefit-app .comparison-summary-cards-container .summary-card .card__footer {
        padding: 0; }
      .fuel-benefit .fuelbenefit-app .comparison-summary-cards-container .summary-card .summary-card__title {
        font-weight: bold;
        font-size: 1.4rem;
        margin-bottom: 0; }
      .fuel-benefit .fuelbenefit-app .comparison-summary-cards-container .summary-card .summary-card__price {
        font-size: 4rem;
        font-weight: bold;
        margin-bottom: 0;
        display: inline-block;
        position: relative;
        font-family: "Lato", sans-serif; }
      .fuel-benefit .fuelbenefit-app .comparison-summary-cards-container .summary-card.summary-card--simple .summary-card__price {
        font-size: 3rem; }
      .fuel-benefit .fuelbenefit-app .comparison-summary-cards-container .summary-card .card__content {
        padding-top: 0;
        padding-bottom: 0; }
      .fuel-benefit .fuelbenefit-app .comparison-summary-cards-container .summary-card .card__footer .btn:not(:last-child) {
        margin-right: 1.5rem; }
    .fuel-benefit .fuelbenefit-app .comparison-summary-cards-container .summary-card__sub-text {
      font-size: 1.2rem; }
      .fuel-benefit .fuelbenefit-app .comparison-summary-cards-container .summary-card__sub-text span {
        margin: auto;
        width: 100%;
        display: block;
        padding-left: 0; }
  .fuel-benefit .fuelbenefit-app td h5 {
    margin: auto; }
  .fuel-benefit .fuelbenefit-app .tax-rate-container {
    max-width: 100%;
    min-width: 100px;
    flex-wrap: nowrap; }
  .fuel-benefit .fuelbenefit-app .tax-region-container {
    max-width: 100%;
    min-width: 100px; }
  .fuel-benefit .fuelbenefit-app .explanation__content {
    display: flex; }
  .fuel-benefit .fuelbenefit-app .btn-guide {
    max-height: 20px;
    float: right; }
  .fuel-benefit .fuelbenefit-app .str-error {
    color: #c0392b;
    font-weight: 700; }
  .fuel-benefit .fuelbenefit-app .str-success {
    color: #2ecc71;
    font-weight: 700; }
  .fuel-benefit .fuelbenefit-app .explanation__content {
    margin-bottom: 10px; }

/* Hide filters until ready */
@media (min-width: 550px) {
  .build-start,
  .build-model,
  .build-size,
  .build-grade,
  .build-engine {
    max-height: 650px; } }

.build-start .table-wrapper,
.build-start .table-scroll-wrapper,
.build-model .table-wrapper,
.build-model .table-scroll-wrapper,
.build-size .table-wrapper,
.build-size .table-scroll-wrapper,
.build-grade .table-wrapper,
.build-grade .table-scroll-wrapper,
.build-engine .table-wrapper,
.build-engine .table-scroll-wrapper {
  border: none;
  overflow-x: hidden; }

.build-start .loading-indicator, .build-start .slick-loading .slick-list, .slick-loading .build-start .slick-list,
.build-model .loading-indicator,
.build-model .slick-loading .slick-list,
.slick-loading .build-model .slick-list,
.build-size .loading-indicator,
.build-size .slick-loading .slick-list,
.slick-loading .build-size .slick-list,
.build-grade .loading-indicator,
.build-grade .slick-loading .slick-list,
.slick-loading .build-grade .slick-list,
.build-engine .loading-indicator,
.build-engine .slick-loading .slick-list,
.slick-loading .build-engine .slick-list {
  position: absolute;
  top: 50%;
  margin-top: -1.6rem;
  left: 50%;
  margin-left: -1.6rem; }

.build-model .body header,
.build-size .body header,
.build-grade .body header,
.build-engine .body header,
.build-options .body header,
.build-start .body header {
  display: none; }

@media (min-width: 550px) {
  .build-model,
  .build-size,
  .build-grade,
  .build-engine,
  .build-options,
  .build-start {
    height: 650px; } }

.build-grade .table-wrapper--no-records {
  display: none; }

.table-engine,
.table-grade,
.table-model {
  opacity: 0;
  height: 300px; }
  .table-engine.show-slick,
  .table-grade.show-slick,
  .table-model.show-slick {
    height: auto;
    opacity: 1;
    transition: all 300ms ease; }
  .table-engine .slick-slide,
  .table-grade .slick-slide,
  .table-model .slick-slide {
    opacity: 0.1;
    transition: all 300ms ease; }
    .table-engine .slick-slide.slick-current,
    .table-grade .slick-slide.slick-current,
    .table-model .slick-slide.slick-current {
      opacity: 1; }
    @media (min-width: 550px) {
      .table-engine .slick-slide.slick-active,
      .table-grade .slick-slide.slick-active,
      .table-model .slick-slide.slick-active {
        opacity: 1; } }
  .table-engine .record,
  .table-grade .record,
  .table-model .record {
    padding: 1rem 1rem 3rem 1rem; }
    @media (min-width: 1100px) {
      .table-engine .record,
      .table-grade .record,
      .table-model .record {
        float: left;
        height: auto; } }
  .table-engine.no-slick .record,
  .table-grade.no-slick .record,
  .table-model.no-slick .record {
    opacity: 1; }
  .table-engine .slick-slider .table--build__heading,
  .table-grade .slick-slider .table--build__heading,
  .table-model .slick-slider .table--build__heading {
    position: relative; }
  .table-engine .slick-slider .slick-arrow,
  .table-grade .slick-slider .slick-arrow,
  .table-model .slick-slider .slick-arrow {
    position: absolute;
    top: 0.5rem;
    z-index: 2; }
    .table-engine .slick-slider .slick-arrow.btn-previous,
    .table-grade .slick-slider .slick-arrow.btn-previous,
    .table-model .slick-slider .slick-arrow.btn-previous {
      left: 20px; }
    .table-engine .slick-slider .slick-arrow.btn-next,
    .table-grade .slick-slider .slick-arrow.btn-next,
    .table-model .slick-slider .slick-arrow.btn-next {
      right: 20px; }
    @media (min-width: 750px) {
      .table-engine .slick-slider .slick-arrow.btn-previous,
      .table-grade .slick-slider .slick-arrow.btn-previous,
      .table-model .slick-slider .slick-arrow.btn-previous {
        left: 0; }
      .table-engine .slick-slider .slick-arrow.btn-next,
      .table-grade .slick-slider .slick-arrow.btn-next,
      .table-model .slick-slider .slick-arrow.btn-next {
        right: 0; } }
    @media (min-width: 1100px) {
      .table-engine .slick-slider .slick-arrow,
      .table-grade .slick-slider .slick-arrow,
      .table-model .slick-slider .slick-arrow {
        top: 50%;
        margin-top: -6rem; }
        .table-engine .slick-slider .slick-arrow.btn-previous,
        .table-grade .slick-slider .slick-arrow.btn-previous,
        .table-model .slick-slider .slick-arrow.btn-previous {
          left: -4.7rem; }
        .table-engine .slick-slider .slick-arrow.btn-next,
        .table-grade .slick-slider .slick-arrow.btn-next,
        .table-model .slick-slider .slick-arrow.btn-next {
          right: -4.7rem; } }
    .table-engine .slick-slider .slick-arrow svg,
    .table-grade .slick-slider .slick-arrow svg,
    .table-model .slick-slider .slick-arrow svg {
      height: 2.4rem;
      width: 2.4rem; }
    .table-engine .slick-slider .slick-arrow.slick-disabled,
    .table-grade .slick-slider .slick-arrow.slick-disabled,
    .table-model .slick-slider .slick-arrow.slick-disabled {
      opacity: 0.5; }
  .table-engine .slick-slider .btn-next,
  .table-grade .slick-slider .btn-next,
  .table-model .slick-slider .btn-next {
    right: 0; }
  .table-engine .slick-slider .btn-previous,
  .table-grade .slick-slider .btn-previous,
  .table-model .slick-slider .btn-previous {
    left: 0; }
  .table-engine .slick-slider .slick-dots,
  .table-grade .slick-slider .slick-dots,
  .table-model .slick-slider .slick-dots {
    padding: 0 2rem;
    position: fixed;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    background-color: rgba(255, 255, 255, 0.95); }
  .table-engine .data_cell,
  .table-grade .data_cell,
  .table-model .data_cell {
    display: block;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem; }
    .table-engine .data_cell.table--build__select,
    .table-grade .data_cell.table--build__select,
    .table-model .data_cell.table--build__select {
      clear: both; }
      .table-engine .data_cell.table--build__select .cell_value,
      .table-grade .data_cell.table--build__select .cell_value,
      .table-model .data_cell.table--build__select .cell_value {
        display: block;
        text-align: center; }
      .table-engine .data_cell.table--build__select .btn,
      .table-grade .data_cell.table--build__select .btn,
      .table-model .data_cell.table--build__select .btn {
        width: 100%;
        margin-bottom: 0; }
    .table-engine .data_cell.table--build__heading,
    .table-grade .data_cell.table--build__heading,
    .table-model .data_cell.table--build__heading {
      font-size: 2rem;
      line-height: 1.2;
      font-weight: bold;
      text-align: center;
      display: block;
      margin: 0 auto; }
      .table-engine .data_cell.table--build__heading .cell_value,
      .table-grade .data_cell.table--build__heading .cell_value,
      .table-model .data_cell.table--build__heading .cell_value {
        text-align: center;
        display: block; }
      @media (min-width: 1100px) {
        .table-engine .data_cell.table--build__heading,
        .table-grade .data_cell.table--build__heading,
        .table-model .data_cell.table--build__heading {
          width: 100%; } }
    .table-engine .data_cell.table--build__price,
    .table-grade .data_cell.table--build__price,
    .table-model .data_cell.table--build__price {
      clear: both;
      font-weight: bold;
      float: right;
      padding-bottom: 1.5rem;
      border-bottom: 0; }
      .table-engine .data_cell.table--build__price .in_cell_title,
      .table-grade .data_cell.table--build__price .in_cell_title,
      .table-model .data_cell.table--build__price .in_cell_title {
        display: inline-block;
        width: auto;
        padding-right: 0.3rem; }
      .table-engine .data_cell.table--build__price .cell_unit,
      .table-engine .data_cell.table--build__price .cell_value,
      .table-grade .data_cell.table--build__price .cell_unit,
      .table-grade .data_cell.table--build__price .cell_value,
      .table-model .data_cell.table--build__price .cell_unit,
      .table-model .data_cell.table--build__price .cell_value {
        font-size: 2.2rem; }

.table-model {
  width: 100%; }
  @media (min-width: 1100px) {
    .table-model {
      opacity: 1; }
      .table-model .role_tbody {
        display: flex;
        flex-wrap: wrap; } }
  @media (min-width: 550px) {
    .table-model {
      width: 50%; } }
  @media (min-width: 750px) {
    .table-model {
      width: 33%; } }
  @media (min-width: 1100px) {
    .table-model {
      width: 20%; } }
  .table-model .min_battery_range_html {
    text-align: center; }

@media (min-width: 550px) {
  .ie9 .table-model .record {
    opacity: 1; } }

@media (min-width: 750px) {
  .table-grade.no-slick,
  .table-engine.no-slick {
    padding: 0; } }

@media (min-width: 1100px) {
  .table-grade,
  .table-engine {
    padding: 0 5rem; } }

.table-grade .data_cell .in_cell_title,
.table-engine .data_cell .in_cell_title {
  display: inline-block;
  width: 64%; }

.table-grade .data_cell .cell_unit,
.table-engine .data_cell .cell_unit {
  padding-left: 4px; }

.table-grade .data_cell.table--build__heading, .table-grade .data_cell.table--build__select, .table-grade .data_cell.table--build__see-all,
.table-engine .data_cell.table--build__heading,
.table-engine .data_cell.table--build__select,
.table-engine .data_cell.table--build__see-all {
  border-bottom: 0; }
  .table-grade .data_cell.table--build__heading .in_cell_title, .table-grade .data_cell.table--build__select .in_cell_title, .table-grade .data_cell.table--build__see-all .in_cell_title,
  .table-engine .data_cell.table--build__heading .in_cell_title,
  .table-engine .data_cell.table--build__select .in_cell_title,
  .table-engine .data_cell.table--build__see-all .in_cell_title {
    display: none; }

.table-grade .data_cell.table--build__price .small--text,
.table-engine .data_cell.table--build__price .small--text {
  display: block;
  font-weight: normal; }

.table-grade .data_cell.table--build__heading a,
.table-engine .data_cell.table--build__heading a {
  color: #333; }

.table-grade .data_cell.table--build__heading a.link-with-icon,
.table-engine .data_cell.table--build__heading a.link-with-icon {
  vertical-align: middle;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  display: inline-block; }
  .table-grade .data_cell.table--build__heading a.link-with-icon svg,
  .table-engine .data_cell.table--build__heading a.link-with-icon svg {
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 50%;
    right: -5px;
    margin-top: -0.5rem; }

/************* start specific ******************/
.build-start .table-wrapper {
  border: none;
  margin-bottom: 0; }

.build-start .collapsible-panel {
  width: 100%; }

/************* model specific ******************/
.build-model #first_load {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  padding: 20px; }

.table-model .record {
  width: 20%; }
  @media (min-width: 1100px) {
    .table-model .record {
      padding: 0 1rem; } }

@media (min-width: 1100px) {
  .table-model .data_cell {
    padding: 0; } }

.table-model .data_cell .in_cell_title {
  display: inline-block; }

.table-model .data_cell.image {
  position: relative; }
  .table-model .data_cell.image .cell_value {
    display: inline-block; }
  .table-model .data_cell.image a {
    display: inline-block;
    text-align: center; }
  .table-model .data_cell.image img {
    display: inline-block;
    width: 100%; }
  @media (min-width: 1100px) {
    .table-model .data_cell.image {
      margin-bottom: 1rem; } }

.table-model .data_cell.minOtr, .table-model .data_cell.min_lease_rate_html {
  text-align: center;
  margin-bottom: 2rem; }
  .table-model .data_cell.minOtr .in_cell_title, .table-model .data_cell.min_lease_rate_html .in_cell_title {
    padding-right: 4px; }

.table-model .data_cell.gradeNumber {
  display: block; }
  .table-model .data_cell.gradeNumber p {
    margin-bottom: 0;
    margin-top: 2rem;
    text-align: center; }
  @media (min-width: 1100px) {
    .table-model .data_cell.gradeNumber {
      display: none; } }

.table-model .data_cell.table--build__heading {
  display: block;
  text-align: center; }
  @media (min-width: 1100px) {
    .table-model .data_cell.table--build__heading {
      display: none; }
      .table-model .data_cell.table--build__heading .heading-trim {
        padding-left: 4px; } }

.table-model .data_cell.table--build-lg__heading {
  display: none; }
  @media (min-width: 1100px) {
    .table-model .data_cell.table--build-lg__heading {
      display: block;
      text-align: center; }
      .table-model .data_cell.table--build-lg__heading a {
        font-weight: bold; }
        .table-model .data_cell.table--build-lg__heading a:hover {
          text-decoration: none; }
        .table-model .data_cell.table--build-lg__heading a .heading-trim {
          padding-left: 4px;
          font-weight: normal; } }

@media (min-width: 1100px) {
  .table-model .data_cell.table--build__select {
    display: none; } }

.main--sidebar .table-model .record {
  width: 25%; }

.remodal .modal__content .table-wrapper {
  max-width: 100%; }

.build-model .remodal {
  width: 400px; }
  .build-model .remodal .modal__content {
    text-align: left; }
  .build-model .remodal.modal-monthly-budget {
    width: 100%; }
    .build-model .remodal.modal-monthly-budget h2 {
      margin-bottom: 2rem; }
    .build-model .remodal.modal-monthly-budget .modal-monthly-budget__intro {
      margin-bottom: 3rem; }
    .build-model .remodal.modal-monthly-budget .modal-monthly-budget__inputs-wrap {
      max-width: 35rem;
      margin: 0 auto;
      margin-bottom: 3rem; }
    .build-model .remodal.modal-monthly-budget .set-budget-wrap {
      padding-top: 2rem;
      text-align: center; }

/************* end model specific ******************/
/************* grade specific ******************/
.table-grade .data_cell.table--build__heading {
  padding-bottom: 1rem; }

.table-grade .data_cell.table-grade__standard-to {
  padding: 1rem 0; }
  .table-grade .data_cell.table-grade__standard-to .in_cell_title {
    font-weight: bold;
    width: 100%; }

.table-grade .data_cell.table-grade__equipment .in_cell_title {
  display: none; }

.table-grade .data_cell.table-grade__equipment button {
  width: 100%; }

.table-grade .data_cell.table-grade__equipment .table-grade__equipment-list-wrap {
  margin-bottom: 1rem; }

.table-grade .data_cell.table-grade__image .cell_value {
  display: inline-block; }
  .table-grade .data_cell.table-grade__image .cell_value img {
    width: 100%;
    padding: 0 5%; }

.table-grade .data_cell.min_battery_range_html {
  text-align: right;
  font-weight: bold;
  margin-bottom: 1rem; }
  .table-grade .data_cell.min_battery_range_html .min_battery_range_html__num {
    font-size: 2.2rem; }

.table-grade__equipment-list {
  margin-bottom: 0; }
  .table-grade__equipment-list li {
    text-align: left;
    list-style-type: none;
    padding: 0.5rem;
    margin-bottom: 0;
    background-color: #fff; }
    .table-grade__equipment-list li:nth-child(odd) {
      background-color: #ecf0f1; }

html.build-grade .remodal {
  padding: 2rem; }
  html.build-grade .remodal .modal__model {
    padding-right: 0.3rem; }
  html.build-grade .remodal .table-grade__equipment-list {
    margin-bottom: 2rem; }
    html.build-grade .remodal .table-grade__equipment-list ul {
      padding-top: 1rem;
      padding-bottom: 1rem; }
  html.build-grade .remodal h5 {
    text-align: left;
    margin: 0; }
  html.build-grade .remodal .category_heading td {
    font-size: 1.8rem; }
  html.build-grade .remodal .category_heading td {
    padding-left: 5.4rem; }

/************* end grade specific ******************/
html.build-grade .actions-wrap,
html.build-engine .actions-wrap {
  margin-bottom: 1rem; }
  html.build-grade .actions-wrap a,
  html.build-engine .actions-wrap a {
    margin-bottom: 2rem;
    margin-right: 1rem; }

html.build-grade .btn-info,
html.build-engine .btn-info {
  margin-bottom: 0; }

/************* engine specific ******************/
.table-engine .data_cell {
  border-bottom: 1px solid #ecf0f1;
  /* Fuel */
  /* end fuel */ }
  .table-engine .data_cell.table-engine__transmission {
    border-bottom: 0;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    padding-top: 0;
    padding-bottom: 1rem; }
    .table-engine .data_cell.table-engine__transmission .in_cell_title {
      display: none; }
  .table-engine .data_cell.table-engine__tax20 .cell_unit, .table-engine .data_cell.table-engine__tax40 .cell_unit {
    padding-left: 0; }
  .table-engine .data_cell.table-engine__fuel-consumption, .table-engine .data_cell.table-engine__battery_heading {
    padding-top: 5px;
    border-bottom: none; }
    .table-engine .data_cell.table-engine__fuel-consumption .in_cell_title, .table-engine .data_cell.table-engine__battery_heading .in_cell_title {
      width: 100%; }
  .table-engine .data_cell.table-engine__battery_heading .cell_value {
    display: none; }
  .table-engine .data_cell.table-engine__mpgurban, .table-engine .data_cell.table-engine__mpgextraurban, .table-engine .data_cell.table-engine__combined, .table-engine .data_cell.table-engine__nedc, .table-engine .data_cell.table-engine__battery-range, .table-engine .data_cell.table-engine__fuel-only, .table-engine .data_cell.table-engine__battery-range-plugin {
    font-size: 1.3rem;
    border-bottom: 0;
    float: left;
    width: 33%; }
    .table-engine .data_cell.table-engine__mpgurban .in_cell_title, .table-engine .data_cell.table-engine__mpgextraurban .in_cell_title, .table-engine .data_cell.table-engine__combined .in_cell_title, .table-engine .data_cell.table-engine__nedc .in_cell_title, .table-engine .data_cell.table-engine__battery-range .in_cell_title, .table-engine .data_cell.table-engine__fuel-only .in_cell_title, .table-engine .data_cell.table-engine__battery-range-plugin .in_cell_title {
      width: 100%; }
  .table-engine .data_cell .explanation__content {
    margin-top: 1rem; }
  .table-engine .data_cell.table-engine__mpghighlow .in_cell_title {
    display: none; }
  .table-engine .data_cell.table-engine__mpgurban {
    width: 32%; }
  .table-engine .data_cell.table-engine__mpgextraurban {
    width: 39%; }
  .table-engine .data_cell.table-engine__combined {
    width: 28%; }
  .table-engine .data_cell.table-engine__nedc {
    width: 32%; }
  .table-engine .data_cell.table-engine__battery-range, .table-engine .data_cell.table-engine__battery-range-plugin {
    width: 40%; }
  .table-engine .data_cell.table-engine__fuel-only {
    width: 27%; }
  .table-engine .data_cell.table--build__price {
    padding-top: 1.5rem; }
  .table-engine .data_cell.fuel {
    width: 100%; }
    .table-engine .data_cell.fuel[data-value="plug-in hybrid"] .cell_value, .table-engine .data_cell.fuel[data-value="hybrid - diesel/electric"] .cell_value, .table-engine .data_cell.fuel[data-value="hybrid - petrol/electric"] .cell_value, .table-engine .data_cell.fuel[data-value="extended range electric"] .cell_value {
      font-size: 1.1rem;
      width: 36%;
      float: right; }

.table-engine .record.diesel .data_cell.fuel_consumption_heading, .table-engine .record.diesel .data_cell.table-engine__mpgurban, .table-engine .record.diesel .data_cell.table-engine__mpgextraurban, .table-engine .record.diesel .data_cell.table-engine__combined, .table-engine .record.diesel .data_cell.table-engine__nedc, .table-engine .record.diesel .data_cell.table-engine__battery-range, .table-engine .record.diesel .data_cell.table-engine__fuel-only, .table-engine .record.diesel .data_cell.table-engine__battery_heading, .table-engine .record.diesel .data_cell.table-engine__battery-range-electric, .table-engine .record.diesel .data_cell.table-engine__battery-range-plugin, .table-engine .record.diesel .data_cell.table-engine__mpghighlow, .table-engine .record.petrol .data_cell.fuel_consumption_heading, .table-engine .record.petrol .data_cell.table-engine__mpgurban, .table-engine .record.petrol .data_cell.table-engine__mpgextraurban, .table-engine .record.petrol .data_cell.table-engine__combined, .table-engine .record.petrol .data_cell.table-engine__nedc, .table-engine .record.petrol .data_cell.table-engine__battery-range, .table-engine .record.petrol .data_cell.table-engine__fuel-only, .table-engine .record.petrol .data_cell.table-engine__battery_heading, .table-engine .record.petrol .data_cell.table-engine__battery-range-electric, .table-engine .record.petrol .data_cell.table-engine__battery-range-plugin, .table-engine .record.petrol .data_cell.table-engine__mpghighlow, .table-engine .record.pluginhybrid .data_cell.fuel_consumption_heading, .table-engine .record.pluginhybrid .data_cell.table-engine__mpgurban, .table-engine .record.pluginhybrid .data_cell.table-engine__mpgextraurban, .table-engine .record.pluginhybrid .data_cell.table-engine__combined, .table-engine .record.pluginhybrid .data_cell.table-engine__nedc, .table-engine .record.pluginhybrid .data_cell.table-engine__battery-range, .table-engine .record.pluginhybrid .data_cell.table-engine__fuel-only, .table-engine .record.pluginhybrid .data_cell.table-engine__battery_heading, .table-engine .record.pluginhybrid .data_cell.table-engine__battery-range-electric, .table-engine .record.pluginhybrid .data_cell.table-engine__battery-range-plugin, .table-engine .record.pluginhybrid .data_cell.table-engine__mpghighlow, .table-engine .record.electric .data_cell.fuel_consumption_heading, .table-engine .record.electric .data_cell.table-engine__mpgurban, .table-engine .record.electric .data_cell.table-engine__mpgextraurban, .table-engine .record.electric .data_cell.table-engine__combined, .table-engine .record.electric .data_cell.table-engine__nedc, .table-engine .record.electric .data_cell.table-engine__battery-range, .table-engine .record.electric .data_cell.table-engine__fuel-only, .table-engine .record.electric .data_cell.table-engine__battery_heading, .table-engine .record.electric .data_cell.table-engine__battery-range-electric, .table-engine .record.electric .data_cell.table-engine__battery-range-plugin, .table-engine .record.electric .data_cell.table-engine__mpghighlow, .table-engine .record.hybriddieselelectric .data_cell.fuel_consumption_heading, .table-engine .record.hybriddieselelectric .data_cell.table-engine__mpgurban, .table-engine .record.hybriddieselelectric .data_cell.table-engine__mpgextraurban, .table-engine .record.hybriddieselelectric .data_cell.table-engine__combined, .table-engine .record.hybriddieselelectric .data_cell.table-engine__nedc, .table-engine .record.hybriddieselelectric .data_cell.table-engine__battery-range, .table-engine .record.hybriddieselelectric .data_cell.table-engine__fuel-only, .table-engine .record.hybriddieselelectric .data_cell.table-engine__battery_heading, .table-engine .record.hybriddieselelectric .data_cell.table-engine__battery-range-electric, .table-engine .record.hybriddieselelectric .data_cell.table-engine__battery-range-plugin, .table-engine .record.hybriddieselelectric .data_cell.table-engine__mpghighlow, .table-engine .record.hybridpetrolelectric .data_cell.fuel_consumption_heading, .table-engine .record.hybridpetrolelectric .data_cell.table-engine__mpgurban, .table-engine .record.hybridpetrolelectric .data_cell.table-engine__mpgextraurban, .table-engine .record.hybridpetrolelectric .data_cell.table-engine__combined, .table-engine .record.hybridpetrolelectric .data_cell.table-engine__nedc, .table-engine .record.hybridpetrolelectric .data_cell.table-engine__battery-range, .table-engine .record.hybridpetrolelectric .data_cell.table-engine__fuel-only, .table-engine .record.hybridpetrolelectric .data_cell.table-engine__battery_heading, .table-engine .record.hybridpetrolelectric .data_cell.table-engine__battery-range-electric, .table-engine .record.hybridpetrolelectric .data_cell.table-engine__battery-range-plugin, .table-engine .record.hybridpetrolelectric .data_cell.table-engine__mpghighlow, .table-engine .record.hydrogen .data_cell.fuel_consumption_heading, .table-engine .record.hydrogen .data_cell.table-engine__mpgurban, .table-engine .record.hydrogen .data_cell.table-engine__mpgextraurban, .table-engine .record.hydrogen .data_cell.table-engine__combined, .table-engine .record.hydrogen .data_cell.table-engine__nedc, .table-engine .record.hydrogen .data_cell.table-engine__battery-range, .table-engine .record.hydrogen .data_cell.table-engine__fuel-only, .table-engine .record.hydrogen .data_cell.table-engine__battery_heading, .table-engine .record.hydrogen .data_cell.table-engine__battery-range-electric, .table-engine .record.hydrogen .data_cell.table-engine__battery-range-plugin, .table-engine .record.hydrogen .data_cell.table-engine__mpghighlow, .table-engine .record.extendedrangeelectric .data_cell.fuel_consumption_heading, .table-engine .record.extendedrangeelectric .data_cell.table-engine__mpgurban, .table-engine .record.extendedrangeelectric .data_cell.table-engine__mpgextraurban, .table-engine .record.extendedrangeelectric .data_cell.table-engine__combined, .table-engine .record.extendedrangeelectric .data_cell.table-engine__nedc, .table-engine .record.extendedrangeelectric .data_cell.table-engine__battery-range, .table-engine .record.extendedrangeelectric .data_cell.table-engine__fuel-only, .table-engine .record.extendedrangeelectric .data_cell.table-engine__battery_heading, .table-engine .record.extendedrangeelectric .data_cell.table-engine__battery-range-electric, .table-engine .record.extendedrangeelectric .data_cell.table-engine__battery-range-plugin, .table-engine .record.extendedrangeelectric .data_cell.table-engine__mpghighlow {
  display: none; }

.table-engine .record.diesel .data_cell.fuel_consumption_heading, .table-engine .record.petrol .data_cell.fuel_consumption_heading, .table-engine .record.pluginhybrid .data_cell.fuel_consumption_heading, .table-engine .record.electric .data_cell.fuel_consumption_heading, .table-engine .record.hybriddieselelectric .data_cell.fuel_consumption_heading, .table-engine .record.hybridpetrolelectric .data_cell.fuel_consumption_heading, .table-engine .record.hydrogen .data_cell.fuel_consumption_heading, .table-engine .record.extendedrangeelectric .data_cell.fuel_consumption_heading {
  clear: both; }

.table-engine .record.diesel .data_cell.table-engine__mpghighlow, .table-engine .record.petrol .data_cell.table-engine__mpghighlow {
  display: block; }

.table-engine .record.diesel .data_cell.fuel_consumption_heading, .table-engine .record.diesel .data_cell.table-engine__mpgurban, .table-engine .record.diesel .data_cell.table-engine__mpgextraurban, .table-engine .record.diesel .data_cell.table-engine__combined, .table-engine .record.petrol .data_cell.fuel_consumption_heading, .table-engine .record.petrol .data_cell.table-engine__mpgurban, .table-engine .record.petrol .data_cell.table-engine__mpgextraurban, .table-engine .record.petrol .data_cell.table-engine__combined, .table-engine .record.hybriddieselelectric .data_cell.fuel_consumption_heading, .table-engine .record.hybriddieselelectric .data_cell.table-engine__mpgurban, .table-engine .record.hybriddieselelectric .data_cell.table-engine__mpgextraurban, .table-engine .record.hybriddieselelectric .data_cell.table-engine__combined, .table-engine .record.hybridpetrolelectric .data_cell.fuel_consumption_heading, .table-engine .record.hybridpetrolelectric .data_cell.table-engine__mpgurban, .table-engine .record.hybridpetrolelectric .data_cell.table-engine__mpgextraurban, .table-engine .record.hybridpetrolelectric .data_cell.table-engine__combined {
  display: block; }

.table-engine .record.pluginhybrid .data_cell.fuel_consumption_heading, .table-engine .record.pluginhybrid .data_cell.table-engine__nedc, .table-engine .record.pluginhybrid .data_cell.table-engine__battery-range-plugin, .table-engine .record.pluginhybrid .data_cell.table-engine__fuel-only, .table-engine .record.extendedrangeelectric .data_cell.fuel_consumption_heading, .table-engine .record.extendedrangeelectric .data_cell.table-engine__nedc, .table-engine .record.extendedrangeelectric .data_cell.table-engine__battery-range-plugin, .table-engine .record.extendedrangeelectric .data_cell.table-engine__fuel-only {
  display: block; }

.table-engine .record.pluginhybrid .data_cell.fuel_consumption_heading .btn-info, .table-engine .record.extendedrangeelectric .data_cell.fuel_consumption_heading .btn-info {
  display: none; }

.table-engine .record.electric .data_cell.table-engine__battery_heading, .table-engine .record.electric .data_cell.table-engine__battery-range-electric, .table-engine .record.hydrogen .data_cell.table-engine__battery_heading, .table-engine .record.hydrogen .data_cell.table-engine__battery-range-electric {
  display: block; }

/************* end engine specific ******************/
/************* start size specific ******************/
.build-size .btn-group {
  margin-bottom: 2rem;
  padding: 0; }
  .build-size .btn-group > :nth-child(odd) {
    background-color: #f3f3f3; }
  .build-size .btn-group label {
    width: 100%;
    background-color: #fff;
    margin-bottom: 0; }
    .build-size .btn-group label span {
      text-align: left; }
    .build-size .btn-group label:not(.btn) {
      line-height: 1.6;
      margin-right: 0; }
      .build-size .btn-group label:not(.btn):first-of-type {
        float: none; }
    .build-size .btn-group label.is-disabled {
      color: #828a8d; }

.build-size .btn-size__name {
  font-size: 2.4rem;
  display: block; }

.build-size .btn-size__extra {
  display: block;
  font-size: 1.2rem; }

.build-size .actions-wrap {
  clear: both; }

/*************  end size specific ******************/
.build-nav {
  display: none;
  text-align: center; }
  @media (min-width: 750px) {
    .build-nav {
      display: block;
      margin-left: -5rem;
      margin-right: -5rem;
      margin-top: -5rem;
      margin-bottom: 5rem;
      text-transform: uppercase; }
      .build-nav a {
        display: block;
        width: 100%;
        padding: 1rem 0;
        color: #333;
        font-weight: bold; }
      .build-nav .isVisited {
        color: #333; }
        .build-nav .isVisited a {
          color: currentColor; }
          .build-nav .isVisited a:hover {
            color: #1d508d;
            text-decoration: none; }
      .build-nav .isActive {
        color: #fff;
        pointer-events: none;
        background-color: #1d508d; }
        .build-nav .isActive a {
          position: relative;
          color: currentColor; }
          .build-nav .isActive a:hover {
            color: currentColor;
            text-decoration: none; }
      .build-nav .isDisabled {
        pointer-events: none; }
        .build-nav .isDisabled a {
          color: #b3b3b3; }
          .build-nav .isDisabled a:hover {
            color: currentColor;
            text-decoration: none; } }

.build-nav.build-nav--title {
  padding-top: 3rem;
  padding-bottom: 3rem; }
  .build-nav.build-nav--title .build-heading-lg {
    display: inline-block;
    margin-bottom: 0;
    font-size: 2.4rem;
    font-weight: 200; }
  .build-nav.build-nav--title .btn-back {
    width: auto;
    left: 2rem;
    margin: 0;
    top: 3rem;
    padding: 0; }
    .build-nav.build-nav--title .btn-back .btn__content {
      line-height: 3rem; }
    @media (min-width: 750px) {
      .build-nav.build-nav--title .btn-back {
        left: 5rem; } }

.build-heading {
  text-align: center;
  font-size: 1.4rem;
  height: 3rem;
  line-height: 3rem;
  margin-bottom: 1rem; }
  @media (min-width: 750px) {
    .build-heading {
      display: none; } }

.build-nav-list {
  margin-bottom: 1rem;
  font-size: 1.2rem;
  background-color: #fff;
  border-top: 1px solid #ecf0f1;
  border-bottom: 1px solid #ecf0f1; }

.build-nav-list__item {
  display: inline-block;
  list-style-type: none;
  text-align: center;
  margin-bottom: 0;
  border-left: 1px solid #ecf0f1; }
  .build-nav-list__item:last-child {
    border-right: 1px solid #ecf0f1; }
  @media (min-width: 750px) {
    .build-nav-list__item {
      width: 12rem; }
      .build-nav-list__item:hover {
        color: #1d508d; } }

.btn-back {
  margin-top: 2rem;
  position: absolute;
  top: 0;
  left: 0; }
  @media (min-width: 750px) {
    .btn-back {
      display: none; } }

.build-derivative {
  text-align: center; }
  .build-derivative .build-derivative__content {
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: block;
    font-size: 2rem;
    margin-bottom: 0;
    font-weight: bold;
    margin-right: 2rem;
    border-bottom: 1px solid #ecf0f1; }
  @media (min-width: 750px) {
    .build-derivative {
      text-align: left;
      margin-left: -5rem;
      margin-right: -5rem;
      padding-left: 5rem;
      margin-bottom: 3rem; } }

/* ========= breadcrumb ========== */
.build-breadcrumb {
  margin-bottom: 1rem;
  margin-top: -2rem;
  background-color: #ecf0f1;
  margin-left: -2rem;
  margin-right: -2rem;
  padding-left: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.build-breadcrumb-list .build-breadcrumb-selection {
  font-size: 1.4rem;
  font-weight: bold; }

.build-breadcrumb-list svg {
  margin: 0 1rem;
  height: 1rem;
  width: 1rem;
  vertical-align: baseline; }

.build-breadcrumb-instruction {
  font-size: 1.4rem;
  font-weight: bold;
  color: #d2d5d6; }

@media only screen {
  .finder-tool .remodal .table--finder--rates caption {
    display: none; } }

@media only print {
  .finder-tool .remodal .button-wrapper {
    display: none; }
  .finder-tool .remodal .table--finder--rates caption {
    text-transform: capitalize; } }

.finder-tool .remodal-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.finder-tool .instruction {
  margin-bottom: 2rem; }
  @media (min-width: 1100px) {
    .finder-tool .instruction.is-not-toggleable-xl {
      max-width: 75%; } }
  @media (min-width: 1300px) {
    .finder-tool .instruction.is-not-toggleable-xl {
      max-width: 80%; } }

@media (min-width: 1100px) {
  .finder-tool .example-rate-description {
    max-width: 75%; } }

@media (min-width: 1300px) {
  .finder-tool .example-rate-description {
    max-width: 80%; } }

.finder-tool .filter-pane-wrapper button:not(.btn-sorting) {
  margin-right: 1rem;
  margin-bottom: 2rem; }

.finder-tool .filter-pane-wrapper .filter-pane .vehicle_controls .filter-group .filter-control .slider-title-wrap .nulls_checkbox {
  margin-left: 2rem; }
  .finder-tool .filter-pane-wrapper .filter-pane .vehicle_controls .filter-group .filter-control .slider-title-wrap .nulls_checkbox .control {
    display: inline; }

.finder-tool .disclaimer {
  clear: left;
  padding-top: 2rem; }

.finder-tool .row .columns {
  margin: 0; }

.finder-tool .pagination_type_buttons {
  margin-top: 2rem;
  float: left;
  clear: left; }

.finder-tool .pagination .pagination_type_buttons {
  display: none; }

@media (min-width: 550px) {
  .finder-tool .pagination .pagination_type_select {
    display: none; }
  .finder-tool .pagination .pagination_type_buttons {
    display: block; } }

.finder-tool .table--finder thead th.example_quote_link .additional_context {
  clear: both; }

.finder-tool .table--finder thead th.Configure, .finder-tool .table--finder thead th.Compare {
  display: none; }

.finder-tool table.table--finder tbody tr td {
  display: flex; }
  @media (min-width: 750px) {
    .finder-tool table.table--finder tbody tr td {
      display: table-cell; } }
  .finder-tool table.table--finder tbody tr td.has-cell_unit .cell_value {
    flex-basis: 0; }
    @media (min-width: 400px) {
      .finder-tool table.table--finder tbody tr td.has-cell_unit .cell_value {
        display: inline-block; } }
  .finder-tool table.table--finder tbody tr td .cell_unit {
    flex-basis: 0; }
  @media (min-width: 750px) {
    .finder-tool table.table--finder tbody tr td.expand .cell_value {
      float: right; } }
  .finder-tool table.table--finder tbody tr td.expand button.is-waiting .icon-wrap .loading-spinner {
    height: 1.4rem;
    width: 1.4rem;
    background: url(/css/assets/loader/dist/loader.gif) 50% 50%/100% 100% no-repeat;
    border: none; }
  .finder-tool table.table--finder tbody tr td.expand button,
  .finder-tool table.table--finder tbody tr td.expand button .btn__content {
    padding-left: 0;
    padding-right: 0;
    line-height: 2rem;
    height: 2rem; }
  .finder-tool table.table--finder tbody tr td.expand button.btn--icon,
  .finder-tool table.table--finder tbody tr td.expand button.btn--icon .btn__content,
  .finder-tool table.table--finder tbody tr td.expand button.btn--icon .icon-wrap,
  .finder-tool table.table--finder tbody tr td.expand button.btn--icon .icon-cd-compare-rates {
    line-height: 3rem;
    height: 3rem;
    width: 3rem; }
  .finder-tool table.table--finder tbody tr td.model .in_cell_title, .finder-tool table.table--finder tbody tr td.quote .in_cell_title {
    display: none; }
  .finder-tool table.table--finder tbody tr td.model {
    width: 100%; }
    @media (min-width: 750px) {
      .finder-tool table.table--finder tbody tr td.model {
        width: auto; } }
    .finder-tool table.table--finder tbody tr td.model .cell_value {
      font-size: 1.4rem; }
      @media (min-width: 750px) {
        .finder-tool table.table--finder tbody tr td.model .cell_value {
          font-size: 1.4rem;
          width: auto; } }
  @media (min-width: 400px) {
    .finder-tool table.table--finder tbody tr td.derivative {
      width: 100%; }
      .finder-tool table.table--finder tbody tr td.derivative .in_cell_title.in_cell_title,
      .finder-tool table.table--finder tbody tr td.derivative .cell_value {
        display: inline-block;
        width: auto; } }
  @media (min-width: 750px) {
    .finder-tool table.table--finder tbody tr td.derivative {
      display: table-cell;
      width: auto;
      font-size: 1.4rem;
      padding: 1rem 1rem; }
      .finder-tool table.table--finder tbody tr td.derivative .in_cell_title.in_cell_title {
        display: none; } }
  .finder-tool table.table--finder tbody tr td.expand, .finder-tool table.table--finder tbody tr td.pofile_quote, .finder-tool table.table--finder tbody tr td.quote {
    justify-content: left;
    width: 50%;
    margin: 2rem 0; }
    @media (min-width: 400px) {
      .finder-tool table.table--finder tbody tr td.expand, .finder-tool table.table--finder tbody tr td.pofile_quote, .finder-tool table.table--finder tbody tr td.quote {
        width: auto; } }
    @media (min-width: 750px) {
      .finder-tool table.table--finder tbody tr td.expand, .finder-tool table.table--finder tbody tr td.pofile_quote, .finder-tool table.table--finder tbody tr td.quote {
        margin: 0; } }
  @media (min-width: 400px) {
    .finder-tool table.table--finder tbody tr td.expand {
      width: auto;
      justify-content: flex-end;
      clear: both; } }
  .finder-tool table.table--finder tbody tr td.pofile_quote {
    text-align: right;
    justify-content: flex-end; }
    @media (min-width: 400px) {
      .finder-tool table.table--finder tbody tr td.pofile_quote {
        float: right;
        width: auto; } }
    @media (min-width: 750px) {
      .finder-tool table.table--finder tbody tr td.pofile_quote {
        float: none;
        width: auto; } }
  .finder-tool table.table--finder tbody tr td.example_quote_link .cell_unit,
  .finder-tool table.table--finder tbody tr td.example_quote_link .cell_value, .finder-tool table.table--finder tbody tr td.fqt_link .cell_unit,
  .finder-tool table.table--finder tbody tr td.fqt_link .cell_value {
    color: #0e8cd1; }
  .finder-tool table.table--finder tbody tr td.example_quote_link .cell_value a, .finder-tool table.table--finder tbody tr td.fqt_link .cell_value a {
    border-bottom: 1px dotted #1d508d;
    text-decoration: none; }
  @media (min-width: 750px) {
    .finder-tool table.table--finder tbody tr td.example_quote_link .cell_value, .finder-tool table.table--finder tbody tr td.fqt_link .cell_value {
      display: inline-block;
      width: auto; } }
  .finder-tool table.table--finder tbody tr td .in_cell_title.in_cell_title,
  .finder-tool table.table--finder tbody tr td .cell_value.cell_value {
    width: auto;
    flex-basis: 50%;
    float: none; }
    @media (min-width: 400px) {
      .finder-tool table.table--finder tbody tr td .in_cell_title.in_cell_title,
      .finder-tool table.table--finder tbody tr td .cell_value.cell_value {
        display: block; } }
  @media (min-width: 750px) {
    .finder-tool table.table--finder tbody tr td .in_cell_title.in_cell_title {
      display: none; } }
  .finder-tool table.table--finder tbody tr td.has-cell_unit .cell_value.cell_value {
    flex-basis: 0; }
  .finder-tool table.table--finder tbody tr td.has-cell_unit .cell_unit + .cell_value,
  .finder-tool table.table--finder tbody tr td.has-cell_unit .cell_value + .cell_unit {
    flex-grow: 1; }

.finder-tool .btn-finder-back {
  float: right;
  margin-top: 2rem; }

.finder-tool .remodal.modal-locked-filter {
  max-width: 320px; }

.finder-tool .remodal .select {
  float: left;
  margin-right: 2rem;
  min-width: 100px; }

.finder-tool .remodal button {
  float: left; }

.finder-tool .filter-pane .filter-control-tabs .tab-vehicle_specification {
  min-width: 17rem; }

/* actions (walkup, save etc) */
.quote-actions form {
  text-align: center; }
  @media (min-width: 750px) {
    .quote-actions form {
      text-align: right; } }
  .quote-actions form .contact-wrap {
    margin-bottom: 2rem;
    text-align: center;
    padding-top: 4rem;
    padding-bottom: 4rem; }
    .quote-actions form .contact-wrap p {
      text-align: left; }
    @media (min-width: 750px) {
      .quote-actions form .contact-wrap {
        text-align: center; }
        .quote-actions form .contact-wrap p {
          text-align: center; } }
  .quote-actions form .btnContactUs {
    min-width: 300px; }
    @media (min-width: 750px) {
      .quote-actions form .btnContactUs {
        margin-bottom: 0; } }

.quote-actions .disclaimer {
  margin-bottom: 2rem; }

.quote-actions .btnSwitchToQuote {
  float: right; }

@media (min-width: 750px) {
  .quote-actions {
    margin-bottom: 2rem; } }

/* --------- Quote Details Page --------- */
.finance-quote-detail {
  /*
	.see-all-model-rates-wrap {

		text-align: center;
		width: 100%;
		
		@media(min-width: 750px) {
			text-align: left;
			float: right;
			width: auto;
		}


		.btn-see-all-models {

			@media(min-width: 750px) {
				float: right;
			}
		}
		
	} */ }
  .finance-quote-detail h1 {
    margin-bottom: 0; }
    @media (min-width: 550px) {
      .finance-quote-detail h1 {
        margin-bottom: 1rem; } }
    .finance-quote-detail h1 span {
      display: inline-block;
      padding-right: 0.5rem; }
      .finance-quote-detail h1 span.title-engine {
        font-weight: normal; }
        .finance-quote-detail h1 span.title-engine.has-packed-equipment {
          margin-bottom: 0; }
    .finance-quote-detail h1 .title-packed-equipment {
      display: inline-block; }
  .finance-quote-detail .title-packed-equipment-wrap {
    margin-bottom: 2rem; }
    .finance-quote-detail .title-packed-equipment-wrap li,
    .finance-quote-detail .title-packed-equipment-wrap .title-packed-equipment-lead {
      font-weight: normal;
      text-transform: none;
      font-size: 1.4rem;
      display: inline-block;
      list-style-type: none;
      padding-right: 1rem; }
    .finance-quote-detail .title-packed-equipment-wrap .title-packed-equipment__item {
      padding-right: 1.5rem; }
    .finance-quote-detail .title-packed-equipment-wrap ul {
      display: inline-block;
      margin-bottom: 0; }
  .finance-quote-detail .contract h2 {
    border-bottom: 1px solid #333; }
    .finance-quote-detail .contract h2 span {
      font-size: 1.2rem;
      margin-left: 0.2rem;
      display: block; }
      @media (min-width: 400px) {
        .finance-quote-detail .contract h2 span {
          display: block; } }
      @media (min-width: 550px) {
        .finance-quote-detail .contract h2 span {
          display: inline-block; } }
  .finance-quote-detail .contract.tab-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .finance-quote-detail .contract.tab-content .further-info {
      -webkit-order: 4;
      order: 4; }
      .finance-quote-detail .contract.tab-content .further-info .btn__content--text {
        text-transform: capitalize; }
    .finance-quote-detail .contract.tab-content .contract-terms {
      -webkit-order: 3;
      order: 3; }
    .finance-quote-detail .contract.tab-content .contract-costs {
      -webkit-order: 1;
      order: 1; }
    @media (min-width: 750px) {
      .finance-quote-detail .contract.tab-content {
        display: block; } }
  .finance-quote-detail .contract-tabs-wrap {
    display: flex;
    border-bottom: 1px solid #ecf0f1;
    width: 100%; }
    @media (min-width: 750px) {
      .finance-quote-detail .contract-tabs-wrap {
        width: auto;
        margin-left: -5rem;
        margin-right: -5rem;
        margin-bottom: 5rem; } }
  .finance-quote-detail .tab-control {
    display: block; }
    .finance-quote-detail .tab-control:not(.is-stacked) {
      padding-left: 2rem; }
      @media (min-width: 750px) {
        .finance-quote-detail .tab-control:not(.is-stacked) {
          padding-left: 5rem; } }
    @media (min-width: 750px) {
      .finance-quote-detail .tab-control :first-child {
        padding-left: 0; } }
  .finance-quote-detail .footer-disclaimer-row {
    clear: both; }
    .finance-quote-detail .footer-disclaimer-row .disclaimer {
      padding: 0; }
  .finance-quote-detail .footnote {
    padding-left: 0;
    padding-right: 0;
    clear: both; }
  .finance-quote-detail .key-benefits {
    float: left;
    background-color: #1a394e;
    padding: 2rem; }
    .finance-quote-detail .key-benefits h2 {
      color: #fff;
      border-bottom-color: #fff;
      font-weight: normal;
      font-family: "Open Sans", sans-serif; }
    .finance-quote-detail .key-benefits ul li {
      list-style: none;
      text-indent: -4.4rem;
      padding-left: 4.4rem;
      color: #fff;
      margin: 2rem 0; }
      .finance-quote-detail .key-benefits ul li svg {
        margin-right: 2rem;
        border-radius: 50%;
        background-color: #fff;
        fill: #1a394e;
        width: 2.4rem;
        height: 2.4rem;
        padding: 0.5rem; }
    .finance-quote-detail .key-benefits ul :last-child {
      margin-bottom: 0; }
  .finance-quote-detail .tab-content {
    float: left;
    clear: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 3rem; }
  @media (min-width: 550px) {
    .finance-quote-detail .summary-key-data__mpg {
      text-align: left; } }
  .finance-quote-detail .btn-see-all-terms {
    float: right;
    margin-top: 2rem; }
  .finance-quote-detail .further-info {
    clear: both;
    text-align: center;
    display: flex;
    flex-wrap: wrap; }
    .finance-quote-detail .further-info .further-info__content {
      margin-bottom: 1rem; }
      .finance-quote-detail .further-info .further-info__content > svg {
        fill: #333;
        margin-bottom: 1rem; }
      .finance-quote-detail .further-info .further-info__content.further-info__content-walkup--with-standards {
        width: 100%; }
      .finance-quote-detail .further-info .further-info__content .btn__content:first-letter {
        text-transform: uppercase; }
    .finance-quote-detail .further-info .further-info__text {
      display: inline-block; }
      .finance-quote-detail .further-info .further-info__text .walk-up-intro__highlight-derivative {
        font-weight: bold; }
    .finance-quote-detail .further-info h2 {
      width: 100%; }
    .finance-quote-detail .further-info h5 {
      display: inline-block;
      margin-bottom: 0; }
    .finance-quote-detail .further-info p {
      margin-bottom: 0;
      color: #333; }
    .finance-quote-detail .further-info .btn {
      float: right;
      margin-bottom: 0; }

#frmGetInTouch {
  min-height: 20px; }

.frmSelectQuote {
  float: right;
  margin-bottom: 3rem; }
  .frmSelectQuote .explanation {
    clear: both; }

.formRow,
.formRow label {
  float: left;
  width: 100%; }

.btn-add-comparison {
  float: right;
  margin-left: 1rem; }

.finance-quote-detail .options-summary {
  margin-bottom: 2rem;
  margin-top: 0; }

@media (min-width: 400px) {
  .finance-quote-detail .options-summary__total .summary__item-name {
    width: 65%; } }

/* -------------- Walkup ------------------- */
p.followOnAction {
  clear: both; }

.walk-up-container .walk-up-intro {
  font-weight: normal; }

.walk-up-container .walk-up-intro__highlight {
  font-weight: bold; }

.walk-up-container ul {
  float: left; }

.walk-up-container .walk-up-btn {
  float: left;
  clear: both;
  margin-bottom: 6rem; }

.walkup-with-standards-listing {
  clear: both;
  font-size: 1em; }
  .walkup-with-standards-listing p {
    font-weight: bold; }
  .walkup-with-standards-listing li {
    background-color: #ecf0f1;
    border: 1px solid #fff;
    float: left;
    list-style-type: none;
    padding: 1rem;
    margin: 0.2rem;
    color: #333; }

/* Inactive tabs initially hidden */
.vehicle-spec,
.vehicle-options,
.vehicleBenefits {
  display: none; }

.vehicle-options.not-tabbed {
  display: block; }

.contract .contract-inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .contract .contract-inner .terms-statement {
    clear: both;
    display: flex; }
    .contract .contract-inner .terms-statement .icon-enquire-wrap {
      padding: 10px; }
      .contract .contract-inner .terms-statement .icon-enquire-wrap svg {
        fill: #1d508d;
        width: 2.4rem;
        height: 2.4rem; }

.contract .contract-costs {
  /* 		.loading-indicator {
			display: none;
		    position: absolute;
		    top: 50%;
		    left: 50%;
		} */ }
  .contract .contract-costs .quote-wrap {
    width: 100%;
    float: left;
    position: relative; }
  .contract .contract-costs .no-quote {
    padding: 120px 20px 0 20px;
    font-size: 16px;
    font-weight: bold;
    height: 230px; }
    .contract .contract-costs .no-quote p {
      margin: 0 0 20px 0; }

/*------------ vehicle options -----------*/
#fqt-options-term {
  margin: 1rem 0;
  flex: none;
  width: 100%; }

.vehicle-options .options-summary-wrap {
  width: auto;
  margin-right: 0; }
  @media (min-width: 1300px) {
    .vehicle-options .options-summary-wrap {
      width: 32rem; } }

.vehicle-options .options-content {
  display: flex;
  flex-wrap: wrap; }

/* PRINT */
@media print {
  .nav,
  .quote-actions,
  .backButton,
  .contractTabs,
  .gobutton,
  .followOnAction.ctaTaxcalc,
  .fordlogowrap,
  .header {
    display: none; }
  .finance-quote-detail .switch {
    display: none; }
  .finance-quote-detail .options-summary__heading .icon-wrap {
    display: none !important; }
  .finance-quote-detail .options-summary.overflow {
    overflow: auto; }
  .contract .contract-terms {
    width: 100%; }
  label .selectwrap {
    border: 0;
    background: none; }
  .mainContent {
    border: 0; }
  /* extra specificity needed, hence element prepend */
  div.contractCosts {
    width: 100%; }
  table.quoteDetails {
    width: 90%; }
  .followOnAction {
    text-align: left;
    font-size: 1em; }
  .contract.tab-content {
    display: block !important; }
  .contract-tabs-wrap {
    display: none; } }

@media print {
  .finance-quote-detail .body {
    border: none !important; }
  .finance-quote-detail .contract-tabs-wrap {
    display: none !important; }
  .finance-quote-detail .contract.tab-content {
    display: block !important; } }

.video-container {
  position: relative;
  padding-bottom: 65%; }

.video-iframe {
  width: 95%;
  height: 100%;
  border: 0;
  position: absolute;
  margin: auto; }

.lightbox {
  display: none;
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8); }

.lightbox img {
  max-width: 90%;
  max-height: 80%;
  margin-top: 2%; }

.lightbox:target {
  outline: none;
  display: block; }

.lightbox-thumbnail {
  padding: 2rem; }

.vehicle-spec .vehicle-spec__detail {
  padding-right: 2rem;
  padding-left: 2rem; }

.vehicle-spec .vehicle-spec__table {
  margin-bottom: 2rem; }

.finance-quote-select .finance-select-form {
  margin: 0 auto; }
  .finance-quote-select .finance-select-form h2 {
    padding-left: 0;
    margin-bottom: 2rem; }

.selectQuote {
  padding: 1rem; }

.findQuoteColWrap {
  max-width: 50rem;
  margin: 0 auto; }

.groupWrap {
  margin-bottom: 4rem;
  width: 100%; }

.fieldWrap {
  clear: both;
  width: 100%; }
  @media (min-width: 550px) {
    .fieldWrap label {
      float: left;
      line-height: 4.8rem; } }
  .fieldWrap label .str_item_field {
    display: inline-block; }
    .fieldWrap label .str_item_field span {
      font-size: 1rem; }
  .fieldWrap label.lblprice {
    line-height: 1.8;
    width: 100%; }
    @media (min-width: 550px) {
      .fieldWrap label.lblprice {
        width: 32.22222222222222%; }
        .fieldWrap label.lblprice .str_item_field__extra {
          display: block; } }
  .fieldWrap .select {
    width: 100%; }
    @media (min-width: 550px) {
      .fieldWrap .select {
        float: right;
        width: 21rem; } }
  .fieldWrap.deposit label {
    margin-bottom: 2rem; }
    @media (min-width: 550px) {
      .fieldWrap.deposit label {
        margin-bottom: 1rem; } }
  .fieldWrap.deposit div.select:before {
    content: 'Equivalent to';
    display: inline-block;
    line-height: 4.8rem;
    position: absolute;
    top: -3.5rem; }
    @media (min-width: 550px) {
      .fieldWrap.deposit div.select:before {
        top: 0;
        left: -10rem;
        width: 10rem; } }
  .fieldWrap .explanation__content {
    clear: both; }

.finance-quote-select .columns {
  padding-left: 0;
  padding-right: 0; }

.finance-quote-select .fieldWrap.price {
  position: relative; }

.finance-quote-select .slider-wrapper {
  padding: 0 3rem;
  margin-bottom: 4rem;
  display: inline-block;
  width: 100%; }
  @media (min-width: 550px) {
    .finance-quote-select .slider-wrapper {
      margin-top: 2.3rem;
      width: 33.33333333333334%;
      margin-left: 2.2222222222222%;
      padding: 0; } }

.fqt-select-no-results {
  padding: 2rem;
  background-color: #ecf0f1;
  border: 0.1rem solid #ecf0f1;
  color: #333;
  position: fixed;
  bottom: 0;
  width: 100%; }
  @media (min-width: 550px) {
    .fqt-select-no-results {
      position: static; } }

.frmControl {
  width: 100%;
  margin-top: 2rem; }

.finance-select-form {
  clear: both; }

.finance-quote-select .btn-next {
  float: right;
  min-width: 140px; }

.no-results__head {
  font-weight: bold;
  display: block; }

/* ------------- contact form ------------- */
/* ---------------------------------------- */
.contact .subTitle {
  margin-bottom: 4rem; }

.formContact {
  width: 100%; }
  @media (min-width: 750px) {
    .formContact {
      width: 727px;
      margin: 0 auto; } }

.formContact__subheading {
  font-weight: bold; }
  @media (min-width: 750px) {
    .formContact__subheading {
      width: 427px;
      float: left;
      clear: left;
      margin-left: 300px; } }

.formContact .tab-control {
  clear: both; }

.formContact .terms {
  float: left;
  width: 100%;
  margin-left: 0;
  width: 100%;
  font-weight: normal;
  margin-bottom: 3rem; }

.formContact .terms p {
  margin: 0;
  width: 100%;
  font-weight: normal; }

.formContact p.error,
.formContact .error label {
  color: #c0392b; }

.formContact .error input,
.formContact .error textarea {
  border-color: #c0392b; }

.formContact .field {
  margin-bottom: 1rem;
  display: block; }
  @media (min-width: 750px) {
    .formContact .field {
      float: left;
      clear: left; } }

.formContact label,
.formContact :not(.formContact__control) input,
.formContact textarea {
  float: left;
  text-align: left; }

.formContact label.fieldLabel {
  display: block;
  width: 100%; }
  @media (min-width: 750px) {
    .formContact label.fieldLabel {
      width: 300px; } }

.formContact label.fieldFixText {
  display: block;
  width: 100%;
  text-align: right; }
  @media (min-width: 750px) {
    .formContact label.fieldFixText {
      width: 420px; } }

.formContact .radioWrap {
  float: left; }

.formContact .text,
.formContact .contact {
  clear: both; }

.formContact .textarea {
  clear: both;
  width: 100%; }

.formContact .field input[type=text], .formContact .field input[type=email], .formContact .textarea textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }
  @media (min-width: 750px) {
    .formContact .field input[type=text], .formContact .field input[type=email], .formContact .textarea textarea {
      width: 420px; } }

.formContact.formContact--multi-vehicle .formContact__subheading {
  width: 100%;
  margin-left: 0;
  padding: 2rem 0; }

.formContact.formContact--multi-vehicle .tab-control {
  margin-bottom: 2rem;
  border-bottom: 0; }
  .formContact.formContact--multi-vehicle .tab-control:not(.is-stacked) .btn.btn--primary.is-selected:after, .formContact.formContact--multi-vehicle .tab-control:not(.is-stacked) .btn.btn--primary.is-selected:active:after,
  .formContact.formContact--multi-vehicle .tab-control:not(.is-stacked) .btn.btn--primary:active.is-selected:after,
  .formContact.formContact--multi-vehicle .tab-control:not(.is-stacked) .btn.btn--primary:active.is-selected:active:after {
    height: 2px;
    bottom: -2px; }

.formContact.formContact--multi-vehicle .vehicles-wrap {
  margin: -2rem;
  margin-bottom: 4rem;
  padding: 2rem;
  border: 1px solid #ecf0f1; }

.formContact .options-summary {
  clear: both; }

.formContact .consent {
  font-weight: bold; }
  @media (min-width: 750px) {
    .formContact .consent {
      float: left;
      clear: left; } }

.formContact .field.btn-group {
  display: flex;
  margin-bottom: 2rem; }
  @media (min-width: 750px) {
    .formContact .field.btn-group {
      width: 300px; } }
  .formContact .field.btn-group label {
    text-align: center; }

.formContact .packed-equipment-list {
  width: 100%; }
  @media (min-width: 750px) {
    .formContact .packed-equipment-list {
      width: 420px;
      float: left; } }
  .formContact .packed-equipment-list .packed-equipment-item {
    line-height: 1.5em; }

.vehicles-wrap__vehicle {
  width: 100%; }

/* ------ IE7 and IE8 fixes ----------- */
.lt-ie9 .formContact .field input[type=text] {
  padding: 0;
  clear: left; }

.lt-ie9 .formContact p {
  margin: 0; }

.lt-ie9 .formContact .textarea textarea {
  clear: left; }

/* ------ ------------- ----------- */
.formContact .textarea textarea {
  height: 100px; }

.formContact .radio input {
  float: left;
  width: 50px;
  clear: left; }

.formContact .formContact__control {
  clear: both;
  width: 100%;
  float: left; }

.formContact .formContact__control input {
  float: right; }

/* ---- attached options ---- */
.formContact .attachedOptions {
  float: right;
  clear: none;
  margin: 0; }

div.optionswrap table {
  font-size: 1.4em;
  line-height: 1.4em;
  width: 100%; }
  @media (min-width: 750px) {
    div.optionswrap table {
      width: 420px; } }

div.optionswrap th {
  font-weight: bold; }

div.optionswrap .monthlyCostCol {
  text-align: right; }

.formContact .field.field-quantity input {
  width: 60px; }

/* ------- THE MAP ON THE CONTACT FORM ------ */
.formContact .text input.textcontact.locationQ {
  width: 70%;
  margin-right: 5px; }
  @media (min-width: 750px) {
    .formContact .text input.textcontact.locationQ {
      width: 280px;
      margin-right: 10px; } }

.formContact .text input#btnSearchLocation {
  width: 25%;
  text-align: center; }
  @media (min-width: 750px) {
    .formContact .text input#btnSearchLocation {
      width: 120px; } }

@media (min-width: 750px) {
  .formContact .mapcontainer {
    width: 427px;
    margin-left: 300px;
    margin-bottom: 10px;
    float: left; } }

.mapcontainer, #mapCanvas {
  width: 100%;
  height: 200px;
  float: left; }
  @media (min-width: 750px) {
    .mapcontainer, #mapCanvas {
      width: 427px;
      height: 200px;
      float: left; } }

.lt-ie9 .mapcontainer {
  margin: 0; }

p.span.hidden {
  visibility: hidden; }

#nearestDealerParagraph.problem {
  color: red; }

.pinExplained {
  display: block;
  margin-bottom: 4rem; }
  .pinExplained img {
    float: left;
    margin-right: .5em; }

/* ----------------------------------------- */
/* ----------------------------------------- */
.tableBreakeven {
  width: 80%; }

.tableBreakeven thead th {
  text-align: left;
  text-indent: 40px; }

div.tool-fuelbenefit table.tableBreakeven th.rowHeader {
  width: 20%; }

div.tool-fuelbenefit form.formBreakeven input {
  width: 240px;
  padding-right: .6em; }

div.tool-fuelbenefit form.formBreakeven select {
  width: 268px; }

.COMCAR_msgRed, .COMCAR_msgGreen {
  background-color: inherit; }

.quotetime {
  clear: left; }

.dealer-search-warning {
  clear: both;
  color: #c0392b; }

.contact .summary__seedisclaimer {
  display: none; }

.contact .summary__seedisclaimer--mobile {
  display: none; }

.formContact .consent {
  margin-left: 0; }

html.news .pagination,
html.news .pagination_type_buttons,
html.news .pagination_type_select,
html.news .filter_wrapper {
  float: left; }

html.news .filter_exclude {
  float: left; }

html.news .applied-filter-container,
html.news .filter_stats {
  float: left;
  clear: left; }

.article-summary {
  margin: 1em 0;
  font-size: 1.25em;
  font-weight: bold; }

.article-title-meta {
  margin: 0.5em 0; }
  .article-title-meta .article-date {
    float: right;
    font-style: italic; }

.tool-footprint-result label {
  margin-bottom: 20px; }

.tool-footprint-mid {
  display: block; }
  .tool-footprint-mid li {
    display: inline-block;
    margin: 5px; }

#btnFindLimit {
  background-color: #fff; }
  #btnFindLimit:hover {
    background-color: #fff;
    border-color: #fff;
    font-weight: 700;
    color: #333; }

.distance--select__arrow {
  right: 0rem; }

.distance-label {
  margin-bottom: 0; }

input[type="text"]:disabled {
  color: #333; }

h2 {
  text-align: left; }

table.horizontal.table--responsive-collapse tbody tr.trailing_row td:first-child {
  padding-left: 4rem; }

table[class*="table-plugin-category-"].horizontal tr {
  background-color: transparent; }
  table[class*="table-plugin-category-"].horizontal tr.has-derivatives {
    cursor: pointer; }
    table[class*="table-plugin-category-"].horizontal tr.has-derivatives:hover {
      background-color: #dde4e6; }
  table[class*="table-plugin-category-"].horizontal tr .num_derivatives,
  table[class*="table-plugin-category-"].horizontal tr .collapse_indicator {
    width: 1%;
    white-space: nowrap; }
  table[class*="table-plugin-category-"].horizontal tr .collapse_indicator {
    text-align: right;
    padding-right: 2rem; }

.grants td.derivative {
  text-align: right; }
  .grants td.derivative .icon-cd-arrow-down, .grants td.derivative .icon-cd-arrow-up {
    float: right;
    margin-top: 7px;
    margin-left: 5px; }

.icon-cd-arrow-down, .icon-cd-arrow-up {
  height: 0.8rem;
  vertical-align: middle; }

.fuel-prices-tool table tr, .fuel-prices-tool table td {
  padding: 10px; }

.offers h1 {
  display: inline-block; }

.offers .row {
  margin-bottom: 0; }

.offers .columns {
  background-color: #fff; }

.offers .intro-container {
  margin-bottom: 2rem; }
  @media (min-width: 750px) {
    .offers .intro-container {
      margin-bottom: 0; } }
  .offers .intro-container .row .columns {
    border-top: 1px solid #ecf0f1;
    width: 33.33333%;
    margin: 0;
    padding: 2rem; }
    .offers .intro-container .row .columns:nth-child(n+2) {
      border-left: 1px solid #ecf0f1; }

.offers .introduction {
  margin-bottom: 0; }

.offers .in-stock {
  display: none; }

.offers .car-van-wrap {
  width: 100%;
  margin-bottom: 1rem; }
  @media (min-width: 750px) {
    .offers .car-van-wrap {
      float: right;
      width: auto;
      margin-bottom: 0; } }
  .offers .car-van-wrap .btn {
    height: auto;
    padding: 0 2rem;
    width: 50%; }
    .offers .car-van-wrap .btn svg {
      width: 5rem;
      height: 5rem; }
    @media (min-width: 750px) {
      .offers .car-van-wrap .btn {
        width: auto; } }

.offers .offers-container {
  margin-bottom: 4rem;
  display: flex;
  flex-wrap: wrap; }

.offers .offer-container {
  position: relative;
  border-top: 1px solid #828a8d; }
  @media (min-width: 750px) {
    .offers .offer-container {
      padding: 3rem;
      border-top: none; } }
  .offers .offer-container.is-expanded .offer-title-wrap {
    width: 100%;
    text-align: left; }
    @media (min-width: 750px) {
      .offers .offer-container.is-expanded .offer-title-wrap {
        text-align: right; } }
  @media (min-width: 750px) {
    .offers .offer-container .img-wrapper {
      position: static;
      float: right; } }
  .offers .offer-container .img-wrapper img.vehicle-img {
    width: 45%;
    float: right; }
    @media (min-width: 750px) {
      .offers .offer-container .img-wrapper img.vehicle-img {
        width: 100%;
        position: static;
        margin: 0 auto;
        display: block;
        margin-bottom: 1rem;
        position: static;
        padding-top: 20px; } }
  .offers .offer-container .img-wrapper img.instock-flag {
    display: none; }
    @media (min-width: 750px) {
      .offers .offer-container .img-wrapper img.instock-flag {
        display: block;
        position: absolute;
        float: left;
        width: 40%; } }
  .offers .offer-container .offer-title-wrap {
    float: left;
    width: 50%;
    text-align: right;
    overflow: auto; }
    @media (min-width: 750px) {
      .offers .offer-container .offer-title-wrap {
        float: none;
        width: 100%; } }
    .offers .offer-container .offer-title-wrap .in-stock-badge {
      display: block;
      padding: 2px 4px;
      margin-bottom: 10px;
      border: 1px solid #828a8d;
      color: #828a8d;
      text-transform: uppercase;
      text-align: center; }
      @media (min-width: 750px) {
        .offers .offer-container .offer-title-wrap .in-stock-badge {
          display: none; } }
    .offers .offer-container .offer-title-wrap h4 {
      margin: 1rem 0;
      font-weight: bold; }
      @media (min-width: 750px) {
        .offers .offer-container .offer-title-wrap h4 {
          margin: 0 0 1rem 0; } }
    .offers .offer-container .offer-title-wrap .offer-title-wrap__derivative {
      display: block;
      margin: 0 0 1rem 0;
      overflow: hidden;
      text-overflow: ellipsis; }
    .offers .offer-container .offer-title-wrap h4,
    .offers .offer-container .offer-title-wrap .offer-title-wrap__derivative {
      line-height: 1.3; }
      @media (min-width: 750px) {
        .offers .offer-container .offer-title-wrap h4,
        .offers .offer-container .offer-title-wrap .offer-title-wrap__derivative {
          text-align: center;
          margin: 0 auto;
          margin-bottom: 1rem; } }
    .offers .offer-container .offer-title-wrap .more-options {
      float: right;
      margin-bottom: 0; }
  .offers .offer-container .choices__content {
    clear: both; }
    @media (min-width: 750px) {
      .offers .offer-container .choices__content {
        padding-top: 1rem; } }
  .offers .offer-container .offer-options-list {
    float: left;
    width: 100%; }
    .offers .offer-container .offer-options-list li {
      list-style-type: none;
      margin-bottom: 0;
      font-size: 1.1rem; }
  .offers .offer-container .per-month {
    font-size: 1.4rem;
    margin-bottom: 0;
    display: inline-block; }
  .offers .offer-container .price {
    font-size: 2rem;
    margin-bottom: 0; }
    @media (min-width: 750px) {
      .offers .offer-container .price {
        font-size: 2rem;
        line-height: 1.2;
        text-align: left;
        font-weight: bold; } }
    .offers .offer-container .price .vat {
      font-size: 1.2rem; }
  .offers .offer-container .initial-payment {
    margin-bottom: 0;
    font-size: 1.2rem; }
    .offers .offer-container .initial-payment span {
      font-weight: bold; }
      .offers .offer-container .initial-payment span.vat {
        margin-left: 0.5rem; }
  .offers .offer-container .balloon-payment {
    margin-bottom: 0;
    font-size: 1.2rem; }
    .offers .offer-container .balloon-payment span {
      font-weight: bold; }
  .offers .offer-container a {
    display: block;
    margin-bottom: 0.5rem; }

.offer-container__links {
  margin-top: 1rem;
  width: 100%; }
  .offer-container__links a {
    width: 49%;
    float: left; }
    .offer-container__links a .is-hidden-xxl-down {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      display: block; }
    .offer-container__links a:last-child {
      margin-left: 2%; }
    @media (min-width: 750px) {
      .offer-container__links a {
        width: 100%;
        float: none; }
        .offer-container__links a:last-child {
          margin-left: 0; } }

.bottom-bar-wrap {
  display: none;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  background: rgba(28, 57, 79, 0.9); }
  .bottom-bar-wrap .bottom-bar {
    max-width: 1400px;
    margin-bottom: 0;
    margin: 0 auto;
    padding: 1% 2%; }
  .bottom-bar-wrap .col-6.columns {
    margin-left: 0;
    width: 50%;
    background-color: transparent;
    color: #fff;
    padding: 1% 2%; }
    .bottom-bar-wrap .col-6.columns:first-child {
      border-right: 1px solid white; }
    .bottom-bar-wrap .col-6.columns .homepage__heading-link {
      color: inherit; }
      .bottom-bar-wrap .col-6.columns .homepage__heading-link h3 {
        font-weight: normal;
        margin-bottom: 0.8rem; }
      .bottom-bar-wrap .col-6.columns .homepage__heading-link svg {
        padding: 7px;
        vertical-align: top;
        height: 30px;
        width: 30px;
        color: #fff; }
      .bottom-bar-wrap .col-6.columns .homepage__heading-link:hover {
        text-decoration: none; }
        .bottom-bar-wrap .col-6.columns .homepage__heading-link:hover svg {
          color: #fff; }
      .bottom-bar-wrap .col-6.columns .homepage__heading-link p {
        font-weight: normal;
        font-size: 1.4rem;
        margin-bottom: 0; }

.cashorcar .columns {
  position: relative; }
  .cashorcar .columns.input-group, .cashorcar .columns.btn-group {
    padding: 0; }

.cashorcar .body {
  margin-bottom: 11rem; }

.cashorcar .dummy-loading {
  display: none; }

.cashorcar span.is-error {
  display: block;
  clear: both;
  margin-bottom: 1rem; }

.cashorcar .guide-section {
  margin-bottom: 3rem; }

.cashorcar h2 {
  padding-top: 2rem; }
  .cashorcar h2 .sub-heading-text {
    display: inline-block;
    padding-left: 0.5rem; }
  .cashorcar h2.heading-details--complete button {
    margin-bottom: 0; }
  .cashorcar h2 .heading-results__period {
    font-weight: normal;
    display: inline-block; }

.cashorcar .section-wrap > :last-child {
  border-bottom: none; }
  .cashorcar .section-wrap > :last-child .cashorcar-details-categories-wrap {
    border-bottom: none; }

.cashorcar .intro {
  margin-bottom: 4rem; }
  .cashorcar .intro span {
    display: block;
    margin-bottom: 1rem; }

.cashorcar section {
  border-bottom: 1px solid #d2d5d6;
  padding: 2rem 1rem 1rem 1rem;
  margin-left: -2rem;
  margin-right: -2rem; }
  @media (min-width: 750px) {
    .cashorcar section {
      padding-top: 4rem;
      padding-bottom: 4rem;
      margin-left: 0;
      margin-right: 0; } }
  .cashorcar section.finance-section p {
    margin-bottom: 3rem; }

.cashorcar .car-selection-wrap {
  margin-bottom: 1rem;
  padding: 1rem; }
  @media (min-width: 750px) {
    .cashorcar .car-selection-wrap {
      padding: 0; } }

.cashorcar .car-selection-section__inner-wrap .vehicle-selection .key-information-wrap {
  margin-right: 0; }

.cashorcar .column-assumptions {
  text-align: center; }
  .cashorcar .column-assumptions h2,
  .cashorcar .column-assumptions p {
    text-align: left; }

.cashorcar .cost-or-gain {
  display: inline-block;
  position: absolute;
  top: 2rem;
  left: 2rem;
  padding: 0.75rem 1.5rem;
  border-radius: 4px;
  font-size: 1.4rem;
  min-width: 5rem;
  font-weight: normal; }
  .cashorcar .cost-or-gain.cost-or-gain--tax-saving, .cashorcar .cost-or-gain.cost-or-gain--cash {
    background-color: #ecf0f1;
    color: #333;
    font-weight: bold; }

.cashorcar .comparison-results {
  text-align: center;
  /************************** 
                breakdowns 
        ***************************/ }
  @media (min-width: 750px) {
    .cashorcar .comparison-results > .transition-wrap {
      margin-left: -5rem;
      margin-right: -5rem; } }
  @media (min-width: 550px) {
    .cashorcar .comparison-results .modal-net-cash-explanation .modal-container {
      max-width: 40rem; }
      .cashorcar .comparison-results .modal-net-cash-explanation .modal-container p {
        text-align: left; } }
  .cashorcar .comparison-results .net-cash-opt-out {
    text-align: center;
    margin-bottom: 1rem;
    font-family: "Lato", sans-serif; }
    @media (min-width: 750px) {
      .cashorcar .comparison-results .net-cash-opt-out {
        margin-bottom: 3rem; } }
    .cashorcar .comparison-results .net-cash-opt-out .net-cash-opt-out__value {
      font-size: 4rem;
      font-weight: bold;
      color: #2ecc71;
      padding-left: 1rem; }
    .cashorcar .comparison-results .net-cash-opt-out .net-cash-opt-out__sub-txt {
      font-size: 2rem;
      margin-bottom: 0;
      font-weight: bold; }
      .cashorcar .comparison-results .net-cash-opt-out .net-cash-opt-out__sub-txt span {
        font-weight: normal;
        color: #828a8d;
        display: block;
        font-size: 1.4rem;
        margin-top: 1rem; }
        @media (min-width: 750px) {
          .cashorcar .comparison-results .net-cash-opt-out .net-cash-opt-out__sub-txt span {
            margin-bottom: 0; } }
    .cashorcar .comparison-results .net-cash-opt-out.net-cash-opt-out--show-pch-deals .net-cash-opt-out__sub-txt {
      margin-bottom: 6rem; }
  .cashorcar .comparison-results .find-out-more-deals-wrap {
    background-color: #ecf0f1;
    padding: 2rem;
    margin-bottom: 7rem; }
    .cashorcar .comparison-results .find-out-more-deals-wrap .find-out-more-deals__txt {
      margin-bottom: 0;
      margin-right: 2rem;
      display: inline-block; }
    .cashorcar .comparison-results .find-out-more-deals-wrap .btn {
      margin-bottom: 0;
      min-width: 200px; }
  .cashorcar .comparison-results .comparison-summary-cards-container {
    position: relative; }
    @media (min-width: 750px) {
      .cashorcar .comparison-results .comparison-summary-cards-container {
        padding: 1rem 0 6rem 0;
        display: flex;
        flex-wrap: wrap; } }
    .cashorcar .comparison-results .comparison-summary-cards-container > .columns {
      padding-left: 0;
      padding-right: 0;
      padding-top: 0; }
    .cashorcar .comparison-results .comparison-summary-cards-container .summary-card-wrap {
      flex: 1; }
      .cashorcar .comparison-results .comparison-summary-cards-container .summary-card-wrap > :first-child {
        margin-bottom: 1rem; }
      @media (min-width: 750px) {
        .cashorcar .comparison-results .comparison-summary-cards-container .summary-card-wrap > :first-child {
          margin-bottom: 0; }
        .cashorcar .comparison-results .comparison-summary-cards-container .summary-card-wrap .summary-card--cc {
          margin-right: 5rem; }
        .cashorcar .comparison-results .comparison-summary-cards-container .summary-card-wrap .summary-card--cash {
          margin-left: 5rem; } }
      .cashorcar .comparison-results .comparison-summary-cards-container .summary-card-wrap.best-choice .card {
        border: 2px solid #FF5722; }
    .cashorcar .comparison-results .comparison-summary-cards-container .summary-card {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      height: 100%;
      position: relative;
      text-align: center;
      padding-top: 2rem;
      padding-bottom: 2rem; }
      .cashorcar .comparison-results .comparison-summary-cards-container .summary-card svg {
        margin-top: -0.5rem; }
      @media (min-width: 750px) {
        .cashorcar .comparison-results .comparison-summary-cards-container .summary-card {
          padding-top: 5rem;
          padding-bottom: 5rem; } }
      .cashorcar .comparison-results .comparison-summary-cards-container .summary-card .card__header {
        text-align: left;
        margin-bottom: 3rem; }
        .cashorcar .comparison-results .comparison-summary-cards-container .summary-card .card__header .best-choice {
          border: 0.3rem solid #FF5722;
          background-color: #FF5722;
          color: #fff;
          display: inline-block;
          padding: 1rem;
          width: auto;
          border-radius: 4px;
          float: right; }
          .cashorcar .comparison-results .comparison-summary-cards-container .summary-card .card__header .best-choice svg {
            margin-left: 1rem; }
        @media (min-width: 750px) {
          .cashorcar .comparison-results .comparison-summary-cards-container .summary-card .card__header {
            text-align: center;
            margin-bottom: 0; }
            .cashorcar .comparison-results .comparison-summary-cards-container .summary-card .card__header .best-choice {
              display: inline-block;
              align-self: flex-start;
              position: absolute;
              top: -2.42rem;
              padding: 1rem;
              left: 50%;
              margin-left: -10rem;
              width: 20rem;
              float: none; } }
      .cashorcar .comparison-results .comparison-summary-cards-container .summary-card .card__footer {
        padding: 0; }
      .cashorcar .comparison-results .comparison-summary-cards-container .summary-card .summary-card__title {
        font-weight: bold;
        font-size: 1.4rem;
        margin-bottom: 0; }
      .cashorcar .comparison-results .comparison-summary-cards-container .summary-card .summary-card__price {
        font-size: 4rem;
        font-weight: bold;
        margin-bottom: 0;
        display: inline-block;
        position: relative;
        font-family: "Lato", sans-serif; }
      .cashorcar .comparison-results .comparison-summary-cards-container .summary-card.summary-card--simple .summary-card__price {
        font-size: 3rem; }
      .cashorcar .comparison-results .comparison-summary-cards-container .summary-card .card__content {
        padding-top: 0;
        padding-bottom: 0; }
      .cashorcar .comparison-results .comparison-summary-cards-container .summary-card .card__footer .btn:not(:last-child) {
        margin-right: 1.5rem; }
    .cashorcar .comparison-results .comparison-summary-cards-container .summary-card__sub-text {
      font-size: 1.2rem; }
      .cashorcar .comparison-results .comparison-summary-cards-container .summary-card__sub-text span {
        width: 100%;
        display: block;
        padding-left: 0; }
    .cashorcar .comparison-results .comparison-summary-cards-container .versus {
      font-size: 2.4rem;
      width: 5rem;
      height: 5rem;
      line-height: 5rem;
      text-align: center;
      vertical-align: middle;
      position: absolute;
      left: 50%;
      z-index: 3;
      margin-top: -3.5rem;
      margin-left: -2.5rem;
      background-color: white;
      border-radius: 50%;
      box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); }
      @media (min-width: 750px) {
        .cashorcar .comparison-results .comparison-summary-cards-container .versus {
          top: 50%;
          width: 7rem;
          height: 7rem;
          line-height: 7rem;
          font-size: 3rem;
          box-shadow: none;
          margin-top: -5.5rem;
          margin-left: -3.5rem; } }
  @media (min-width: 750px) {
    .cashorcar .comparison-results .tab-years-wrap {
      padding-top: 0;
      padding-bottom: 0; } }
  .cashorcar .comparison-results .tab-control {
    border-bottom: 1px solid #999;
    text-align: center; }
    @media (min-width: 550px) {
      .cashorcar .comparison-results .tab-control {
        padding-bottom: 0; } }
    .cashorcar .comparison-results .tab-control .btn,
    .cashorcar .comparison-results .tab-control .btn:active {
      font-size: 1.6rem;
      height: auto;
      line-height: normal; }
      .cashorcar .comparison-results .tab-control .btn:after,
      .cashorcar .comparison-results .tab-control .btn:active:after {
        margin-top: 4px; }
    .cashorcar .comparison-results .tab-control .caption {
      display: block;
      font-size: 0.9rem;
      line-height: 0.8rem;
      color: #999;
      padding: 0.6rem 0.4rem; }
  .cashorcar .comparison-results .assumptions {
    background-color: #f2f2f2;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: left; }
    .cashorcar .comparison-results .assumptions p {
      margin-bottom: 2rem; }
    .cashorcar .comparison-results .assumptions .assumption-table-wrap {
      border: 1px solid #d2d5d6;
      background-color: #fff;
      padding: 2rem; }
    .cashorcar .comparison-results .assumptions h5 {
      display: block;
      width: 100%; }
    @media (min-width: 1100px) {
      .cashorcar .comparison-results .assumptions {
        padding: 2rem 5rem; }
        .cashorcar .comparison-results .assumptions h5 {
          display: inline-block; } }
    .cashorcar .comparison-results .assumptions .assumptions-category h6 {
      margin: 0; }
    .cashorcar .comparison-results .assumptions .assumptions-col {
      font-size: 1.2rem; }
      @media (min-width: 1100px) {
        .cashorcar .comparison-results .assumptions .assumptions-col {
          min-height: 6rem; } }
      .cashorcar .comparison-results .assumptions .assumptions-col.assumptions-col-tax-year {
        max-width: 10rem;
        text-align: left; }
        .cashorcar .comparison-results .assumptions .assumptions-col.assumptions-col-tax-year .col-heading,
        .cashorcar .comparison-results .assumptions .assumptions-col.assumptions-col-tax-year .col-content {
          text-align: left; }
    .cashorcar .comparison-results .assumptions .col-heading {
      font-weight: bold;
      text-align: left; }
    .cashorcar .comparison-results .assumptions .col-content {
      text-align: left; }
  .cashorcar .comparison-results .breakdown-wrap {
    background-color: #fff;
    text-align: left; }
    .cashorcar .comparison-results .breakdown-wrap .breakdown-section {
      padding: 1rem; }
  .cashorcar .comparison-results .breakdown-section {
    margin-left: -1rem;
    margin-right: -1rem; }
    @media (min-width: 750px) {
      .cashorcar .comparison-results .breakdown-section .breakdown-section__inputs-wrap {
        display: flex;
        flex-wrap: wrap; } }
    .cashorcar .comparison-results .breakdown-section .breakdown-section__inputs-wrap > .columns {
      align-items: flex-end;
      flex-wrap: wrap;
      display: flex;
      flex-shrink: 0; }
  .cashorcar .comparison-results .collapsible-handler.collapsible-handler-assumptions {
    border-bottom: 0.1rem solid #d2d5d6; }
    @media (min-width: 1100px) {
      .cashorcar .comparison-results .collapsible-handler.collapsible-handler-assumptions {
        padding-left: 5rem; } }
  .cashorcar .comparison-results .generic-breakdown .generic-breakdown-inner {
    text-align: right;
    padding: 0 20px 0 10px;
    margin: 10px; }
    .cashorcar .comparison-results .generic-breakdown .generic-breakdown-inner p {
      padding-right: 20px; }
      .cashorcar .comparison-results .generic-breakdown .generic-breakdown-inner p span {
        min-width: 9rem;
        display: inline-block; }
  .cashorcar .comparison-results .breakdown-subtitle {
    margin-bottom: 1rem;
    display: block;
    font-weight: bold; }
  .cashorcar .comparison-results .cashorcar-calculation-wrap {
    border: 1px solid #d2d5d6;
    padding: 1rem;
    margin: 1rem; }
    .cashorcar .comparison-results .cashorcar-calculation-wrap label {
      clear: both;
      padding: 1rem;
      margin-bottom: 0;
      line-height: 2.2rem; }
    .cashorcar .comparison-results .cashorcar-calculation-wrap .btn {
      margin-bottom: 0; }
    .cashorcar .comparison-results .cashorcar-calculation-wrap .calculation-cell {
      text-align: right; }
  .cashorcar .comparison-results .cc-breakdown-wrap {
    padding-top: 4rem;
    padding-left: 1rem; }
    @media (min-width: 750px) {
      .cashorcar .comparison-results .cc-breakdown-wrap {
        padding-left: 2rem; } }
    @media (min-width: 750px) {
      .cashorcar .comparison-results .cc-breakdown-wrap .breakdown-section {
        margin-left: -1rem;
        margin-right: -1rem; } }
  .cashorcar .comparison-results .cash-breakdown-wrap {
    float: right;
    padding-top: 4rem; }
    @media (min-width: 750px) {
      .cashorcar .comparison-results .cash-breakdown-wrap {
        padding-right: 2rem; } }
    .cashorcar .comparison-results .cash-breakdown-wrap .breakdown-section {
      margin-right: -1rem; }
    .cashorcar .comparison-results .cash-breakdown-wrap .generic-breakdown-inner {
      margin-right: 0; }
  .cashorcar .comparison-results .breakdown-inner-wrap.card {
    border-top: 0;
    padding: 0; }
  .cashorcar .comparison-results .see-breakdown-wrap {
    text-align: center; }
    .cashorcar .comparison-results .see-breakdown-wrap .btn {
      margin: 0; }
  .cashorcar .comparison-results .allowance-split-breakdown .net-allowance {
    padding-bottom: 1rem;
    border-bottom: 1px solid #d2d5d6; }
  .cashorcar .comparison-results .fuel-vat {
    font-size: 1.2rem; }
  .cashorcar .comparison-results .amaps-multiplication {
    padding-left: 1rem;
    padding-right: 1rem; }
  .cashorcar .comparison-results .fuel-breakdown .fuel-breakdown__miles {
    margin-bottom: 0; }
  .cashorcar .comparison-results .fuel-breakdown .fuel-calculation .private-fuel {
    border-bottom: 1px solid #d2d5d6; }
  .cashorcar .comparison-results .fuel-breakdown .explanation {
    clear: both; }
    .cashorcar .comparison-results .fuel-breakdown .explanation strong {
      display: block; }
  .cashorcar .comparison-results .amaps-breakdown .additional-tax-or-relief .btn-info {
    margin-left: 1rem; }
  .cashorcar .comparison-results .amaps-breakdown .input-group-wrap {
    max-width: 10rem; }
  .cashorcar .comparison-results .amaps-breakdown .amaps-calculation .first10k {
    border-bottom: 1px solid #d2d5d6; }
  .cashorcar .comparison-results .amaps-breakdown .amaps-calculation .amaps-calculation-extras {
    border-top: 1px solid #d2d5d6; }
  .cashorcar .comparison-results .section-total {
    text-align: right;
    margin-right: 3.6rem; }
  .cashorcar .comparison-results .service-and-maintenance-breakdown .input-group-text {
    display: inline-block;
    min-width: 5rem; }
  .cashorcar .comparison-results .assumptions-wrap {
    text-align: center;
    padding-top: 4rem;
    clear: both; }

.cashorcar .consideration-section,
.cashorcar .finance-section {
  padding-bottom: 5rem; }
  @media (min-width: 750px) {
    .cashorcar .consideration-section,
    .cashorcar .finance-section {
      padding-bottom: 5rem; } }

.cashorcar .consideration-section > .row > :first-child {
  margin-bottom: 1rem; }

@media (min-width: 750px) {
  .cashorcar .consideration-section > .row {
    display: flex;
    flex: 1; }
    .cashorcar .consideration-section > .row > :first-child {
      margin-right: 1rem;
      margin-bottom: 0; }
    .cashorcar .consideration-section > .row > :last-child {
      margin-left: 1rem; } }

.cashorcar .consideration-section > p {
  margin-bottom: 2rem; }

.cashorcar .consideration-section .considerations__tip {
  margin-bottom: 2rem; }

.cashorcar .consideration-section .considerations-wrap {
  padding: 2rem;
  flex: 1; }

.cashorcar .consideration-section h3 {
  text-align: center;
  margin-bottom: 3rem; }

.cashorcar .consideration-section .considerations__subtitle {
  padding-left: 4.4rem;
  font-weight: bold; }

.cashorcar .consideration-section .considerations__pro-list {
  padding-bottom: 2rem; }

.cashorcar .consideration-section li {
  list-style: none;
  text-indent: -4.4rem;
  padding-left: 4.4rem;
  margin: 2rem 0; }
  .cashorcar .consideration-section li svg {
    margin-right: 2rem;
    width: 2rem; }

.cashorcar .consideration-section .considerations-best-options {
  font-weight: bold; }

.cashorcar .finance-section {
  border-bottom: none; }

.cashorcar .breakdown-year-total {
  padding: 4rem 0 0 0;
  font-size: 1.4rem;
  margin-left: -1rem;
  float: right; }
  .cashorcar .breakdown-year-total .breakdown-year-total__title {
    font-weight: bold;
    margin-bottom: 0.5rem; }
  .cashorcar .breakdown-year-total .breakdown-year-total-inner {
    font-weight: normal;
    text-align: right;
    display: flex;
    padding: 1rem 2rem; }
  .cashorcar .breakdown-year-total .breakdown-year-total__text {
    padding-right: 2rem;
    display: flex;
    flex-direction: column;
    flex: auto; }
  .cashorcar .breakdown-year-total .breakdown-year-total__value {
    font-weight: bold;
    display: flex;
    flex-direction: column; }
  .cashorcar .breakdown-year-total span {
    display: block;
    width: 100%;
    min-width: 6rem; }

.cashorcar .fixed-bar {
  padding: 1rem; }
  @media (min-width: 1100px) {
    .cashorcar .fixed-bar {
      padding: 2rem 7rem; } }
  .cashorcar .fixed-bar .results-bar__price {
    position: relative; }
  .cashorcar .fixed-bar .is-loading {
    /* play the slide in keyframes. set to forwards so it doesn't snap back to the start of animation */
    animation: loading-in 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards; }
  .cashorcar .fixed-bar .is-not-loading {
    animation: loading-out 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards; }

.cashorcar .results-bar {
  position: relative; }
  .cashorcar .results-bar > .row {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; }
  .cashorcar .results-bar .columns {
    padding: 0; }
    .cashorcar .results-bar .columns.results-bar__totals {
      padding-left: 1rem;
      padding-right: 1rem; }
  .cashorcar .results-bar .results-bar__totals {
    display: flex;
    align-self: center;
    flex-wrap: wrap; }
  .cashorcar .results-bar .cost-or-gain {
    position: static; }
  .cashorcar .results-bar.results-bar--simple {
    display: flex; }
    .cashorcar .results-bar.results-bar--simple .results-bar__title {
      width: 50%;
      font-size: 2rem; }
      @media (min-width: 750px) {
        .cashorcar .results-bar.results-bar--simple .results-bar__title {
          width: auto;
          font-size: 2.4rem;
          padding-right: 1rem; } }
    .cashorcar .results-bar.results-bar--simple .results-bar__net-cash-total-wrap {
      width: 50%; }
      @media (min-width: 750px) {
        .cashorcar .results-bar.results-bar--simple .results-bar__net-cash-total-wrap {
          width: auto; } }
      .cashorcar .results-bar.results-bar--simple .results-bar__net-cash-total-wrap .results-bar__totals-value {
        font-weight: bold;
        font-size: 2rem;
        padding-right: 1rem;
        display: inline-block; }
        @media (min-width: 750px) {
          .cashorcar .results-bar.results-bar--simple .results-bar__net-cash-total-wrap .results-bar__totals-value {
            font-size: 2.4rem; } }
    .cashorcar .results-bar.results-bar--simple .net-cash-opt-out__period-wrap {
      display: flex;
      flex-wrap: wrap;
      align-content: flex-start;
      align-self: center;
      padding-bottom: 1rem;
      width: 100%; }
      @media (min-width: 750px) {
        .cashorcar .results-bar.results-bar--simple .net-cash-opt-out__period-wrap {
          width: auto;
          padding-bottom: 0; } }
      .cashorcar .results-bar.results-bar--simple .net-cash-opt-out__period-wrap .net-cash-opt-out__months,
      .cashorcar .results-bar.results-bar--simple .net-cash-opt-out__period-wrap .net-cash-opt-out__period {
        font-weight: normal;
        color: #828a8d;
        font-size: 1rem;
        display: block;
        line-height: 1.4;
        width: auto; }
        @media (min-width: 750px) {
          .cashorcar .results-bar.results-bar--simple .net-cash-opt-out__period-wrap .net-cash-opt-out__months,
          .cashorcar .results-bar.results-bar--simple .net-cash-opt-out__period-wrap .net-cash-opt-out__period {
            width: 100%; } }
    .cashorcar .results-bar.results-bar--simple .results-bar__breakdown {
      text-align: right; }
  .cashorcar .results-bar.results-bar--finance .cost-or-gain {
    padding: 0 0.3rem;
    line-height: 3.2rem;
    min-width: auto; }
    @media (min-width: 550px) {
      .cashorcar .results-bar.results-bar--finance .cost-or-gain {
        padding: 0 0.5rem; } }
    @media (min-width: 750px) {
      .cashorcar .results-bar.results-bar--finance .cost-or-gain {
        padding: 0 1rem; } }
    @media (min-width: 1100px) {
      .cashorcar .results-bar.results-bar--finance .cost-or-gain {
        line-height: 3.84rem; } }
  .cashorcar .results-bar.results-bar--finance .results-bar__breakdown {
    text-align: center; }
    .cashorcar .results-bar.results-bar--finance .results-bar__breakdown > .columns {
      text-align: center; }
  .cashorcar .results-bar.results-bar--finance .results-bar__sub-text {
    font-weight: normal;
    color: #828a8d;
    font-size: 1.2rem;
    display: block;
    width: auto;
    margin-bottom: 0;
    padding: 0.5rem 0;
    text-align: center; }
  .cashorcar .results-bar.results-bar--finance .results-bar__title {
    width: 100%;
    font-size: 1.4rem;
    display: inline-block; }
    @media (min-width: 1100px) {
      .cashorcar .results-bar.results-bar--finance .results-bar__title {
        font-size: 2.4rem;
        width: auto;
        margin-right: 1rem; } }
  .cashorcar .results-bar.results-bar--finance .results-bar__totals-value {
    font-weight: bold;
    font-size: 2rem;
    padding-right: 1rem;
    display: inline-block; }
    @media (min-width: 1100px) {
      .cashorcar .results-bar.results-bar--finance .results-bar__totals-value {
        font-size: 2.4rem; } }
  .cashorcar .results-bar .versus {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    position: absolute;
    right: -1.5rem;
    margin-top: -1.5rem;
    top: 50%; }
    @media (min-width: 550px) {
      .cashorcar .results-bar .versus {
        width: 5rem;
        height: 5rem;
        line-height: 5rem;
        right: -5rem;
        margin-top: -2.5rem;
        font-size: 2rem; } }
  .cashorcar .results-bar .btn {
    margin-bottom: 0;
    display: block; }
    @media (min-width: 550px) {
      .cashorcar .results-bar .btn {
        margin-left: 0;
        margin-right: 0;
        display: inline-block; } }

@keyframes loading-in {
  from {
    opacity: 1; }
  to {
    opacity: 0.5; } }

@keyframes loading-out {
  from {
    opacity: 0.5; }
  to {
    opacity: 1; } }

.progress-container {
  width: 100%;
  height: 1.4rem; }
  @media (min-width: 750px) {
    .progress-container {
      margin-top: 4.94rem; } }
  .progress-container .progress-background {
    overflow: hidden;
    height: 1.4rem;
    background-color: #d2d5d6;
    border-radius: 4px; }
    .progress-container .progress-background .progress-bar {
      width: 100%;
      height: 1.4rem;
      background-color: #1d508d;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
  .progress-container .first-portion,
  .progress-container .second-portion {
    font-size: 1.2rem;
    font-weight: bold; }
  .progress-container .second-portion {
    float: right; }

@media (min-width: 750px) {
  .cashorcar .coc--finance > p {
    margin-bottom: 2rem; } }

.cashorcar .coc--finance > .alert {
  margin-bottom: 0; }

@media (min-width: 750px) {
  .cashorcar .coc--finance h2 {
    margin-bottom: 4rem; } }

.cashorcar .coc--finance .cost-or-gain {
  min-width: 5rem; }
  .cashorcar .coc--finance .cost-or-gain.cost-or-gain--cost {
    background-color: #c0392b;
    color: #fff; }
  .cashorcar .coc--finance .cost-or-gain.cost-or-gain--gain {
    background-color: #2ecc71;
    color: #fff; }

@media (min-width: 1100px) {
  .cashorcar-details > .row {
    padding-left: 10%;
    padding-right: 10%; } }

@media (min-width: 1300px) {
  .cashorcar-details > .row {
    padding-left: 15%;
    padding-right: 15%; } }

.cashorcar-details .cashorcar-details__input-wrap {
  margin-bottom: 1rem; }

.cash-or-car-app {
  /* TEMPORARY BODGE WHILST WE CAN'T COMPILE */ }
  .cash-or-car-app #useAllowanceSplit {
    display: none; }
  .cash-or-car-app .input-steps {
    padding-left: 3rem; }
    .cash-or-car-app .input-steps span {
      display: inline-block;
      margin-left: -3rem;
      width: 3rem; }
  .cash-or-car-app .heading-details--complete svg {
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    background-color: #2ecc71;
    fill: #fff;
    padding: 1rem;
    margin-left: 1rem; }
  .cash-or-car-app .heading-details--complete .heading-details-edit-wrap {
    display: block;
    width: 100%; }
    .cash-or-car-app .heading-details--complete .heading-details-edit-wrap button {
      margin-bottom: 0;
      padding-left: 0; }
  .cash-or-car-app .cashorcar-details .choose-car h3 {
    margin-bottom: 2rem; }
  .cash-or-car-app .cashorcar-details .choose-car .category-action-wrap {
    width: 100%; }
  .cash-or-car-app .cashorcar-details .cashorcar-details__category .category-action-wrap.js-is-sticky {
    padding-left: calc(15% - 5rem);
    padding-right: calc(15% - 5rem);
    left: 0;
    right: 0; }
  @media (min-width: 750px) {
    .cash-or-car-app .vehicle-selector .row > :first-child {
      padding-left: 0; }
    .cash-or-car-app .vehicle-selector .row .columns {
      padding-top: 0;
      padding-bottom: 0; } }
  .cash-or-car-app .cashorcar-details {
    /* the first few input boxes */ }
    .cash-or-car-app .cashorcar-details h3 {
      margin-bottom: 2rem;
      font-weight: normal; }
    .cash-or-car-app .cashorcar-details h4 {
      font-weight: normal;
      margin-bottom: 2rem;
      border-bottom: 1px solid #d2d5d6;
      padding-bottom: 2rem; }
    .cash-or-car-app .cashorcar-details .cashorcar-details__category .cashorcar-details__sub-category {
      margin-bottom: 2rem;
      padding: 2rem; }
    .cash-or-car-app .cashorcar-details .cashorcar-details__category .category-action-wrap {
      display: flex;
      justify-content: flex-end;
      z-index: 2;
      padding: 1rem;
      left: 0; }
      .cash-or-car-app .cashorcar-details .cashorcar-details__category .category-action-wrap .btn {
        margin-bottom: 0; }
        .cash-or-car-app .cashorcar-details .cashorcar-details__category .category-action-wrap .btn.btn-continue {
          min-width: 15rem; }
        .cash-or-car-app .cashorcar-details .cashorcar-details__category .category-action-wrap .btn.btn-previous, .cash-or-car-app .cashorcar-details .cashorcar-details__category .category-action-wrap .btn.btn-reset-vehicle {
          margin-right: 2rem; }
          @media (min-width: 550px) {
            .cash-or-car-app .cashorcar-details .cashorcar-details__category .category-action-wrap .btn.btn-previous .btn__content, .cash-or-car-app .cashorcar-details .cashorcar-details__category .category-action-wrap .btn.btn-reset-vehicle .btn__content {
              line-height: 6.72rem; } }
      .cash-or-car-app .cashorcar-details .cashorcar-details__category .category-action-wrap .category-action-wrap__background {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        margin-left: 0.1rem;
        margin-right: 0.1rem;
        opacity: 0.9; }
      .cash-or-car-app .cashorcar-details .cashorcar-details__category .category-action-wrap.js-is-sticky {
        left: 0;
        right: 0; }
        @media (min-width: 750px) {
          .cash-or-car-app .cashorcar-details .cashorcar-details__category .category-action-wrap.js-is-sticky {
            padding-right: 8rem; } }
        @media (min-width: 1100px) {
          .cash-or-car-app .cashorcar-details .cashorcar-details__category .category-action-wrap.js-is-sticky {
            padding-right: calc(15% + (5rem + 2rem + 1rem)); } }
    .cash-or-car-app .cashorcar-details .cashorcar-details__input-wrap > label {
      padding-left: 0; }
    .cash-or-car-app .cashorcar-details .cashorcar-details__input-wrap--with-link input {
      margin-bottom: 0; }
    .cash-or-car-app .cashorcar-details .row {
      clear: both; }
    .cash-or-car-app .cashorcar-details .more-inputs-wrap {
      display: block;
      text-align: center; }
    .cash-or-car-app .cashorcar-details .more-inputs {
      margin-bottom: 1rem; }
    .cash-or-car-app .cashorcar-details .btn-group {
      margin-bottom: 1rem; }
      @media (min-width: 750px) {
        .cash-or-car-app .cashorcar-details .btn-group {
          margin-bottom: 2rem; } }
    .cash-or-car-app .cashorcar-details .btn-help,
    .cash-or-car-app .cashorcar-details .btn-show-afr {
      float: right;
      padding-right: 1rem;
      margin-bottom: 1rem; }
    .cash-or-car-app .cashorcar-details .car-allowance-input-inner-wrap,
    .cash-or-car-app .cashorcar-details .column-assumptions p {
      padding-left: 3rem; }
    .cash-or-car-app .cashorcar-details .details-input__basic-wrap {
      max-width: 80rem;
      margin: 0 auto; }
      @media (min-width: 750px) {
        .cash-or-car-app .cashorcar-details .details-input__basic-wrap {
          padding: 0 5rem; } }
      .cash-or-car-app .cashorcar-details .details-input__basic-wrap .details-input__basic-inner-wrap.is-open {
        border-bottom: 0; }
      .cash-or-car-app .cashorcar-details .details-input__basic-wrap > .columns .columns {
        padding-left: 0; }
        @media (min-width: 750px) {
          .cash-or-car-app .cashorcar-details .details-input__basic-wrap > .columns .columns.label-col {
            padding-right: 5rem; } }
        .cash-or-car-app .cashorcar-details .details-input__basic-wrap > .columns .columns .btn-info {
          margin-bottom: 0; }
        .cash-or-car-app .cashorcar-details .details-input__basic-wrap > .columns .columns.icon-column svg {
          width: 4.8rem;
          height: 4.8rem; }
      .cash-or-car-app .cashorcar-details .details-input__basic-wrap .pick-date .columns {
        padding-top: 0;
        padding-bottom: 0; }
      .cash-or-car-app .cashorcar-details .details-input__basic-wrap .intro-alternative-choice {
        margin-bottom: 2rem; }
    .cash-or-car-app .cashorcar-details .details-input__advanced-wrap-inner {
      padding: 2rem;
      background-color: #ecf0f1;
      border-top: 1px solid #d2d5d6;
      border-top: none; }
      .cash-or-car-app .cashorcar-details .details-input__advanced-wrap-inner h5 {
        font-size: 1.6rem;
        display: none; }
      .cash-or-car-app .cashorcar-details .details-input__advanced-wrap-inner .details-input-content-wrap {
        background-color: #ecf0f1;
        width: 100%; }
        .cash-or-car-app .cashorcar-details .details-input__advanced-wrap-inner .details-input-content-wrap.details-input-content-wrap--with-scale {
          display: flex;
          flex-wrap: wrap; }
          .cash-or-car-app .cashorcar-details .details-input__advanced-wrap-inner .details-input-content-wrap.details-input-content-wrap--with-scale .columns {
            flex-basis: 50%; }
          .cash-or-car-app .cashorcar-details .details-input__advanced-wrap-inner .details-input-content-wrap.details-input-content-wrap--with-scale .col-progress-bar {
            order: 3;
            flex: 0 0 100%; }
          @media (min-width: 750px) {
            .cash-or-car-app .cashorcar-details .details-input__advanced-wrap-inner .details-input-content-wrap.details-input-content-wrap--with-scale {
              display: block;
              flex: none; } }
      .cash-or-car-app .cashorcar-details .details-input__advanced-wrap-inner .row {
        margin-bottom: 2rem; }
      .cash-or-car-app .cashorcar-details .details-input__advanced-wrap-inner .cash-fuel-proportion {
        float: left;
        margin-top: 4rem;
        width: 100%;
        clear: both; }
  .cash-or-car-app .allowance-split .allowance-split__inner {
    max-width: 40rem;
    margin: 0 auto; }
    .cash-or-car-app .allowance-split .allowance-split__inner > .row {
      display: flex;
      margin: 0 auto; }
  .cash-or-car-app .allowance-split .columns {
    padding-top: 0;
    padding-bottom: 0;
    display: flex; }
  .cash-or-car-app .allowance-split .minus-wrap {
    justify-content: flex-end;
    padding-right: 0; }
  .cash-or-car-app .allowance-split .minus {
    text-align: right;
    display: flex;
    align-self: center;
    margin-top: -1rem; }
    @media (min-width: 750px) {
      .cash-or-car-app .allowance-split .minus {
        margin-top: -2rem; } }
  .cash-or-car-app .allowance-split .comprising-wrap {
    padding: 2rem; }
  .cash-or-car-app.coc--simple .cashorcar-details .details-input__basic-wrap {
    max-width: none;
    margin: 0 0 2rem 0;
    padding: 0; }
    @media (min-width: 750px) {
      .cash-or-car-app.coc--simple .cashorcar-details .details-input__basic-wrap {
        padding: 0; } }
    .cash-or-car-app.coc--simple .cashorcar-details .details-input__basic-wrap .columns {
      padding: 0; }
  .cash-or-car-app .modal-mask.modal-totalInsPa .modal-container {
    max-width: 32rem; }
    .cash-or-car-app .modal-mask.modal-totalInsPa .modal-container .columns {
      width: 100%; }
    .cash-or-car-app .modal-mask.modal-totalInsPa .modal-container .section-total {
      text-align: right;
      padding-right: 1rem; }
  .cash-or-car-app .modal-mask.modal-totalSAMpa .modal-container .section-total {
    text-align: right;
    padding-right: 1rem; }

@media (min-width: 1100px) {
  .main--sidebar .cashorcar-details > .row {
    padding-left: 0;
    padding-right: 0; } }

@media (min-width: 1300px) {
  .main--sidebar .cashorcar-details > .row {
    padding-left: 0;
    padding-right: 0; } }

.main--sidebar .cashorcar-details .cashorcar-details__category .category-action-wrap.js-is-sticky {
  left: 0;
  right: 0; }
  @media (min-width: 750px) {
    .main--sidebar .cashorcar-details .cashorcar-details__category .category-action-wrap.js-is-sticky {
      padding-right: 8rem; } }
  @media (min-width: 1100px) {
    .main--sidebar .cashorcar-details .cashorcar-details__category .category-action-wrap.js-is-sticky {
      padding-right: 40rem; } }

.incometax-breakdown .incometax-breakdown-inner,
.incometax-breakdown .extra-explanations-wrap {
  padding: 0 2rem 0 1rem;
  margin: 1rem; }

.incometax-breakdown .incometax-breakdown-inner {
  border: 1px solid #d2d5d6; }

.incometax-breakdown .extra-explanations-wrap .allowance_explanation span {
  display: block;
  font-weight: bold; }

.thead__forecast,
.thead__income,
.thead__rate,
.thead__change {
  float: left;
  padding: 10px 0;
  text-align: right; }

.thead {
  font-weight: bold;
  font-size: 1.4rem; }
  .thead div {
    width: 20%;
    display: inline-block; }
  .thead .thead__forecast {
    width: 40%;
    text-align: left;
    padding-left: 1rem; }

.incometax-breakdown__rate,
.incometax-breakdown__due,
.section-total__change {
  width: 33%;
  float: left;
  display: inline-block; }

.section-total__change {
  float: right;
  font-weight: bold; }

/* ======= categories ========== */
.section-container {
  display: flex;
  height: 100%; }

.section-heading {
  position: relative;
  width: 40%;
  align-items: stretch;
  height: 100%; }
  .section-heading .section-heading__text {
    position: relative;
    display: block;
    padding-right: 2rem; }
    .section-heading .section-heading__text .select__arrow {
      right: 0; }
      @media (min-width: 400px) {
        .section-heading .section-heading__text .select__arrow {
          right: 1rem; } }
      .section-heading .section-heading__text .select__arrow svg {
        fill: currentColor; }

.section-heading__sacrifice {
  font-weight: normal;
  font-size: 1.2rem; }

.section-breakdown,
.section-total {
  width: 60%;
  float: right; }

.section-breakdown {
  overflow: hidden;
  position: relative;
  height: 2.14rem; }

.section-breakdown__inner-wrap {
  width: 100%;
  position: absolute;
  bottom: 0; }

.expansion-panel-row {
  padding: 1rem;
  padding-left: 1rem;
  margin-left: 0;
  margin-right: -1rem;
  border-top: 1px solid #d2d5d6; }
  .expansion-panel-row.is-open .section-breakdown__inner-wrap {
    width: 100%; }

.section-breakdown__bands {
  width: 100%; }
  .section-breakdown__bands span {
    padding-bottom: 5px; }

.section-breakdown__subtotal {
  border-top: 1px solid #d2d5d6;
  display: flex;
  width: 100%;
  height: 2.24rem; }
  .section-breakdown__subtotal span {
    padding-bottom: 5px; }

.incometax-breakdown__income,
.incometax-breakdown__rate,
.incometax-breakdown__due,
.section-total__change {
  width: 33%;
  float: left;
  display: inline-block;
  text-align: right; }

.tax-breakdown-totals-wrap table.horizontal .role_tbody tr:first-child td {
  font-size: 2rem; }

.tax-breakdown-totals-wrap table.horizontal .role_tbody td {
  border: none; }

.salarysacrifice .filterBox input[type=text] {
  height: 4.8rem; }

.advisory-fuel-rates .row {
  margin-bottom: 1rem; }

.advisory-fuel-rates .table-wrapper {
  margin: 0;
  display: block; }
  .advisory-fuel-rates .table-wrapper table {
    table-layout: fixed;
    margin-bottom: 2rem; }
    .advisory-fuel-rates .table-wrapper table.is-hidden {
      margin-bottom: 0; }

.advisory-fuel-rates .period-heading,
.modal-afrs .period-heading {
  font-weight: normal; }
  .advisory-fuel-rates .period-heading span,
  .modal-afrs .period-heading span {
    font-weight: bold; }

.advisory-fuel-rates .afrFormWrap,
.modal-afrs .afrFormWrap {
  margin-bottom: 4rem; }

@media (min-width: 750px) {
  .modal-afrs .modal-container {
    min-width: 55rem; } }

.hub-tool .hub-list .record .data_cell a {
  border: none; }

.hub-tool .channel-type {
  text-transform: capitalize; }

#motability-table > thead > tr > th.header_cell.motability_options.text,
#motability-table > thead > tr > th.header_cell.motability_link.text {
  display: none; }

@media (min-width: 750px) {
  #motability-table > tbody > tr > td.advpayment,
  #motability-table > tbody > tr > td.weeklyrental,
  #motability-table > tbody > tr > td.motability_options {
    text-align: right; } }

.motability-select .main--sidebar .container__main-content .body {
  max-width: 100%; }

@media (min-width: 1100px) {
  .motability-select .main--sidebar .container .container__main-content {
    margin-right: 0px; } }

.emissions-footprint .cd-app .tabs-wrap {
  margin-bottom: 2rem; }

.emissions-footprint .cd-app .vehicle-co2-inputs {
  margin-bottom: 2rem; }

.emissions-footprint .cd-app .vehicle-co2-inputs__header,
.emissions-footprint .cd-app .intro {
  margin-left: 1rem; }
  @media (min-width: 750px) {
    .emissions-footprint .cd-app .vehicle-co2-inputs__header,
    .emissions-footprint .cd-app .intro {
      margin-left: 4rem; } }

/* TODO: fix this - top margin/padding is odd */
.finance-quote-summary .body {
  padding-top: 0; }

.finance-quote-summary-app .fqt-top-buttons {
  margin-bottom: 2rem;
  margin-left: 2rem; }
  .finance-quote-summary-app .fqt-top-buttons a {
    margin-right: 1rem; }

.finance-quote-summary-app .main-panel-wrap {
  min-height: 100vh;
  padding-right: 0;
  padding-left: 0; }

.finance-quote-summary-app .summary-panel-wrap {
  padding-top: 0;
  padding-left: 0;
  min-height: 500px; }
  @media (min-width: 550px) {
    .finance-quote-summary-app .summary-panel-wrap {
      padding-right: 0; } }

.finance-quote-summary-app .summary-panel {
  overflow-y: auto;
  border-right: none; }
  @media (min-width: 750px) {
    .finance-quote-summary-app .summary-panel {
      max-height: 100vh; } }
  .finance-quote-summary-app .summary-panel > p {
    margin-bottom: 2rem; }
  .finance-quote-summary-app .summary-panel .btn-group {
    margin-bottom: 1.5rem;
    margin: 0, 0, 1.5rem, 0; }
    .finance-quote-summary-app .summary-panel .btn-group .btn {
      margin-left: 0.3rem;
      margin-right: 0.3rem;
      border-right-style: solid;
      border-right-width: 1px;
      min-width: 3.8rem; }
      .finance-quote-summary-app .summary-panel .btn-group .btn:first-child {
        border-right-style: solid;
        border-right-width: 1px; }
  .finance-quote-summary-app .summary-panel .control__additional-text {
    font-size: 1.2rem;
    font-weight: normal; }
  .finance-quote-summary-app .summary-panel .control--checkbox {
    border: 1px solid #1d508d;
    padding: 1rem;
    padding-left: 4rem; }
    .finance-quote-summary-app .summary-panel .control--checkbox .control__indicator {
      left: 1rem; }
  .finance-quote-summary-app .summary-panel .btn-group-is_maintenance_inc_group {
    margin-bottom: 2rem; }
  .finance-quote-summary-app .summary-panel .list-item-group--summary .list-item__content {
    padding-right: 1rem; }
  .finance-quote-summary-app .summary-panel .list-item-group--summary .list-item {
    margin-bottom: 0.5rem;
    align-items: unset;
    padding-right: 0; }
    .finance-quote-summary-app .summary-panel .list-item-group--summary .list-item .btn.btn--small {
      padding-right: 0; }
  .finance-quote-summary-app .summary-panel .list-item-group--summary .list-item__value {
    min-width: 9rem;
    text-align: right; }
  .finance-quote-summary-app .summary-panel .list-item-group--summary .vat {
    display: block;
    text-align: right;
    font-size: 0.8rem; }
  .finance-quote-summary-app .summary-panel .list-item.quantity-wrap {
    margin-bottom: 0.5rem;
    padding-right: 0;
    margin-right: -2rem; }
    @media (min-width: 400px) {
      .finance-quote-summary-app .summary-panel .list-item.quantity-wrap {
        margin-right: -2.4rem; } }
    .finance-quote-summary-app .summary-panel .list-item.quantity-wrap .list-item__value {
      display: flex; }
      .finance-quote-summary-app .summary-panel .list-item.quantity-wrap .list-item__value input {
        margin-bottom: 0;
        max-width: 60px;
        text-align: center; }
    .finance-quote-summary-app .summary-panel .list-item.quantity-wrap .list-item__content {
      font-weight: bold;
      padding-right: 1rem;
      font-size: 1.2rem; }
    .finance-quote-summary-app .summary-panel .list-item.quantity-wrap .btn,
    .finance-quote-summary-app .summary-panel .list-item.quantity-wrap input {
      height: 4rem; }
  .finance-quote-summary-app .summary-panel .list-item--is-removable {
    margin-left: 1rem; }
  .finance-quote-summary-app .summary-panel a {
    display: block; }

.finance-quote-summary-app .cd-vehicle-configurator {
  padding-bottom: 2rem; }
  @media (min-width: 550px) {
    .finance-quote-summary-app .cd-vehicle-configurator {
      padding-bottom: 0; } }

@media (min-width: 550px) {
  .finance-quote-summary-app .cd-vehicle-key-details,
  .finance-quote-summary-app .cd-contact,
  .finance-quote-summary-app .cd-alternatives,
  .finance-quote-summary-app .equipment-panel {
    padding-left: 4rem;
    padding-right: 4rem; } }

.finance-quote-summary-app .cd-vehicle-key-details .list-item__value,
.finance-quote-summary-app .cd-contact .list-item__value,
.finance-quote-summary-app .cd-alternatives .list-item__value,
.finance-quote-summary-app .equipment-panel .list-item__value {
  min-width: 8rem;
  text-align: right; }

.finance-quote-summary-app .cd-vehicle-key-details {
  padding-top: 2rem;
  padding-bottom: 4rem; }
  @media (min-width: 550px) {
    .finance-quote-summary-app .cd-vehicle-key-details {
      padding-top: 0; } }

.finance-quote-summary-app .cd-contact {
  padding-bottom: 4rem;
  padding-top: 2rem; }
  .finance-quote-summary-app .cd-contact h2 {
    text-align: center;
    font-weight: bold;
    margin-bottom: 2rem; }
  .finance-quote-summary-app .cd-contact .btn-search-dealer {
    margin-top: 3.24rem; }
  .finance-quote-summary-app .cd-contact .send-wrap {
    display: block;
    clear: both;
    text-align: center;
    padding-top: 2rem;
    width: 100%;
    padding-bottom: 2rem; }
    @media (min-width: 550px) {
      .finance-quote-summary-app .cd-contact .send-wrap {
        padding-bottom: 0; } }
    .finance-quote-summary-app .cd-contact .send-wrap .btn {
      width: 20rem; }
  .finance-quote-summary-app .cd-contact .disclaimer {
    padding: 1rem; }

.finance-quote-summary-app .cd-alternatives {
  clear: both;
  padding-top: 4rem;
  padding-bottom: 4rem; }
  .finance-quote-summary-app .cd-alternatives h2 {
    text-align: center; }

.finance-quote-summary-app .cd-available-tools-wrap {
  padding-top: 10rem; }
  .finance-quote-summary-app .cd-available-tools-wrap h2 {
    text-align: center; }
  .finance-quote-summary-app .cd-available-tools-wrap .available-tools {
    flex-direction: column; }
    @media (min-width: 750px) {
      .finance-quote-summary-app .cd-available-tools-wrap .available-tools {
        flex-direction: row; } }

.finance-quote-summary-app .result-component {
  position: sticky; }
  .finance-quote-summary-app .result-component .result-component__calculation-unit {
    font-weight: bold;
    font-size: 2rem; }
    .finance-quote-summary-app .result-component .result-component__calculation-unit.vat {
      font-weight: normal; }
  .finance-quote-summary-app .result-component .card__content {
    flex-wrap: wrap; }
    .finance-quote-summary-app .result-component .card__content .result-component__calculation__balloon {
      font-size: 1.2rem; }
    .finance-quote-summary-app .result-component .card__content .result-component__calculation__initial {
      font-size: 1.2rem; }

.finance-quote-summary-app .cd-summary .result-component {
  -webkit-box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.15);
  bottom: 0;
  width: 100%;
  position: fixed; }
  @media (min-width: 750px) {
    .finance-quote-summary-app .cd-summary .result-component {
      position: -webkit-sticky;
      /* Safari */
      position: sticky; } }
  .finance-quote-summary-app .cd-summary .result-component .card {
    margin-left: -0.1rem;
    margin-right: -0.1rem; }

@media (min-width: 750px) {
  .finance-quote-summary-app.cd-app--ie11 .cd-summary .result-component {
    position: absolute; } }

.finance-quote-summary-app .standards-modal-container h3 {
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 3rem; }

.finance-quote-summary-app .standards-modal-container .list-item__content {
  padding-left: 5.4rem; }

.build-alternatives-app .cd-alternatives-component {
  padding-left: 2rem;
  padding-right: 2rem; }
  @media (min-width: 750px) {
    .build-alternatives-app .cd-alternatives-component {
      padding-left: 5rem;
      padding-right: 5rem; } }
  .build-alternatives-app .cd-alternatives-component h2 {
    padding: 1rem 0; }
    @media (min-width: 750px) {
      .build-alternatives-app .cd-alternatives-component h2 {
        padding: 2rem 0; } }

.cd-alternatives .responsive-vehicle-image--image-broken {
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
  left: 50%;
  top: 50%; }

.build-equipment-app .result-component .row {
  width: 100%; }

.build-equipment-app .result-component .btn {
  margin-bottom: 0;
  float: right; }

.carwda-tool input {
  margin-bottom: 0; }

.carwda-tool .carwda-illustration td {
  justify-content: space-between; }
  .carwda-tool .carwda-illustration td ::-webkit-input-placeholder {
    text-align: center; }
  .carwda-tool .carwda-illustration td :-moz-placeholder {
    /* Firefox 18- */
    text-align: center; }
  .carwda-tool .carwda-illustration td ::-moz-placeholder {
    /* Firefox 19+ */
    text-align: center; }
  .carwda-tool .carwda-illustration td ::-ms-input-placeholder {
    text-align: center; }

.carwda-tool .wda-totals-row,
.carwda-tool .wda-final-row {
  background-color: #ecf0f1; }

.charging-tables-td {
  display: block;
  margin-right: -50px; }
  .charging-tables-td p {
    text-align: left;
    margin-bottom: 1rem;
    margin-top: 2rem; }
  .charging-tables-td table {
    margin-bottom: 2rem; }
  .charging-tables-td th {
    font-weight: bold; }
  .charging-tables-td th, .charging-tables-td td {
    border: 1px solid #d2d5d6;
    padding: 1rem 1rem;
    text-align: left; }

/* Sprites */
.greenlabel-sprite {
  display: block;
  width: 64px;
  height: 12px;
  background: transparent url("/page/images/greenlabels/greenlabels-sprite.png") no-repeat center 12px; }

.greenlabel--a {
  background-position-y: 0px; }

.greenlabel--b {
  background-position-y: -12px; }

.greenlabel--c {
  background-position-y: -24px; }

.greenlabel--d {
  background-position-y: -36px; }

.greenlabel--e {
  background-position-y: -48px; }

.greenlabel--f {
  background-position-y: -60px; }

.greenlabel--g {
  background-position-y: -72px; }

.greenlabel--h {
  background-position-y: -84px; }

.greenlabel--i {
  background-position-y: -96px; }

.greenlabel--j {
  background-position-y: -108px; }

.greenlabel--k {
  background-position-y: -120px; }

.greenlabel--l {
  background-position-y: -132px; }

.greenlabel--m {
  background-position-y: -144px; }

/* print */
@media screen {
  .cloned-print-section {
    display: none; }
  .print-only {
    display: none; } }

@media print {
  @page {
    size: 330mm 427mm;
    margin: 14mm; }
  .container {
    width: 100%; }
  .no-print {
    display: none !important; }
  .print-hide {
    display: none !important; }
  .body {
    min-height: auto !important; }
  .loading-indicator, .slick-loading .slick-list {
    display: none !important; }
  .top-action-bar {
    display: none !important; }
  .is-hidden {
    display: block !important; }
  tr.is-hidden {
    display: table-row !important; }
  nav,
  .menu,
  .footer {
    display: none !important; }
  [class^="collapsible-handler"] .icon-wrap,
  [class*=" collapsible-handler"] .icon-wrap {
    display: none !important; }
  /* tax calculator */
  .field-sortBy {
    display: none !important; }
  .tax-calc-summary thead .field_names {
    display: none !important; }
  .companycartax-calcution-wrapper .table-taxComponents .header_cell {
    width: initial !important; }
  /* effect on net pay */
  .table-breakdown td.toggle span {
    display: none; }
  /* compare */
  .tool-comparisons-details .section-total .comparator-control,
  .tool-comparisons-details .section-title .icon-wrap {
    display: none; }
  /* build */
  .build-model .table--build__select,
  .build-grade .table--build__select,
  .build-engine .table--build__select {
    display: none !important; }
  .build-model .slick-dots,
  .build-grade .slick-dots,
  .build-engine .slick-dots {
    display: none !important; }
  .build-model .record,
  .build-grade .record,
  .build-engine .record {
    float: left !important;
    opacity: 1 !important; }
  .build-model .slick-list,
  .build-grade .slick-list,
  .build-engine .slick-list {
    height: auto !important; }
    .build-model .slick-list .slick-track,
    .build-grade .slick-list .slick-track,
    .build-engine .slick-list .slick-track {
      max-width: 100%; }
  .build-model .table-grade .record,
  .build-model .table-engine .record,
  .build-grade .table-grade .record,
  .build-grade .table-engine .record,
  .build-engine .table-grade .record,
  .build-engine .table-engine .record {
    width: 50% !important; }
  .build-model .table-grade .data_cell.table--build__price,
  .build-model .table-engine .data_cell.table--build__price,
  .build-grade .table-grade .data_cell.table--build__price,
  .build-grade .table-engine .data_cell.table--build__price,
  .build-engine .table-grade .data_cell.table--build__price,
  .build-engine .table-engine .data_cell.table--build__price {
    clear: none !important;
    float: none !important;
    display: block !important;
    padding-bottom: 0 !important; }
  .build-model .cloned-print-section, .build-model .cloned-print-section *,
  .build-grade .cloned-print-section,
  .build-grade .cloned-print-section *,
  .build-engine .cloned-print-section,
  .build-engine .cloned-print-section * {
    visibility: visible; }
  .build-model .cloned-print-section,
  .build-grade .cloned-print-section,
  .build-engine .cloned-print-section {
    position: static;
    width: 100%;
    height: 100%;
    overflow: visible;
    display: block; }
  .loading-indicator.loading-indicator, .slick-loading .slick-list {
    display: none !important; } }

/* Note: this file is concatenated with the framework-styles.scss file and therefore
         the import paths here are relative to the scss folder as gulp will change them to during compilation 
         i.e use the same paths as in framework-styles.scss */
/* Modules */
.ad-wrapper {
  text-align: center; }

.container__sidebar .ad-wrapper {
  margin-bottom: 2rem; }

/* ========= leaderboards ========== */
.leaderboard-top {
  float: right;
  display: none; }

.leaderboard-top-mobile {
  margin: 1rem auto;
  clear: left; }

@media (min-width: 1100px) {
  .leaderboard-top {
    display: inline-block;
    margin: 2rem 0; }
  .leaderboard-top-mobile {
    display: none; } }

/* ========= square ========== */
.mpu-advert {
  float: none;
  margin: 0 auto 2rem auto; }
  @media (min-width: 750px) {
    .mpu-advert {
      float: left;
      margin-right: 2rem; } }

/* ======== wallpaper / skins ========== */
.skin-top,
.skin-left,
.skin-right,
.skin-image {
  display: none; }

@media (min-width: 1500px) {
  .container__header.advertising-skin--shown,
  .footer.advertising-skin--shown {
    width: 100%;
    margin: 0 auto; }
  .skin-top,
  .skin-left,
  .skin-right {
    display: inline-block; }
  .skin-top {
    height: 200px;
    width: 100%;
    background-color: green; }
  .skin-left,
  .skin-right {
    height: 60rem;
    width: 180px;
    position: absolute;
    top: 0; }
  .skin-left {
    left: -180px; }
  .skin-right {
    left: 120rem; }
  .skin-image {
    display: inline-block;
    position: absolute;
    top: 3rem;
    left: -160px;
    z-index: 0; } }

@media (min-width: 750px) {
  .advertising-skin--shown .nav--main__content.container {
    position: relative; }
  .advertising-skin--shown .container__main-content {
    z-index: 2; }
  .advertising-skin--shown .container__header {
    position: relative; }
    .advertising-skin--shown .container__header .nav--main__content.container {
      width: 100%; }
  .advertising-skin--shown .container-wrapper {
    min-height: 67rem; } }

.sidebar,
.container__sidebar {
  background-color: #f2f2f2;
  padding: 0 1rem;
  box-sizing: border-box;
  width: 100%;
  float: left;
  overflow: visible; }
  .sidebar .ad-wrapper:before, .sidebar .ad-wrapper:after,
  .container__sidebar .ad-wrapper:before,
  .container__sidebar .ad-wrapper:after {
    content: " ";
    display: table; }
  .sidebar .ad-wrapper:after,
  .container__sidebar .ad-wrapper:after {
    clear: both; }

@media (min-width: 550px) {
  .sidebar,
  .container__sidebar {
    padding: 0 0 0 0; } }

@media (min-width: 1100px) {
  .main--sidebar {
    margin-right: 32rem; }
    .main--sidebar .container__main-content {
      margin-right: 32rem; }
  .container__main {
    width: 100%;
    float: left; }
  .container__sidebar {
    display: inline-block;
    float: right;
    width: 32rem;
    margin-right: -32rem; } }

/* Widgets */
.news-widget {
  width: 100%;
  float: left;
  margin: 2rem 0;
  background-color: #f2f2f2; }
  .news-widget .tab-control {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    background-color: #fff; }
    .news-widget .tab-control .tab-item {
      cursor: pointer;
      padding: 0 0.3rem;
      flex: auto; }
  .news-widget .news-list-item {
    margin-bottom: 0;
    display: block;
    padding: 1rem;
    border-bottom: thin solid #d2d5d6;
    background-color: #fff; }
    .news-widget .news-list-item a {
      text-decoration: none;
      width: 100%;
      height: 100%;
      display: flex;
      color: #333; }
    .news-widget .news-list-item img {
      display: inline-block;
      align-self: center; }
    .news-widget .news-list-item span {
      display: inline-block;
      padding: 0 1rem; }
      .news-widget .news-list-item span.news-link__title {
        font-weight: bold; }
      .news-widget .news-list-item span.news-link__date {
        font-size: 1rem; }
    .news-widget .news-list-item:hover {
      background-color: #ecf0f1;
      cursor: pointer; }
  .news-widget .tab-panels .news-archive-link {
    text-align: center;
    padding: 10px;
    background-color: #fff;
    border-bottom: thin solid #d2d5d6; }
    .news-widget .tab-panels .news-archive-link a {
      font-size: 1.4rem;
      font-family: "Lato", sans-serif;
      color: #828a8d;
      font-weight: 600;
      letter-spacing: 1px; }
      .news-widget .tab-panels .news-archive-link a:hover {
        text-decoration: none;
        color: #1d508d; }
  .news-widget .tab-panels ul {
    margin-bottom: 0; }
  @media (min-width: 750px) {
    .news-widget {
      width: 100%; } }

/*# sourceMappingURL=framework-styles.css.map */