/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-5[0].rules[0].use[1]!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-5[0].rules[0].use[2]!../node_modules/sass-loader/dist/cjs.js!./scss/screen.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * 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;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}
/**
 * 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 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 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;
}
/**
 * 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 */
  -webkit-text-decoration: underline dotted;
          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;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * 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
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * 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 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * 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 macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 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 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
.icon-shaking-hands:before, .icon-check:before,
.icon-briefcase:before, .icon-select-lease:before,
.icon-money-badge:before, .icon-right-arrow:before,
.icon-group:before, .icon-card:before, .icon-money:before,
.icon-mic:before, .icon-shield:before, .icon-warranty:before,
.icon-umbrella:before, .icon-calculator-1:before,
.icon-doc2:before, .icon-doc:before, .icon-heart:before,
.icon-truck-group:before, .icon-settings:before,
.icon-clock:before, part-question > h2[toggled]::after,
.icon-minus:before, part-question > h2:not([toggled])::after,
.icon-plus:before, .icon-quote:before,
comp-hero[display=Testimonials] > blockquote > p::before,
comp-collapsible > section > article h3::after, .icon-dash-thin:before,
comp-cards .slick-arrow.slick-next::before,
.icon-arrow-forward:before,
comp-cards .slick-arrow.slick-prev::before,
.icon-arrow-back:before,
comp-compare table td[feature]:not([checked])::after,
comp-cards part-card button[cancel]::before,
.icon-close:before, comp-compare table td[feature][checked]::after,
form[default] inline-fields h5::before,
form[calc] inline-fields h5::before,
form[default] inline-fields input[type=checkbox] + p::before,
form[type="financing"] inline-fields input[type=checkbox] + p::before,
form[calc] inline-fields input[type=checkbox] + p::before,
form[default] inline-fields input[type=radio] + p::before,
form[calc] inline-fields input[type=radio] + p::before,
comp-modal[contact] label input[type=checkbox] + p::before,
comp-modal[sellmytruck] label input[type=checkbox] + p::before,
.icon-checkmark:before, comp-compare table td > div > button::before,
.icon-info:before, [sitemap] > header > *[type*=center]::before, [sitemap] > header > *[type*=Center]::before,
.icon-marker:before, body > main > footer > section[contact] > inner-content > :first-child a[twitter]::before, .icon-twitter:before, body > main > footer > section[contact] > inner-content > :first-child a[facebook]::before, .icon-facebook:before, .slick-next::before, [dir=rtl] .slick-prev::before, .icon-right-arrow-thin:before, [dir=rtl] .slick-next::before, .slick-prev::before, .icon-left-arrow-thin:before, body > comp-tray > inner-content > button[compare]::before, comp-cards part-card button[compare]::before, .icon-compare:before, comp-hero[display=Home] > section > form > button::before, .icon-search:before, form[calc] comp-results > header::after, .icon-triangle:before, comp-content:not([truck]) ul li::before, .icon-dash-thick:before, [sitemap] > header > *:not([type*=center]):not([type*=Center])::before, body > comp-tray > inner-content > section > part-item:not([style])::before, .icon-truck:before, main > [dealers] ~ header [email]::before, comp-slider slider-cards slider-card button[message]::before, main > [dealer] ~ header button[message]::before, main > [truck] header button[message]::before, comp-actions button[message]::before, comp-modal[compare] part-card footer button[message]::before, comp-cards part-card button[message]::before, comp-hero[dealer] [after-text] button[message]::before, comp-hero[dealer] ~ * [after-text] button[message]::before, .icon-mail:before, comp-sort [sort] label::after, comp-collapsible > section > header::after, body > main > footer > a[role=button]::after, comp-blog[single] > a::before, comp-hero[display=Page] > a::before, comp-blog > article > a::before, comp-hero[display=Page] > header > a::before, nav[pagination][blog][large] > *[previous] > span::before, nav[pagination][blog][small] > [label=prev]::before, nav[pagination]:not([blog]) > a[role=button][action=prev]::before, comp-container > a[back]::before, comp-slider slider-cards slider-card a[role=button][back]::before, main > [dealer] ~ header a[role=button][back]::before, main > [truck] header a[role=button][back]::before, comp-actions a[role=button][back]::before, comp-modal[compare] part-card footer a[role=button][back]::before, comp-cards part-card a[role=button][back]::before, comp-hero[dealer] [after-text] a[role=button][back]::before, comp-hero[dealer] ~ * [after-text] a[role=button][back]::before, comp-blog > part-post > a::after, nav[pagination][blog][large] > *[next] > span::after, nav[pagination][blog][small] > [label=next]::after, nav[pagination]:not([blog]) > a[role=button][action=next]::after, comp-aside-reveal > aside footer [aside-toggle]::after, comp-aside > section a[more]::after, comp-sort [sort] a::after, [dealer-info] > section:not([map]) a[directions]::after, main > [dealers] ~ header [directions]::after, main > [dealer] ~ comp-container[gradient] [split] [role=button]::after, comp-container[featured-trucks] [split] [role=button]::after, comp-container[nearest-center] > article [itemscope] > a::after, comp-modal > footer button::after, comp-modal > inner-content form > [role=button]::after, comp-cards part-card a[role=button]:not([call])::after, comp-hero[display=Home] > section > button::after, comp-hero[display=Home] > section > button-drop > label::after, comp-hero[dealer] [map] + section [role=button]::after, button[forward]::after, input[type=button][forward]::after,
input[type=submit][forward]::after,
a[role=button][forward]::after, .icon-arrow:before, main > [dealers] ~ header [call]::before, [dealer-highlight] a::before, comp-slider slider-cards slider-card a[role=button][call]::before, main > [dealer] ~ header a[role=button][call]::before, main > [truck] header a[role=button][call]::before, comp-actions a[role=button][call]::before, comp-modal[compare] part-card footer a[role=button][call]::before, comp-cards part-card a[role=button][call]::before, comp-hero[dealer] [after-text] a[role=button][call]::before, comp-hero[dealer] ~ * [after-text] a[role=button][call]::before, .icon-phone:before {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  src: url("../images/icon-font/icomoon.eot?") format("eot"), url("../images/icon-font/icomoon.ttf") format("truetype"), url("../images/icon-font/icomoon.woff") format("woff"), url('../images/icon-font/icomoon.svg#str-replace("icomoon", " ", "_")') format("svg");
}
main > [dealers] ~ header [call]::before, [dealer-highlight] a::before, comp-slider slider-cards slider-card a[role=button][call]::before, main > [dealer] ~ header a[role=button][call]::before, main > [truck] header a[role=button][call]::before, comp-actions a[role=button][call]::before, comp-modal[compare] part-card footer a[role=button][call]::before, comp-cards part-card a[role=button][call]::before, comp-hero[dealer] [after-text] a[role=button][call]::before, comp-hero[dealer] ~ * [after-text] a[role=button][call]::before, .icon-phone:before {
  content: "b";
}
comp-sort [sort] label::after, comp-collapsible > section > header::after, body > main > footer > a[role=button]::after, comp-blog[single] > a::before, comp-hero[display=Page] > a::before, comp-blog > article > a::before, comp-hero[display=Page] > header > a::before, nav[pagination][blog][large] > *[previous] > span::before, nav[pagination][blog][small] > [label=prev]::before, nav[pagination]:not([blog]) > a[role=button][action=prev]::before, comp-container > a[back]::before, comp-slider slider-cards slider-card a[role=button][back]::before, main > [dealer] ~ header a[role=button][back]::before, main > [truck] header a[role=button][back]::before, comp-actions a[role=button][back]::before, comp-modal[compare] part-card footer a[role=button][back]::before, comp-cards part-card a[role=button][back]::before, comp-hero[dealer] [after-text] a[role=button][back]::before, comp-hero[dealer] ~ * [after-text] a[role=button][back]::before, comp-blog > part-post > a::after, nav[pagination][blog][large] > *[next] > span::after, nav[pagination][blog][small] > [label=next]::after, nav[pagination]:not([blog]) > a[role=button][action=next]::after, comp-aside-reveal > aside footer [aside-toggle]::after, comp-aside > section a[more]::after, comp-sort [sort] a::after, [dealer-info] > section:not([map]) a[directions]::after, main > [dealers] ~ header [directions]::after, main > [dealer] ~ comp-container[gradient] [split] [role=button]::after, comp-container[featured-trucks] [split] [role=button]::after, comp-container[nearest-center] > article [itemscope] > a::after, comp-modal > footer button::after, comp-modal > inner-content form > [role=button]::after, comp-cards part-card a[role=button]:not([call])::after, comp-hero[display=Home] > section > button::after, comp-hero[display=Home] > section > button-drop > label::after, comp-hero[dealer] [map] + section [role=button]::after, button[forward]::after, input[type=button][forward]::after,
input[type=submit][forward]::after,
a[role=button][forward]::after, .icon-arrow:before {
  content: "c";
}
main > [dealers] ~ header [email]::before, comp-slider slider-cards slider-card button[message]::before, main > [dealer] ~ header button[message]::before, main > [truck] header button[message]::before, comp-actions button[message]::before, comp-modal[compare] part-card footer button[message]::before, comp-cards part-card button[message]::before, comp-hero[dealer] [after-text] button[message]::before, comp-hero[dealer] ~ * [after-text] button[message]::before, .icon-mail:before {
  content: "d";
}
[sitemap] > header > *:not([type*=center]):not([type*=Center])::before, body > comp-tray > inner-content > section > part-item:not([style])::before, .icon-truck:before {
  content: "e";
}
comp-content:not([truck]) ul li::before, .icon-dash-thick:before {
  content: "f";
}
form[calc] comp-results > header::after, .icon-triangle:before {
  content: "g";
}
comp-hero[display=Home] > section > form > button::before, .icon-search:before {
  content: "h";
}
body > comp-tray > inner-content > button[compare]::before, comp-cards part-card button[compare]::before, .icon-compare:before {
  content: "i";
}
[dir=rtl] .slick-next::before, .slick-prev::before, .icon-left-arrow-thin:before {
  content: "j";
}
.slick-next::before, [dir=rtl] .slick-prev::before, .icon-right-arrow-thin:before {
  content: "k";
}
body > main > footer > section[contact] > inner-content > :first-child a[facebook]::before, .icon-facebook:before {
  content: "l";
}
body > main > footer > section[contact] > inner-content > :first-child a[twitter]::before, .icon-twitter:before {
  content: "m";
}
[sitemap] > header > *[type*=center]::before, [sitemap] > header > *[type*=Center]::before, .icon-marker:before {
  content: "u";
}
comp-compare table td > div > button::before, .icon-info:before {
  content: "v";
}
comp-compare table td[feature][checked]::after, form[default] inline-fields h5::before, form[calc] inline-fields h5::before,
form[default] inline-fields input[type=checkbox] + p::before,
form[type="financing"] inline-fields input[type=checkbox] + p::before,
form[calc] inline-fields input[type=checkbox] + p::before, form[default] inline-fields input[type=radio] + p::before, form[calc] inline-fields input[type=radio] + p::before, comp-modal[contact] label input[type=checkbox] + p::before, comp-modal[sellmytruck] label input[type=checkbox] + p::before, .icon-checkmark:before {
    content: "a";
}
comp-compare table td[feature]:not([checked])::after, comp-cards part-card button[cancel]::before, .icon-close:before {
  content: "n";
}
comp-cards .slick-arrow.slick-prev::before, .icon-arrow-back:before {
  content: "o";
}
comp-cards .slick-arrow.slick-next::before, .icon-arrow-forward:before {
  content: "p";
}
comp-hero[display=Testimonials] > blockquote > p::before, comp-collapsible > section > article h3::after, .icon-dash-thin:before {
  content: "q";
}
.icon-quote:before {
  content: "r";
}
part-question > h2:not([toggled])::after, .icon-plus:before {
  content: "s";
}
part-question > h2[toggled]::after, .icon-minus:before {
  content: "t";
}
.icon-clock:before {
  content: "w";
}
.icon-settings:before {
  content: "x";
}
.icon-truck-group:before {
  content: "y";
}
.icon-heart:before {
  content: "z";
}
.icon-doc:before {
  content: "B";
}
.icon-doc2:before {
  content: "C";
}
.icon-calculator-1:before {
  content: "D";
}
.icon-umbrella:before {
  content: "E";
}
.icon-warranty:before {
  content: "F";
}
.icon-shield:before {
  content: "G";
}
.icon-mic:before {
  content: "A";
}
.icon-money:before {
  content: "H";
}
.icon-card:before {
  content: "I";
}
.icon-group:before {
  content: "J";
}
.icon-right-arrow:before {
  content: "K";
}
.icon-money-badge:before {
  content: "L";
}
.icon-select-lease:before {
  content: "M";
}
.icon-briefcase:before {
  content: "N";
}
.icon-check:before {
  content: "O";
}
.icon-shaking-hands:before {
  content: "P";
}
/*!
 * Materialize v0.97.6 (http://materializecss.com)
 * Copyright 2014-2015 Materialize
 * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
  border-radius: 0.4rem;
  box-shadow: none;
  border: none;
}
.noUi-target.noUi-connect {
  box-shadow: inset 0 0 0.3rem rgba(51, 51, 51, 0.45), 0 0.3rem 0.6rem -0.5rem #BBB;
}
.noUi-base {
  width: 100%;
  height: 1.5rem;
  top: -0.6rem;
  position: relative;
  z-index: 1;
  /* Fix 401 */
  transform: translate3d(0, 0, 0);
}
.noUi-base::before {
  content: "";
  background: #E7E7E7;
  position: absolute;
  right: -2.9rem;
  top: 50%;
  left: -2.9rem;
  transform: translateY(-50%);
  height: 0.6rem;
  border-radius: 0.2rem;
}
.noUi-origin {
  position: absolute;
  right: 0;
  top: 0.6rem;
  left: 0;
  bottom: 0;
  border-radius: 0.2rem;
}
.noUi-background {
  height: 0.6rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: #E7E7E7;
  box-shadow: none;
  border-radius: 0;
}
.noUi-handle {
  position: relative;
  z-index: 1;
  left: -0.1rem;
  border: 0.1rem solid #D9D9D9;
  border-radius: 0.3rem;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 0.1rem #FFF, inset 0 0.1rem 0.7rem #EBEBEB, 0 0.3rem 0.6rem -0.3rem #BBB;
}
.noUi-handle::before, .noUi-handle::after {
  content: "";
  display: block;
  position: absolute;
  height: 1.4rem;
  width: 0.1rem;
  background: #E8E7E6;
  left: 1.4rem;
  top: 0.6rem;
}
.noUi-handle::after {
  left: 1.7rem;
}
.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
     its values is > 50%. */
  z-index: 10;
}
.noUi-state-tap .noUi-origin {
  transition: left 0.25s, top 0.25s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  display: block;
  height: 1.8rem;
  margin: 1.8rem 2.9rem;
}
.noUi-horizontal .noUi-handle {
  width: 3.4rem;
  height: 2.8rem;
  left: -1.7rem;
  top: -0.6rem;
}
.noUi-vertical {
  width: 1.8rem;
}
.noUi-vertical .noUi-handle {
  width: 2.8rem;
  height: 3.4rem;
  left: -0.6rem;
  top: -1.7rem;
}
.noUi-vertical .noUi-dragable {
  cursor: n-resize;
}
.noUi-vertical .noUi-handle::before, .noUi-vertical .noUi-handle::after {
  width: 1.4rem;
  height: 0.1rem;
  left: 0.6rem;
  top: 1.4rem;
}
.noUi-vertical .noUi-handle::after {
  top: 1.7rem;
}
.noUi-connect {
  background: #0076a8;
  box-shadow: inset 0 0 0.3rem rgba(51, 51, 51, 0.45);
  transition: background 450ms;
}
/* Handles and cursors;
 */
.noUi-dragable {
  cursor: w-resize;
}
.noUi-active {
  box-shadow: inset 0 0 0.1rem #FFF, inset 0 0.1rem 0.7rem #DDD, 0 0.3rem 0.6rem -0.3rem #BBB;
}
/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-origin,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/*Materialize Theming*/
.noUi-horizontal {
  height: 0.3rem;
}
.noUi-connect {
  height: 0.6rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ed1f27;
  box-shadow: none;
}
/*Handle*/
.noUi-horizontal .noUi-handle {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  box-shadow: none;
  background-color: #ed1c24;
  border: none;
  left: -1.1rem;
  top: -0.5rem;
  transition: border-radius 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.noUi-horizontal .noUi-handle.noUi-handle-lower {
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  background-image: url(../images/slider-handle-left.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  left: -1.5rem;
}
.noUi-horizontal .noUi-handle.noUi-handle-upper {
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  background-image: url(../images/slider-handle-right.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  left: 0;
}
.noUi-handle:before {
  content: none;
}
.noUi-handle:after {
  content: none;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  font-size: 1.6rem;
  color: #231f20;
  font-weight: 400;
  text-align: center;
  transition: transform 0.25s;
}
.noUi-horizontal .noUi-handle-lower .noUi-tooltip {
  top: -2.8rem;
}
.noUi-horizontal .noUi-handle-upper .noUi-tooltip {
  top: -2.8rem;
  right: 0;
}
.noUi-horizontal.crowded .noUi-handle-lower .noUi-tooltip {
  transform: translateX(-100%);
}
.noUi-horizontal.crowded .noUi-handle-upper .noUi-tooltip {
  transform: translateX(100%);
}
.noUi-vertical .noUi-handle-lower .noUi-tooltip {
  left: 120%;
}
.noUi-vertical .noUi-handle-upper .noUi-tooltip {
  right: 120%;
}
comp-modal > inner-content, comp-modal[contact] > comp-thankyou, comp-modal[sellmytruck] > comp-thankyou, body > main {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
}
@media (max-width: 767px) {
  comp-aside-reveal > aside inner-content {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
  }
}
@media (max-width: 999px) {
  body > header > section > nav {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
  }
}
body > comp-cover, [theme=Dark] part-background::after, part-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  comp-sort select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
comp-highlight, comp-hero[display=Testimonials] > blockquote, comp-hero[display=Testimonials] > section, comp-hero {
  position: relative;
  overflow: hidden;
}
comp-highlight > :not(part-background), comp-hero[display=Testimonials] > blockquote > :not(part-background), comp-hero[display=Testimonials] > section > :not(part-background), comp-hero > :not(part-background) {
  position: relative;
  z-index: 1;
}
comp-timeline, comp-slider slider-cards slider-card, comp-video, part-question, comp-highlight, comp-compare, comp-blog > part-post > part-background, comp-blog > part-post, comp-blog[single], comp-hero[display=Page], comp-nearest, form[default] inline-fields input[type=checkbox] + p, form[calc] inline-fields input[type=checkbox] + p, form[default] inline-fields input[type=radio] + p, form[calc] inline-fields input[type=radio] + p, nav[pagination][blog][large] > * > *, comp-map-search map-search, comp-map-search, body > comp-tray > inner-content > section > part-item, comp-boxed, comp-aside-reveal, comp-aside, comp-sort, main > [truck] header [role=button], main > [truck] header button, main > [dealers] ~ header, [dealer-info] > section:not([map]), main > [dealer] ~ header, main > [truck] header, comp-slides, comp-actions button, comp-actions a[role=button], comp-actions, comp-press, comp-modal[compare] part-card > section item-price, comp-modal[compare] part-card, comp-content, form[calc] comp-results, comp-modal[contact] > comp-thankyou, comp-modal[sellmytruck] > comp-thankyou, comp-modal[contact] label input[type=checkbox] + p, comp-modal[sellmytruck] label input[type=checkbox] + p, comp-modal comp-error, comp-cards part-card[truck] item-price, comp-cards part-card[social] > section > header > user-icon, comp-cards part-card, comp-hero[display=Home] > section > button-drop > nav > a:not([role=button]), comp-hero[display=Home], comp-hero[dealer] [dealer-info] > section [role=button], comp-hero[dealer] [dealer-info] > section button, comp-container > a[back], comp-container, body > main > footer > section[contact] > inner-content, body > header > section > nav > ul a, part-staff, part-slider > label, part-slider {
  display: block;
}
@media (max-width: 767px) {
  form[default] > form-row, form[calc] > form-row, nav[pagination][blog][large] > *, a[role=banner], comp-container[nearest-center] > article, body > main > footer part-legal, body > main > footer part-branding {
    display: block;
  }
}
@media (min-width: 768px) {
  body > comp-tray, comp-aside-reveal > aside inner-content {
    display: block;
  }
}
part-question > h2::after, comp-blog:not([single]), form[default] inline-fields h5, form[calc] inline-fields h5, body > comp-tray > inner-content > section, main > [dealers] ~ header > section:last-of-type, [dealer-info] > section:not([map]) > section:last-of-type, main > [dealer] ~ header > section:last-of-type, main > [truck] header > section:last-of-type, comp-press comp-container > div, nav[tabs], comp-modal, comp-hero[display=Campaign] ~ comp-content [after-text], comp-hero[display=Campaign] > footer, body > main > footer > section[contact] > inner-content > :first-child, part-radio-grid {
  display: flex;
}
@media (max-width: 767px) {
  comp-aside-reveal > aside, comp-sort > inner-content {
    display: flex;
  }
}
@media (min-width: 768px) {
  form[default] > form-row, form[calc] > form-row, main > [dealers] ~ header, main > [truck], body > main > footer part-branding {
    display: flex;
  }
}
@media (max-width: 999px) {
  body > header > section > nav > header {
    display: flex;
  }
}
[sitemap] button[compare], body > comp-tray > inner-content > section > part-item:not([style]) > button, main > [dealer] ~ comp-container button[compare], comp-modal[contact] label input[type=checkbox], comp-modal[sellmytruck] label input[type=checkbox], comp-hero[display=Home] > section > button-drop > input, comp-hero[display=Campaign] ~ [featured-trucks] header h2 > span:first-child {
  display: none !important;
}
@media (max-width: 767px) {
  body > comp-tray, comp-cards part-card button[compare], comp-cards .slick-arrow, comp-hero[display=Testimonials] > * part-background, comp-hero[display=Testimonials] > img {
    display: none !important;
  }
}
@media (min-width: 768px) {
  a[role=banner], comp-aside-reveal > aside footer, comp-aside-reveal > aside header, comp-sort [aside-toggle], comp-sort [sort] label::after, main > [dealer] ~ comp-container > comp-collapsible > section > header, [specs] > section > header, main > [truck] ~ comp-collapsible > section > header, comp-actions, comp-collapsible.hide-header-desktop > section > header {
    display: none !important;
  }
}
@media (max-width: 999px) {
  body > header > section > nav > ul ul, body > header > section > nav > ul div {
    display: none !important;
  }
}
@media (min-width: 1000px) {
  body > header > section > nav > header, body > header > section > button {
    display: none !important;
  }
}
part-question > h2, comp-hero[display=Home] > section > button-drop, comp-hero[display=Home] > comp-slides section > header, comp-hero[display=Home] > comp-slides section.slick-slide > header, comp-hero[display=Home] > comp-slides section, comp-hero[display=Home] > comp-slides section.slick-slide, comp-hero[display=Campaign], body > header > section > nav > form {
  position: relative;
}
@media (max-width: 767px) {
  comp-hero[display=Campaign] part-background {
    position: relative;
  }
}
part-question > h2::before, part-question > h2::after, comp-hero[display=Home] > section > button-drop > nav, comp-hero[display=Campaign] > footer, body > header > section > nav > form > button {
  position: absolute;
}
comp-container[nearest-center] > article::before, body > main > footer part-legal::before, body > main > footer part-branding::before, body > main > footer > section[contact] > inner-content > :first-child::before, comp-container[nearest-center] > article::after, body > main > footer part-legal::after, body > main > footer part-branding::after, body > main > footer > section[contact] > inner-content > :first-child::after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 767px) {
  comp-hero[display=Home] > comp-slides section part-background:first-of-type:not(:last-of-type) {
    background-image: none !important;
    display: none;
  }
}
@media (min-width: 768px) {
  comp-hero[display=Home] > comp-slides section part-background:last-of-type:not(:first-of-type) {
    background-image: none !important;
    display: none;
  }
}
form[default], form[calc], comp-modal[press] inner-content > *, nav[tabs] ~ [tab-target], nav[tabs] {
  margin: 0 auto;
  max-width: 69.4rem;
}
@media (max-width: 766px) {
  form[default], form[calc], comp-modal[press] inner-content > *, nav[tabs] ~ [tab-target], nav[tabs] {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
  }
}
comp-compare > *, comp-container[nearest-center] > article, comp-container > a[back], comp-container[wide] > * {
  margin: 0 auto;
  max-width: 114.6rem;
}
@media (max-width: 1218px) {
  comp-compare > *, comp-container[nearest-center] > article, comp-container > a[back], comp-container[wide] > * {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
  }
}
@media (min-width: 1000px) {
  body > main > footer part-legal, body > main > footer part-branding, body > main > footer comp-collapsible, body > main > footer > section[contact] > inner-content, body > main > footer > a[role=button], body > header > section {
    margin: 0 auto;
    max-width: 114.6rem;
  }
}
@media (min-width: 1000px) and (max-width: 1218px) {
  body > main > footer part-legal, body > main > footer part-branding, body > main > footer comp-collapsible, body > main > footer > section[contact] > inner-content, body > main > footer > a[role=button], body > header > section {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
  }
}
comp-aside-reveal {
  margin: 0 auto;
  max-width: 163rem;
}
@media (max-width: 1702px) {
  comp-aside-reveal {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
  }
}
comp-nearest {
  margin: 0 auto;
  max-width: 92.4rem;
}
@media (max-width: 996px) {
  comp-nearest {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
  }
}
@media (max-width: 767px) {
  comp-hero[dealer] [map] + section {
    margin: 0 auto;
    max-width: 92.4rem;
  }
}
@media (max-width: 767px) and (max-width: 996px) {
  comp-hero[dealer] [map] + section {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
  }
}
@media (min-width: 768px) {
  comp-hero[dealer]:not([display=Campaign]) {
    margin: 0 auto;
    max-width: 92.4rem;
  }
}
@media (min-width: 768px) and (max-width: 996px) {
  comp-hero[dealer]:not([display=Campaign]) {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
  }
}
comp-sort > inner-content {
  margin: 0 auto;
  max-width: 111rem;
}
@media (max-width: 1182px) {
  comp-sort > inner-content {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
  }
}
comp-video, comp-blog:not([single]), nav[pagination][blog], body > comp-tray > inner-content, comp-aside, main > [dealers] ~ header, [dealer-info] > section:not([map]), main > [dealer] ~ header, main > [truck] header, comp-actions, main > comp-cards, comp-container:not([wide]) > *, body > header > section > nav > ul > li > div > section {
  margin: 0 auto;
  max-width: 96rem;
}
@media (max-width: 1032px) {
  comp-video, comp-blog:not([single]), nav[pagination][blog], body > comp-tray > inner-content, comp-aside, main > [dealers] ~ header, [dealer-info] > section:not([map]), main > [dealer] ~ header, main > [truck] header, comp-actions, main > comp-cards, comp-container:not([wide]) > *, body > header > section > nav > ul > li > div > section {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
  }
}
@media (max-width: 767px) {
  body > main > footer part-legal, body > main > footer > section[contact] > inner-content, body > main > footer > a[role=button] {
    margin: 0 auto;
    max-width: 96rem;
  }
}
@media (max-width: 767px) and (max-width: 1032px) {
  body > main > footer part-legal, body > main > footer > section[contact] > inner-content, body > main > footer > a[role=button] {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
  }
}
@media (max-width: 999px) {
  body > header > section > nav {
    width: 26rem;
  }
}
@media (max-width: 767px) {
  html.nav-active body > main {
    transform: translateX(26rem);
  }
}
@media (max-width: 999px) {
  html.nav-active body > header > section > * {
    transform: translateX(26rem);
  }
}
@media (max-width: 767px) {
  comp-aside-reveal > aside {
    width: 100vw;
  }
}
@media (max-width: 767px) {
  html.aside-active comp-aside-reveal > aside {
    transform: translateX(100vw);
  }
}
comp-modal[contact] > inner-content::before, comp-modal[sellmytruck] > inner-content::before, comp-cards::before {
  content: "";
  width: 11.2rem;
  height: 11.2rem;
  position: absolute;
  left: 50%;
  margin-left: -5.6rem;
  top: 10rem;
  background: url("../images/loading.png") no-repeat center center;
  z-index: 1;
  display: none;
}
comp-press comp-container.loading::before, comp-modal[contact].loading > inner-content::before, comp-modal[sellmytruck].loading > inner-content::before, .loading comp-cards::before {
  display: block;
  -webkit-animation: spin 2s infinite linear;
          animation: spin 2s infinite linear;
}
comp-press comp-container.loading > *, comp-modal[contact].loading > inner-content > *, comp-modal[sellmytruck].loading > inner-content > *, .loading comp-cards > * {
  opacity: 0.1;
}
comp-slider slider-cards slider-card button[message]::before, main > [dealer] ~ header button[message]::before, main > [truck] header button[message]::before, comp-actions button[message]::before, comp-modal[compare] part-card footer button[message]::before, comp-cards part-card button[message]::before, comp-hero[dealer] [after-text] button[message]::before, comp-hero[dealer] ~ * [after-text] button[message]::before,
comp-slider slider-cards slider-card a[role=button][call]::before,
main > [dealer] ~ header a[role=button][call]::before,
main > [truck] header a[role=button][call]::before,
comp-actions a[role=button][call]::before,
comp-modal[compare] part-card footer a[role=button][call]::before,
comp-cards part-card a[role=button][call]::before,
comp-hero[dealer] [after-text] a[role=button][call]::before,
comp-hero[dealer] ~ * [after-text] a[role=button][call]::before, comp-blog[single] > a::before, comp-hero[display=Page] > a::before, comp-blog > article > a::before, comp-hero[display=Page] > header > a::before, nav[pagination][blog][large] > *[previous] > span::before, nav[pagination][blog][small] > [label=prev]::before, nav[pagination]:not([blog]) > a[role=button][action=prev]::before, comp-container > a[back]::before, comp-slider slider-cards slider-card a[role=button][back]::before, main > [dealer] ~ header a[role=button][back]::before, main > [truck] header a[role=button][back]::before, comp-actions a[role=button][back]::before, comp-modal[compare] part-card footer a[role=button][back]::before, comp-cards part-card a[role=button][back]::before, comp-hero[dealer] [after-text] a[role=button][back]::before, comp-hero[dealer] ~ * [after-text] a[role=button][back]::before, comp-blog > part-post > a::before, nav[pagination][blog][large] > *[next] > span::before, nav[pagination][blog][small] > [label=next]::before, nav[pagination]:not([blog]) > a[role=button][action=next]::before, comp-aside-reveal > aside footer [aside-toggle]::before, comp-aside > section a[more]::before, comp-sort [sort] a::before, [dealer-info] > section:not([map]) a[directions]::before, main > [dealers] ~ header [directions]::before, main > [dealer] ~ comp-container[gradient] [split] [role=button]::before, comp-container[featured-trucks] [split] [role=button]::before, comp-container[nearest-center] > article [itemscope] > a::before, comp-modal > footer button::before, comp-modal > inner-content form > [role=button]::before, comp-cards part-card a[role=button]:not([call])::before, comp-hero[display=Home] > section > button::before, comp-hero[display=Home] > section > button-drop > label::before, comp-hero[dealer] [map] + section [role=button]::before, button[forward]::before, input[type=button][forward]::before,
input[type=submit][forward]::before,
a[role=button][forward]::before {
  margin-right: 1.8rem;
}
comp-slider slider-cards slider-card button[message]::after, main > [dealer] ~ header button[message]::after, main > [truck] header button[message]::after, comp-actions button[message]::after, comp-modal[compare] part-card footer button[message]::after, comp-cards part-card button[message]::after, comp-hero[dealer] [after-text] button[message]::after, comp-hero[dealer] ~ * [after-text] button[message]::after,
comp-slider slider-cards slider-card a[role=button][call]::after,
main > [dealer] ~ header a[role=button][call]::after,
main > [truck] header a[role=button][call]::after,
comp-actions a[role=button][call]::after,
comp-modal[compare] part-card footer a[role=button][call]::after,
comp-cards part-card a[role=button][call]::after,
comp-hero[dealer] [after-text] a[role=button][call]::after,
comp-hero[dealer] ~ * [after-text] a[role=button][call]::after, comp-blog[single] > a::after, comp-hero[display=Page] > a::after, comp-blog > article > a::after, comp-hero[display=Page] > header > a::after, nav[pagination][blog][large] > *[previous] > span::after, nav[pagination][blog][small] > [label=prev]::after, nav[pagination]:not([blog]) > a[role=button][action=prev]::after, comp-container > a[back]::after, comp-slider slider-cards slider-card a[role=button][back]::after, main > [dealer] ~ header a[role=button][back]::after, main > [truck] header a[role=button][back]::after, comp-actions a[role=button][back]::after, comp-modal[compare] part-card footer a[role=button][back]::after, comp-cards part-card a[role=button][back]::after, comp-hero[dealer] [after-text] a[role=button][back]::after, comp-hero[dealer] ~ * [after-text] a[role=button][back]::after, comp-blog > part-post > a::after, nav[pagination][blog][large] > *[next] > span::after, nav[pagination][blog][small] > [label=next]::after, nav[pagination]:not([blog]) > a[role=button][action=next]::after, comp-aside-reveal > aside footer [aside-toggle]::after, comp-aside > section a[more]::after, comp-sort [sort] a::after, [dealer-info] > section:not([map]) a[directions]::after, main > [dealers] ~ header [directions]::after, main > [dealer] ~ comp-container[gradient] [split] [role=button]::after, comp-container[featured-trucks] [split] [role=button]::after, comp-container[nearest-center] > article [itemscope] > a::after, comp-modal > footer button::after, comp-modal > inner-content form > [role=button]::after, comp-cards part-card a[role=button]:not([call])::after, comp-hero[display=Home] > section > button::after, comp-hero[display=Home] > section > button-drop > label::after, comp-hero[dealer] [map] + section [role=button]::after, button[forward]::after, input[type=button][forward]::after,
input[type=submit][forward]::after,
a[role=button][forward]::after {
  margin-left: 1.8rem;
}
comp-hero[display=Home] > section > form > button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
comp-hero[display=Home] > section > form > input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media (min-width: 768px) {
  comp-slider slider-cards slider-card footer, [dealer-highlight], main > [dealers] ~ header > section:last-of-type, [dealer-info] > section:not([map]) > section:last-of-type, main > [dealer] ~ header > section:last-of-type, main > [truck] header > section:last-of-type, comp-modal[compare] part-card footer, comp-content footer, comp-cards part-card[truck] footer {
    flex-flow: row wrap;
  }
  comp-slider slider-cards slider-card footer::after, [dealer-highlight]::after, main > [dealers] ~ header > section:last-of-type::after, [dealer-info] > section:not([map]) > section:last-of-type::after, main > [dealer] ~ header > section:last-of-type::after, main > [truck] header > section:last-of-type::after, comp-modal[compare] part-card footer::after, comp-content footer::after, comp-cards part-card[truck] footer::after {
    content: attr(after-text);
    display: block;
    width: 100%;
    max-height: 0;
    transition: max-height 0.25s, padding 0.25s;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
  }
  comp-slider slider-cards slider-card footer.expanded::after, .expanded[dealer-highlight]::after, main > [dealers] ~ header > section.expanded:last-of-type::after, [dealer-info] > section:not([map]) > section.expanded:last-of-type::after, main > [dealer] ~ header > section.expanded:last-of-type::after, main > [truck] header > section.expanded:last-of-type::after, comp-modal[compare] part-card footer.expanded::after, comp-content footer.expanded::after, comp-cards part-card[truck] footer.expanded::after {
    max-height: 5rem;
    padding-top: 1rem;
  }
}
comp-blog > part-post, comp-container[nearest-center] > article [itemscope], comp-cards part-card {
  box-shadow: 0 0 1.8rem 0 rgba(5, 5, 5, 0.11);
}
html:not(.touch) comp-blog > part-post:hover, html:not(.touch) comp-cards part-card:hover {
  box-shadow: 0 0.5rem 2.6rem 0 rgba(5, 5, 5, 0.2);
}
comp-blog[single] > a, comp-hero[display=Page] > a, 
form[default] button[type=submit], 
form[type="financing"] button[type=submit],
form[calc] button[type=submit], comp-aside-reveal > aside footer [aside-toggle], [dealer-highlight] a, comp-hero[display=Home] > section > button, comp-hero[display=Home] > section > button-drop > label, comp-hero[display=Home] > comp-slides section > header > a, comp-hero[display=Home] > comp-slides section.slick-slide > header > a, button, input[type=button],
input[type=submit],
a[role=button] {
  background: transparent;
  color: #0076a8;
  text-transform: uppercase;
  padding: 1rem 2rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  max-width: 27rem;
  display: block;
  text-align: center;
  border: 0;
  border-radius: 3rem;
  cursor: pointer;
  transition: color 0.25s, background-color 0.25s, box-shadow 0.25s;
  text-decoration: none !important;
}
comp-blog > part-post > a, nav[pagination][blog][small] > *[label=prev], nav[pagination][blog][small] > *[label=next], [dealer-info] > section:not([map]) a[directions], main > [dealer] ~ comp-container[gradient] [split] [role=button], comp-container[featured-trucks] [split] [role=button], comp-hero[dealer] [map] + section [role=button], comp-container > a[back] {
  color: #ed1c24;
  font-size: 1.8rem;
  font-family: "Teko", sans-serif;
  letter-spacing: 0.0025em;
}
comp-blog > part-post > a::before, nav[pagination][blog][small] > [label=prev]::before, nav[pagination][blog][small] > [label=next]::before, [dealer-info] > section:not([map]) a[directions]::before, main > [dealer] ~ comp-container[gradient] [split] [role=button]::before, comp-container[featured-trucks] [split] [role=button]::before, comp-hero[dealer] [map] + section [role=button]::before, comp-container > a[back]::before, comp-blog > part-post > a::after, nav[pagination][blog][small] > [label=prev]::after, nav[pagination][blog][small] > [label=next]::after, [dealer-info] > section:not([map]) a[directions]::after, main > [dealer] ~ comp-container[gradient] [split] [role=button]::after, comp-container[featured-trucks] [split] [role=button]::after, comp-hero[dealer] [map] + section [role=button]::after, comp-container > a[back]::after {
  font-size: 0.8em;
}
comp-blog > part-post > a::after, nav[pagination][blog][large] > *[next] > span::after, nav[pagination][blog][small] > [label=next]::after, nav[pagination]:not([blog]) > a[role=button][action=next]::after, comp-aside-reveal > aside footer [aside-toggle]::after, comp-aside > section a[more]::after, comp-sort [sort] a::after, [dealer-info] > section:not([map]) a[directions]::after, main > [dealers] ~ header [directions]::after, main > [dealer] ~ comp-container[gradient] [split] [role=button]::after, comp-container[featured-trucks] [split] [role=button]::after, comp-container[nearest-center] > article [itemscope] > a::after, comp-modal > footer button::after, comp-modal > inner-content form > [role=button]::after, comp-cards part-card a[role=button]:not([call])::after, comp-hero[display=Home] > section > button::after, comp-hero[display=Home] > section > button-drop > label::after, comp-hero[dealer] [map] + section [role=button]::after, button[forward]::after, input[type=button][forward]::after,
input[type=submit][forward]::after,
a[role=button][forward]::after {
  display: inline-block;
  vertical-align: middle;
}
comp-blog[single] > a::before, comp-hero[display=Page] > a::before, comp-blog > article > a::before, comp-hero[display=Page] > header > a::before, nav[pagination][blog][large] > *[previous] > span::before, nav[pagination][blog][small] > [label=prev]::before, nav[pagination]:not([blog]) > a[role=button][action=prev]::before, comp-container > a[back]::before, comp-slider slider-cards slider-card a[role=button][back]::before, main > [dealer] ~ header a[role=button][back]::before, main > [truck] header a[role=button][back]::before, comp-actions a[role=button][back]::before, comp-modal[compare] part-card footer a[role=button][back]::before, comp-cards part-card a[role=button][back]::before, comp-hero[dealer] [after-text] a[role=button][back]::before, comp-hero[dealer] ~ * [after-text] a[role=button][back]::before {
  display: inline-block;
  vertical-align: middle;
  transform: rotate(180deg) translateY(0.2rem);
}
comp-blog[single] > a, comp-hero[display=Page] > a, button[large], input[type=button][large],
input[type=submit][large],
a[role=button][large] {
  max-width: 31rem;
  font-family: "Teko", sans-serif;
  font-size: 2.6rem;
  letter-spacing: 0.025em;
  font-weight: 600;
  line-height: 1.5;
}
comp-blog[single] > a::before, comp-hero[display=Page] > a::before, button[large]::before, input[type=button][large]::before,
input[type=submit][large]::before,
a[role=button][large]::before, comp-blog[single] > a::after, comp-hero[display=Page] > a::after, button[large]::after, input[type=button][large]::after,
input[type=submit][large]::after,
a[role=button][large]::after {
  font-size: 0.5em;
  vertical-align: middle;
}
form[default] button[type=submit],
form[type="financing"] button[type=submit],
form[calc] button[type=submit], nav[pagination]:not([blog]) > a[role=button], comp-aside-reveal > aside footer [aside-toggle], comp-aside > section a[more], main > [dealers] ~ header [call], comp-press comp-container > button, comp-modal > footer button, comp-hero[display=Home] > section > button, comp-hero[display=Home] > section > button-drop > label, comp-hero[display=Home] > comp-slides section > header > a, comp-hero[display=Home] > comp-slides section.slick-slide > header > a, comp-hero[display=Campaign] > footer a[role=button], comp-slider slider-cards slider-card a[role=button][call], main > [dealer] ~ header a[role=button][call], main > [truck] header a[role=button][call], comp-actions a[role=button][call], comp-modal[compare] part-card footer a[role=button][call], comp-cards part-card a[role=button][call], comp-hero[dealer] [after-text] a[role=button][call], comp-hero[dealer] ~ * [after-text] a[role=button][call], button[theme=red-filled], input[type=button][theme=red-filled],
input[type=submit][theme=red-filled],
a[role=button][theme=red-filled] {
    background-color: #ed1c24;
    color: #fff;
}
html:not(.touch) form[default] button[type=submit]:hover,
html:not(.touch) form[type="financing"] button[type=submit]:hover,
form[default] html:not(.touch) button[type=submit]:hover, html:not(.touch) form[calc] button[type=submit]:hover, form[calc] html:not(.touch) button[type=submit]:hover, html:not(.touch) nav[pagination]:not([blog]) > a[role=button]:hover, html:not(.touch) comp-aside-reveal > aside footer [aside-toggle]:hover, comp-aside-reveal > aside footer html:not(.touch) [aside-toggle]:hover, html:not(.touch) comp-aside > section a[more]:hover, comp-aside > section html:not(.touch) a[more]:hover, html:not(.touch) main > [dealers] ~ header [call]:hover, main > [dealers] ~ header html:not(.touch) [call]:hover, html:not(.touch) comp-press comp-container > button:hover, comp-press html:not(.touch) comp-container > button:hover, html:not(.touch) comp-modal > footer button:hover, comp-modal > footer html:not(.touch) button:hover, html:not(.touch) comp-hero[display=Home] > section > button:hover, html:not(.touch) comp-hero[display=Home] > section > button-drop > label:hover, html:not(.touch) comp-hero[display=Home] > comp-slides section > header > a:hover, comp-hero[display=Home] > comp-slides html:not(.touch) section > header > a:hover, html:not(.touch) comp-hero[display=Campaign] > footer a[role=button]:hover, comp-hero[display=Campaign] > footer html:not(.touch) a[role=button]:hover, html:not(.touch) comp-slider slider-cards slider-card a[role=button][call]:hover, comp-slider slider-cards html:not(.touch) slider-card a[role=button][call]:hover, html:not(.touch) main > [dealer] ~ header a[role=button][call]:hover, html:not(.touch) main > [truck] header a[role=button][call]:hover, main > [truck] html:not(.touch) header a[role=button][call]:hover, html:not(.touch) comp-actions a[role=button][call]:hover, html:not(.touch) comp-modal[compare] part-card footer a[role=button][call]:hover, comp-modal[compare] part-card html:not(.touch) footer a[role=button][call]:hover, html:not(.touch) comp-cards part-card a[role=button][call]:hover, comp-cards html:not(.touch) part-card a[role=button][call]:hover, html:not(.touch) comp-hero[dealer] [after-text] a[role=button][call]:hover, comp-hero[dealer] html:not(.touch) [after-text] a[role=button][call]:hover, html:not(.touch) comp-hero[dealer] ~ * [after-text] a[role=button][call]:hover, comp-hero[dealer] ~ * html:not(.touch) [after-text] a[role=button][call]:hover, comp-slider slider-cards slider-card html:not(.touch) a[role=button][call]:hover, main > [dealer] ~ header html:not(.touch) a[role=button][call]:hover, main > [truck] header html:not(.touch) a[role=button][call]:hover, comp-actions html:not(.touch) a[role=button][call]:hover, comp-modal[compare] part-card footer html:not(.touch) a[role=button][call]:hover, comp-cards part-card html:not(.touch) a[role=button][call]:hover, comp-hero[dealer] [after-text] html:not(.touch) a[role=button][call]:hover, comp-hero[dealer] ~ * [after-text] html:not(.touch) a[role=button][call]:hover, html:not(.touch) button[theme=red-filled]:hover, html:not(.touch) input[type=button][theme=red-filled]:hover,
html:not(.touch) input[type=submit][theme=red-filled]:hover,
html:not(.touch) a[role=button][theme=red-filled]:hover {
    background-color: #c61017;
    color: #fff;
}
form[default] button[type=submit]:active,
form[type="financing"] button[type=submit]:active,
form[calc] button[type=submit]:active, nav[pagination]:not([blog]) > a[role=button]:active, comp-aside-reveal > aside footer [aside-toggle]:active, comp-aside > section a[more]:active, main > [dealers] ~ header [call]:active, comp-press comp-container > button:active, comp-modal > footer button:active, comp-hero[display=Home] > section > button:active, comp-hero[display=Home] > section > button-drop > label:active, comp-hero[display=Home] > comp-slides section > header > a:active, comp-hero[display=Campaign] > footer a[role=button]:active, comp-slider slider-cards slider-card a[role=button][call]:active, main > [dealer] ~ header a[role=button][call]:active, main > [truck] header a[role=button][call]:active, comp-actions a[role=button][call]:active, comp-modal[compare] part-card footer a[role=button][call]:active, comp-cards part-card a[role=button][call]:active, comp-hero[dealer] [after-text] a[role=button][call]:active, comp-hero[dealer] ~ * [after-text] a[role=button][call]:active, button[theme=red-filled]:active, input[type=button][theme=red-filled]:active,
input[type=submit][theme=red-filled]:active,
a[role=button][theme=red-filled]:active {
    background-color: #231f20;
}
form[default] button[type=submit]:disabled,
form[type="financing"] button[type=submit]:disabled,
form[calc] button[type=submit]:disabled, nav[pagination]:not([blog]) > a[role=button]:disabled, comp-aside-reveal > aside footer [aside-toggle]:disabled, comp-aside > section a[more]:disabled, main > [dealers] ~ header [call]:disabled, comp-press comp-container > button:disabled, comp-modal > footer button:disabled, comp-hero[display=Home] > section > button:disabled, comp-hero[display=Home] > section > button-drop > label:disabled, comp-hero[display=Home] > comp-slides section > header > a:disabled, comp-hero[display=Campaign] > footer a[role=button]:disabled, comp-slider slider-cards slider-card a[role=button][call]:disabled, main > [dealer] ~ header a[role=button][call]:disabled, main > [truck] header a[role=button][call]:disabled, comp-actions a[role=button][call]:disabled, comp-modal[compare] part-card footer a[role=button][call]:disabled, comp-cards part-card a[role=button][call]:disabled, comp-hero[dealer] [after-text] a[role=button][call]:disabled, comp-hero[dealer] ~ * [after-text] a[role=button][call]:disabled, button[theme=red-filled]:disabled, input[type=button][theme=red-filled]:disabled,
input[type=submit][theme=red-filled]:disabled,
a[role=button][theme=red-filled]:disabled {
    background-color: #E7E7E7;
    cursor: default;
}
html:not(.touch) form[default] button[type=submit]:disabled:hover,
html:not(.touch) form[type="financing"] button[type=submit]:disabled:hover,
form[default] html:not(.touch) button[type=submit]:disabled:hover, html:not(.touch) form[calc] button[type=submit]:disabled:hover, form[calc] html:not(.touch) button[type=submit]:disabled:hover, html:not(.touch) nav[pagination]:not([blog]) > a[role=button]:disabled:hover, html:not(.touch) comp-aside-reveal > aside footer [aside-toggle]:disabled:hover, comp-aside-reveal > aside footer html:not(.touch) [aside-toggle]:disabled:hover, html:not(.touch) comp-aside > section a[more]:disabled:hover, comp-aside > section html:not(.touch) a[more]:disabled:hover, html:not(.touch) main > [dealers] ~ header [call]:disabled:hover, main > [dealers] ~ header html:not(.touch) [call]:disabled:hover, html:not(.touch) comp-press comp-container > button:disabled:hover, comp-press html:not(.touch) comp-container > button:disabled:hover, html:not(.touch) comp-modal > footer button:disabled:hover, comp-modal > footer html:not(.touch) button:disabled:hover, html:not(.touch) comp-hero[display=Home] > section > button:disabled:hover, html:not(.touch) comp-hero[display=Home] > section > button-drop > label:disabled:hover, html:not(.touch) comp-hero[display=Home] > comp-slides section > header > a:disabled:hover, comp-hero[display=Home] > comp-slides html:not(.touch) section > header > a:disabled:hover, html:not(.touch) comp-hero[display=Campaign] > footer a[role=button]:disabled:hover, comp-hero[display=Campaign] > footer html:not(.touch) a[role=button]:disabled:hover, html:not(.touch) comp-slider slider-cards slider-card a[role=button][call]:disabled:hover, comp-slider slider-cards html:not(.touch) slider-card a[role=button][call]:disabled:hover, html:not(.touch) main > [dealer] ~ header a[role=button][call]:disabled:hover, html:not(.touch) main > [truck] header a[role=button][call]:disabled:hover, main > [truck] html:not(.touch) header a[role=button][call]:disabled:hover, html:not(.touch) comp-actions a[role=button][call]:disabled:hover, html:not(.touch) comp-modal[compare] part-card footer a[role=button][call]:disabled:hover, comp-modal[compare] part-card html:not(.touch) footer a[role=button][call]:disabled:hover, html:not(.touch) comp-cards part-card a[role=button][call]:disabled:hover, comp-cards html:not(.touch) part-card a[role=button][call]:disabled:hover, html:not(.touch) comp-hero[dealer] [after-text] a[role=button][call]:disabled:hover, comp-hero[dealer] html:not(.touch) [after-text] a[role=button][call]:disabled:hover, html:not(.touch) comp-hero[dealer] ~ * [after-text] a[role=button][call]:disabled:hover, comp-hero[dealer] ~ * html:not(.touch) [after-text] a[role=button][call]:disabled:hover, comp-slider slider-cards slider-card html:not(.touch) a[role=button][call]:disabled:hover, main > [dealer] ~ header html:not(.touch) a[role=button][call]:disabled:hover, main > [truck] header html:not(.touch) a[role=button][call]:disabled:hover, comp-actions html:not(.touch) a[role=button][call]:disabled:hover, comp-modal[compare] part-card footer html:not(.touch) a[role=button][call]:disabled:hover, comp-cards part-card html:not(.touch) a[role=button][call]:disabled:hover, comp-hero[dealer] [after-text] html:not(.touch) a[role=button][call]:disabled:hover, comp-hero[dealer] ~ * [after-text] html:not(.touch) a[role=button][call]:disabled:hover, html:not(.touch) button[theme=red-filled]:disabled:hover, html:not(.touch) input[type=button][theme=red-filled]:disabled:hover,
html:not(.touch) input[type=submit][theme=red-filled]:disabled:hover,
html:not(.touch) a[role=button][theme=red-filled]:disabled:hover {
    background-color: #E7E7E7;
}
comp-blog[single] > a, comp-hero[display=Page] > a, comp-blog > article > a, comp-hero[display=Page] > header > a, comp-sort [sort] a, main > [dealers] ~ header [directions], main > [truck] a[role=button], main > [dealer] ~ comp-container[gradient] > footer [role=button], comp-container[featured-trucks] > footer [role=button], comp-slider slider-cards slider-card a[role=button][back], main > [dealer] ~ header a[role=button][back], main > [truck] header a[role=button][back], comp-actions a[role=button][back], comp-modal[compare] part-card footer a[role=button][back], comp-cards part-card a[role=button][back], comp-hero[dealer] [after-text] a[role=button][back], comp-hero[dealer] ~ * [after-text] a[role=button][back], button[theme=red-outline], input[type=button][theme=red-outline],
input[type=submit][theme=red-outline],
a[role=button][theme=red-outline] {
  color: #ed1c24;
  box-shadow: inset 0 0 0 0.1rem #ed1c24;
}
html:not(.touch) comp-blog[single] > a:hover, html:not(.touch) comp-hero[display=Page] > a:hover, html:not(.touch) comp-blog > article > a:hover, html:not(.touch) comp-hero[display=Page] > header > a:hover, html:not(.touch) comp-sort [sort] a:hover, comp-sort [sort] html:not(.touch) a:hover, html:not(.touch) main > [dealers] ~ header [directions]:hover, main > [dealers] ~ header html:not(.touch) [directions]:hover, html:not(.touch) main > [truck] a[role=button]:hover, main > [truck] html:not(.touch) a[role=button]:hover, html:not(.touch) main > [dealer] ~ comp-container[gradient] > footer [role=button]:hover, html:not(.touch) comp-container[featured-trucks] > footer [role=button]:hover, main > [dealer] ~ comp-container[gradient] > footer html:not(.touch) [role=button]:hover, comp-container[featured-trucks] > footer html:not(.touch) [role=button]:hover, html:not(.touch) comp-slider slider-cards slider-card a[role=button][back]:hover, comp-slider slider-cards html:not(.touch) slider-card a[role=button][back]:hover, html:not(.touch) main > [dealer] ~ header a[role=button][back]:hover, html:not(.touch) comp-actions a[role=button][back]:hover, html:not(.touch) comp-modal[compare] part-card footer a[role=button][back]:hover, comp-modal[compare] part-card html:not(.touch) footer a[role=button][back]:hover, html:not(.touch) comp-cards part-card a[role=button][back]:hover, comp-cards html:not(.touch) part-card a[role=button][back]:hover, html:not(.touch) comp-hero[dealer] [after-text] a[role=button][back]:hover, comp-hero[dealer] html:not(.touch) [after-text] a[role=button][back]:hover, html:not(.touch) comp-hero[dealer] ~ * [after-text] a[role=button][back]:hover, comp-hero[dealer] ~ * html:not(.touch) [after-text] a[role=button][back]:hover, comp-slider slider-cards slider-card html:not(.touch) a[role=button][back]:hover, main > [dealer] ~ header html:not(.touch) a[role=button][back]:hover, comp-actions html:not(.touch) a[role=button][back]:hover, comp-modal[compare] part-card footer html:not(.touch) a[role=button][back]:hover, comp-cards part-card html:not(.touch) a[role=button][back]:hover, comp-hero[dealer] [after-text] html:not(.touch) a[role=button][back]:hover, comp-hero[dealer] ~ * [after-text] html:not(.touch) a[role=button][back]:hover, html:not(.touch) button[theme=red-outline]:hover, html:not(.touch) input[type=button][theme=red-outline]:hover,
html:not(.touch) input[type=submit][theme=red-outline]:hover,
html:not(.touch) a[role=button][theme=red-outline]:hover {
  color: #c61017;
  box-shadow: inset 0 0 0 0.1rem #c61017;
}
comp-blog[single] > a:active, comp-hero[display=Page] > a:active, comp-blog > article > a:active, comp-hero[display=Page] > header > a:active, comp-sort [sort] a:active, main > [dealers] ~ header [directions]:active, main > [truck] a[role=button]:active, main > [dealer] ~ comp-container[gradient] > footer [role=button]:active, comp-container[featured-trucks] > footer [role=button]:active, comp-slider slider-cards slider-card a[role=button][back]:active, main > [dealer] ~ header a[role=button][back]:active, comp-actions a[role=button][back]:active, comp-modal[compare] part-card footer a[role=button][back]:active, comp-cards part-card a[role=button][back]:active, comp-hero[dealer] [after-text] a[role=button][back]:active, comp-hero[dealer] ~ * [after-text] a[role=button][back]:active, button[theme=red-outline]:active, input[type=button][theme=red-outline]:active,
input[type=submit][theme=red-outline]:active,
a[role=button][theme=red-outline]:active {
  color: #231f20;
  box-shadow: inset 0 0 0 0.1rem #231f20;
}
comp-blog[single] > a:disabled, comp-hero[display=Page] > a:disabled, comp-blog > article > a:disabled, comp-hero[display=Page] > header > a:disabled, comp-sort [sort] a:disabled, main > [dealers] ~ header [directions]:disabled, main > [truck] a[role=button]:disabled, main > [dealer] ~ comp-container[gradient] > footer [role=button]:disabled, comp-container[featured-trucks] > footer [role=button]:disabled, comp-slider slider-cards slider-card a[role=button][back]:disabled, main > [dealer] ~ header a[role=button][back]:disabled, comp-actions a[role=button][back]:disabled, comp-modal[compare] part-card footer a[role=button][back]:disabled, comp-cards part-card a[role=button][back]:disabled, comp-hero[dealer] [after-text] a[role=button][back]:disabled, comp-hero[dealer] ~ * [after-text] a[role=button][back]:disabled, button[theme=red-outline]:disabled, input[type=button][theme=red-outline]:disabled,
input[type=submit][theme=red-outline]:disabled,
a[role=button][theme=red-outline]:disabled {
  color: #E7E7E7;
  box-shadow: inset 0 0 0 0.1rem #E7E7E7;
}
html:not(.touch) comp-blog[single] > a:disabled:hover, html:not(.touch) comp-hero[display=Page] > a:disabled:hover, html:not(.touch) comp-blog > article > a:disabled:hover, html:not(.touch) comp-hero[display=Page] > header > a:disabled:hover, html:not(.touch) comp-sort [sort] a:disabled:hover, comp-sort [sort] html:not(.touch) a:disabled:hover, html:not(.touch) main > [dealers] ~ header [directions]:disabled:hover, main > [dealers] ~ header html:not(.touch) [directions]:disabled:hover, html:not(.touch) main > [truck] a[role=button]:disabled:hover, main > [truck] html:not(.touch) a[role=button]:disabled:hover, html:not(.touch) main > [dealer] ~ comp-container[gradient] > footer [role=button]:disabled:hover, html:not(.touch) comp-container[featured-trucks] > footer [role=button]:disabled:hover, main > [dealer] ~ comp-container[gradient] > footer html:not(.touch) [role=button]:disabled:hover, comp-container[featured-trucks] > footer html:not(.touch) [role=button]:disabled:hover, html:not(.touch) comp-slider slider-cards slider-card a[role=button][back]:disabled:hover, comp-slider slider-cards html:not(.touch) slider-card a[role=button][back]:disabled:hover, html:not(.touch) main > [dealer] ~ header a[role=button][back]:disabled:hover, html:not(.touch) comp-actions a[role=button][back]:disabled:hover, html:not(.touch) comp-modal[compare] part-card footer a[role=button][back]:disabled:hover, comp-modal[compare] part-card html:not(.touch) footer a[role=button][back]:disabled:hover, html:not(.touch) comp-cards part-card a[role=button][back]:disabled:hover, comp-cards html:not(.touch) part-card a[role=button][back]:disabled:hover, html:not(.touch) comp-hero[dealer] [after-text] a[role=button][back]:disabled:hover, comp-hero[dealer] html:not(.touch) [after-text] a[role=button][back]:disabled:hover, html:not(.touch) comp-hero[dealer] ~ * [after-text] a[role=button][back]:disabled:hover, comp-hero[dealer] ~ * html:not(.touch) [after-text] a[role=button][back]:disabled:hover, comp-slider slider-cards slider-card html:not(.touch) a[role=button][back]:disabled:hover, main > [dealer] ~ header html:not(.touch) a[role=button][back]:disabled:hover, comp-actions html:not(.touch) a[role=button][back]:disabled:hover, comp-modal[compare] part-card footer html:not(.touch) a[role=button][back]:disabled:hover, comp-cards part-card html:not(.touch) a[role=button][back]:disabled:hover, comp-hero[dealer] [after-text] html:not(.touch) a[role=button][back]:disabled:hover, comp-hero[dealer] ~ * [after-text] html:not(.touch) a[role=button][back]:disabled:hover, html:not(.touch) button[theme=red-outline]:disabled:hover, html:not(.touch) input[type=button][theme=red-outline]:disabled:hover,
html:not(.touch) input[type=submit][theme=red-outline]:disabled:hover,
html:not(.touch) a[role=button][theme=red-outline]:disabled:hover {
  color: #E7E7E7;
  box-shadow: inset 0 0 0 0.1rem #E7E7E7;
}
[dealer-highlight] a, form[calc] comp-results > header, nav[tabs] button.active, button[theme=blue-filled], input[type=button][theme=blue-filled],
input[type=submit][theme=blue-filled],
a[role=button][theme=blue-filled] {
  background-color: #0076a8;
  color: #fff;
}
html:not(.touch) [dealer-highlight] a:hover, [dealer-highlight] html:not(.touch) a:hover, html:not(.touch) form[calc] comp-results > header:hover, form[calc] html:not(.touch) comp-results > header:hover, html:not(.touch) nav[tabs] button.active:hover, nav[tabs] html:not(.touch) button.active:hover, html:not(.touch) button[theme=blue-filled]:hover, html:not(.touch) input[type=button][theme=blue-filled]:hover,
html:not(.touch) input[type=submit][theme=blue-filled]:hover,
html:not(.touch) a[role=button][theme=blue-filled]:hover {
  background-color: #005275;
  color: #fff;
}
[dealer-highlight] a:active, form[calc] comp-results > header:active, nav[tabs] button.active:active, button[theme=blue-filled]:active, input[type=button][theme=blue-filled]:active,
input[type=submit][theme=blue-filled]:active,
a[role=button][theme=blue-filled]:active {
  background-color: #231f20;
}
[dealer-highlight] a:disabled, form[calc] comp-results > header:disabled, nav[tabs] button.active:disabled, button[theme=blue-filled]:disabled, input[type=button][theme=blue-filled]:disabled,
input[type=submit][theme=blue-filled]:disabled,
a[role=button][theme=blue-filled]:disabled {
  background-color: #E7E7E7;
  cursor: default;
}
html:not(.touch) [dealer-highlight] a:disabled:hover, [dealer-highlight] html:not(.touch) a:disabled:hover, html:not(.touch) form[calc] comp-results > header:disabled:hover, form[calc] html:not(.touch) comp-results > header:disabled:hover, html:not(.touch) nav[tabs] button.active:disabled:hover, nav[tabs] html:not(.touch) button.active:disabled:hover, html:not(.touch) button[theme=blue-filled]:disabled:hover, html:not(.touch) input[type=button][theme=blue-filled]:disabled:hover,
html:not(.touch) input[type=submit][theme=blue-filled]:disabled:hover,
html:not(.touch) a[role=button][theme=blue-filled]:disabled:hover {
  background-color: #E7E7E7;
}
nav[tabs] button:not(.active), button[theme=blue-outline], input[type=button][theme=blue-outline],
input[type=submit][theme=blue-outline],
a[role=button][theme=blue-outline] {
  color: #0076a8;
  box-shadow: inset 0 0 0 0.1rem #0076a8;
}
html:not(.touch) nav[tabs] button:hover:not(.active), nav[tabs] html:not(.touch) button:hover:not(.active), html:not(.touch) button[theme=blue-outline]:hover, html:not(.touch) input[type=button][theme=blue-outline]:hover,
html:not(.touch) input[type=submit][theme=blue-outline]:hover,
html:not(.touch) a[role=button][theme=blue-outline]:hover {
  color: #005275;
  box-shadow: inset 0 0 0 0.1rem #005275;
}
nav[tabs] button:active:not(.active), button[theme=blue-outline]:active, input[type=button][theme=blue-outline]:active,
input[type=submit][theme=blue-outline]:active,
a[role=button][theme=blue-outline]:active {
  color: #231f20;
  box-shadow: inset 0 0 0 0.1rem #231f20;
}
nav[tabs] button:disabled:not(.active), button[theme=blue-outline]:disabled, input[type=button][theme=blue-outline]:disabled,
input[type=submit][theme=blue-outline]:disabled,
a[role=button][theme=blue-outline]:disabled {
  color: #E7E7E7;
  box-shadow: inset 0 0 0 0.1rem #E7E7E7;
}
html:not(.touch) nav[tabs] button:disabled:hover:not(.active), nav[tabs] html:not(.touch) button:disabled:hover:not(.active), html:not(.touch) button[theme=blue-outline]:disabled:hover, html:not(.touch) input[type=button][theme=blue-outline]:disabled:hover,
html:not(.touch) input[type=submit][theme=blue-outline]:disabled:hover,
html:not(.touch) a[role=button][theme=blue-outline]:disabled:hover {
  color: #E7E7E7;
  box-shadow: inset 0 0 0 0.1rem #E7E7E7;
}
main > [dealers] ~ header [email] {
  background-color: #231f20;
  color: #fff;
}
html:not(.touch) main > [dealers] ~ header [email]:hover, main > [dealers] ~ header html:not(.touch) [email]:hover {
  background-color: #080707;
  color: #fff;
}
main > [dealers] ~ header [email]:active {
  background-color: #231f20;
}
main > [dealers] ~ header [email]:disabled {
  background-color: #E7E7E7;
  cursor: default;
}
html:not(.touch) main > [dealers] ~ header [email]:disabled:hover, main > [dealers] ~ header html:not(.touch) [email]:disabled:hover {
  background-color: #E7E7E7;
}
comp-cards part-card button[cancel], comp-cards part-card button[compare], body > header > section > button {
  color: #fff;
  box-shadow: inset 0 0 0 0.1rem #fff;
  box-shadow: inset 0 0 0 0.1rem rgba(255, 255, 255, 0.17);
}
html:not(.touch) comp-cards part-card button[cancel]:hover, comp-cards part-card html:not(.touch) button[cancel]:hover, html:not(.touch) comp-cards part-card button[compare]:hover, comp-cards part-card html:not(.touch) button[compare]:hover, html:not(.touch) body > header > section > button:hover {
  color: #e6e6e6;
  box-shadow: inset 0 0 0 0.1rem #e6e6e6;
}
comp-cards part-card button[cancel]:active, comp-cards part-card button[compare]:active, body > header > section > button:active {
  color: #231f20;
  box-shadow: inset 0 0 0 0.1rem #231f20;
}
comp-cards part-card button[cancel]:disabled, comp-cards part-card button[compare]:disabled, body > header > section > button:disabled {
  color: #E7E7E7;
  box-shadow: inset 0 0 0 0.1rem #E7E7E7;
}
html:not(.touch) comp-cards part-card button[cancel]:disabled:hover, comp-cards part-card html:not(.touch) button[cancel]:disabled:hover, html:not(.touch) comp-cards part-card button[compare]:disabled:hover, comp-cards part-card html:not(.touch) button[compare]:disabled:hover, html:not(.touch) body > header > section > button:disabled:hover {
  color: #E7E7E7;
  box-shadow: inset 0 0 0 0.1rem #E7E7E7;
}
comp-hero[display=Home] > section > form > button {
  background-color: #fff;
  color: #fff;
  color: #231f20;
}
html:not(.touch) comp-hero[display=Home] > section > form > button:hover {
  background-color: #e6e6e6;
  color: #fff;
}
comp-hero[display=Home] > section > form > button:active {
  background-color: #231f20;
}
comp-hero[display=Home] > section > form > button:disabled {
  background-color: #E7E7E7;
  cursor: default;
}
html:not(.touch) comp-hero[display=Home] > section > form > button:disabled:hover {
  background-color: #E7E7E7;
}
html:not(.touch) comp-hero[display=Home] > section > form > button:hover {
  color: #231f20;
}
comp-slider slider-cards slider-card button[message], main > [dealer] ~ header button[message], main > [truck] header button[message], comp-actions button[message], comp-modal[compare] part-card footer button[message], comp-cards part-card button[message], comp-hero[dealer] [after-text] button[message], comp-hero[dealer] ~ * [after-text] button[message] {
  color: #231f20;
  box-shadow: inset 0 0 0 0.1rem #231f20;
  box-shadow: inset 0 0 0 0.1rem rgba(35, 31, 32, 0.17);
}
html:not(.touch) comp-slider slider-cards slider-card button[message]:hover, comp-slider slider-cards html:not(.touch) slider-card button[message]:hover, html:not(.touch) main > [dealer] ~ header button[message]:hover, html:not(.touch) main > [truck] header button[message]:hover, main > [truck] html:not(.touch) header button[message]:hover, html:not(.touch) comp-actions button[message]:hover, html:not(.touch) comp-modal[compare] part-card footer button[message]:hover, comp-modal[compare] part-card html:not(.touch) footer button[message]:hover, html:not(.touch) comp-cards part-card button[message]:hover, comp-cards html:not(.touch) part-card button[message]:hover, html:not(.touch) comp-hero[dealer] [after-text] button[message]:hover, comp-hero[dealer] html:not(.touch) [after-text] button[message]:hover, html:not(.touch) comp-hero[dealer] ~ * [after-text] button[message]:hover, comp-hero[dealer] ~ * html:not(.touch) [after-text] button[message]:hover, comp-slider slider-cards slider-card html:not(.touch) button[message]:hover, main > [dealer] ~ header html:not(.touch) button[message]:hover, main > [truck] header html:not(.touch) button[message]:hover, comp-actions html:not(.touch) button[message]:hover, comp-modal[compare] part-card footer html:not(.touch) button[message]:hover, comp-cards part-card html:not(.touch) button[message]:hover, comp-hero[dealer] [after-text] html:not(.touch) button[message]:hover, comp-hero[dealer] ~ * [after-text] html:not(.touch) button[message]:hover {
  color: #080707;
  box-shadow: inset 0 0 0 0.1rem #080707;
}
comp-slider slider-cards slider-card button[message]:active, main > [dealer] ~ header button[message]:active, main > [truck] header button[message]:active, comp-actions button[message]:active, comp-modal[compare] part-card footer button[message]:active, comp-cards part-card button[message]:active, comp-hero[dealer] [after-text] button[message]:active, comp-hero[dealer] ~ * [after-text] button[message]:active {
  color: #231f20;
  box-shadow: inset 0 0 0 0.1rem #231f20;
}
comp-slider slider-cards slider-card button[message]:disabled, main > [dealer] ~ header button[message]:disabled, main > [truck] header button[message]:disabled, comp-actions button[message]:disabled, comp-modal[compare] part-card footer button[message]:disabled, comp-cards part-card button[message]:disabled, comp-hero[dealer] [after-text] button[message]:disabled, comp-hero[dealer] ~ * [after-text] button[message]:disabled {
  color: #E7E7E7;
  box-shadow: inset 0 0 0 0.1rem #E7E7E7;
}
html:not(.touch) comp-slider slider-cards slider-card button[message]:disabled:hover, comp-slider slider-cards html:not(.touch) slider-card button[message]:disabled:hover, html:not(.touch) main > [dealer] ~ header button[message]:disabled:hover, html:not(.touch) main > [truck] header button[message]:disabled:hover, main > [truck] html:not(.touch) header button[message]:disabled:hover, html:not(.touch) comp-actions button[message]:disabled:hover, html:not(.touch) comp-modal[compare] part-card footer button[message]:disabled:hover, comp-modal[compare] part-card html:not(.touch) footer button[message]:disabled:hover, html:not(.touch) comp-cards part-card button[message]:disabled:hover, comp-cards html:not(.touch) part-card button[message]:disabled:hover, html:not(.touch) comp-hero[dealer] [after-text] button[message]:disabled:hover, comp-hero[dealer] html:not(.touch) [after-text] button[message]:disabled:hover, html:not(.touch) comp-hero[dealer] ~ * [after-text] button[message]:disabled:hover, comp-hero[dealer] ~ * html:not(.touch) [after-text] button[message]:disabled:hover, comp-slider slider-cards slider-card html:not(.touch) button[message]:disabled:hover, main > [dealer] ~ header html:not(.touch) button[message]:disabled:hover, main > [truck] header html:not(.touch) button[message]:disabled:hover, comp-actions html:not(.touch) button[message]:disabled:hover, comp-modal[compare] part-card footer html:not(.touch) button[message]:disabled:hover, comp-cards part-card html:not(.touch) button[message]:disabled:hover, comp-hero[dealer] [after-text] html:not(.touch) button[message]:disabled:hover, comp-hero[dealer] ~ * [after-text] html:not(.touch) button[message]:disabled:hover {
  color: #E7E7E7;
  box-shadow: inset 0 0 0 0.1rem #E7E7E7;
}
form[default] select, form[type="financing"], form[calc] select, comp-aside-reveal > aside select, comp-sort select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
form[default] select::-ms-expand, 
form[type="financing"]::-ms-expand,
form[calc] select::-ms-expand, comp-aside-reveal > aside select::-ms-expand, comp-sort select::-ms-expand {
  display: none;
}
form[default] select, 
form[type="financing"] select,
form[calc] select, comp-aside-reveal > aside select, comp-sort select {
  border-top: 0.1rem solid #e2dedf;
  border-bottom: 0.1rem solid #e2dedf;
  cursor: pointer;
  background-image: url("../images/chevron-down-dark.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 2.8rem) center;
  background-size: 1rem 0.6rem;
  background-color: transparent;
  padding: 2rem 2.8rem;
  color: #ed1c24;
  font-weight: 700;
  font-size: 1.6rem;
}
body > comp-tray > inner-content > button[compare]::before, main > [dealers] ~ header button::before, main > [dealers] ~ header a[role=button]::before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
}
body > main > footer > a[role=button], body > main > footer > section a:not([role=button]), [theme=Neutral] a:not([role=button]), comp-cards part-card:not([icon]) a[role=button]:not([call]), [theme=Dark] a:not([role=button]), comp-press comp-container > div .title, a {
  text-decoration: none;
  transition: color 0.2s;
}
comp-cards part-card:not([icon]) a[role=button]:not([role=button]):active:not([call]), comp-press comp-container > div .title:not([role=button]):active, a:not([role=button]):active {
  text-decoration: underline;
}
body > main > footer > a[role=button]:focus, body > main > footer > section a:focus:not([role=button]), [theme=Neutral] a:focus:not([role=button]), comp-cards part-card:not([icon]) a[role=button]:focus:not([call]), [theme=Dark] a:focus:not([role=button]), comp-press comp-container > div .title:focus, a:focus {
  outline: thin dotted;
  outline: 0.5rem auto -webkit-focus-ring-color;
  outline-offset: -0.2rem;
}
comp-press comp-container > div .title, a {
  color: #0076a8;
}
html:not(.touch) comp-press comp-container > div .title:hover, comp-press comp-container > div html:not(.touch) .title:hover, html:not(.touch) a:hover, comp-press comp-container > div .title:focus, a:focus {
  color: #005275;
}
comp-cards part-card:not([icon]) a[role=button]:not([call]), [theme=Dark] a:not([role=button]) {
  color: #ed1c24;
}
html:not(.touch) comp-cards part-card:not([icon]) a[role=button]:hover:not([call]), comp-cards part-card:not([icon]) html:not(.touch) a[role=button]:hover:not([call]), html:not(.touch) [theme=Dark] a:hover:not([role=button]), [theme=Dark] html:not(.touch) a:hover:not([role=button]), comp-cards part-card:not([icon]) a[role=button]:focus:not([call]), [theme=Dark] a:focus:not([role=button]) {
  color: #c61017;
}
body > main > footer > a[role=button], body > main > footer > section a:not([role=button]), [theme=Neutral] a:not([role=button]) {
  color: #231f20;
}
html:not(.touch) body > main > footer > a[role=button]:hover, html:not(.touch) body > main > footer > section a:hover:not([role=button]), html:not(.touch) [theme=Neutral] a:hover:not([role=button]), body > main > footer > section html:not(.touch) a:hover:not([role=button]), [theme=Neutral] html:not(.touch) a:hover:not([role=button]), body > main > footer > a[role=button]:focus, body > main > footer > section a:focus:not([role=button]), [theme=Neutral] a:focus:not([role=button]) {
  color: #080707;
}
comp-collapsible > section > article h3::after {
  display: block;
  height: 0.1rem;
  font-size: 0.5rem;
  color: #868686;
  line-height: 0.1rem;
  margin-top: 1.5rem;
}
comp-hero[display=Testimonials] > blockquote > p::before {
  display: block;
  height: 0.1rem;
  font-size: 0.5rem;
  color: #868686;
  line-height: 0.1rem;
  margin-bottom: 1.5rem;
}
[dealer-info] .dealer-information, main > [truck] header dd, main > [truck] header dt, [specs] dl > div, main > [truck] ~ comp-collapsible dl > div {
  border-top: 0.1rem solid #e2dedf;
}
@media (max-width: 767px) {
  comp-collapsible > section:first-child > header {
    border-top: 0.1rem solid #e2dedf;
  }
}
@media (min-width: 768px) {
  [specs] > section:last-of-type, main > [truck] ~ comp-collapsible > section:last-of-type, comp-collapsible > section > header {
    border-top: 0.1rem solid #e2dedf;
  }
}
[dealer-info] .dealer-information, main > [truck] header dd, main > [truck] header dt, comp-hero[display=Home] > section > button-drop > nav > a:not([role=button]):not(:last-child) {
  border-bottom: 0.1rem solid #e2dedf;
}
@media (max-width: 767px) {
  comp-collapsible > section > article, comp-collapsible > section > header {
    border-bottom: 0.1rem solid #e2dedf;
  }
}
@media (min-width: 768px) {
  body > main > footer > section:not(:last-of-type) {
    border-bottom: 0.1rem solid #e2dedf;
  }
}
@media (max-width: 767px) {
  body > main > footer comp-collapsible > section:first-child > header {
    border-top: 0.1rem solid #404040;
  }
}
@media (max-width: 767px) {
  body > main > footer comp-collapsible > section > article, body > main > footer comp-collapsible > section > header {
    border-bottom: 0.1rem solid #404040;
  }
}
body > main > footer comp-collapsible article {
  -moz-column-width: 12.8rem;
       column-width: 12.8rem;
  grid-column-gap: 1.8rem;
  -moz-column-gap: 1.8rem;
       column-gap: 1.8rem;
}
main > [truck] header dl, comp-modal[compare] part-card dl, comp-cards part-card[truck] section dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
main > [truck] header dl dt, comp-modal[compare] part-card dl dt, comp-cards part-card[truck] section dl dt, main > [truck] header dl dd, comp-modal[compare] part-card dl dd, comp-cards part-card[truck] section dl dd {
  display: block;
  width: calc(50% - 1.5rem);
  font-size: 1.3rem;
  font-weight: 600;
  margin: 0.5rem 0 0 0;
}
main > [truck] header dl dt, comp-modal[compare] part-card dl dt, comp-cards part-card[truck] section dl dt {
  margin-right: 1.5rem;
}
main > [truck] header dl dd, comp-modal[compare] part-card dl dd, comp-cards part-card[truck] section dl dd {
  text-align: right;
}
@media (max-width: 767px) {
  comp-compare, main > [dealer] ~ comp-container[gradient] + comp-container, comp-container[featured-trucks] + comp-container, main > [dealer] ~ comp-container[gradient] > header, comp-container[featured-trucks] > header, main > [dealer] ~ comp-container[gradient] > footer, comp-container[featured-trucks] > footer, comp-press comp-container, comp-content {
    padding: 4rem 1.8rem;
  }
}
@media (min-width: 768px) {
  comp-compare, main > [dealer] ~ comp-container[gradient] + comp-container, comp-container[featured-trucks] + comp-container, main > [dealer] ~ comp-container[gradient] > header, comp-container[featured-trucks] > header, main > [dealer] ~ comp-container[gradient] > footer, comp-container[featured-trucks] > footer, comp-press comp-container, comp-content {
    padding: 9.3rem 1.8rem;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  comp-hero[display=Normal] > header, comp-hero[display=Small] > header, comp-hero[display=Prepage] > header {
    padding: 4rem 1.8rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  comp-hero[display=Normal] > header, comp-hero[display=Small] > header, comp-hero[display=Prepage] > header {
    padding: 9.3rem 1.8rem;
  }
}
@media (min-width: 768px) and (max-width: 767px) {
  main > [dealer] ~ comp-container[gradient-alt], [specs] > section:first-of-type, main > [truck] ~ comp-collapsible > section:first-of-type {
    padding: 4rem 1.8rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  main > [dealer] ~ comp-container[gradient-alt], [specs] > section:first-of-type, main > [truck] ~ comp-collapsible > section:first-of-type {
    padding: 9.3rem 1.8rem;
  }
}
@media (max-width: 767px) {
  main > [dealers] ~ header, [dealer-info] > section:not([map]), main > [dealer] ~ header, main > [truck] header, comp-cards[padded] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media (min-width: 768px) {
  main > [dealers] ~ header, [dealer-info] > section:not([map]), main > [dealer] ~ header, main > [truck] header, comp-cards[padded] {
    padding-top: 9.3rem;
    padding-bottom: 9.3rem;
  }
}
@media (max-width: 767px) {
  comp-cards[padded-bottom] {
    padding-bottom: 4rem;
  }
}
@media (min-width: 768px) {
  comp-cards[padded-bottom] {
    padding-bottom: 9.3rem;
  }
}
@media (max-width: 767px) {
  comp-video, comp-highlight, comp-sort {
    margin-bottom: 1.8rem;
  }
}
@media (min-width: 768px) {
  comp-video, comp-highlight, comp-sort {
    margin-bottom: 6rem;
  }
}
@media (max-width: 767px) {
  comp-video, comp-content + comp-highlight, comp-hero + comp-highlight, comp-hero[display=Page] + comp-cards {
    margin-top: 1.8rem;
  }
}
@media (min-width: 768px) {
  comp-video, comp-content + comp-highlight, comp-hero + comp-highlight, comp-hero[display=Page] + comp-cards {
    margin-top: 6rem;
  }
}
comp-slider slider-cards slider-card footer, comp-modal[compare] part-card footer, comp-cards part-card[truck] footer {
  display: flex;
}
comp-slider slider-cards slider-card footer > :first-child, comp-modal[compare] part-card footer > :first-child, comp-cards part-card[truck] footer > :first-child {
  flex: 55;
}
comp-slider slider-cards slider-card footer > :last-child, comp-modal[compare] part-card footer > :last-child, comp-cards part-card[truck] footer > :last-child {
  flex: 45;
}
@media (min-width: 768px) {
  comp-sort > inner-content {
    display: flex;
  }
  comp-sort > inner-content > :first-child {
    flex: 3;
  }
  comp-sort > inner-content > :last-child {
    flex: 7;
  }
}
nav[pagination][blog][large], main > [truck] header section:last-of-type {
  display: flex;
}
nav[pagination][blog][large] > :first-child, main > [truck] header section:last-of-type > :first-child {
  flex: 5;
}
nav[pagination][blog][large] > :last-child, main > [truck] header section:last-of-type > :last-child {
  flex: 5;
}
@media (min-width: 768px) {
  nav[pagination][blog][large] > *, main > [dealer] ~ comp-container[gradient] [split], comp-container[featured-trucks] [split], comp-container[nearest-center] > article {
    display: flex;
  }
  nav[pagination][blog][large] > * > :first-child, main > [dealer] ~ comp-container[gradient] [split] > :first-child, comp-container[featured-trucks] [split] > :first-child, comp-container[nearest-center] > article > :first-child {
    flex: 5;
  }
  nav[pagination][blog][large] > * > :last-child, main > [dealer] ~ comp-container[gradient] [split] > :last-child, comp-container[featured-trucks] [split] > :last-child, comp-container[nearest-center] > article > :last-child {
    flex: 5;
  }
}
body > comp-tray > inner-content {
  display: flex;
}
body > comp-tray > inner-content > :first-child {
  flex: 6;
}
body > comp-tray > inner-content > :last-child {
  flex: 4;
}
@media (max-width: 767px) {
  [dealer-highlight] {
    display: flex;
  }
  [dealer-highlight] > :first-child {
    flex: 6;
  }
  [dealer-highlight] > :last-child {
    flex: 4;
  }
}
@media (min-width: 768px) {
  body > main > footer > section[contact] > inner-content, body > main > footer comp-collapsible, body > main > footer part-legal {
    display: flex;
  }
  body > main > footer > section[contact] > inner-content > :first-child, body > main > footer comp-collapsible > :first-child, body > main > footer part-legal > :first-child {
    flex: 6;
  }
  body > main > footer > section[contact] > inner-content > :last-child, body > main > footer comp-collapsible > :last-child, body > main > footer part-legal > :last-child {
    flex: 4;
  }
}
@media (min-width: 768px) {
  comp-aside {
    display: flex;
  }
  comp-aside > :first-child {
    flex: 7;
  }
  comp-aside > :last-child {
    flex: 3;
  }
}
main > [dealers] ~ header > section:last-of-type > :not(:last-child), [dealer-info] > section:not([map]) > section:last-of-type > :not(:last-child), main > [dealer] ~ header > section:last-of-type > :not(:last-child), main > [truck] header > section:last-of-type > :not(:last-child), comp-actions section > :not(:last-child), comp-modal[compare] part-card footer > :not(:last-child), comp-hero[dealer] [dealer-info] > :not(:last-child) {
  margin-right: 0.45rem !important;
}
main > [dealers] ~ header > section:last-of-type > :not(:first-child), [dealer-info] > section:not([map]) > section:last-of-type > :not(:first-child), main > [dealer] ~ header > section:last-of-type > :not(:first-child), main > [truck] header > section:last-of-type > :not(:first-child), comp-actions section > :not(:first-child), comp-modal[compare] part-card footer > :not(:first-child), comp-hero[dealer] [dealer-info] > :not(:first-child) {
  margin-left: 0.45rem !important;
}
comp-slider slider-cards slider-card footer > :not(:last-child), comp-cards part-card[truck] footer > :not(:last-child) {
  margin-right: 0.9rem !important;
}
comp-slider slider-cards slider-card footer > :not(:first-child), comp-cards part-card[truck] footer > :not(:first-child) {
  margin-left: 0.9rem !important;
}
@media (max-width: 767px) {
  [dealer-highlight] > :not(:last-child) {
    margin-right: 1.8rem !important;
  }
  [dealer-highlight] > :not(:first-child) {
    margin-left: 1.8rem !important;
  }
}
@media (min-width: 768px) {
  body > main > footer > section[contact] > inner-content > :not(:last-child), body > main > footer comp-collapsible > :not(:last-child), body > main > footer part-legal > :not(:last-child) {
    margin-right: 1.8rem !important;
  }
  body > main > footer > section[contact] > inner-content > :not(:first-child), body > main > footer comp-collapsible > :not(:first-child), body > main > footer part-legal > :not(:first-child) {
    margin-left: 1.8rem !important;
  }
}
part-question > h2:not([toggled]) ~ * {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-top: 0;
  border-bottom: 0;
  -webkit-animation: collapse 0.25s linear;
          animation: collapse 0.25s linear;
  transition: padding-top 0.25s ease-in, padding-bottom 0.25s ease-in, margin-top 0.25s ease-in, margin-bottom 0.25s ease-in;
}
@media (max-width: 767px) {
  comp-collapsible > section[collapsed]:not([no-header]) > article {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-top: 0;
    border-bottom: 0;
    -webkit-animation: collapse 0.25s linear;
            animation: collapse 0.25s linear;
    transition: padding-top 0.25s ease-in, padding-bottom 0.25s ease-in, margin-top 0.25s ease-in, margin-bottom 0.25s ease-in;
  }
}
part-question > h2[toggled] ~ * {
  -webkit-animation: collapse-expand 0.25s linear;
          animation: collapse-expand 0.25s linear;
}
@media (max-width: 767px) {
  comp-collapsible > section:not([collapsed]) > article {
    -webkit-animation: collapse-expand 0.25s linear;
            animation: collapse-expand 0.25s linear;
  }
}
@-webkit-keyframes collapse-expand {
  0% {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
  }
  99% {
    max-height: 100vh;
    opacity: 1;
    overflow: hidden;
    width: 99.999%;
  }
  100% {
    max-height: none;
    opacity: 1;
    overflow: visible;
    width: 100%;
  }
}
@keyframes collapse-expand {
  0% {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
  }
  99% {
    max-height: 100vh;
    opacity: 1;
    overflow: hidden;
    width: 99.999%;
  }
  100% {
    max-height: none;
    opacity: 1;
    overflow: visible;
    width: 100%;
  }
}
@-webkit-keyframes collapse {
  0% {
    max-height: none;
    opacity: 1;
    overflow: visible;
  }
  1% {
    max-height: 100vh;
    opacity: 1;
    width: 99.999%;
    overflow: hidden;
  }
  100% {
    max-height: 0;
    opacity: 0;
    width: 100%;
    overflow: hidden;
  }
}
@keyframes collapse {
  0% {
    max-height: none;
    opacity: 1;
    overflow: visible;
  }
  1% {
    max-height: 100vh;
    opacity: 1;
    width: 99.999%;
    overflow: hidden;
  }
  100% {
    max-height: 0;
    opacity: 0;
    width: 100%;
    overflow: hidden;
  }
}
*, *::before, *::after {
  box-sizing: border-box;
}
html {
  height: 100%;
  overflow: hidden;
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (min-width: 1630px) {
  html {
    font-size: 0.6134969325vw;
  }
}
body {
  height: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
  color: #231f20;
  background-color: #f7f6f6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.666667;
  display: flex;
  flex-direction: column;
}
comp-template {
  display: none !important;
}
input,
button,
select,
textarea {
  font-family: inherit;
}
select,
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color] {
  border: 0;
  border-radius: 0.2rem;
  background-color: #f7f6f6;
  transition: background-color 0.25s;
  color: #aea8a5;
  line-height: 1.4;
  padding: 0.8rem 1.4rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
select:focus,
textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus {
  background-color: #f7f6f6;
  color: #6c6463;
}
html:not(.focus) select:hover,
html:not(.focus) textarea:hover,
html:not(.focus) input[type=text]:hover,
html:not(.focus) input[type=password]:hover,
html:not(.focus) input[type=datetime]:hover,
html:not(.focus) input[type=datetime-local]:hover,
html:not(.focus) input[type=date]:hover,
html:not(.focus) input[type=month]:hover,
html:not(.focus) input[type=time]:hover,
html:not(.focus) input[type=week]:hover,
html:not(.focus) input[type=number]:hover,
html:not(.focus) input[type=email]:hover,
html:not(.focus) input[type=url]:hover,
html:not(.focus) input[type=search]:hover,
html:not(.focus) input[type=tel]:hover,
html:not(.focus) input[type=color]:hover {
  background-color: #E7E7E7;
}
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=datetime]::-webkit-input-placeholder,
input[type=datetime-local]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=month]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=week]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=color]::-webkit-input-placeholder {
  color: rgba(35, 31, 32, 0.5);
}
select:-moz-placeholder,
textarea:-moz-placeholder,
input[type=text]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=datetime]:-moz-placeholder,
input[type=datetime-local]:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=month]:-moz-placeholder,
input[type=time]:-moz-placeholder,
input[type=week]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=url]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=color]:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(35, 31, 32, 0.5);
}
select::-moz-placeholder,
textarea::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=datetime]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=week]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=color]::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(35, 31, 32, 0.5);
}
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=datetime]:-ms-input-placeholder,
input[type=datetime-local]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=month]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=week]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=color]:-ms-input-placeholder {
  color: rgba(35, 31, 32, 0.5);
}
input[type=search] {
  background-image: url(/images/search-icon.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 1.9rem) center;
  background-size: 1.7rem 1.7rem;
  padding-left: 2rem;
  padding-right: 4rem;
}
img, iframe {
  max-width: 100%;
}
img {
  display: inline-block;
  line-height: 1;
  font-size: 1.4rem;
  transition: opacity 0.25s;
}
img[lazy] {
  min-width: 0.1rem;
  overflow: hidden;
  opacity: 0;
}
img[src=""] {
  display: none !important;
}
h1, sudo-h1, .heading-1, h2, sudo-h2, .heading-2, h3, sudo-h3, .heading-3, h4, [specs] dl dt, main > [truck] ~ comp-collapsible dl dt, main > [dealer] ~ comp-container[gradient] > footer [role=button], comp-container[featured-trucks] > footer [role=button], comp-hero[dealer] [map] + section [role=button], comp-hero[display=Page] > header > h3, comp-hero[display=Page] > header h-sub, comp-container > a[back], sudo-h4, .heading-4, h5, sudo-h5, .heading-5, h6, sudo-h6, .heading-6 {
  font-family: "Teko", sans-serif;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}
h1 > a, sudo-h1 > a, .heading-1 > a, h2 > a, sudo-h2 > a, .heading-2 > a, h3 > a, sudo-h3 > a, .heading-3 > a, h4 > a, [specs] dl dt > a, main > [truck] ~ comp-collapsible dl dt > a, main > [dealer] ~ comp-container[gradient] > footer [role=button] > a, comp-container[featured-trucks] > footer [role=button] > a, comp-hero[dealer] [map] + section [role=button] > a, comp-hero[display=Page] > header > h3 > a, comp-hero[display=Page] > header h-sub > a, comp-container > a[back] > a, sudo-h4 > a, .heading-4 > a, h5 > a, sudo-h5 > a, .heading-5 > a, h6 > a, sudo-h6 > a, .heading-6 > a {
  color: inherit;
}
@media (max-width: 767px) {
  h1, sudo-h1, .heading-1 {
    font-size: 3.6rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 3.9rem;
  }
  h1 + *, sudo-h1 + *, .heading-1 + * {
    margin-top: 2.8rem;
  }
    comp-content.truck-heading h1 {
        font-size: 3.6rem;
        font-weight: 600;
        letter-spacing: 0.02em;
        line-height: 3.9rem;
    }
}
@media (min-width: 768px) {
  h1, sudo-h1, .heading-1 {
    font-size: 5.7rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 4.6rem;
  }
  h1 + *, sudo-h1 + *, .heading-1 + * {
    margin-top: 4rem;
  }
    comp-content.truck-heading h1 {
        font-size: 5.7rem;
        font-weight: 600;
        letter-spacing: 0.02em;
        line-height: 4.6rem;
    }
}
h2, sudo-h2, .heading-2 {
  font-size: 3.6rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 3.6rem;
}
h3, sudo-h3, .heading-3 {
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 2.4rem;
}
h4, [specs] dl dt, main > [truck] ~ comp-collapsible dl dt, main > [dealer] ~ comp-container[gradient] > footer [role=button], comp-container[featured-trucks] > footer [role=button], comp-hero[dealer] [map] + section [role=button], comp-hero[display=Page] > header > h3, comp-hero[display=Page] > header h-sub, comp-container > a[back], sudo-h4, .heading-4 {
  font-size: 1.7rem;
  font-weight: 400;
  letter-spacing: 0.15em;
  line-height: 2.6rem;
  color: #ed1c24;
}
h4 + *, [specs] dl dt + *, main > [truck] ~ comp-collapsible dl dt + *, main > [dealer] ~ comp-container[gradient] > footer [role=button] + *, comp-container[featured-trucks] > footer [role=button] + *, comp-hero[dealer] [map] + section [role=button] + *, comp-hero[display=Page] > header > h3 + *, comp-hero[display=Page] > header h-sub + *, comp-container > a[back] + *, sudo-h4 + *, .heading-4 + * {
  margin-top: 1.7rem;
}
sudo-h1, sudo-h2, sudo-h3, sudo-h4 {
  display: block;
}
h-sub {
  display: block;
  font-size: 2.8rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 3rem;
}
[gradient] {
  background-image: linear-gradient(to bottom, rgba(174, 168, 165, 0.1), rgba(255, 255, 255, 0.1));
}
[gradient-alt] {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(174, 168, 165, 0.1));
}
comp-slider slider-cards slider-card button[message], main > [dealer] ~ header button[message], main > [truck] header button[message], comp-actions button[message], comp-modal[compare] part-card footer button[message], comp-cards part-card button[message], comp-hero[dealer] [after-text] button[message], comp-hero[dealer] ~ * [after-text] button[message],
comp-slider slider-cards slider-card a[role=button][call],
main > [dealer] ~ header a[role=button][call],
main > [truck] header a[role=button][call],
comp-actions a[role=button][call],
comp-modal[compare] part-card footer a[role=button][call],
comp-cards part-card a[role=button][call],
comp-hero[dealer] [after-text] a[role=button][call],
comp-hero[dealer] ~ * [after-text] a[role=button][call] {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 700;
}
comp-slider slider-cards slider-card button[message]::before, main > [dealer] ~ header button[message]::before, main > [truck] header button[message]::before, comp-actions button[message]::before, comp-modal[compare] part-card footer button[message]::before, comp-cards part-card button[message]::before, comp-hero[dealer] [after-text] button[message]::before, comp-hero[dealer] ~ * [after-text] button[message]::before,
comp-slider slider-cards slider-card a[role=button][call]::before,
main > [dealer] ~ header a[role=button][call]::before,
main > [truck] header a[role=button][call]::before,
comp-actions a[role=button][call]::before,
comp-modal[compare] part-card footer a[role=button][call]::before,
comp-cards part-card a[role=button][call]::before,
comp-hero[dealer] [after-text] a[role=button][call]::before,
comp-hero[dealer] ~ * [after-text] a[role=button][call]::before {
  font-size: 1.5rem;
  vertical-align: middle;
}
comp-slider slider-cards slider-card button[message], main > [dealer] ~ header button[message], main > [truck] header button[message], comp-actions button[message], comp-modal[compare] part-card footer button[message], comp-cards part-card button[message], comp-hero[dealer] [after-text] button[message], comp-hero[dealer] ~ * [after-text] button[message] {
  display: inline-block;
}
comp-slider slider-cards slider-card a[role=button][call], main > [dealer] ~ header a[role=button][call], main > [truck] header a[role=button][call], comp-actions a[role=button][call], comp-modal[compare] part-card footer a[role=button][call], comp-cards part-card a[role=button][call], comp-hero[dealer] [after-text] a[role=button][call], comp-hero[dealer] ~ * [after-text] a[role=button][call] {
  display: inline-block;
}
.btn-white-red {
  background-color: #fff;
  border: 1px solid #ed1c24;
  border-radius: 3rem;
  color: #ed1c24;
  display: block;
  font-size: 1.2rem;
  font-weight: 900;
  line-height: 1.4;
  max-width: 27rem;
  padding: 1rem 2rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.25s, background-color 0.25s, box-shadow 0.25s;
}
.btn-white-red:hover {
  color: #fff;
  background-color: #ed1c24;
}
.extended {
  max-width: 30rem !important;
}
[theme=Neutral] .btn-white-red {
  color: #ed1c24 !important;
}
[theme=Neutral] .btn-white-red:hover {
  color: #fff !important;
  background-color: #ed1c24 !important;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin: unset;
  max-width: unset;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 0.1rem;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 0.1rem solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Slider */
.slick-loading .slick-list {
  background: #fff url("../images/ajax-loader.gif") center center no-repeat;
}
/* Icons */
@font-face {
  font-family: "slick";
  src: url("../images/slick-font/slick.eot");
  src: url("../images/slick-font/slick.eot?#iefix") format("embedded-opentype"), url("../images/slick-font/slick.woff") format("woff"), url("../images/slick-font/slick.ttf") format("truetype"), url("../images/slick-font/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 1;
}
@media (max-width: 767px) {
  .slick-prev,
.slick-next {
    height: 2.5rem;
    width: 2.5rem;
  }
}
@media (min-width: 768px) {
  .slick-prev,
.slick-next {
    height: 5.2rem;
    width: 5.2rem;
  }
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px) {
  .slick-prev:before,
.slick-next:before {
    font-size: 2.5rem;
  }
}
@media (min-width: 768px) {
  .slick-prev:before,
.slick-next:before {
    font-size: 5.2rem;
  }
}
.slick-prev {
  left: 0;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: 0;
}
.slick-next {
  right: 0;
}
[dir=rtl] .slick-next {
  left: 0;
  right: auto;
}
/* Dots */
.slick-dots {
  position: absolute;
  bottom: 0;
  list-style: none;
  display: none !important;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 1rem;
  width: 1rem;
  margin: 1rem 5rem;
  cursor: pointer;
}
.slick-dots li button {
  background: transparent;
  display: block;
  height: 1rem;
  width: 1rem;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 0;
  cursor: pointer;
  box-sizing: border-box;
  border: 0.2rem solid #fff;
  border-radius: 50%;
}
.slick-dots li.slick-active button {
  background: #fff;
}
item-icon {
  display: inline-block;
  margin: 0 auto;
  position: relative;
  height: 9rem;
  width: 9rem;
}
item-icon part-background {
  border-radius: 50%;
}
part-background {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
[theme=Dark] part-background {
  z-index: 0.5;
}
[theme=Dark] part-background::after {
  content: "";
  z-index: 1;
  background: rgba(0, 0, 0, 0.7);
}
part-slider {
  padding: 2rem;
}
part-slider > label {
  color: #231f20;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 3rem;
  text-align: left;
  padding-bottom: 1.6rem;
}
.legacy-slider-nav {
    position: absolute;
    right: 4rem;
    top: -65px;
    display: none;
    flex-direction: row;
    width: 256px;
    justify-content: space-between;
    /*	&.show {
  		display: flex;
  	}*/
}
    .legacy-slider-nav .spacer {
        width: 85px;
        height: 1px;
        background-color: #231f20;
        margin: 24px 10px;
    }
    .legacy-slider-nav .slick-arrow {
        height: 50px;
        width: 50px;
        background-color: #231f20;
        background-repeat: no-repeat;
        padding: 0;
        transition: background-image ease-in-out 0.25s;
        color: transparent;
    }
        .legacy-slider-nav .slick-arrow.btn-prev {
            background-image: url(/images/left-innactive.svg);
        }
            .legacy-slider-nav .slick-arrow.btn-prev:hover {
                background-image: url(/images/left-active.svg);
            }
        .legacy-slider-nav .slick-arrow.btn-next {
            background-image: url(/images/right-innactive.svg);
        }
            .legacy-slider-nav .slick-arrow.btn-next:hover {
                background-image: url(/images/right-active.svg);
            }
        .legacy-slider-nav .slick-arrow.slick-disabled {
            background-color: #ccc;
            cursor: not-allowed;
        }
            .legacy-slider-nav .slick-arrow.slick-disabled:hover.btn-prev {
                background-image: url(/images/left-innactive.svg);
            }
            .legacy-slider-nav .slick-arrow.slick-disabled:hover.btn-next {
                background-image: url(/images/right-innactive.svg);
            }
@media (min-width: 767px) {
    .legacy-slider-nav.show {
        display: flex;
    }
}
@media (max-width: 1110px) {
    .legacy-slider-nav {
        position: relative;
        top: -15px;
        float: right;
    }
}
part-radio-grid {
  justify-content: flex-start;
  flex-wrap: wrap;
}
part-radio-grid:not(.expanded) > label:nth-child(n+7) {
  display: none;
}
part-radio-grid > label {
  flex-basis: 33.3%;
  max-width: 33.3%;
  border: solid 0.1rem #e2dedf;
  margin: 0 -0.1rem -0.1rem 0;
  position: relative;
  height: 8rem;
  overflow: hidden;
  cursor: pointer;
}
part-radio-grid > label input {
  position: absolute;
  opacity: 0;
}
part-radio-grid > label input:checked + * {
  background-color: #cecece;
}
part-radio-grid > label part-background {
  height: auto;
  bottom: 0;
  padding: 0 !important;
  background-size: contain;
  background-position: center center;
}
part-radio-grid + [role=button].expanded {
  display: none;
}
part-staff:not(:last-of-type) {
  padding-bottom: 5.4rem;
}
part-staff item-icon {
  display: block;
  margin: 0 auto 2.4rem auto;
  width: 9rem;
  height: 11.5rem;
}
part-staff item-icon > part-background {
  border-radius: 0;
}
@media (max-width: 767px) {
  part-staff item-icon {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  part-staff {
    position: relative;
    padding-left: 11.7rem;
  }
  part-staff item-icon {
    position: absolute;
    top: 0;
    left: 0;
  }
}
part-staff h3 {
  font-size: 3.6rem;
}
part-staff h-sub {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.038em;
  line-height: 2.6rem;
  font-family: "Teko", sans-serif;
  text-transform: uppercase;
  color: #ed1c24;
  margin-top: 1rem;
}
part-staff h-sub + h-sub {
  margin-top: 0.3rem;
}
part-staff h-sub[lang] {
  font-size: 1.6rem;
  color: #868686;
}
part-staff h-sub[lang]::before {
  content: "Speaks - ";
}
[theme=Light], comp-blog > article {
  background-color: #fff;
}
body > main > footer > section, [theme=Neutral] {
  background-color: #f2f2f2;
  color: rgba(35, 31, 32, 0.6);
}
body > main > footer > section h1, [theme=Neutral] h1, body > main > footer > section sudo-h1, [theme=Neutral] sudo-h1, body > main > footer > section .heading-1, [theme=Neutral] .heading-1, body > main > footer > section h2, [theme=Neutral] h2, body > main > footer > section sudo-h2, [theme=Neutral] sudo-h2, body > main > footer > section .heading-2, [theme=Neutral] .heading-2, body > main > footer > section h3, [theme=Neutral] h3, body > main > footer > section sudo-h3, [theme=Neutral] sudo-h3, body > main > footer > section .heading-3, [theme=Neutral] .heading-3, body > main > footer > section h4, body > main > footer > section [specs] dl dt, body > main > footer > section main > [truck] ~ comp-collapsible dl dt, [specs] dl body > main > footer > section dt, main > [truck] ~ comp-collapsible dl body > main > footer > section dt, body > main > footer > section main > [dealer] ~ comp-container[gradient] > footer [role=button], body > main > footer > section comp-container[featured-trucks] > footer [role=button], main > [dealer] ~ comp-container[gradient] > footer body > main > footer > section [role=button], comp-container[featured-trucks] > footer body > main > footer > section [role=button], body > main > footer > section comp-hero[dealer] [map] + section [role=button], comp-hero[dealer] [map] + section body > main > footer > section [role=button], body > main > footer > section comp-hero[display=Page] > header > h3, body > main > footer > section comp-hero[display=Page] > header h-sub, comp-hero[display=Page] > header body > main > footer > section h-sub, body > main > footer > section comp-container > a[back], [theme=Neutral] h4, [theme=Neutral] [specs] dl dt, [theme=Neutral] main > [truck] ~ comp-collapsible dl dt, [specs] dl [theme=Neutral] dt, main > [truck] ~ comp-collapsible dl [theme=Neutral] dt, [theme=Neutral] main > [dealer] ~ comp-container[gradient] > footer [role=button], [theme=Neutral] comp-container[featured-trucks] > footer [role=button], main > [dealer] ~ comp-container[gradient] > footer [theme=Neutral] [role=button], comp-container[featured-trucks] > footer [theme=Neutral] [role=button], [theme=Neutral] comp-hero[dealer] [map] + section [role=button], comp-hero[dealer] [map] + section [theme=Neutral] [role=button], [theme=Neutral] comp-hero[display=Page] > header > h3, [theme=Neutral] comp-hero[display=Page] > header h-sub, comp-hero[display=Page] > header [theme=Neutral] h-sub, [theme=Neutral] comp-container > a[back], body > main > footer > section sudo-h4, [theme=Neutral] sudo-h4, body > main > footer > section .heading-4, [theme=Neutral] .heading-4, body > main > footer > section h5, [theme=Neutral] h5, body > main > footer > section sudo-h5, [theme=Neutral] sudo-h5, body > main > footer > section .heading-5, [theme=Neutral] .heading-5, body > main > footer > section h6, [theme=Neutral] h6, body > main > footer > section sudo-h6, [theme=Neutral] sudo-h6, body > main > footer > section .heading-6, [theme=Neutral] .heading-6 {
  color: #231f20;
}
[theme=Dark] {
  background-color: #231f20;
  color: #f2f2f2;
}
[theme=Dark] h1, [theme=Dark] sudo-h1, [theme=Dark] .heading-1, [theme=Dark] h2, [theme=Dark] sudo-h2, [theme=Dark] .heading-2, [theme=Dark] h3, [theme=Dark] sudo-h3, [theme=Dark] .heading-3, [theme=Dark] h4, [theme=Dark] [specs] dl dt, [theme=Dark] main > [truck] ~ comp-collapsible dl dt, [specs] dl [theme=Dark] dt, main > [truck] ~ comp-collapsible dl [theme=Dark] dt, [theme=Dark] main > [dealer] ~ comp-container[gradient] > footer [role=button], [theme=Dark] comp-container[featured-trucks] > footer [role=button], main > [dealer] ~ comp-container[gradient] > footer [theme=Dark] [role=button], comp-container[featured-trucks] > footer [theme=Dark] [role=button], [theme=Dark] comp-hero[dealer] [map] + section [role=button], comp-hero[dealer] [map] + section [theme=Dark] [role=button], [theme=Dark] comp-hero[display=Page] > header > h3, [theme=Dark] comp-hero[display=Page] > header h-sub, comp-hero[display=Page] > header [theme=Dark] h-sub, [theme=Dark] comp-container > a[back], [theme=Dark] sudo-h4, [theme=Dark] .heading-4, [theme=Dark] h5, [theme=Dark] sudo-h5, [theme=Dark] .heading-5, [theme=Dark] h6, [theme=Dark] sudo-h6, [theme=Dark] .heading-6 {
  color: #f2f2f2;
}
body > header > section > nav > header > a img {
  height: 1.4rem;
  width: 12.7rem;
}
@media (max-width: 999px) {
  body > header > section > a img {
    height: 1.4rem;
    width: 12.7rem;
  }
}
body > header {
  flex-shrink: 0;
  background-color: #231f20;
  background-image: url(/images/nav-background.jpg);
  background-size: cover;
  background-position: center top;
  background-attachment: fixed;
}
html.scrolled body > header {
  transition: box-shadow 0.25s;
  box-shadow: 0 0.1rem 0.5rem #e2dedf;
}
html:not(.nav-active) body > header {
  position: relative;
}
body > header > section {
  display: flex;
  transition: all 0.075s;
}
@media (min-width: 1000px) {
  body > header > section {
    min-height: 5.8rem;
  }
}
@media (max-width: 999px) {
  body > header > section {
    flex-shrink: 0;
    height: 5rem;
    flex-basis: 5rem;
    background: #231f20;
    padding: 1rem 2.2rem;
  }
  body > header > section > a img {
    vertical-align: middle;
  }
}
body > header > section > * {
  transition: transform 0.075s;
}
@media (max-width: 999px) {
  body > header > section > a {
    flex-grow: 1;
  }
}
@media (min-width: 1000px) {
  body > header > section > a {
    margin-right: 5rem;
    display: flex;
    align-items: center;
    justify-content: left;
  }
}
body > header > section > a img {
  margin: 0 auto;
}
@media (min-width: 1000px) {
  body > header > section > a img {
    height: 1.7rem;
    width: 15.3rem;
  }
}
body > header > section > button {
  border-radius: 0;
  font-family: "Teko", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 3.3rem;
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 999px) {
  body > header > section > nav {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    background: #f3f3f3;
    z-index: 4;
    padding-bottom: 1rem;
  }
}
@media (min-width: 1000px) {
  body > header > section > nav {
    display: flex;
    flex-grow: 1;
  }
}
body > header > section > nav > form {
  align-self: center;
  width: 100%;
}
body > header > section > nav > form > button {
  top: 0;
  bottom: 0;
  right: 0;
  width: 3rem;
}
body > header > section > nav > form > input {
  display: block;
  width: 100%;
  padding-left: 3rem;
}
body > header > section > nav > form > input[type=search] {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
body > header > section > nav > header {
  background-color: #231f20;
  height: 5rem;
}
body > header > section > nav > header > a {
  flex-grow: 1;
  order: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
body > header > section > nav > header > button {
  width: 5rem;
  height: 5rem;
  position: relative;
}
body > header > section > nav > header > button:focus {
  outline: none;
}
body > header > section > nav > header > button::before, body > header > section > nav > header > button::after {
  content: "";
  width: 2rem;
  height: 0.2rem;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
}
body > header > section > nav > header > button::before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
body > header > section > nav > header > button::after {
  transform: translate(-50%, -50%) rotate(45deg);
}
body > header > section > nav ul {
  list-style: none outside;
  padding-left: 0;
  flex-shrink: 0;
}
@media (min-width: 1000px) {
  body > header > section > nav > ul {
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
    margin: 0;
  }
  body > header > section > nav > ul > li {
    z-index: 10;
    margin-left: 2rem;
  }
  body > header > section > nav > ul > li > a {
    padding: 1.5rem 0.3rem;
  }
  body > header > section > nav > ul > li:not(.drop-full) {
    position: relative;
  }
  body > header > section > nav > ul > li:not(.drop-full) > ul {
    min-width: 100%;
    left: 0;
  }
  body > header > section > nav > ul > li:not(.drop-full) > ul a {
    white-space: nowrap;
  }
  body > header > section > nav > ul > li:last-child:not(.drop-full) > ul {
    left: auto;
    right: 0;
  }
  body > header > section > nav > ul > li > div, body > header > section > nav > ul > li > ul {
    position: absolute;
    top: 100%;
    background: #fff;
    text-align: left;
    z-index: 10;
    transition: transform 0.2s;
    transform-origin: 0 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  }
  body > header > section > nav > ul > li > div a, body > header > section > nav > ul > li > ul a {
    color: #231f20;
  }
  body > header > section > nav > ul > li > div html.touch, body > header > section > nav > ul > li > ul html.touch {
    display: none;
  }
  html:not(.touch) body > header > section > nav > ul > li:not(:hover) > div, html:not(.touch) body > header > section > nav > ul > li:not(:hover) > ul {
    transform: scale(1, 0);
    transition-delay: 0.1s;
  }
  html.touch body > header > section > nav > ul > li > div, html.touch body > header > section > nav > ul > li > ul {
    display: none;
  }
  body > header > section > nav > ul > li > div {
    width: 100vw;
    left: 0;
  }
}
body > header > section > nav > ul > li > div > section {
  -moz-column-count: 4;
       column-count: 4;
  grid-column-gap: 2rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  padding-top: 1.5rem;
  padding-top: 2.2rem;
  padding-bottom: 0.7rem;
}
body > header > section > nav > ul > li > div > section ul {
  /* Chrome, Safari */
  page-break-inside: avoid;
  /* Theoretically FF 20+ */
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
  /* IE 11 */
  display: table;
  margin-bottom: 1.5rem;
}
body > header > section > nav > ul > li > div > section label {
  font-family: "Teko", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  text-transform: uppercase;
}
body > header > section > nav > ul > li > div > section a {
  text-align: left;
  padding: 0;
  font-weight: 400;
  color: #868686;
  font-size: 1.2rem;
  background: none;
}
body > header > section > nav > ul > li > ul {
  padding: 0 1.5rem;
}
body > header > section > nav > ul > li > ul > li:not(:last-child) > a {
  border-bottom: 0.1rem solid rgba(35, 31, 32, 0.17);
}
body > header > section > nav > ul > li > ul > li > a {
  background: none;
  font-size: 1.2rem;
  text-align: left;
  font-weight: 400;
  padding: 0.8rem 0;
}
@media (max-width: 999px) {
  body > header > section > nav > ul a {
    padding: 1.2rem 2.2rem;
    font-size: 2.4rem;
    font-weight: 400;
    font-family: "Teko", sans-serif;
    color: #231f20;
    line-height: 1;
  }
  body > header > section > nav > ul a:first-of-type {
    margin-top: 1rem;
  }
}
@media (min-width: 1000px) {
  body > header > section > nav > ul a {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
    flex-grow: 1;
    text-align: center;
    padding: 1rem 0.3rem;
    background: linear-gradient(to bottom, #ed1c24, #ed1c24) no-repeat center calc(100% - 1.5rem);
    background-size: 0% 0.1rem;
    transition: background-size 0.25s;
    text-decoration: none !important;
  }
  html:not(.touch) body > header > section > nav > ul a:hover {
    color: #ed1c24;
    background-size: 100% 0.1rem;
  }
  body > header > section > nav > ul a:not(:first-of-type) {
    margin-left: 1rem;
  }
  body > header > section > nav > ul a + nav {
    position: absolute;
    top: 100%;
  }
}
body > main {
  scroll-behavior: smooth;
  flex-basis: auto;
  transition: transform 0.075s, padding 0.075s;
}
@media (max-width: 767px) {
  html.nav-active body > main {
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  html.aside-active body > main {
    overflow: visible;
  }
}
html.legacy body > main {
  max-height: calc(100% - 9.3rem);
}
html.legacy.search-off, html.legacy.scrolled {
  max-height: calc(100% - 5rem);
}
/*body > main > footer {
  position: relative;
  z-index: 1;
}*/
body > main > footer > a[role=button] {
  text-align: right;
  padding-left: 0;
  text-transform: lowercase;
  color: #ed1c24;
  font-size: 1.5rem;
  font-weight: 700;
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
}
body > main > footer > a[role=button]::after {
  color: #ed1c24;
  vertical-align: baseline;
  margin-left: 1rem;
  transform: rotate(-90deg);
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 768px) {
  body > main > footer > section:not(:last-of-type) {
    border-bottom-color: #3e3739;
  }
}
body > main > footer > section[contact], body > main > footer > section[contact] + section {
  background: #231f20;
  color: #fff;
}
body > main > footer > section[contact] a, body > main > footer > section[contact] + section a {
  color: #fff;
}
html:not(.touch) body > main > footer > section[contact] a:hover, html:not(.touch) body > main > footer > section[contact] a:focus, html:not(.touch) body > main > footer > section[contact] + section a:hover, html:not(.touch) body > main > footer > section[contact] + section a:focus {
  color: #aea8a5;
}
@media (max-width: 1218px) and (min-width: 768px) {
  body > main > footer > section[contact] > inner-content, body > main > footer comp-collapsible, body > main > footer part-legal {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
  }
}
body > main > footer > section[contact] > inner-content {
  padding: 3.8rem 0;
}
body > main > footer > section[contact] > inner-content > :first-child {
  padding-right: 10rem;
  flex-wrap: row;
  align-items: center;
  justify-content: flex-start;
}
body > main > footer > section[contact] > inner-content > :first-child img {
  width: 12.7rem;
  margin-right: 3.6rem;
}
body > main > footer > section[contact] > inner-content > :first-child a {
  color: #aea8a5;
  display: inline-block;
  width: 2.6rem;
  text-align: center;
  margin-left: 1.8rem;
  vertical-align: middle;
}
@media (min-width: 768px) {
  body > main > footer > section[contact] > inner-content > :last-child {
    display: flex;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  body > main > footer > section[contact] > inner-content > :last-child {
    margin-top: 2rem;
  }
}
body > main > footer > section[contact] > inner-content > :last-child p {
  margin: 0;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  body > main > footer > section[contact] > inner-content > :last-child p {
    text-align: right;
  }
}
body > main > footer > section[contact] > inner-content > :last-child label {
  color: #ed1c24;
  white-space: nowrap;
  font-weight: 700;
}
@media (min-width: 768px) {
  body > main > footer > section[contact] > inner-content > :last-child label + * {
    margin-left: 2.5rem;
  }
}
body > main > footer > section[contact] > inner-content > :last-child a {
  font-weight: 700;
}
@media (min-width: 768px) {
  body > main > footer comp-collapsible {
    padding: 3% 0;
  }
}
body > main > footer comp-collapsible a {
  display: block;
}
@media (max-width: 767px) {
  body > main > footer comp-collapsible a {
    padding: 0.7rem 0;
  }
}
@media (min-width: 768px) {
  body > main > footer comp-collapsible a {
    padding: 0.3rem 0;
    font-size: 1.4rem;
  }
}
@media (min-width: 768px) {
  body > main > footer comp-collapsible > section > header {
    border-top: 0;
  }
}
body > main > footer comp-collapsible header {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: normal;
  text-transform: none;
}
@media (max-width: 767px) {
  body > main > footer comp-collapsible header {
    background: #231f20;
    font-size: 1.4rem;
  }
}
@media (min-width: 768px) {
  body > main > footer comp-collapsible header {
    font-weight: 700;
    font-size: 1.6rem;
    margin-bottom: 1.7rem;
  }
  body > main > footer comp-collapsible > :first-child {
    padding-right: 10rem;
  }
}
body > main > footer part-branding {
  padding: 0 0 4rem 0;
  flex-wrap: row;
  align-items: center;
  justify-content: flex-start;
}
body > main > footer part-branding a, body > main > footer part-branding label {
  display: inline-block;
  margin-left: 2rem;
}
body > main > footer part-branding img {
  max-height: 2rem;
}
@media (max-width: 767px) {
  body > main > footer part-branding img {
    max-height: 1.5rem;
  }
}
body > main > footer part-branding a:first-of-type {
  padding-right: 2rem;
  margin-left: 0;
  border-right: 0.1rem solid #e2dedf;
}
body > main > footer part-branding label {
  font-size: 1.2rem;
}
@media (max-width: 767px) {
  body > main > footer part-branding label {
    margin-left: 0;
    display: block;
  }
}
body > main > footer part-legal {
  padding: 4rem 0 6.6% 0;
}
@media (min-width: 768px) {
  body > main > footer part-legal > :first-child {
    padding-right: 6rem;
  }
}
body > main > footer part-legal p {
  font-size: 1rem;
}
body > main > footer part-legal p:first-child {
  margin-top: 0;
}
@media (max-width: 767px) {
  body > main > footer part-legal > :last-child {
    margin-top: 4rem;
  }
}
body > main > footer part-legal > :last-child > * {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 2rem;
  font-size: 1.2rem;
  font-weight: 600;
}
body > main > footer part-legal > :last-child > * img {
  vertical-align: middle;
  width: 5rem;
  margin-right: 1.8rem;
  flex-grow: 0;
  flex-shrink: 0;
  height: auto;
}
body > main > footer part-legal > :last-child > * > span {
  flex-grow: 1;
}
comp-collapsible {
  display: block;
}
comp-collapsible > section > header {
  font-family: "Teko", sans-serif;
  color: #ed1c24;
  font-size: 2rem;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  comp-collapsible > section > header {
    opacity: 0.8;
  }
  comp-collapsible > section > header::after {
    display: none;
  }
}
@media (max-width: 767px) {
  comp-collapsible > section > header {
    padding: 2rem 4.2rem 2rem 1.8rem;
    background: #f2f2f2;
    cursor: pointer;
    font-size: 1.5rem;
    position: relative;
  }
  comp-collapsible > section > header::after {
    color: #ed1c24;
    position: absolute;
    top: 50%;
    right: 2rem;
    transition: transform 0.25s;
    transform: translateY(-50%) rotate(-90deg);
  }
  comp-collapsible > section[no-header] > header {
    display: none;
  }
  comp-collapsible > section > article {
    padding: 2rem 1.8rem;
    overflow: hidden;
    transition: padding 0.25s linear;
  }
  comp-collapsible > section[collapsed]:not([no-header]) > header::after {
    color: inherit;
    transform: translateY(-50%) rotate(90deg);
  }
}
comp-collapsible[cards] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 114.6rem;
  margin: 0 auto;
}
comp-collapsible[cards] > section {
  transition: opacity 0.5s;
  box-sizing: border-box;
  display: block !important;
  position: relative;
}
comp-collapsible[cards] > section[spacer] {
  visibility: hidden;
}
comp-collapsible[cards] > section h4, comp-collapsible[cards] > section [specs] dl dt, comp-collapsible[cards] > section main > [truck] ~ comp-collapsible dl dt, [specs] dl comp-collapsible[cards] > section dt, main > [truck] ~ comp-collapsible dl comp-collapsible[cards] > section dt, comp-collapsible[cards] > section main > [dealer] ~ comp-container[gradient] > footer [role=button], comp-collapsible[cards] > section comp-container[featured-trucks] > footer [role=button], main > [dealer] ~ comp-container[gradient] > footer comp-collapsible[cards] > section [role=button], comp-container[featured-trucks] > footer comp-collapsible[cards] > section [role=button], comp-collapsible[cards] > section comp-hero[dealer] [map] + section [role=button], comp-hero[dealer] [map] + section comp-collapsible[cards] > section [role=button], comp-collapsible[cards] > section comp-hero[display=Page] > header > h3, comp-collapsible[cards] > section comp-hero[display=Page] > header h-sub, comp-hero[display=Page] > header comp-collapsible[cards] > section h-sub, comp-collapsible[cards] > section comp-container > a[back] {
  color: #6c6463;
  font-weight: 600;
  letter-spacing: 0;
  margin-top: 2.5rem;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  comp-collapsible[cards] > section h4, comp-collapsible[cards] > section [specs] dl dt, comp-collapsible[cards] > section main > [truck] ~ comp-collapsible dl dt, [specs] dl comp-collapsible[cards] > section dt, main > [truck] ~ comp-collapsible dl comp-collapsible[cards] > section dt, comp-collapsible[cards] > section main > [dealer] ~ comp-container[gradient] > footer [role=button], comp-collapsible[cards] > section comp-container[featured-trucks] > footer [role=button], main > [dealer] ~ comp-container[gradient] > footer comp-collapsible[cards] > section [role=button], comp-container[featured-trucks] > footer comp-collapsible[cards] > section [role=button], comp-collapsible[cards] > section comp-hero[dealer] [map] + section [role=button], comp-hero[dealer] [map] + section comp-collapsible[cards] > section [role=button], comp-collapsible[cards] > section comp-hero[display=Page] > header > h3, comp-collapsible[cards] > section comp-hero[display=Page] > header h-sub, comp-hero[display=Page] > header comp-collapsible[cards] > section h-sub, comp-collapsible[cards] > section comp-container > a[back] {
    display: none;
  }
}
comp-collapsible[cards] > section article {
  text-align: center;
}
comp-collapsible[cards] > section article img {
  height: 8.2rem;
  width: auto;
}
comp-collapsible[cards] header {
  color: #6c6463;
}
@media (max-width: 767px) {
  comp-collapsible[cards][collapsed] article {
    padding: 0;
  }
  comp-collapsible[cards] article {
    padding: 4rem 1rem 3.5rem;
  }
}
@media (min-width: 768px) {
  comp-collapsible[cards] > section {
    font-size: 1.5rem;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    margin-bottom: 3.5rem;
    width: 30rem;
    flex-basis: 30rem;
  }
  comp-collapsible[cards] header {
    display: none;
  }
}
comp-container[image] img {
  display: block;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  max-width: 100%;
}
comp-container[image] img:not(:first-child) {
  margin-top: 3.5rem;
}
comp-container[image] img:not(:last-child) {
  margin-bottom: 10rem;
}
@media (max-width: 767px) {
  comp-container[image] img {
    margin-bottom: 3.5rem;
  }
}
comp-container > a[back] {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
}
nav[icons] {
  overflow: hidden;
  position: relative;
  text-align: center;
  background: #fff;
  box-shadow: 0.5rem 0.5rem 5rem 0 rgba(35, 31, 32, 0.08);
}
@media (max-width: 767px) {
  nav[icons] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  nav[icons] + *:not(comp-hero):not(comp-content):not([single]) {
    margin-top: 3.4rem;
  }
}
@media (min-width: 768px) {
  nav[icons] + *:not(comp-hero):not(comp-content):not([single]) {
    margin-top: 9rem;
  }
}
nav[icons] > [wrap] {
  display: block;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
nav[icons] button {
  padding: 1.8rem;
  zoom: 1;
  vertical-align: middle;
}
nav[icons] > [control] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2rem;
}
@media (min-width: 768px) {
  nav[icons] > [control] {
    background: #fff;
    cursor: pointer;
  }
  nav[icons] > [control]::before {
    position: absolute;
    top: 50%;
    display: block;
    text-align: center;
    width: 100%;
    transform: translateY(-50%);
  }
}
nav[icons] > [control].left {
  left: 0;
}
@media (max-width: 767px) {
  nav[icons] > [control].left {
    background: linear-gradient(to left, transparent, #e2dedf);
  }
}
@media (min-width: 768px) {
  nav[icons] > [control].left {
    border-right: 0.1rem solid #e2dedf;
  }
  nav[icons] > [control].left::before {
    content: "<";
  }
}
nav[icons] > [control].right {
  right: 0;
}
@media (max-width: 767px) {
  nav[icons] > [control].right {
    background: linear-gradient(to right, transparent, #e2dedf);
  }
}
@media (min-width: 768px) {
  nav[icons] > [control].right {
    border-left: 0.1rem solid #e2dedf;
  }
  nav[icons] > [control].right::before {
    content: ">";
  }
}
nav[icons]:not(.left) > [control].left, nav[icons]:not(.right) > [control].right {
  display: none;
}
nav[icons] > [wrap], nav[icons] button {
  position: relative;
}
nav[icons][size=Large] [card] > figure > img {
  height: 4.5rem;
}
nav[icons][size=""] [card] > figure > img, nav[icons][size=Normal] [card] > figure > img {
  height: 3rem;
}
nav[icons] [card] {
  width: 10rem;
  margin: 0 0.5rem;
  text-align: center;
  white-space: normal;
  display: inline-block;
  vertical-align: top;
  padding-top: 2.7rem;
  padding-bottom: 2.7rem;
}
nav[icons] [card] > figure {
  display: block;
  margin: 0;
}
nav[icons] [card] > figure > * {
  display: block;
}
nav[icons] [card] > figure > img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  width: auto;
}
nav[icons] [card] > figure > figcaption {
  padding-top: 1.8rem;
}
@media (max-width: 767px) {
  nav[icons] [card] > figure > figcaption {
    font-size: 1.4rem;
  }
}
nav[icons] [card] > figure > [cta] {
  color: #4e4e4e;
  font-weight: 300;
  font-size: 1.2rem;
  margin-top: 0.8rem;
}
nav[icons] [card] > figure > [cta]::after {
  display: none;
}
comp-hero[display=Testimonials] > section, comp-hero {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  padding: 3.6rem;
}
comp-hero > header {
  text-align: center;
  max-width: 60rem;
}
comp-hero > header h1 + h2 {
  margin-top: 3.6rem;
}
comp-hero > header nav {
  margin-bottom: 1.4rem;
}
comp-hero > header nav a {
  display: inline-block;
  font-weight: 600;
  font-size: 1.6rem;
}
comp-hero > header nav a:not(:last-of-type) {
  margin-right: 0.5rem;
  color: #aea8a5 !important;
}
comp-hero > header nav a:not(:last-of-type)::after {
  content: " /";
}
comp-hero > part-background {
  display: block;
}
@media (max-width: 767px) {
  comp-hero > part-background:not(:first-of-type) {
    display: none;
  }
}
@media (min-width: 768px) {
  comp-hero > part-background:not(:last-of-type) {
    display: none;
  }
}
@media (min-width: 768px) {
  comp-hero:not([display=Page]) > part-background {
    padding: 0 !important;
  }
}
comp-hero[display=Page] {
  background: transparent;
  padding: 0;
}
comp-hero[display=Page] > part-background {
  height: auto;
  position: static;
}
comp-hero[display=Page] > part-background::after {
  display: none;
}
comp-hero[display=Page] > header {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  comp-hero[display=Page] > header:first-child {
    margin-top: 2rem;
  }
}
@media (min-width: 768px) {
  comp-hero[display=Page] > header:first-child {
    margin-top: 4rem;
  }
}
comp-hero[display=Page] > header > h3, comp-hero[display=Page] > header h-sub {
  order: -1;
  margin-bottom: 1.7rem;
}
comp-hero[display=Page] > header > h1 {
  order: 0;
}
comp-hero[display=Page] > header > * {
  text-align: left;
}
comp-hero[display=Testimonials] {
  display: block;
  padding: 0;
}
comp-hero[display=Testimonials] > img {
  position: absolute;
  bottom: 3vw;
  z-index: 3;
  pointer-events: none;
  width: 36vw;
  left: 0;
  transform: translateX(-30%);
}
html.compare-active comp-hero[display=Testimonials] > img {
  display: none;
}
@media (min-width: 1301px) {
  comp-hero[display=Testimonials] > img {
    transform: none;
  }
}
@media (max-width: 1300px) and (min-width: 1201px) {
  comp-hero[display=Testimonials] > img {
    transform: translateX(-4%);
  }
}
@media (max-width: 1200px) and (min-width: 1000px) {
  comp-hero[display=Testimonials] > img {
    transform: translateX(-14%);
  }
}
comp-hero[display=Testimonials] > section {
  padding-top: 9.5%;
  padding-bottom: 6.7%;
}
comp-hero[display=Testimonials] > blockquote {
  margin: 0;
  padding: 2% 1.8rem 4% 1.8rem;
}
comp-hero[display=Testimonials] > blockquote > p, comp-hero[display=Testimonials] > blockquote > cite {
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0em;
  line-height: 2.4rem;
  display: block;
  max-width: 37.4rem;
  margin: 0 auto;
  text-align: center;
}
comp-hero[display=Testimonials] > blockquote > p {
  color: #fff;
}
comp-hero[display=Testimonials] > blockquote > cite {
  color: #aea8a5;
}
comp-hero[display=Normal], comp-hero[display=Small], comp-hero[display=Prepage] {
  justify-content: flex-start;
}
@media (min-width: 768px) {
  comp-hero[display=Normal], comp-hero[display=Small], comp-hero[display=Prepage] {
    padding: 7rem 13rem;
  }
}
@media (max-width: 767px) {
  comp-hero[display=Normal], comp-hero[display=Small], comp-hero[display=Prepage] {
    flex-direction: column;
    padding: 0;
  }
  comp-hero[display=Normal]::before, comp-hero[display=Small]::before, comp-hero[display=Prepage]::before {
    display: none;
  }
  comp-hero[display=Normal] part-background, comp-hero[display=Small] part-background, comp-hero[display=Prepage] part-background {
    position: static;
  }
}
comp-hero[display=Normal] > header, comp-hero[display=Small] > header, comp-hero[display=Prepage] > header {
  text-align: left;
}
@media (max-width: 767px) {
  comp-hero[display=Normal] > header, comp-hero[display=Small] > header, comp-hero[display=Prepage] > header {
    box-shadow: inset 0 0 0 0.5rem rgba(255, 255, 255, 0.15);
  }
}
@media (min-width: 768px) {
  comp-hero[display=Normal] > header, comp-hero[display=Small] > header, comp-hero[display=Prepage] > header {
    box-shadow: 0 0.2rem 4.5rem 0 rgba(35, 31, 32, 0.03), inset 0 0 0 0.5rem rgba(255, 255, 255, 0.15);
  }
}
@media (max-width: 767px) {
  comp-hero[display=Normal] > header, comp-hero[display=Small] > header, comp-hero[display=Prepage] > header {
    max-width: none;
  }
}
@media (min-width: 768px) {
  comp-hero[display=Normal] > header, comp-hero[display=Small] > header, comp-hero[display=Prepage] > header {
    padding: 6rem 7.6rem;
    max-width: 51rem;
  }
}
comp-hero[display=Normal] > header h1 + *, comp-hero[display=Normal] > header sudo-h1 + *, comp-hero[display=Normal] > header .heading-1 + *, comp-hero[display=Small] > header h1 + *, comp-hero[display=Small] > header sudo-h1 + *, comp-hero[display=Small] > header .heading-1 + *, comp-hero[display=Prepage] > header h1 + *, comp-hero[display=Prepage] > header sudo-h1 + *, comp-hero[display=Prepage] > header .heading-1 + * {
  margin-top: 1.7rem;
}
comp-hero[dealer] {
  background-color: transparent;
  color: #231f20;
}
comp-hero[dealer][staff] {
  border-bottom: 0.1rem solid #e2dedf;
}
@media (min-width: 768px) {
  comp-hero[dealer][staff] part-background {
    width: 50%;
    padding-bottom: 40% !important;
    height: auto;
  }
}
comp-hero[dealer] > header {
  background-color: transparent;
  box-shadow: none;
}
comp-hero[dealer] [map] {
  width: 100%;
  position: static;
  height: 54rem;
  order: 1;
  flex-grow: 1;
}
@media (max-width: 767px) {
  comp-hero[dealer] [map] {
    height: 39rem;
    order: 0;
    margin-bottom: 3.8rem;
  }
}
@media (max-width: 767px) {
  comp-hero[dealer] [map] + section {
    padding-bottom: 3.8rem;
  }
}
comp-hero[dealer] [map] + section p {
  color: rgba(35, 31, 32, 0.55);
}
comp-hero[dealer] [map] + section [role=button] {
  padding-left: 0;
  padding-right: 0;
  text-align: left;
}
comp-hero[dealer] [dealer-info] {
  display: block;
  background-color: transparent;
}
comp-hero[dealer] [dealer-info] > section {
  min-width: 0;
  flex-direction: row;
}
comp-hero[dealer] [dealer-info] > section [role=button], comp-hero[dealer] [dealer-info] > section button {
  margin: 0 !important;
  width: calc(50% - 0.5rem);
}
comp-hero[dealer] .dealer-information {
  padding-top: 0;
  padding-bottom: 0;
  border-top: 0;
  border-bottom: 0;
}
comp-hero[dealer] .dealer-information p {
  color: rgba(35, 31, 32, 0.55);
}
@media (min-width: 768px) {
  comp-hero[dealer] {
    overflow: visible;
    flex-direction: row-reverse;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }
  comp-hero[dealer] > header {
    padding: 0 9.6rem 0 0;
  }
  comp-hero[dealer] [map] {
    width: 64vw;
    box-shadow: 0 0.2rem 5rem 0 rgba(35, 31, 32, 0.15);
  }
  comp-hero[dealer] [map] + section {
    padding-left: 9.6rem;
  }
  comp-hero[dealer] part-background {
    flex-grow: 1;
    width: 64vw;
    position: static;
    height: 54rem;
    box-shadow: 0 0.2rem 5rem 0 rgba(35, 31, 32, 0.15);
  }
}
comp-hero[display=Campaign] {
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  comp-hero[display=Campaign] {
    padding-left: 0;
    padding-right: 0;
  }
}
comp-hero[display=Campaign] > footer {
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.5);
  padding: 0.75rem;
  text-align: center;
  bottom: 0;
  left: 0;
  right: 0;
}
comp-hero[display=Campaign] > footer a[role=button] {
  font-weight: 700;
  transform: scale(0.8);
}
comp-hero[display=Campaign] ~ comp-content [after-text] {
  padding-top: 3rem;
  justify-content: center;
}
comp-hero[display=Campaign] ~ comp-content [after-text] > * {
  display: flex !important;
  align-items: center;
  margin: 0.5rem;
  text-align: left;
  font-weight: 600;
}
comp-hero[display=Campaign] ~ comp-content [after-text] > *::before {
  flex-grow: 0;
}
comp-hero[display=Campaign] ~ comp-content [after-text] > *[theme=red-filled] {
  color: #fff !important;
}
comp-hero[display=Campaign] ~ comp-content {
  padding-top: 6.5rem;
}
comp-hero[display=Campaign] ~ comp-content h1 {
  font-size: 8.55rem;
  line-height: 1;
}
comp-hero[display=Campaign] ~ comp-content > * {
  max-width: 100rem;
}
comp-hero[display=Campaign] ~ [image][wide] > article {
  max-width: 96rem;
}
comp-hero[display=Campaign] ~ [featured-trucks] header h2 > span:not(:first-child)::after {
  content: "Featured Trucks";
}
comp-hero[display=Home] {
  padding-top: 0;
  text-align: center;
  overflow: visible;
  background-image: url(/images/nav-background.jpg);
  background-size: cover;
  background-position: center top;
  background-attachment: fixed;
}
@media (max-width: 767px) {
  comp-hero[display=Home] {
    padding: 0;
  }
}
/*comp-hero[display=Home] + * {
  padding-top: 18rem;
}*/
@media (min-width: 768px) {
  comp-hero[display=Home] > * {
    box-shadow: 0 0.2rem 0.4rem 0 rgba(35, 31, 32, 0.55);
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  comp-hero[display=Home] > comp-slides {
    margin-bottom: -3rem;
  }
}
comp-hero[display=Home] > comp-slides:not(.slick-initialized) {
  opacity: 0;
}
comp-hero[display=Home] > comp-slides .slick-track {
  display: flex;
}
comp-hero[display=Home] > comp-slides section, comp-hero[display=Home] > comp-slides section.slick-slide {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc(100vw - 7.2rem);
  /*				@include break(mobile){
  					width: 100vw;
  					font-size: 100vw;
  				}
  				@include break(desktop){
  					width: calc(100vw - 7.2rem);
  					font-size: 50vw;
  				}*/
}
@media screen and (max-width: 500px) {
    comp-hero[display=Home] > comp-slides section, comp-hero[display=Home] > comp-slides section.slick-slide {
    width:100vw;
    padding-top:100px;
    padding-bottom:100px;
    height:350px;
    }
}





comp-hero[display=Home] > comp-slides section part-background::after, comp-hero[display=Home] > comp-slides section.slick-slide part-background::after {
  content: "";
  z-index: 1;
  opacity: 0.1;
  background: rgba(0, 0, 0, 0.7);
}
comp-hero[display=Home] > comp-slides section > header, comp-hero[display=Home] > comp-slides section.slick-slide > header {
  text-align: center;
  font-size: 1.6rem;
  z-index: 1;
  min-width: 32rem;
}
comp-hero[display=Home] > comp-slides section > header > *, comp-hero[display=Home] > comp-slides section.slick-slide > header > * {
  margin-left: auto;
  margin-right: auto;
}
comp-hero[display=Home] > comp-slides section > header > h2, comp-hero[display=Home] > comp-slides section.slick-slide > header > h2 {
  display: inline;
  font-weight: 700;
  text-transform: none;
  line-height: 0.9;
  font-family: "Teko", sans-serif;
  padding: 0;
  max-width: 100%;
  color: #fff;
}
@media (min-width: 768px) {
  comp-hero[display=Home] > comp-slides section > header > h2, comp-hero[display=Home] > comp-slides section.slick-slide > header > h2 {
    font-size: 8rem;
  }
}
@media (max-width: 767px) {
  comp-hero[display=Home] > comp-slides section > header > h2, comp-hero[display=Home] > comp-slides section.slick-slide > header > h2 {
    font-size: 6rem;
  }
}
comp-hero[display=Home] > comp-slides section > header > a, comp-hero[display=Home] > comp-slides section.slick-slide > header > a {
  font-weight: 700;
}
@media (max-width: 1200px) and (min-width: 768px) {
  comp-hero[display=Home] > comp-slides section > header > a, comp-hero[display=Home] > comp-slides section.slick-slide > header > a {
    display: none;
  }
}
html:not(.touch) comp-hero[display=Home] > comp-slides section > header > a:hover, comp-hero[display=Home] > comp-slides section > header > a:focus, html:not(.touch) comp-hero[display=Home] > comp-slides section.slick-slide > header > a:hover, comp-hero[display=Home] > comp-slides section.slick-slide > header > a:focus {
  color: #fff;
}
@media (max-width: 767px) {
  comp-hero[display=Home] > comp-slides .slick-dots {
    bottom: 2rem;
  }
}
@media (min-width: 768px) {
  comp-hero[display=Home] > comp-slides .slick-dots {
    bottom: 5rem;
  }
}
comp-hero[display=Home] > comp-slides .slick-dots li {
  margin: 0.5rem;
}
comp-hero[display=Home] > comp-slides .slick-dots li button {
  border: 0.1rem solid #ed1c24;
  background: transparent;
}
comp-hero[display=Home] > comp-slides .slick-dots li:not(.slick-active) button {
  opacity: 0.5;
}
comp-hero[display=Home] > section {
  background: #ed1c24;
  display: flex;
}
@media (min-width: 768px) {
  comp-hero[display=Home] > section {
    margin-left: 3.6rem;
    margin-right: 3.6rem;
    margin-bottom: -13rem;
  }
}
@media (max-width: 767px) {
  comp-hero[display=Home] > section {
    flex-direction: column;
    background: #ed1c24;
    box-shadow: inset 0 0 0 0.5rem rgba(255, 255, 255, 0.15);
    width: 100%;
    padding: 1.5rem 0;
  }
  comp-hero[display=Home] > section > :not(:first-child) {
    margin-top: 0;
  }
}
@media (min-width: 1000px) {
  comp-hero[display=Home] > section {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  comp-hero[display=Home] > section > * {
    margin: 1.9rem;
    max-width: 100%;
  }
}
@media (max-width: 999px) {
  comp-hero[display=Home] > section > * {
    margin: 1rem;
  }
}
comp-hero[display=Home] > section > button, comp-hero[display=Home] > section > button-drop {
  flex-grow: 1;
  flex-basis: 50%;
}
comp-hero[display=Home] > section > form {
  display: flex;
}
@media (min-width: 768px) {
  comp-hero[display=Home] > section > form {
    flex-shrink: 1;
    flex-basis: 20%;
  }
}
comp-hero[display=Home] > section > form > input {
  border: 0;
  flex-grow: 1;
  background: #fff;
  border-radius: 3rem 0 0 3rem;
  font-weight: 600;
}
@media (max-width: 767px) {
  comp-hero[display=Home] > section > form > input {
    padding-left: 1.8rem;
    padding-right: 1rem;
  }
  comp-hero[display=Home] > section > form > input::-webkit-input-placeholder {
    font-size: 1.2rem;
  }
  comp-hero[display=Home] > section > form > input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 1.2rem;
  }
  comp-hero[display=Home] > section > form > input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 1.2rem;
  }
  comp-hero[display=Home] > section > form > input:-ms-input-placeholder {
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) {
  comp-hero[display=Home] > section > form > input {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    padding-left: 2.6rem;
  }
}
comp-hero[display=Home] > section > form > button {
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  comp-hero[display=Home] > section > form > button {
    min-width: 3.3rem;
    padding: 0;
    text-align: left;
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) {
  comp-hero[display=Home] > section > form > button {
    min-width: 7rem;
    padding: 0;
  }
}
comp-hero[display=Home] > section > button-drop > input:not(:checked) ~ nav {
  transform: scaleY(0);
}
comp-hero[display=Home] > section > button-drop > input:checked ~ label::after {
  transform: rotate(180deg);
}
comp-hero[display=Home] > section > button-drop > label::after {
  transition: transform 0.25s ease-in;
  transform: rotate(90deg);
}
comp-hero[display=Home] > section > button-drop > nav {
  transition: transform 0.25s ease-in;
  top: 100%;
  left: 2rem;
  right: 2rem;
  width: auto;
  background: #fff;
  text-align: left;
  z-index: 10;
  transition: transform 0.2s;
  transform-origin: 0 0;
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.5);
  padding: 0 1rem;
}
comp-hero[display=Home] > section > button-drop > nav > a:not([role=button]) {
  color: #231f20;
  padding: 1rem;
}
comp-hero[display=Home] > section > button, comp-hero[display=Home] > section > button-drop > label {
  box-shadow: inset 0 0 0 0.1rem rgba(35, 31, 32, 0.8);
  font-weight: 600;
  max-width: none;
  text-transform: none;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}
html:not(.touch) comp-hero[display=Home] > section > button:hover::before, html:not(.touch) comp-hero[display=Home] > section > button-drop > label:hover::before {
  border-right-color: #c61017;
}
comp-hero[display=Home] > section > button:active::before, comp-hero[display=Home] > section > button-drop > label:active::before {
  border-right-color: #231f20;
}
@media (max-width: 767px) {
  comp-hero[display=Home] > section > button, comp-hero[display=Home] > section > button-drop > label {
    font-size: 1.2rem;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    box-shadow: inset 0 0 0 0.1rem #231f20;
  }
  comp-hero[display=Home] > section > button::after, comp-hero[display=Home] > section > button-drop > label::after {
    color: #231f20;
  }
}
@media (min-width: 1000px) {
  comp-hero[display=Home] > section > button, comp-hero[display=Home] > section > button-drop > label {
    font-size: 1.6rem;
    padding-left: 2.2rem;
    padding-right: 2.6rem;
  }
}
comp-hero[display=Home] + comp-content {
  text-align: center;
}
comp-hero[display=Home] + comp-content h4, comp-hero[display=Home] + comp-content [specs] dl dt, comp-hero[display=Home] + comp-content main > [truck] ~ comp-collapsible dl dt, [specs] dl comp-hero[display=Home] + comp-content dt, main > [truck] ~ comp-collapsible dl comp-hero[display=Home] + comp-content dt, comp-hero[display=Home] + comp-content main > [dealer] ~ comp-container[gradient] > footer [role=button], comp-hero[display=Home] + comp-content comp-container[featured-trucks] > footer [role=button], main > [dealer] ~ comp-container[gradient] > footer comp-hero[display=Home] + comp-content [role=button], comp-container[featured-trucks] > footer comp-hero[display=Home] + comp-content [role=button], comp-hero[display=Home] + comp-content comp-container > a[back], comp-hero[display=Home] + comp-content comp-hero[display=Page] > header > h3, comp-hero[display=Home] + comp-content comp-hero[display=Page] > header h-sub, comp-hero[display=Page] > header comp-hero[display=Home] + comp-content h-sub, comp-hero[display=Home] + comp-content comp-hero[dealer] [map] + section [role=button], comp-hero[dealer] [map] + section comp-hero[display=Home] + comp-content [role=button] {
  font-size: 2.3rem;
  color: #ed1c24;
  letter-spacing: 0.2em;
}
comp-hero[display=Home] + comp-content p {
  font-size: 4.5rem;
  font-family: "Teko", sans-serif;
  font-weight: 600;
  color: #231f20;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  max-width: 103rem;
}
comp-hero[display=Home] + comp-content p em {
  font-style: normal;
  color: #ed1c24;
}
@media (max-width: 767px) {
  comp-hero[display=Home] + comp-content {
    text-align: left;
    margin-top: 4rem;
  }
  comp-hero[display=Home] + comp-content h4, comp-hero[display=Home] + comp-content [specs] dl dt, comp-hero[display=Home] + comp-content main > [truck] ~ comp-collapsible dl dt, [specs] dl comp-hero[display=Home] + comp-content dt, main > [truck] ~ comp-collapsible dl comp-hero[display=Home] + comp-content dt, comp-hero[display=Home] + comp-content main > [dealer] ~ comp-container[gradient] > footer [role=button], comp-hero[display=Home] + comp-content comp-container[featured-trucks] > footer [role=button], main > [dealer] ~ comp-container[gradient] > footer comp-hero[display=Home] + comp-content [role=button], comp-container[featured-trucks] > footer comp-hero[display=Home] + comp-content [role=button], comp-hero[display=Home] + comp-content comp-container > a[back], comp-hero[display=Home] + comp-content comp-hero[display=Page] > header > h3, comp-hero[display=Home] + comp-content comp-hero[display=Page] > header h-sub, comp-hero[display=Page] > header comp-hero[display=Home] + comp-content h-sub, comp-hero[display=Home] + comp-content comp-hero[dealer] [map] + section [role=button], comp-hero[dealer] [map] + section comp-hero[display=Home] + comp-content [role=button] {
    font-size: 1.4rem;
  }
  comp-hero[display=Home] + comp-content p {
    font-size: 2.4rem;
  }
}
@media (max-width: 767px) {
  comp-hero::before {
    content: "";
    float: left;
    display: block;
  }
  comp-hero::after {
    clear: both;
  }
  comp-hero[display=Normal]::before {
    height: 53vw;
  }
  comp-hero[display=Prepage] {
    padding-bottom: 20vw;
  }
  comp-hero[display=Prepage]::before {
    height: 30vw;
  }
  comp-hero[display=Small]::before {
    height: 50vw;
  }
  comp-hero[display=Search] > part-background, comp-hero[display=Testimonials] > part-background {
    background-size: 100% auto;
    background-color: #000;
  }
  comp-hero[display=Search] > section, comp-hero[display=Testimonials] > section {
    min-height: calc(100vh - 4.2rem);
    justify-content: space-between;
    padding: 1.8rem;
  }
  comp-hero[display=Search] > section > header, comp-hero[display=Testimonials] > section > header {
    flex-grow: 1;
    padding: 4%;
  }
  comp-hero[display=Search] > section > form, comp-hero[display=Search] > section > button, comp-hero[display=Testimonials] > section > form, comp-hero[display=Testimonials] > section > button {
    width: 100%;
  }
  comp-hero[display=Search] > section > form, comp-hero[display=Testimonials] > section > form {
    padding: 1.8rem 0;
  }
  comp-hero[display=Search] > section > form > button, comp-hero[display=Testimonials] > section > form > button {
    font-size: 0;
  }
  comp-hero[display=Search] > section > form > button::before, comp-hero[display=Testimonials] > section > form > button::before {
    font-size: 2.7rem;
  }
}
@media (max-width: 374px) {
  comp-hero[display=Search], comp-hero[display=Testimonials] > section {
    min-height: calc(100vh - 5.2rem);
  }
  comp-hero[display=Search] > header h1, comp-hero[display=Testimonials] > section > header h1 {
    line-height: 1.4;
  }
  comp-hero[display=Search] > header h-sub, comp-hero[display=Testimonials] > section > header h-sub {
    line-height: 1.6;
  }
  comp-hero[display=Search] > button, comp-hero[display=Testimonials] > section > button {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 768px) {
  comp-hero::before {
    content: "";
    float: left;
    display: block;
  }
  comp-hero::after {
    clear: both;
  }
  comp-hero[display=Normal]::before, comp-hero[display=Small]::before {
    height: 18.155vw;
  }
  comp-hero[display=Prepage] {
    padding-bottom: 15vw;
  }
  comp-hero[display=Prepage]::before {
    height: 15vw;
  }
  comp-hero[display=Search]::before {
    height: 47vw;
  }
  comp-hero[display=Search] > part-background, comp-hero[display=Testimonials] > part-background {
    display: none;
  }
  comp-hero[display=Search] > section > header, comp-hero[display=Testimonials] > section > header {
    max-width: 61.2rem;
  }
  comp-hero[display=Search] > section > form, comp-hero[display=Testimonials] > section > form {
    min-width: 55.8rem;
    margin-top: 5rem;
    margin-bottom: 2.5rem;
  }
  comp-hero[display=Search] > section > form > button, comp-hero[display=Testimonials] > section > form > button {
    font-size: 1.6rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  comp-hero[display=Search] > section > form > button::before, comp-hero[display=Testimonials] > section > form > button::before {
    font-size: 1.6rem;
    margin-right: 1.8rem;
  }
  comp-hero[display=Search] > section > a, comp-hero[display=Testimonials] > section > a {
    max-width: 34rem;
    margin-bottom: 13vw;
  }
}
.home-title-section {
  text-align: center;
  margin-top: -2.5rem !important;
  margin-bottom: -30px;
}
.home-title-section h4, .home-title-section [specs] dl dt, .home-title-section main > [truck] ~ comp-collapsible dl dt, [specs] dl .home-title-section dt, main > [truck] ~ comp-collapsible dl .home-title-section dt, .home-title-section main > [dealer] ~ comp-container[gradient] > footer [role=button], .home-title-section comp-container[featured-trucks] > footer [role=button], main > [dealer] ~ comp-container[gradient] > footer .home-title-section [role=button], comp-container[featured-trucks] > footer .home-title-section [role=button], .home-title-section comp-container > a[back], .home-title-section comp-hero[display=Page] > header > h3, .home-title-section comp-hero[display=Page] > header h-sub, comp-hero[display=Page] > header .home-title-section h-sub, .home-title-section comp-hero[dealer] [map] + section [role=button], comp-hero[dealer] [map] + section .home-title-section [role=button] {
  font-size: 2.3rem;
  color: #ed1c24;
  letter-spacing: 0.2em;
}
.home-title-section p {
  font-size: 4.5rem;
  font-family: "Teko", sans-serif;
  font-weight: 600;
  color: #231f20;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  max-width: 103rem;
}
.home-title-section p em {
  font-style: normal;
  color: #ed1c24;
}
@media (max-width: 767px) {
  .home-title-section {
    text-align: left;
    margin-top: 4rem;
  }
  .home-title-section h4, .home-title-section [specs] dl dt, .home-title-section main > [truck] ~ comp-collapsible dl dt, [specs] dl .home-title-section dt, main > [truck] ~ comp-collapsible dl .home-title-section dt, .home-title-section main > [dealer] ~ comp-container[gradient] > footer [role=button], .home-title-section comp-container[featured-trucks] > footer [role=button], main > [dealer] ~ comp-container[gradient] > footer .home-title-section [role=button], comp-container[featured-trucks] > footer .home-title-section [role=button], .home-title-section comp-container > a[back], .home-title-section comp-hero[display=Page] > header > h3, .home-title-section comp-hero[display=Page] > header h-sub, comp-hero[display=Page] > header .home-title-section h-sub, .home-title-section comp-hero[dealer] [map] + section [role=button], comp-hero[dealer] [map] + section .home-title-section [role=button] {
    font-size: 1.4rem;
  }
  .home-title-section p {
    font-size: 2.4rem;
  }
}
comp-cards {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.loading comp-cards {
  position: relative;
  min-height: 21.2rem;
}
comp-card-slider .loading comp-cards {
  min-height: 29.4rem;
}
.loading comp-card-slider comp-cards {
  min-height: 29.4rem;
}
comp-cards img {
  display: block;
}
comp-cards.slick-slider {
  padding-bottom: 3rem;
}
comp-cards .slick-arrow {
  height: 6.4rem;
  width: 6.4rem;
  border-radius: 3.2rem;
}
comp-cards .slick-arrow:not(.slick-disabled) {
  background-color: #231f20;
}
comp-cards .slick-arrow:not(.slick-disabled):hover {
  background-color: rgba(35, 31, 32, 0.5);
}
comp-cards .slick-arrow::before {
  font-size: 4rem;
}
comp-cards .slick-arrow.slick-prev {
  left: 5rem;
}
comp-cards .slick-arrow.slick-next {
  right: 5rem;
}
comp-cards .slick-dots {
  bottom: 4rem;
  line-height: 1;
}
comp-cards .slick-dots li {
  margin-left: 0.6rem;
  margin-right: 0.6rem;
}
comp-cards .slick-dots li button {
  border-color: rgba(237, 28, 36, 0.35);
}
comp-cards .slick-dots li.slick-active button {
  border-color: #ed1c24;
}
@media (max-width: 767px) {
  comp-cards .slick-dots {
    padding-top: 1rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
  comp-cards .slick-dots li {
    margin: 0.2rem;
  }
}
comp-cards .slick-list {
  overflow: visible;
}
@media (max-width: 767px) {
  comp-cards .slick-list {
    padding-left: 1.8rem;
  }
}
@media (min-width: 768px) {
  comp-cards .slick-list {
    padding-left: 7rem;
  }
}
comp-cards .slick-track {
  display: flex;
}
comp-cards .slick-track > * {
  float: none;
}
comp-cards part-card {
  height: auto !important;
  transition: opacity 0.5s, box-shadow 0.5s;
  background: #fff;
  box-sizing: border-box;
  display: block !important;
  flex-basis: 30rem;
  padding-bottom: 7rem;
  position: relative;
  width: 30rem;
  max-width: calc(100vw - 3.6rem);
}
comp-container comp-cards part-card {
    height: 100% !important;
}
comp-container comp-cards part-card button[title="Compare"], comp-container comp-cards part-card button[title="Remove From Comparison"] {
    display: none;
}
comp-cards part-card[spacer] {
  visibility: hidden;
}
@media (max-width: 767px) {
  comp-cards part-card {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 768px) {
  comp-cards part-card {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 2rem;
  }
}
comp-cards part-card.slick-slide:not(.slick-active) {
  opacity: 0.2;
  box-shadow: none;
}
comp-cards part-card:not([icon]) {
  cursor: pointer;
}
comp-cards part-card a[role=button]:not([call]) {
  border-top: 0.1rem solid #E7E7E7;
  bottom: 0;
  max-width: 100%;
  padding: 2.5rem 1.8rem;
  position: absolute;
  text-align: left;
  width: 100%;
  border-radius: 0;
  font-family: "Teko", sans-serif;
  font-size: 1.8rem;
}
comp-cards part-card a[role=button]:not([call]):after {
  vertical-align: middle;
  font-size: 1.4rem;
}
comp-cards part-card button[message] {
  padding: 1rem 0.2rem;
}
comp-cards part-card button[compare] {
  background-color: rgba(35, 31, 32, 0.3);
}
comp-cards part-card button[compare]::before {
  font-size: 2rem;
  line-height: 1.7 !important;
  font-weight: bold;
}
comp-cards part-card button[compare]:hover {
  background-color: rgba(35, 31, 32, 0.6);
}
.max-compare comp-cards part-card button[compare] {
  background-color: #aea8a5 !important;
  color: #c6c2c0 !important;
  box-shadow: inset 0 0 0 0.1rem #fff !important;
  cursor: default;
}
comp-cards part-card button[cancel] {
  background-color: rgba(35, 31, 32, 0.9);
}
comp-cards part-card button[cancel]:hover {
  background-color: rgba(35, 31, 32, 0.6);
}
comp-cards part-card button[cancel], comp-cards part-card button[compare] {
  position: absolute;
  top: 1.3rem;
  right: 1.3rem;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 2rem;
  line-height: 3.4rem;
  text-align: center;
  padding: 0;
  box-shadow: inset 0 0 0 0.2rem #fff;
}
comp-cards part-card button[cancel]::before, comp-cards part-card button[compare]::before {
  line-height: 3.4rem;
}
comp-cards part-card a[role=button][call] {
  padding: 1rem 0.2rem;
}
comp-cards part-card[icon] {
  cursor: default;
}
comp-cards part-card[icon] header {
  position: relative;
  padding-left: 6rem;
  min-height: 4rem;
  display: flex;
  align-items: center;
}
comp-cards part-card[icon] header::before {
  background: #ed1c24;
  border-radius: 3rem;
  color: #fff;
  font-size: 2.6rem;
  padding: 0.7rem;
  left: 0;
  top: 0;
  position: absolute;
}
comp-cards part-card[social] {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 0;
}
comp-cards part-card[social] > section {
  flex-grow: 1;
}
comp-cards part-card[social] > section > header {
  display: flex;
}
comp-cards part-card[social] > section > header > * {
  flex: 1;
}
comp-cards part-card[social] > section > header > user-icon {
  width: 4.2rem;
  margin-right: 1.8rem;
  flex-basis: 4.2rem;
  flex-grow: 0;
  flex-shrink: 0;
}
comp-cards part-card[social] > section > header h3 {
  color: #ed1c24;
  text-transform: uppercase;
  line-height: 1;
}
comp-cards part-card[social] > section > header time {
  color: #aea8a5;
  font-size: 1.4rem;
}
comp-cards part-card[social] > section > p {
  font-size: 1.5rem;
}
comp-cards part-card[social] > a {
  flex-grow: 0;
  flex-shrink: 0;
  display: block;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}
comp-cards part-card[social] > a::before {
  content: "";
  display: block;
  padding-bottom: 70%;
}
comp-cards part-card[truck] {
  padding-bottom: 6.9rem;
  background: #fff;
}
comp-cards part-card[truck] img[src=""] {
  display: block !important;
  font-size: 0;
  height: 300px;
  overflow: hidden;
  padding-left: 30rem;
  background: url("../images/available-full-min.jpg") no-repeat center center;
  background-size: cover;
}
comp-cards part-card[truck] header {
  position: relative;
}
comp-cards part-card[truck] item-price {
  color: #ed1c24;
}
comp-cards part-card[truck].compare {
  outline: 0.2rem solid #ed1c24;
}
comp-cards part-card[truck].compare button[compare], comp-cards part-card[truck]:not(.compare) button[cancel] {
  display: none;
}
comp-cards part-card[truck] section h4, comp-cards part-card[truck] section [specs] dl dt, comp-cards part-card[truck] section main > [truck] ~ comp-collapsible dl dt, [specs] dl comp-cards part-card[truck] section dt, main > [truck] ~ comp-collapsible dl comp-cards part-card[truck] section dt, comp-cards part-card[truck] section main > [dealer] ~ comp-container[gradient] > footer [role=button], comp-cards part-card[truck] section comp-container[featured-trucks] > footer [role=button], main > [dealer] ~ comp-container[gradient] > footer comp-cards part-card[truck] section [role=button], comp-container[featured-trucks] > footer comp-cards part-card[truck] section [role=button], comp-cards part-card[truck] section comp-container > a[back], comp-cards part-card[truck] section comp-hero[display=Page] > header > h3, comp-cards part-card[truck] section comp-hero[display=Page] > header h-sub, comp-hero[display=Page] > header comp-cards part-card[truck] section h-sub, comp-cards part-card[truck] comp-hero[dealer] [map] + section [role=button], comp-hero[dealer] comp-cards part-card[truck] [map] + section [role=button] {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
  color: rgba(35, 31, 32, 0.6);
}
@media (max-width: 767px) {
  comp-cards part-card[truck] section h4, comp-cards part-card[truck] section [specs] dl dt, comp-cards part-card[truck] section main > [truck] ~ comp-collapsible dl dt, [specs] dl comp-cards part-card[truck] section dt, main > [truck] ~ comp-collapsible dl comp-cards part-card[truck] section dt, comp-cards part-card[truck] section main > [dealer] ~ comp-container[gradient] > footer [role=button], comp-cards part-card[truck] section comp-container[featured-trucks] > footer [role=button], main > [dealer] ~ comp-container[gradient] > footer comp-cards part-card[truck] section [role=button], comp-container[featured-trucks] > footer comp-cards part-card[truck] section [role=button], comp-cards part-card[truck] section comp-container > a[back], comp-cards part-card[truck] section comp-hero[display=Page] > header > h3, comp-cards part-card[truck] section comp-hero[display=Page] > header h-sub, comp-hero[display=Page] > header comp-cards part-card[truck] section h-sub, comp-cards part-card[truck] comp-hero[dealer] [map] + section [role=button], comp-hero[dealer] comp-cards part-card[truck] [map] + section [role=button] {
    margin-bottom: 0.4rem;
  }
}
@media (min-width: 768px) {
  comp-cards part-card[truck] section h4, comp-cards part-card[truck] section [specs] dl dt, comp-cards part-card[truck] section main > [truck] ~ comp-collapsible dl dt, [specs] dl comp-cards part-card[truck] section dt, main > [truck] ~ comp-collapsible dl comp-cards part-card[truck] section dt, comp-cards part-card[truck] section main > [dealer] ~ comp-container[gradient] > footer [role=button], comp-cards part-card[truck] section comp-container[featured-trucks] > footer [role=button], main > [dealer] ~ comp-container[gradient] > footer comp-cards part-card[truck] section [role=button], comp-container[featured-trucks] > footer comp-cards part-card[truck] section [role=button], comp-cards part-card[truck] section comp-container > a[back], comp-cards part-card[truck] section comp-hero[display=Page] > header > h3, comp-cards part-card[truck] section comp-hero[display=Page] > header h-sub, comp-hero[display=Page] > header comp-cards part-card[truck] section h-sub, comp-cards part-card[truck] comp-hero[dealer] [map] + section [role=button], comp-hero[dealer] comp-cards part-card[truck] [map] + section [role=button] {
    margin-bottom: 0.5rem;
  }
}
comp-cards part-card[truck] section h2 {
  line-height: 0.91;
  color: #231f20;
}
@media (max-width: 767px) {
  comp-cards part-card[truck] section h2 {
    font-size: 2.7rem;
    letter-spacing: 0.052rem;
    margin-bottom: 1.1rem;
  }
}
@media (min-width: 768px) {
  comp-cards part-card[truck] section h2 {
    font-size: 3.6rem;
    letter-spacing: 0.069rem;
    margin-bottom: 2rem;
  }
}
comp-cards part-card[truck] section h2 a {
  color: #231f20;
}
comp-cards part-card[truck] section h3 {
  border-bottom: solid 0.1rem #E7E7E7;
  display: flex;
  align-items: baseline;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
}
@media (max-width: 767px) {
  comp-cards part-card[truck] section h3 {
    margin-bottom: 1.2rem;
    padding-bottom: 0.5rem;
  }
}
@media (min-width: 768px) {
  comp-cards part-card[truck] section h3 {
    margin-bottom: 1.2rem;
    padding-bottom: 1.3rem;
  }
}
comp-cards part-card[truck] section h3 > * {
  flex: 1;
}
comp-cards part-card[truck] section h3 span {
  text-align: right;
  margin-left: 2rem;
}
comp-cards part-card[truck] section dd {
  color: rgba(35, 31, 32, 0.6);
}
comp-cards part-card[truck] section .location {
  font-weight: 600;
  margin: 0;
}
comp-cards part-card[truck] section > * {
  margin: 0;
}
comp-cards part-card[truck] footer {
  position: absolute;
  background: #fff;
  left: 2rem;
  right: 2rem;
  bottom: 2rem;
}
comp-cards [empty-message] {
  padding: 0 2rem;
  width: 100%;
  flex-basis: 100%;
  max-width: 60rem;
  text-align: center;
}
comp-cards [empty-message] h3 {
  margin-bottom: 3rem;
}
comp-cards section {
  padding: 2rem 1.6rem 2rem 2rem;
}
comp-cards section > p:first-child {
  margin-top: 0;
}
comp-cards section > p:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  comp-cards[template=truck-template] > :not([truck]):not([empty-message]):not([class*=slick]) {
    display: none !important;
  }
}
@-webkit-keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.icon-header {
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 0em;
  margin: 0;
  line-height: 2.2rem;
}
comp-card-slider {
  display: block;
  position: relative;
}
footer .btn-white-red:hover {
  color: #FFF !important;
}
@media (max-width: 767px) {
  comp-modal > footer, comp-modal > inner-content, comp-modal[contact] > comp-thankyou, comp-modal[sellmytruck] > comp-thankyou {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 768px) {
  comp-modal > footer, comp-modal > inner-content, comp-modal[contact] > comp-thankyou, comp-modal[sellmytruck] > comp-thankyou {
    padding-left: 4.4rem;
    padding-right: 4.4rem;
  }
}
@media (max-width: 767px) {
  comp-modal > footer, comp-modal > inner-content, comp-modal[contact] > comp-thankyou, comp-modal[sellmytruck] > comp-thankyou {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 768px) {
  comp-modal > footer, comp-modal > inner-content, comp-modal[contact] > comp-thankyou, comp-modal[sellmytruck] > comp-thankyou {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
comp-modal[press], comp-modal[compare] {
  max-width: none;
  max-height: none;
  transform: none;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 10;
  transition: transform 0.25s;
  z-index: 9999;
}
comp-modal {
  flex-direction: column;
  transition: transform 0.075s;
  position: absolute;
  background: #fff;
  z-index: 12;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  max-width: 50rem;
  max-height: 66rem;
  transform: translate(-50%, -50%);
}
comp-modal comp-error {
  color: #ed1c24;
}
comp-modal comp-error p {
  margin-top: 0;
  font-size: 0.9em;
}
html:not(.modal-active-search) comp-modal[search] {
  transform: translate(-50%, -50%) scale(0);
}
html:not(.modal-active-contact) comp-modal[contact], html:not(.modal-active-contact) comp-modal[sellmytruck] {
  transform: translate(-50%, -50%) scale(0);
}
comp-modal[contact] select,
comp-modal[contact] textarea,
comp-modal[contact] input[type=text],
comp-modal[contact] input[type=password],
comp-modal[contact] input[type=datetime],
comp-modal[contact] input[type=datetime-local],
comp-modal[contact] input[type=date],
comp-modal[contact] input[type=month],
comp-modal[contact] input[type=time],
comp-modal[contact] input[type=week],
comp-modal[contact] input[type=number],
comp-modal[contact] input[type=email],
comp-modal[contact] input[type=url],
comp-modal[contact] input[type=search],
comp-modal[contact] input[type=tel],
comp-modal[contact] input[type=color], comp-modal[sellmytruck] select,
comp-modal[sellmytruck] textarea,
comp-modal[sellmytruck] input[type=text],
comp-modal[sellmytruck] input[type=password],
comp-modal[sellmytruck] input[type=datetime],
comp-modal[sellmytruck] input[type=datetime-local],
comp-modal[sellmytruck] input[type=date],
comp-modal[sellmytruck] input[type=month],
comp-modal[sellmytruck] input[type=time],
comp-modal[sellmytruck] input[type=week],
comp-modal[sellmytruck] input[type=number],
comp-modal[sellmytruck] input[type=email],
comp-modal[sellmytruck] input[type=url],
comp-modal[sellmytruck] input[type=search],
comp-modal[sellmytruck] input[type=tel],
comp-modal[sellmytruck] input[type=color] {
  width: 100%;
}
comp-modal[contact] label, comp-modal[sellmytruck] label {
  display: block;
  margin-bottom: 3.6rem;
}
comp-modal[contact] label > h4, comp-modal[contact] [specs] dl label > dt, comp-modal[contact] main > [truck] ~ comp-collapsible dl label > dt, [specs] dl comp-modal[contact] label > dt, main > [truck] ~ comp-collapsible dl comp-modal[contact] label > dt, comp-modal[contact] main > [dealer] ~ comp-container[gradient] > footer label > [role=button], comp-modal[contact] comp-container[featured-trucks] > footer label > [role=button], main > [dealer] ~ comp-container[gradient] > footer comp-modal[contact] label > [role=button], comp-container[featured-trucks] > footer comp-modal[contact] label > [role=button], comp-modal[contact] comp-hero[display=Page] > header label > h-sub, comp-hero[display=Page] > header comp-modal[contact] label > h-sub, comp-modal[contact] comp-hero[dealer] [map] + section label > [role=button], comp-hero[dealer] [map] + section comp-modal[contact] label > [role=button], comp-modal[sellmytruck] label > h4, comp-modal[sellmytruck] [specs] dl label > dt, comp-modal[sellmytruck] main > [truck] ~ comp-collapsible dl label > dt, [specs] dl comp-modal[sellmytruck] label > dt, main > [truck] ~ comp-collapsible dl comp-modal[sellmytruck] label > dt, comp-modal[sellmytruck] main > [dealer] ~ comp-container[gradient] > footer label > [role=button], comp-modal[sellmytruck] comp-container[featured-trucks] > footer label > [role=button], main > [dealer] ~ comp-container[gradient] > footer comp-modal[sellmytruck] label > [role=button], comp-container[featured-trucks] > footer comp-modal[sellmytruck] label > [role=button], comp-modal[sellmytruck] comp-hero[display=Page] > header label > h-sub, comp-hero[display=Page] > header comp-modal[sellmytruck] label > h-sub, comp-modal[sellmytruck] comp-hero[dealer] [map] + section label > [role=button], comp-hero[dealer] [map] + section comp-modal[sellmytruck] label > [role=button] {
  text-transform: none;
  font-weight: 600;
}
comp-modal[contact] label input[type=checkbox] + p::before, comp-modal[sellmytruck] label input[type=checkbox] + p::before {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  line-height: 1.8rem;
  color: rgba(255, 255, 255, 0);
  text-align: center;
  box-shadow: inset 0 0 0 0.2rem #E7E7E7;
  background: linear-gradient(to bottom, #ed1c24, #ed1c24) no-repeat center center;
  background-size: 0 0;
  transition: background-size 0.25s, color 0.25s, border 0.25s;
  vertical-align: baseline;
  border-radius: 0.2rem;
}
comp-modal[contact] label input[type=checkbox] + p::before, comp-modal[sellmytruck] label input[type=checkbox] + p::before {
  margin-right: 1rem;
}
comp-modal[contact] label input[type=checkbox]:checked + p::before, comp-modal[sellmytruck] label input[type=checkbox]:checked + p::before {
  background-size: 100% 100%;
  box-shadow: inset 0 0 0 0.2rem rgba(231, 231, 231, 0);
  color: white;
}
comp-modal[contact] textarea, comp-modal[sellmytruck] textarea {
  height: 14rem;
}
comp-modal[contact] > comp-thankyou, comp-modal[sellmytruck] > comp-thankyou {
  flex-grow: 1;
}
comp-modal[contact].thankyou > inner-content, comp-modal[contact].thankyou > footer, comp-modal[contact]:not(.thankyou) > comp-thankyou, comp-modal[sellmytruck].thankyou > inner-content, comp-modal[sellmytruck].thankyou > footer, comp-modal[sellmytruck]:not(.thankyou) > comp-thankyou {
  max-height: 0;
  overflow: hidden;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
comp-modal[contact].loading > inner-content > *, comp-modal[contact].loading > footer > *, comp-modal[sellmytruck].loading > inner-content > *, comp-modal[sellmytruck].loading > footer > * {
  opacity: 0;
  display: none;
}
comp-modal[contact].loading > inner-content, comp-modal[sellmytruck].loading > inner-content {
  position: relative;
}
comp-modal[compare] {
  transform-origin: bottom;
}
html:not(.compare-active) comp-modal[compare] {
  transform: scale(1, 0);
}
html:not(.press-active) comp-modal[press] {
  transform: scale(1, 0);
}
comp-modal > header {
  text-align: right;
}
comp-modal > header button {
  margin-right: 0;
  margin-left: auto;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  height: 4rem;
  color: #ed1c24;
}
comp-modal > header button::before {
  content: "×";
  line-height: 3.1rem;
  display: block;
  text-align: center;
  font-size: 3.4rem;
}
comp-modal > inner-content {
  flex-grow: 1;
  padding-top: 0;
}
comp-modal > inner-content part-slider {
  margin-top: 1.6rem;
}
comp-modal > inner-content h3 {
  text-align: center;
}
comp-modal > inner-content form > [role=button] {
  margin: 0 auto;
}
comp-modal > footer button {
  max-width: 100%;
  width: 100%;
  font-size: 1.8rem;
}
html.touch[class*=modal-active] > body > main {
  overflow: visible;
}
@media (max-width: 767px) {
  comp-container[nearest-center][gradient-alt] {
    background-image: none !important;
  }
}
comp-container[nearest-center] > article {
  padding: 9.5rem 0;
}
@media (max-width: 767px) {
  comp-container[nearest-center] > article {
    padding: 4rem 0;
  }
}
comp-container[nearest-center] > article section:first-of-type h2 {
  display: none;
  text-align: center;
}
@media (max-width: 767px) {
  comp-container[nearest-center] > article section:first-of-type h2 {
    display: block;
  }
}
comp-container[nearest-center] > article .nearest-location-info {
  padding: 5rem;
  text-align: center;
}
@media (max-width: 767px) {
  comp-container[nearest-center] > article .nearest-location-info {
    padding: 0;
  }
  comp-container[nearest-center] > article .nearest-location-info h2 {
    display: none;
  }
}
@media (min-width: 768px) {
  comp-container[nearest-center] > article .nearest-location-info {
    margin-top: -140px;
  }
}
comp-container[nearest-center] > article [itemscope] {
  margin: 4.5rem auto 0;
  max-width: 100%;
  padding: 2.7rem 0;
  width: 45rem;
}
comp-container[nearest-center] > article [itemscope] h4, comp-container[nearest-center] > article [itemscope] [specs] dl dt, comp-container[nearest-center] > article [itemscope] main > [truck] ~ comp-collapsible dl dt, [specs] dl comp-container[nearest-center] > article [itemscope] dt, main > [truck] ~ comp-collapsible dl comp-container[nearest-center] > article [itemscope] dt, comp-container[nearest-center] > article [itemscope] main > [dealer] ~ comp-container[gradient] > footer [role=button], comp-container[nearest-center] > article [itemscope] comp-container[featured-trucks] > footer [role=button], main > [dealer] ~ comp-container[gradient] > footer comp-container[nearest-center] > article [itemscope] [role=button], comp-container[featured-trucks] > footer comp-container[nearest-center] > article [itemscope] [role=button], comp-container[nearest-center] > article [itemscope] comp-container > a[back], comp-container[nearest-center] > article [itemscope] comp-hero[display=Page] > header > h3, comp-container[nearest-center] > article [itemscope] comp-hero[display=Page] > header h-sub, comp-hero[display=Page] > header comp-container[nearest-center] > article [itemscope] h-sub, comp-container[nearest-center] > article [itemscope] comp-hero[dealer] [map] + section [role=button], comp-hero[dealer] [map] + section comp-container[nearest-center] > article [itemscope] [role=button] {
  color: #aea8a5;
  font-size: 1.4rem;
  margin-bottom: 3.2rem;
}
comp-container[nearest-center] > article [itemscope] h4::before, comp-container[nearest-center] > article [itemscope] [specs] dl dt::before, comp-container[nearest-center] > article [itemscope] main > [truck] ~ comp-collapsible dl dt::before, [specs] dl comp-container[nearest-center] > article [itemscope] dt::before, main > [truck] ~ comp-collapsible dl comp-container[nearest-center] > article [itemscope] dt::before, comp-container[nearest-center] > article [itemscope] main > [dealer] ~ comp-container[gradient] > footer [role=button]::before, comp-container[nearest-center] > article [itemscope] comp-container[featured-trucks] > footer [role=button]::before, main > [dealer] ~ comp-container[gradient] > footer comp-container[nearest-center] > article [itemscope] [role=button]::before, comp-container[featured-trucks] > footer comp-container[nearest-center] > article [itemscope] [role=button]::before, comp-container[nearest-center] > article [itemscope] comp-container > a[back]::before, comp-container[nearest-center] > article [itemscope] comp-hero[display=Page] > header > h3::before, comp-container[nearest-center] > article [itemscope] comp-hero[display=Page] > header h-sub::before, comp-hero[display=Page] > header comp-container[nearest-center] > article [itemscope] h-sub::before, comp-container[nearest-center] > article [itemscope] comp-hero[dealer] [map] + section [role=button]::before, comp-hero[dealer] [map] + section comp-container[nearest-center] > article [itemscope] [role=button]::before {
  margin-right: 0.3rem;
  vertical-align: middle;
}
comp-container[nearest-center] > article [itemscope] .header-3 {
  color: #606463;
  font-size: 1.6rem;
}
comp-container[nearest-center] > article [itemscope] > p {
  color: #868686;
  font-size: 1.4rem;
}
comp-container[nearest-center] > article [itemscope] p + p {
  margin-top: 0;
  margin-bottom: 3.5rem;
}
comp-container[nearest-center] > article [itemscope] > a {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 400;
  padding: 1rem;
}
comp-container[nearest-center] > article [itemscope] > a::after {
  font-size: 1.3rem;
  margin-left: 0.5rem;
}
nav[tabs] button {
  flex: 1;
  max-width: none;
  border-radius: 0;
}
nav[tabs] ~ [tab-target] {
  padding-top: 2rem;
  padding-bottom: 2rem;
  overflow: hidden;
  transition: padding 0.25s linear;
}
nav[tabs] ~ [tab-target].active {
  -webkit-animation: collapse-expand 0.25s linear;
          animation: collapse-expand 0.25s linear;
  transform: translate3d(0, 0, 0);
}
nav[tabs] ~ [tab-target]:not(.active) {
  max-height: 0;
  opacity: 0;
  padding: 0 1.8rem;
  -webkit-animation: collapse 0.25s linear;
          animation: collapse 0.25s linear;
}
form[calc] p:first-child {
  text-align: center;
  margin-top: 0;
}
form[calc] comp-results {
  margin-top: 3rem;
  border: 0.1rem solid #e2dedf;
  text-align: center;
}
form[calc] comp-results > * {
  padding: 1rem;
}
form[calc] comp-results > header {
  font-weight: 400;
  position: relative;
}
form[calc] comp-results > header::after {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -0.1rem) rotate(180deg);
  color: #0076a8;
  transition: color 0.25s;
}
html:not(.touch) form[calc] comp-results > header:hover::after {
  color: #005275;
}
form[calc] comp-results > p {
  margin-top: 2rem;
  padding-bottom: 0;
}
form[calc] comp-results > h2 {
  margin-bottom: 2rem;
  padding-top: 0;
}
comp-content {
  text-align: left;
}
comp-content > *,
comp-content div > * {
  margin: 0 auto;
  max-width: 75rem;
}
comp-content.truck-heading > * {
    margin: 0 auto;
    max-width: 75rem;
}
comp-content p.image-wrap:first-child {
  padding-top: 0;
}
comp-content p.image-wrap:first-child + h2 {
  margin-top: 2rem;
}
comp-content > p {
  padding-top: 2rem;
}
comp-content h1:not(:first-child), comp-content sudo-h1:not(:first-child), comp-content .heading-1:not(:first-child), comp-content h2:not(:first-child), comp-content sudo-h2:not(:first-child), comp-content .heading-2:not(:first-child), comp-content h3:not(:first-child), comp-content sudo-h3:not(:first-child), comp-content .heading-3:not(:first-child), comp-content h4:not(:first-child), comp-content [specs] dl dt:not(:first-child), comp-content main > [truck] ~ comp-collapsible dl dt:not(:first-child), [specs] dl comp-content dt:not(:first-child), main > [truck] ~ comp-collapsible dl comp-content dt:not(:first-child), comp-content main > [dealer] ~ comp-container[gradient] > footer [role=button]:not(:first-child), comp-content comp-container[featured-trucks] > footer [role=button]:not(:first-child), main > [dealer] ~ comp-container[gradient] > footer comp-content [role=button]:not(:first-child), comp-container[featured-trucks] > footer comp-content [role=button]:not(:first-child), comp-content comp-container > a[back]:not(:first-child), comp-content comp-hero[display=Page] > header > h3:not(:first-child), comp-content comp-hero[display=Page] > header h-sub:not(:first-child), comp-hero[display=Page] > header comp-content h-sub:not(:first-child), comp-content comp-hero[dealer] [map] + section [role=button]:not(:first-child), comp-hero[dealer] [map] + section comp-content [role=button]:not(:first-child), comp-content sudo-h4:not(:first-child), comp-content .heading-4:not(:first-child), comp-content h5:not(:first-child), comp-content sudo-h5:not(:first-child), comp-content .heading-5:not(:first-child), comp-content h6:not(:first-child), comp-content sudo-h6:not(:first-child), comp-content .heading-6:not(:first-child) {
  margin-top: 4rem;
}
comp-content a[role=button] {
  margin-left: auto;
  margin-right: auto;
}
comp-content:not([truck]) ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  text-align: left;
}
comp-content:not([truck]) ul:not(:last-child) {
  margin-bottom: 2em;
}
comp-content:not([truck]) ul:not(:first-child) {
  padding-top: 2rem;
}
comp-content:not([truck]) ul li {
  padding-left: 2.5em;
  text-indent: -1.2em;
  font-size: 1.5rem;
  font-weight: 300;
  font-style: italic;
}
comp-content:not([truck]) ul li:not(:last-of-type) {
  margin-bottom: 1em;
}
comp-content:not([truck]) ul li::before {
  display: inline-block;
  margin-right: 1.2em;
  font-size: 1.3rem;
  color: #ed1c24;
  /* or whatever color you prefer */
}
comp-content.article {
  text-align: center;
}
comp-content.article h4, comp-content.article [specs] dl dt, comp-content.article main > [truck] ~ comp-collapsible dl dt, [specs] dl comp-content.article dt, main > [truck] ~ comp-collapsible dl comp-content.article dt, comp-content.article main > [dealer] ~ comp-container[gradient] > footer [role=button], comp-content.article comp-container[featured-trucks] > footer [role=button], main > [dealer] ~ comp-container[gradient] > footer comp-content.article [role=button], comp-container[featured-trucks] > footer comp-content.article [role=button], comp-content.article comp-container > a[back], comp-content.article comp-hero[display=Page] > header > h3, comp-content.article comp-hero[display=Page] > header h-sub, comp-hero[display=Page] > header comp-content.article h-sub, comp-content.article comp-hero[dealer] [map] + section [role=button], comp-hero[dealer] [map] + section comp-content.article [role=button] {
  font-size: 2.3rem;
  color: #ed1c24;
  letter-spacing: 0.2em;
}
comp-content.article p {
  font-size: 4.5rem;
  font-family: "Teko", sans-serif;
  font-weight: 600;
  color: #231f20;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  max-width: 103rem;
}
comp-content.article p em {
  font-style: normal;
  color: #ed1c24;
}
@media (max-width: 767px) {
  comp-content.article {
    text-align: left;
  }
  comp-content.article h4, comp-content.article [specs] dl dt, comp-content.article main > [truck] ~ comp-collapsible dl dt, [specs] dl comp-content.article dt, main > [truck] ~ comp-collapsible dl comp-content.article dt, comp-content.article main > [dealer] ~ comp-container[gradient] > footer [role=button], comp-content.article comp-container[featured-trucks] > footer [role=button], main > [dealer] ~ comp-container[gradient] > footer comp-content.article [role=button], comp-container[featured-trucks] > footer comp-content.article [role=button], comp-content.article comp-container > a[back], comp-content.article comp-hero[display=Page] > header > h3, comp-content.article comp-hero[display=Page] > header h-sub, comp-hero[display=Page] > header comp-content.article h-sub, comp-content.article comp-hero[dealer] [map] + section [role=button], comp-hero[dealer] [map] + section comp-content.article [role=button] {
    font-size: 1.4rem;
  }
  comp-content.article p {
    font-size: 2.4rem;
  }
}
comp-content.article .article-links {
  margin-top: 4rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  grid-gap: 2rem;
  gap: 2rem;
}
comp-content.article .article-links a {
  width: 27rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  comp-content.article .article-links {
    flex-direction: column;
  }
  comp-content.article .article-links a {
    margin: 0 auto;
  }
}
comp-modal[compare] {
  background-color: #f2f2f2;
}
comp-modal[compare] > inner-content {
  overflow-x: auto;
}
comp-modal[compare] button[compare], comp-modal[compare] button[cancel] {
  display: none;
}
comp-modal[compare] table {
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0 auto;
  table-layout: fixed;
}
comp-modal[compare] td {
  vertical-align: top;
  max-width: 36rem;
  font-size: 1.5rem;
  font-weight: 300;
  position: relative;
  word-wrap: break-word;
}
comp-modal[compare] td:not([gutter]) {
  background-color: #fff;
}
comp-modal[compare] td[gutter] {
  width: 3.2rem;
  border-left: 0.1rem solid #e2dedf;
  border-right: 0.1rem solid #e2dedf;
  background-color: #f2f2f2;
}
comp-modal[compare] td:first-child {
  border-left: 0.1rem solid #e2dedf;
}
comp-modal[compare] td:last-child {
  border-right: 0.1rem solid #e2dedf;
}
comp-modal[compare] td * {
  word-wrap: break-word;
}
comp-modal[compare] td > h3 {
  text-align: left;
  font-size: 1.5rem;
  font-weight: 600;
}
comp-modal[compare] tr:first-child > td:not([gutter]) {
  border-top: 0.1rem solid #e2dedf;
  padding: 0;
}
comp-modal[compare] tr:last-child > td:not([gutter]) {
  border-bottom: 0.1rem solid #e2dedf;
  padding: 2.5rem;
}
comp-modal[compare] tr:not(:last-child) td:not([gutter]) {
  border-bottom: 0.1rem solid #e2dedf;
}
comp-modal[compare] tr:not(:last-child):not(:first-child) td:not([gutter]) {
  padding: 1.4rem 2.5rem;
  max-width: 15rem;
}
comp-modal[compare] part-card {
  padding-bottom: 4.7rem;
}
comp-modal[compare] part-card header {
  padding-top: 0;
}
comp-modal[compare] part-card header img {
  width: 100%;
}
comp-modal[compare] part-card > section {
  padding: 2.5rem;
  color: #606463;
}
comp-modal[compare] part-card > section item-price {
  color: #ed1c24;
  font-size: 3rem;
  font-weight: 400;
  text-align: left;
}
comp-modal[compare] part-card > section h2 {
  font-size: 3.6rem;
  letter-spacing: 0.069rem;
  line-height: 0.91;
  color: #231f20;
  margin-bottom: 2rem;
}
comp-modal[compare] part-card > section h2 a {
  color: #231f20;
}
comp-modal[compare] part-card > section h3 {
  margin-bottom: 1.2rem;
  padding-bottom: 1.3rem;
  border-bottom: solid 0.1rem #E7E7E7;
  display: flex;
  align-items: baseline;
  font-family: Arial, Helvetica, sans-serif;
}
comp-modal[compare] part-card > section h3 > * {
  flex: 1;
}
comp-modal[compare] part-card > section h3 span {
  font-size: 1.6rem;
  text-align: right;
  margin-left: 2rem;
}
comp-modal[compare] part-card > section .location {
  font-weight: 600;
  margin: 0;
}
comp-modal[compare] part-card > section > * {
  margin: 0;
}
comp-modal[compare] part-card > section dd {
  color: rgba(35, 31, 32, 0.6);
}
comp-modal[compare] part-card footer {
  position: absolute;
  bottom: 1.8rem;
  left: 2.5rem;
  right: 2.5rem;
  background-color: #fff;
  justify-content: center;
}
comp-modal[compare] part-card footer button, comp-modal[compare] part-card footer a[role=button] {
  padding: 1rem 0 !important;
}
comp-press comp-container {
  min-height: 21.2rem;
}
comp-press comp-container > div {
  cursor: pointer;
  padding: 2rem 0;
  position: relative;
}
comp-press comp-container > div:not(:last-of-type) {
  border-bottom: 0.1rem solid #e2dedf;
}
comp-press comp-container > div > * {
  flex: 1;
  position: relative;
  z-index: 1;
}
comp-press comp-container > div .date {
  flex-basis: 12rem;
  max-width: 12rem;
}
comp-press comp-container > div .title {
  flex-grow: 1;
  font-weight: 600;
}
comp-press comp-container > div::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 0%;
  transition: width 1s;
  background: #f2f2f2;
}
comp-press comp-container > div.loading::after {
  width: 100%;
}
comp-press comp-container > button {
  margin-top: 3rem !important;
  width: 19rem;
}
comp-modal[press] {
  background-color: #f2f2f2;
}
comp-modal[press] inner-content > header h1 {
  font-size: 2.2rem;
  line-height: normal;
}
comp-modal[press] inner-content > inner-content h2 {
  font-size: 1.8rem;
  line-height: normal;
  font-weight: 400;
}
comp-modal[press] inner-content > inner-content p {
  margin-bottom: 3.5rem;
}
comp-modal[press] inner-content > inner-content .date {
  margin-top: 3.5rem;
  color: #aea8a5;
}
comp-modal[press] inner-content > inner-content p, comp-modal[press] inner-content > inner-content div, comp-modal[press] inner-content > inner-content span {
 font-family: Arial, Helvetica, sans-serif !important;
}
comp-modal[press] inner-content .images {
  margin-top: 2rem;
}
comp-modal[press] inner-content .images .image {
  display: inline-block;
  width: 24rem;
  margin: 0 2rem 2rem 0;
  vertical-align: top;
}
comp-modal[press] inner-content .images .image h5 {
  display: block;
  line-height: 1;
  padding: 0.5rem 0;
  margin: 0;
  text-transform: none;
}
comp-modal[press] inner-content .images .image a {
  display: block;
}
comp-actions {
  height: 8.4rem;
  position: relative;
}
main > comp-actions {
  max-width: 26.4rem;
}
@media (min-width: 768px) {
  [track-view] ~ comp-content comp-actions, [track-view] ~ comp-actions {
    display: block !important;
  }
  [track-view] ~ comp-content comp-actions.stuck section, [track-view] ~ comp-actions.stuck section {
    transition: opacity 0.25s;
    width: 26.4rem;
    left: auto;
    right: 11.8rem;
  }
  [track-view] ~ comp-content comp-actions.stuck section > *, [track-view] ~ comp-actions.stuck section > * {
    flex-basis: 50%;
  }
}
[track-view]:not(.off-top) ~ comp-content comp-actions section, [track-view]:not(.off-top) ~ comp-actions section {
  opacity: 0;
}
comp-actions section {
  display: flex;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
comp-actions section > * {
  flex: 1;
}
comp-actions button, comp-actions a[role=button] {
  max-width: calc(50% - 0.5rem);
  padding: 1rem;
  line-height: 1;
}
comp-actions:not(.stuck) section {
  top: 50%;
}
comp-actions.stuck {
  position: static;
}
comp-actions.stuck section {
  transform: none;
  bottom: 2rem;
  position: fixed;
}
comp-actions.stuck section button {
  background: #fff;
}
@media (max-width: 767px) {
  comp-actions.stuck section {
    bottom: 0;
  }
  comp-actions.stuck section > * {
    margin: 0 !important;
    border-radius: 0 !important;
    max-width: none !important;
  }
}
comp-slides {
  background: #231f20;
}
comp-slides .slick-slide {
  transition: opacity 0.25s;
  outline: none;
  height: 0.8em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: rgba(255, 255, 255, 0.05);
}
@media (min-width: 768px) {
  comp-slides .slick-slide {
    font-size: 34vw;
  }
}
@media (max-width: 767px) {
  comp-slides .slick-slide {
    font-size: 80vw;
  }
}
comp-slides .slick-slide:not(.slick-current) {
  opacity: 0.5;
}
comp-card-slider + footer a {
  font-weight: 600 !important;
  margin: 0 auto;
  color: #ed1c24 !important;
  font-size: 1.7rem !important;
  letter-spacing: 0.15em;
  line-height: 2.6rem !important;
  font-family: Teko, sans-serif;
  margin-bottom: 0;
  text-transform: uppercase !important;
  box-shadow: inset 0 0 0 0.1rem #ed1c24;
}
@media (min-width: 768px) {
  main > [dealer] ~ comp-container[gradient] [split] > section:last-of-type, comp-container[featured-trucks] [split] > section:last-of-type {
    text-align: right;
  }
}
main > [dealer] ~ comp-container[gradient] [split] > section:last-of-type a, comp-container[featured-trucks] [split] > section:last-of-type a {
  display: inline-block;
}
main > [dealer] ~ comp-container[gradient] > header, comp-container[featured-trucks] > header {
  padding-bottom: 3rem;
}
@media (max-width: 767px) {
  main > [dealer] ~ comp-container[gradient] > header, comp-container[featured-trucks] > header {
    text-align: center;
  }
  main > [dealer] ~ comp-container[gradient] > header h2, comp-container[featured-trucks] > header h2 {
    margin-bottom: 3rem;
  }
}
main > [dealer] ~ comp-container[gradient] > footer, comp-container[featured-trucks] > footer {
  padding-top: 3rem;
  padding-bottom: 0;
  text-align: center;
}
main > [dealer] ~ comp-container[gradient] > footer [role=button], comp-container[featured-trucks] > footer [role=button] {
  font-weight: 600;
  margin: 0 auto;
}
main > [dealers] ~ header > section, [dealer-info] > section:not([map]) > section, main > [dealer] ~ header > section, main > [truck] header > section {
  margin-left: auto;
  margin-right: auto;
}
main > [dealers] ~ header > section > *, [dealer-info] > section:not([map]) > section > *, main > [dealer] ~ header > section > *, main > [truck] header > section > * {
  flex: 1;
}
main > [dealers] ~ header > section:first-of-type, [dealer-info] > section:not([map]) > section:first-of-type, main > [dealer] ~ header > section:first-of-type, main > [truck] header > section:first-of-type {
  flex-grow: 1;
}
main > [dealers] ~ header > section:last-of-type, [dealer-info] > section:not([map]) > section:last-of-type, main > [dealer] ~ header > section:last-of-type, main > [truck] header > section:last-of-type {
  text-align: center;
  flex-basis: 50%;
  flex-flow: row wrap;
  align-items: center;
}
main > [dealers] ~ header > section:last-of-type > *, [dealer-info] > section:not([map]) > section:last-of-type > *, main > [dealer] ~ header > section:last-of-type > *, main > [truck] header > section:last-of-type > * {
  width: auto;
}
main > [dealers] ~ header p, [dealer-info] > section:not([map]) p, main > [dealer] ~ header p, main > [truck] header p {
  color: rgba(35, 31, 32, 0.55);
}
[dealer-info] > section:not([map]), main > [dealer] ~ header, main > [truck] header {
  max-width: calc(100% - 3.6rem);
}
@media (min-width: 768px) {
  [dealer-info] > section:not([map]), main > [dealer] ~ header, main > [truck] header {
    width: 32rem;
  }
}
[specs], main > [truck] ~ comp-collapsible {
  font-size: 1.7rem;
}
[specs] h4, main > [truck] ~ comp-collapsible h4, [specs] dl dt, main > [truck] ~ comp-collapsible dl dt, [specs] comp-container > a[back], main > [truck] ~ comp-collapsible comp-container > a[back], [specs] comp-hero[display=Page] > header > h3, [specs] comp-hero[display=Page] > header h-sub, main > [truck] ~ comp-collapsible comp-hero[display=Page] > header h-sub, comp-hero[display=Page] > header [specs] h-sub, comp-hero[display=Page] > header main > [truck] ~ comp-collapsible h-sub, [specs] comp-hero[dealer] [map] + section [role=button], main > [truck] ~ comp-collapsible comp-hero[dealer] [map] + section [role=button], comp-hero[dealer] [map] + section [specs] [role=button], comp-hero[dealer] [map] + section main > [truck] ~ comp-collapsible [role=button], [specs] main > [dealer] ~ comp-container[gradient] > footer [role=button], main > [truck] ~ comp-collapsible main > [dealer] ~ comp-container[gradient] > footer [role=button], [specs] comp-container[featured-trucks] > footer [role=button], main > [truck] ~ comp-collapsible comp-container[featured-trucks] > footer [role=button], main > [dealer] ~ comp-container[gradient] > footer [specs] [role=button], main > [dealer] ~ comp-container[gradient] > footer main > [truck] ~ comp-collapsible [role=button], comp-container[featured-trucks] > footer [specs] [role=button], comp-container[featured-trucks] > footer main > [truck] ~ comp-collapsible [role=button], [specs] h3, main > [truck] ~ comp-collapsible h3 {
  text-align: left;
  max-width: 65rem;
  margin: 0 auto 0.5rem auto;
}
[specs] h3, main > [truck] ~ comp-collapsible h3 {
  margin-bottom: 2rem;
}
[specs] h3::after, main > [truck] ~ comp-collapsible h3::after {
  display: none;
}
[specs] dl, main > [truck] ~ comp-collapsible dl {
  margin-top: 1.8rem;
  -moz-columns: 2;
       columns: 2;
  max-width: 65rem;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  [specs] dl, main > [truck] ~ comp-collapsible dl {
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }
}
@media (min-width: 768px) {
  [specs] dl, main > [truck] ~ comp-collapsible dl {
    grid-column-gap: 8rem;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }
}
[specs] dl > div, main > [truck] ~ comp-collapsible dl > div {
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
  padding: 1.5rem 0;
}
[specs] dl dt, main > [truck] ~ comp-collapsible dl dt, [specs] dl dd, main > [truck] ~ comp-collapsible dl dd {
  display: block;
  width: 100%;
  margin: 0;
  padding-right: 0.8rem;
}
[specs] dl dt p, main > [truck] ~ comp-collapsible dl dt p, [specs] dl dd p, main > [truck] ~ comp-collapsible dl dd p {
  margin-top: 0;
  margin-bottom: 0;
}
[specs] dl dt, main > [truck] ~ comp-collapsible dl dt {
  -moz-column-break-after: avoid-column;
       break-after: avoid-column;
  letter-spacing: 0.07em;
  font-size: 1.8rem;
}
[specs] dl dd, main > [truck] ~ comp-collapsible dl dd {
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
  padding-bottom: 1rem;
  color: rgba(35, 31, 32, 0.75);
  line-height: normal;
}
@media (max-width: 767px) {
  [specs] dl dd, main > [truck] ~ comp-collapsible dl dd {
    font-size: 1.4rem;
  }
}
[specs] dl dd > div, main > [truck] ~ comp-collapsible dl dd > div {
  margin-right: 0 !important;
  display: block !important;
}
[specs] dl ul, main > [truck] ~ comp-collapsible dl ul {
  padding-left: 3rem;
  margin-top: 0.5rem;
}
[specs] dl ul li:not(:last-child), main > [truck] ~ comp-collapsible dl ul li:not(:last-child) {
  margin-bottom: 0.5em;
}
@media (min-width: 768px) {
  [specs] dl, main > [truck] ~ comp-collapsible dl {
    margin-top: 3.8rem;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  [specs] > section:first-of-type:last-of-type, main > [truck] ~ comp-collapsible > section:first-of-type:last-of-type {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  [specs] a[role=button], main > [truck] ~ comp-collapsible a[role=button] {
    font-size: 1.4rem;
  }
}
main > [truck] {
  padding: 0;
}
main > [truck] > comp-slides {
  margin: 0;
}
@media (min-width: 768px) {
  main > [truck] > comp-slides {
    width: 64vw;
    flex-basis: 64vw;
    max-width: calc(100vw - 35.6rem);
  }
}
@media (max-width: 767px) {
  main > [truck] > comp-slides {
    max-width: 100%;
  }
}
main > [truck] header {
  text-align: left;
}
main > [truck] header dl {
  margin: 4.4rem 0;
}
main > [truck] header dd:first-of-type {
  color: #ed1c24;
  font-weight: 400;
  font-size: 2.7rem;
}
main > [truck] header dd, main > [truck] header dt {
  height: 5rem;
  line-height: 5rem;
  margin: -0.1rem 0 0 0 !important;
  width: 50% !important;
}
@media (min-width: 768px) {
  main > [truck] header dd {
    width: 65% !important;
  }
  main > [truck] header dt {
    width: 35% !important;
  }
}
main > [truck] header [role=button], main > [truck] header button {
  margin: 0 !important;
  max-width: calc(50% - 0.5rem);
}
main > [truck] header section:first-of-type {
  min-width: 0;
}
main > [truck] header section:last-of-type {
  max-width: 100%;
}
@media (max-width: 767px) {
  main > [truck] comp-slides {
    margin-bottom: 4.2rem;
  }
}
@media (min-width: 768px) {
  main > [truck] comp-slides .slick-slide {
    font-size: 37vw;
    width: 64vw !important;
    max-width: calc(100vw - 35.6rem);
    min-height: 58rem;
  }
}
main > [truck] .slick-arrow {
  height: 2rem;
  width: 2rem;
  transform: none;
}
@media (max-width: 767px) {
  main > [truck] .slick-arrow {
    bottom: auto;
    top: calc(100% + 2.4rem);
  }
  main > [truck] .slick-arrow::before {
    color: #ed1c24;
  }
  main > [truck] .slick-arrow.slick-prev {
    left: 2rem;
  }
  main > [truck] .slick-arrow.slick-next {
    right: 2rem;
  }
}
@media (min-width: 768px) {
  main > [truck] .slick-arrow {
    bottom: 4.2rem;
    top: auto;
  }
  main > [truck] .slick-arrow.slick-prev {
    left: calc(50% - 18rem);
  }
  main > [truck] .slick-arrow.slick-next {
    right: calc(50% - 18rem);
  }
}
main > [truck] .slick-arrow::before {
  font-size: 2rem;
}
main > [truck] .slick-dots {
  width: calc(100% - 10rem);
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  main > [truck] .slick-dots {
    max-width: 30rem;
  }
}
main > [truck] .slick-dots li {
  margin: 1rem;
}
@media (max-width: 767px) {
  main > [truck] .slick-dots {
    bottom: auto;
    top: calc(100% + 1.5rem);
  }
  main > [truck] .slick-dots button {
    border-color: #ed1c24;
  }
  main > [truck] .slick-dots li {
    margin: 0.6rem;
  }
  main > [truck] .slick-dots li:not(.slick-active) {
    opacity: 0.35;
  }
}
@media (min-width: 768px) {
  main > [truck] .slick-dots {
    bottom: 3.8rem;
    top: auto;
  }
}
@media (max-width: 767px) {
  main > [truck] ~ comp-content {
    text-align: left;
  }
}
@media (max-width: 767px) {
  main > [dealer] ~ comp-container[gradient-alt] > * {
    margin: 0;
  }
}
@media (max-width: 767px) {
  main > [dealer] ~ comp-container > comp-collapsible {
    margin: 0;
  }
}
.header-3 {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 2.4rem;
  margin-top: 0;
  margin-bottom: 0;
}
[dealer-highlight] {
  background: #f7f6f6;
  text-align: center;
}
@media (min-width: 768px) {
  [dealer-highlight] {
    position: absolute;
    right: 2.4rem;
    bottom: 2rem;
    width: 28.5rem;
    padding: 2rem;
    z-index: 1;
  }
}
@media (max-width: 767px) {
  [dealer-highlight] {
    padding: 0.6rem 1.8rem;
    min-height: 4.5rem;
    box-shadow: 0 0.5rem 2.755rem 0.145rem rgba(0, 0, 0, 0.17);
    align-items: center;
  }
}
[dealer-highlight] strong {
  color: #0076a8;
  font-weight: bold;
  display: block;
}
@media (min-width: 768px) {
  [dealer-highlight] strong {
    font-size: 1.4rem;
    margin-bottom: 0.4rem;
  }
}
@media (max-width: 767px) {
  [dealer-highlight] strong {
    font-size: 1.2rem;
    line-height: 1.2;
  }
}
[dealer-highlight] a {
  padding: 0.5rem 4rem;
  display: inline-block;
  color: #fff;
}
@media (max-width: 767px) {
  [dealer-highlight] a {
    height: 3.4rem;
  }
}
[dealer-highlight] a::before {
  padding-right: 0.5rem;
  vertical-align: middle;
}
main > [dealers] ~ header > section:last-of-type {
  max-width: 32rem;
}
main > [dealers] ~ comp-container {
  padding-top: 10rem;
}
@media (max-width: 767px) {
  comp-collapsible[dealer-list] {
    margin-left: 0;
    margin-right: 0;
    padding: 3.4rem 0;
  }
}
@media (min-width: 768px) {
  comp-collapsible[dealer-list] {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-bottom: 10rem;
  }
  comp-collapsible[dealer-list] > * {
    width: 33%;
    flex-basis: 33%;
    padding-right: 4rem;
    margin-top: 10rem;
  }
}
comp-collapsible[dealer-list] a {
  display: block;
  padding: 0.4rem 0;
  color: #868686;
}
[dealer-info] {
  padding: 0;
}
@media (max-width: 767px) {
  [dealer-info] {
    background-color: #fff;
  }
  [dealer-info] [map] {
    height: 39rem;
    margin-bottom: 3.8rem;
  }
}
[dealer-info] > section:not([map]) a[directions] {
  text-align: left;
  padding: 0;
  margin-top: 2rem;
  margin-left: 0;
}
[dealer-info] p {
  margin: 0;
}
[dealer-info] .dealer-information {
  margin: 2rem 0 2.7rem;
  padding-bottom: 2rem;
  padding-bottom: 2rem;
}
[dealer-info] .dealer-information > div {
  text-align: left;
}
[dealer-info] .dealer-information > div p {
  padding-left: 3.6rem;
}
[dealer-info] .dealer-information header {
  font-weight: 600;
  margin-top: 2.5rem;
}
[dealer-info] .dealer-information header::before {
  color: #ed1c24;
  margin-right: 2rem;
  vertical-align: middle;
}
@media (min-width: 768px) {
  [dealer-info] {
    align-content: stretch;
    display: flex;
    flex-direction: row;
    background: #fff;
  }
  [dealer-info] > section[map] {
    margin: 0;
    width: 64vw;
    flex-basis: 64vw;
    max-width: calc(100vw - 35.6rem);
  }
}
@media (max-width: 767px) {
  [dealer-info] > section[map] {
    max-width: 100%;
  }
}
comp-sort {
  background: #fff;
  padding: 0.6rem;
  border-width: 0.1rem 0;
  border-style: solid;
  border-color: #e2dedf;
  box-shadow: 0 0.2rem 1rem 0 rgba(35, 31, 32, 0.11);
}
comp-sort > inner-content {
  align-items: center;
  width: auto !important;
}
comp-sort > inner-content > :last-child {
  text-align: right;
}
@media (max-width: 767px) {
  comp-sort {
    height: 5.6rem;
  }
  comp-sort.stuck > inner-content {
    position: fixed;
    z-index: 3;
    top: 5rem !important;
    left: 0;
    width: 100% !important;
    max-width: none;
    padding: 0.6rem 1.6rem;
    background: #fff;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-width: 0.1rem 0;
    border-style: solid;
    border-color: #e2dedf;
  }
}
comp-sort select {
  color: #ed1c24;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border: 0;
}
@media (max-width: 767px) {
  comp-sort select {
    opacity: 0.00001;
  }
}
comp-sort [summary], comp-sort [sort] label {
  opacity: 0.6;
  font-size: 1.4rem;
  margin-right: 1rem;
}
@media (max-width: 767px) {
  comp-sort [summary], comp-sort [sort] label {
    font-weight: 600;
  }
}
@media (min-width: 768px) {
  comp-sort [summary], comp-sort [sort] label {
    font-weight: 400;
  }
}
comp-sort [summary] {
  color: #231f20;
}
@media (max-width: 767px) {
  comp-sort [summary] {
    flex-grow: 1;
  }
}
@media (max-width: 767px) {
  comp-sort [sort] {
    position: relative;
  }
  comp-sort [sort] label {
    opacity: 1;
    color: #ed1c24;
  }
  comp-sort [sort] label::after {
    display: inline-block;
    transform: rotate(90deg);
    margin-left: 0.4rem;
    margin-bottom: 0.2rem;
    vertical-align: middle;
  }
}
comp-sort [sort] a {
  display: inline-block;
  box-shadow: none !important;
  padding-right: 0;
}
comp-sort [aside-toggle] {
  color: #ed1c24;
  padding-left: 0;
}
comp-sort [aside-toggle]::before {
  display: inline-block;
  margin-right: 0.4rem;
  vertical-align: middle;
}
comp-sort [aside-toggle]::after {
  content: "|";
  display: inline-block;
  color: #ed1c24;
  margin-left: 1.2rem;
}
@media (min-width: 768px) {
  comp-aside > aside.stuck > :first-child {
    position: absolute;
    z-index: 0;
  }
}
@media (max-width: 767px) {
  comp-aside > aside[sticky-top] > comp-cards {
    width: auto !important;
  }
}
comp-aside > section {
  padding-bottom: 4.5rem;
}
comp-aside > section > comp-cards {
  margin-bottom: 4.5rem;
}
comp-aside > section a[more] {
  display: inline-block;
  margin-left: 1.8rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
@media (min-width: 768px) {
  comp-aside-reveal {
    display: flex;
  }
  comp-aside-reveal > :first-child {
    flex: 1;
    flex-shrink: 1;
    flex-grow: 0;
    width: 30.6rem;
    flex-basis: 30.6rem;
  }
  comp-aside-reveal > :last-child {
    flex: 1;
  }
}
comp-aside-reveal > aside {
  transition: transform 0.075s;
}
@media (max-width: 767px) {
  comp-aside-reveal > aside {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    background: #fff;
    z-index: 4;
    flex-direction: column;
  }
  comp-aside-reveal > aside comp-boxed {
    border: 0;
  }
  comp-aside-reveal > aside comp-boxed select {
    width: 100%;
  }
  comp-aside-reveal > aside inner-content {
    flex-grow: 1;
  }
}
@media (max-width: 767px) {
  comp-aside-reveal > aside input[type=search], comp-aside-reveal > aside select, comp-aside-reveal > aside map-search {
    display: block;
    width: calc(100% - 4rem);
    margin: 2rem auto 0 auto;
  }
}
@media (min-width: 768px) {
  comp-aside-reveal > aside input[type=search], comp-aside-reveal > aside select {
    width: 100%;
  }
}
@media (min-width: 768px) {
  comp-aside-reveal > aside inner-content {
    background: #fff;
    box-shadow: 0 0.2rem 4.5rem 0 rgba(35, 31, 32, 0.05);
  }
}
comp-aside-reveal > aside inner-content > :not(:first-child) {
  border-bottom: solid 0.1rem #E7E7E7;
  margin-top: -0.1rem;
}
comp-aside-reveal > aside part-slider label {
  text-align: left;
}
comp-aside-reveal > aside input[type=search] {
  margin: 2rem 2.8rem;
  max-width: calc(100% - 5.6rem);
  border: 0.1rem solid #868686;
  border-radius: 2.25rem;
  color: rgba(35, 31, 32, 0.5);
  font-weight: 600;
  height: 4rem;
  background-color: #fff;
}
@media (min-width: 768px) {
  comp-aside-reveal > aside input[type=search] {
    font-size: 1.2rem;
  }
}
comp-aside-reveal > aside header {
  text-align: center;
  padding-top: 2rem;
}
comp-aside-reveal > aside header button {
  position: absolute;
  top: -1rem;
  right: 0;
  color: #ed1c24;
}
comp-aside-reveal > aside header button::before {
  content: "×";
  line-height: 3.1rem;
  display: block;
  text-align: center;
  font-size: 2.6rem;
}
comp-aside-reveal > aside footer {
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1rem 2rem;
  text-align: center;
  box-shadow: 0 -0.1rem 0.5rem #e2dedf;
  flex-shrink: 0;
}
comp-aside-reveal > aside footer [aside-toggle] {
  width: 100%;
  max-width: none;
}
html[class*=modal-active] body > comp-cover {
  transform: translate(0, 0);
  background: rgba(0, 0, 0, 0.8);
  transition: background 0.5s;
}
@media (max-width: 767px) {
  html.aside-active body > comp-cover {
    transform: translate(0, 0);
    background: rgba(0, 0, 0, 0.8);
    transition: background 0.5s;
  }
}
@media (max-width: 999px) {
  html.nav-active body > comp-cover {
    transform: translate(0, 0);
    background: rgba(0, 0, 0, 0.8);
    transition: background 0.5s;
  }
}
body > comp-cover {
  background: transparent;
  z-index: 3;
  cursor: pointer;
  transition: transform 0s linear 0.5s, background 0.5s;
  transform: translate(-100%, -100%);
}
comp-boxed {
  border: 0.1rem solid #e2dedf;
  padding: 2rem;
}
body > comp-tray {
  transition: all 0.25s;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: inset 0 0.1rem 0.5rem #e2dedf;
  background: #f7f6f6;
  position: relative;
}
body > comp-tray:not(.active) {
  height: 0;
  flex-basis: 0;
}
body > comp-tray.active {
  height: 10rem;
  flex-basis: 10rem;
}
body > comp-tray > button[close] {
  width: 3.1rem;
  height: 3.1rem;
  color: #ed1c24;
  margin: 0;
  border-radius: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
}
body > comp-tray > button[close]::before {
  content: "×";
  line-height: 3.1rem;
  display: block;
  text-align: center;
  font-size: 2.6rem;
}
body > comp-tray > inner-content > section {
  height: 10rem;
}
body > comp-tray > inner-content > section > part-item {
  width: 17.2rem;
  margin-right: 2rem;
  text-align: right;
  background-position: center top;
  background-size: cover;
  background-color: rgba(35, 31, 32, 0.8);
}
body > comp-tray > inner-content > section > part-item:not([style])::before {
  display: block;
  text-align: center;
  line-height: 1.5;
  font-size: 7.5rem;
}
body > comp-tray > inner-content > section > part-item > button {
  display: inline-block;
  width: 3.1rem;
  height: 3.1rem;
  background: rgba(35, 31, 32, 0.8);
  color: #fff;
  margin: 0;
  border-radius: 0;
  padding: 0;
}
body > comp-tray > inner-content > section > part-item > button::before {
  content: "×";
  line-height: 3.1rem;
  display: block;
  text-align: center;
  font-size: 2.6rem;
}
body > comp-tray > inner-content > button[compare] {
  background-color: #0076a8;
  color: #fff;
  margin: 2rem;
}
html:not(.touch) body > comp-tray > inner-content > button[compare]:hover {
  background-color: #005275;
  color: #fff;
}
body > comp-tray > inner-content > button[compare]:active {
  background-color: #231f20;
}
body > comp-tray > inner-content > button[compare]:disabled {
  background-color: #E7E7E7;
  cursor: default;
}
html:not(.touch) body > comp-tray > inner-content > button[compare]:disabled:hover {
  background-color: #E7E7E7;
}
a[role=banner] {
  max-width: 66.8rem;
  text-align: center;
}
@media (min-width: 768px) {
  a[role=banner] {
    margin: 4.5rem auto;
  }
}
@media (max-width: 767px) {
  a[role=banner] {
    margin: 2.6rem auto;
  }
}
a[role=banner] > img {
  margin: auto;
  max-width: 100%;
}
@media (min-width: 768px) {
  a[role=banner] > img:first-child {
    display: none;
  }
}
@media (max-width: 767px) {
  a[role=banner] > img:last-child {
    display: none;
  }
}
comp-map-search:not(.active) {
  max-height: 0;
  opacity: 0;
  padding: 0 1.8rem;
  -webkit-animation: collapse 0.25s linear;
          animation: collapse 0.25s linear;
}
comp-map-search.active {
  -webkit-animation: collapse-expand 0.25s linear;
          animation: collapse-expand 0.25s linear;
  transform: translate3d(0, 0, 0);
}
comp-map-search input[type=search] {
  margin-bottom: 1rem;
}
comp-map-search map-search {
  transition: all 0.25s;
  overflow: hidden;
}
comp-map-search map-search.active {
  height: 22rem;
  border: 0.1rem solid #e2dedf;
  margin-bottom: 1rem;
}
comp-map-search map-search:not(.active) {
  margin-top: 0;
  margin-bottom: 0;
}
[pagination-summary] {
  color: #ed1c24;
  font-weight: 600;
  font-size: 1.6rem;
}
nav[pagination]:not([blog]) {
  margin: 1.8rem 3.6rem;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  nav[pagination]:not([blog]) {
    flex-direction: column;
    margin-bottom: 3.6rem;
  }
  nav[pagination]:not([blog]) > p {
    order: 1;
    margin-top: 0;
  }
  nav[pagination]:not([blog]) > a[role=button][action=next] {
    order: 2;
  }
  nav[pagination]:not([blog]) > a[role=button][action=prev] {
    order: 3;
    margin-top: 1.8rem;
  }
}
nav[pagination]:not([blog]) > p {
  justify-self: center;
  flex-grow: 1;
  text-align: center;
}
nav[pagination]:not([blog]) > a[role=button] {
  display: block;
  min-width: 18.6rem;
  text-transform: capitalize;
  font-weight: 600;
}
@media (min-width: 768px) {
  nav[pagination]:not([blog]) > a[role=button][action=next] {
    justify-self: flex-end;
    margin-left: 1rem;
  }
  nav[pagination]:not([blog]) > a[role=button][action=prev] {
    justify-self: flex-start;
    margin-right: 1rem;
  }
}
nav[pagination][blog] {
  text-align: center;
}
@media (max-width: 767px) {
  nav[pagination][blog] {
    padding-top: 2.8rem;
    padding-bottom: 6.8rem;
  }
}
@media (min-width: 768px) {
  nav[pagination][blog] {
    padding-top: 8.8rem;
    padding-bottom: 8.8rem;
  }
}
@media (max-width: 767px) {
  nav[pagination][blog][small] {
    display: flex;
    justify-content: center;
  }
}
nav[pagination][blog][small] > * {
  display: inline-block;
  border: 0.1rem #231f20 solid;
  border-radius: 3rem;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  font-size: 2.6rem;
  font-family: "Teko", sans-serif;
  font-weight: 600;
  color: #231f20;
  text-transform: uppercase;
  transition: all 0.25s;
}
html:not(.touch) nav[pagination][blog][small] > *:hover:not([current]) {
  color: #ed1c24;
  border-color: #ed1c24;
}
nav[pagination][blog][small] > *[current] {
  color: #ed1c24;
  border-color: #ed1c24;
}
nav[pagination][blog][small] > *[label=prev], nav[pagination][blog][small] > *[label=next] {
  flex: 1;
  border-width: 0;
  font-size: 1.8rem;
  width: auto;
  border-radius: 0;
}
nav[pagination][blog][small] > *[label=prev] {
  margin-right: 4rem;
  text-align: left;
}
nav[pagination][blog][small] > *[label=next] {
  margin-left: 4rem;
  text-align: right;
}
@media (max-width: 767px) {
  nav[pagination][blog][small] > * {
    margin: 0.4rem 0.5rem;
    line-height: 3rem;
    width: 3rem;
    height: 3rem;
  }
  nav[pagination][blog][small] > *::after {
    margin-left: 1rem !important;
  }
  nav[pagination][blog][small] > *::before {
    margin-right: 1rem !important;
  }
  nav[pagination][blog][small] > *[label=prev] {
    margin-right: 1rem;
    margin-left: 0;
    justify-self: flex-start;
  }
  nav[pagination][blog][small] > *[label=next] {
    margin-left: 1rem;
    margin-right: 0;
    justify-self: flex-end;
  }
}
@media (min-width: 768px) {
  nav[pagination][blog][small] > * {
    margin: 0.4rem 1.1rem;
    line-height: 5.8rem;
    width: 5.8rem;
    height: 5.8rem;
  }
}
nav[pagination][blog][large] {
  max-width: 82.5rem;
  margin: 0 auto;
  padding-top: 4rem;
}
nav[pagination][blog][large] > * {
  transition: background-color 0.25s;
  background: rgba(255, 255, 255, 0.35);
  font-size: 1.5rem;
  font-weight: 400;
  font-family: "Teko", sans-serif;
  text-transform: uppercase;
  line-height: 1.4;
}
@media (max-width: 767px) {
  nav[pagination][blog][large] > * {
    padding: 4.7rem 3rem;
  }
}
@media (min-width: 768px) {
  nav[pagination][blog][large] > * {
    padding: 4.4rem 5.4rem;
  }
}
html:not(.touch) nav[pagination][blog][large] > *:hover, html:not(.touch) nav[pagination][blog][large] > *:focus {
  background: white;
}
nav[pagination][blog][large] > * > span {
  font-size: 1.4rem;
  color: #ed1c24;
  letter-spacing: 0.15em;
  position: relative;
}
nav[pagination][blog][large] > * > span::before, nav[pagination][blog][large] > * > span::after {
  position: absolute;
  top: 0.3rem;
}
nav[pagination][blog][large] > * > label {
  font-size: 1.7rem;
  color: #231f20;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  nav[pagination][blog][large] > * > label {
    margin-top: 2rem;
  }
}
nav[pagination][blog][large] > *[previous] {
  margin-right: 0.25rem;
  text-align: left;
}
nav[pagination][blog][large] > *[previous] > span {
  padding-right: 3rem;
}
nav[pagination][blog][large] > *[previous] > span::before {
  right: calc(100% + 0.5rem);
  margin: 0;
}
@media (min-width: 768px) {
  nav[pagination][blog][large] > *[previous] > label {
    text-align: right;
  }
}
nav[pagination][blog][large] > *[next] {
  margin-left: 0.25rem;
  text-align: right;
}
nav[pagination][blog][large] > *[next] > span {
  padding-left: 3rem;
  order: 2;
}
nav[pagination][blog][large] > *[next] > span::after {
  left: calc(100% + 0.5rem);
  margin: 0;
}
@media (min-width: 768px) {
  nav[pagination][blog][large] > *[next] > label {
    text-align: left;
  }
}
form[default] label > h-sub, form[calc] label > h-sub, form[calc] p:first-child {
  font-size: 0.8em;
  font-style: italic;
  color: #aea8a5;
}
comp-content form {
  max-width: 40rem;
}
comp-content form label h4, comp-content form label comp-container > a[back], comp-content form label comp-hero[display=Page] > header > h3, comp-content form label comp-hero[display=Page] > header h-sub, comp-hero[display=Page] > header comp-content form label h-sub, comp-content form label comp-hero[dealer] [map] + section [role=button], comp-hero[dealer] [map] + section comp-content form label [role=button], comp-content form label comp-container[featured-trucks] > footer [role=button], comp-container[featured-trucks] > footer comp-content form label [role=button], comp-content form label main > [truck] ~ comp-collapsible dl dt, main > [truck] ~ comp-collapsible dl comp-content form label dt, comp-content form label [specs] dl dt, [specs] dl comp-content form label dt, comp-content form label main > [dealer] ~ comp-container[gradient] > footer [role=button], main > [dealer] ~ comp-container[gradient] > footer comp-content form label [role=button] {
  font-size: 3rem;
  font-weight: 700;
}
comp-content form label input {
  FONT-WEIGHT: 100;
  width: 100%;
  color: #000000;
  border: 3px solid #808080 !important;
  margin-bottom: 20px;
}
comp-content form label textarea {
  height: 200px;
  width: 100%;
  color: #000000;
  border: 3px solid #808080 !important;
}
comp-content form label p {
  width: 100%;
}
comp-content #sellmytruckloader {
  height: 600px;
  display: none;
}
comp-content #sellmytruckloader .loader {
  content: "";
  width: 11.2rem;
  height: 11.2rem;
  margin-top: 200px;
  position: absolute;
  left: 50%;
  margin-left: -5.6rem;
  top: 10rem;
  background: url(../images/loading.png) no-repeat center center;
  z-index: 1;
  display: block;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
comp-content #sellmytruckty {
  display: none;
  height: 600px;
}
form[default], form[calc] {
  max-width: 82.5rem;
  padding-bottom: 10rem;
}
form[default] + comp-container, form[calc] + comp-container {
  border-top: 0.1rem solid #e2dedf;
}
form[default] part-slider, form[calc] part-slider {
  margin-bottom: 2rem;
}
form[default] h2, form[calc] h2, form[default] sudo-h2, form[calc] sudo-h2 {
  margin-top: 10rem;
  margin-bottom: 2rem;
  text-align: center;
}
form[default] h2 + label, form[calc] h2 + label, form[default] sudo-h2 + label, form[calc] sudo-h2 + label {
  margin-top: 0;
}
form[default] h3, form[calc] h3 {
  margin-bottom: 1rem;
  font-size: 2rem;
}
form[default] input, 
form[type="financing"] input,
form[calc] input, 
form[default] textarea, 
form[type="financing"] textarea,
form[calc] textarea {
  width: 100%;
  background: #fff;
  border-radius: 3rem;
}
form[default] textarea, 
form[type="financing"] textarea,
form[calc] textarea {
  border-radius: 0.8rem;
}
form[default] select, form[calc] select {
  width: 100%;
  margin-top: 2rem;
}
form[default] > form-row:not(:first-child), form[calc] > form-row:not(:first-child) {
  margin-top: 4rem;
}
form[default] > form-row > *, form[calc] > form-row > * {
  flex: 1;
}
@media (min-width: 768px) {
  form[default] > form-row > *:first-child:not(:last-child), form[calc] > form-row > *:first-child:not(:last-child) {
    margin-right: 2rem;
  }
  form[default] > form-row > *:last-child:not(:first-child), form[calc] > form-row > *:last-child:not(:first-child) {
    margin-left: 2rem;
  }
}
@media (max-width: 767px) {
  form[default] > form-row > *:first-child:not(:last-child), form[calc] > form-row > *:first-child:not(:last-child) {
    margin-bottom: 2rem;
  }
}
form[default] > form-row > * > label:not(:first-child), form[calc] > form-row > * > label:not(:first-child) {
  margin-top: 4rem;
}
form[default] > form-row part-slider, form[calc] > form-row part-slider {
  padding: 0;
}
form[default] > form-row part-slider:not(:first-of-type), form[calc] > form-row part-slider:not(:first-of-type) {
  padding-top: 2rem;
}
form[default] > form-row part-slider > label, form[calc] > form-row part-slider > label {
  text-align: left;
  padding-bottom: 1.6rem;
}
form[default] label, form[calc] label {
  display: block;
}
form[default] > label:not(:first-child), form[calc] > label:not(:first-child) {
  margin-top: 4rem;
}
form[default] inline-fields, form[type="financing"] inline-fields, form[calc] inline-fields {
  display: block;
  text-align: left;
}
form[default] inline-fields input, form[calc] inline-fields input {
  display: none;
}
form[default] inline-fields > label, form[type="financing"] > label, form[calc] inline-fields > label {
  display: inline-block;
  margin: 0 3rem;
  cursor: pointer;
}
form[default] inline-fields > label:first-child, form[type="financing"] > label:first-child, form[calc] inline-fields > label:first-child {
  margin-left: 0;
}
form[default] inline-fields > label:last-child, form[type="financing"] > label:last-child, form[calc] inline-fields > label:last-child {
  margin-right: 0;
}
form[default] inline-fields h5, form[type="financing"] inline-fields h5, form[calc] inline-fields h5 {
  flex-direction: row-reverse;
  align-items: center;
}
form[default] inline-fields h5::before, form[type="financing"] inline-fields h5::before, form[calc] inline-fields h5::before {
  margin-left: 1rem;
}
form[default] inline-fields h5::before, 
form[type="financing"] inline-fields h5::before, 
form[calc] inline-fields h5::before, 
form[default] inline-fields input[type=checkbox] + p::before, 
form[type="financing"] inline-fields input[type=checkbox] + p::before, 
form[calc] inline-fields input[type=checkbox] + p::before, 
form[default] inline-fields input[type=radio] + p::before, 
form[calc] inline-fields input[type=radio] + p::before {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  line-height: 1.8rem;
  color: rgba(255, 255, 255, 0);
  text-align: center;
  box-shadow: inset 0 0 0 1rem white;
  background: linear-gradient(to bottom, #ed1c24, #ed1c24) no-repeat center center;
  background-size: 0 0;
  transition: background-size 0.25s, color 0.25s, border 0.25s;
  vertical-align: baseline;
  border-radius: 0.2rem;
}
form[default] inline-fields input[type=checkbox] + p::before, 
form[type="financing"] inline-fields input[type=checkbox] + p::before,
form[calc] inline-fields input[type=checkbox] + p::before, 
form[default] inline-fields input[type=radio] + p::before, 
form[type="financing"] inline-fields input[type=radio] + p::before,
form[calc] inline-fields input[type=radio] + p::before {
  margin-right: 1rem;
}
form[default] inline-fields input[type=checkbox]:checked + h5::before, 
form[type="financing"] inline-fields input[type=checkbox]:checked + h5::before,
form[calc] inline-fields input[type=checkbox]:checked + h5::before, 
form[default] inline-fields input[type=checkbox]:checked + p::before, 
form[type="financing"] inline-fields input[type=checkbox]:checked + p::before,
form[calc] inline-fields input[type=checkbox]:checked + p::before, 
form[default] inline-fields input[type=radio]:checked + h5::before,
form[type="financing"] input[type=radio]:checked + h5::before,
form[calc] inline-fields input[type=radio]:checked + h5::before, 
form[default] inline-fields input[type=radio]:checked + p::before, 
form[type="financing"] input[type=radio]:checked + p::before,
form[calc] inline-fields input[type=radio]:checked + p::before {
  background-size: 100% 100%;
  box-shadow: inset 0 0 0 0.2rem rgba(231, 231, 231, 0);
  color: white;
}
form[default] textarea, form[type="financing"] textarea, form[calc] textarea {
  min-height: 20rem;
}
form[default] button[type=submit],
form[type="financing"] button[type=submit],
form[calc] button[type=submit] {
    min-width: 14.7rem;
    padding: 1rem 2rem;
    margin-top: 4.4rem;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
}
label.invalid select,
label.invalid textarea,
label.invalid input[type=text],
label.invalid input[type=password],
label.invalid input[type=datetime],
label.invalid input[type=datetime-local],
label.invalid input[type=date],
label.invalid input[type=month],
label.invalid input[type=time],
label.invalid input[type=week],
label.invalid input[type=number],
label.invalid input[type=email],
label.invalid input[type=url],
label.invalid input[type=search],
label.invalid input[type=tel],
label.invalid input[type=color] {
  background-color: rgba(174, 168, 165, 0.1);
  box-shadow: inset 0 0 0 0.1rem #ed1c24;
}
label.invalid::after {
  content: "* Required";
  color: #ed1c24;
  display: block;
  font-size: 1rem;
  font-weight: 600;
}
form[selectlease] {
  padding-bottom: 3rem;
}
form[selectlease] h2, form[selectlease] sudo-h2 {
  margin-top: 3rem;
}
form[trucks] + * {
  margin-top: 4rem;
}
.frm-nearest-center {
  margin-top: 9rem;
}
@media (max-width: 767px) {
  .frm-nearest-center {
    margin-top: 0;
  }
}
comp-nearest {
  background: #f7f6f6;
  padding-bottom: 10px !important;
}
@media (max-width: 767px) {
  comp-nearest {
    padding-top: 6rem;
  }
}
@media (min-width: 768px) {
  comp-nearest {
    padding: 3rem;
    text-align: center;
  }
}
comp-nearest > * {
  text-transform: uppercase;
}
comp-nearest > h4, comp-hero[display=Page] > header comp-nearest > h-sub, comp-hero[dealer] [map] + section comp-nearest > [role=button], comp-container[featured-trucks] > footer comp-nearest > [role=button], main > [truck] ~ comp-collapsible dl comp-nearest > dt, [specs] dl comp-nearest > dt, main > [dealer] ~ comp-container[gradient] > footer comp-nearest > [role=button] {
  font-size: 1.7rem;
  margin-bottom: 0.5rem;
}
comp-nearest > h4.loading::before, comp-hero[display=Page] > header comp-nearest > h-sub.loading::before, comp-hero[dealer] [map] + section comp-nearest > .loading[role=button]::before, comp-container[featured-trucks] > footer comp-nearest > .loading[role=button]::before, main > [truck] ~ comp-collapsible dl comp-nearest > dt.loading::before, [specs] dl comp-nearest > dt.loading::before, main > [dealer] ~ comp-container[gradient] > footer comp-nearest > .loading[role=button]::before {
  content: "loading...;";
}
comp-nearest > h2 {
  font-size: 3.6rem;
}
comp-slides[testimonials] {
  background: #f0eeee;
}
comp-slides[testimonials] .slick-slide {
  background: #f0eeee;
  height: 50rem;
  padding: 8rem 0;
  text-align: center;
}
comp-slides[testimonials] .slick-slide.slick-current {
  background: #f7f6f6;
}
@media (max-width: 767px) {
  comp-slides[testimonials] .slick-slide:not(.slick-current) {
    background: #f7f6f6;
    opacity: 1;
  }
}
comp-slides[testimonials] .slick-slide blockquote {
  line-height: 2;
  margin: 0 auto 3.2rem;
  max-width: 30%;
  position: relative;
}
comp-slides[testimonials] .slick-slide blockquote::before {
  content: "";
  background: url(../../components/images/quotes-icon.png) no-repeat;
  display: block;
  width: 1.6rem;
  height: 1rem;
  margin: 0 auto 3rem;
}
comp-slides[testimonials] .slick-slide blockquote,
comp-slides[testimonials] .slick-slide cite {
  color: #6c6463;
  font-size: 1.5rem;
  font-weight: 600;
}
comp-slides[testimonials] .slick-slide cite span {
  color: #ed1c24;
}
@media (min-width: 768px) {
  comp-slides[testimonials] .slick-slide {
    height: 43rem;
    width: 70rem;
  }
  comp-slides[testimonials] .slick-slide blockquote {
    max-width: 70%;
  }
}
comp-slides[testimonials] .slick-prev::before,
comp-slides[testimonials] .slick-next::before {
  color: #ed1c24;
}
@media (max-width: 767px) {
  comp-slides[testimonials] .slick-prev::before,
comp-slides[testimonials] .slick-next::before {
    display: none;
  }
}
comp-slides[testimonials] .slick-dots {
  bottom: 7rem;
}
comp-slides[testimonials] .slick-dots li button {
  border-color: #ed1c24;
}
comp-slides[testimonials] .slick-dots li.slick-active button {
  background: #ed1c24;
}
comp-slides[icons] {
  background: #f0eeee;
}
comp-slides[icons] .slick-slide {
  background: #f0eeee;
  height: 50rem;
  padding: 8rem 0;
  text-align: center;
}
comp-slides[icons] .slick-slide.slick-current {
  background: #f7f6f6;
}
@media (max-width: 767px) {
  comp-slides[icons] .slick-slide {
    width: 100vw;
    padding: 4rem 0;
    height: 36rem;
  }
  comp-slides[icons] .slick-slide:not(.slick-current) {
    background: #f7f6f6;
    opacity: 1;
  }
}
@media (min-width: 768px) {
  comp-slides[icons] .slick-slide {
    height: 43rem;
    width: 70rem;
  }
  comp-slides[icons] .slick-slide blockquote {
    max-width: 70%;
  }
}
comp-slides[icons] .slick-prev::before,
comp-slides[icons] .slick-next::before {
  color: #ed1c24;
}
@media (max-width: 767px) {
  comp-slides[icons] .slick-prev::before,
comp-slides[icons] .slick-next::before {
    display: none;
  }
}
comp-slides[icons] .slick-dots {
  bottom: 7rem;
}
comp-slides[icons] .slick-dots li button {
  border-color: #ed1c24;
}
comp-slides[icons] .slick-dots li.slick-active button {
  background: #ed1c24;
}
@media (max-width: 767px) {
  comp-slides[icons] .slick-dots {
    bottom: 4rem;
  }
}
comp-slides[icons] part-slide > * {
  padding: 0 3.6rem;
}
comp-slides[icons] part-slide > header {
  text-align: center;
}
comp-slides[icons] part-slide > header img {
  margin: 0 auto 3rem auto;
}
comp-slides[icons] part-slide > header h3 {
  margin-bottom: 2rem;
}
comp-slides[icons] part-slide > section {
  font-size: 1.6rem;
  max-width: 45rem;
  margin: 0 auto;
}
comp-blog > article, comp-hero[display=Page] > header {
  position: relative;
  z-index: 1;
  max-width: 82.5rem;
}
@media (max-width: 999px) {
  comp-blog > article, comp-hero[display=Page] > header {
    padding: 3.9rem 3.6rem 6.6rem 3.6rem;
  }
}
@media (min-width: 1000px) {
  comp-blog > article, comp-hero[display=Page] > header {
    padding: 7.5rem 8.8rem;
    margin: -33rem auto 0 auto;
  }
}
comp-blog > article > a, comp-hero[display=Page] > header > a {
  width: 22rem;
}
comp-blog > article p:not(:last-child), comp-hero[display=Page] > header p:not(:last-child) {
  margin-bottom: 4rem;
}
comp-blog > article img, comp-hero[display=Page] > header img {
  width: 100%;
  margin-bottom: 4rem;
}
comp-blog > article .share-buttons, comp-hero[display=Page] > header .share-buttons {
  text-align: center;
}
@media (max-width: 767px) {
  comp-blog > article .share-buttons, comp-hero[display=Page] > header .share-buttons {
    margin-top: 6rem;
  }
}
@media (min-width: 768px) {
  comp-blog > article .share-buttons, comp-hero[display=Page] > header .share-buttons {
    margin-top: 8.8rem;
  }
}
comp-blog > article .share-buttons h4, comp-hero[display=Page] > header .share-buttons h4, comp-blog > article .share-buttons comp-container > a[back], comp-hero[display=Page] > header .share-buttons comp-container > a[back], comp-blog > article .share-buttons comp-hero[display=Page] > header > h3, comp-hero[display=Page] > header .share-buttons comp-hero[display=Page] > header > h3, comp-blog > article .share-buttons comp-hero[display=Page] > header h-sub, comp-hero[display=Page] > header .share-buttons h-sub, comp-blog > article .share-buttons comp-hero[dealer] [map] + section [role=button], comp-hero[dealer] [map] + section comp-blog > article .share-buttons [role=button], comp-hero[display=Page] > header .share-buttons comp-hero[dealer] [map] + section [role=button], comp-hero[dealer] [map] + section comp-hero[display=Page] > header .share-buttons [role=button], comp-blog > article .share-buttons comp-container[featured-trucks] > footer [role=button], comp-container[featured-trucks] > footer comp-blog > article .share-buttons [role=button], comp-hero[display=Page] > header .share-buttons comp-container[featured-trucks] > footer [role=button], comp-container[featured-trucks] > footer comp-hero[display=Page] > header .share-buttons [role=button], comp-blog > article .share-buttons main > [truck] ~ comp-collapsible dl dt, main > [truck] ~ comp-collapsible dl comp-blog > article .share-buttons dt, comp-hero[display=Page] > header .share-buttons main > [truck] ~ comp-collapsible dl dt, main > [truck] ~ comp-collapsible dl comp-hero[display=Page] > header .share-buttons dt, comp-blog > article .share-buttons [specs] dl dt, [specs] dl comp-blog > article .share-buttons dt, comp-hero[display=Page] > header .share-buttons [specs] dl dt, [specs] dl comp-hero[display=Page] > header .share-buttons dt, comp-blog > article .share-buttons main > [dealer] ~ comp-container[gradient] > footer [role=button], main > [dealer] ~ comp-container[gradient] > footer comp-blog > article .share-buttons [role=button], comp-hero[display=Page] > header .share-buttons main > [dealer] ~ comp-container[gradient] > footer [role=button], main > [dealer] ~ comp-container[gradient] > footer comp-hero[display=Page] > header .share-buttons [role=button] {
  margin-bottom: 4rem;
}
comp-blog > article .share-buttons h4::after, comp-hero[display=Page] > header .share-buttons h4::after, comp-blog > article .share-buttons comp-container > a[back]::after, comp-hero[display=Page] > header .share-buttons comp-container > a[back]::after, comp-blog > article .share-buttons comp-hero[display=Page] > header > h3::after, comp-hero[display=Page] > header .share-buttons comp-hero[display=Page] > header > h3::after, comp-blog > article .share-buttons comp-hero[display=Page] > header h-sub::after, comp-hero[display=Page] > header .share-buttons h-sub::after, comp-blog > article .share-buttons comp-hero[dealer] [map] + section [role=button]::after, comp-hero[dealer] [map] + section comp-blog > article .share-buttons [role=button]::after, comp-hero[display=Page] > header .share-buttons comp-hero[dealer] [map] + section [role=button]::after, comp-hero[dealer] [map] + section comp-hero[display=Page] > header .share-buttons [role=button]::after, comp-blog > article .share-buttons comp-container[featured-trucks] > footer [role=button]::after, comp-container[featured-trucks] > footer comp-blog > article .share-buttons [role=button]::after, comp-hero[display=Page] > header .share-buttons comp-container[featured-trucks] > footer [role=button]::after, comp-container[featured-trucks] > footer comp-hero[display=Page] > header .share-buttons [role=button]::after, comp-blog > article .share-buttons main > [truck] ~ comp-collapsible dl dt::after, main > [truck] ~ comp-collapsible dl comp-blog > article .share-buttons dt::after, comp-hero[display=Page] > header .share-buttons main > [truck] ~ comp-collapsible dl dt::after, main > [truck] ~ comp-collapsible dl comp-hero[display=Page] > header .share-buttons dt::after, comp-blog > article .share-buttons [specs] dl dt::after, [specs] dl comp-blog > article .share-buttons dt::after, comp-hero[display=Page] > header .share-buttons [specs] dl dt::after, [specs] dl comp-hero[display=Page] > header .share-buttons dt::after, comp-blog > article .share-buttons main > [dealer] ~ comp-container[gradient] > footer [role=button]::after, main > [dealer] ~ comp-container[gradient] > footer comp-blog > article .share-buttons [role=button]::after, comp-hero[display=Page] > header .share-buttons main > [dealer] ~ comp-container[gradient] > footer [role=button]::after, main > [dealer] ~ comp-container[gradient] > footer comp-hero[display=Page] > header .share-buttons [role=button]::after {
  content: "";
  display: block;
  width: 4.5rem;
  height: 0.1rem;
  background: #868686;
  margin: 1.2rem auto 0 auto;
}
comp-blog > article .share-buttons a, comp-hero[display=Page] > header .share-buttons a {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  border-radius: 2rem;
  background: #231f20;
  color: #fff;
  font-size: 2.4rem;
  margin: 0 1.2rem;
}
html:not(.touch) comp-blog > article .share-buttons a:hover, html:not(.touch) comp-hero[display=Page] > header .share-buttons a:hover, html:not(.touch) comp-blog > article .share-buttons a:focus, html:not(.touch) comp-hero[display=Page] > header .share-buttons a:focus {
  color: #ed1c24;
}
comp-blog > article .share-buttons a::before, comp-hero[display=Page] > header .share-buttons a::before {
  vertical-align: middle;
}
comp-blog[single] > a, comp-hero[display=Page] > a {
  margin: 10rem auto 4rem auto;
}
@media (max-width: 767px) {
  comp-blog[single] > a, comp-hero[display=Page] > a {
    margin-top: 7.7rem;
    max-width: 27.8rem;
  }
}
comp-blog:not([single]) {
  flex-wrap: wrap;
  text-align: center;
}
comp-blog > part-post {
  flex: 1;
  margin: 0 1.3rem 4.3rem 1.3rem;
  cursor: pointer;
  background: #fff;
  border-radius: 0.7rem;
  padding-bottom: 4rem;
  transition: opacity 0.5s, box-shadow 0.5s;
}
@media (min-width: 768px) {
  comp-blog > part-post {
    flex-basis: calc(33% - 2.6rem);
    max-width: calc(33% - 2.6rem);
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  comp-blog > part-post {
    flex-basis: calc(50% - 2.6rem);
    max-width: calc(50% - 2.6rem);
  }
}
@media (max-width: 767px) {
  comp-blog > part-post {
    flex-basis: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
comp-blog > part-post > * {
  text-align: left;
  padding-left: 4rem;
  padding-right: 4rem;
}
comp-blog > part-post > part-background {
  width: 100%;
  border-radius: 0.7rem 0.7rem 0 0;
  height: 20rem;
  overflow: hidden;
  box-sizing: border-box;
  position: static;
  padding: 0 !important;
  margin: 0 auto 2.8rem auto;
}
comp-blog > part-post > h1 {
  line-height: 1;
  letter-spacing: 0.003em;
}
@media (min-width: 768px) {
  comp-blog > part-post > h1 {
    font-size: 3.6rem;
  }
}
comp-blog > part-post > h3 {
  line-height: 1;
  letter-spacing: 0.003em;
}
@media (min-width: 768px) {
  comp-blog > part-post > h3 {
    font-size: 3.6rem;
  }
}
comp-blog > part-post > p {
  color: rgba(35, 31, 32, 0.6);
}
comp-blog > part-post > a {
  display: block;
}
comp-blog > img {
  width: 100%;
}
comp-blog > article[with-aside] {
  display: grid;
  grid-template-columns: 1 1;
  grid-template-rows: 1 1;
  grid-gap: 2rem;
  gap: 2rem;
}
comp-blog > article[with-aside] > h1 {
  grid-row: 1;
  grid-column: 1/3;
}
comp-blog > article[with-aside] > section {
  grid-row: 2;
  grid-column: 1;
}
comp-blog > article[with-aside] > section > p:first-child {
  margin-top: 0;
}
comp-blog > article[with-aside] > aside {
  grid-row: 2;
  grid-column: 2;
  margin-top: 4rem;
}
comp-blog > article[with-aside] > aside img {
  width: 100%;
  height: auto !important;
}
comp-blog > article[with-aside] > aside p {
  margin: 0 !important;
}
comp-compare table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
@media (min-width: 1000px) {
  comp-compare table {
    border: 0.1rem solid #DDD;
  }
}
@media (max-width: 999px) {
  comp-compare table thead {
    margin-bottom: 2rem;
    display: block;
    overflow: auto;
    width: 200%;
  }
  comp-compare table thead tr {
    display: flex;
  }
  comp-compare table thead td {
    border-top: 0.1rem solid #DDD;
    border-bottom: 0.1rem solid #DDD;
  }
  comp-compare table thead td:first-child {
    display: none;
  }
  comp-compare table thead td:last-child {
    border-right: 0.1rem solid #DDD;
  }
  comp-compare table thead td.selected {
    box-shadow: inset 0 0.3rem 0 #ed1c24;
    cursor: default;
  }
  comp-compare table thead td:not(.selected) {
    cursor: pointer;
  }
}
comp-compare table thead td {
  font-weight: 600;
  color: #6c6463;
  vertical-align: top;
  text-transform: uppercase;
  padding: 3rem 2rem;
}
comp-compare table thead td[style*=background-image] {
  color: transparent !important;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 999px) {
  comp-compare table tbody {
    border: 0.1rem solid #DDD;
  }
}
comp-compare table tbody tr:nth-child(odd) td {
  background-color: #f8f8f8;
}
comp-compare table tbody tr:nth-child(odd) td:nth-child(2) {
  background: #de1219;
}
comp-compare table tbody td:first-child {
  font-weight: 600;
  color: #6c6463;
  text-transform: uppercase;
  font-size: 1.5rem;
}
@media (min-width: 1000px) {
  comp-compare table tbody td:first-child {
    padding-left: 3rem;
  }
}
comp-compare table tbody td:not(:first-child) {
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #ed1c24;
}
@media (max-width: 999px) {
  comp-compare table tbody td:not(:first-child):not(.selected) {
    display: none;
  }
}
comp-compare table td {
  line-height: 1.3333;
  padding: 2rem;
  empty-cells: show;
  text-align: left;
  font-size: 1.6rem;
}
comp-compare table td:not(:first-child) {
  border-left: 0.1rem solid #DDD;
}
comp-compare table td:first-child {
  width: 22rem;
}
comp-compare table td:nth-child(2) {
  background: #ed1c24;
  color: #fff !important;
}
comp-compare table td:nth-child(2)::after {
  color: #fff !important;
}
comp-compare table td:nth-child(2) button::before {
  color: #fff;
}
comp-compare table td + td {
  text-align: center;
}
comp-compare table td > div {
  position: relative;
}
comp-compare table td > div > button {
  position: absolute;
  top: -0.8rem;
  right: -0.8rem;
  line-height: 1;
  padding: 0;
}
comp-compare table td > div > button::before {
  color: #c0c0c0;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2rem;
}
comp-compare table td > div::after {
  content: attr(data);
  position: absolute;
  left: 100%;
  top: 1.6rem;
  border-radius: 0.4rem;
  padding: 3.5rem;
  font-size: 1.6rem;
  color: #6c6463;
  background: #fff;
  font-style: italic;
  text-transform: none;
  box-shadow: 0 0.3rem 0.5rem 0 rgba(0, 0, 0, 0.1);
  width: 20.8rem;
  transition: transform 0.25s, opacity 0.25s;
  transform: translateX(-50%) scale(0);
  opacity: 0;
  z-index: 1;
}
@media (min-width: 1000px) {
  comp-compare table td > div:hover::after {
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }
}
@media (max-width: 999px) {
  comp-compare table td > div::after {
    left: auto;
    right: -10.4rem;
  }
  comp-compare table td > div.tip-active > button::before {
    content: "✖";
  }
  comp-compare table td > div.tip-active::after {
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }
}
@media (min-width: 1000px) {
  comp-compare table td:last-child > div::after {
    left: auto;
    right: -10.4rem;
  }
}
comp-compare table td[feature]::after {
  font-size: 2.3rem;
}
comp-compare table td[feature]:not([checked])::after {
  color: #ed1c24;
}
comp-compare table td[feature][checked]::after {
  color: #6c6463;
}
comp-compare > footer {
  padding-top: 2.4rem;
}
comp-compare > footer p {
  font-size: 1.5rem;
  font-weight: 600;
  font-style: italic;
}
[sitemap] {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
[sitemap] > header {
  text-align: center;
}
[sitemap] > header > *::before {
  background: #ed1c24;
  color: #fff;
  font-size: 2.6rem;
  padding: 0.7rem;
  display: inline-block;
  margin-right: 1.6rem;
  vertical-align: middle;
}
article table {
  border-collapse: collapse;
  width: 100%;
}
article table p {
  margin: 0;
}
comp-highlight {
  overflow: visible;
}
@media (min-width: 768px) {
  comp-highlight {
    padding: 5rem;
  }
  comp-highlight[align=Left] {
    margin-left: 22vw;
    margin-right: 3.5rem;
  }
  comp-highlight[align=Left] > section {
    margin-left: -13rem;
    margin-right: auto;
  }
  comp-highlight[align=Right] {
    margin-right: 22vw;
    margin-left: 3.5rem;
  }
  comp-highlight[align=Right] > section {
    text-align: left;
    margin-left: auto;
    margin-right: -13rem;
  }
}
@media (max-width: 767px) {
  comp-highlight part-background {
    display: block;
    position: static;
  }
  comp-highlight part-background:last-of-type {
    display: none;
  }
}
@media (min-width: 768px) {
  comp-highlight part-background {
    padding-bottom: 0 !important;
  }
  comp-highlight part-background:first-of-type:not(:only-of-type) {
    display: none;
  }
}
comp-highlight[divider] {
  padding: 0;
}
@media (max-width: 767px) {
  comp-highlight[divider] {
    margin-top: 3.6rem;
  }
}
@media (min-width: 768px) {
  comp-highlight[divider] {
    margin-top: 12rem;
  }
}
@media (max-width: 767px) {
  comp-highlight[align=Left], comp-highlight[align=Right] {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
  }
  comp-highlight[divider] {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
  }
}
@media (max-width: 767px) {
  comp-highlight > section {
    box-shadow: inset 0 0 0 0.5rem rgba(255, 255, 255, 0.15);
    padding: 4rem 2.4rem;
    margin: -3.6rem 1.8rem 0 1.8rem;
  }
}
@media (min-width: 768px) {
  comp-highlight > section {
    padding: 10rem 8rem;
    max-width: 49rem;
    box-shadow: 0 0.2rem 4.5rem 0 rgba(35, 31, 32, 0.03), inset 0 0 0 0.5rem rgba(255, 255, 255, 0.15);
  }
}
comp-highlight > section p {
  opacity: 0.6;
}
comp-highlight > section a[role=button] {
  font-family: "Teko", sans-serif;
  font-size: 2.6rem;
  font-weight: 600;
  margin-top: 4rem;
}
@media (max-width: 767px) {
  comp-highlight > section a[role=button] {
    font-size: 2.4rem;
    margin-left: auto;
    margin-right: auto;
  }
}
comp-highlight > section[theme=Dark] a[role=button][theme=red-outline] {
  color: #fff;
}
comp-highlight h2 {
  text-transform: uppercase;
  line-height: 0.8;
  letter-spacing: 0.028em;
}
@media (max-width: 767px) {
  comp-highlight h2 {
    font-size: 4.3rem;
  }
}
@media (min-width: 768px) {
  comp-highlight h2 {
    font-size: 5.7rem;
  }
}
comp-highlight h-sub {
  color: #ed1c24;
  font-size: 1.7rem;
  text-transform: uppercase;
  font-family: "Teko", sans-serif;
  margin-bottom: 2rem;
  letter-spacing: 0.468rem;
  line-height: 1.5;
}
part-question:not(:first-of-type) {
  border-top: 0.1rem solid #ed1c24;
}
part-question > h2 {
  cursor: pointer;
  font-size: 2.4rem;
  line-height: 1.2;
  color: #868686;
  font-weight: 300;
}
@media (min-width: 768px) {
  part-question > h2 {
    padding: 3rem 10rem;
  }
}
@media (max-width: 767px) {
  part-question > h2 {
    padding: 1rem 3.5rem;
  }
}
@media (min-width: 768px) {
  part-question > h2::before, part-question > h2::after {
    top: 1.8rem;
  }
}
@media (max-width: 767px) {
  part-question > h2::before, part-question > h2::after {
    top: 1rem;
  }
}
part-question > h2::before {
  content: "Q:";
  font-weight: 400;
  letter-spacing: 0.07rem;
}
@media (min-width: 768px) {
  part-question > h2::before {
    font-size: 4.8rem;
    left: 3.7rem;
  }
}
@media (max-width: 767px) {
  part-question > h2::before {
    font-size: 3rem;
    left: 0;
  }
}
part-question > h2::after {
  color: #231f20;
  border: 0.1rem solid #ed1c24;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media (min-width: 768px) {
  part-question > h2::after {
    width: 5rem;
    height: 5rem;
    border-radius: 2.5rem;
    font-size: 2.5rem;
    line-height: 5rem;
    right: 2rem;
  }
}
@media (max-width: 767px) {
  part-question > h2::after {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 1.25rem;
    font-size: 1.5rem;
    line-height: 2.5rem;
    right: 0;
  }
}
part-question > h2[toggled] ~ * {
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  part-question > h2 ~ * {
    padding-left: 10rem;
    padding-right: 10rem;
  }
}
@media (max-width: 767px) {
  part-question > h2 ~ * {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}
comp-video > div {
  overflow: hidden;
  position: relative;
}
comp-video > div::before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
  box-sizing: content-box;
}
comp-video > div > * {
  position: absolute !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
comp-slider {
  display: block;
  padding-top: 5.8rem;
}
comp-slider header {
  text-align: center;
  color: #fff;
}
comp-slider header h2 {
  letter-spacing: 2px;
  font-weight: 600;
  line-height: 3.3rem;
  margin-top: 0.5rem;
}
comp-slider header h4, comp-slider header comp-container > a[back], comp-slider comp-hero[display=Page] > header > h3, comp-slider comp-hero[display=Page] > header h-sub, comp-slider header comp-hero[dealer] [map] + section [role=button], comp-hero[dealer] [map] + section comp-slider header [role=button], comp-slider header comp-container[featured-trucks] > footer [role=button], comp-container[featured-trucks] > footer comp-slider header [role=button], comp-slider header main > [truck] ~ comp-collapsible dl dt, main > [truck] ~ comp-collapsible dl comp-slider header dt, comp-slider header [specs] dl dt, [specs] dl comp-slider header dt, comp-slider header main > [dealer] ~ comp-container[gradient] > footer [role=button], main > [dealer] ~ comp-container[gradient] > footer comp-slider header [role=button] {
  letter-spacing: 3px;
  color: #fff;
}
@media (max-width: 767px) {
  comp-slider header {
    margin: 0 1.8rem;
    text-align: left;
  }
}
comp-slider slider-cards {
  margin-top: 3rem;
}
comp-slider slider-cards.slick-slider {
  padding-bottom: 6.5rem;
}
comp-slider slider-cards slider-card {
  height: auto !important;
  transition: opacity 0.5s, box-shadow 0.5s;
  background: #fff;
  box-sizing: border-box;
  flex-basis: 37rem;
  cursor: pointer;
  padding-bottom: 8rem;
  position: relative;
  width: 30rem;
  max-width: calc(100vw - 3.6rem);
}
@media (max-width: 767px) {
  comp-slider slider-cards slider-card {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 768px) {
  comp-slider slider-cards slider-card {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 2rem;
  }
}
comp-slider slider-cards slider-card img {
  width: 100%;
}
comp-slider slider-cards slider-card section {
  padding: 2rem 1.6rem 2rem 2rem;
}
comp-slider slider-cards slider-card section h4, comp-slider slider-cards slider-card section comp-container > a[back], comp-slider slider-cards slider-card section comp-hero[display=Page] > header > h3, comp-slider slider-cards slider-card section comp-hero[display=Page] > header h-sub, comp-hero[display=Page] > header comp-slider slider-cards slider-card section h-sub, comp-slider slider-cards slider-card comp-hero[dealer] [map] + section [role=button], comp-hero[dealer] comp-slider slider-cards slider-card [map] + section [role=button], comp-slider slider-cards slider-card section comp-container[featured-trucks] > footer [role=button], comp-container[featured-trucks] > footer comp-slider slider-cards slider-card section [role=button], comp-slider slider-cards slider-card section main > [truck] ~ comp-collapsible dl dt, main > [truck] ~ comp-collapsible dl comp-slider slider-cards slider-card section dt, comp-slider slider-cards slider-card section [specs] dl dt, [specs] dl comp-slider slider-cards slider-card section dt, comp-slider slider-cards slider-card section main > [dealer] ~ comp-container[gradient] > footer [role=button], main > [dealer] ~ comp-container[gradient] > footer comp-slider slider-cards slider-card section [role=button] {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
  color: #ed1c24;
  font-weight: 700;
  letter-spacing: 0.3em;
}
@media (max-width: 767px) {
  comp-slider slider-cards slider-card section h4, comp-slider slider-cards slider-card section comp-container > a[back], comp-slider slider-cards slider-card section comp-hero[display=Page] > header > h3, comp-slider slider-cards slider-card section comp-hero[display=Page] > header h-sub, comp-hero[display=Page] > header comp-slider slider-cards slider-card section h-sub, comp-slider slider-cards slider-card comp-hero[dealer] [map] + section [role=button], comp-hero[dealer] comp-slider slider-cards slider-card [map] + section [role=button], comp-slider slider-cards slider-card section comp-container[featured-trucks] > footer [role=button], comp-container[featured-trucks] > footer comp-slider slider-cards slider-card section [role=button], comp-slider slider-cards slider-card section main > [truck] ~ comp-collapsible dl dt, main > [truck] ~ comp-collapsible dl comp-slider slider-cards slider-card section dt, comp-slider slider-cards slider-card section [specs] dl dt, [specs] dl comp-slider slider-cards slider-card section dt, comp-slider slider-cards slider-card section main > [dealer] ~ comp-container[gradient] > footer [role=button], main > [dealer] ~ comp-container[gradient] > footer comp-slider slider-cards slider-card section [role=button] {
    margin-bottom: 0.4rem;
  }
}
@media (min-width: 768px) {
  comp-slider slider-cards slider-card section h4, comp-slider slider-cards slider-card section comp-container > a[back], comp-slider slider-cards slider-card section comp-hero[display=Page] > header > h3, comp-slider slider-cards slider-card section comp-hero[display=Page] > header h-sub, comp-hero[display=Page] > header comp-slider slider-cards slider-card section h-sub, comp-slider slider-cards slider-card comp-hero[dealer] [map] + section [role=button], comp-hero[dealer] comp-slider slider-cards slider-card [map] + section [role=button], comp-slider slider-cards slider-card section comp-container[featured-trucks] > footer [role=button], comp-container[featured-trucks] > footer comp-slider slider-cards slider-card section [role=button], comp-slider slider-cards slider-card section main > [truck] ~ comp-collapsible dl dt, main > [truck] ~ comp-collapsible dl comp-slider slider-cards slider-card section dt, comp-slider slider-cards slider-card section [specs] dl dt, [specs] dl comp-slider slider-cards slider-card section dt, comp-slider slider-cards slider-card section main > [dealer] ~ comp-container[gradient] > footer [role=button], main > [dealer] ~ comp-container[gradient] > footer comp-slider slider-cards slider-card section [role=button] {
    margin-bottom: 0.5rem;
  }
}
comp-slider slider-cards slider-card section h2 {
  margin: 1.4rem 0 0 0;
  line-height: 0.91;
  color: #231f20;
}
@media (max-width: 767px) {
  comp-slider slider-cards slider-card section h2 {
    font-size: 2.7rem;
    letter-spacing: 0.052rem;
    margin-bottom: 1.1rem;
  }
}
@media (min-width: 768px) {
  comp-slider slider-cards slider-card section h2 {
    font-size: 3.6rem;
    letter-spacing: 0.069rem;
    margin-bottom: 2rem;
  }
}
comp-slider slider-cards slider-card footer {
  position: absolute;
  background: #fff;
  left: 2rem;
  right: 2rem;
  bottom: 3rem;
}
comp-slider slider-cards slider-card footer a[role=button] {
  font-size: 1.2rem;
  font-weight: 900;
  text-transform: uppercase;
  flex: unset;
  background-color: #fff;
  color: #ed1c24;
  border: 1px solid #ed1c24;
}
comp-slider slider-cards slider-card footer a[role=button]:hover {
  color: #fff;
  background-color: #ed1c24;
}
comp-slider slider-cards slider-card:hover {
  box-shadow: 0 0.5rem 2.6rem 0 rgba(5, 5, 5, 0.9);
}
comp-slider slider-cards slider-card:hover section h2 {
  color: #005275;
}
comp-slider slider-cards slider-card:hover footer a[role=button] {
  color: #fff;
  background-color: #ed1c24;
}
comp-slider slider-cards .slick-dots {
  bottom: 4rem;
  line-height: 1;
}
comp-slider slider-cards .slick-dots li {
  margin-left: 0.6rem;
  margin-right: 0.6rem;
}
comp-slider slider-cards .slick-dots li button {
  border-color: rgba(255, 255, 255, 0.8);
  border-width: 0.1rem;
}
comp-slider slider-cards .slick-dots li.slick-active button {
  border-color: #ed1c24;
  background-color: #ed1c24;
}
@media (max-width: 767px) {
  comp-slider slider-cards .slick-dots {
    padding-top: 1rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
  comp-slider slider-cards .slick-dots li {
    margin: 0.2rem;
    margin-right: 0.5rem;
  }
}
comp-slider slider-cards .legacy-slider-nav .slick-arrow.slick-disabled {
    background-color: #4B4B4B;
}
comp-slider slider-cards .slick-list {
  overflow: visible;
}
@media (max-width: 767px) {
  comp-slider slider-cards .slick-list {
    padding-left: 1.8rem;
  }
}
@media (min-width: 768px) {
  comp-slider slider-cards .slick-list {
    padding-left: 4rem;
  }
}
comp-slider slider-cards .slick-track {
  display: flex;
}
comp-slider slider-cards .slick-track > * {
  float: none;
}
comp-slider[theme=dark-gray] {
  background-color: #231F20;
}
comp-slider[theme=gray-texture] {
  background: url(../images/bg-gray-texture.jpg) repeat;
}
comp-timeline {
  background: linear-gradient(#000000, #000000) center top no-repeat;
  background-size: 1px 100%;
  margin: 0 auto 80px auto;
  max-width: 1280px;
}
@media (max-width: 1240px) {
  comp-timeline {
    max-width: calc(100vw - 40px);
  }
}
@media (min-width: 768px) {
  comp-timeline > * {
    width: 50%;
  }
  comp-timeline > *:nth-child(3) {
    margin-top: 200px;
  }
}
comp-timeline > [card] {
  display: inline-block;
  vertical-align: top;
}
@media (min-width: 768px) {
  comp-timeline > [card] {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  comp-timeline > [card] {
    padding: 25px 0;
  }
}
comp-timeline > [card]:not(.inview) figure {
  transform: scale(0);
}
comp-timeline > [card]:not(.inview) figure::before {
  transform: scale(0, 1);
}
comp-timeline > [card]:not(.inview) figure::after {
  transform: scale(0);
}
comp-timeline > [card] figure {
  background: #f7f6f6;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.19);
  padding-bottom: 50px;
  position: relative;
  transition: transform 0.75s cubic-bezier(0.075, 0.82, 0.165, 1);
  display: block;
}
comp-timeline > [card] figure > * {
  display: block;
}
comp-timeline > [card] figure > img {
  width: 100%;
  height: auto;
}
comp-timeline > [card] figure > figcaption {
  padding-top: 18px;
}
    comp-timeline > [card] figure > span,
    comp-timeline > [card] figure > div,
    comp-timeline > [card] figure figcaption {
        padding: 0 30px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
comp-timeline > [card] figure > a {
  margin: 0 auto;
  width: 75%;
}
comp-timeline > [card] figure > a:hover {
  color: rgba(255,255,255,1);
}
@media (min-width: 768px) {
  comp-timeline > [card] figure::before, comp-timeline > [card] figure::after {
    top: 77px;
  }
  comp-timeline > [card] figure::before {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    transition: transform 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.75s;
    transform-origin: 0 50%;
  }
  comp-timeline > [card] figure::after {
    content: "";
    background: #f7f6f6;
    width: 26px;
    height: 26px;
    border: 7px solid #ed1c24;
    position: absolute;
    border-radius: 50%;
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1) 1s;
  }
  comp-timeline > [card] figure:not(.left)::before {
    border-right: 10px solid #f7f6f6;
    left: -10px;
  }
  comp-timeline > [card] figure:not(.left)::after {
    left: -62px;
  }
  comp-timeline > [card] figure.left::before {
    border-left: 10px solid #f7f6f6;
    right: -10px;
  }
  comp-timeline > [card] figure.left::after {
    right: -62px;
  }
}
comp-timeline > [card] figcaption {
  font-family: teko, sans-serif;
  font-weight: 700;
  color: #ed1c24;
  font-size: 36px;
  line-height: 1;
  background-size: 2px 100%;
  margin-bottom: 0px !important;
}
comp-timeline > [card] h2 {
  font-family: Teko, sans-serif;
  color: #000000;
  font-size: 42px;
  margin-bottom: 40px;
  margin-left: 30px;
}
comp-timeline > [card] span {
  color: #000000;
}
comp-timeline > [card] img {
  border: 6px solid transparent;
}

.contact-label h4 {
    font-family: "Teko", sans-serif;
    text-transform: none;
    font-weight: 600;
    font-size: 1.7rem;
    letter-spacing: 0.15em;
    line-height: 2.6rem;
    color: #ed1c24;
    margin-top: 0;
    margin-bottom: 0;
}

.contact-label textarea {
    height: 14rem;
    width: 100%;
    margin-top: 1.7rem;
    border: 0;
    border-radius: 0.2rem;
    background-color: #f7f6f6;
    transition: background-color 0.25s;
    color: #aea8a5;
    line-height: 1.4;
    padding: 0.8rem 1.4rem;
    appearance: none;
    font-size: 100%;
}

    .contact-label textarea:focus {
        color: #6c6463;
    }

button[type="submit"].contact-button {
    background-color: #ed1c24;
    color: #fff;
    -webkit-appearance: button;
    max-width: 100%;
    width: 100%;
    font-size: 1.8rem;
    text-transform: uppercase;
    padding: 1rem 2rem;
    font-weight: 400;
    line-height: 1.4;
    display: block;
    text-align: center;
    border: 0;
    border-radius: 3rem;
    cursor: pointer;
    transition: color 0.25s, background-color 0.25s, box-shadow 0.25s;
    text-decoration: none !important;
}

    button[type="submit"].contact-button:hover {
        background-color: #c61017;
        color: #fff;
    }

.icon-phone:before {
    content: "b";
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
}

.icon-email:before {
    content: "d";
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

[after-text]:after {
    content: attr(after-text);
    display: block;
    width: 100%;
    max-height: 0;
    transition: max-height 0.25s, padding 0.25s;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
}

.expanded:after {
    max-height: 5rem;
    padding-top: 1rem;
    content: attr(after-text);
    display: block;
    width: 100%;
    transition: max-height 0.25s, padding 0.25s;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
}

comp-modal header button[close] {
    padding: 1rem 2rem;
}

comp-thankyou h2 {
    font-size: 3.6rem;
    font-weight: 700;
    letter-spacing: 0em;
    line-height: 3.6rem;
}

comp-thankyou h3 {
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 2.4rem;
}

comp-content.content-component p {
    padding-top: 2rem;
}

comp-content.content-component strong {
    font-weight: 700;
}

comp-content.content-component a {
    color: #0076a8;
}

comp-content.content-component div h1 {
    font-family: "Teko", sans-serif;
    font-size: 5.7rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 4.6rem;
}

comp-content.content-component div h3 {
    font-family: "Teko", sans-serif;
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 2.4rem;
}

@media (max-width: 767px) {
    comp-content.content-component div h1 {
        font-size: 3.6rem;
        letter-spacing: 0.02em;
        line-height: 3.9rem;
    }
}

form label input.input-reset {
    background-color: #fff;
}

.input-checkbox h5::before {
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
    color: rgb(0 0 0);
    box-shadow: inset 0 0 0 0.2rem #E7E7E7;
    background: white;
    background-size: 0 0;
    transition: background-size 0.25s, color 0.25s, border 0.25s;
    vertical-align: baseline;
    border-radius: 0.2rem;
    margin-left: 1rem;
    content: "a";
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}


.input-checkbox input[type="radio"]:checked + h5::before,
.input-checkbox input[type="checkbox"]:checked + h5::before {
    background-size: 100% 100%;
    box-shadow: inset 0 0 0 0.2rem rgba(231, 231, 231, 0);
    color: white;
}

form[type="financing"] button[type=submit] {
    border: 1px solid transparent;
}

.processing {
    background: url(/images/loading.svg) no-repeat center !important;
    background-size: cover !important;
    cursor: wait !important;
    border-color: #ed1c24 !important;
    color: #ed1c24 !important;
}

footer .btn-white-red.processing:hover {
    color: #ed1c24 !important;
}

.bg-processing {
    background: url(/images/loading.svg) no-repeat center !important;
    background-size: cover !important;
    cursor: wait !important;
}

.sel-disabled {
    cursor: not-allowed !important;
    background-color: #aea8a5 !important;
    color: black !important;
}

comp-collapsible section article section p a,
comp-hero header div p a {
    color: #0076a8;
    text-decoration: none;
    transition: color 0.2s;
}

comp-press comp-container button.load-more {
    padding: 1rem 2rem;
    line-height: 1.4;
    text-transform: uppercase;
    font-size: 1.2rem;
}

comp-content.content-component div h2 {
    font-size: 3.6rem;
    font-weight: 700;
    letter-spacing: 0em;
    line-height: 3.6rem;
}

comp-hero p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

comp-hero ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    text-align: left;
}

.red-filled {
    background-color: #ed1c24;
    color: #fff;
    text-transform: uppercase;
    padding: 1rem 2rem;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4;
    max-width: 27rem;
    text-align: center;
    border: 0;
    border-radius: 3rem;
    cursor: pointer;
    transition: color 0.25s, background-color 0.25s, box-shadow 0.25s;
    text-decoration: none !important;
}

    .red-filled:hover,
    .red-filled:active,
    .red-filled:visited {
        color: #fff !important;
    }

    .red-filled:hover {
        background-color: #c61017 !important;
    }

.accordion-content p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.accordion-content h4 {
    font-size: 1.7rem;
    letter-spacing: 0.15em;
    line-height: 2.6rem;
}

.accordion-content ul {
    margin-top: 1.7rem;
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.bullet-list-container ul {
    list-style-type: disc !important;
    padding-inline-start: 40px !important;
}

comp-container[sitemap] ul {
    list-style-type: disc !important;
    padding-inline-start: 40px !important;
}

    comp-container[sitemap] ul ul {
        list-style-type: circle !important;
    }

        comp-container[sitemap] ul ul ul {
            list-style-type: square !important;
        }

@keyframes animate-background {
    from {
        background-position: 0;
    }

    to {
        background-position: 0 475px;
    }
}