@charset "UTF-8";
/*  ==========================================================================
    The master stylesheet that compiles everything together into one css file

    SYNTAX
    We are using the BEM syntax with you can learn about here:
    http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/
    ========================================================================== */
/*  ==========================================================================
    Bower Components

    These are 3rd party scss & css files that we want to use.
    They are located in the "bower_components" folder.
    ========================================================================== */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

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

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

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

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

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

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

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

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

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

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

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

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

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td,
th {
  padding: 0;
}

/*------------------------------------*\
    #CLEARFIX
\*------------------------------------*/
/**
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `.clearfix` class appearing
 * over and over in your markup.
 */
.clearfix:after,
.Brochures-search:after,
.BrochuresForm .wpcf7 .wpcf7-form-control-wrap:after,
.BrochuresForm .wpcf7 .wpcf7-form-control:after,
.BrochuresForm .wpcf7 .wpcf7-list-item:after,
.BrochuresForm .wpcf7 .wpcf7-not-valid-tip:after,
.BrochuresWidget:after,
.BuildYourOwn-modelCards:after,
.BuildYourOwn-statusStepOption:after,
.BuildYourOwn-stepControl:after,
.BuildYourOwn-optional .panel-heading:after,
.BuildYourOwn-optional .panel-body:after,
.BuildYourOwn-standard:after,
.BuildYourOwnBar-tab:after,
.BuildYourOwnFilterMenu .accordion-toggle:after,
.ColorOptions-groupHeader:after,
.ColorOptions-groupItems:after,
.ColorOptions-groupItemImage:after,
.CompareResults-models-row:after,
.Container:after,
.ModelsCarousel .carousel-indicator-cover:after,
.CustomerStoryWidget:after,
.Default .wpcf7 .wpcf7-form-control-wrap:after,
.Default .wpcf7 .wpcf7-form-control:after,
.Default .wpcf7 .wpcf7-list-item:after,
.Default .wpcf7 .wpcf7-not-valid-tip:after,
.DetailedCard-container:after,
.DetailedCard-image:after,
.DetailedCard-content:after,
.DetailedCard-features:after,
.DetailedCard-buttons:after,
.DetailedCardSlide-container:after,
.DetailedCardSlide-image:after,
.DetailedCardSlide-content:after,
.DetailedCardSlide-features:after,
.DetailedCardSlide-buttons:after,
.Events-search:after,
.EventsWidget:after,
.Footer-misc:after,
.Locators-tabContent:after,
.Locators-form form:after,
.Locators-results:after,
.Modal-content:after,
.ModelContent-features:after,
.Swatches:after,
.ModelSlider-slide .DetailedCard-price:after,
.ModelTestimonials:after,
.MultiStep-step:after,
.MultiStep-pager:after,
.MultiStep-progress:after,
.OurModelsNav-superdock:after,
.Pagination ul:after,
.Post-sidebar:after,
.PostsWidget:after,
.Search-results-result:after,
.Search-results:after,
.Search-result:after,
.wpcf7 .wpcf7-checkbox:after {
  content: "";
  display: table;
  clear: both;
}

.fixedsticky {
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
}

/* When position: sticky is supported but native behavior is ignored */
.fixedsticky-withoutfixedfixed .fixedsticky-off,
.fixed-supported .fixedsticky-off {
  position: static;
}

.fixedsticky-withoutfixedfixed .fixedsticky-on,
.fixed-supported .fixedsticky-on {
  position: fixed;
}

.fixedsticky-dummy {
  display: none;
}

.fixedsticky-on + .fixedsticky-dummy {
  display: block;
}

/*  ==========================================================================
    Includes

    These are custom scss & css files that we want to use with the theme.
    They are located in the "includes" folder.
    ========================================================================== */
/*  ==========================================================================
    Config

    These are config files for the application. They are the most basic styles.
    They are located in the "config" directory.
    ========================================================================== */
/*  ==========================================================================
    Colors

    Colors that are specific to the site should be defined in this section
    with the following format:

    $color-{name of the color}: {color} !default;
    ========================================================================== */
/*  ==========================================================================
    Fonts

    Fonts that are specific to the site should be defined in this section
    with the following format:

    $font-{name of the font}: {font} !default;
    ========================================================================== */
/*  ==========================================================================
    Misc
    ========================================================================== */
/*-----------------------------------*\

  Config: Base

  High-level styles. Basically just
  the html/:root element.

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

* {
  -webkit-tap-highlight-color: transparent;
}

html,
body {
  -webkit-overflow-scrolling: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

body {
  background-color: #fff;
}

.wf-loading h1,
.wf-loading h2,
.wf-loading h3,
.wf-loading h4,
.wf-loading h5,
.wf-loading h6,
.wf-loading p,
.wf-loading small,
.wf-loading i,
.wf-loading span {
  opacity: 0;
}

.wf-active h1,
.wf-active h2,
.wf-active h3,
.wf-active h4,
.wf-active h5,
.wf-active h6,
.wf-active p,
.wf-active small,
.wf-active i,
.wf-active span {
  opacity: 1;
}

.u-showOnPrint {
  display: none !important;
}
@media print {
  .u-showOnPrint {
    display: block !important;
  }
}

.u-rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 2rem;
}
.u-rows > .Icon, .u-rows > .Button--print, .u-rows > .Button--download, .bx-wrapper .u-rows > .bx-prev, .bx-wrapper .u-rows > .bx-next {
  width: 100px;
  background-size: auto 30px;
  background-position: top;
  height: auto;
  padding-bottom: 10px;
  margin-bottom: -10px;
}

.u-rows--main {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.u-columns {
  margin-top: 20px;
}
.u-columns ul {
  -webkit-columns: 2;
          columns: 2;
  -webkit-column-gap: 2rem;
          column-gap: 2rem;
  padding-left: 0 !important;
}
.u-columns ul > li {
  margin-left: 1em;
}

/*-----------------------------------*\

    Config: Form

    Form styles, doi

\*-----------------------------------*/
input:not([type='submit']):not([type='file'])::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #939597;
  font-family: "canada-type-gibson", sans-serif;
}
input:not([type='submit']):not([type='file']):-moz-placeholder, input:not([type='submit']):not([type='file'])::-moz-placeholder,
select:-moz-placeholder,
select::-moz-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #939597;
  font-family: "canada-type-gibson", sans-serif;
}
input:not([type='submit']):not([type='file']):-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #939597;
  font-family: "canada-type-gibson", sans-serif;
}
input:not([type='submit']):not([type='file']):-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
  box-shadow: 0 0 0 1000px #fff inset;
}
input:not([type='submit']):not([type='file']):focus,
select:focus,
textarea:focus {
  outline: 0;
}

input:not([type='submit']):not([type='file']) {
  color: #4d4d4f;
  border: none;
  border-radius: 0;
  outline: none;
  background-color: #fff;
  -webkit-appearance: none;
}

.Form select {
  display: none;
}

.tracking-form,
.hide-this,
iframe[name='google_conversion_frame'] {
  display: none !important;
}

.datepicker-input {
  border: 1px solid #d1d1d2 !important;
  padding: 7px 11px;
  margin: 0;
  margin-right: auto;
  width: 200px;
  display: block;
  color: #939597;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 16px;
}

.datepicker ul {
  position: absolute;
  z-index: 100;
  padding: 15px !important;
  list-style: none;
  text-align: center;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  font-family: "canada-type-gibson", sans-serif;
}
.datepicker li {
  list-style-type: none !important;
  font-size: 15px;
}
@media (min-width: 480px) {
  .datepicker li {
    font-size: 18px;
  }
}
.datepicker button {
  -webkit-transition: background-color 0.35s;
          transition: background-color 0.35s;
  border: 1px solid #fff;
  border-radius: 3px;
  background: #fff;
}
.datepicker button:hover {
  background-color: #f2f2f2;
}
.datepicker button:focus {
  outline: none;
}
.datepicker table {
  outline: none;
}
.datepicker .glyphicon-chevron-left:before {
  display: block;
  content: '«';
  font-style: normal;
}
.datepicker .glyphicon-chevron-right:before {
  display: block;
  content: '»';
  font-style: normal;
}
.datepicker tr:nth-of-type(1) th {
  padding-bottom: 5px;
}
.datepicker tr:nth-of-type(2) th {
  padding-bottom: 5px;
}
.datepicker .btn-success,
.datepicker .btn-danger,
.datepicker .btn-info {
  margin-left: -8px;
  padding: 3px 8px;
}

/*-----------------------------------*\

    Config: Grid

    Susy for making things line up

\*-----------------------------------*/
.CompareResults-models-row, .CompareResults-main tr, .Container, .ModelsCarousel .carousel-indicator-cover, .DetailedCard-container, .DetailedCardSlide-container, .Footer-misc, .OurModelsNav-container {
  max-width: 65rem;
  margin-left: auto;
  margin-right: auto;
}
.CompareResults-models-row:after, .CompareResults-main tr:after, .Container:after, .ModelsCarousel .carousel-indicator-cover:after, .DetailedCard-container:after, .DetailedCardSlide-container:after, .Footer-misc:after, .OurModelsNav-container:after {
  content: " ";
  display: block;
  clear: both;
}

.Icon, .Button--print, .Button--download, .bx-wrapper .bx-prev, .bx-wrapper .bx-next {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
}
.Icon:before, .Button--print:before, .Button--download:before, .bx-wrapper .bx-prev:before, .bx-wrapper .bx-next:before, .Icon:after, .Button--print:after, .Button--download:after, .bx-wrapper .bx-prev:after, .bx-wrapper .bx-next:after {
  content: '';
  background-repeat: no-repeat;
}
.Icon.Icon--center, .Icon--center.Button--print, .Icon--center.Button--download, .bx-wrapper .Icon--center.bx-prev, .bx-wrapper .Icon--center.bx-next {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.Icon.Icon--redCircle, .Icon--redCircle.Button--print, .Icon--redCircle.Button--download, .bx-wrapper .Icon--redCircle.bx-prev, .bx-wrapper .Icon--redCircle.bx-next {
  background: #2B2B2B;
  border-radius: 50%;
  height: 64px;
  width: 64px;
}
.Icon.Icon--redCircle:before, .Icon--redCircle.Button--print:before, .Icon--redCircle.Button--download:before, .bx-wrapper .Icon--redCircle.bx-prev:before, .bx-wrapper .Icon--redCircle.bx-next:before, .Icon.Icon--redCircle:after, .Icon--redCircle.Button--print:after, .Icon--redCircle.Button--download:after, .bx-wrapper .Icon--redCircle.bx-prev:after, .bx-wrapper .Icon--redCircle.bx-next:after {
  font-size: 2.4em;
}

/*  ==========================================================================
    User Icons

    These icons are able be used in dynamic content
    ========================================================================== */
.Icon--battery {
  background-image: url(../images/icons/battery/battery.svg);
  width: 40px;
  height: 34px;
  background-size: 40px 34px;
}

.Icon--towTruck {
  background-image: url(../images/icons/tow-truck/tow-truck.svg);
  width: 45px;
  height: 36px;
  background-size: 45px 36px;
}

.Icon--tire {
  background-image: url(../images/icons/tire/tire.svg);
  width: 38px;
  height: 39px;
  background-size: 38px 39px;
}

.Icon--phone24 {
  background-image: url(../images/icons/phone-24/phone-24.svg);
  width: 40px;
  height: 38px;
  background-size: 40px 38px;
}

.Icon--options {
  background-image: url(../images/icons/options/options.svg);
  width: 36px;
  height: 42px;
  background-size: 36px 42px;
}

.Icon--marker {
  background-image: url(../images/icons/marker/marker.svg);
  width: 29px;
  height: 44px;
  background-size: 29px 44px;
}

.Icon--handKey {
  background-image: url(../images/icons/hand-key/hand-key.svg);
  width: 44px;
  height: 31px;
  background-size: 44px 31px;
}

.Icon--gasPump {
  background-image: url(../images/icons/gas-pump/gas-pump.svg);
  width: 31px;
  height: 38px;
  background-size: 31px 38px;
}

.Icon--construction {
  background-image: url(../images/icons/construction/construction.svg);
  width: 43px;
  height: 41px;
  background-size: 43px 41px;
}

.Icon--compass {
  background-image: url(../images/icons/compass/compass-30-grey.png);
  background-image: url(../images/icons/compass/compass-30-grey.svg);
  width: 54px;
  height: 90px;
  background-size: 54px 90px;
}
.Pattern--dark .Icon--compass, .Pattern--medium .Icon--compass {
  background: #002F43;
}

.Icon--van {
  background-image: url(../images/icons/van/van-30-grey.png);
  background-image: url(../images/icons/van/van-30-grey.svg);
  width: 100px;
  height: 49px;
  background-size: 100px 49px;
}
.Icon--van.Icon--alt {
  background-image: url(../images/icons/van/van-ceced0.png);
  background-image: url(../images/icons/van/van-ceced0.svg);
}
.Pattern--dark .Icon--van, .Pattern--medium .Icon--van {
  background-image: url(../images/icons/van/van-rt-grey-tinted.png);
  background-image: url(../images/icons/van/van-rt-grey-tinted.svg);
}
.Icon--van.Icon--isActive.Icon--alt {
  background-image: url(../images/icons/van/van-acadb1.png);
  background-image: url(../images/icons/van/van-acadb1.svg);
}
.Icon--van.Icon--flipped {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.Icon--van.Icon--isSmall {
  width: 50px;
  height: 25px;
  background-size: 50px 25px;
}
.Icon--van.Icon--selected {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  background-image: url(../images/icons/van/van-white.png);
  background-image: url(../images/icons/van/van-white.svg);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.Icon--vanPerspective {
  background-image: url(../images/icons/van-perspective/van-perspective.png);
  background-image: url(../images/icons/van-perspective/van-perspective.svg);
  width: 88px;
  height: 50px;
  background-size: 88px 50px;
}
.Icon--vanPerspective.Icon--alt {
  background-image: url(../images/icons/van-perspective/van-perspective-ceced0.png);
  background-image: url(../images/icons/van-perspective/van-perspective-ceced0.svg);
}
.Icon--vanPerspective.Icon--isActive.Icon--alt {
  background-image: url(../images/icons/van-perspective/van-perspective-acadb1.png);
  background-image: url(../images/icons/van-perspective/van-perspective-acadb1.svg);
}

.Icon--wrench {
  background-image: url(../images/icons/wrench/wrench-30-grey.png);
  background-image: url(../images/icons/wrench/wrench-30-grey.svg);
  width: 71px;
  height: 70px;
  background-size: 71px 70px;
}
.Pattern--dark .Icon--wrench, .Pattern--medium .Icon--wrench {
  background-image: url(../images/icons/wrench/wrench-rt-grey-tinted.png);
  background-image: url(../images/icons/wrench/wrench-rt-grey-tinted.svg);
}

.Icon--chat {
  background-image: url(../images/icons/chat/chat-30-grey.png);
  background-image: url(../images/icons/chat/chat-30-grey.svg);
  width: 78px;
  height: 72px;
  background-size: 78px 72px;
}
.Pattern--dark .Icon--chat, .Pattern--medium .Icon--chat {
  background-image: url(../images/icons/chat/chat-rt-grey-tinted.png);
  background-image: url(../images/icons/chat/chat-rt-grey-tinted.svg);
}

.Icon--phone {
  background-image: url(../images/icons/phone/phone-30-grey.png);
  background-image: url(../images/icons/phone/phone-30-grey.svg);
  width: 78px;
  height: 76px;
  background-size: 78px 76px;
}
.Pattern--dark .Icon--phone, .Pattern--medium .Icon--phone {
  background-image: url(../images/icons/phone/phone-rt-grey-tinted.png);
  background-image: url(../images/icons/phone/phone-rt-grey-tinted.svg);
}

.Icon--envelope {
  background-image: url(../images/icons/envelope/envelope-30-grey.png);
  background-image: url(../images/icons/envelope/envelope-30-grey.svg);
  width: 78px;
  height: 52px;
  background-size: 78px 52px;
}
.Pattern--dark .Icon--envelope, .Pattern--medium .Icon--envelope {
  background-image: url(../images/icons/envelope/envelope-rt-grey-tinted.png);
  background-image: url(../images/icons/envelope/envelope-rt-grey-tinted.svg);
}

.Icon--pdf {
  background-image: url(../../../pdf-30-grey.png);
  width: 78px;
  height: 52px;
  background-size: 78px 52px;
}

.Icon--mapMarker {
  background-image: url(../../../map-30-grey.png);
  width: 78px;
  height: 52px;
  background-size: 78px 52px;
}

.Icon--guidePost {
  background-image: url(../images/icons/guide-post/guide-post-30-grey.png);
  background-image: url(../images/icons/guide-post/guide-post-30-grey.svg);
  width: 78px;
  height: 70px;
  background-size: 78px 70px;
}
.Pattern--dark .Icon--guidePost, .Pattern--medium .Icon--guidePost {
  background-image: url(../images/icons/guide-post/guide-post-rt-tinted-grey.png);
  background-image: url(../images/icons/guide-post/guide-post-rt-tinted-grey.svg);
}

/*  ==========================================================================
    Social Icons

    These icons are used for social websites
    ========================================================================== */
.Icon--facebook {
  background-image: url(../images/icons/facebook/facebook-2020.png);
  width: 60px;
  height: 60px;
  background-size: 60px 60px;
}
.Icon--facebook:before {
  display: block;
  opacity: 0;
  background-image: url(../images/icons/facebook/facebook-2020.png);
  width: 60px;
  height: 60px;
  background-size: 60px 60px;
}
.no-touch .Icon--facebook:before {
  -webkit-transition: opacity 0.1s ease-in-out;
          transition: opacity 0.1s ease-in-out;
}
.Icon--facebook:hover:before {
  opacity: 1;
}

.Icon--twitter {
  background-image: url(../images/icons/twitter/twitter-rt-grey.png);
  background-image: url(../images/icons/twitter/twitter-rt-grey.svg);
  width: 60px;
  height: 60px;
  background-size: 60px 60px;
}
.Icon--twitter:before {
  display: block;
  opacity: 0;
  background-image: url(../images/icons/twitter/twitter-t-blue.png);
  background-image: url(../images/icons/twitter/twitter-t-blue.svg);
  width: 60px;
  height: 60px;
  background-size: 60px 60px;
}
.no-touch .Icon--twitter:before {
  -webkit-transition: opacity 0.1s ease-in-out;
          transition: opacity 0.1s ease-in-out;
}
.Icon--twitter:hover:before {
  opacity: 1;
}

.Icon--youtube {
  background-image: url(../images/icons/youtube/youtube-2020.png);
  width: 60px;
  height: 60px;
  background-size: 60px 60px;
}
.Icon--youtube:before {
  display: block;
  opacity: 0;
  background-image: url(../images/icons/youtube/youtube-2020.png);
  width: 60px;
  height: 60px;
  background-size: 60px 60px;
}
.no-touch .Icon--youtube:before {
  -webkit-transition: opacity 0.1s ease-in-out;
          transition: opacity 0.1s ease-in-out;
}
.Icon--youtube:hover:before {
  opacity: 1;
}

.Icon--pinterest {
  background-image: url(../images/icons/pinterest/pinterest-2020.png);
  width: 60px;
  height: 60px;
  background-size: 60px 60px;
}
.Icon--pinterest:before {
  display: block;
  opacity: 0;
  background-image: url(../images/icons/pinterest/pinterest-2020.png);
  width: 60px;
  height: 60px;
  background-size: 60px 60px;
}
.no-touch .Icon--pinterest:before {
  -webkit-transition: opacity 0.1s ease-in-out;
          transition: opacity 0.1s ease-in-out;
}
.Icon--pinterest:hover:before {
  opacity: 1;
}

.Icon--instagram {
  background-image: url(../images/icons/instagram/instagram-rt-grey.png);
  background-image: url(../images/icons/instagram/instagram-rt-grey.svg);
  width: 60px;
  height: 60px;
  background-size: 60px 60px;
}
.Icon--instagram:before {
  display: block;
  opacity: 0;
  background-image: url(../images/icons/instagram/instagram-10-red.png);
  background-image: url(../images/icons/instagram/instagram-10-red.svg);
  width: 60px;
  height: 60px;
  background-size: 60px 60px;
}
.no-touch .Icon--instagram:before {
  -webkit-transition: opacity 0.1s ease-in-out;
          transition: opacity 0.1s ease-in-out;
}
.Icon--instagram:hover:before {
  opacity: 1;
}

/*  ==========================================================================
    UI Icons

    These icons are used for enhancing the UI
    ========================================================================== */
.Icon--uiArrowDown, .Icon--uiArrowDown--dark, .Icon--uiArrowDownAlt, .Header-navItem.menu-item-has-children > a span, .Footer-navigation > ul > li.menu-item-has-children > a {
  position: relative;
}
.Icon--uiArrowDown:before, .Icon--uiArrowDown--dark:before, .Icon--uiArrowDownAlt:before, .Header-navItem.menu-item-has-children > a > span:before, .Footer-navigation > ul > li.menu-item-has-children > a:before, .Icon--uiArrowDown:after, .Icon--uiArrowDown--dark:after, .Icon--uiArrowDownAlt:after, .Header-navItem.menu-item-has-children > a > span:after, .Footer-navigation > ul > li.menu-item-has-children > a:after {
  position: absolute;
  top: 50%;
  display: block;
  margin-top: -0.25em;
  content: '';
  background-repeat: no-repeat;
  width: 0.85em;
  height: 0.5em;
  background-size: 0.85em 0.5em;
}
.Icon--uiArrowDown:before, .Icon--uiArrowDown--dark:before, .Icon--uiArrowDownAlt:before, .Header-navItem.menu-item-has-children > a > span:before, .Footer-navigation > ul > li.menu-item-has-children > a:before {
  background-image: url(../images/icons/ui-arrow-down/ui-arrow-down-off-white.png);
  background-image: url(../images/icons/ui-arrow-down/ui-arrow-down-off-white.svg);
}
.Icon--uiArrowDown:after, .Icon--uiArrowDown--dark:after, .Icon--uiArrowDownAlt:after, .Header-navItem.menu-item-has-children > a > span:after, .Footer-navigation > ul > li.menu-item-has-children > a:after {
  opacity: 0;
  background-image: url(../images/icons/ui-arrow-down/ui-arrow-down-white.png);
  background-image: url(../images/icons/ui-arrow-down/ui-arrow-down-white.svg);
}
.no-touch .Icon--uiArrowDown:after, .no-touch .Icon--uiArrowDown--dark:after, .no-touch .Icon--uiArrowDownAlt:after, .no-touch .Header-navItem.menu-item-has-children > a > span:after, .Header-navItem.menu-item-has-children > a .no-touch span:after, .no-touch .Footer-navigation > ul > li.menu-item-has-children > a:after {
  -webkit-transition: opacity 0.1s ease-in-out;
          transition: opacity 0.1s ease-in-out;
}
.Icon--uiArrowDown:hover:after, .Icon--uiArrowDown--dark:hover:after, .Icon--uiArrowDownAlt:hover:after, .Header-navItem.menu-item-has-children > a span:hover:after, .Footer-navigation > ul > li.menu-item-has-children > a:hover:after {
  opacity: 1;
}

.Icon--uiArrowDown--dark {
  opacity: 0.4;
}
.Icon--uiArrowDown--dark:before {
  background-image: url(../images/icons/ui-arrow-down/ui-arrow-down-rt-grey.png);
  background-image: url(../images/icons/ui-arrow-down/ui-arrow-down-rt-grey.svg);
}
.Icon--uiArrowDown--dark:after {
  display: none;
}

.Icon--uiArrowDownAlt:before, .Header-navItem.menu-item-has-children > a > span:before {
  background-image: url(../images/icons/ui-arrow-down/ui-arrow-down-rt-grey.png);
  background-image: url(../images/icons/ui-arrow-down/ui-arrow-down-rt-grey.svg);
}

.Icon--uiArrowUp, .Icon--uiArrowUp--dark, .Footer-navigation > ul > li.menu-item-has-children.sub-menu--is-opened > a {
  position: relative;
}
.Icon--uiArrowUp:before, .Icon--uiArrowUp--dark:before, .Footer-navigation > ul > li.menu-item-has-children.sub-menu--is-opened > a:before, .Icon--uiArrowUp:after, .Icon--uiArrowUp--dark:after, .Footer-navigation > ul > li.menu-item-has-children.sub-menu--is-opened > a:after {
  position: absolute;
  top: 50%;
  display: block;
  margin-top: -0.25em;
  content: '';
  background-repeat: no-repeat;
  width: 0.85em;
  height: 0.5em;
  background-size: 0.85em 0.5em;
}
.Icon--uiArrowUp:before, .Icon--uiArrowUp--dark:before, .Footer-navigation > ul > li.menu-item-has-children.sub-menu--is-opened > a:before {
  background-image: url(../images/icons/ui-arrow-up/ui-arrow-up-off-white.png);
  background-image: url(../images/icons/ui-arrow-up/ui-arrow-up-off-white.svg);
}
.Icon--uiArrowUp:after, .Icon--uiArrowUp--dark:after, .Footer-navigation > ul > li.menu-item-has-children.sub-menu--is-opened > a:after {
  opacity: 0;
  background-image: url(../images/icons/ui-arrow-up/ui-arrow-up-white.png);
  background-image: url(../images/icons/ui-arrow-up/ui-arrow-up-white.svg);
}
.no-touch .Icon--uiArrowUp:after, .no-touch .Icon--uiArrowUp--dark:after, .no-touch .Footer-navigation > ul > li.menu-item-has-children.sub-menu--is-opened > a:after {
  -webkit-transition: opacity 0.1s ease-in-out;
          transition: opacity 0.1s ease-in-out;
}
.Icon--uiArrowUp:hover:after, .Icon--uiArrowUp--dark:hover:after, .Footer-navigation > ul > li.menu-item-has-children.sub-menu--is-opened > a:hover:after {
  opacity: 1;
}

.Icon--uiArrowUp--dark:after {
  display: none;
}

.Icon--uiArrowRight, .bx-wrapper .bx-next {
  position: relative;
}
.PhotoGallery--alt .Icon--uiArrowRight:before, .PhotoGallery--alt .bx-wrapper .bx-next:before, .bx-wrapper .PhotoGallery--alt .bx-next:before, .Icon--uiArrowRight.Icon--alt:before, .bx-wrapper .Icon--alt.bx-next:before {
  background-image: url(../images/icons/ui-arrow-right/ui-arrow-right-white.svg);
  background-image: url(../images/icons/ui-arrow-right/ui-arrow-right-white.svg);
}
.Icon--uiArrowRight:before, .bx-wrapper .bx-next:before, .Icon--uiArrowRight:after, .bx-wrapper .bx-next:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: -0.85em;
  margin-left: -0.5em;
  content: '';
  background-repeat: no-repeat;
  font-size: 13px;
  width: 1em;
  height: 1.8em;
  background-size: 1em 1.8em;
}
.Icon--uiArrowRight:before, .bx-wrapper .bx-next:before {
  background-image: url(../images/icons/ui-arrow-right/ui-arrow-right-rt-grey-tinted.png);
  background-image: url(../images/icons/ui-arrow-right/ui-arrow-right-rt-grey-tinted.svg);
}
.Icon--uiArrowRight:after, .bx-wrapper .bx-next:after {
  opacity: 0;
  background-image: url(../images/icons/ui-arrow-right/ui-arrow-right-10-red.png);
  background-image: url(../images/icons/ui-arrow-right/ui-arrow-right-10-red.svg);
}
.Pattern--medium .Icon--uiArrowRight:after, .Pattern--medium .bx-wrapper .bx-next:after, .bx-wrapper .Pattern--medium .bx-next:after, .Pattern--dark .Icon--uiArrowRight:after, .Pattern--dark .bx-wrapper .bx-next:after, .bx-wrapper .Pattern--dark .bx-next:after {
  background-image: url(../images/icons/ui-arrow-right/ui-arrow-right-off-white.png);
  background-image: url(../images/icons/ui-arrow-right/ui-arrow-right-off-white.svg);
}

.Icon--uiArrowLeft, .bx-wrapper .bx-prev {
  position: relative;
}
.PhotoGallery--alt .Icon--uiArrowLeft:before, .PhotoGallery--alt .bx-wrapper .bx-prev:before, .bx-wrapper .PhotoGallery--alt .bx-prev:before, .Icon--uiArrowLeft.Icon--alt:before, .bx-wrapper .Icon--alt.bx-prev:before {
  background-image: url(../images/icons/ui-arrow-left/ui-arrow-left-white.svg);
  background-image: url(../images/icons/ui-arrow-left/ui-arrow-left-white.svg);
}
.Icon--uiArrowLeft:before, .bx-wrapper .bx-prev:before, .Icon--uiArrowLeft:after, .bx-wrapper .bx-prev:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: -0.85em;
  margin-left: -0.50em;
  content: '';
  background-repeat: no-repeat;
  font-size: 13px;
  width: 1em;
  height: 1.7em;
  background-size: 1em 1.7em;
}
.Icon--uiArrowLeft:before, .bx-wrapper .bx-prev:before {
  background-image: url(../images/icons/ui-arrow-left/ui-arrow-left-rt-grey-tinted.png);
  background-image: url(../images/icons/ui-arrow-left/ui-arrow-left-rt-grey-tinted.svg);
}
.Icon--uiArrowLeft:after, .bx-wrapper .bx-prev:after {
  opacity: 0;
  background-image: url(../images/icons/ui-arrow-left/ui-arrow-left-10-red.png);
  background-image: url(../images/icons/ui-arrow-left/ui-arrow-left-10-red.svg);
}
.Pattern--medium .Icon--uiArrowLeft:after, .Pattern--medium .bx-wrapper .bx-prev:after, .bx-wrapper .Pattern--medium .bx-prev:after, .Pattern--dark .Icon--uiArrowLeft:after, .Pattern--dark .bx-wrapper .bx-prev:after, .bx-wrapper .Pattern--dark .bx-prev:after, .Icon--alt .Icon--uiArrowLeft:after, .Icon--alt .bx-wrapper .bx-prev:after, .bx-wrapper .Icon--alt .bx-prev:after {
  background-image: url(../images/icons/ui-arrow-left/ui-arrow-left-off-white.png);
  background-image: url(../images/icons/ui-arrow-left/ui-arrow-left-off-white.svg);
}

.Icon--uiMagnifyingGlass, .Header-search {
  position: relative;
}
.Icon--uiMagnifyingGlass:before, .Header-search:before, .Icon--uiMagnifyingGlass:after, .Header-search:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: -12px;
  margin-left: -12px;
  content: '';
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
}
.Icon--uiMagnifyingGlass:before, .Header-search:before {
  background-image: url(../images/icons/ui-magnifying-glass/ui-magnifying-glass-70-grey.png);
  background-image: url(../images/icons/ui-magnifying-glass/ui-magnifying-glass-70-grey.svg);
}
.Icon--uiMagnifyingGlass:after, .Header-search:after {
  opacity: 0;
  background-image: url(../images/icons/ui-magnifying-glass/ui-magnifying-glass-10-red.png);
  background-image: url(../images/icons/ui-magnifying-glass/ui-magnifying-glass-10-red.svg);
}
.no-touch .Icon--uiMagnifyingGlass:after, .no-touch .Header-search:after {
  -webkit-transition: opacity 0.1s ease-in-out;
          transition: opacity 0.1s ease-in-out;
}
.Icon--uiMagnifyingGlass:hover:after, .Header-search:hover:after {
  opacity: 1;
}

.Icon--uiMagnifyingGlassAlt {
  position: relative;
}
.Icon--uiMagnifyingGlassAlt:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: -12px;
  margin-left: -12px;
  content: '';
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
}
.Icon--uiMagnifyingGlassAlt:before {
  background-image: url(../images/icons/ui-magnifying-glass/ui-magnifying-glass-0B6180.png);
  background-image: url(../images/icons/ui-magnifying-glass/ui-magnifying-glass-0B6180.svg);
}

.Icon--uiMagnifyingGlassAlt2 {
  position: relative;
}
.Icon--uiMagnifyingGlassAlt2:before, .Icon--uiMagnifyingGlassAlt2:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: -6px;
  margin-left: -26px;
  content: '';
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  background-size: 12px 12px;
}
.Icon--uiMagnifyingGlassAlt2:before {
  background-image: url(../images/icons/ui-magnifying-glass/ui-magnifying-glass-70-grey.png);
  background-image: url(../images/icons/ui-magnifying-glass/ui-magnifying-glass-70-grey.svg);
}
.Icon--uiMagnifyingGlassAlt2:after {
  opacity: 0;
  background-image: url(../images/icons/ui-magnifying-glass/ui-magnifying-glass-white.png);
  background-image: url(../images/icons/ui-magnifying-glass/ui-magnifying-glass-white.svg);
}
.no-touch .Icon--uiMagnifyingGlassAlt2:after {
  -webkit-transition: opacity 0.1s ease-in-out;
          transition: opacity 0.1s ease-in-out;
}
.Icon--uiMagnifyingGlassAlt2:hover:after {
  opacity: 1;
}

.Icon--uiMagnifyingGlassAlt3 {
  position: relative;
}
.Icon--uiMagnifyingGlassAlt3:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -12px;
  content: '';
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
}
.Icon--uiMagnifyingGlassAlt3:before {
  background-image: url(../images/icons/ui-magnifying-glass/ui-magnifying-glass-light-grey.png);
  background-image: url(../images/icons/ui-magnifying-glass/ui-magnifying-glass-light-grey.svg);
}

.Icon--uiLogo {
  background-image: url(../images/icons/ui-logo/ui-logo-white.png);
  background-image: url(../images/icons/ui-logo/ui-logo-white.svg);
  width: 240px;
  height: 40px;
  background-size: 240px 40px;
}

.Icon--uiEye {
  position: relative;
}
.Icon--uiEye:before, .Icon--uiEye:after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  margin-top: -0.5em;
  content: '';
  background-repeat: no-repeat;
  font-size: 20px;
  width: 1em;
  height: 1em;
  background-size: 1em 1em;
}
.Icon--uiEye:before {
  background-image: url(../images/icons/ui-eye/ui-eye-65-grey.png);
  background-image: url(../images/icons/ui-eye/ui-eye-65-grey.svg);
}
.Icon--uiEye:after {
  opacity: 0;
  background-image: url(../images/icons/ui-eye/ui-eye-white.png);
  background-image: url(../images/icons/ui-eye/ui-eye-white.svg);
}
.no-touch .Icon--uiEye:after {
  -webkit-transition: opacity 0.1s ease-in-out;
          transition: opacity 0.1s ease-in-out;
}
.Icon--uiEye:hover:after {
  opacity: 1;
}

.Icon--uiDownload, .Icon--uiDownloadRed, .Button--download {
  position: relative;
}
.Icon--uiDownload:before, .Icon--uiDownloadRed:before, .Button--download:before, .Icon--uiDownload:after, .Icon--uiDownloadRed:after, .Button--download:after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  margin-top: -0.5em;
  content: '';
  background-repeat: no-repeat;
  font-size: 20px;
  width: 1em;
  height: 1em;
  background-size: 1em 1em;
}
.Icon--uiDownload:before, .Icon--uiDownloadRed:before, .Button--download:before {
  background-image: url(../images/icons/ui-download/ui-download-65-grey.png);
  background-image: url(../images/icons/ui-download/ui-download-65-grey.svg);
}
.Icon--uiDownload:after, .Icon--uiDownloadRed:after, .Button--download:after {
  opacity: 0;
  background-image: url(../images/icons/ui-download/ui-download-white.png);
  background-image: url(../images/icons/ui-download/ui-download-white.svg);
}
.no-touch .Icon--uiDownload:after, .no-touch .Icon--uiDownloadRed:after, .no-touch .Button--download:after {
  -webkit-transition: opacity 0.1s ease-in-out;
          transition: opacity 0.1s ease-in-out;
}
.Icon--uiDownload:hover:after, .Icon--uiDownloadRed:hover:after, .Button--download:hover:after {
  opacity: 1;
}

.Icon--uiDownloadRed:before, .Button--download:before {
  background-image: url(../images/icons/ui-download/ui-download-10-red.png);
  background-image: url(../images/icons/ui-download/ui-download-10-red.svg);
}

.Icon--uiEnvelope {
  position: relative;
}
.Icon--uiEnvelope:before, .Icon--uiEnvelope:after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  margin-top: -0.5em;
  content: '';
  background-repeat: no-repeat;
  font-size: 20px;
  width: 1em;
  height: 1em;
  background-size: 1em 1em;
}
.Icon--uiEnvelope:before {
  background-image: url(../images/icons/ui-envelope/ui-envelope-65-grey.png);
  background-image: url(../images/icons/ui-envelope/ui-envelope-65-grey.svg);
}
.Icon--uiEnvelope:after {
  opacity: 0;
  background-image: url(../images/icons/ui-envelope/ui-envelope-white.png);
  background-image: url(../images/icons/ui-envelope/ui-envelope-white.svg);
}
.no-touch .Icon--uiEnvelope:after {
  -webkit-transition: opacity 0.1s ease-in-out;
          transition: opacity 0.1s ease-in-out;
}
.Icon--uiEnvelope:hover:after {
  opacity: 1;
}

.Icon--uiVideo:before {
  display: block;
  width: 0;
  height: 0;
  margin-right: auto;
  margin-left: auto;
  content: '';
  -moz-transform: scale(0.9999);
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 30px solid;
}

.Icon--ui360:before {
  display: block;
  width: 60px;
  height: 50px;
  margin-right: auto;
  margin-left: auto;
  content: '';
  background: url(../images/icons/ui-360/ui-360-white.png) no-repeat;
  background: url(../images/icons/ui-360/ui-360-white.svg) no-repeat;
}

.Icon--uiPrinter, .Button--print {
  position: relative;
}
.Icon--uiPrinter:before, .Button--print:before, .Icon--uiPrinter:after, .Button--print:after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  margin-top: -0.5em;
  content: '';
  background-repeat: no-repeat;
  font-size: 20px;
  width: 1.05em;
  height: 1em;
  background-size: 1.05em 1em;
}
.Icon--uiPrinter:before, .Button--print:before {
  background-image: url(../images/icons/ui-printer/ui-printer-10-red.png);
  background-image: url(../images/icons/ui-printer/ui-printer-10-red.svg);
}
.Icon--uiPrinter:after, .Button--print:after {
  opacity: 0;
  background-image: url(../images/icons/ui-printer/ui-printer-off-white.png);
  background-image: url(../images/icons/ui-printer/ui-printer-off-white.svg);
}
.no-touch .Icon--uiPrinter:after, .no-touch .Button--print:after {
  -webkit-transition: opacity 0.1s ease-in-out;
          transition: opacity 0.1s ease-in-out;
}
.Icon--uiPrinter:hover:after, .Button--print:hover:after {
  opacity: 1;
}

.Icon--uiEdit {
  cursor: pointer;
}
.Icon--uiEdit:before {
  display: block;
  width: 21px;
  height: 21px;
  content: '';
  background: url(../images/icons/ui-edit/ui-edit.png) no-repeat;
  background: url(../images/icons/ui-edit/ui-edit.svg) no-repeat;
}

.Icon--uiSeating {
  position: relative;
}
.Icon--uiSeating:before {
  position: absolute;
  top: 50%;
  margin-top: -0.555em;
  content: '';
  background-image: url(../images/icons/ui-seating/ui-seating-70-grey.png);
  background-image: url(../images/icons/ui-seating/ui-seating-70-grey.svg);
  background-repeat: no-repeat;
  font-size: 18px;
  width: 1em;
  height: 1.11em;
  background-size: 1em 1.11em;
}

.Icon--uiFuelPump {
  position: relative;
}
.Icon--uiFuelPump:before {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  content: '';
  background-image: url(../images/icons/ui-fuel-pump/ui-fuel-pump-70-grey.png);
  background-image: url(../images/icons/ui-fuel-pump/ui-fuel-pump-70-grey.svg);
  background-repeat: no-repeat;
  font-size: 18px;
  width: 1em;
  height: 1em;
  background-size: 1em 1em;
}

.Icon--uiBed {
  position: relative;
}
.Icon--uiBed:before {
  position: absolute;
  top: 50%;
  margin-top: -0.3335em;
  content: '';
  background-image: url(../images/icons/ui-bed/ui-bed-70-grey.png);
  background-image: url(../images/icons/ui-bed/ui-bed-70-grey.svg);
  background-repeat: no-repeat;
  font-size: 24px;
  width: 1em;
  height: 0.667em;
  background-size: 1em 0.667em;
}

.Icon--uiChevrolet {
  position: relative;
}
.Icon--uiChevrolet:before {
  position: absolute;
  top: 50%;
  margin-top: -0.4165em;
  content: '';
  background-image: url(../images/icons/ui-chevrolet/ui-chevrolet-70-grey.png);
  background-image: url(../images/icons/ui-chevrolet/ui-chevrolet-70-grey.svg);
  background-repeat: no-repeat;
  font-size: 24px;
  width: 1em;
  height: 0.833em;
  background-size: 1em 0.833em;
}

.Icon--uiMercedes {
  position: relative;
}
.Icon--uiMercedes:before {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  content: '';
  background-image: url(../images/icons/ui-mercedes/ui-mercedes-70-grey.png);
  background-image: url(../images/icons/ui-mercedes/ui-mercedes-70-grey.svg);
  background-repeat: no-repeat;
  font-size: 20px;
  width: 1em;
  height: 1em;
  background-size: 1em 1em;
}

.Icon--uiRam {
  position: relative;
}
.Icon--uiRam:before {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  content: '';
  background-image: url(../images/icons/ui-ram/ui-ram-70-grey.png);
  background-image: url(../images/icons/ui-ram/ui-ram-70-grey.svg);
  background-repeat: no-repeat;
  font-size: 20px;
  width: 1em;
  height: 1em;
  background-size: 1em 1em;
}

.Icon--uiCheckmark, .Swatches-swatch.Swatches-swatch--active .Swatches-swatch-container, .wpcf7 .wpcf7-list-item input[type="checkbox"]:checked ~ .wpcf7-list-item-label, .wpcf7 .wpcf7-list-item input[type="radio"]:checked ~ .wpcf7-list-item-label {
  position: relative;
}
.Icon--uiCheckmark:before, .Swatches-swatch.Swatches-swatch--active .Swatches-swatch-container:before, .wpcf7 .wpcf7-list-item input[type="checkbox"]:checked ~ .wpcf7-list-item-label:before, .wpcf7 .wpcf7-list-item input[type="radio"]:checked ~ .wpcf7-list-item-label:before {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: -0.33em;
  margin-left: -0.5em;
  content: '';
  background-image: url(../images/icons/ui-checkmark/ui-checkmark-white.png);
  background-image: url(../images/icons/ui-checkmark/ui-checkmark-white.svg);
  background-repeat: no-repeat;
  font-size: 18px;
  width: 1em;
  height: 0.66em;
  background-size: 1em 0.66em;
}

.Icon--uiCheckmarkAlt, .BuildYourOwnFilterMenu-optionInput input[type="radio"]:checked ~ .radio {
  position: relative;
}
.Icon--uiCheckmarkAlt:before, .BuildYourOwnFilterMenu-optionInput input[type="radio"]:checked ~ .radio:before {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: -0.33em;
  margin-left: -0.5em;
  content: '';
  background-image: url(../images/icons/ui-checkmark/ui-checkmark-rt-grey.png);
  background-image: url(../images/icons/ui-checkmark/ui-checkmark-rt-grey.svg);
  background-repeat: no-repeat;
  font-size: 18px;
  width: 1em;
  height: 0.66em;
  background-size: 1em 0.66em;
}

.Icon--uiFeatureStandard {
  position: relative;
  color: #22b251;
}
.Icon--uiFeatureStandard:before {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  display: block;
  margin-top: 0;
  margin-left: -0.5em;
  content: '';
  background-image: url(../images/icons/ui-feature/ui-feature-standard.png);
  background-image: url(../images/icons/ui-feature/ui-feature-standard.svg);
  background-repeat: no-repeat;
  font-size: 24px;
  width: 1em;
  height: 1em;
  background-size: 1em 1em;
}
@media (min-width: 768px) {
  .Icon--uiFeatureStandard:before {
    top: 50%;
    left: 0;
    margin-top: -0.5em;
    margin-left: 0;
    font-size: 20px;
  }
}
@media print {
  .Icon--uiFeatureStandard:before {
    display: none;
  }
}

.Icon--uiFeatureOptional {
  position: relative;
  color: #ffc83b;
}
.Icon--uiFeatureOptional:before {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  display: block;
  margin-top: 0;
  margin-left: -0.5em;
  content: '';
  background-image: url(../images/icons/ui-feature/ui-feature-optional.png);
  background-image: url(../images/icons/ui-feature/ui-feature-optional.svg);
  background-repeat: no-repeat;
  font-size: 24px;
  width: 1em;
  height: 1em;
  background-size: 1em 1em;
}
@media (min-width: 768px) {
  .Icon--uiFeatureOptional:before {
    top: 50%;
    left: 0;
    margin-top: -0.5em;
    margin-left: 0;
    font-size: 20px;
  }
}
@media print {
  .Icon--uiFeatureOptional:before {
    display: none;
  }
}

.Icon--uiFeatureNotAvailable {
  position: relative;
  color: #2B2B2B;
}
.Icon--uiFeatureNotAvailable:before {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  display: block;
  margin-top: 0;
  margin-left: -0.5em;
  content: '';
  background-image: url(../images/icons/ui-feature/ui-feature-not-available.png);
  background-image: url(../images/icons/ui-feature/ui-feature-not-available.svg);
  background-repeat: no-repeat;
  font-size: 24px;
  width: 1em;
  height: 1em;
  background-size: 1em 1em;
}
@media (min-width: 768px) {
  .Icon--uiFeatureNotAvailable:before {
    top: 50%;
    left: 0;
    margin-top: -0.5em;
    margin-left: 0;
    font-size: 20px;
  }
}
@media print {
  .Icon--uiFeatureNotAvailable:before {
    display: none;
  }
}

.Icon--menu {
  position: relative;
  width: 30px;
  height: 22px;
  margin: 0 auto;
}
.Icon--menu.Icon--menuToggled .Icon--menuBar.Icon--menuBar1 {
  top: 50%;
  -webkit-animation: topbar-x 500ms;
          animation: topbar-x 500ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.Icon--menu.Icon--menuToggled .Icon--menuBar.Icon--menuBar2 {
  opacity: 0;
}
.Icon--menu.Icon--menuToggled .Icon--menuBar.Icon--menuBar3 {
  top: 50%;
  -webkit-animation: bottombar-x 500ms;
          animation: bottombar-x 500ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.Icon--menu .Icon--menuBar {
  position: absolute;
  width: 30px;
  height: 4px;
  margin: 0 auto;
  -webkit-transition: all 300ms;
          transition: all 300ms;
  background-color: #adaeb2;
}
.Icon--menu .Icon--menuBar.Icon--menuBar1 {
  top: 0;
  -webkit-animation: topbar-back 500ms;
          animation: topbar-back 500ms;
  -webkit-animation-play-state: initial !important;
          animation-play-state: initial !important;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.Icon--menu .Icon--menuBar.Icon--menuBar2 {
  top: 9px;
  opacity: 1;
}
.Icon--menu .Icon--menuBar.Icon--menuBar3 {
  top: 18px;
  -webkit-animation: bottombar-back 500ms;
          animation: bottombar-back 500ms;
  -webkit-animation-play-state: initial !important;
          animation-play-state: initial !important;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.Icon--uiFilter {
  position: relative;
}
.Icon--uiFilter:before, .Icon--uiFilter:after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  margin-top: -0.5em;
  content: '';
  background-repeat: no-repeat;
  font-size: 20px;
  width: 1em;
  height: 1em;
  background-size: 1em 1em;
}
.Icon--uiFilter:before {
  background-image: url(../images/icons/ui-filter/ui-filter-30-red.png);
  background-image: url(../images/icons/ui-filter/ui-filter-30-red.svg);
}
.Icon--uiFilter:after {
  opacity: 0;
  background-image: url(../images/icons/ui-filter/ui-filter-30-grey.png);
  background-image: url(../images/icons/ui-filter/ui-filter-30-grey.svg);
}
.no-touch .Icon--uiFilter:after {
  -webkit-transition: opacity 0.3s ease-in-out;
          transition: opacity 0.3s ease-in-out;
}
.Icon--uiFilter:hover:after {
  opacity: 1;
}

.Icon--uiClose {
  -webkit-transition: 0.25s ease-in;
          transition: 0.25s ease-in;
  text-decoration: none;
  opacity: 0.3;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}
.Icon--uiClose:after {
  content: '\00d7';
}
.Icon--uiClose:hover {
  cursor: pointer;
  text-decoration: none;
  opacity: 1;
}

.Icon--uiUser > span > a {
  position: relative;
}
.Icon--uiUser > span > a:before, .Icon--uiUser > span > a:after {
  position: absolute;
  top: 50%;
  left: 0.25em;
  display: block;
  margin-top: -0.5em;
  content: '';
  background-repeat: no-repeat;
  font-size: 10px;
  width: 1em;
  height: 0.9em;
  background-size: 1em 0.9em;
}
.Icon--uiUser > span > a:before {
  background-image: url(../images/icons/ui-user/ui-user-70-grey.png);
  background-image: url(../images/icons/ui-user/ui-user-70-grey.svg);
}
.Icon--uiUser > span > a:after {
  opacity: 0;
  background-image: url(../images/icons/ui-user/ui-user-white.png);
  background-image: url(../images/icons/ui-user/ui-user-white.svg);
}
.no-touch .Icon--uiUser > span > a:after {
  -webkit-transition: opacity 0.2s ease-in-out;
          transition: opacity 0.2s ease-in-out;
}
.no-touch .Icon--uiUser > span > a:hover:after {
  opacity: 1;
}
.submenu-fallback-active .Icon--uiUser > span > a:after {
  opacity: 1;
}

.Icon--uiShare > span a {
  position: relative;
}
.Icon--uiShare > span a:before, .Icon--uiShare > span a:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -0.3335em;
  content: '';
  background-repeat: no-repeat;
  font-size: 12px;
  width: 1em;
  height: 0.667em;
  background-size: 1em 0.667em;
}
.Icon--uiShare > span a:before {
  background-image: url(../images/icons/ui-share/ui-share-70-grey.png);
  background-image: url(../images/icons/ui-share/ui-share-70-grey.svg);
}
.Icon--uiShare > span a:after {
  opacity: 0;
  background-image: url(../images/icons/ui-share/ui-share-white.png);
  background-image: url(../images/icons/ui-share/ui-share-white.svg);
}
.no-touch .Icon--uiShare > span a:after {
  -webkit-transition: opacity 0.2s ease-in-out;
          transition: opacity 0.2s ease-in-out;
}
.no-touch .Icon--uiShare > span a:hover:after {
  opacity: 1;
}
.submenu-fallback-active .Icon--uiShare > span a:after {
  opacity: 1;
}

.Icon--uiCurrency a {
  position: relative;
}
.Icon--uiCurrency a:before, .Icon--uiCurrency a:after {
  position: absolute;
  top: 50%;
  left: 0.75em;
  display: block;
  margin-top: -0.9em;
  content: '';
  background-repeat: no-repeat;
  font-size: 8px;
  width: 1em;
  height: 1.5em;
  background-size: 1em 1.5em;
}
.Icon--uiCurrency a:before {
  background-image: url(../images/icons/ui-currency/ui-currency-70-grey.png);
  background-image: url(../images/icons/ui-currency/ui-currency-70-grey.svg);
}
.Icon--uiCurrency a:after {
  opacity: 0;
  background-image: url(../images/icons/ui-currency/ui-currency-white.png);
  background-image: url(../images/icons/ui-currency/ui-currency-white.svg);
}
.no-touch .Icon--uiCurrency a:after {
  -webkit-transition: opacity 0.2s ease-in-out;
          transition: opacity 0.2s ease-in-out;
}
.Icon--uiCurrency a:hover:after {
  opacity: 1;
}

.Icon--uiFacebook.Icon--alt > span a:before {
  background-image: url(../images/icons/ui-social/ui-social-white@2x.png);
}
.Icon--uiFacebook > span a {
  position: relative;
}
.Icon--uiFacebook > span a:before, .Icon--uiFacebook > span a:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 1em;
  margin-top: -0.5em;
  content: '';
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 12px;
  width: auto;
  height: 1em;
  background-size: auto 1em;
}
.Icon--uiFacebook > span a:before {
  background-image: url(../images/icons/ui-social/ui-social-70-grey@2x.png);
}
.Icon--uiFacebook > span a:after {
  opacity: 0;
  background-image: url(../images/icons/ui-social/ui-social-white@2x.png);
}
.no-touch .Icon--uiFacebook > span a:after {
  -webkit-transition: opacity 0.2s ease-in-out;
          transition: opacity 0.2s ease-in-out;
}
.no-touch .Icon--uiFacebook > span a:hover:after {
  opacity: 1;
}
.submenu-fallback-active .Icon--uiFacebook > span a:after {
  opacity: 1;
}

.Icon--uiTwitter.Icon--alt > span a:before {
  background-image: url(../images/icons/ui-social/ui-social-white@2x.png);
}
.Icon--uiTwitter > span a {
  position: relative;
}
.Icon--uiTwitter > span a:before, .Icon--uiTwitter > span a:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 1em;
  margin-top: -0.5em;
  content: '';
  background-repeat: no-repeat;
  background-position: -1em 0;
  font-size: 12px;
  width: auto;
  height: 1em;
  background-size: auto 1em;
}
.Icon--uiTwitter > span a:before {
  background-image: url(../images/icons/ui-social/ui-social-70-grey@2x.png);
}
.Icon--uiTwitter > span a:after {
  opacity: 0;
  background-image: url(../images/icons/ui-social/ui-social-white@2x.png);
}
.no-touch .Icon--uiTwitter > span a:after {
  -webkit-transition: opacity 0.2s ease-in-out;
          transition: opacity 0.2s ease-in-out;
}
.no-touch .Icon--uiTwitter > span a:hover:after {
  opacity: 1;
}
.submenu-fallback-active .Icon--uiTwitter > span a:after {
  opacity: 1;
}

.Icon--uiYoutube.Icon--alt > span a:before {
  background-image: url(../images/icons/ui-social/ui-social-white@2x.png);
}
.Icon--uiYoutube > span a {
  position: relative;
}
.Icon--uiYoutube > span a:before, .Icon--uiYoutube > span a:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 1em;
  margin-top: -0.5em;
  content: '';
  background-repeat: no-repeat;
  background-position: -2em 0;
  font-size: 12px;
  width: auto;
  height: 1em;
  background-size: auto 1em;
}
.Icon--uiYoutube > span a:before {
  background-image: url(../images/icons/ui-social/ui-social-70-grey@2x.png);
}
.Icon--uiYoutube > span a:after {
  opacity: 0;
  background-image: url(../images/icons/ui-social/ui-social-white@2x.png);
}
.no-touch .Icon--uiYoutube > span a:after {
  -webkit-transition: opacity 0.2s ease-in-out;
          transition: opacity 0.2s ease-in-out;
}
.no-touch .Icon--uiYoutube > span a:hover:after {
  opacity: 1;
}
.submenu-fallback-active .Icon--uiYoutube > span a:after {
  opacity: 1;
}

.Icon--uiPinterest.Icon--alt > span a:before {
  background-image: url(../images/icons/ui-social/ui-social-white@2x.png);
}
.Icon--uiPinterest > span a {
  position: relative;
}
.Icon--uiPinterest > span a:before, .Icon--uiPinterest > span a:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 1em;
  margin-top: -0.5em;
  content: '';
  background-repeat: no-repeat;
  background-position: -3em 0;
  font-size: 12px;
  width: auto;
  height: 1em;
  background-size: auto 1em;
}
.Icon--uiPinterest > span a:before {
  background-image: url(../images/icons/ui-social/ui-social-70-grey@2x.png);
}
.Icon--uiPinterest > span a:after {
  opacity: 0;
  background-image: url(../images/icons/ui-social/ui-social-white@2x.png);
}
.no-touch .Icon--uiPinterest > span a:after {
  -webkit-transition: opacity 0.2s ease-in-out;
          transition: opacity 0.2s ease-in-out;
}
.no-touch .Icon--uiPinterest > span a:hover:after {
  opacity: 1;
}
.submenu-fallback-active .Icon--uiPinterest > span a:after {
  opacity: 1;
}

.Icon--uiX2 {
  position: relative;
  width: 20px;
  height: 20px;
}
.Icon--uiX2:before {
  position: absolute;
  top: 9px;
  left: -2px;
  width: 24px;
  height: 3px;
  content: '';
  -webkit-transition: background 0.3s ease-out;
          transition: background 0.3s ease-out;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #d1d1d2;
}
.Icon--uiX2:after {
  position: absolute;
  top: 9px;
  left: -2px;
  width: 24px;
  height: 3px;
  content: '';
  -webkit-transition: background 0.3s ease-out;
          transition: background 0.3s ease-out;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background-color: #d1d1d2;
}

.Icon--uiX {
  position: relative;
}
.Icon--uiX:before {
  display: block;
  content: '\00D7';
  color: #d1d1d2;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 0.5em;
}
.Icon--uiX:hover:before {
  color: #2B2B2B;
}
.no-touch .Icon--uiX:before {
  -webkit-transition: color 0.3s ease-out;
          transition: color 0.3s ease-out;
}

.Icon--uiMarker, .Marker {
  position: relative;
}
.Icon--uiMarker:before, .Marker:before {
  position: absolute;
  z-index: 1;
  top: 50%;
  display: block;
  margin-top: -0.65em;
  content: '';
  background-image: url(../images/icons/ui-marker/ui-marker-10-red.png);
  background-image: url(../images/icons/ui-marker/ui-marker-10-red.svg);
  background-repeat: no-repeat;
  font-size: 26px;
  width: 1em;
  height: 1.3em;
  background-size: 1em 1.3em;
}

.Icon--uiMarkerAlt, .Marker.Marker--you {
  position: relative;
}
.Icon--uiMarkerAlt:before, .Marker.Marker--you:before {
  position: absolute;
  z-index: 1;
  top: 50%;
  display: block;
  margin-top: -0.65em;
  content: '';
  background-image: url(../images/icons/ui-marker/ui-marker-rt-grey.png);
  background-image: url(../images/icons/ui-marker/ui-marker-rt-grey.svg);
  background-repeat: no-repeat;
  font-size: 26px;
  width: 1em;
  height: 1.3em;
  background-size: 1em 1.3em;
}

.Icon--uiMyLocation {
  position: relative;
}
.Icon--uiMyLocation.Icon--isDisabled {
  cursor: default;
}
.Icon--uiMyLocation.Icon--isDisabled:hover:after {
  opacity: 0;
}
.Icon--uiMyLocation:before, .Icon--uiMyLocation:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: -0.5em;
  margin-left: -0.5em;
  content: '';
  background-repeat: no-repeat;
  font-size: 25px;
  width: 1em;
  height: 1em;
  background-size: 1em 1em;
}
.Icon--uiMyLocation:before {
  background-image: url(../images/icons/ui-my-location/ui-my-location-light-grey.png);
  background-image: url(../images/icons/ui-my-location/ui-my-location-light-grey.svg);
}
.Icon--uiMyLocation:after {
  opacity: 0;
  background-image: url(../images/icons/ui-my-location/ui-my-location-10-red.png);
  background-image: url(../images/icons/ui-my-location/ui-my-location-10-red.svg);
}
.no-touch .Icon--uiMyLocation:after {
  -webkit-transition: opacity 0.2s ease-in-out;
          transition: opacity 0.2s ease-in-out;
}
.Icon--uiMyLocation:hover:after {
  opacity: 1;
}

.Icon--uiSearch {
  background-image: url(../images/icons/ui-search/ui-search.png);
  background-image: url(../images/icons/ui-search/ui-search.svg);
}

/*  ==========================================================================
    Misc
    ========================================================================== */
.Icon--chevron:hover:before {
  background-image: url(../images/icons/chevron/chevron.png);
  background-image: url(../images/icons/chevron/chevron.svg);
}
.Icon--chevron:before {
  display: block;
  width: 12px;
  height: 8px;
  content: '';
  background: url(../images/icons/chevron/chevron.png) no-repeat;
  background: url(../images/icons/chevron/chevron.svg) no-repeat;
}

.Icon--expand:before, .Icon--expand:after {
  position: absolute;
  top: 50%;
  width: 14px;
  height: 2px;
  -webkit-transition: 0.2s ease-in;
          transition: 0.2s ease-in;
  background: #d1d1d2;
}
.Icon--expand:hover:before, .Icon--expand:hover:after {
  background: #2B2B2B;
}

.Icon--expand--plus:before {
  width: 2px;
  height: 14px;
  margin-top: -6px;
  margin-left: 6px;
}

.Icon--expand--minus:before {
  width: 2px;
  height: 2px;
  margin-left: 6px;
}

.Icon--info {
  width: 30px;
  height: 30px;
  color: #fff;
  border-radius: 50%;
  background: #2B2B2B;
  font-size: 21px;
  font-weight: 500;
  font-style: italic;
  line-height: 30px;
}

/*  ==========================================================================
    Global Tpography

    WARNING: The styles in this section affect ANYWHERE these tags appear since
    they are not wrapped in a class (aka Opt-in Typography. See the next section
    for more information.).
    ========================================================================== */
body {
  color: #2B2B2B;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none;
  color: #2B2B2B;
}

a,
a:focus,
a:active,
object,
embed {
  outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 500;
}

h1 {
  font-size: 52px;
  line-height: 1.33;
}

h2 {
  font-size: 36px;
  line-height: 1.2;
}

h3 {
  font-size: 32px;
  line-height: 1.2;
}

h4 {
  font-size: 24px;
  line-height: 1.2;
}

p {
  font-size: 18px;
  line-height: 1.5;
}

.error-message {
  display: block;
  overflow: hidden;
  height: 1em;
  margin-top: -1em;
  color: red !important;
  font-family: "canada-type-gibson", sans-serif;
}

.Typography .Heading--fix:after {
  display: none;
}
.Typography .Heading {
  margin-bottom: 0.3em;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 1em;
  font-weight: 500;
  font-style: italic;
}
.Typography .Heading span {
  font-family: "canada-type-gibson", sans-serif;
}
.Typography .Heading small {
  letter-spacing: 0.028em;
  font-size: 0.75em;
}
.Typography .Heading--primary {
  color: #2B2B2B;
  font-size: 1.1875em;
}
.Typography h1,
.Typography h2,
.Typography h3,
.Typography h4,
.Typography h5,
.Typography h6 {
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
}
.Typography h1:first-child,
.Typography h2:first-child,
.Typography h3:first-child,
.Typography h4:first-child,
.Typography h5:first-child,
.Typography h6:first-child {
  margin-top: 0;
}
.Pattern--dark .Typography h1, .Pattern--medium .Typography h1, .Pattern--dark
.Typography h2, .Pattern--medium
.Typography h2, .Pattern--dark
.Typography h3, .Pattern--medium
.Typography h3, .Pattern--dark
.Typography h4, .Pattern--medium
.Typography h4, .Pattern--dark
.Typography h5, .Pattern--medium
.Typography h5, .Pattern--dark
.Typography h6, .Pattern--medium
.Typography h6 {
  color: #fff;
}
.no-touch .Typography h1 a, .no-touch
.Typography h2 a, .no-touch
.Typography h3 a, .no-touch
.Typography h4 a, .no-touch
.Typography h5 a, .no-touch
.Typography h6 a {
  -webkit-transition: 0.3s ease-out;
          transition: 0.3s ease-out;
}
.Typography h1 a:hover,
.Typography h2 a:hover,
.Typography h3 a:hover,
.Typography h4 a:hover,
.Typography h5 a:hover,
.Typography h6 a:hover {
  text-decoration: none;
  color: #2B2B2B;
}
.Pattern--dark .Typography p, .Pattern--medium .Typography p, .Pattern--dark
.Typography li, .Pattern--medium
.Typography li {
  color: #d1d1d2;
}
.Pattern--dark .Typography a, .Pattern--medium .Typography a {
  color: #fff;
}
.Typography h1:after,
.Typography h2:after {
  display: block;
  content: '';
  visibility: hidden;
  border-bottom: 2px solid;
}
.Typography h1 {
  text-align: center;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 1.1;
  font-weight: 500;
}
.Typography h1:after {
  width: 56px;
  margin: 12px auto 16px;
}
@media (min-width: 768px) {
  .Typography h1 {
    font-size: 52px;
  }
  .Typography h1:after {
    width: 90px;
    margin: 15px auto 10px;
  }
}
.Typography h2 {
  margin-top: 40px;
  text-align: center;
  letter-spacing: 1px;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 500;
}
.Typography h2:after {
  width: 56px;
  margin: 12px auto 16px;
}
@media (min-width: 480px) {
  .Typography h2 {
    margin-top: 56px;
    font-size: 32px;
  }
  .Typography h2:after {
    width: 90px;
    margin: 15px auto 10px;
  }
}
@media (min-width: 1024px) {
  .Typography h2:after {
    width: 90px;
    margin: 15px auto 10px;
  }
}
@media print {
  .Typography h2 {
    margin-top: 26px;
    margin-bottom: 16px;
  }
  .Typography h2:after {
    display: none;
  }
}
@media (min-width: 480px) {
  .Typography h2.h2--left {
    text-align: left;
  }
  .Typography h2.h2--left:after {
    width: 60px;
    margin: 15px 0 26px;
  }
}
.Typography h3 {
  margin-top: 30px;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: 1px;
  font-weight: 500;
}
@media (min-width: 480px) {
  .Typography h3 {
    margin-top: 55px;
    font-size: 32px;
  }
}
@media print {
  .Typography h3 {
    margin-top: 20px;
  }
}
.Typography h4 {
  margin-top: 30px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 500;
}
@media (min-width: 480px) {
  .Typography h4 {
    margin-top: 40px;
    font-size: 24px;
  }
}
.Typography h5 {
  margin-top: 24px;
  font-size: 17px;
  line-height: 1.4;
}
@media (min-width: 480px) {
  .Typography h5 {
    margin-top: 30px;
  }
}
.Typography h6 {
  margin-top: 24px;
  font-size: 16px;
  line-height: 1.4;
}
@media (min-width: 480px) {
  .Typography h6 {
    margin-top: 20px;
  }
}
.Typography p + h1 {
  margin-top: 56px;
}
@media (min-width: 768px) {
  .Typography p + h1 {
    margin-top: 76px;
  }
}
.Typography h3 + p h4 + p,
.Typography h5 + p,
.Typography h6 + p {
  margin-top: 8px;
}
.Typography h3 + h4,
.Typography h3 + h5,
.Typography h3 + h6,
.Typography h4 + h5,
.Typography h4 + h6,
.Typography h5 + h6 {
  margin-top: 12px;
}
.Typography p,
.Typography li {
  word-wrap: break-word;
  font-size: 18px;
  line-height: 1.55;
}
.Typography p strong,
.Typography li strong {
  font-weight: 500;
}
.Typography p em,
.Typography li em {
  font-style: italic;
}
@media print {
  .Typography p,
  .Typography li {
    font-size: 14px;
    line-height: 1.25;
  }
}
.Typography p,
.Typography ul,
.Typography ol {
  margin: 14px 0;
}
@media (min-width: 768px) {
  .Typography p,
  .Typography ul,
  .Typography ol {
    margin: 18px 0;
  }
}
.Typography p:first-child,
.Typography ul:first-child,
.Typography ol:first-child {
  margin-top: 0;
}
.Typography p:last-child,
.Typography ul:last-child,
.Typography ol:last-child {
  margin-bottom: 0;
}
.Typography ul,
.Typography ol {
  padding-left: 40px;
}
.Typography ul > ol,
.Typography ol > ol {
  padding-left: 60px;
}
.Typography ul li {
  list-style-type: disc;
}
.Typography ul li > ul li {
  list-style-type: circle;
}
.Typography ul li > ul li > ul li {
  list-style-type: square;
}
.Typography ul li > ul li > ul li > ul li {
  list-style-type: disc;
}
.Typography ul li > ol li {
  list-style-type: decimal;
}
.Typography ol li {
  list-style-type: decimal;
}
.Typography ol li > ol li {
  list-style-type: lower-alpha;
}
.Typography ol li > ol li > ol li {
  list-style-type: upper-roman;
}
.Typography ol li > ol li > ol li > ol li {
  list-style-type: upper-alpha;
}
.Typography ol li ul li {
  list-style-type: disc;
}
.Typography b,
.Typography strong {
  font-weight: 500;
}
.Typography i,
.Typography em {
  font-style: italic;
}
.Typography mark {
  color: inherit;
  background: none;
}
.Typography blockquote {
  margin-right: 30px;
  margin-left: 30px;
}
@media (min-width: 768px) {
  .Typography blockquote {
    margin-right: 60px;
    margin-left: 60px;
  }
}
.Typography blockquote p {
  color: #2B2B2B;
  font-size: 22px;
  font-style: italic;
}
.Typography p a:not(.Button),
.Typography li a:not(.Button) {
  text-decoration: none;
  color: #2B2B2B;
}
.Typography p a:not(.Button):hover,
.Typography li a:not(.Button):hover {
  text-decoration: underline;
}
.Typography hr {
  height: 1px;
  border: 0;
  background: #d1d1d2;
}
.Typography img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (min-width: 900px) {
  .Typography img {
    margin-bottom: 40px;
  }
}
.Typography .alignleft,
.Typography img.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.Typography .alignright,
.Typography img.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.Typography .aligncenter,
.Typography img.aligncenter {
  display: block;
  clear: both;
  margin-right: auto;
  margin-left: auto;
}

/*  ==========================================================================
    Modules

    These are files for unique to the application.
    They are located in the "modules" directory.
    ========================================================================== */
.Accordion .panel {
  overflow: hidden;
}
.Accordion .panel.panel--isDisabled a {
  cursor: default;
}
.Accordion .panel.panel--collapsed a:before {
  border-top: 6px solid;
  border-bottom: none;
}
.Accordion .panel.panel--expanded a:before {
  border-top: none;
  border-bottom: 6px solid;
}
.Accordion .panel-collapse {
  overflow: hidden;
}
.Accordion .panel-collapse.collapse {
  display: none;
}
.Accordion .panel-collapse.collapse.in {
  display: block;
}
.Accordion .panel-collapse.collapsing {
  position: relative;
  overflow: hidden;
  height: 0;
  -webkit-transition: height 0.35s ease;
          transition: height 0.35s ease;
}

.Accordion--arrows .panel-title a:before {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin-top: -3px;
  content: '';
  border-top: 6px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.no-touch .Accordion--arrows .panel-title a:before {
  -webkit-transition: color 0.1s ease-in-out;
          transition: color 0.1s ease-in-out;
}
@media print {
  .Accordion--arrows .panel-title a:before {
    display: none !important;
  }
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

/*-----------------------------------*\

  Partials: Animations

  All css animations across the website

\*-----------------------------------*/
/*------------------------------------*\
  $CONTENTS
\*------------------------------------*/
/**
 * CONTENTS.............This is the 'contents'
 * NAV EXTENDED MODELS..This is for the extended models nav style
 * NAV ICON.............Mobile nav icon animations
 */
/*------------------------------------*\
   Animate Angular UI
 \*------------------------------------*/
.animate-repeat {
  -webkit-transition: .2s linear opacity;
          transition: .2s linear opacity;
}

.animate-repeat.ng-move, .animate-repeat.ng-enter {
  -webkit-transition: opacity linear .2s;
          transition: opacity linear .2s;
}

.animate-repeat.ng-leave.ng-leave-active, .animate-repeat.ng-move, .animate-repeat.ng-enter {
  opacity: 0;
}

.animate-repeat.ng-leave, .animate-repeat.ng-move.ng-move-active, .animate-repeat.ng-enter.ng-enter-active {
  opacity: 1;
}

.animate-repeat.ng-leave {
  display: none;
  opacity: 0;
}

.animate-repeat.ng-enter-stagger {
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
  /* in case the stagger doesn't work then these two values
   must be set to 0 to avoid an accidental CSS inheritance */
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}

/*------------------------------------*\
    FadeIn Animations
\*------------------------------------*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInCarousel {
  0% {
    opacity: 0;
  }
  100% {
    opacity: .75;
  }
}
@keyframes fadeInCarousel {
  0% {
    opacity: 0;
  }
  100% {
    opacity: .75;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(25%);
            transform: translateY(25%);
    opacity: 0;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(25%);
            transform: translateY(25%);
    opacity: 0;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    opacity: 0;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@keyframes fadeInDown {
  0% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    opacity: 0;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes fadeInDownBig {
  0% {
    -webkit-transform: translateY(-25px);
            transform: translateY(-25px);
    opacity: 0;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@keyframes fadeInDownBig {
  0% {
    -webkit-transform: translateY(-25px);
            transform: translateY(-25px);
    opacity: 0;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@keyframes fadeInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes expandSlideUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
    width: 0;
    overflow: hidden;
  }
  50% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
    width: 33.3333%;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes expandSlideUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
    width: 0;
    overflow: hidden;
  }
  50% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
    width: 33.3333%;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes slideDownCollapse {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
    width: 33.3333%;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
    width: 0;
    overflow: hidden;
  }
}
@keyframes slideDownCollapse {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
    width: 33.3333%;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
    width: 0;
    overflow: hidden;
  }
}
/*------------------------------------*\
  Navigation
\*------------------------------------*/
@-webkit-keyframes slightslideleft {
  0% {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slightslideleft {
  0% {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes shiftBackground {
  0% {
    -webkit-transform: translateX(60px);
            transform: translateX(60px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes shiftBackground {
  0% {
    -webkit-transform: translateX(60px);
            transform: translateX(60px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes topbar-x {
  0% {
    top: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  45% {
    top: 50%;
    -webkit-transform: rotate(145deg);
            transform: rotate(145deg);
  }
  75% {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg);
  }
  100% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
}
@keyframes topbar-x {
  0% {
    top: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  45% {
    top: 50%;
    -webkit-transform: rotate(145deg);
            transform: rotate(145deg);
  }
  75% {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg);
  }
  100% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
}
@-webkit-keyframes topbar-back {
  0% {
    top: 50%;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  45% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  75% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  100% {
    top: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes topbar-back {
  0% {
    top: 50%;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  45% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  75% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  100% {
    top: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes bottombar-x {
  0% {
    top: 18px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  45% {
    top: 50%;
    -webkit-transform: rotate(-145deg);
            transform: rotate(-145deg);
  }
  75% {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg);
  }
  100% {
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
}
@keyframes bottombar-x {
  0% {
    top: 18px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  45% {
    top: 50%;
    -webkit-transform: rotate(-145deg);
            transform: rotate(-145deg);
  }
  75% {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg);
  }
  100% {
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
}
@-webkit-keyframes bottombar-back {
  0% {
    top: 50%;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  45% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  75% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  100% {
    top: 18px;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes bottombar-back {
  0% {
    top: 50%;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  45% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  75% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  100% {
    top: 18px;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
/*------------------------------------*\
    Shrinking Header
\*------------------------------------*/
/*------------------------------------*\
    Misc
\*------------------------------------*/
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  12.5% {
    -webkit-transform: translateX(-6px) rotateY(-5deg);
            transform: translateX(-6px) rotateY(-5deg);
  }
  37.5% {
    -webkit-transform: translateX(5px) rotateY(4deg);
            transform: translateX(5px) rotateY(4deg);
  }
  62.5% {
    -webkit-transform: translateX(-3px) rotateY(-2deg);
            transform: translateX(-3px) rotateY(-2deg);
  }
  87.5% {
    -webkit-transform: translateX(2px) rotateY(1deg);
            transform: translateX(2px) rotateY(1deg);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes shake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  12.5% {
    -webkit-transform: translateX(-6px) rotateY(-5deg);
            transform: translateX(-6px) rotateY(-5deg);
  }
  37.5% {
    -webkit-transform: translateX(5px) rotateY(4deg);
            transform: translateX(5px) rotateY(4deg);
  }
  62.5% {
    -webkit-transform: translateX(-3px) rotateY(-2deg);
            transform: translateX(-3px) rotateY(-2deg);
  }
  87.5% {
    -webkit-transform: translateX(2px) rotateY(1deg);
            transform: translateX(2px) rotateY(1deg);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.shake {
  -webkit-animation: shake 400ms ease-in-out;
          animation: shake 400ms ease-in-out;
}

@-webkit-keyframes circle {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    width: 150%;
    padding-top: 150%;
    opacity: 0;
  }
}

@keyframes circle {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    width: 150%;
    padding-top: 150%;
    opacity: 0;
  }
}
/*-----------------------------------*\

    Modules: Arrange

    For laying stuff out
    Sort of like flexbox
    But with better support

\*-----------------------------------*/
.Arrange {
  display: table;
  min-width: 100%;
  margin: 0;
  padding: 0;
  table-layout: auto;
}

.Arrange-sizeFill,
.Arrange-sizeFit {
  display: table-cell;
  padding: 0;
  vertical-align: top;
}

.Arrange-sizeFill {
  width: 100%;
}

.Arrange-sizeFill img {
  max-width: 100%;
  height: auto;
}

.Arrange-sizeFit img {
  width: auto !important;
  max-width: none !important;
}

.Arrange--middle .Arrange-sizeFill,
.Arrange--middle .Arrange-sizeFit {
  vertical-align: middle;
}

.Arrange--bottom .Arrange-sizeFill,
.Arrange--bottom .Arrange-sizeFit {
  vertical-align: bottom;
}

.Arrange--equal {
  table-layout: fixed;
}

.Arrange--equal > .Arrange-sizeFill,
.Arrange--equal > .Arrange-sizeFit {
  width: 1%;
}

.Arrange--withGutter {
  margin: 0 calc(-.5 * 10px);
}

.Arrange--withGutter > .Arrange-sizeFit,
.Arrange--withGutter > .Arrange-sizeFill {
  padding: 0 calc(.5 * 10px);
}

/*-----------------------------------*\

    Modules: Blockquote

    At one point this was used for
    formatting custom quotes

\*-----------------------------------*/
.Brochures-search {
  width: 100%;
  float: left;
  padding-left: 1.04167%;
  padding-right: 1.04167%;
}
.Brochures-search .Brochures-search-info {
  display: block;
  margin-bottom: 22px;
}
@media (min-width: 480px) {
  .Brochures-search .Brochures-search-info {
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .Brochures-search .Brochures-search-info {
    margin: 0;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .Brochures-search .Brochures-search-info {
    width: 65.6%;
  }
}
.Brochures-search .Brochures-search-info p {
  font-size: 18px;
  font-style: italic;
  text-align: center;
  line-height: 1.35;
  margin-top: 8px;
  color: #2B2B2B;
}
@media (min-width: 480px) {
  .Brochures-search .Brochures-search-info p {
    text-align: left;
  }
}
.Brochures-search.Typography h2 {
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  padding: 0;
}
@media (min-width: 480px) {
  .Brochures-search.Typography h2 {
    text-align: left;
  }
}
.Brochures-search.Typography h2:after {
  display: none;
}
.Brochures-search.Typography hr {
  width: 100%;
  margin: 30px 0;
}
@media (min-width: 768px) {
  .Brochures-search.Typography hr {
    margin: 22px 0 30px;
  }
}
@media (min-width: 900px) {
  .Brochures-search.Typography hr {
    margin: 32px 0 40px;
  }
}
.Brochures-search .Form {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 480px) {
  .Brochures-search .Form {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .Brochures-search .Form {
    float: right;
    width: 48.958%;
  }
}
@media (min-width: 1024px) {
  .Brochures-search .Form {
    width: 31.914%;
  }
}

.BrochuresForm {
  position: relative;
  padding: 40px 30px;
}
@media (min-width: 768px) {
  .BrochuresForm {
    padding: 40px;
  }
}
.BrochuresForm h2 {
  font-family: "canada-type-gibson", sans-serif;
  font-size: 20px;
  line-height: 1.3;
  margin-bottom: 20px;
  padding-right: 25px;
}
@media (min-width: 480px) {
  .BrochuresForm h2 {
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  .BrochuresForm h2 {
    margin-bottom: 30px;
  }
}
.BrochuresForm .Icon--uiX {
  position: absolute;
  top: 40px;
  right: 30px;
  display: block;
  width: 25px;
  height: 25px;
}
@media (min-width: 768px) {
  .BrochuresForm .Icon--uiX {
    right: 40px;
  }
}
.BrochuresForm label {
  display: block;
  font-size: 16px;
}
.BrochuresForm label sup {
  top: auto;
  font-size: 100%;
  color: #2B2B2B;
}
@media (min-width: 640px) {
  .BrochuresForm label {
    float: left;
    width: 30%;
    padding-top: 10px;
  }
}
.BrochuresForm .wpcf7 p {
  padding: 10px 0;
  overflow: hidden;
  clear: both;
}
.BrochuresForm .wpcf7 p:first-of-type {
  padding-top: 0;
}
.BrochuresForm .wpcf7 p:last-of-type {
  padding-bottom: 0;
}
.BrochuresForm .wpcf7 .wpcf7-text {
  height: 40px;
}
.BrochuresForm .wpcf7 .wpcf7-text,
.BrochuresForm .wpcf7 .wpcf7-textarea {
  display: block;
  width: 100%;
  border: 1px solid #d1d1d2;
  font-size: 16px;
  margin-top: 8px;
  padding: 10px 12px 9px;
}
@media (min-width: 640px) {
  .BrochuresForm .wpcf7 .wpcf7-text,
  .BrochuresForm .wpcf7 .wpcf7-textarea {
    margin: 0;
  }
}
.BrochuresForm .wpcf7 .wpcf7-form-control-wrap {
  display: block;
  float: right;
  padding: 10px 0 0;
  width: 100%;
}
@media (min-width: 640px) {
  .BrochuresForm .wpcf7 .wpcf7-form-control-wrap {
    padding: 0;
    width: 70%;
  }
}
.BrochuresForm .wpcf7 .wpcf7-list-item {
  margin: 0 0 2px;
  display: block;
  min-width: 230px;
  max-width: 100%;
}
.BrochuresForm .wpcf7 .wpcf7-list-item label {
  width: auto;
  white-space: nowrap;
  padding: 10px 0 9px;
}
@media (min-width: 900px) {
  .BrochuresForm .wpcf7 .wpcf7-list-item {
    width: 50%;
    float: left;
  }
}
.BrochuresForm .wpcf7 .wpcf7-list-item-label {
  pointer-events: none;
}
.BrochuresForm .wpcf7 .wpcf7-submit {
  background-color: transparent;
  width: 100%;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.4;
  color: #2B2B2B;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 10px 15px;
  border: 2px solid;
  display: inline-block;
  -webkit-transition: 0.2s ease-out;
          transition: 0.2s ease-out;
}
@media (min-width: 640px) {
  .BrochuresForm .wpcf7 .wpcf7-submit {
    width: 40%;
    margin-left: 30%;
  }
}
.BrochuresForm .wpcf7 .wpcf7-submit:hover {
  background-color: #2B2B2B;
  color: #fff;
  border-color: #2B2B2B;
}
.BrochuresForm .wpcf7 .wpcf7-response-output {
  margin-bottom: 20px;
}
.BrochuresForm .wpcf7 .wpcf7-not-valid-tip {
  margin-top: 10px;
}
.BrochuresForm .select2-container {
  display: block;
  margin-top: 8px;
}
@media (min-width: 640px) {
  .BrochuresForm .select2-container {
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  .BrochuresForm {
    overflow: hidden;
  }
}
.BrochuresForm-html {
  display: none !important;
}
.modal .BrochuresForm-html {
  display: block !important;
}

.BrochuresWidget {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}
.BrochuresWidget li {
  width: 100%;
  float: left;
  padding-left: 1.04167%;
  padding-right: 1.04167%;
  float: none;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.no-flexbox .BrochuresWidget li {
  float: left;
}
.BrochuresWidget li:first-child {
  margin-top: 0;
}
@media (min-width: 480px) {
  .BrochuresWidget li {
    width: 50%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    float: none;
  }
  .BrochuresWidget li:nth-child(2) {
    margin-top: 0;
  }
  .no-flexbox .BrochuresWidget li {
    float: left;
  }
}
@media (min-width: 900px) {
  .BrochuresWidget li {
    width: 33.33333%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    float: none;
  }
  .BrochuresWidget li:nth-child(3) {
    margin-top: 0;
  }
  .no-flexbox .BrochuresWidget li {
    float: left;
  }
}

.BrochuresWidget-post {
  background-color: #fff;
  border: 1px solid #d1d1d2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.BrochuresWidget-postContent {
  padding: 30px 20px;
}
.BrochuresWidget-postContent.Typography h3 {
  font-size: 17px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 25px;
}
@media (min-width: 480px) {
  .BrochuresWidget-postContent.Typography h3 {
    font-size: 1em;
  }
}
.BrochuresWidget-postContent.Typography img {
  max-height: 220px;
  width: auto;
  display: block;
  margin: 0 auto;
  border: 1px solid #d1d1d2;
}

.BrochuresWidget-links a {
  display: block;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
  color: #a1a2a6;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  border-top: 1px solid #d1d1d2;
  padding: 15px 20px 14px;
}
.no-touch .BrochuresWidget-links a {
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}
.BrochuresWidget-links a:hover {
  background-color: #2B2B2B;
  color: #fff;
  border-color: #2B2B2B;
}
.BrochuresWidget-links a:before, .BrochuresWidget-links a:after {
  font-size: 15px;
  margin-right: 20px;
}

.BuildYourOwn {
  overflow: hidden;
}

.BuildYourOwn-section {
  position: relative;
}
@media (min-width: 900px) {
  .BuildYourOwn-section.BuildYourOwn-section--sidebar {
    width: 66.66667%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
  }
}

.BuildYourOwn-optionHeadline {
  padding: 24px 0;
  border-bottom: 2px solid #f2f1f0;
  background: #fff;
}
.BuildYourOwn-optionHeadline h2 {
  font-size: 18px;
}
.BuildYourOwn-optionHeadline h2:after {
  margin-bottom: 0;
}

.BuildYourOwn-sectionHeader {
  max-width: 620px;
  margin: 0 auto 20px;
  text-align: center;
}
@media (min-width: 768px) {
  .BuildYourOwn-sectionHeader {
    margin-bottom: 36px;
  }
}
.BuildYourOwn-sectionHeader.Typography > h1 ~ p:first-of-type {
  margin-top: 6px;
}
@media (min-width: 768px) {
  .BuildYourOwn-sectionHeader.Typography .BuildYourOwn-filter {
    position: absolute;
    top: 0;
    right: 1.047%;
    margin-top: 10px;
  }
}
.BuildYourOwn-sectionHeader.Typography .BuildYourOwn-filter a {
  padding-right: 24px;
  cursor: pointer;
  text-transform: uppercase;
  color: #2B2B2B;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.no-touch .BuildYourOwn-sectionHeader.Typography .BuildYourOwn-filter a {
  -webkit-transition: 0.3s ease-out;
          transition: 0.3s ease-out;
}
.BuildYourOwn-sectionHeader.Typography .BuildYourOwn-filter a:hover {
  text-decoration: none;
  color: #2B2B2B;
}

.BuildYourOwn-modelCards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -8px 0;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}
@media (min-width: 900px) {
  .BuildYourOwn-modelCards {
    margin: -10px 0;
  }
}
.BuildYourOwn-modelCards .ModelCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: default;
}
.BuildYourOwn-modelCards .ModelCard button {
  margin-bottom: 12px;
}
.BuildYourOwn-modelCards .ModelCard h2 {
  color: #2B2B2B;
}
.BuildYourOwn-modelCards .ModelCard-details {
  margin-top: 11px;
}
.BuildYourOwn-modelCards .ModelCard-pricing {
  padding-top: 0;
  font-size: 16px;
}
.BuildYourOwn-modelCards .ModelCard-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 32px 20px 14px 20px;
}

.BuildYourOwn-sidebar {
  margin-top: 23px;
  width: 100%;
  float: left;
  padding-left: 1.04167%;
  padding-right: 1.04167%;
}
@media (min-width: 900px) {
  .BuildYourOwn-sidebar {
    margin-top: 128px;
    width: 33.33333%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
  }
}

.BuildYourOwn-sidebar-price {
  font-size: 14px;
  float: right;
  text-align: right;
  width: 60px;
  color: #a1a2a6;
  font-family: "canada-type-gibson", sans-serif;
}

@media (min-width: 900px) {
  .BuildYourOwn-status {
    display: block;
    max-width: 300px;
    padding: 30px;
    background-color: #2B2B2B;
  }
}
.BuildYourOwn-status .BuildYourOwn-images.BuildYourOwn-images--isActive {
  visibility: hidden;
  overflow: hidden;
  height: 0;
}
@media (min-width: 900px) {
  .BuildYourOwn-status .BuildYourOwn-images.BuildYourOwn-images--isActive {
    visibility: visible;
    height: auto;
  }
}
.BuildYourOwn-status .BuildYourOwn-images.BuildYourOwn-images--isActive img {
  width: auto;
  height: auto;
}

.BuildYourOwn-statusContent {
  display: none;
}
@media (min-width: 900px) {
  .BuildYourOwn-statusContent {
    display: block;
  }
}
.BuildYourOwn-statusContent.Typography h2 {
  letter-spacing: 3px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}
.BuildYourOwn-statusContent.Typography h2:after {
  display: none;
}
.BuildYourOwn-statusContent.Typography p {
  margin: 0;
  text-align: center;
  color: #adaeb2;
  font-style: italic;
}

.BuildYourOwn-statusStep {
  position: relative;
  display: none;
  margin-top: 16px;
}
@media (min-width: 900px) {
  .BuildYourOwn-statusStep {
    display: block;
  }
}
.BuildYourOwn-statusStep.Typography h3 {
  display: inline-block;
  padding-right: 26px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #a1a2a6;
  font-size: 16px;
  line-height: 1;
}
.BuildYourOwn-statusStep.Typography p {
  margin: 8px 0;
  color: #fff;
  font-size: 16px;
}
.BuildYourOwn-statusStep .Icon--uiEdit {
  position: absolute;
  top: -2px;
  right: 0;
  opacity: 0.5;
}
.no-touch .BuildYourOwn-statusStep .Icon--uiEdit {
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
}
.BuildYourOwn-statusStep .Icon--uiEdit:hover {
  opacity: 1;
}

.BuildYourOwn-statusStepOption {
  position: relative;
  padding: 10px 0;
}

.BuildYourOwn-statusStepOptionThumbnail {
  position: absolute;
  top: 10px;
  left: 0;
  border: 2px solid #fff;
}
.BuildYourOwn-statusStepOptionThumbnail img {
  display: block;
  width: 26px;
  height: 26px;
  margin: 0;
}

.BuildYourOwn-statusStepOptionText {
  min-height: 30px;
  margin-left: 15px;
  padding: 5px 0 0 30px;
  color: #fff;
  font-size: 16px;
  line-height: 1.25;
}

.BuildYourOwn-statusTotal {
  text-align: center;
  color: #2B2B2B;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 18px;
}
@media (min-width: 900px) {
  .BuildYourOwn-statusTotal {
    color: #fff;
  }
  .BuildYourOwn-statusTotal:before {
    width: 60px;
    margin: 20px auto 25px;
  }
}
.BuildYourOwn-statusTotal:before {
  display: block;
  width: 56px;
  margin: 0 auto 15px;
  content: '';
  border-top: 2px solid;
}
.BuildYourOwn-statusTotal strong {
  font-weight: 500;
}
.BuildYourOwn-statusTotal span {
  font-weight: 300;
}

.BuildYourOwn-stepControl {
  width: 100%;
  padding: 25px 0;
  text-align: center;
}
@media print {
  .BuildYourOwn-stepControl {
    display: none;
  }
}
.BuildYourOwn-stepControl .Button, .BuildYourOwn-stepControl .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .BuildYourOwn-stepControl .select2-chosen,
.BuildYourOwn-stepControl .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .BuildYourOwn-stepControl .select2-default, .BuildYourOwn-stepControl .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .BuildYourOwn-stepControl .select2-choice.select2-default, .BuildYourOwn-stepControl .sweet-alert button, .sweet-alert .BuildYourOwn-stepControl button {
  width: 100%;
  max-width: 110px;
  margin: 0 5px;
  color: #2B2B2B;
  font-size: 14px;
}
.BuildYourOwn-sidebar .BuildYourOwn-stepControl .Button, .BuildYourOwn-sidebar .BuildYourOwn-stepControl .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .BuildYourOwn-sidebar .BuildYourOwn-stepControl .select2-chosen,
.BuildYourOwn-sidebar .BuildYourOwn-stepControl .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .BuildYourOwn-sidebar .BuildYourOwn-stepControl .select2-default, .BuildYourOwn-sidebar .BuildYourOwn-stepControl .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .BuildYourOwn-sidebar .BuildYourOwn-stepControl .select2-choice.select2-default, .BuildYourOwn-sidebar .BuildYourOwn-stepControl .sweet-alert button, .sweet-alert .BuildYourOwn-sidebar .BuildYourOwn-stepControl button {
  max-width: 90px;
}
.BuildYourOwn-stepControl .Button.Button--print, .BuildYourOwn-stepControl .CompareResults-models-data .select2-container .Button--print.select2-chosen, .CompareResults-models-data .select2-container .BuildYourOwn-stepControl .Button--print.select2-chosen,
.BuildYourOwn-stepControl .CompareResults-models-data .select2-container .Button--print.select2-default,
.CompareResults-models-data .select2-container .BuildYourOwn-stepControl .Button--print.select2-default, .BuildYourOwn-stepControl .ContentLinks-link .select2-container .Button--print.select2-choice.select2-default, .ContentLinks-link .select2-container .BuildYourOwn-stepControl .Button--print.select2-choice.select2-default, .BuildYourOwn-stepControl .sweet-alert button.Button--print, .sweet-alert .BuildYourOwn-stepControl button.Button--print {
  border-color: #2B2B2B;
}
.BuildYourOwn-stepControl .Button.Button--red, .BuildYourOwn-stepControl .CompareResults-models-data .select2-container .Button--red.select2-chosen, .CompareResults-models-data .select2-container .BuildYourOwn-stepControl .Button--red.select2-chosen,
.BuildYourOwn-stepControl .CompareResults-models-data .select2-container .Button--red.select2-default,
.CompareResults-models-data .select2-container .BuildYourOwn-stepControl .Button--red.select2-default, .BuildYourOwn-stepControl .ContentLinks-link .select2-container .Button--red.select2-choice.select2-default, .ContentLinks-link .select2-container .BuildYourOwn-stepControl .Button--red.select2-choice.select2-default, .BuildYourOwn-stepControl .sweet-alert button.Button--red, .sweet-alert .BuildYourOwn-stepControl button.Button--red {
  border-color: #2B2B2B;
  vertical-align: top;
  max-width: 170px;
  color: #fff;
  margin: 14px auto 0 auto;
  display: block;
}
@media (min-width: 500px) {
  .BuildYourOwn-stepControl .Button.Button--red, .BuildYourOwn-stepControl .CompareResults-models-data .select2-container .Button--red.select2-chosen, .CompareResults-models-data .select2-container .BuildYourOwn-stepControl .Button--red.select2-chosen,
  .BuildYourOwn-stepControl .CompareResults-models-data .select2-container .Button--red.select2-default,
  .CompareResults-models-data .select2-container .BuildYourOwn-stepControl .Button--red.select2-default, .BuildYourOwn-stepControl .ContentLinks-link .select2-container .Button--red.select2-choice.select2-default, .ContentLinks-link .select2-container .BuildYourOwn-stepControl .Button--red.select2-choice.select2-default, .BuildYourOwn-stepControl .sweet-alert button.Button--red, .sweet-alert .BuildYourOwn-stepControl button.Button--red {
    display: inline-block;
    margin: 0;
  }
}
.BuildYourOwn-stepControl .Button.Button--red:hover, .BuildYourOwn-stepControl .CompareResults-models-data .select2-container .Button--red.select2-chosen:hover, .CompareResults-models-data .select2-container .BuildYourOwn-stepControl .Button--red.select2-chosen:hover,
.BuildYourOwn-stepControl .CompareResults-models-data .select2-container .Button--red.select2-default:hover,
.CompareResults-models-data .select2-container .BuildYourOwn-stepControl .Button--red.select2-default:hover, .BuildYourOwn-stepControl .ContentLinks-link .select2-container .Button--red.select2-choice.select2-default:hover, .ContentLinks-link .select2-container .BuildYourOwn-stepControl .Button--red.select2-choice.select2-default:hover, .BuildYourOwn-stepControl .sweet-alert button.Button--red:hover, .sweet-alert .BuildYourOwn-stepControl button.Button--red:hover {
  background: transparent;
  color: #2B2B2B;
}

.BuildYourOwn-images {
  position: relative;
  visibility: hidden;
  overflow: hidden;
  height: 0;
}
.BuildYourOwn-images.BuildYourOwn-images--isActive {
  visibility: visible;
  height: auto;
}

.BuildYourOwn-modelImage {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  height: 100%;
  margin: 0 auto;
  opacity: 0;
}
.BuildYourOwn-modelImage.BuildYourOwn-modelImage--isActive {
  position: relative;
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
.BuildYourOwn-modelImage.BuildYourOwn-modelImage--isActive img {
  width: auto;
  height: auto;
}
.BuildYourOwn-modelImage img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.BuildYourOwn-perspectives {
  margin: 0 15px 10px;
  text-align: right;
}
.BuildYourOwn-perspectives .Icon, .BuildYourOwn-perspectives .Button--print, .BuildYourOwn-perspectives .Button--download, .BuildYourOwn-perspectives .bx-wrapper .bx-prev, .bx-wrapper .BuildYourOwn-perspectives .bx-prev, .BuildYourOwn-perspectives .bx-wrapper .bx-next, .bx-wrapper .BuildYourOwn-perspectives .bx-next {
  cursor: pointer;
}
.BuildYourOwn-perspectives .Icon--vanPerspective {
  width: 40px;
  height: 40px;
  width: 30px;
  height: 17px;
  background-size: 30px 17px;
}
.BuildYourOwn-perspectives .Icon--van {
  width: 40px;
  height: 40px;
  width: 30px;
  height: 14px;
  background-size: 30px 14px;
}

.BuildYourOwn-optional .panel--isHighlighted {
  border: 1px solid orange;
}
.BuildYourOwn-optional .panel {
  margin: 0 0 2px;
  background-color: #fff;
}
.BuildYourOwn-optional .panel-body {
  margin: 0 14px 12px 14px;
  padding-top: 20px;
  border-top: 1px solid #f2f1f0;
}
@media (min-width: 768px) {
  .BuildYourOwn-optional .panel-body {
    margin: 0 19px 26px 19px;
    padding-top: 28px;
  }
}
.BuildYourOwn-optional .accordion-toggle {
  position: relative;
  display: table;
  width: 100%;
  cursor: pointer;
}
.BuildYourOwn-optional .Button--toggle {
  display: table-cell;
  height: 48px;
  padding-right: 0;
  padding-left: 44px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .BuildYourOwn-optional .Button--toggle {
    height: 78px;
    padding-left: 74px;
  }
}
.BuildYourOwn-optional .Button--toggle:before {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -32px;
  color: #d1d1d2;
}
@media (min-width: 768px) {
  .BuildYourOwn-optional .Button--toggle:before {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -50px;
  }
}
.BuildYourOwn-optional .PhotoGallery-slide {
  width: 100% !important;
  max-height: 100px !important;
  height: 100px;
  max-width: 300px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .BuildYourOwn-optional .PhotoGallery-slide {
    max-height: 100px !important;
    height: 100px;
  }
}
.BuildYourOwn-optional .PhotoGallery-slide.PhotoGallery-slide--single {
  margin-top: 20px;
}
@media (min-width: 600px) {
  .BuildYourOwn-optional .PhotoGallery-slide.PhotoGallery-slide--single {
    margin-top: 0;
  }
}
.BuildYourOwn-optional .PhotoGallery-slide a:after {
  left: -10px;
}
.BuildYourOwn-optional .PhotoGallery-slide img {
  width: 100% !important;
  margin-left: 0 !important;
  -webkit-transform: translate(-50%, -20%);
      -ms-transform: translate(-50%, -20%);
          transform: translate(-50%, -20%);
  max-width: 300px !important;
  height: auto;
  padding-right: 10px;
}
.BuildYourOwn-optional .PhotoGallery-fullSize {
  padding-right: 10px;
}
.BuildYourOwn-optional .PhotoGallery {
  padding-top: 20px;
}
.BuildYourOwn-optional .PhotoGallery .PhotoGallery-container {
  padding: 0;
}
.BuildYourOwn-optional .PhotoGallery .slick-next,
.BuildYourOwn-optional .PhotoGallery .slick-prev {
  position: absolute;
  z-index: 200;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #2B2B2B;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  -webkit-transition: 0.35 opacity ease;
          transition: 0.35 opacity ease;
}
.BuildYourOwn-optional .PhotoGallery .slick-next:hover,
.BuildYourOwn-optional .PhotoGallery .slick-prev:hover {
  opacity: 0.75;
}
.BuildYourOwn-optional .PhotoGallery .slick-next:before, .BuildYourOwn-optional .PhotoGallery .slick-next:after,
.BuildYourOwn-optional .PhotoGallery .slick-prev:before,
.BuildYourOwn-optional .PhotoGallery .slick-prev:after {
  content: '';
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  font-size: 13px;
  opacity: 1;
  background-size: 1em 1em;
  width: 1em;
  height: 1em;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.BuildYourOwn-optional .PhotoGallery .slick-next {
  right: 10px;
}
.BuildYourOwn-optional .PhotoGallery .slick-next:before {
  background-image: url(../images/icons/ui-arrow-right/ui-arrow-right-white.png);
  background-image: url(../images/icons/ui-arrow-right/ui-arrow-right-white.svg);
}
.BuildYourOwn-optional .PhotoGallery .slick-disabled {
  display: none !important;
}
.BuildYourOwn-optional .PhotoGallery .slick-prev {
  left: 10px;
}
.BuildYourOwn-optional .PhotoGallery .slick-prev:before {
  background-image: url(../images/icons/ui-arrow-left/ui-arrow-left-white.png);
  background-image: url(../images/icons/ui-arrow-left/ui-arrow-left-white.svg);
}

.BuildYourOwn-singles .PhotoGallery-slide.PhotoGallery-slide--single {
  width: 200px !important;
  margin-left: 0;
}

.BuildYourOwn-optional .BuildYourOwn-optionInfo-wrapper,
.BuildYourOwn-optional .Button--toggle {
  display: inline-block;
  vertical-align: top;
}
@media (min-width: 600px) {
  .BuildYourOwn-optional .BuildYourOwn-optionInfo-wrapper,
  .BuildYourOwn-optional .Button--toggle {
    display: table-cell;
  }
}
.BuildYourOwn-optional .BuildYourOwn-optionInfo-wrapper {
  width: calc(100% - 48px);
  padding: 18px 24px 24px 18px;
}
@media (min-width: 600px) {
  .BuildYourOwn-optional .BuildYourOwn-optionInfo-wrapper {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .BuildYourOwn-optional .BuildYourOwn-optionInfo-wrapper {
    padding: 27px 24px;
  }
}
.BuildYourOwn-optional .BuildYourOwn-expandButton-wrapper {
  display: block;
  width: 100%;
  padding: 0 15px 15px 15px;
}
@media (min-width: 600px) {
  .BuildYourOwn-optional .BuildYourOwn-expandButton-wrapper {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px 0 0;
  }
}
.BuildYourOwn-optional .BuildYourOwn-expandButton-wrapper > span {
  margin: 0 auto;
  display: block;
  width: 100%;
}
@media (min-width: 600px) {
  .BuildYourOwn-optional .BuildYourOwn-expandButton-wrapper > span {
    width: 123px;
  }
}

.BuildYourOwn-packages {
  margin-bottom: 30px;
}
@media (min-width: 600px) {
  .BuildYourOwn-packages .BuildYourOwn-expandButton-wrapper > span {
    width: 150px;
  }
}

.BuildYourOwn-option-shortDesc {
  color: #2B2B2B;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.BuildYourOwn-optionInfo-wrapper {
  display: table-cell;
  width: 100%;
  padding: 27px 24px;
  vertical-align: middle;
  color: #2B2B2B;
  font-family: "canada-type-gibson", sans-serif;
}
.BuildYourOwn-packages .BuildYourOwn-optionInfo-wrapper {
  padding: 16px;
}
@media (min-width: 768px) {
  .BuildYourOwn-packages .BuildYourOwn-optionInfo-wrapper {
    padding: 24px;
  }
}

.BuildYourOwn-expandButton-wrapper {
  display: table-cell;
  width: 170px;
  padding-right: 20px;
  text-align: right;
  vertical-align: middle;
}
.BuildYourOwn-packages .BuildYourOwn-expandButton-wrapper {
  padding-top: 13px;
  vertical-align: top;
}
@media (min-width: 768px) {
  .BuildYourOwn-packages .BuildYourOwn-expandButton-wrapper {
    padding-top: 18px;
  }
}
.BuildYourOwn-expandButton-wrapper span {
  width: 123px;
  text-transform: none;
  font-size: 14px;
}

.BuildYourOwn-optionPrice {
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
}

.BuildYourOwn-optionCurrency {
  font-size: 10px;
  font-weight: 400;
  font-style: italic;
}

.BuildYourOwn-optionalPackage {
  padding-bottom: 4px;
  color: #2B2B2B;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.BuildYourOwn-optionalTitle {
  display: inline-block;
  padding-right: 5px;
  color: #2B2B2B;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 16px;
  font-weight: 500;
}
@media (min-width: 480px) {
  .BuildYourOwn-optionalTitle {
    font-size: 16px;
  }
}
.BuildYourOwn-packages .BuildYourOwn-optionalTitle {
  padding-bottom: 10px;
}

.BuildYourOwn-optionalPrice {
  display: table-cell;
  padding: 2px 5px 0 5px;
  vertical-align: middle;
  white-space: nowrap;
  color: #2B2B2B;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 16px;
  font-style: italic;
}
@media (min-width: 768px) {
  .BuildYourOwn-optionalPrice {
    padding: 5px 20px 0 5px;
    font-weight: 300;
  }
}

.BuildYourOwn-optionalIcon {
  display: table-cell;
  width: 30px;
  min-width: 30px;
  height: 100%;
  margin-left: 10px;
  vertical-align: middle;
  font-size: 14px;
}
@media (min-width: 768px) {
  .BuildYourOwn-optionalIcon {
    width: 37px;
    min-width: 37px;
    margin-left: 20px;
  }
}
.BuildYourOwn-optionalIcon.Icon--expand--minus:before, .BuildYourOwn-optionalIcon.Icon--expand--minus:after {
  background: #2B2B2B;
}

.BuildYourOwn-optionalDescription {
  padding-bottom: 10px;
}
.BuildYourOwn-optionalDescription span {
  font-size: 16px;
  line-height: 1.55;
}

.BuildYourOwn-standard {
  margin-bottom: 30px;
}
.BuildYourOwn-standard .Icon--van {
  vertical-align: middle;
  margin-left: 2px;
}
.BuildYourOwn-standard .BuildYourOwn-optionInfo-wrapper {
  width: 100%;
}

.BuildYourOwn-standard-title {
  font-size: 16px;
  font-weight: 500;
  padding: 0 22px;
}

.BuildYourOwn-standardColumn {
  width: 100%;
  float: left;
  padding-left: 1.04167%;
  padding-right: 1.04167%;
}
@media (min-width: 768px) {
  .BuildYourOwn-standardColumn {
    padding: 0 10px;
    width: 50%;
    float: left;
  }
}

.BuildYourOwn-standardItem {
  margin: 0 0 8px;
  color: #2B2B2B;
  font-size: 14px;
  line-height: 1.22;
}

.BuildYourOwn-standardTitle {
  color: #2B2B2B;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
}

.BuildYourOwn-summary,
.BuildYourOwn-summaryStandard {
  max-width: 620px;
  margin: 30px auto 0;
}

@media print {
  .BuildYourOwn-summaryStandard {
    display: none !important;
  }
}

.BuildYourOwn-summary {
  padding: 20px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .BuildYourOwn-summary {
    padding: 40px 40px 30px 40px;
  }
}

.BuildYourOwn-summaryContent {
  text-align: center;
}
.BuildYourOwn-summaryContent.Typography h2 {
  display: inline-block;
  letter-spacing: 3px;
  color: #2B2B2B;
  font-size: 18px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .BuildYourOwn-summaryContent.Typography h2 {
    font-size: 22px;
  }
}
.BuildYourOwn-summaryContent.Typography h2:after {
  margin-bottom: 0 !important;
}
.BuildYourOwn-summaryContent .Icon--uiEdit {
  display: inline-block;
  margin-left: 15px;
  vertical-align: top;
  opacity: 0.5;
}
.no-touch .BuildYourOwn-summaryContent .Icon--uiEdit {
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
}
.BuildYourOwn-summaryContent .Icon--uiEdit:hover {
  opacity: 1;
}

.BuildYourOwn-summaryStep {
  position: relative;
  margin-top: 25px;
}
@media (min-width: 768px) {
  .BuildYourOwn-summaryStep {
    margin-top: 30px;
  }
}
@media print {
  .BuildYourOwn-summaryStep {
    page-break-inside: avoid;
  }
}

.BuildYourOwn-summaryStepTitle {
  padding: 10px 0;
  border-bottom: 1px solid #d1d1d2;
}
.BuildYourOwn-summaryStepTitle.Typography h3 {
  display: inline-block;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #2B2B2B;
  font-size: 16px;
  line-height: 1;
}
.BuildYourOwn-summaryStepTitle .Icon--uiEdit {
  position: absolute;
  top: 2px;
  right: 0;
  opacity: 0.5;
}
.no-touch .BuildYourOwn-summaryStepTitle .Icon--uiEdit {
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
}
.BuildYourOwn-summaryStepTitle .Icon--uiEdit:hover {
  opacity: 1;
}

.BuildYourOwn-summaryItems.Typography p {
  margin: 0;
  padding: 7px 0;
  color: #2B2B2B;
  border-bottom: 1px solid #d1d1d2;
  font-size: 16px;
}

.BuildYourOwn-summaryItem {
  display: table;
  width: 100%;
}

.BuildYourOwn-summaryItemTitle {
  display: table-cell;
  width: 100%;
}

.BuildYourOwn-summaryItemPrice {
  display: table-cell;
}

.BuildYourOwn-summaryTallyItem {
  display: table;
  width: 100%;
  line-height: 1.5;
}
.BuildYourOwn-summaryTallyItem h3,
.BuildYourOwn-summaryTallyItem h4 {
  display: table-cell;
  width: 100%;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 1em;
  font-weight: 500;
}
.BuildYourOwn-summaryTallyItem h3 span,
.BuildYourOwn-summaryTallyItem h4 span {
  text-transform: uppercase;
  color: #2B2B2B;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 12px;
  font-weight: 400;
}
.BuildYourOwn-summaryTallyItem h3 {
  text-transform: uppercase;
}
.BuildYourOwn-summaryTallyItem.BuildYourOwn-summaryTallyItem--total {
  font-size: 16px;
}
@media (min-width: 768px) {
  .BuildYourOwn-summaryTallyItem.BuildYourOwn-summaryTallyItem--total {
    font-size: 20px;
  }
}
.BuildYourOwn-summaryTallyItem.BuildYourOwn-summaryTallyItem--base {
  font-size: 14px;
}
@media (min-width: 768px) {
  .BuildYourOwn-summaryTallyItem.BuildYourOwn-summaryTallyItem--base {
    font-size: 16px;
  }
}

.BuildYourOwn-summaryTallyPrice {
  display: table-cell;
  white-space: nowrap;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 1em;
  font-weight: 500;
}

.BuildYourOwn-summaryTallyCurrency {
  text-transform: uppercase;
  color: #2B2B2B;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.animate-switch.ng-enter {
  -webkit-animation: fadeInDownBig 0.75s;
          animation: fadeInDownBig 0.75s;
}

.BuildYourOwn-optionTitle-featuredOption {
  white-space: nowrap;
  font-size: 16px;
  line-height: 1.55;
}

.Summary-Disclaimer {
  text-align: left !important;
  color: #c02f36;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 15px !important;
  font-style: italic;
}

.BuildYourOwn-cta {
  border-top: 1px solid #d1d1d2;
  padding-top: 18px;
  margin-top: 26px;
}
@media (min-width: 768px) {
  .BuildYourOwn-cta {
    padding-top: 28px;
    margin-top: 26px;
  }
}
.BuildYourOwn-cta h5 {
  text-align: center;
  line-height: 21px;
}

.BuildYourOwnBar {
  background: rgba(8, 10, 18, 0.7);
  border-bottom: 1px solid #2f3031;
  border-top: 1px solid #2f3031;
  z-index: 3;
  height: 120px;
}
.admin-bar .BuildYourOwnBar {
  top: 46px;
}
@media (min-width: 763px) {
  .admin-bar .BuildYourOwnBar {
    top: 32px;
  }
}
@media (min-width: 768px) {
  .BuildYourOwnBar {
    height: 108px;
  }
}
@media print {
  .BuildYourOwnBar {
    display: none;
  }
}

.BuildYourOwnBar-content {
  padding: 20px;
}
@media (min-width: 768px) {
  .BuildYourOwnBar-content {
    display: table;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 768px) {
  .BuildYourOwnBar-content .Typography {
    width: 41.66667%;
    float: left;
    float: none;
    display: table-cell;
    vertical-align: middle;
  }
}
.BuildYourOwnBar-content .Typography h2 {
  font-size: 18px;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  margin: 0 0 8px;
}
.BuildYourOwnBar-content .Typography h2:after {
  display: none;
}
@media (min-width: 768px) {
  .BuildYourOwnBar-content .Typography h2 {
    font-size: 22px;
    text-align: left;
    margin: 0;
  }
}

.BuildYourOwnBar-tabs {
  margin: 4px auto;
  max-width: 400px;
  min-width: 0px;
  width: 100%;
}
@media (min-width: 768px) {
  .BuildYourOwnBar-tabs {
    width: 58.33333%;
    float: left;
    margin: 10px auto;
    min-width: 100%;
    float: none;
  }
}

.BuildYourOwnBar-tab {
  white-space: nowrap;
  pointer-events: none;
  padding: 0 8px;
}
@media (min-width: 768px) {
  .BuildYourOwnBar-tab {
    width: 15%;
  }
}
.BuildYourOwnBar-tab.BuildYourOwnBar-tab--actionable {
  cursor: pointer;
  pointer-events: auto;
}
@media (min-width: 768px) {
  .BuildYourOwnBar-tab.BuildYourOwnBar-tab--isActive {
    width: 60%;
  }
}
.BuildYourOwnBar-tab.BuildYourOwnBar-tab--isActive .BuildYourOwnBar-tabCounter {
  background-color: #2B2B2B;
  border-color: #2B2B2B;
  color: #fff;
}
@media (min-width: 768px) {
  .BuildYourOwnBar-tab.BuildYourOwnBar-tab--isActive .BuildYourOwnBar-tabTitle {
    display: table-cell;
    vertical-align: middle;
    font-family: "canada-type-gibson", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    padding: 0 0 0 12px;
  }
}

.BuildYourOwnBar-tabCounter {
  border: 2px solid #adaeb2;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 22px;
  line-height: 42px;
  color: #adaeb2;
  text-align: center;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .BuildYourOwnBar-tabCounter {
    width: 48px;
    height: 48px;
    min-width: 50px;
    min-height: 50px;
    line-height: 46px;
    display: table-cell;
    vertical-align: middle;
  }
}

.BuildYourOwnBar-tabTitle {
  display: none;
}

.BuildYourOwnFilterMenu {
  background-color: #2B2B2B;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  box-shadow: none;
  width: 100%;
  height: 100%;
  max-width: 320px;
  color: #fff;
  -webkit-transition: -webkit-transform 0.3s ease-in;
          transition: transform 0.3s ease-in;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
@media print {
  .BuildYourOwnFilterMenu {
    display: none;
  }
}
@media (min-width: 480px) {
  .BuildYourOwnFilterMenu {
    border-left: 1px solid #d1d1d2;
    max-width: 340px;
  }
}
.BuildYourOwnFilterMenu.BuildYourOwnFilterMenu--isActive {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  box-shadow: 0 0 18px #2f3031;
}
.BuildYourOwnFilterMenu h3 {
  font-size: 16px;
  padding: 16px 40px 16px 21px;
}
.BuildYourOwnFilterMenu .panel-heading {
  background-color: #2B2B2B;
  border-bottom: 1px solid #2f3031;
  position: relative;
}
.BuildYourOwnFilterMenu .panel-body {
  background-color: #2B2B2B;
}
.BuildYourOwnFilterMenu .accordion-toggle {
  color: #f2f1f0;
  font-size: 16px;
  text-align: left;
  cursor: pointer;
}
.BuildYourOwnFilterMenu .accordion-toggle:hover {
  color: #fff;
}

.BuildYourOwnFilterMenu-clear {
  margin: 18px 21px !important;
  color: #d1d1d2 !important;
  text-align: left !important;
}

.BuildYourOwnFilterMenu-title {
  background-color: #2f3031;
  padding: 30px 20px;
  position: relative;
}
.BuildYourOwnFilterMenu-title h2 {
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  padding-top: 0;
  padding-right: 30px;
}
.BuildYourOwnFilterMenu-title h2:after {
  display: none;
}
.BuildYourOwnFilterMenu-title p {
  color: #adaeb2;
  text-align: left;
  margin: 0;
}
.BuildYourOwnFilterMenu-title .Icon--uiClose {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 42px;
}
.no-touch .BuildYourOwnFilterMenu-title .Icon--uiClose {
  -webkit-transition: 0.3s ease-out;
          transition: 0.3s ease-out;
}
.BuildYourOwnFilterMenu-title .Icon--uiClose:hover {
  color: #fff;
  text-decoration: none;
}

.BuildYourOwnFilterMenu-icon {
  position: absolute;
  right: 33px;
  top: 28px;
}

.BuildYourOwnFilterMenu-option {
  display: table;
  width: 100%;
  cursor: pointer;
  text-align: left;
  padding: 13px 0;
  font-family: "canada-type-gibson", sans-serif;
  border-bottom: 1px solid #2f3031;
}

.BuildYourOwnFilterMenu-optionInput {
  display: table-cell;
  vertical-align: middle;
  padding: 0 16px 0 20px;
}
.BuildYourOwnFilterMenu-optionInput input[type="radio"] {
  display: none;
}
.BuildYourOwnFilterMenu-optionInput input[type="radio"]:checked ~ .radio {
  background-color: #fff;
}
.BuildYourOwnFilterMenu-optionInput input[type="radio"]:checked ~ .radio:before {
  font-size: 11px;
}
.BuildYourOwnFilterMenu-optionInput .radio {
  width: 18px;
  height: 18px;
  border: 1px solid #2B2B2B;
}
.no-touch .BuildYourOwnFilterMenu-optionInput .radio {
  -webkit-transition: 0.25s linear;
          transition: 0.25s linear;
}

.BuildYourOwnFilterMenu-optionTitle {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.BuildYourOwnFilterMenu-optionCount {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  color: #2B2B2B;
  padding: 0 30px 0 10px;
}

.byoModal {
  max-width: 800px;
}
.byoModal .Icon--uiX:before {
  color: #fff;
}
.byoModal p.Locators-form-desc {
  font-size: 12px;
  margin-left: 8px;
}
.byoModal .Locators-locatorName {
  line-height: 1.35;
  padding-right: 15px;
}
.byoModal .Locators-phoneText {
  text-align: left;
  padding-right: 0;
  margin-left: auto;
  display: block;
}
@media (min-width: 768px) {
  .byoModal .Locators-phoneText {
    text-align: right;
  }
}
.byoModal .ajax-loader {
  position: absolute;
  height: 45px;
}
.byoModal .Locators-form .Button--alt {
  width: 180px;
}
.byoModal .Locators-locatorButton--send {
  width: 100%;
  display: block;
}
@media (min-width: 480px) {
  .byoModal .Locators-locatorButton--send {
    max-width: 190px;
    margin-left: auto;
  }
}
.byoModal .Locators-form-input {
  width: 100%;
}
@media (min-width: 480px) {
  .byoModal .Locators-form-input {
    width: calc(100% - 196px);
  }
}
.byoModal.Modal-content {
  padding: 0;
}
.byoModal .BuildYourOwnBar {
  height: auto;
  position: relative;
  top: 0;
}
.byoModal .BuildYourOwnBar-tabs {
  min-width: 0;
  max-width: 35%;
  margin: 15px 22px;
}
@media (min-width: 480px) {
  .byoModal .BuildYourOwnBar-tabs {
    margin: 15px 34px;
  }
}
@media (min-width: 900px) {
  .byoModal .BuildYourOwnBar-tabs {
    margin: 15px 47px;
  }
}
.byoModal .BuildYourOwnBar-tabCounter {
  width: 30px;
  height: 30px;
  font-size: 14px;
  min-width: 32px;
  min-height: 32px;
  line-height: 28px;
}
.byoModal .BuildYourOwnBar-tab {
  width: 1%;
}
.byoModal .BuildYourOwnBar-tab.BuildYourOwnBar-tab--isActive .BuildYourOwnBar-tabTitle {
  font-size: 12px;
}
.byoModal .BuildYourOwnBar-tab.BuildYourOwnBar-tab--isActive {
  width: auto;
  font-size: 12px;
}
.byoModal .modal-close {
  position: absolute;
  top: 0 !important;
  margin-top: 20px !important;
}
.byoModal .Locators-form {
  float: none;
  margin-top: 21px;
}
.byoModal .Locators-locatorButton {
  margin-top: 0;
}
.byoModal .Locators-locatorDistance {
  margin-bottom: 0;
}
.byoModal .byoModal-list {
  border-bottom: 1px solid #a1a2a6;
  margin-top: 25px;
  padding-bottom: 23px;
}
.byoModal .byoModal-list address {
  font-size: 16px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .byoModal .byoModal-list address {
    margin-bottom: 0;
  }
}
.byoModal .byoModal-list:last-of-type {
  border-bottom: 0;
}
.byoModal .byoModal-list .Button, .byoModal .byoModal-list .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .byoModal .byoModal-list .select2-chosen,
.byoModal .byoModal-list .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .byoModal .byoModal-list .select2-default, .byoModal .byoModal-list .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .byoModal .byoModal-list .select2-choice.select2-default, .byoModal .byoModal-list .sweet-alert button, .sweet-alert .byoModal .byoModal-list button {
  width: 100%;
  max-width: 190px;
  display: block;
  margin-right: 0;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .byoModal .byoModal-list .Button, .byoModal .byoModal-list .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .byoModal .byoModal-list .select2-chosen,
  .byoModal .byoModal-list .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .byoModal .byoModal-list .select2-default, .byoModal .byoModal-list .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .byoModal .byoModal-list .select2-choice.select2-default, .byoModal .byoModal-list .sweet-alert button, .sweet-alert .byoModal .byoModal-list button {
    margin-left: auto;
    margin-bottom: 0;
  }
}
.byoModal .byoModal-cf7 {
  padding: 0 0 21px 0;
}
.byoModal .byoModal-cf7 h3 {
  margin-top: 0;
  margin-bottom: 30px;
}
.byoModal .c-red {
  color: #2B2B2B;
}
.byoModal .t-alignCenter {
  text-align: center;
}
.byoModal .Button--altSizing {
  max-width: 200px;
  display: block;
  margin-left: auto;
}
.byoModal .BuildYourOwn-summaryStep {
  margin-bottom: 30px;
}

.byo-paddingStandard {
  padding: 32px 30px;
}
@media (min-width: 480px) {
  .byo-paddingStandard {
    padding: 32px 42px;
  }
}
@media (min-width: 900px) {
  .byo-paddingStandard {
    padding: 32px 55px;
  }
}

.byoModal-list {
  display: table;
  width: 100%;
}
.byoModal-list > div {
  width: 100%;
  display: block;
}
@media (min-width: 768px) {
  .byoModal-list > div {
    display: table-cell;
    vertical-align: middle;
    width: calc(100% / 3);
  }
}

.byoModal-cf7 .submit-button {
  display: none;
}
.byoModal-cf7 .select2-container .select2-choice {
  padding: 8px 20px;
}

.byoModal .emailBody-text {
  resize: vertical;
  min-height: 280px;
  width: 100%;
  border: 0;
  background: transparent;
  padding: 24px;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.byoModal .emailBody {
  border: 1px solid #999;
  height: 100%;
  max-height: 660px;
  overflow-y: scroll;
  margin: 21px 0;
}

.byoModal .BuildYourOwn-summary {
  background-color: transparent;
  padding: 0 20px;
  margin-top: 0;
}
.byoModal .BuildYourOwn-summary .BuildYourOwn-modelImage {
  width: 190px;
  margin-bottom: 25px;
}

.byoModal-success {
  margin-top: 30px;
  margin-bottom: 21px;
}
.byoModal-success .section-heading {
  font-size: 36px;
  margin-top: 10px;
}
.byoModal-success .Locators-locatorName {
  margin-top: 10px;
  margin-bottom: 6px;
}
.byoModal-success .Locators-locatorAddress {
  margin-bottom: 0;
  line-height: 1.55;
}
.byoModal-success .Locators-locatorDistance {
  margin-top: 5px;
}
.byoModal-success .m0 {
  margin: 0 !important;
}

.Button, .CompareResults-models-data .select2-container .select2-chosen,
.CompareResults-models-data .select2-container .select2-default, .ContentLinks-link .select2-container .select2-choice.select2-default, .sweet-alert button {
  display: inline-block;
  overflow: hidden;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 10px 15px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #2B2B2B;
  border: none;
  border: 2px solid;
  outline: none;
  background-color: transparent;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  -webkit-appearance: none;
}
.Pattern--dark .Button, .Pattern--dark .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .Pattern--dark .select2-chosen,
.Pattern--dark .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .Pattern--dark .select2-default, .Pattern--dark .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .Pattern--dark .select2-choice.select2-default, .Pattern--dark .sweet-alert button, .sweet-alert .Pattern--dark button, .Pattern--medium .Button, .Pattern--medium .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .Pattern--medium .select2-chosen,
.Pattern--medium .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .Pattern--medium .select2-default, .Pattern--medium .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .Pattern--medium .select2-choice.select2-default, .Pattern--medium .sweet-alert button, .sweet-alert .Pattern--medium button {
  color: #fff;
}
.no-touch .Button, .no-touch .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .no-touch .select2-chosen,
.no-touch .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .no-touch .select2-default, .no-touch .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .no-touch .select2-choice.select2-default, .no-touch .sweet-alert button, .sweet-alert .no-touch button {
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}
.no-touch .Button:before, .no-touch .CompareResults-models-data .select2-container .select2-chosen:before, .CompareResults-models-data .select2-container .no-touch .select2-chosen:before,
.no-touch .CompareResults-models-data .select2-container .select2-default:before,
.CompareResults-models-data .select2-container .no-touch .select2-default:before, .no-touch .ContentLinks-link .select2-container .select2-choice.select2-default:before, .ContentLinks-link .select2-container .no-touch .select2-choice.select2-default:before, .no-touch .sweet-alert button:before, .sweet-alert .no-touch button:before, .no-touch .Button:after, .no-touch .CompareResults-models-data .select2-container .select2-chosen:after, .CompareResults-models-data .select2-container .no-touch .select2-chosen:after,
.no-touch .CompareResults-models-data .select2-container .select2-default:after,
.CompareResults-models-data .select2-container .no-touch .select2-default:after, .no-touch .ContentLinks-link .select2-container .select2-choice.select2-default:after, .ContentLinks-link .select2-container .no-touch .select2-choice.select2-default:after, .no-touch .sweet-alert button:after, .sweet-alert .no-touch button:after {
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}
.Button:before, .CompareResults-models-data .select2-container .select2-chosen:before,
.CompareResults-models-data .select2-container .select2-default:before, .ContentLinks-link .select2-container .select2-choice.select2-default:before, .sweet-alert button:before, .Button:after, .CompareResults-models-data .select2-container .select2-chosen:after,
.CompareResults-models-data .select2-container .select2-default:after, .ContentLinks-link .select2-container .select2-choice.select2-default:after, .sweet-alert button:after {
  color: #2B2B2B;
}
.Pattern--dark .Button:before, .Pattern--dark .CompareResults-models-data .select2-container .select2-chosen:before, .CompareResults-models-data .select2-container .Pattern--dark .select2-chosen:before,
.Pattern--dark .CompareResults-models-data .select2-container .select2-default:before,
.CompareResults-models-data .select2-container .Pattern--dark .select2-default:before, .Pattern--dark .ContentLinks-link .select2-container .select2-choice.select2-default:before, .ContentLinks-link .select2-container .Pattern--dark .select2-choice.select2-default:before, .Pattern--dark .sweet-alert button:before, .sweet-alert .Pattern--dark button:before, .Pattern--medium .Button:before, .Pattern--medium .CompareResults-models-data .select2-container .select2-chosen:before, .CompareResults-models-data .select2-container .Pattern--medium .select2-chosen:before,
.Pattern--medium .CompareResults-models-data .select2-container .select2-default:before,
.CompareResults-models-data .select2-container .Pattern--medium .select2-default:before, .Pattern--medium .ContentLinks-link .select2-container .select2-choice.select2-default:before, .ContentLinks-link .select2-container .Pattern--medium .select2-choice.select2-default:before, .Pattern--medium .sweet-alert button:before, .sweet-alert .Pattern--medium button:before, .Pattern--dark .Button:after, .Pattern--dark .CompareResults-models-data .select2-container .select2-chosen:after, .CompareResults-models-data .select2-container .Pattern--dark .select2-chosen:after,
.Pattern--dark .CompareResults-models-data .select2-container .select2-default:after,
.CompareResults-models-data .select2-container .Pattern--dark .select2-default:after, .Pattern--dark .ContentLinks-link .select2-container .select2-choice.select2-default:after, .ContentLinks-link .select2-container .Pattern--dark .select2-choice.select2-default:after, .Pattern--dark .sweet-alert button:after, .sweet-alert .Pattern--dark button:after, .Pattern--medium .Button:after, .Pattern--medium .CompareResults-models-data .select2-container .select2-chosen:after, .CompareResults-models-data .select2-container .Pattern--medium .select2-chosen:after,
.Pattern--medium .CompareResults-models-data .select2-container .select2-default:after,
.CompareResults-models-data .select2-container .Pattern--medium .select2-default:after, .Pattern--medium .ContentLinks-link .select2-container .select2-choice.select2-default:after, .ContentLinks-link .select2-container .Pattern--medium .select2-choice.select2-default:after, .Pattern--medium .sweet-alert button:after, .sweet-alert .Pattern--medium button:after {
  color: #fff;
}
.Button:hover, .CompareResults-models-data .select2-container .select2-chosen:hover,
.CompareResults-models-data .select2-container .select2-default:hover, .ContentLinks-link .select2-container .select2-choice.select2-default:hover, .sweet-alert button:hover, .Button.Button--is-active, .CompareResults-models-data .select2-container .Button--is-active.select2-chosen,
.CompareResults-models-data .select2-container .Button--is-active.select2-default, .ContentLinks-link .select2-container .Button--is-active.select2-choice.select2-default, .sweet-alert button.Button--is-active {
  color: #fff;
  border: 2px solid transparent;
  background-color: #2B2B2B;
}
.Button:hover:before, .CompareResults-models-data .select2-container .select2-chosen:hover:before,
.CompareResults-models-data .select2-container .select2-default:hover:before, .ContentLinks-link .select2-container .select2-choice.select2-default:hover:before, .sweet-alert button:hover:before, .Button:hover:after, .CompareResults-models-data .select2-container .select2-chosen:hover:after,
.CompareResults-models-data .select2-container .select2-default:hover:after, .ContentLinks-link .select2-container .select2-choice.select2-default:hover:after, .sweet-alert button:hover:after, .Button.Button--is-active:before, .CompareResults-models-data .select2-container .Button--is-active.select2-chosen:before,
.CompareResults-models-data .select2-container .Button--is-active.select2-default:before, .ContentLinks-link .select2-container .Button--is-active.select2-choice.select2-default:before, .sweet-alert button.Button--is-active:before, .Button.Button--is-active:after, .CompareResults-models-data .select2-container .Button--is-active.select2-chosen:after,
.CompareResults-models-data .select2-container .Button--is-active.select2-default:after, .ContentLinks-link .select2-container .Button--is-active.select2-choice.select2-default:after, .sweet-alert button.Button--is-active:after {
  color: #fff;
}
.Pattern--dark .Button:hover, .Pattern--dark .CompareResults-models-data .select2-container .select2-chosen:hover, .CompareResults-models-data .select2-container .Pattern--dark .select2-chosen:hover,
.Pattern--dark .CompareResults-models-data .select2-container .select2-default:hover,
.CompareResults-models-data .select2-container .Pattern--dark .select2-default:hover, .Pattern--dark .ContentLinks-link .select2-container .select2-choice.select2-default:hover, .ContentLinks-link .select2-container .Pattern--dark .select2-choice.select2-default:hover, .Pattern--dark .sweet-alert button:hover, .sweet-alert .Pattern--dark button:hover, .Pattern--medium .Button:hover, .Pattern--medium .CompareResults-models-data .select2-container .select2-chosen:hover, .CompareResults-models-data .select2-container .Pattern--medium .select2-chosen:hover,
.Pattern--medium .CompareResults-models-data .select2-container .select2-default:hover,
.CompareResults-models-data .select2-container .Pattern--medium .select2-default:hover, .Pattern--medium .ContentLinks-link .select2-container .select2-choice.select2-default:hover, .ContentLinks-link .select2-container .Pattern--medium .select2-choice.select2-default:hover, .Pattern--medium .sweet-alert button:hover, .sweet-alert .Pattern--medium button:hover, .Pattern--dark .Button.Button--is-active, .Pattern--dark .CompareResults-models-data .select2-container .Button--is-active.select2-chosen, .CompareResults-models-data .select2-container .Pattern--dark .Button--is-active.select2-chosen,
.Pattern--dark .CompareResults-models-data .select2-container .Button--is-active.select2-default,
.CompareResults-models-data .select2-container .Pattern--dark .Button--is-active.select2-default, .Pattern--dark .ContentLinks-link .select2-container .Button--is-active.select2-choice.select2-default, .ContentLinks-link .select2-container .Pattern--dark .Button--is-active.select2-choice.select2-default, .Pattern--dark .sweet-alert button.Button--is-active, .sweet-alert .Pattern--dark button.Button--is-active, .Pattern--medium .Button.Button--is-active, .Pattern--medium .CompareResults-models-data .select2-container .Button--is-active.select2-chosen, .CompareResults-models-data .select2-container .Pattern--medium .Button--is-active.select2-chosen,
.Pattern--medium .CompareResults-models-data .select2-container .Button--is-active.select2-default,
.CompareResults-models-data .select2-container .Pattern--medium .Button--is-active.select2-default, .Pattern--medium .ContentLinks-link .select2-container .Button--is-active.select2-choice.select2-default, .ContentLinks-link .select2-container .Pattern--medium .Button--is-active.select2-choice.select2-default, .Pattern--medium .sweet-alert button.Button--is-active, .sweet-alert .Pattern--medium button.Button--is-active {
  color: #2B2B2B;
  background-color: #fff;
}
.Pattern--dark .Button:hover:before, .Pattern--dark .CompareResults-models-data .select2-container .select2-chosen:hover:before, .CompareResults-models-data .select2-container .Pattern--dark .select2-chosen:hover:before,
.Pattern--dark .CompareResults-models-data .select2-container .select2-default:hover:before,
.CompareResults-models-data .select2-container .Pattern--dark .select2-default:hover:before, .Pattern--dark .ContentLinks-link .select2-container .select2-choice.select2-default:hover:before, .ContentLinks-link .select2-container .Pattern--dark .select2-choice.select2-default:hover:before, .Pattern--dark .sweet-alert button:hover:before, .sweet-alert .Pattern--dark button:hover:before, .Pattern--dark .Button:hover:after, .Pattern--dark .CompareResults-models-data .select2-container .select2-chosen:hover:after, .CompareResults-models-data .select2-container .Pattern--dark .select2-chosen:hover:after,
.Pattern--dark .CompareResults-models-data .select2-container .select2-default:hover:after,
.CompareResults-models-data .select2-container .Pattern--dark .select2-default:hover:after, .Pattern--dark .ContentLinks-link .select2-container .select2-choice.select2-default:hover:after, .ContentLinks-link .select2-container .Pattern--dark .select2-choice.select2-default:hover:after, .Pattern--dark .sweet-alert button:hover:after, .sweet-alert .Pattern--dark button:hover:after, .Pattern--medium .Button:hover:before, .Pattern--medium .CompareResults-models-data .select2-container .select2-chosen:hover:before, .CompareResults-models-data .select2-container .Pattern--medium .select2-chosen:hover:before,
.Pattern--medium .CompareResults-models-data .select2-container .select2-default:hover:before,
.CompareResults-models-data .select2-container .Pattern--medium .select2-default:hover:before, .Pattern--medium .ContentLinks-link .select2-container .select2-choice.select2-default:hover:before, .ContentLinks-link .select2-container .Pattern--medium .select2-choice.select2-default:hover:before, .Pattern--medium .sweet-alert button:hover:before, .sweet-alert .Pattern--medium button:hover:before, .Pattern--medium .Button:hover:after, .Pattern--medium .CompareResults-models-data .select2-container .select2-chosen:hover:after, .CompareResults-models-data .select2-container .Pattern--medium .select2-chosen:hover:after,
.Pattern--medium .CompareResults-models-data .select2-container .select2-default:hover:after,
.CompareResults-models-data .select2-container .Pattern--medium .select2-default:hover:after, .Pattern--medium .ContentLinks-link .select2-container .select2-choice.select2-default:hover:after, .ContentLinks-link .select2-container .Pattern--medium .select2-choice.select2-default:hover:after, .Pattern--medium .sweet-alert button:hover:after, .sweet-alert .Pattern--medium button:hover:after, .Pattern--dark .Button.Button--is-active:before, .Pattern--dark .CompareResults-models-data .select2-container .Button--is-active.select2-chosen:before, .CompareResults-models-data .select2-container .Pattern--dark .Button--is-active.select2-chosen:before,
.Pattern--dark .CompareResults-models-data .select2-container .Button--is-active.select2-default:before,
.CompareResults-models-data .select2-container .Pattern--dark .Button--is-active.select2-default:before, .Pattern--dark .ContentLinks-link .select2-container .Button--is-active.select2-choice.select2-default:before, .ContentLinks-link .select2-container .Pattern--dark .Button--is-active.select2-choice.select2-default:before, .Pattern--dark .sweet-alert button.Button--is-active:before, .sweet-alert .Pattern--dark button.Button--is-active:before, .Pattern--dark .Button.Button--is-active:after, .Pattern--dark .CompareResults-models-data .select2-container .Button--is-active.select2-chosen:after, .CompareResults-models-data .select2-container .Pattern--dark .Button--is-active.select2-chosen:after,
.Pattern--dark .CompareResults-models-data .select2-container .Button--is-active.select2-default:after,
.CompareResults-models-data .select2-container .Pattern--dark .Button--is-active.select2-default:after, .Pattern--dark .ContentLinks-link .select2-container .Button--is-active.select2-choice.select2-default:after, .ContentLinks-link .select2-container .Pattern--dark .Button--is-active.select2-choice.select2-default:after, .Pattern--dark .sweet-alert button.Button--is-active:after, .sweet-alert .Pattern--dark button.Button--is-active:after, .Pattern--medium .Button.Button--is-active:before, .Pattern--medium .CompareResults-models-data .select2-container .Button--is-active.select2-chosen:before, .CompareResults-models-data .select2-container .Pattern--medium .Button--is-active.select2-chosen:before,
.Pattern--medium .CompareResults-models-data .select2-container .Button--is-active.select2-default:before,
.CompareResults-models-data .select2-container .Pattern--medium .Button--is-active.select2-default:before, .Pattern--medium .ContentLinks-link .select2-container .Button--is-active.select2-choice.select2-default:before, .ContentLinks-link .select2-container .Pattern--medium .Button--is-active.select2-choice.select2-default:before, .Pattern--medium .sweet-alert button.Button--is-active:before, .sweet-alert .Pattern--medium button.Button--is-active:before, .Pattern--medium .Button.Button--is-active:after, .Pattern--medium .CompareResults-models-data .select2-container .Button--is-active.select2-chosen:after, .CompareResults-models-data .select2-container .Pattern--medium .Button--is-active.select2-chosen:after,
.Pattern--medium .CompareResults-models-data .select2-container .Button--is-active.select2-default:after,
.CompareResults-models-data .select2-container .Pattern--medium .Button--is-active.select2-default:after, .Pattern--medium .ContentLinks-link .select2-container .Button--is-active.select2-choice.select2-default:after, .ContentLinks-link .select2-container .Pattern--medium .Button--is-active.select2-choice.select2-default:after, .Pattern--medium .sweet-alert button.Button--is-active:after, .sweet-alert .Pattern--medium button.Button--is-active:after {
  color: #2B2B2B;
}

.Button--solid {
  background-color: #fff;
  color: #2B2B2B !important;
}
.Button--solid:hover {
  color: #fff !important;
  background: transparent !important;
}

.Button--primary {
  min-width: 200px;
}

.Button--red {
  color: #fff;
  border: 2px solid transparent;
  background-color: #2B2B2B;
}
.Button--red:before, .Button--red:after {
  color: #fff;
}
.Button--red:hover {
  background: transparent;
  color: #2B2B2B;
}

.Button--arrow:after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: -2px;
  margin-left: 8px;
  content: '';
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid;
}

.Button--arrowfar:after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: -2px;
  margin-left: 20px;
  content: '';
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid;
}

.Button--pdf:hover:after {
  background-image: url("../../../pdfhover.png");
}
.Button--pdf:after {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: -2px;
  margin-left: 20px;
  content: '';
  background-image: url("../../../pdfnohover.png");
}

.Button--arrowBack:before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 8px;
  content: '';
  border-top: 5px solid transparent;
  border-right: 6px solid;
  border-bottom: 5px solid transparent;
}

.Button--toggle {
  position: relative;
  padding: 11px 56px 9px 15px;
  border: 2px solid transparent;
}
.Button--toggle:before {
  position: absolute;
  top: 50%;
  display: block;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  margin-left: -30px;
  content: '';
  border: 2px solid;
}
.Button--toggle.Button--is-active:before {
  content: ' ';
  border: 0;
  background: url(../images/icons/ui-checkmark/ui-checkmark-white.png) no-repeat center;
  background: url(../images/icons/ui-checkmark/ui-checkmark-white.svg) no-repeat center;
}

.Button--play {
  position: relative;
  padding-left: 40px;
}
.Slider2020 .Button--play {
  padding-right: 40px;
  padding-left: 15px;
}
.Button--play:before, .Button--play:after {
  position: absolute;
  top: 50%;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -25px;
  content: '';
  background-repeat: no-repeat;
  background-position: center;
}
.Slider2020 .Button--play:before, .Slider2020 .Button--play:after {
  right: 16px;
}
.Button--play:before {
  background-image: url(../images/icons/ui-play/ui-play-10-red.png);
  background-image: url(../images/icons/ui-play/ui-play-10-red.svg);
}
.Pattern--dark .Button--play:before, .Pattern--medium .Button--play:before {
  background-image: url(../images/icons/ui-play/ui-play-white.png);
  background-image: url(../images/icons/ui-play/ui-play-white.svg);
}
.Slider2020 .Button--play:before {
  background-image: url(../images/icons/ui-play/ui-play-white.png);
  background-image: url(../images/icons/ui-play/ui-play-white.svg);
}
.Button--play:after {
  opacity: 0;
  background-image: url(../images/icons/ui-play/ui-play-white.png);
  background-image: url(../images/icons/ui-play/ui-play-white.svg);
}
.Pattern--dark .Button--play:after, .Pattern--medium .Button--play:after {
  background-image: url(../images/icons/ui-play/ui-play-30-grey.png);
  background-image: url(../images/icons/ui-play/ui-play-30-grey.svg);
}
.Button--play:hover:after {
  opacity: 1;
}

.Button--secondary, .ContentLinks-link .Button, .ContentLinks-link .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .ContentLinks-link .select2-chosen,
.ContentLinks-link .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .ContentLinks-link .select2-default, .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .sweet-alert button, .sweet-alert .ContentLinks-link button {
  color: #2B2B2B;
  font-size: 16px;
  min-width: 200px;
}
.Button--secondary:hover, .ContentLinks-link .Button:hover, .ContentLinks-link .CompareResults-models-data .select2-container .select2-chosen:hover, .CompareResults-models-data .select2-container .ContentLinks-link .select2-chosen:hover,
.ContentLinks-link .CompareResults-models-data .select2-container .select2-default:hover,
.CompareResults-models-data .select2-container .ContentLinks-link .select2-default:hover, .ContentLinks-link .select2-container .select2-choice.select2-default:hover, .ContentLinks-link .sweet-alert button:hover, .sweet-alert .ContentLinks-link button:hover {
  color: #f2f1f0;
  background-color: #2B2B2B;
}

.Button--white {
  color: #fff;
}
.Button--white:hover {
  color: #2B2B2B;
  background-color: #fff;
}
.Button--white:hover:after {
  color: #2B2B2B;
}
.Button--white:after {
  color: #fff;
}

.Button--grey {
  color: #2B2B2B;
}
.Button--grey.is-active, .Button--grey:hover {
  color: #fff;
  background-color: #2B2B2B;
  border-color: #2B2B2B;
}

.Button--small, .CompareResults-models-data .select2-container .select2-chosen,
.CompareResults-models-data .select2-container .select2-default, .sweet-alert button {
  height: 30px;
  padding: 8px 10px;
  letter-spacing: 0;
  text-transform: none;
  color: #fff;
  border: none;
  background-color: #2B2B2B;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}
@media (min-width: 900px) {
  .Button--small, .CompareResults-models-data .select2-container .select2-chosen,
  .CompareResults-models-data .select2-container .select2-default, .sweet-alert button {
    min-width: 120px;
    height: 40px;
    padding: 10px 12px 0;
  }
}
.Button--small:hover, .CompareResults-models-data .select2-container .select2-chosen:hover,
.CompareResults-models-data .select2-container .select2-default:hover, .sweet-alert button:hover {
  border: none;
  background-color: #97989b;
}

.Button--small--primary, .sweet-alert button.confirm {
  background-color: #2B2B2B;
}
.Button--small--primary:hover, .sweet-alert button.confirm:hover {
  background-color: #0B6180;
}

.Button--print {
  position: relative;
  padding-right: 45px;
  border-color: transparent;
}
.Button--print:before, .Button--print:after {
  margin-right: 15px;
}

.Button--download {
  padding-right: 45px;
}
.Button--download:before, .Button--download:after {
  margin-top: -0.6em;
  margin-right: 15px;
}

.Locators-loadMore:disabled {
  background-color: #2B2B2B;
  border-color: #2B2B2B;
  color: #bbb;
  opacity: 0.5;
}
.Locators-loadMore:disabled:hover {
  background: #2B2B2B;
  border-color: #2B2B2B;
  color: #bbb;
  opacity: 0.5;
}

/* variables */
/* general */
.rn-carousel-container {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

.rn-carousel-slides {
  position: relative;
  z-index: 10;
  overflow: visible;
  margin: 0;
  padding: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  white-space: nowrap;
}

/* IE 9 */
:root .rn-carousel-slides {
  position: relative;
  overflow: visible;
  margin: 0;
  padding: 0;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  white-space: nowrap;
}

.rn-carousel-slide {
  display: inline-block;
  width: 100%;
  height: 100%;
  vertical-align: top;
  white-space: normal;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}

/* indicators */
/* controls */
.rn-carousel-control {
  position: absolute;
  top: 64%;
  width: 44px;
  height: 44px;
  margin-top: -40px;
  cursor: pointer;
  -webkit-transition: opacity .2s ease-out;
          transition: opacity .2s ease-out;
  opacity: .75;
  font-size: 40px;
}
.rn-carousel-control:hover {
  opacity: 1;
}
.rn-carousel-control.rn-carousel-control-prev {
  left: 0.75rem;
}
.rn-carousel-control.rn-carousel-control-next {
  right: 0.75rem;
}
.rn-carousel-control.Icon--uiArrowLeft, .bx-wrapper .rn-carousel-control.bx-prev, .rn-carousel-control.Icon--uiArrowRight, .bx-wrapper .rn-carousel-control.bx-next {
  position: absolute;
  z-index: 100;
}
@media (min-width: 480px) {
  .rn-carousel-control {
    top: 55%;
  }
}
@media (min-width: 768px) {
  .rn-carousel-control {
    top: 50%;
  }
  .rn-carousel-control.rn-carousel-control-prev {
    left: 2.5rem;
  }
  .rn-carousel-control.rn-carousel-control-next {
    right: 2.5rem;
  }
}

.ColorOptions-group {
  background-color: #fff;
  margin: 0 0 2px;
  padding: 20px;
}
@media (min-width: 768px) {
  .ColorOptions-group {
    padding: 30px;
  }
}

.ColorOptions-required {
  border: 1px solid #2B2B2B;
}
.ColorOptions-required .ColorOptions-required-text {
  font-weight: 500;
  color: #2B2B2B;
  font-style: normal;
}

.ColorOptions-groupHeader {
  margin: 0 0 10px;
}
.ColorOptions-groupHeader h3 {
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #2B2B2B;
  text-transform: none;
  margin: 0;
  float: left;
}
@media (min-width: 768px) {
  .ColorOptions-groupHeader h3 {
    font-size: 16px;
  }
}
.ColorOptions-groupHeader em {
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #2B2B2B;
  display: inline-block;
}
@media (min-width: 768px) {
  .ColorOptions-groupHeader em {
    font-size: 18px;
  }
}
.ColorOptions-groupHeader p {
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 12px;
  line-height: 16px;
  color: #2B2B2B;
  margin: 0;
  float: right;
}
@media (min-width: 768px) {
  .ColorOptions-groupHeader p {
    font-weight: 200;
    font-size: 14px;
    line-height: 18px;
  }
}

.ColorOptions-groupItems {
  list-style: none;
  padding: 0;
  margin: 0 -5px;
}
@media (min-width: 768px) {
  .ColorOptions-groupItems {
    margin: 0 -8px;
  }
}

.ColorOptions-groupItem {
  width: 33.33333%;
  float: left;
  padding: 5px;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
  max-width: 83px;
}
@media (min-width: 768px) {
  .ColorOptions-groupItem {
    padding: 8px;
    max-width: 96px;
  }
}
.ColorOptions-groupItem.is-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.ColorOptions-groupItem.ColorOptions-groupItem--alt {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 500px) {
  .ColorOptions-groupItem.ColorOptions-groupItem--alt {
    width: 50%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .ColorOptions-groupItem.ColorOptions-groupItem--alt {
    width: 33.33333%;
    max-width: 100%;
  }
}
.ColorOptions-groupItem.ColorOptions-groupItem--alt .ColorOptions-groupItemContainer {
  max-width: 240px;
}
@media (min-width: 768px) {
  .ColorOptions-groupItem.ColorOptions-groupItem--alt .ColorOptions-groupItemContainer {
    max-width: 183px;
  }
}
.ColorOptions-groupItem.ColorOptions-groupItem--isSelected .ColorOptions-groupItemContainer {
  border-color: #2B2B2B;
}
.ColorOptions-groupItem.ColorOptions-groupItem--isSelected .ColorOptions-groupItemContainer:after {
  height: 17px;
  width: 10px;
  border-style: solid;
  border-width: 0 3px 3px 0;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: rotate(45deg) translateX(-100%) translateY(-25%);
      -ms-transform: rotate(45deg) translateX(-100%) translateY(-25%);
          transform: rotate(45deg) translateX(-100%) translateY(-25%);
  content: '';
}
.ColorOptions-groupItem.ColorOptions-groupItem--isSelected .ColorOptions-groupItemLabel {
  display: none;
}

.ColorOptions-groupItemContainer {
  border: 1px solid #d1d1d2;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  margin: 0 auto;
  padding: 4px;
}

.ColorOptions-groupItemLabel {
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}

.ColorOptions-groupItemImage {
  width: 100%;
  display: block;
}
.ColorOptions-groupItemImage img {
  width: 100%;
  display: block;
}

.CompareResults {
  padding: 40px 0 0;
}
@media (min-width: 768px) {
  .CompareResults {
    padding: 60px 20px;
  }
}
@media (min-width: 1024px) {
  .CompareResults {
    padding: 80px 0;
  }
}
@media print {
  .CompareResults {
    padding: 20px 0 0;
    background-color: #fff;
  }
}
.CompareResults .Tabset .tab-content > .tab-pane {
  display: block;
  border-top: 1px solid #d1d1d2;
}
@media (min-width: 768px) {
  .CompareResults .Tabset .tab-content > .tab-pane {
    border-top: 0;
    display: none;
  }
}
@media print {
  .CompareResults .Tabset .tab-content > .tab-pane {
    display: block !important;
  }
}
.CompareResults .Tabset .nav-tabs {
  display: none;
}
@media (min-width: 768px) {
  .CompareResults .Tabset .nav-tabs {
    display: table;
  }
}
@media print {
  .CompareResults .Tabset .nav-tabs {
    display: none !important;
  }
}
.CompareResults .Accordion {
  background: #fff;
}
@media (min-width: 768px) {
  .CompareResults .Accordion {
    width: 100%;
    float: left;
  }
}
.CompareResults .Accordion h2 {
  display: block;
  border-top: 1px solid #d1d1d2;
  background-color: #fff;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .CompareResults .Accordion h2 {
    display: none;
  }
}
.CompareResults .Accordion h2 a {
  display: block;
  height: 50px;
  padding: 18px 20px 0;
}
@media print {
  .CompareResults .Accordion h2 {
    display: block;
    text-align: center;
  }
  .CompareResults .Accordion h2:after {
    display: none;
  }
}
@media (min-width: 768px) {
  .CompareResults .Accordion .panel-heading {
    display: none;
  }
}
@media print {
  .CompareResults .Accordion .panel-heading {
    display: block !important;
  }
}
.CompareResults .Accordion .panel-title a {
  position: relative;
  display: block;
  width: 100%;
  padding: 20px 20px 16px 0;
  cursor: pointer;
  color: #2B2B2B;
  color: inherit;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.no-touch .CompareResults .Accordion .panel-title a {
  -webkit-transition: color .1s ease-in-out;
          transition: color .1s ease-in-out;
}
.CompareResults .Accordion .panel-title a:hover {
  color: #2B2B2B;
}
@media print {
  .CompareResults .Accordion .panel-title a {
    text-align: center;
  }
  .CompareResults .Accordion .panel-title a:after {
    display: none;
  }
}
@media (min-width: 768px) {
  .CompareResults .Accordion .panel-collapse {
    display: block !important;
    height: auto !important;
  }
}
@media print {
  .CompareResults .Accordion .panel-collapse {
    display: block !important;
    height: auto !important;
  }
}
.CompareResults .Accordion .accordion-toggle {
  padding: 20px 20px 16px !important;
}
.CompareResults .Accordion .Icon--uiFeatureStandard,
.CompareResults .Accordion .Icon--uiFeatureOptional,
.CompareResults .Accordion .Icon--uiFeatureNotAvailable {
  display: block;
  padding: 22px 0 5px;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}
@media (min-width: 480px) {
  .CompareResults .Accordion .Icon--uiFeatureStandard,
  .CompareResults .Accordion .Icon--uiFeatureOptional,
  .CompareResults .Accordion .Icon--uiFeatureNotAvailable {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .CompareResults .Accordion .Icon--uiFeatureStandard,
  .CompareResults .Accordion .Icon--uiFeatureOptional,
  .CompareResults .Accordion .Icon--uiFeatureNotAvailable {
    margin: 0 0 5px;
    padding: 0 0 0 27px;
    text-align: left;
  }
}
@media print {
  .CompareResults .Accordion .Icon--uiFeatureStandard,
  .CompareResults .Accordion .Icon--uiFeatureOptional,
  .CompareResults .Accordion .Icon--uiFeatureNotAvailable {
    padding: 0 0 1px;
    text-align: left;
  }
}
.CompareResults .Accordion .Icon--uiFeatureStandard:before,
.CompareResults .Accordion .Icon--uiFeatureOptional:before,
.CompareResults .Accordion .Icon--uiFeatureNotAvailable:before {
  font-size: 16px;
}
@media print {
  .CompareResults .Accordion .Icon--uiFeatureStandard:before,
  .CompareResults .Accordion .Icon--uiFeatureOptional:before,
  .CompareResults .Accordion .Icon--uiFeatureNotAvailable:before {
    display: none;
  }
}
.CompareResults .CompareResults-chart {
  padding: 0;
}
@media (min-width: 768px) {
  .CompareResults .CompareResults-chart {
    padding: 10px 40px 30px;
  }
}
.CompareResults .Icon--uiArrowDown--dark {
  float: right;
  height: 0.8rem;
  margin-right: 0.6rem;
}
@media print {
  .CompareResults .Icon--uiArrowDown--dark {
    display: none;
  }
}
.CompareResults .panel--expanded .Icon--uiArrowDown--dark {
  margin-right: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}

.CompareResults-models {
  display: none;
}
@media (min-width: 768px) {
  .CompareResults-models {
    display: block;
  }
  .CompareResults-models.Pattern, .CompareResults-models.Post-sidebar:before, .CompareResults-models.PostCategory-sidebar:before {
    background-color: #fff;
    background-image: none;
  }
}
@media print {
  .CompareResults-models {
    margin: 0;
    padding: 0;
    background-color: #fff;
    background-image: none;
  }
}
.CompareResults-models .Button--small, .CompareResults-models .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .CompareResults-models .select2-chosen,
.CompareResults-models .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .CompareResults-models .select2-default, .CompareResults-models .sweet-alert button, .sweet-alert .CompareResults-models button {
  width: 68.57%;
  max-width: 90px;
  height: 24px;
  margin: 0 auto 29px auto;
  padding: 7px 10px 0;
  font-size: 12px;
}
@media (min-width: 480px) {
  .CompareResults-models .Button--small, .CompareResults-models .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .CompareResults-models .select2-chosen,
  .CompareResults-models .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .CompareResults-models .select2-default, .CompareResults-models .sweet-alert button, .sweet-alert .CompareResults-models button {
    height: 30px;
    padding-top: 9px;
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .CompareResults-models .Button--small, .CompareResults-models .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .CompareResults-models .select2-chosen,
  .CompareResults-models .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .CompareResults-models .select2-default, .CompareResults-models .sweet-alert button, .sweet-alert .CompareResults-models button {
    background-color: #adaeb2;
  }
  .CompareResults-models .Button--small:hover, .CompareResults-models .CompareResults-models-data .select2-container .select2-chosen:hover, .CompareResults-models-data .select2-container .CompareResults-models .select2-chosen:hover,
  .CompareResults-models .CompareResults-models-data .select2-container .select2-default:hover,
  .CompareResults-models-data .select2-container .CompareResults-models .select2-default:hover, .CompareResults-models .sweet-alert button:hover, .sweet-alert .CompareResults-models button:hover {
    background-color: #2B2B2B;
  }
}
@media (min-width: 900px) {
  .CompareResults-models .Button--small, .CompareResults-models .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .CompareResults-models .select2-chosen,
  .CompareResults-models .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .CompareResults-models .select2-default, .CompareResults-models .sweet-alert button, .sweet-alert .CompareResults-models button {
    min-width: 90px;
  }
}
.CompareResults-models .Button--small:hover, .CompareResults-models .CompareResults-models-data .select2-container .select2-chosen:hover, .CompareResults-models-data .select2-container .CompareResults-models .select2-chosen:hover,
.CompareResults-models .CompareResults-models-data .select2-container .select2-default:hover,
.CompareResults-models-data .select2-container .CompareResults-models .select2-default:hover, .CompareResults-models .sweet-alert button:hover, .sweet-alert .CompareResults-models button:hover {
  color: #fff;
  background-color: #2B2B2B;
}
@media print {
  .CompareResults-models .Button--small, .CompareResults-models .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .CompareResults-models .select2-chosen,
  .CompareResults-models .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .CompareResults-models .select2-default, .CompareResults-models .sweet-alert button, .sweet-alert .CompareResults-models button {
    display: none;
  }
}

.CompareResults-models--responsive {
  display: block;
}
@media (min-width: 768px) {
  .CompareResults-models--responsive {
    display: none;
  }
}

.CompareResults-models-container {
  display: table;
  width: 100%;
  table-layout: fixed;
}

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

.CompareResults-models-data {
  border-left: 1px solid #2B2B2B;
  text-align: center;
  display: table-cell;
  width: 100%;
}
@media (min-width: 768px) {
  .CompareResults-models-data {
    border-left: none;
  }
}
@media print {
  .CompareResults-models-data {
    border-left: none;
  }
}
.CompareResults-models-data:first-child {
  border-left: none !important;
  display: none;
}
@media print {
  .CompareResults-models-data:first-child {
    display: table-cell;
  }
}
@media (min-width: 768px) {
  .CompareResults-models-data:first-child {
    display: table-cell;
  }
}
.CompareResults-models-data a {
  display: block;
  text-align: center;
}
@media (min-width: 768px) {
  .CompareResults-models-data a:hover h3 {
    color: #2B2B2B;
  }
}
.CompareResults-models-data a img {
  width: 90%;
  max-width: 160px;
  margin: 20px auto 0 auto;
  -webkit-transition: .3s ease-out;
          transition: .3s ease-out;
}
@media (min-width: 768px) {
  .CompareResults-models-data a img {
    margin-top: 30px;
  }
}
@media print {
  .CompareResults-models-data a img {
    margin-top: 0;
  }
}
.CompareResults-models-data a h3 {
  margin: 5px 0 10px;
  -webkit-transition: .3s ease-out;
          transition: .3s ease-out;
  color: #fff;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 12px;
}
@media (min-width: 400px) {
  .CompareResults-models-data a h3 {
    font-size: 14px;
  }
}
@media (min-width: 480px) {
  .CompareResults-models-data a h3 {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .CompareResults-models-data a h3 {
    margin: 8px 0 12px;
    color: #2B2B2B;
    font-family: "canada-type-gibson", sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
}
@media (min-width: 900px) {
  .CompareResults-models-data a h3 {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .CompareResults-models-data a h3 {
    font-size: 18px;
  }
}
@media print {
  .CompareResults-models-data a h3 {
    color: #2B2B2B;
    font-family: "canada-type-gibson", sans-serif;
  }
}
.CompareResults-models-data .select2-drop.select2--alt:before {
  left: 50%;
}
.CompareResults-models-data .select2-container .select2-choice {
  display: inline-block;
  padding: 0 !important;
  margin-bottom: 22px;
}
.CompareResults-models-data .select2-container .select2-choice .select2-chosen {
  margin: 0 auto !important;
  padding-left: 4px;
  width: 100%;
}

.CompareResults-header {
  position: relative;
  margin-bottom: 36px;
}
@media (min-width: 768px) {
  .CompareResults-header {
    margin-bottom: 40px;
  }
}
@media print {
  .CompareResults-header {
    margin: 0;
  }
}
.CompareResults-header h1 {
  font-size: 20px;
  line-height: 1;
  letter-spacing: 2px;
}
@media (min-width: 480px) {
  .CompareResults-header h1 {
    font-size: 22px;
  }
  .CompareResults-header h1:after {
    width: 90px;
    margin: 15px auto 26px;
  }
}
@media (min-width: 1024px) {
  .CompareResults-header h1:after {
    width: 90px;
    margin: 15px auto 0;
  }
}
.CompareResults-header h1:after {
  width: 56px;
  margin: 12px auto 16px;
}
@media print {
  .CompareResults-header h1:after {
    display: none;
  }
}
@media print {
  .CompareResults-header h1 {
    margin-bottom: 0;
  }
  .CompareResults-header h1:after {
    display: none;
  }
}
.CompareResults-header .CompareResults-header-buttons {
  text-align: center;
}
@media (min-width: 768px) {
  .CompareResults-header .CompareResults-header-buttons {
    position: absolute;
    top: 0;
    width: 100%;
  }
}
@media print {
  .CompareResults-header .CompareResults-header-buttons {
    display: none;
  }
}
@media (min-width: 768px) {
  .CompareResults-header .CompareResults-header-buttons .CompareResults-back {
    float: left;
  }
}
.CompareResults-header .CompareResults-header-buttons .CompareResults-print {
  display: none;
  border-color: #2B2B2B;
}
@media (min-width: 768px) {
  .CompareResults-header .CompareResults-header-buttons .CompareResults-print {
    display: block;
    float: right;
  }
}

.CompareResults-main {
  width: 100%;
  table-layout: fixed;
  display: table;
}
@media print {
  .CompareResults-main tr {
    page-break-inside: avoid;
  }
}
.CompareResults-main tr {
  display: table-row;
}
.CompareResults-main tr th,
.CompareResults-main tr td {
  vertical-align: top;
  display: table-cell !important;
  width: 100%;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  float: right;
}
@media (min-width: 640px) {
  .CompareResults-main tr th,
  .CompareResults-main tr td {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (min-width: 768px) {
  .CompareResults-main tr th,
  .CompareResults-main tr td {
    width: 100% !important;
    float: none;
    padding: 12px 0;
    border-top: 1px solid #d1d1d2;
    text-align: left;
  }
}
@media print {
  .CompareResults-main tr th,
  .CompareResults-main tr td {
    width: 100% !important;
    float: none;
    padding: 12px 0;
    border-top: 1px solid #d1d1d2;
    text-align: left;
  }
}
.CompareResults-main tr th {
  padding: 10px 0;
  border-top: 1px solid #d1d1d2;
  background-color: #f2f1f0;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}
@media (min-width: 480px) {
  .CompareResults-main tr th {
    padding: 15px 10px;
    font-size: 13px;
  }
}
@media (min-width: 768px) {
  .CompareResults-main tr th {
    background: #fff;
    font-family: "canada-type-gibson", sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
  }
}
@media print {
  .CompareResults-main tr th {
    background: #fff;
    font-family: "canada-type-gibson", sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    padding: 8px;
  }
}
.CompareResults-main tr td {
  padding: 15px 6px;
  border-left: 1px solid #f2f1f0;
  word-break: break-word;
}
@media (min-width: 480px) {
  .CompareResults-main tr td {
    padding: 15px 10px;
  }
}
@media (min-width: 768px) {
  .CompareResults-main tr td {
    padding-right: 2.08334%;
    border-left: none;
  }
}
.CompareResults-main tr td:first-of-type {
  border-left: none;
}
@media print {
  .CompareResults-main tr td {
    padding: 8px;
    border-left: none;
  }
}
.CompareResults-main tr td span {
  display: block;
}
@media (min-width: 768px) {
  .CompareResults-main tr td span {
    display: inline-block;
  }
}
.CompareResults-main tr td span:before {
  content: '(';
}
.CompareResults-main tr td span:after {
  content: ')';
}
@media print {
  .CompareResults-main tr td span {
    display: inline-block;
  }
}

.CompareResults-main-paintSwatch {
  width: 27px;
  height: 27px;
  padding: 2px;
  border: 1px solid #d1d1d2;
  border-radius: 50%;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  user-drag: none;
}

.CompareResults-models--fixed {
  z-index: 501;
  top: 0;
  right: 0;
  left: 0;
  -webkit-transition: 0.25s linear opacity;
          transition: 0.25s linear opacity;
  padding: 0;
  opacity: 0;
  font-family: "canada-type-gibson", sans-serif;
  display: block;
}
@media (min-width: 768px) {
  .CompareResults-models--fixed {
    right: 20px;
    left: 20px;
  }
}
@media (min-width: 1024px) {
  .CompareResults-models--fixed {
    right: 0;
    left: 0;
  }
}
@media print {
  .CompareResults-models--fixed {
    display: none;
  }
}
.CompareResults-models--fixed .Container, .CompareResults-models--fixed .ModelsCarousel .carousel-indicator-cover, .ModelsCarousel .CompareResults-models--fixed .carousel-indicator-cover {
  position: relative;
}
@media (min-width: 768px) {
  .CompareResults-models--fixed .Container, .CompareResults-models--fixed .ModelsCarousel .carousel-indicator-cover, .ModelsCarousel .CompareResults-models--fixed .carousel-indicator-cover {
    padding: 0 40px;
    border-bottom: 2px solid #f2f1f0;
    background: #002F43;
  }
}
@media (min-width: 1024px) {
  .CompareResults-models--fixed .Container, .CompareResults-models--fixed .ModelsCarousel .carousel-indicator-cover, .ModelsCarousel .CompareResults-models--fixed .carousel-indicator-cover {
    margin: 0 auto;
  }
}
.CompareResults-models--fixed .CompareResults-models-data {
  padding: 0;
  border-left: 1px solid #2B2B2B;
}
.CompareResults-models--fixed .CompareResults-models-data:last-child {
  border-right: 1px solid #2B2B2B;
}
.CompareResults-models--fixed .CompareResults-models-data a {
  padding: 10px 0;
  -webkit-transition: background .3s ease-out;
          transition: background .3s ease-out;
}
@media (min-width: 768px) {
  .CompareResults-models--fixed .CompareResults-models-data a {
    padding: 15px 0 12px;
  }
}
.CompareResults-models--fixed .CompareResults-models-data a:hover {
  background: rgba(0, 0, 0, 0.15);
}
.CompareResults-models--fixed .CompareResults-models-data a:hover h3 {
  color: #fff;
}
.CompareResults-models--fixed .CompareResults-models-data a img {
  display: none;
  width: 50%;
  max-width: 90px;
  margin: 0;
}
@media (min-width: 768px) {
  .CompareResults-models--fixed .CompareResults-models-data a img {
    display: inline-block;
  }
}
.CompareResults-models--fixed .CompareResults-models-data a h3 {
  min-width: 0;
  margin: 0;
  color: #f2f1f0;
}
@media (min-width: 768px) {
  .CompareResults-models--fixed .CompareResults-models-data a h3 {
    margin-top: 0;
    font-size: 14px;
  }
}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-resolution: 192dpi), only screen and (min-width: 768px) and (min-resolution: 2dppx) {
  .CompareResults-models--fixed .Container, .CompareResults-models--fixed .ModelsCarousel .carousel-indicator-cover, .ModelsCarousel .CompareResults-models--fixed .carousel-indicator-cover, .CompareResults-models--fixed .ModelsCarousel .carousel-indicator-cover, .ModelsCarousel .CompareResults-models--fixed .carousel-indicator-cover {
    background-color: #002f43;
    background-size: 500px 375px;
  }
}
.CompareResults-models-back {
  position: absolute;
  top: 50%;
  left: 40px;
  display: none;
  margin-top: -8px;
  -webkit-transition: .3s ease-out;
          transition: .3s ease-out;
  opacity: .7;
  color: #fff;
  font-size: 14px;
}
@media (min-width: 768px) {
  .CompareResults-models-back {
    display: inline-block;
  }
}
.CompareResults-models-back:hover {
  opacity: 1;
}

.CompareResults-models-toTop {
  position: absolute;
  top: 50%;
  right: 8px;
  display: none;
  width: 24px;
  margin-top: -12px;
  padding-top: 14px;
  -webkit-transition: opacity .3s;
          transition: opacity .3s;
  opacity: .6;
  color: #fff;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 10px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .CompareResults-models-toTop {
    display: inline-block;
  }
}
.CompareResults-models-toTop:hover {
  opacity: 1;
}
.CompareResults-models-toTop:before, .CompareResults-models-toTop:after {
  margin-top: -0.65em;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 1rem;
}

.CompareResults-chart-warranty {
  display: none;
}
@media (min-width: 768px) {
  .CompareResults-chart-warranty {
    display: table-row;
  }
}
@media print {
  .CompareResults-chart-warranty {
    display: table-row;
  }
}

.Container--2020 {
  max-width: 960px;
}

.Container--section, .Hero--fixed .Hero-container {
  padding: 40px 20px;
}
@media (min-width: 768px) {
  .Container--section, .Hero--fixed .Hero-container {
    padding: 60px 20px;
  }
}
@media (min-width: 1024px) {
  .Container--section, .Hero--fixed .Hero-container {
    padding: 80px 0;
  }
}
@media print {
  .Container--section, .Hero--fixed .Hero-container {
    padding: 20px 0 0;
  }
}

.Container-typography strong,
.Container-typography b {
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 700 !important;
}

.Content {
  background-color: #fff;
}
.Content .Typography h2:not(:first-child) {
  margin-top: 30px;
}

.Content--form .Newsletter-modal {
  width: 100%;
  margin-left: 0;
  margin-top: 15px;
}

.Content-images {
  margin: 14px 0;
}
@media (min-width: 768px) {
  .Content-images {
    margin: 6px 0 0;
  }
}
@media (min-width: 768px) {
  .Content--right .Content-images {
    width: 41.66667%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
  }
}
@media (min-width: 768px) {
  .Content--left .Content-images {
    width: 41.66667%;
    float: right;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
  }
}
.Content-images.Content-images--toggle {
  display: none;
}
@media (min-width: 768px) {
  .Content-images.Content-images--toggle {
    display: block;
  }
}
.Content-images img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  padding: 5px 20px;
}
@media (min-width: 768px) {
  .Content-images img {
    margin: 0 0 20px;
  }
  .Content-images img:last-child {
    margin: 0;
  }
}
@media (min-width: 768px) {
  .Content--right .Content-images img {
    float: left;
    padding: 0 20px 0 0;
  }
}
@media (min-width: 768px) {
  .Content--left .Content-images img {
    float: right;
    padding: 0 0 0 20px;
  }
}

.Content--slide {
  display: table;
  width: 100%;
  height: 100%;
  background: 0;
}
.Content--slide h1 {
  color: #fff;
  text-shadow: 0 0 60px #000;
  font-size: 47px;
  line-height: 0.7;
}
@media (min-width: 460px) {
  .Content--slide h1 {
    font-size: 60px;
    line-height: 0.735;
  }
}
@media (min-width: 600px) {
  .Content--slide h1 {
    font-size: 65px;
    line-height: 0.75;
  }
}
@media (min-width: 768px) {
  .Content--slide h1 {
    font-size: 80px;
    line-height: 0.825;
  }
}
.Content--slide h1:after {
  visibility: hidden;
}
.Content--slide .Button--white {
  text-shadow: 0 0 50px #000;
  font-size: 13px;
}
@media (min-width: 768px) {
  .Content--slide .Button--white {
    font-size: 15px;
  }
}
.Content--slide.Content--right {
  text-align: right;
}
.Content--slide.Content--right h1 {
  text-align: right;
}
.Content--slide.Content--left {
  text-align: left;
}
.Content--slide.Content--left h1 {
  text-align: left;
}

.Content--slide .Content-text {
  display: table-cell;
  padding-top: 20px;
  vertical-align: top;
}
@media (min-width: 460px) {
  .Content--slide .Content-text {
    padding-top: 70px;
  }
}
@media (min-width: 768px) {
  .Content--slide .Content-text {
    padding-top: 0;
    vertical-align: middle;
  }
}
.Content-text .Button, .Content-text .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .Content-text .select2-chosen,
.Content-text .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .Content-text .select2-default, .Content-text .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .Content-text .select2-choice.select2-default, .Content-text .sweet-alert button, .sweet-alert .Content-text button {
  padding: 10px 20px;
}

.Offers-Variation h2:after {
  border-bottom: none;
}
.Offers-Variation ul {
  margin-top: 20px;
  margin-bottom: 20px;
  list-style-image: url("../../../red-check.png");
}
.Offers-Variation ul li {
  margin-bottom: 15px;
  padding-left: 10px;
  text-align: left;
}

#section-vin-lookup .Content-copy {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 480px) {
  #section-vin-lookup .Content-copy {
    width: 83.33333%;
    float: left;
    float: none;
  }
}
@media (min-width: 768px) {
  #section-vin-lookup .Content-copy {
    width: 66.66667%;
    float: left;
    float: none;
  }
}
@media (min-width: 900px) {
  #section-vin-lookup .Content-copy {
    width: 50%;
    float: left;
    float: none;
  }
}

@media (min-width: 768px) {
  .Content--center .Content-copy {
    max-width: 610px;
    margin: 0 auto;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .Offers-Variation .Content-copy {
    max-width: 740px;
  }
}
@media (min-width: 768px) {
  .Content--right .Content-copy {
    width: 58.33333%;
    float: right;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
  }
}
.Content--left .Content-copy {
  float: left;
}
@media (min-width: 768px) {
  .Content--left .Content-copy {
    width: 58.33333%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
  }
}
.Content-copy .Button, .Content-copy .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .Content-copy .select2-chosen,
.Content-copy .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .Content-copy .select2-default, .Content-copy .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .Content-copy .select2-choice.select2-default, .Content-copy .sweet-alert button, .sweet-alert .Content-copy button {
  margin-top: 12px;
  padding: 10px 20px;
}
@media (min-width: 900px) {
  .Content-copy .Button, .Content-copy .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .Content-copy .select2-chosen,
  .Content-copy .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .Content-copy .select2-default, .Content-copy .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .Content-copy .select2-choice.select2-default, .Content-copy .sweet-alert button, .sweet-alert .Content-copy button {
    margin-top: 15px;
  }
}
.Content-copy .Button.Button--play, .Content-copy .CompareResults-models-data .select2-container .Button--play.select2-chosen, .CompareResults-models-data .select2-container .Content-copy .Button--play.select2-chosen,
.Content-copy .CompareResults-models-data .select2-container .Button--play.select2-default,
.CompareResults-models-data .select2-container .Content-copy .Button--play.select2-default, .Content-copy .ContentLinks-link .select2-container .Button--play.select2-choice.select2-default, .ContentLinks-link .select2-container .Content-copy .Button--play.select2-choice.select2-default, .Content-copy .sweet-alert button.Button--play, .sweet-alert .Content-copy button.Button--play {
  padding-left: 45px;
}
.Content-copy iframe {
  width: 100%;
  border: 0;
}

.Content-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}

.Content-block {
  margin: 0 0 30px;
  width: 100%;
  float: left;
  padding-left: 1.04167%;
  padding-right: 1.04167%;
}
@media (min-width: 768px) {
  .Content-block {
    width: 50%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
  }
}
.Content-block:last-child, .Content-block:nth-last-child(2) {
  margin: 0;
}

.ContentLinks {
  border-top: 1px solid #d1d1d2;
}

.ContentLinks-container {
  text-align: center;
}
@media (min-width: 768px) {
  .ContentLinks-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
  }
}
@media (min-width: 768px) {
  .ContentLinks-container.ContentLinks-container-2 .ContentLinks-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 15px;
    width: 50%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .no-flexbox .ContentLinks-container.ContentLinks-container-2 .ContentLinks-link {
    float: left;
  }
}
@media (min-width: 768px) {
  .ContentLinks-container.ContentLinks-container-1 .ContentLinks-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 15px;
    width: 100%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .no-flexbox .ContentLinks-container.ContentLinks-container-1 .ContentLinks-link {
    float: left;
  }
}

.ContentLinks-link {
  position: relative;
  padding: 30px 0;
  width: 100%;
  float: left;
  padding-left: 1.04167%;
  padding-right: 1.04167%;
}
@media (min-width: 768px) {
  .ContentLinks-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 15px;
    width: 33.33333%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .no-flexbox .ContentLinks-link {
    float: left;
  }
}
.ContentLinks-link .Button:hover:after, .ContentLinks-link .CompareResults-models-data .select2-container .select2-chosen:hover:after, .CompareResults-models-data .select2-container .ContentLinks-link .select2-chosen:hover:after,
.ContentLinks-link .CompareResults-models-data .select2-container .select2-default:hover:after,
.CompareResults-models-data .select2-container .ContentLinks-link .select2-default:hover:after, .ContentLinks-link .select2-container .select2-choice.select2-default:hover:after, .ContentLinks-link .sweet-alert button:hover:after, .sweet-alert .ContentLinks-link button:hover:after {
  color: #f2f1f0;
}
.ContentLinks-link .Button:after, .ContentLinks-link .CompareResults-models-data .select2-container .select2-chosen:after, .CompareResults-models-data .select2-container .ContentLinks-link .select2-chosen:after,
.ContentLinks-link .CompareResults-models-data .select2-container .select2-default:after,
.CompareResults-models-data .select2-container .ContentLinks-link .select2-default:after, .ContentLinks-link .select2-container .select2-choice.select2-default:after, .ContentLinks-link .sweet-alert button:after, .sweet-alert .ContentLinks-link button:after {
  color: #2B2B2B;
}
.ContentLinks-link:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  content: '';
  background-color: #d1d1d2;
}
@media (min-width: 768px) {
  .ContentLinks-link:before {
    display: none;
  }
}
.ContentLinks-link:first-child {
  padding-top: 0;
}
.ContentLinks-link:first-child:before {
  display: none;
}
.ContentLinks-link:last-child {
  padding-bottom: 0;
}
.ContentLinks-link .Button, .ContentLinks-link .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .ContentLinks-link .select2-chosen,
.ContentLinks-link .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .ContentLinks-link .select2-default, .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .sweet-alert button, .sweet-alert .ContentLinks-link button {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -ms-flex-item-align: center;
      align-self: center;
}
@media (min-width: 900px) {
  .ContentLinks-link .Button, .ContentLinks-link .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .ContentLinks-link .select2-chosen,
  .ContentLinks-link .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .ContentLinks-link .select2-default, .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .sweet-alert button, .sweet-alert .ContentLinks-link button {
    min-width: 220px;
  }
}
.ContentLinks-link .select2-container {
  width: auto;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  -ms-flex-item-align: center;
  align-self: center;
}
.ContentLinks-link .select2-container .select2-choice.select2-default {
  background-clip: border-box;
}

@media (min-width: 768px) {
  .ContentLinks-copy {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}
.ContentLinks-copy .Icon, .ContentLinks-copy .Button--print, .ContentLinks-copy .Button--download, .ContentLinks-copy .bx-wrapper .bx-prev, .bx-wrapper .ContentLinks-copy .bx-prev, .ContentLinks-copy .bx-wrapper .bx-next, .bx-wrapper .ContentLinks-copy .bx-next {
  max-width: 70px;
  max-height: 35px;
  margin-bottom: 24px;
  background-size: contain;
}
.ContentLinks-copy.Typography h2 {
  margin: 0 0 10px;
  color: #2B2B2B;
  font-size: 20px;
  font-weight: 500;
}
.ContentLinks-copy.Typography h2:after {
  display: none;
}
.ContentLinks-copy.Typography p {
  margin: 0;
  padding: 0 0 24px;
}

.ContentLinks-copy--after {
  padding-top: 24px;
}
.ContentLinks-copy--after p:last-of-type {
  padding-bottom: 0;
}

.CustomerStoryWidget {
  padding: 30px 0;
  border-top: 1px solid #d1d1d2;
}
@media (min-width: 1024px) {
  .CustomerStoryWidget {
    padding: 40px 0;
  }
}
.CustomerStoryWidget:first-child {
  padding-top: 0;
  border-top: none;
}
.CustomerStoryWidget:last-child {
  padding-bottom: 0;
}

@media (min-width: 768px) {
  .CustomerStoryWidget-video {
    width: 33.33333%;
    float: left;
  }
}
.CustomerStoryWidget-video:hover .CustomerStoryWidget-overlay:before {
  background-color: rgba(0, 0, 0, 0.2);
}

.CustomerStoryWidget-image {
  display: block;
  position: relative;
  max-width: 600px;
  margin: 0 auto;
}
.CustomerStoryWidget-image img {
  position: relative;
  z-index: 1;
  width: 100%;
  display: block;
}

.CustomerStoryWidget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.CustomerStoryWidget-overlay:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 200px rgba(0, 0, 0, 0.4) inset;
  background: rgba(0, 0, 0, 0.4);
}
.no-touch .CustomerStoryWidget-overlay:before {
  -webkit-transition: background 0.3s ease-in-out;
          transition: background 0.3s ease-in-out;
}

.CustomerStoryWidget-overlayContent {
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
}
.CustomerStoryWidget-overlayContent span {
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  text-shadow: 0 0 40px rgba(0, 0, 0, 0.6);
  display: table-cell;
  vertical-align: middle;
}
.CustomerStoryWidget-overlayContent span:before {
  content: '';
  margin-bottom: 15px;
}

.CustomerStoryWidget-content {
  max-width: 600px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .CustomerStoryWidget-content {
    width: 66.66667%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    max-width: none;
    padding-top: 0;
    padding-left: 40px;
  }
}
.CustomerStoryWidget-content .date {
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #83a9b4;
  margin: 0 0 10px;
}
.CustomerStoryWidget-content.Typography h2 {
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  margin-bottom: 20px !important;
}
@media (min-width: 480px) {
  .CustomerStoryWidget-content.Typography h2 {
    margin: 0;
  }
}
@media (min-width: 1024px) {
  .CustomerStoryWidget-content.Typography h2 {
    margin: 0;
  }
}
.CustomerStoryWidget-content.Typography h2:after {
  display: none;
}
.CustomerStoryWidget-content.Typography p {
  color: #2B2B2B;
  font-size: 18px;
  font-weight: 400;
  margin: 0;
}

.Default label {
  display: block;
  font-size: 16px;
}
.Default label sup {
  top: auto;
  font-size: 100%;
  color: #2B2B2B;
}
@media (min-width: 640px) {
  .Default label {
    float: left;
    width: 30%;
    padding-top: 10px;
  }
}
.Default .wpcf7 p {
  padding: 10px 0;
  overflow: hidden;
  clear: both;
}
.Default .wpcf7 p:first-of-type {
  padding-top: 0;
}
.Default .wpcf7 p:last-of-type {
  padding-bottom: 0;
}
.Default .wpcf7 .wpcf7-text {
  display: block;
  width: 100%;
  height: 40px;
  border: 1px solid #d1d1d2;
  font-size: 16px;
  margin-top: 8px;
  padding: 10px 12px 9px;
}
@media (min-width: 640px) {
  .Default .wpcf7 .wpcf7-text {
    margin: 0;
  }
}
.Default .wpcf7 .wpcf7-form-control-wrap {
  display: block;
  float: right;
  padding: 10px 0 0;
  width: 100%;
}
@media (min-width: 640px) {
  .Default .wpcf7 .wpcf7-form-control-wrap {
    padding: 0;
    width: 70%;
  }
}
.Default .wpcf7 .wpcf7-list-item {
  margin: 0 0 2px;
  display: block;
  min-width: 230px;
  max-width: 100%;
}
.Default .wpcf7 .wpcf7-list-item label {
  width: auto;
  padding: 10px 0 9px;
}
@media (min-width: 900px) {
  .Default .wpcf7 .wpcf7-list-item {
    width: 50%;
    float: left;
  }
}
.Default .wpcf7 .wpcf7-list-item-label {
  pointer-events: none;
}
.Default .wpcf7 .wpcf7-submit {
  background-color: transparent;
  width: 100%;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.4;
  color: #2B2B2B;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 10px 15px;
  border: 2px solid;
  display: inline-block;
  -webkit-transition: 0.2s ease-out;
          transition: 0.2s ease-out;
}
@media (min-width: 640px) {
  .Default .wpcf7 .wpcf7-submit {
    width: 40%;
    margin-left: 30%;
  }
}
.Default .wpcf7 .wpcf7-submit:hover {
  background-color: #2B2B2B;
  color: #fff;
  border-color: #2B2B2B;
}
.Default .wpcf7 .wpcf7-response-output {
  margin-bottom: 20px;
}
.Default .wpcf7 .wpcf7-not-valid-tip {
  margin-top: 10px;
}
.Default .select2-container {
  font-size: 16px;
  line-height: 1;
  display: block;
  margin-top: 8px;
}
@media (min-width: 640px) {
  .Default .select2-container {
    margin: 0;
  }
}

.DetailedCard {
  position: relative;
  overflow: hidden;
}

.DetailedCard-scene {
  display: block;
  position: relative;
  z-index: 1;
  min-width: 100%;
  height: 145px;
}
@media (min-width: 768px) {
  .DetailedCard-scene {
    height: 220px;
  }
}
@media (min-width: 960px) {
  .DetailedCard-scene {
    height: 290px;
  }
}

.DetailedCard-pattern {
  position: relative;
  z-index: 2;
  padding: 20px 0 0;
  border-bottom: 1px solid #d1d1d2;
}
@media (min-width: 568px) {
  .DetailedCard-pattern {
    padding-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .DetailedCard-pattern {
    padding-bottom: 23px;
  }
}
@media (min-width: 960px) {
  .DetailedCard-pattern {
    padding-bottom: 30px;
  }
}

.DetailedCard-image {
  margin: -110px 0 15px;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
}
@media (min-width: 568px) {
  .DetailedCard-image {
    float: left;
    width: 50%;
  }
  .DetailedCard--alt .DetailedCard-image {
    float: right;
  }
}
@media (min-width: 768px) {
  .DetailedCard-image {
    margin-top: -155px;
  }
}
@media (min-width: 960px) {
  .DetailedCard-image {
    margin-top: -320px;
    width: 65%;
  }
}
.DetailedCard-image img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  width: auto;
  height: auto;
}
.DetailedCard-image .Button, .DetailedCard-image .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .DetailedCard-image .select2-chosen,
.DetailedCard-image .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .DetailedCard-image .select2-default, .DetailedCard-image .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .DetailedCard-image .select2-choice.select2-default, .DetailedCard-image .sweet-alert button, .sweet-alert .DetailedCard-image button {
  font-size: 13px;
  color: #a1a2a6;
  margin-top: 20px;
  padding-left: 45px;
  padding-right: 15px;
  display: none;
}
@media (min-width: 568px) {
  .DetailedCard-image .Button, .DetailedCard-image .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .DetailedCard-image .select2-chosen,
  .DetailedCard-image .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .DetailedCard-image .select2-default, .DetailedCard-image .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .DetailedCard-image .select2-choice.select2-default, .DetailedCard-image .sweet-alert button, .sweet-alert .DetailedCard-image button {
    display: inline-block;
    float: right;
    margin-right: 10px;
  }
}
@media (min-width: 768px) {
  .DetailedCard-image .Button, .DetailedCard-image .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .DetailedCard-image .select2-chosen,
  .DetailedCard-image .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .DetailedCard-image .select2-default, .DetailedCard-image .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .DetailedCard-image .select2-choice.select2-default, .DetailedCard-image .sweet-alert button, .sweet-alert .DetailedCard-image button {
    font-size: 14px;
  }
}
@media (min-width: 960px) {
  .DetailedCard-image .Button, .DetailedCard-image .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .DetailedCard-image .select2-chosen,
  .DetailedCard-image .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .DetailedCard-image .select2-default, .DetailedCard-image .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .DetailedCard-image .select2-choice.select2-default, .DetailedCard-image .sweet-alert button, .sweet-alert .DetailedCard-image button {
    font-size: 15px;
    margin-top: 0px;
    margin-right: 0;
  }
}
.DetailedCard-image .Button:hover, .DetailedCard-image .CompareResults-models-data .select2-container .select2-chosen:hover, .CompareResults-models-data .select2-container .DetailedCard-image .select2-chosen:hover,
.DetailedCard-image .CompareResults-models-data .select2-container .select2-default:hover,
.CompareResults-models-data .select2-container .DetailedCard-image .select2-default:hover, .DetailedCard-image .ContentLinks-link .select2-container .select2-choice.select2-default:hover, .ContentLinks-link .select2-container .DetailedCard-image .select2-choice.select2-default:hover, .DetailedCard-image .sweet-alert button:hover, .sweet-alert .DetailedCard-image button:hover, .DetailedCard-image .Button.Button--is-active, .DetailedCard-image .CompareResults-models-data .select2-container .Button--is-active.select2-chosen, .CompareResults-models-data .select2-container .DetailedCard-image .Button--is-active.select2-chosen,
.DetailedCard-image .CompareResults-models-data .select2-container .Button--is-active.select2-default,
.CompareResults-models-data .select2-container .DetailedCard-image .Button--is-active.select2-default, .DetailedCard-image .ContentLinks-link .select2-container .Button--is-active.select2-choice.select2-default, .ContentLinks-link .select2-container .DetailedCard-image .Button--is-active.select2-choice.select2-default, .DetailedCard-image .sweet-alert button.Button--is-active, .sweet-alert .DetailedCard-image button.Button--is-active {
  background-color: #2B2B2B;
  color: #fff;
}
.DetailedCard-image .Button:hover:before, .DetailedCard-image .CompareResults-models-data .select2-container .select2-chosen:hover:before, .CompareResults-models-data .select2-container .DetailedCard-image .select2-chosen:hover:before,
.DetailedCard-image .CompareResults-models-data .select2-container .select2-default:hover:before,
.CompareResults-models-data .select2-container .DetailedCard-image .select2-default:hover:before, .DetailedCard-image .ContentLinks-link .select2-container .select2-choice.select2-default:hover:before, .ContentLinks-link .select2-container .DetailedCard-image .select2-choice.select2-default:hover:before, .DetailedCard-image .sweet-alert button:hover:before, .sweet-alert .DetailedCard-image button:hover:before, .DetailedCard-image .Button.Button--is-active:before, .DetailedCard-image .CompareResults-models-data .select2-container .Button--is-active.select2-chosen:before, .CompareResults-models-data .select2-container .DetailedCard-image .Button--is-active.select2-chosen:before,
.DetailedCard-image .CompareResults-models-data .select2-container .Button--is-active.select2-default:before,
.CompareResults-models-data .select2-container .DetailedCard-image .Button--is-active.select2-default:before, .DetailedCard-image .ContentLinks-link .select2-container .Button--is-active.select2-choice.select2-default:before, .ContentLinks-link .select2-container .DetailedCard-image .Button--is-active.select2-choice.select2-default:before, .DetailedCard-image .sweet-alert button.Button--is-active:before, .sweet-alert .DetailedCard-image button.Button--is-active:before {
  color: #fff;
}
.DetailedCard-image .Button--toggle:before {
  color: #a1a2a6;
}

.DetailedCard-content {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media (min-width: 568px) {
  .DetailedCard-content {
    margin-top: -150px;
    float: right;
    width: 50%;
    padding-right: 15px;
  }
  .DetailedCard--alt .DetailedCard-content {
    float: left;
    padding-right: 0;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .DetailedCard-content {
    margin-top: -218px;
    padding-right: 22px;
  }
  .DetailedCard--alt .DetailedCard-content {
    padding-right: 0;
    padding-left: 22px;
  }
}
@media (min-width: 960px) {
  .DetailedCard-content {
    margin-top: -280px;
    width: 35%;
    padding-right: 30px;
  }
  .DetailedCard--alt .DetailedCard-content {
    padding-right: 0;
    padding-left: 30px;
  }
}
@media (min-width: 1020px) {
  .DetailedCard-content {
    padding-right: 0px;
  }
  .DetailedCard--alt .DetailedCard-content {
    padding-left: 0px;
  }
}

.DetailedCard-description {
  background-color: #fff;
  text-align: center;
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
  padding: 16px;
}
@media (min-width: 768px) {
  .DetailedCard-description {
    max-width: 350px;
    padding: 18px;
    float: right;
  }
  .DetailedCard--alt .DetailedCard-description {
    float: left;
  }
}
@media (min-width: 960px) {
  .DetailedCard-description {
    max-width: 410px;
    padding: 19px;
  }
}
.DetailedCard-description .name .Heading {
  font-size: 31px;
}
@media (min-width: 768px) {
  .DetailedCard-description .name .Heading {
    font-size: 40px;
  }
}
@media (min-width: 960px) {
  .DetailedCard-description .name .Heading {
    font-size: 48px;
  }
}
.DetailedCard-description h3 {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.13;
  color: #2B2B2B;
  margin: 0 0 10px;
  padding: 0;
}
@media (min-width: 768px) {
  .DetailedCard-description h3 {
    font-size: 18px;
  }
}
@media (min-width: 960px) {
  .DetailedCard-description h3 {
    font-size: 18px;
    margin-bottom: 26px;
  }
}

.DetailedCard-features {
  list-style: none;
  border-top: 1px solid #d1d1d2;
  margin: 0 8px 20px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 768px) {
  .DetailedCard-features {
    margin: 0 10px 32px;
  }
}
@media (min-width: 960px) {
  .DetailedCard-features {
    margin: 0 11px 22px;
  }
}

.DetailedCard-feature {
  float: left;
  width: 50%;
  float: left;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 10px;
  color: #2B2B2B;
  text-transform: uppercase;
  display: block;
  padding-top: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d1d1d2;
}
@media (min-width: 768px) {
  .DetailedCard-feature {
    font-size: 11px;
    text-align: left;
    padding-bottom: 13px;
    padding-bottom: 11px;
  }
}
@media (min-width: 960px) {
  .DetailedCard-feature {
    font-size: 12px;
    padding-top: 15px;
    padding-bottom: 13px;
  }
}
.DetailedCard-feature.Icon--uiSeating {
  padding-left: 28px;
}
.DetailedCard-feature.Icon--uiSeating:before {
  font-size: 15px;
  margin-left: -22px;
}
@media (min-width: 768px) {
  .DetailedCard-feature.Icon--uiSeating:before {
    font-size: 18px;
  }
}
.DetailedCard-feature.Icon--uiBed {
  padding-left: 28px;
}
.DetailedCard-feature.Icon--uiBed:before {
  font-size: 20px;
  margin-left: -24px;
}
@media (min-width: 768px) {
  .DetailedCard-feature.Icon--uiBed:before {
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  .DetailedCard-feature.Icon--uiMercedes, .DetailedCard-feature.Icon--uiRam {
    padding-left: 34px;
  }
  .DetailedCard-feature.Icon--uiMercedes:before, .DetailedCard-feature.Icon--uiRam:before {
    margin-left: -27px;
  }
}
@media (min-width: 960px) {
  .DetailedCard-feature.Icon--uiMercedes, .DetailedCard-feature.Icon--uiRam {
    padding-left: 40px;
  }
  .DetailedCard-feature.Icon--uiMercedes:before, .DetailedCard-feature.Icon--uiRam:before {
    margin-left: -30px;
  }
}
@media (min-width: 768px) {
  .DetailedCard-feature.Icon--uiChevrolet, .DetailedCard-feature.Icon--uiBed {
    padding-left: 34px;
  }
  .DetailedCard-feature.Icon--uiChevrolet:before, .DetailedCard-feature.Icon--uiBed:before {
    margin-left: -29px;
  }
}
@media (min-width: 960px) {
  .DetailedCard-feature.Icon--uiChevrolet, .DetailedCard-feature.Icon--uiBed {
    padding-left: 40px;
  }
  .DetailedCard-feature.Icon--uiChevrolet:before, .DetailedCard-feature.Icon--uiBed:before {
    margin-left: -32px;
  }
}
@media (min-width: 768px) {
  .DetailedCard-feature.Icon--uiSeating, .DetailedCard-feature.Icon--uiFuelPump {
    padding-left: 34px;
  }
  .DetailedCard-feature.Icon--uiSeating:before, .DetailedCard-feature.Icon--uiFuelPump:before {
    margin-left: -26px;
  }
}
@media (min-width: 960px) {
  .DetailedCard-feature.Icon--uiSeating, .DetailedCard-feature.Icon--uiFuelPump {
    padding-left: 40px;
  }
  .DetailedCard-feature.Icon--uiSeating:before, .DetailedCard-feature.Icon--uiFuelPump:before {
    margin-left: -29px;
  }
}

.DetailedCard-feature--baseModel, .DetailedCard-feature--fuelType {
  display: none;
}
@media (min-width: 768px) {
  .DetailedCard-feature--baseModel, .DetailedCard-feature--fuelType {
    display: initial;
    width: 58.33333%;
    float: left;
  }
}

@media (min-width: 768px) {
  .DetailedCard-feature--seating, .DetailedCard-feature--sleeping {
    width: 41.66667%;
    float: left;
  }
}

.DetailedCard-price {
  margin: 0 0 10px;
}
.DetailedCard-price .Pricing-label, .DetailedCard-price .Pricing-currency {
  font-size: 10px;
}
@media (min-width: 768px) {
  .DetailedCard-price .Pricing-label, .DetailedCard-price .Pricing-currency {
    font-size: 11px;
  }
}
@media (min-width: 960px) {
  .DetailedCard-price .Pricing-label, .DetailedCard-price .Pricing-currency {
    font-size: 12px;
  }
}
.DetailedCard-price .Pricing-currentOffer {
  font-size: 29px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .DetailedCard-price .Pricing-currentOffer {
    font-size: 33px;
  }
}
@media (min-width: 960px) {
  .DetailedCard-price .Pricing-currentOffer {
    font-size: 36px;
  }
}
.DetailedCard-price .Button, .DetailedCard-price .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .DetailedCard-price .select2-chosen,
.DetailedCard-price .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .DetailedCard-price .select2-default, .DetailedCard-price .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .DetailedCard-price .select2-choice.select2-default, .DetailedCard-price .sweet-alert button, .sweet-alert .DetailedCard-price button {
  display: none;
  font-size: 13px;
  min-width: 180px;
}
@media (min-width: 568px) {
  .DetailedCard-price .Button, .DetailedCard-price .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .DetailedCard-price .select2-chosen,
  .DetailedCard-price .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .DetailedCard-price .select2-default, .DetailedCard-price .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .DetailedCard-price .select2-choice.select2-default, .DetailedCard-price .sweet-alert button, .sweet-alert .DetailedCard-price button {
    display: inline-block;
  }
}
@media (min-width: 768px) {
  .DetailedCard-price .Button, .DetailedCard-price .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .DetailedCard-price .select2-chosen,
  .DetailedCard-price .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .DetailedCard-price .select2-default, .DetailedCard-price .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .DetailedCard-price .select2-choice.select2-default, .DetailedCard-price .sweet-alert button, .sweet-alert .DetailedCard-price button {
    font-size: 14px;
    min-width: 200px;
  }
}
@media (min-width: 960px) {
  .DetailedCard-price .Button, .DetailedCard-price .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .DetailedCard-price .select2-chosen,
  .DetailedCard-price .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .DetailedCard-price .select2-default, .DetailedCard-price .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .DetailedCard-price .select2-choice.select2-default, .DetailedCard-price .sweet-alert button, .sweet-alert .DetailedCard-price button {
    font-size: 15px;
    min-width: 220px;
  }
}

.DetailedCard-bottom {
  margin-top: -20px;
}
@media (min-width: 568px) {
  .DetailedCard-bottom {
    display: none;
  }
}

.DetailedCard-buttons {
  text-align: center;
  margin: 0 auto;
  padding: 40px 0 30px;
  width: 280px;
}
.DetailedCard-buttons .Button, .DetailedCard-buttons .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .DetailedCard-buttons .select2-chosen,
.DetailedCard-buttons .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .DetailedCard-buttons .select2-default, .DetailedCard-buttons .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .DetailedCard-buttons .select2-choice.select2-default, .DetailedCard-buttons .sweet-alert button, .sweet-alert .DetailedCard-buttons button {
  font-size: 13px;
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  width: 135px;
}
.DetailedCard-buttons .Button--toggle {
  color: #d1d1d2;
  padding-left: 40px;
  margin-right: 5px;
}
.DetailedCard-buttons .Button--toggle:hover, .DetailedCard-buttons .Button--toggle.Button--is-active {
  background-color: #2B2B2B;
  color: #fff;
}
.DetailedCard-buttons .Button--toggle:hover:before, .DetailedCard-buttons .Button--toggle.Button--is-active:before {
  color: #fff;
}
.DetailedCard-buttons .Button--toggle:before {
  color: #d1d1d2;
}
.DetailedCard-buttons .Button--arrow {
  text-align: center;
  margin-left: 5px;
}

.DetailedCardSlide {
  position: relative;
  overflow: hidden;
}

.DetailedCardSlide-scene {
  display: block;
  position: relative;
  z-index: 1;
  min-width: 100%;
  height: 145px;
}
@media (min-width: 768px) {
  .DetailedCardSlide-scene {
    height: 220px;
  }
}
@media (min-width: 960px) {
  .DetailedCardSlide-scene {
    height: 290px;
  }
}

.DetailedCardSlide-pattern {
  position: relative;
  z-index: 2;
  padding: 20px 0 0;
  border-bottom: 1px solid #d1d1d2;
}
@media (min-width: 568px) {
  .DetailedCardSlide-pattern {
    padding-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .DetailedCardSlide-pattern {
    padding-bottom: 23px;
  }
}
@media (min-width: 960px) {
  .DetailedCardSlide-pattern {
    padding-bottom: 30px;
  }
}

.DetailedCardSlide-image {
  position: relative;
  z-index: 2;
  text-align: center;
  margin-top: -155px;
  width: 100%;
}
.DetailedCardSlide-image img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  width: auto;
  height: auto;
}
.DetailedCardSlide-image .Button, .DetailedCardSlide-image .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .DetailedCardSlide-image .select2-chosen,
.DetailedCardSlide-image .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .DetailedCardSlide-image .select2-default, .DetailedCardSlide-image .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .DetailedCardSlide-image .select2-choice.select2-default, .DetailedCardSlide-image .sweet-alert button, .sweet-alert .DetailedCardSlide-image button {
  font-size: 13px;
  color: #a1a2a6;
  margin-top: 20px;
  padding-left: 45px;
  padding-right: 15px;
  display: none;
}
@media (min-width: 568px) {
  .DetailedCardSlide-image .Button, .DetailedCardSlide-image .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .DetailedCardSlide-image .select2-chosen,
  .DetailedCardSlide-image .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .DetailedCardSlide-image .select2-default, .DetailedCardSlide-image .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .DetailedCardSlide-image .select2-choice.select2-default, .DetailedCardSlide-image .sweet-alert button, .sweet-alert .DetailedCardSlide-image button {
    display: inline-block;
    float: right;
    margin-right: 10px;
  }
}
@media (min-width: 768px) {
  .DetailedCardSlide-image .Button, .DetailedCardSlide-image .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .DetailedCardSlide-image .select2-chosen,
  .DetailedCardSlide-image .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .DetailedCardSlide-image .select2-default, .DetailedCardSlide-image .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .DetailedCardSlide-image .select2-choice.select2-default, .DetailedCardSlide-image .sweet-alert button, .sweet-alert .DetailedCardSlide-image button {
    font-size: 14px;
  }
}
@media (min-width: 960px) {
  .DetailedCardSlide-image .Button, .DetailedCardSlide-image .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .DetailedCardSlide-image .select2-chosen,
  .DetailedCardSlide-image .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .DetailedCardSlide-image .select2-default, .DetailedCardSlide-image .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .DetailedCardSlide-image .select2-choice.select2-default, .DetailedCardSlide-image .sweet-alert button, .sweet-alert .DetailedCardSlide-image button {
    font-size: 15px;
    margin-top: 0px;
    margin-right: 0;
  }
}
.DetailedCardSlide-image .Button:hover, .DetailedCardSlide-image .CompareResults-models-data .select2-container .select2-chosen:hover, .CompareResults-models-data .select2-container .DetailedCardSlide-image .select2-chosen:hover,
.DetailedCardSlide-image .CompareResults-models-data .select2-container .select2-default:hover,
.CompareResults-models-data .select2-container .DetailedCardSlide-image .select2-default:hover, .DetailedCardSlide-image .ContentLinks-link .select2-container .select2-choice.select2-default:hover, .ContentLinks-link .select2-container .DetailedCardSlide-image .select2-choice.select2-default:hover, .DetailedCardSlide-image .sweet-alert button:hover, .sweet-alert .DetailedCardSlide-image button:hover, .DetailedCardSlide-image .Button.Button--is-active, .DetailedCardSlide-image .CompareResults-models-data .select2-container .Button--is-active.select2-chosen, .CompareResults-models-data .select2-container .DetailedCardSlide-image .Button--is-active.select2-chosen,
.DetailedCardSlide-image .CompareResults-models-data .select2-container .Button--is-active.select2-default,
.CompareResults-models-data .select2-container .DetailedCardSlide-image .Button--is-active.select2-default, .DetailedCardSlide-image .ContentLinks-link .select2-container .Button--is-active.select2-choice.select2-default, .ContentLinks-link .select2-container .DetailedCardSlide-image .Button--is-active.select2-choice.select2-default, .DetailedCardSlide-image .sweet-alert button.Button--is-active, .sweet-alert .DetailedCardSlide-image button.Button--is-active {
  background-color: #2B2B2B;
  color: #fff;
}
.DetailedCardSlide-image .Button:hover:before, .DetailedCardSlide-image .CompareResults-models-data .select2-container .select2-chosen:hover:before, .CompareResults-models-data .select2-container .DetailedCardSlide-image .select2-chosen:hover:before,
.DetailedCardSlide-image .CompareResults-models-data .select2-container .select2-default:hover:before,
.CompareResults-models-data .select2-container .DetailedCardSlide-image .select2-default:hover:before, .DetailedCardSlide-image .ContentLinks-link .select2-container .select2-choice.select2-default:hover:before, .ContentLinks-link .select2-container .DetailedCardSlide-image .select2-choice.select2-default:hover:before, .DetailedCardSlide-image .sweet-alert button:hover:before, .sweet-alert .DetailedCardSlide-image button:hover:before, .DetailedCardSlide-image .Button.Button--is-active:before, .DetailedCardSlide-image .CompareResults-models-data .select2-container .Button--is-active.select2-chosen:before, .CompareResults-models-data .select2-container .DetailedCardSlide-image .Button--is-active.select2-chosen:before,
.DetailedCardSlide-image .CompareResults-models-data .select2-container .Button--is-active.select2-default:before,
.CompareResults-models-data .select2-container .DetailedCardSlide-image .Button--is-active.select2-default:before, .DetailedCardSlide-image .ContentLinks-link .select2-container .Button--is-active.select2-choice.select2-default:before, .ContentLinks-link .select2-container .DetailedCardSlide-image .Button--is-active.select2-choice.select2-default:before, .DetailedCardSlide-image .sweet-alert button.Button--is-active:before, .sweet-alert .DetailedCardSlide-image button.Button--is-active:before {
  color: #fff;
}
.DetailedCardSlide-image .Button--toggle:before {
  color: #a1a2a6;
}

.DetailedCardSlide-content {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media (min-width: 568px) {
  .DetailedCardSlide-content {
    margin-top: -150px;
    float: right;
    width: 50%;
    padding-right: 15px;
  }
  .DetailedCardSlide--alt .DetailedCardSlide-content {
    float: left;
    padding-right: 0;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .DetailedCardSlide-content {
    margin-top: -218px;
    padding-right: 22px;
  }
  .DetailedCardSlide--alt .DetailedCardSlide-content {
    padding-right: 0;
    padding-left: 22px;
  }
}
@media (min-width: 960px) {
  .DetailedCardSlide-content {
    margin-top: -280px;
    width: 46%;
    padding-right: 30px;
  }
  .DetailedCardSlide--alt .DetailedCardSlide-content {
    padding-right: 0;
    padding-left: 30px;
  }
}
@media (min-width: 1020px) {
  .DetailedCardSlide-content {
    padding-right: 0px;
  }
  .DetailedCardSlide--alt .DetailedCardSlide-content {
    padding-left: 0px;
  }
}

.DetailedCardSlide-description {
  background-color: #fff;
  text-align: center;
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
  padding: 16px;
}
@media (min-width: 768px) {
  .DetailedCardSlide-description {
    max-width: 350px;
    padding: 18px;
    float: right;
  }
  .DetailedCardSlide--alt .DetailedCardSlide-description {
    float: left;
  }
}
@media (min-width: 960px) {
  .DetailedCardSlide-description {
    max-width: 410px;
    padding: 19px;
    padding-left: 50px;
  }
}
.DetailedCardSlide-description .name .Heading {
  font-size: 32px;
  padding-left: 20px;
}
@media (min-width: 960px) {
  .DetailedCardSlide-description .name .Heading {
    font-size: 36px;
  }
}
.DetailedCardSlide-description h3 {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.13;
  color: #2B2B2B;
  margin: 0 0 10px;
  padding: 0;
}
@media (min-width: 768px) {
  .DetailedCardSlide-description h3 {
    font-size: 18px;
  }
}
@media (min-width: 960px) {
  .DetailedCardSlide-description h3 {
    font-size: 18px;
    margin-bottom: 26px;
  }
}

.DetailedCardSlide-features {
  list-style: none;
  border-top: 1px solid #d1d1d2;
  margin: 0 8px 20px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 768px) {
  .DetailedCardSlide-features {
    margin: 0 10px 32px;
  }
}
@media (min-width: 960px) {
  .DetailedCardSlide-features {
    margin: 0 11px 22px;
  }
}

.DetailedCardSlide-feature {
  float: left;
  width: 50%;
  float: left;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 10px;
  color: #2B2B2B;
  text-transform: uppercase;
  display: block;
  padding-top: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d1d1d2;
}
@media (min-width: 768px) {
  .DetailedCardSlide-feature {
    font-size: 11px;
    text-align: left;
    padding-bottom: 13px;
    padding-bottom: 11px;
  }
}
@media (min-width: 960px) {
  .DetailedCardSlide-feature {
    font-size: 12px;
    padding-top: 15px;
    padding-bottom: 13px;
  }
}
.DetailedCardSlide-feature.Icon--uiSeating {
  padding-left: 28px;
}
.DetailedCardSlide-feature.Icon--uiSeating:before {
  font-size: 15px;
  margin-left: -22px;
}
@media (min-width: 768px) {
  .DetailedCardSlide-feature.Icon--uiSeating:before {
    font-size: 18px;
  }
}
.DetailedCardSlide-feature.Icon--uiBed {
  padding-left: 28px;
}
.DetailedCardSlide-feature.Icon--uiBed:before {
  font-size: 20px;
  margin-left: -24px;
}
@media (min-width: 768px) {
  .DetailedCardSlide-feature.Icon--uiBed:before {
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  .DetailedCardSlide-feature.Icon--uiMercedes, .DetailedCardSlide-feature.Icon--uiRam {
    padding-left: 34px;
  }
  .DetailedCardSlide-feature.Icon--uiMercedes:before, .DetailedCardSlide-feature.Icon--uiRam:before {
    margin-left: -27px;
  }
}
@media (min-width: 960px) {
  .DetailedCardSlide-feature.Icon--uiMercedes, .DetailedCardSlide-feature.Icon--uiRam {
    padding-left: 40px;
  }
  .DetailedCardSlide-feature.Icon--uiMercedes:before, .DetailedCardSlide-feature.Icon--uiRam:before {
    margin-left: -30px;
  }
}
@media (min-width: 768px) {
  .DetailedCardSlide-feature.Icon--uiChevrolet, .DetailedCardSlide-feature.Icon--uiBed {
    padding-left: 34px;
  }
  .DetailedCardSlide-feature.Icon--uiChevrolet:before, .DetailedCardSlide-feature.Icon--uiBed:before {
    margin-left: -29px;
  }
}
@media (min-width: 960px) {
  .DetailedCardSlide-feature.Icon--uiChevrolet, .DetailedCardSlide-feature.Icon--uiBed {
    padding-left: 40px;
  }
  .DetailedCardSlide-feature.Icon--uiChevrolet:before, .DetailedCardSlide-feature.Icon--uiBed:before {
    margin-left: -32px;
  }
}
@media (min-width: 768px) {
  .DetailedCardSlide-feature.Icon--uiSeating, .DetailedCardSlide-feature.Icon--uiFuelPump {
    padding-left: 34px;
  }
  .DetailedCardSlide-feature.Icon--uiSeating:before, .DetailedCardSlide-feature.Icon--uiFuelPump:before {
    margin-left: -26px;
  }
}
@media (min-width: 960px) {
  .DetailedCardSlide-feature.Icon--uiSeating, .DetailedCardSlide-feature.Icon--uiFuelPump {
    padding-left: 40px;
  }
  .DetailedCardSlide-feature.Icon--uiSeating:before, .DetailedCardSlide-feature.Icon--uiFuelPump:before {
    margin-left: -29px;
  }
}

.DetailedCardSlide-feature--baseModel, .DetailedCardSlide-feature--fuelType {
  display: none;
}
@media (min-width: 768px) {
  .DetailedCardSlide-feature--baseModel, .DetailedCardSlide-feature--fuelType {
    display: initial;
    width: 58.33333%;
    float: left;
  }
}

@media (min-width: 768px) {
  .DetailedCardSlide-feature--seating, .DetailedCardSlide-feature--sleeping {
    width: 41.66667%;
    float: left;
  }
}

.DetailedCardSlide-price {
  margin: 0 0 10px;
}
.DetailedCardSlide-price .Pricing-label, .DetailedCardSlide-price .Pricing-currency {
  font-size: 10px;
}
@media (min-width: 768px) {
  .DetailedCardSlide-price .Pricing-label, .DetailedCardSlide-price .Pricing-currency {
    font-size: 11px;
  }
}
@media (min-width: 960px) {
  .DetailedCardSlide-price .Pricing-label, .DetailedCardSlide-price .Pricing-currency {
    font-size: 12px;
  }
}
.DetailedCardSlide-price .Pricing-currentOffer {
  font-size: 29px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .DetailedCardSlide-price .Pricing-currentOffer {
    font-size: 33px;
  }
}
@media (min-width: 960px) {
  .DetailedCardSlide-price .Pricing-currentOffer {
    font-size: 36px;
  }
}
.DetailedCardSlide-price .Button, .DetailedCardSlide-price .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .DetailedCardSlide-price .select2-chosen,
.DetailedCardSlide-price .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .DetailedCardSlide-price .select2-default, .DetailedCardSlide-price .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .DetailedCardSlide-price .select2-choice.select2-default, .DetailedCardSlide-price .sweet-alert button, .sweet-alert .DetailedCardSlide-price button {
  display: none;
  font-size: 13px;
  min-width: 180px;
}
@media (min-width: 568px) {
  .DetailedCardSlide-price .Button, .DetailedCardSlide-price .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .DetailedCardSlide-price .select2-chosen,
  .DetailedCardSlide-price .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .DetailedCardSlide-price .select2-default, .DetailedCardSlide-price .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .DetailedCardSlide-price .select2-choice.select2-default, .DetailedCardSlide-price .sweet-alert button, .sweet-alert .DetailedCardSlide-price button {
    display: inline-block;
  }
}
@media (min-width: 768px) {
  .DetailedCardSlide-price .Button, .DetailedCardSlide-price .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .DetailedCardSlide-price .select2-chosen,
  .DetailedCardSlide-price .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .DetailedCardSlide-price .select2-default, .DetailedCardSlide-price .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .DetailedCardSlide-price .select2-choice.select2-default, .DetailedCardSlide-price .sweet-alert button, .sweet-alert .DetailedCardSlide-price button {
    font-size: 14px;
    min-width: 200px;
  }
}
@media (min-width: 960px) {
  .DetailedCardSlide-price .Button, .DetailedCardSlide-price .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .DetailedCardSlide-price .select2-chosen,
  .DetailedCardSlide-price .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .DetailedCardSlide-price .select2-default, .DetailedCardSlide-price .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .DetailedCardSlide-price .select2-choice.select2-default, .DetailedCardSlide-price .sweet-alert button, .sweet-alert .DetailedCardSlide-price button {
    font-size: 15px;
    min-width: 220px;
  }
}

.DetailedCardSlide-bottom {
  margin-top: -20px;
}
@media (min-width: 568px) {
  .DetailedCardSlide-bottom {
    display: none;
  }
}

.DetailedCardSlide-buttons {
  text-align: center;
  margin: 0 auto;
  padding: 40px 0 30px;
  width: 280px;
}
.DetailedCardSlide-buttons .Button, .DetailedCardSlide-buttons .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .DetailedCardSlide-buttons .select2-chosen,
.DetailedCardSlide-buttons .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .DetailedCardSlide-buttons .select2-default, .DetailedCardSlide-buttons .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .DetailedCardSlide-buttons .select2-choice.select2-default, .DetailedCardSlide-buttons .sweet-alert button, .sweet-alert .DetailedCardSlide-buttons button {
  font-size: 13px;
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  width: 135px;
}
.DetailedCardSlide-buttons .Button--toggle {
  color: #d1d1d2;
  padding-left: 40px;
  margin-right: 5px;
}
.DetailedCardSlide-buttons .Button--toggle:hover, .DetailedCardSlide-buttons .Button--toggle.Button--is-active {
  background-color: #2B2B2B;
  color: #fff;
}
.DetailedCardSlide-buttons .Button--toggle:hover:before, .DetailedCardSlide-buttons .Button--toggle.Button--is-active:before {
  color: #fff;
}
.DetailedCardSlide-buttons .Button--toggle:before {
  color: #d1d1d2;
}
.DetailedCardSlide-buttons .Button--arrow {
  text-align: center;
  margin-left: 5px;
}

.DrRough {
  opacity: 0;
  -webkit-transition: opacity 1s 0.5s;
          transition: opacity 1s 0.5s;
}
.DrRough.DrRough--isSoSoSmooth {
  opacity: 1;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.lazy {
  width: 1px;
  height: 1px;
}

.Error404 {
  position: relative;
}
@media (min-width: 768px) {
  .Error404 {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
  }
}

.Error404-background {
  position: relative;
}
@media (min-width: 768px) {
  .Error404-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
  }
}

@media (min-width: 768px) {
  .Error404-container {
    position: relative;
    left: 0;
    right: 0;
    z-index: 1;
    height: 100%;
    background: url(../images/props/404.png) no-repeat;
    background-position: 94% 60px;
    background-size: 38%;
  }
}
@media (min-width: 900px) {
  .Error404-container {
    background-position: 95% 60px;
  }
}
@media (min-width: 1024px) {
  .Error404-container {
    background-position: 96% 60px;
  }
}

.Error404-content {
  padding: 0 20px;
}
@media (min-width: 768px) {
  .Error404-content {
    width: 58.33333%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    padding-right: 2.08334%;
  }
}
@media (min-width: 1024px) {
  .Error404-content {
    width: 58.33333%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
  }
}
.Error404-content.Typography h1 {
  font-size: 32px;
  text-transform: none;
  text-align: left;
  letter-spacing: 0;
}
.Error404-content.Typography h1:after {
  display: none;
}
@media (min-width: 480px) {
  .Error404-content.Typography h1 {
    font-size: 42px;
  }
}
.Error404-content.Typography p {
  font-size: 18px;
}
@media (min-width: 480px) {
  .Error404-content.Typography p {
    font-size: 22px;
  }
}
.Error404-content.Typography p em {
  font-size: 22px;
  color: #2B2B2B;
}
@media (min-width: 480px) {
  .Error404-content.Typography p em {
    font-size: 26px;
  }
}
.Error404-content.Typography p em span {
  display: inline-block;
}

.Event > .Container:first-child, .ModelsCarousel .Event > .carousel-indicator-cover:first-child {
  padding-top: 0;
}

.Event-header {
  text-align: center;
  margin: 0 0 20px;
}
@media (min-width: 900px) {
  .Event-header {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .Event-header .back {
    text-align: left;
  }
}
.Event-header .back a {
  display: inline-block;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  margin: 19px 0 9px;
  padding: 8px;
}
@media (min-width: 768px) {
  .Event-header .back a {
    margin: 29px 0 19px;
  }
}
.Event-header .back a:hover {
  text-decoration: underline;
}

.Event-date, .Event-venue, .Event-location {
  font-family: "canada-type-gibson", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #2B2B2B;
  text-align: center;
}

@media (min-width: 768px) {
  .Event-venue {
    display: inline-block;
  }
  .Event-venue:after {
    content: ',';
  }
}

@media (min-width: 768px) {
  .Event-location {
    display: inline-block;
  }
}

.Event-content {
  width: 100%;
  float: left;
  padding-left: 1.04167%;
  padding-right: 1.04167%;
}
@media (min-width: 1024px) {
  .Event-content {
    width: 83.33333%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    margin-left: 8.33333%;
  }
}
.Event-content .Event-content-website {
  text-align: center;
  margin-top: 20px;
}
@media (min-width: 900px) {
  .Event-content .Event-content-website {
    margin-top: 30px;
  }
}
.Event-content .Event-content-website .Button, .Event-content .Event-content-website .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .Event-content .Event-content-website .select2-chosen,
.Event-content .Event-content-website .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .Event-content .Event-content-website .select2-default, .Event-content .Event-content-website .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .Event-content .Event-content-website .select2-choice.select2-default, .Event-content .Event-content-website .sweet-alert button, .sweet-alert .Event-content .Event-content-website button {
  display: block;
}
@media (min-width: 480px) {
  .Event-content .Event-content-website .Button, .Event-content .Event-content-website .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .Event-content .Event-content-website .select2-chosen,
  .Event-content .Event-content-website .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .Event-content .Event-content-website .select2-default, .Event-content .Event-content-website .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .Event-content .Event-content-website .select2-choice.select2-default, .Event-content .Event-content-website .sweet-alert button, .sweet-alert .Event-content .Event-content-website button {
    display: inline-block;
  }
}

.Event-details {
  width: 100%;
  float: left;
}
@media (min-width: 1024px) {
  .Event-details {
    width: 83.33333%;
    float: left;
    margin-left: 8.33333%;
  }
}

.Event-detail {
  width: 100%;
  float: left;
  padding-left: 1.04167%;
  padding-right: 1.04167%;
  text-align: center;
}
.Event-detail:not(:last-child) {
  margin-bottom: 30px;
}
@media (min-width: 600px) {
  .Event-detail {
    width: 50%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    text-align: left;
    margin-bottom: 0;
  }
}
.Event-detail.Typography ul {
  padding: 0;
  margin: 0;
}
.Event-detail.Typography ul li {
  list-style: none;
  margin-bottom: 15px;
}
.Event-detail.Typography ul li:last-child {
  margin-bottom: 0;
}
.Event-detail h2 {
  text-align: center;
}
.Event-detail h2:after {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 600px) {
  .Event-detail h2 {
    text-align: left;
  }
  .Event-detail h2:after {
    margin-left: 0;
    width: 60px;
  }
}

@media (min-width: 768px) {
  .Events .EventsWidget {
    margin-bottom: -15px;
  }
}
.Events .EventsWidget li {
  width: 100%;
  float: left;
  float: none;
}
.no-flexbox .Events .EventsWidget li {
  float: left;
}
@media (min-width: 768px) {
  .Events .EventsWidget li {
    width: 50%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    float: none;
    padding-bottom: 15px;
  }
  .no-flexbox .Events .EventsWidget li {
    float: left;
  }
}
.Events .EventsWidget-post {
  box-shadow: 0 0 40px rgba(209, 209, 210, 0.2);
}

.Events-search {
  width: 100%;
  float: left;
  padding-left: 1.04167%;
  padding-right: 1.04167%;
}
.Events-search.Typography h2 {
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 10px;
  display: block;
}
.Events-search.Typography h2:after {
  display: none;
}
@media (min-width: 480px) {
  .Events-search.Typography h2 {
    text-align: left;
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .Events-search.Typography h2 {
    margin: 0;
    padding-top: 12px;
    width: 51.042%;
  }
}
@media (min-width: 1024px) {
  .Events-search.Typography h2 {
    width: 66.887%;
  }
}
.Events-search.Typography hr {
  width: 100%;
  margin: 30px 0;
}
.Events-search .Form {
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
}
@media (min-width: 480px) {
  .Events-search .Form {
    margin: 0;
  }
}
@media (min-width: 768px) {
  .Events-search .Form {
    float: right;
    width: 48.958%;
  }
}
@media (min-width: 1024px) {
  .Events-search .Form {
    width: 33.113%;
  }
}

.EventsWidget {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.EventsWidget li {
  margin: 0;
  padding: 0 0 2px;
  width: 100%;
}

.EventsWidget-post {
  width: 100%;
  display: table;
}
.EventsWidget-post:hover .EventsWidget-postDate {
  background-color: #2B2B2B;
  color: #FFF;
}
.EventsWidget-post:hover .EventsWidget-postContent {
  background: #fff;
  color: #2B2B2B;
}

.EventsWidget-postDate {
  background-color: #2B2B2B;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: #d1d1d2;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  padding: 20px 0;
  display: table-cell;
  vertical-align: middle;
}
.no-touch .EventsWidget-postDate {
  -webkit-transition: 0.3s ease-out;
          transition: 0.3s ease-out;
}
.EventsWidget-postDate strong {
  display: block;
  font-size: 28px;
  color: #fff;
  letter-spacing: 3px;
  text-indent: 2px;
  margin-top: 3px;
}

.EventsWidget-postContent {
  background-color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  line-height: 1.25;
  color: #2B2B2B;
  padding: 20px;
  display: table-cell;
  vertical-align: middle;
}
.no-touch .EventsWidget-postContent {
  -webkit-transition: 0.3s ease-out;
          transition: 0.3s ease-out;
}
.EventsWidget-postContent h3 {
  color: #2B2B2B;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 16px;
}
.EventsWidget-postContent .date {
  font-weight: 500;
}

.EventsWidget-all {
  text-align: right;
  margin-top: 20px;
}
.EventsWidget-all a {
  font-family: "canada-type-gibson", sans-serif;
  font-size: 14px;
  padding: 8px;
}
@media (min-width: 768px) {
  .EventsWidget-all a {
    padding: 10px;
  }
}
.EventsWidget-all a:hover {
  text-decoration: underline;
}

.FAQ .Accordion {
  max-width: 750px;
  margin: 0 auto;
}
.FAQ .Accordion .panel-title {
  font-size: 17px;
  line-height: 1.4;
  margin-top: 0;
}
.FAQ .Accordion .panel-title a {
  position: relative;
  color: inherit;
  cursor: pointer;
  display: block;
  padding: 20px 40px 20px 0;
}
.no-touch .FAQ .Accordion .panel-title a {
  -webkit-transition: color 0.1s ease-in-out;
          transition: color 0.1s ease-in-out;
}
.FAQ .Accordion .panel-title a:hover {
  color: #2B2B2B;
}
.FAQ .Accordion .panel-body {
  padding: 0 40px 20px 0;
}

.FAQ-content {
  max-width: 450px;
  margin: 0 auto;
}

.FAQ-copy {
  text-align: center;
}

.FAQ-form {
  margin: 20px 0;
}

.FAQ-question {
  margin-bottom: 2px;
  border-bottom: 1px solid #d1d1d2;
}

.Footer {
  background-color: #002F43;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
}
.Footer span a {
  color: #ffffff;
}
.Footer span a:hover {
  color: #83A9B4;
}
@media print {
  .Footer {
    display: none;
  }
}

@media (min-width: 768px) {
  .Footer-social .Button--print, .Footer-social .Button--download, .Footer-social .bx-wrapper .bx-prev, .bx-wrapper .Footer-social .bx-prev, .Footer-social .bx-wrapper .bx-next, .bx-wrapper .Footer-social .bx-next {
    float: left;
  }
}
.Footer-container {
  padding: 36px 0 40px;
  max-width: 85rem;
}
@media (min-width: 480px) {
  .Footer-container {
    padding: 36px 30px 40px;
  }
}
@media (min-width: 768px) {
  .Footer-container {
    padding: 55px 20px 60px;
  }
}
@media (min-width: 1000px) {
  .Footer-container {
    padding-left: 0;
    padding-right: 0;
  }
}

.Footer-social {
  text-align: center;
  padding: 0 20px;
}
@media (min-width: 900px) {
  .Footer-social {
    width: 33.33333%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    float: right;
    text-align: right;
  }
}
.Footer-social.Typography h2 {
  color: #d1d1d2;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 350px;
}
.Footer-social.Typography h2:after {
  display: none;
}
@media (min-width: 768px) {
  .Footer-social.Typography h2 {
    color: #2B2B2B;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    max-width: 300px;
  }
}
.Footer-social.Typography p {
  color: #2B2B2B;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 350px;
}
@media (min-width: 768px) {
  .Footer-social.Typography p {
    text-align: left;
    margin-top: 0.5em;
    margin-left: 0;
    margin-right: 0;
    max-width: 300px;
  }
}
.Footer-social .Icon, .Footer-social .Button--print, .Footer-social .Button--download, .Footer-social .bx-wrapper .bx-prev, .bx-wrapper .Footer-social .bx-prev, .Footer-social .bx-wrapper .bx-next, .bx-wrapper .Footer-social .bx-next {
  width: 48px;
  height: 48px;
  background-size: 48px 48px;
  margin: 0 5px;
}
.Footer-social .Icon:before, .Footer-social .Button--print:before, .Footer-social .Button--download:before, .Footer-social .bx-wrapper .bx-prev:before, .bx-wrapper .Footer-social .bx-prev:before, .Footer-social .bx-wrapper .bx-next:before, .bx-wrapper .Footer-social .bx-next:before {
  width: 48px;
  height: 48px;
  background-size: 48px 48px;
}
.Footer-social .Icon:first-of-type, .Footer-social .Button--print:first-of-type, .Footer-social .Button--download:first-of-type, .Footer-social .bx-wrapper .bx-prev:first-of-type, .bx-wrapper .Footer-social .bx-prev:first-of-type, .Footer-social .bx-wrapper .bx-next:first-of-type, .bx-wrapper .Footer-social .bx-next:first-of-type {
  margin-left: 0;
}
.Footer-social .Icon:last-of-type, .Footer-social .Button--print:last-of-type, .Footer-social .Button--download:last-of-type, .Footer-social .bx-wrapper .bx-prev:last-of-type, .bx-wrapper .Footer-social .bx-prev:last-of-type, .Footer-social .bx-wrapper .bx-next:last-of-type, .bx-wrapper .Footer-social .bx-next:last-of-type {
  margin-right: 0;
}

.Footer-navigation {
  padding: 36px 0 0;
}
@media (min-width: 900px) {
  .Footer-navigation {
    width: 66.66667%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    padding-top: 0;
  }
}
.Footer-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 480px) {
  .Footer-navigation > ul {
    width: 100%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    padding: 0 10px;
    margin-bottom: 20px;
    text-align: center;
  }
}
@media (min-width: 900px) {
  .Footer-navigation > ul {
    width: 33.33333%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    padding: 0 0 0 10px;
    margin-bottom: 0;
    text-align: left;
  }
  .Footer-navigation > ul:first-child {
    width: 33.33333%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    padding: 0 10px 0 0;
  }
}
.Footer-navigation > ul li {
  border-top: 1px solid #2f3031;
}
@media (min-width: 480px) {
  .Footer-navigation > ul li {
    border-top: none;
  }
}
.Footer-navigation > ul a {
  font-family: "canada-type-gibson", sans-serif;
  letter-spacing: 1.5px;
  font-size: 16px;
  line-height: 1;
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  .Footer-navigation > ul a {
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
  }
}
.no-touch .Footer-navigation > ul a {
  -webkit-transition: color 0.1s ease-in-out;
          transition: color 0.1s ease-in-out;
}
.Footer-navigation > ul > li.menu-item-has-children > a:before, .Footer-navigation > ul > li.menu-item-has-children > a:after {
  right: 16px;
}
@media (min-width: 480px) {
  .Footer-navigation > ul > li.menu-item-has-children > a:before, .Footer-navigation > ul > li.menu-item-has-children > a:after {
    display: none !important;
  }
}
.Footer-navigation > ul > li > a {
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  padding: 15px 16px 14px;
}
.Footer-navigation > ul > li > a:hover {
  background-color: #83a9b4;
  color: #fff;
}
@media (min-width: 480px) {
  .Footer-navigation > ul > li > a {
    background-color: transparent;
    padding: 5px 0;
    margin-bottom: 15px;
  }
  .Footer-navigation > ul > li > a:hover {
    background-color: transparent;
    color: #83a9b4;
  }
}
.Footer-navigation > ul > li > ul {
  display: none;
}
@media (min-width: 480px) {
  .Footer-navigation > ul > li > ul {
    display: block !important;
    height: auto !important;
  }
}
@media (min-width: 480px) {
  .Footer-navigation > ul > li > ul > li:first-child {
    display: none;
  }
}
.Footer-navigation > ul > li > ul > li a {
  background-color: #2B2B2B;
  font-weight: 400;
  color: #d1d1d2;
  letter-spacing: 0.5px;
  padding: 12px 24px;
}
.Footer-navigation > ul > li > ul > li a:hover {
  background-color: #525355;
  color: #fff;
}
@media (min-width: 480px) {
  .Footer-navigation > ul > li > ul > li a {
    background-color: transparent;
    padding: 5px 0;
  }
  .Footer-navigation > ul > li > ul > li a:hover {
    background-color: transparent;
  }
}

.Footer-logo {
  max-width: 200px;
}

.Footer-misc {
  width: 100%;
  float: left;
  padding-left: 1.04167%;
  padding-right: 1.04167%;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 16px;
  color: #2B2B2B;
  margin: 40px 0 0;
  padding: 0 16px;
  max-width: 100% !important;
}
@media (min-width: 480px) {
  .Footer-misc {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .Footer-misc {
    font-size: 14px;
    margin-top: 36px;
  }
}
@media (min-width: 768px) {
  .Footer-misc {
    margin-top: 26px;
  }
}
.Footer-misc hr {
  display: none;
  border: 0;
  height: 1px;
  background-color: #2B2B2B;
  margin: 0 0 30px;
}
@media (min-width: 480px) {
  .Footer-misc hr {
    display: block;
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .Footer-misc hr {
    margin: 0 0 30px;
  }
}
.Footer-misc .Footer-misc-column1, .Footer-misc .Footer-misc-column2 {
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .Footer-misc .Footer-misc-column1, .Footer-misc .Footer-misc-column2 {
    width: 50%;
  }
}
.Footer-misc .Footer-misc-column1 {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .Footer-misc .Footer-misc-column1 {
    float: left;
    text-align: left;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .Footer-misc .Footer-misc-column2 {
    float: right;
    text-align: right;
  }
}
.Footer-misc .Footer-misc-navigation {
  display: block;
  margin-bottom: 10px;
}
.Footer-misc .Footer-misc-navigation ul {
  padding: 0;
  margin: 0;
}
.Footer-misc .Footer-misc-navigation ul li {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  border-right: 1px solid #2B2B2B;
}
.Footer-misc .Footer-misc-navigation ul li:first-child {
  padding-left: 0;
}
.Footer-misc .Footer-misc-navigation ul li:last-child {
  padding-right: 0;
  border: none;
}
.Footer-misc .Footer-misc-copyright {
  display: block;
}
.Footer-misc .Footer-misc-credit {
  display: block;
}
.Footer-misc .Footer-misc-credit a {
  display: inline-block;
}

.Header {
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  min-width: 20em;
  height: 55px;
  -webkit-transition: all 100ms linear;
          transition: all 100ms linear;
}
.admin-bar .Header {
  top: 46px;
}
@media (min-width: 763px) {
  .admin-bar .Header {
    top: 32px;
  }
}
@media print {
  .Header {
    position: relative;
    width: 100% !important;
    top: 0 !important;
  }
}
@media (min-width: 768px) {
  .Header {
    height: 90px;
    border-bottom: 1px solid #d1d1d2;
  }
}

.Header-secondaryNav {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  height: 30px;
}
@media (min-width: 768px) {
  .Header-secondaryNav {
    display: block;
  }
}
.Header-secondaryNav li {
  display: block;
  position: relative;
}
.Header-secondaryNav li.Icon > span a, .Header-secondaryNav li.Button--print > span a, .Header-secondaryNav li.Button--download > span a, .Header-secondaryNav .bx-wrapper li.bx-prev > span a, .bx-wrapper .Header-secondaryNav li.bx-prev > span a, .Header-secondaryNav .bx-wrapper li.bx-next > span a, .bx-wrapper .Header-secondaryNav li.bx-next > span a {
  padding-left: 30px;
}
.Header-secondaryNav li.Icon > span a:before, .Header-secondaryNav li.Button--print > span a:before, .Header-secondaryNav li.Button--download > span a:before, .Header-secondaryNav .bx-wrapper li.bx-prev > span a:before, .bx-wrapper .Header-secondaryNav li.bx-prev > span a:before, .Header-secondaryNav .bx-wrapper li.bx-next > span a:before, .bx-wrapper .Header-secondaryNav li.bx-next > span a:before, .Header-secondaryNav li.Icon > span a:after, .Header-secondaryNav li.Button--print > span a:after, .Header-secondaryNav li.Button--download > span a:after, .Header-secondaryNav .bx-wrapper li.bx-prev > span a:after, .bx-wrapper .Header-secondaryNav li.bx-prev > span a:after, .Header-secondaryNav .bx-wrapper li.bx-next > span a:after, .bx-wrapper .Header-secondaryNav li.bx-next > span a:after {
  margin-left: 10px;
}
.no-touch .Header-secondaryNav li.menu-item-has-children:hover > .sub-menu {
  display: block;
}
.Header-secondaryNav li.submenu-fallback-active > .sub-menu {
  display: block;
}
.Header-secondaryNav > li {
  float: right;
}
.no-touch .Header-secondaryNav > li:hover > span a {
  background-color: #2B2B2B;
  color: #fff;
}
.no-touch .Header-secondaryNav > li:hover > span a:after {
  opacity: 1;
}
.Header-secondaryNav > li.submenu-fallback-active > span a {
  background-color: #2B2B2B;
  color: #fff;
}
.Header-secondaryNav > li.submenu-fallback-active > span a:after {
  opacity: 1;
}
.Header-secondaryNav > li > span a {
  color: #adaeb2;
}
.Header-secondaryNav .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  left: 0%;
  z-index: 1;
  padding-top: 10px;
  min-width: 120px;
  display: none;
}
.Header-secondaryNav .sub-menu:before {
  content: '';
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: 5px;
  left: 13px;
  border-bottom: 5px solid #2B2B2B;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  -moz-transform: scale(0.9999);
}
.Header-secondaryNav .sub-menu li {
  border-top: 1px solid #2B2B2B;
}
.Header-secondaryNav .sub-menu li:first-child {
  border-top: none;
}
.Header-secondaryNav .sub-menu li:hover > span a {
  background-color: #2B2B2B;
}
.Header-secondaryNav .sub-menu a {
  background-color: #2B2B2B;
  color: #fff;
}
.Header-secondaryNav a {
  display: block;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 12px;
  line-height: 30px;
  padding: 0 10px;
  cursor: pointer;
}
.no-touch .Header-secondaryNav a {
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.Header-Container {
  position: relative;
  display: table;
  z-index: 1;
  width: 100%;
}
@media (min-width: 768px) {
  .Header-Container {
    padding: 0 20px;
  }
}
.Header-Container.Header-Container--secondary {
  z-index: 2;
}
@media print {
  .Header-Container.Header-Container--secondary {
    visibility: hidden;
  }
}

.Header-search,
.Header-logo,
.Header-menu {
  background-color: #fff;
  display: table-cell;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  z-index: 499;
  border-bottom: 1px solid #d1d1d2;
  cursor: pointer;
}
@media (min-width: 768px) {
  .Header-search,
  .Header-logo,
  .Header-menu {
    background-color: transparent;
    height: auto;
    border: none;
  }
}

.Header-search,
.Header-menu {
  min-width: 50px;
}
@media (min-width: 768px) {
  .Header-search,
  .Header-menu {
    display: none;
  }
}

.Header-searchBar {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
  width: 100%;
  height: 100%;
  padding: 0 55px 0 20px;
  display: none;
}
@media (min-width: 768px) {
  .Header-searchBar {
    background-color: #b9171f;
  }
}
.Header-searchBar.Header-searchBarToggled {
  display: block;
}
@media (min-width: 768px) {
  .Header-searchBar.Header-searchBarToggled {
    display: none;
  }
}
.Header-searchBar input[type="search"] {
  width: 100%;
  height: 100%;
  background-color: transparent;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 1em;
  color: #adaeb2;
  margin: 0;
  padding: 0;
}
.Header-searchBar .Icon--uiX {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 55px;
  height: 100%;
  cursor: pointer;
}
.Header-searchBar .Icon--uiX:before, .Header-searchBar .Icon--uiX:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
}

.Header-logo {
  padding: 12px;
  width: 100%;
}
@media (min-width: 768px) {
  .Header-logo {
    height: 60px;
    width: auto;
    padding: 0 20px 0 0;
    vertical-align: middle;
  }
}
.Header-logo img {
  width: auto;
  max-height: 26px;
  object-fit: contain;
}
@media (min-width: 768px) {
  .Header-logo img {
    min-width: 150px;
    max-width: 150px;
    max-height: 95px;
  }
}
@media (min-width: 1024px) {
  .Header-logo img {
    min-width: 190px;
    max-width: 190px;
  }
}

.Header-menu {
  cursor: pointer;
}

.no-touch .Header-menu:hover .Icon--menuBar {
  background-color: #2B2B2B;
}

.Header-pattern {
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
}
@media (min-width: 768px) {
  .Header-pattern {
    display: none;
  }
}

.Header-navItem {
  display: block;
  position: relative;
  border-bottom: 1px solid #d1d1d2;
}
@media (min-width: 768px) {
  .Header-navItem {
    border: none;
    overflow: visible !important;
  }
}
@media (min-width: 768px) {
  .no-touch .Header-navItem.menu-item-has-children:hover > a {
    color: #83a9b4;
  }
  .no-touch .Header-navItem.menu-item-has-children:hover > a span:after {
    opacity: 1;
  }
  .no-touch .Header-navItem.menu-item-has-children:hover > .Header-subMenu {
    display: block !important;
  }
}
.Header-navItem.menu-item-has-children.click-fallback-active > a {
  color: #83a9b4;
}
.Header-navItem.menu-item-has-children.click-fallback-active > a span:after {
  opacity: 1;
}
.Header-navItem.menu-item-has-children.click-fallback-active > .Header-subMenu {
  display: block !important;
}
.Header-navItem.menu-item-has-children > a > span:before, .Header-navItem.menu-item-has-children > a > span:after {
  right: 26px;
}
.Header-navItem.menu-item-has-children > a > span:hover:after {
  opacity: 0;
}
@media (min-width: 768px) {
  .Header-navItem.menu-item-has-children > a > span:before, .Header-navItem.menu-item-has-children > a > span:after {
    display: none !important;
  }
}
.Header-navItem.menu-item-has-children > a > span:before, .Header-navItem.menu-item-has-children > a > span:after {
  -webkit-transition: 0.25s linear !important;
          transition: 0.25s linear !important;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
.Header-navItem.menu-item-has-children.sub-menu--is-opened > a {
  background-color: #2B2B2B;
  color: #fff;
}
@media (min-width: 768px) {
  .Header-navItem.menu-item-has-children.sub-menu--is-opened > a {
    background-color: initial;
    color: #2B2B2B;
  }
}
.Header-navItem.menu-item-has-children.sub-menu--is-opened > a span:before, .Header-navItem.menu-item-has-children.sub-menu--is-opened > a span:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.Header-navItem.menu-item-has-children.sub-menu--is-opened > a span:after {
  opacity: 1;
}
.Header-navItem > a {
  display: table;
  height: 100%;
  padding: 0;
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
  text-align: left;
  color: #2B2B2B;
  width: 100%;
}
@media (min-width: 768px) {
  .Header-navItem > a {
    font-weight: 500;
    font-size: 14px;
    color: #2B2B2B;
    text-transform: none;
  }
}
.Header-navItem > a .Header-navItemTitle, .Header-navItem > a .Header-navItemThumbnail {
  display: table-cell;
  vertical-align: middle;
}
.Header-navItem > a .Header-navItemTitle {
  padding: 15px 30px;
}
@media (min-width: 768px) {
  .Header-navItem > a .Header-navItemTitle {
    padding: 0 10px;
    text-align: center;
  }
}

.Header-navItemThumbnail {
  padding: 0 20px 0 0;
}
.Header-navItemThumbnail img {
  display: none;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
@media (min-width: 768px) {
  .Header-navItemThumbnail img {
    display: block;
    float: right;
  }
}

.Header-navItemModel,
.Header-navItemFeature {
  position: absolute;
  top: 0;
  left: 100%;
  height: 540px;
  min-height: 100%;
  background-color: #fff;
  overflow: hidden;
  overflow-y: auto;
  display: none;
}

@media (min-width: 768px) {
  .Header-navItemFeature-items {
    padding: 30px;
    -webkit-animation: fadeInDown 0.75s;
            animation: fadeInDown 0.75s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }
}

.Header-navItemModelBackground,
.Header-navItemFeatureBackground {
  position: relative;
  z-index: 0;
  -webkit-animation: shiftBackground 0.75s;
          animation: shiftBackground 0.75s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.Header-navItemModelBackground {
  height: 224px;
}
.Header-navItemModelBackground img {
  width: auto;
  min-height: 224px;
  max-height: 224px;
}

.Header-navItemFeatureBackground {
  display: none;
}
@media (min-width: 768px) {
  .Header-navItemFeatureBackground {
    display: block;
    height: 158px;
  }
  .Header-navItemFeatureBackground h2 {
    z-index: 1;
    color: #fff;
    position: relative;
    top: 68px;
    -webkit-animation: slightslideleft 0.75s;
            animation: slightslideleft 0.75s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
  .Header-navItemFeatureBackground img {
    width: auto;
    min-height: 158px;
    max-height: 158px;
    max-width: 960px;
  }
}

@media (min-width: 768px) {
  .Header-navItemModelImage {
    width: 100%;
    margin-top: -200px;
    position: relative;
    z-index: 100;
    height: 300px;
    -webkit-animation: slightslideleft 0.75s;
            animation: slightslideleft 0.75s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    margin-bottom: 10px;
  }
  .Header-navItemModelImage img {
    display: block;
    margin: 0 auto;
    opacity: 1 !important;
  }
}

.Header-navItemModelContainer {
  padding: 13px 40px 40px;
}
@media (min-width: 900px) {
  .Header-navItemModelContainer {
    display: table;
  }
}

@media (min-width: 768px) {
  .Header-navItemModelContent {
    -webkit-animation: fadeInDown 0.75s;
            animation: fadeInDown 0.75s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }
}
@media (min-width: 900px) {
  .Header-navItemModelContent {
    display: table-cell;
    width: 100%;
    padding-right: 40px;
  }
}

.Header-navItemModelCopy {
  text-align: center;
  margin: 0 0 20px;
}
.Header-navItemModelCopy.Typography {
  color: #2B2B2B;
}
.Header-navItemModelCopy.Typography .Heading--fix {
  font-size: 45px;
}
.Header-navItemModelCopy.Typography p {
  margin-top: 0;
  font-style: italic;
  line-height: 1.2;
}

.Header-navItemModelActions {
  text-align: center;
  margin: 20px 0 0;
}
@media (min-width: 768px) {
  .Header-navItemModelActions {
    -webkit-animation: fadeInDown 0.75s;
            animation: fadeInDown 0.75s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }
}
@media (min-width: 900px) {
  .Header-navItemModelActions {
    display: table-cell;
    vertical-align: bottom;
    margin: 0;
  }
}
.Header-navItemModelActions .Button, .Header-navItemModelActions .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .Header-navItemModelActions .select2-chosen,
.Header-navItemModelActions .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .Header-navItemModelActions .select2-default, .Header-navItemModelActions .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .Header-navItemModelActions .select2-choice.select2-default, .Header-navItemModelActions .sweet-alert button, .sweet-alert .Header-navItemModelActions button {
  font-size: 13px;
  line-height: 1.65;
  margin: 5px;
}
@media (min-width: 900px) {
  .Header-navItemModelActions .Button, .Header-navItemModelActions .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .Header-navItemModelActions .select2-chosen,
  .Header-navItemModelActions .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .Header-navItemModelActions .select2-default, .Header-navItemModelActions .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .Header-navItemModelActions .select2-choice.select2-default, .Header-navItemModelActions .sweet-alert button, .sweet-alert .Header-navItemModelActions button {
    display: block;
    width: 100%;
    margin: 10px 0 0;
  }
}

.Header-navItemModelDetail {
  vertical-align: bottom;
  border-right: 1px solid #d1d1d2;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #2f3031;
  text-align: center;
  text-transform: uppercase;
}
.Header-navItemModelDetail .Icon, .Header-navItemModelDetail .Button--print, .Header-navItemModelDetail .Button--download, .Header-navItemModelDetail .bx-wrapper .bx-prev, .bx-wrapper .Header-navItemModelDetail .bx-prev, .Header-navItemModelDetail .bx-wrapper .bx-next, .bx-wrapper .Header-navItemModelDetail .bx-next {
  display: block;
}
.Header-navItemModelDetail .Icon:before, .Header-navItemModelDetail .Button--print:before, .Header-navItemModelDetail .Button--download:before, .Header-navItemModelDetail .bx-wrapper .bx-prev:before, .bx-wrapper .Header-navItemModelDetail .bx-prev:before, .Header-navItemModelDetail .bx-wrapper .bx-next:before, .bx-wrapper .Header-navItemModelDetail .bx-next:before {
  position: relative;
  top: auto;
  display: block;
  margin: 0 auto 10px;
}
.Header-navItemModelDetail .Icon--uiSeating:before {
  font-size: 18px;
}
.Header-navItemModelDetail .Icon--uiBed:before {
  font-size: 26px;
}

.Header-navItemModelPrice {
  vertical-align: bottom;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 12px;
  padding-top: 3px;
}
.Header-navItemModelPrice .Pricing-label, .Header-navItemModelPrice .Pricing-currency {
  font-size: 12px;
  letter-spacing: 0px;
}
.Header-navItemModelPrice .Pricing-currentOffer {
  font-size: 31px;
}
.Header-navItemModelPrice .Pricing-currentOffer small {
  font-size: 0.5em;
}

.Header-subMenu {
  background-color: #002F43;
  z-index: 1000;
  display: none;
  color: white;
}
@media (min-width: 768px) {
  .Header-subMenu {
    position: absolute;
    top: 100%;
    right: 0;
    height: auto !important;
    display: none !important;
  }
}
.Header-subMenu .Header-navItem {
  border-bottom: none;
  position: static;
}
@media (min-width: 768px) {
  .Header-subMenu .Header-navItem:first-child {
    border-top: none;
  }
}
.no-touch .Header-subMenu .Header-navItem:hover > a {
  color: #83A9b4;
}
@media (min-width: 768px) {
  .no-touch .Header-subMenu .Header-navItem:hover > .Header-navItemModel,
  .no-touch .Header-subMenu .Header-navItem:hover .Header-navItemFeature {
    display: block;
  }
}
.Header-subMenu .Header-navItem.click-fallback-active > a {
  background-color: #2B2B2B;
  color: #fff;
}
@media (min-width: 768px) {
  .Header-subMenu .Header-navItem.click-fallback-active > a {
    background-color: #fff;
    color: #2B2B2B;
  }
}
@media (min-width: 768px) {
  .Header-subMenu .Header-navItem.click-fallback-active > .Header-navItemModel,
  .Header-subMenu .Header-navItem.click-fallback-active .Header-navItemFeature {
    display: block;
  }
}
.Header-subMenu .Header-navItem > a {
  font-size: 16px;
  font-weight: 400;
  color: #2B2B2B;
}
@media (min-width: 768px) {
  .Header-subMenu .Header-navItem > a {
    font-weight: 500;
    color: #2B2B2B;
    white-space: nowrap;
  }
}
.Header-subMenu .Header-navItem > a .Header-navItemTitle {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s linear;
          transition: transform 0.3s linear;
  text-transform: none;
  font-size: 16px;
  padding: 17px 20px 16px 46px;
}
@media (min-width: 768px) {
  .Header-subMenu .Header-navItem > a .Header-navItemTitle {
    font-size: 14px;
    padding: 17px 20px;
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .Header-subMenu .Header-navItem > a .Header-navItemTitle {
    padding: 15px 30px;
  }
}
.Header-subMenu .Header-navItem.Header-navItem--model {
  -webkit-transition: 0.2s ease-in-out;
          transition: 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .Header-subMenu .Header-navItem.Header-navItem--model {
    border-right: 1px solid transparent;
  }
}
@media (min-width: 768px) {
  .no-touch .Header-subMenu .Header-navItem.Header-navItem--model:hover {
    border-right-color: transparent;
  }
}
.Header-subMenu .Header-subMenu {
  display: none;
}

.Header-primaryNav {
  background-color: #fff;
  position: fixed;
  top: 0;
  right: -320px;
  z-index: 498;
  width: 70%;
  min-width: 320px;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.35s 0.2s ease;
          transition: transform 0.35s 0.2s ease;
}
@media (min-width: 472px) {
  .Header-primaryNav {
    right: -70%;
  }
}
@media (min-width: 768px) {
  .Header-primaryNav {
    background: transparent;
    position: static;
    top: auto;
    right: auto;
    width: 100%;
    min-width: 0px;
    height: auto;
    display: table-cell;
    -webkit-transform: translate3d(0, 0, 0) !important;
            transform: translate3d(0, 0, 0) !important;
    -webkit-transition: none;
            transition: none;
  }
}
@media print {
  .Header-primaryNav {
    display: none;
  }
}
.Header-primaryNav.Header-primaryNavToggled {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.Header-primaryNav ul {
  margin: 0;
  padding: 0;
  height: 100%;
  list-style: none;
}
.Header-primaryNav > ul {
  display: block;
  width: 100%;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: none;
  padding-top: 55px;
}
@media (min-width: 768px) {
  .Header-primaryNav > ul {
    display: table;
    padding-top: 0;
    overflow: auto;
  }
}
.Header-primaryNav > ul > li {
  display: block;
}
@media (min-width: 768px) {
  .Header-primaryNav > ul > li {
    display: table-cell;
    height: 60px;
    vertical-align: middle;
  }
}
.Header-primaryNav > ul > li:first-child .Header-subMenu .Header-navItemTitle {
  padding-left: 52px;
}
.Header-primaryNav > ul > li:first-child .Header-subMenu .Header-navItemFeature .Header-navItemTitle {
  padding-left: 10px;
}
@media (min-width: 768px) {
  .Header-primaryNav > ul > li:not(:first-child) .Header-subMenu {
    width: 240px;
  }
}
@media (min-width: 900px) {
  .Header-primaryNav > ul > li:not(:first-child) .Header-subMenu {
    width: 310px;
  }
}
@media (min-width: 900px) {
  .Header-primaryNav > ul > li:last-child .Header-subMenu {
    width: 284px;
  }
}
.Header-primaryNav a {
  background-color: #fff;
  font-family: "canada-type-gibson", sans-serif;
  line-height: 1;
}
.no-touch .Header-primaryNav a {
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.no-touch .Header-primaryNav a:hover {
  color: #83A9b4 !important;
}
.no-touch .Header-primaryNav a:hover span:after {
  opacity: 1;
}
@media (min-width: 768px) {
  .Header-primaryNav a {
    background-color: transparent;
  }
}
.Header-primaryNav .Button--primary {
  border: 0;
}

.ExtendedMenu {
  display: block;
}
@media (min-width: 768px) {
  .ExtendedMenu {
    display: none !important;
  }
}

.ExtendedMenu-item {
  padding: 15px 21px;
}

.Header-navItemFeature .Header-subMenu {
  display: block !important;
  position: relative;
  top: 0;
  background: #fff;
}
@media (min-width: 768px) {
  .Header-navItemFeature .Header-subMenu {
    min-height: 369px;
  }
}
.Header-navItemFeature .Header-navItem {
  border-top: 0;
  border-bottom: 1px solid #d1d1d2;
}
@media (min-width: 768px) {
  .Header-navItemFeature .Header-navItem {
    width: 50%;
    float: left;
    vertical-align: top;
  }
}

.Header-navItem.menu-item-type-featured-option.sub-menu--is-opened .Header-navItemFeature {
  display: block;
  position: relative;
  left: 0;
  height: 100%;
}

.Hero {
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
}
.Hero.Hero--tint:before {
  content: '';
  background-color: #181819;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.4;
}
.Hero.Hero--default {
  background-color: #2B2B2B;
}
.Hero.Hero--large, .Hero.Hero--fixed {
  height: 350px;
}
@media (min-width: 480px) {
  .Hero.Hero--large, .Hero.Hero--fixed {
    height: 400px;
  }
}
@media (min-width: 768px) {
  .Hero.Hero--large, .Hero.Hero--fixed {
    height: 430px;
  }
}
@media (min-width: 1400px) {
  .Hero.Hero--large, .Hero.Hero--fixed {
    height: 460px;
  }
}
@media (min-width: 1600px) {
  .Hero.Hero--large, .Hero.Hero--fixed {
    height: 600px;
  }
}

.Hero-image {
  min-width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50%;
  display: block;
}
.Hero--default .Hero-image {
  min-width: 1500px;
  max-width: 1500px;
  max-height: 350px;
  top: 50%;
  margin-left: -750px;
}
.Hero--large .Hero-image {
  max-height: 100%;
}
.Hero--large .Hero-image, .Hero--fixed .Hero-image {
  height: 350px;
}
@media (min-width: 480px) {
  .Hero--large .Hero-image, .Hero--fixed .Hero-image {
    height: 400px;
  }
}
@media (min-width: 768px) {
  .Hero--large .Hero-image, .Hero--fixed .Hero-image {
    height: 430px;
  }
}
@media (min-width: 1400px) {
  .Hero--large .Hero-image, .Hero--fixed .Hero-image {
    height: 460px;
  }
}
@media (min-width: 1600px) {
  .Hero--large .Hero-image, .Hero--fixed .Hero-image {
    height: auto;
    min-height: 600px;
  }
}

.Hero-container {
  display: table;
  position: relative;
  z-index: 3;
  height: 100%;
}
.Hero--default .Hero-container {
  padding: 60px 20px;
}
@media (min-width: 768px) {
  .Hero--default .Hero-container {
    padding: 80px 0;
  }
}
@media (min-width: 1024px) {
  .Hero--default .Hero-container {
    padding: 100px 0;
  }
}

.Hero-content {
  display: table-cell;
  vertical-align: middle;
}

.Hero-copy {
  max-width: 580px;
  color: #fff;
  text-align: center;
  text-shadow: 0 0 30px rgba(0, 0, 0, 0.8);
  margin: 0 auto;
  -webkit-animation: fadeInUp 1s 0.5s;
          animation: fadeInUp 1s 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.Hero--default .Hero-copy {
  text-shadow: none;
}
.Hero--large .Hero-copy p {
  max-height: 100%;
}
.Hero-copy p {
  margin: 0;
  line-height: 1.4545;
}
@media (min-width: 768px) {
  .Hero-copy p {
    font-size: 22px;
    max-height: 62px;
  }
}

.HomeSlider {
  background-color: #d1d1d2;
  position: relative;
  height: 760px;
  overflow: hidden;
}
@media (min-width: 480px) {
  .HomeSlider {
    height: 788px;
  }
}

.HomeSlider-slides {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.HomeSlider-slide {
  width: 100%;
  height: 100%;
}
.HomeSlider-slide img {
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -700px;
  height: 100%;
}

.icon-facebook span:before, .icon-facebook span:after,
.icon-twitter span:before,
.icon-twitter span:after,
.icon-pinterest span:before,
.icon-pinterest span:after,
.icon-youtube span:before,
.icon-youtube span:after,
.icon-blog span:before,
.icon-blog span:after,
.icon-instagram span:before,
.icon-instagram span:after {
  position: absolute;
  top: 5px;
  right: 30px;
  width: 25px;
  height: 33px;
  content: '';
  -webkit-transition: 0.25s;
          transition: 0.25s;
  background-image: url("../../../roadtrek-all-social.png");
}
.icon-facebook span:after,
.icon-twitter span:after,
.icon-pinterest span:after,
.icon-youtube span:after,
.icon-blog span:after,
.icon-instagram span:after {
  opacity: 0;
  background-image: url("../../../roadtrek-all-social-r.png");
}
.icon-facebook span:before,
.icon-twitter span:before,
.icon-pinterest span:before,
.icon-youtube span:before,
.icon-blog span:before,
.icon-instagram span:before {
  opacity: 1;
}
.icon-facebook:hover span:after,
.icon-twitter:hover span:after,
.icon-pinterest:hover span:after,
.icon-youtube:hover span:after,
.icon-blog:hover span:after,
.icon-instagram:hover span:after {
  opacity: 1;
}
.icon-facebook:hover span:before,
.icon-twitter:hover span:before,
.icon-pinterest:hover span:before,
.icon-youtube:hover span:before,
.icon-blog:hover span:before,
.icon-instagram:hover span:before {
  opacity: 0;
}

.icon-pinterest span:before, .icon-pinterest span:after {
  background-position-x: -22px;
}

.icon-twitter span:before, .icon-twitter span:after {
  background-position-x: -50px;
}

.icon-youtube span:before, .icon-youtube span:after {
  background-position-x: -75px;
}

.icon-instagram span:before, .icon-instagram span:after {
  background-position-x: -103px;
}

.icon-blog span:before, .icon-blog span:after {
  background-position-x: -134px;
}

.Header-primaryNavToggled .icon-facebook span:after,
.Header-primaryNavToggled .icon-twitter span:after,
.Header-primaryNavToggled .icon-pinterest span:after,
.Header-primaryNavToggled .icon-youtube span:after,
.Header-primaryNavToggled .icon-blog span:after,
.Header-primaryNavToggled .icon-instagram span:after {
  background-image: url("../../../roadtrek-all-social-w.png");
}

.Image-Span {
  display: block;
  float: none;
  clear: both;
  width: 100%;
}
.Image-Span .Span-Image-1 {
  float: none;
  width: 100%;
}
.Image-Span .Span-Image-2 {
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .Image-Span .Span-Image-2 {
    width: 50%;
  }
}
.Image-Span .Span-Image-3 {
  float: left;
  width: 100%;
}
@media (min-width: 480px) {
  .Image-Span .Span-Image-3 {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .Image-Span .Span-Image-3 {
    width: 33.3%;
  }
}
.Image-Span .Span-Image-4 {
  float: left;
  width: 100%;
}
@media (min-width: 480px) {
  .Image-Span .Span-Image-4 {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .Image-Span .Span-Image-4 {
    width: 25%;
  }
}

.InfoWindow {
  position: absolute;
  z-index: 3;
  bottom: -18px;
  left: 50%;
  margin-left: -113px;
  display: block;
  width: 240px;
  padding: 20px;
  text-align: center;
  background: #2B2B2B;
}
.InfoWindow:after {
  position: absolute;
  bottom: -12px;
  left: 50%;
  margin-left: -10px;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border-top: 12px solid #2B2B2B;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.InfoWindow .InfoWindow-logo {
  background-size: contain;
  max-width: 100%;
}
.InfoWindow p {
  font-family: "canada-type-gibson", sans-serif;
  margin-top: 10px;
  color: #fff;
  line-height: 21px;
}
.InfoWindow .InfoWindow-address {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
}
.InfoWindow .InfoWindow-address strong {
  font-weight: 500;
}
.InfoWindow .Button, .InfoWindow .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .InfoWindow .select2-chosen,
.InfoWindow .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .InfoWindow .select2-default, .InfoWindow .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .InfoWindow .select2-choice.select2-default, .InfoWindow .sweet-alert button, .sweet-alert .InfoWindow button {
  color: #fff;
  display: block;
}
.InfoWindow .Button:before, .InfoWindow .CompareResults-models-data .select2-container .select2-chosen:before, .CompareResults-models-data .select2-container .InfoWindow .select2-chosen:before,
.InfoWindow .CompareResults-models-data .select2-container .select2-default:before,
.CompareResults-models-data .select2-container .InfoWindow .select2-default:before, .InfoWindow .ContentLinks-link .select2-container .select2-choice.select2-default:before, .ContentLinks-link .select2-container .InfoWindow .select2-choice.select2-default:before, .InfoWindow .sweet-alert button:before, .sweet-alert .InfoWindow button:before, .InfoWindow .Button:after, .InfoWindow .CompareResults-models-data .select2-container .select2-chosen:after, .CompareResults-models-data .select2-container .InfoWindow .select2-chosen:after,
.InfoWindow .CompareResults-models-data .select2-container .select2-default:after,
.CompareResults-models-data .select2-container .InfoWindow .select2-default:after, .InfoWindow .ContentLinks-link .select2-container .select2-choice.select2-default:after, .ContentLinks-link .select2-container .InfoWindow .select2-choice.select2-default:after, .InfoWindow .sweet-alert button:after, .sweet-alert .InfoWindow button:after {
  color: #fff;
}
.InfoWindow .Button:hover, .InfoWindow .CompareResults-models-data .select2-container .select2-chosen:hover, .CompareResults-models-data .select2-container .InfoWindow .select2-chosen:hover,
.InfoWindow .CompareResults-models-data .select2-container .select2-default:hover,
.CompareResults-models-data .select2-container .InfoWindow .select2-default:hover, .InfoWindow .ContentLinks-link .select2-container .select2-choice.select2-default:hover, .ContentLinks-link .select2-container .InfoWindow .select2-choice.select2-default:hover, .InfoWindow .sweet-alert button:hover, .sweet-alert .InfoWindow button:hover {
  background-color: #fff;
  color: #2B2B2B;
}
.InfoWindow .Button:hover:before, .InfoWindow .CompareResults-models-data .select2-container .select2-chosen:hover:before, .CompareResults-models-data .select2-container .InfoWindow .select2-chosen:hover:before,
.InfoWindow .CompareResults-models-data .select2-container .select2-default:hover:before,
.CompareResults-models-data .select2-container .InfoWindow .select2-default:hover:before, .InfoWindow .ContentLinks-link .select2-container .select2-choice.select2-default:hover:before, .ContentLinks-link .select2-container .InfoWindow .select2-choice.select2-default:hover:before, .InfoWindow .sweet-alert button:hover:before, .sweet-alert .InfoWindow button:hover:before, .InfoWindow .Button:hover:after, .InfoWindow .CompareResults-models-data .select2-container .select2-chosen:hover:after, .CompareResults-models-data .select2-container .InfoWindow .select2-chosen:hover:after,
.InfoWindow .CompareResults-models-data .select2-container .select2-default:hover:after,
.CompareResults-models-data .select2-container .InfoWindow .select2-default:hover:after, .InfoWindow .ContentLinks-link .select2-container .select2-choice.select2-default:hover:after, .ContentLinks-link .select2-container .InfoWindow .select2-choice.select2-default:hover:after, .InfoWindow .sweet-alert button:hover:after, .sweet-alert .InfoWindow button:hover:after {
  color: #2B2B2B;
}

.Locators-content {
  max-width: 620px;
  margin: 0 auto 31px;
  text-align: center;
}

.Locators-tabs .tab-content {
  background-color: #fff;
}
.Locators-tabs .Tabset .nav-tabs li {
  display: block;
  float: left;
  width: calc(33.33% - 10px);
  box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.25);
}
.Locators-tabs .Tabset .nav-tabs li.active {
  position: relative;
  box-shadow: none;
}
.Locators-tabs .Tabset .nav-tabs li.active a {
  color: #2B2B2B;
}
.Locators-tabs .Tabset .nav-tabs li:first-child {
  margin-right: 15px;
}
.Locators-tabs .Tabset .nav-tabs li:last-child {
  margin-left: 15px;
}
.Locators-tabs .Tabset .nav-tabs a {
  color: #fff;
  padding: 18px 8px;
}
.Locators-tabs .Tabset .nav-tabs a:hover {
  color: #fff;
}

.Locators-map {
  background-color: #fff;
}

.Locators-tab {
  padding: 20px;
}
@media (min-width: 768px) {
  .Locators-tab {
    padding: 58px 58px 30px;
  }
}

.Locators-tabContent p {
  color: #2B2B2B;
  width: 100%;
  float: left;
  padding-left: 1.04167%;
  padding-right: 1.04167%;
}

.Locators-form {
  margin-top: 8px;
  position: relative;
  width: 100%;
  float: left;
}
.Locators-form form {
  position: relative;
}
.Locators-form input[type='text'] {
  width: 100%;
  height: 45px;
  margin: 0 0 6px;
  padding: 0 17px;
  color: #2B2B2B;
  border: 1px solid #d1d1d2;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.Locators-form .Icon--uiMyLocation {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 44px;
  height: 44px;
}
.Locators-form .Button--alt {
  display: inline-block;
  width: 150px;
  height: 45px;
  margin: 0 0 20px;
  color: #fff;
  border-color: #2B2B2B;
  background-color: #2B2B2B;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
}
@media (min-width: 900px) {
  .Locators-form .Button--alt {
    margin: 0 0 10px;
  }
}
.Locators-form .Button--alt:hover {
  color: #2B2B2B;
  background-color: #fff;
}
.Locators-form .Button--alt:hover:after {
  border-left-color: #2B2B2B;
}
.Locators-form .Button--alt:after {
  border-left-color: #fff;
}
.Locators-form .embellishment {
  display: block;
  padding: 0 0 20px;
  text-align: center;
  color: #a1a2a6;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.Locators-form .embellishment:after, .Locators-form .embellishment:before {
  display: inline-block;
  width: 40%;
  height: 2px;
  content: '';
  vertical-align: middle;
  background-image: -webkit-linear-gradient(top, transparent 50%, #aaaaaa 50%);
  background-image: linear-gradient(to bottom, transparent 50%, #aaaaaa 50%);
  background-repeat: repeat-x;
  background-position: 0 50%;
  background-size: 2px 2px;
}
.Locators-form .embellishment:after {
  margin-left: 5%;
}
.Locators-form .embellishment:before {
  margin-right: 5%;
}

.Locators-map {
  padding: 0 20px 20px;
}
@media (min-width: 768px) {
  .Locators-map {
    padding: 0 58px 58px;
  }
}
.Locators-map .Map {
  min-height: 475px;
  border: 1px solid #d1d1d2;
}
@media (min-width: 768px) {
  .Locators-map .Map {
    display: block;
  }
}

.Locators-results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}
.Locators-results p {
  color: #2B2B2B;
}
.Locators-results .Typography {
  width: 100%;
}

.Locators-searchError,
.Locators-noResults {
  padding: 0 19px 15px 19px;
  margin-top: 18px;
  text-align: left;
  border: 1px solid #d1d1d2;
  font-style: italic;
  text-align: center;
}
.Locators-searchError span,
.Locators-searchError p,
.Locators-noResults span,
.Locators-noResults p {
  display: inline-block;
}
.Locators-searchError span,
.Locators-noResults span {
  margin-right: 10px;
}

.Locators-locator {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 40px 44px 8px;
  width: 100%;
  float: left;
}
@media (min-width: 768px) {
  .Locators-locator {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .Locators-locator {
    width: 33.33333%;
  }
}
.Locators-locator .Marker {
  top: 40px;
  left: 0;
}

.Locators-locatorBody {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.Locators-locatorBody h3 {
  line-height: 1.25;
}

.Locators-locatorName {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  color: #2B2B2B;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.Locators-locatorDistance,
.Locators-locatorAddress {
  margin-bottom: 16px;
  color: #2B2B2B;
  line-height: 1.33;
}

.Locators-locatorDistance {
  margin-top: 3px;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 14px;
  font-style: italic;
}

.Locators-locatorAddress {
  font-size: 18px;
  font-style: normal;
}

.Locators-locatorPhone a,
.Locators-locatorEmail a,
.Locators-locatorWesbite a {
  display: block;
  clear: both;
  color: #2B2B2B;
  font-size: 18px;
  line-height: 1.33;
  text-overflow: ellipsis;
  overflow: hidden;
}
.Locators-locatorPhone a:hover,
.Locators-locatorEmail a:hover,
.Locators-locatorWesbite a:hover {
  text-decoration: underline;
}

.Locators-locatorButton {
  margin-top: 26px;
}

.Locators-locatorButton--alt {
  margin-top: 10px;
}

.Locators-loadMoreContainer {
  margin: 0 58px 58px;
  padding: 21px 0 58px 0;
  text-align: center;
  border-top: 1px solid #d1d1d2;
}
.Locators-loadMoreContainer button {
  color: #fff;
  border-color: #2B2B2B;
  background-color: #2B2B2B;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
}
.Locators-loadMoreContainer button:hover {
  color: #2B2B2B;
  background-color: #fff;
  border-color: #2B2B2B;
}

.Locators-form-input {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  width: 100%;
}
@media (min-width: 768px) {
  .Locators-form-input {
    width: calc(100% - 166px);
  }
}

.Typography .Locators-form-desc {
  font-style: italic;
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 6px;
}

.Locators-phoneText {
  text-align: right;
  margin-right: 35px;
}

.Locators-locatorEmail {
  margin-bottom: 7px !important;
}

.wpcf7-checkbox.mailing-list {
  background: #2f3031;
  color: #fff;
  padding: 0 30px 0 45px;
  margin: 20px -60px;
}
.wpcf7-checkbox.mailing-list .wpcf7-list-item {
  display: block;
  padding: 0 0 20px;
  margin: 0;
}
.wpcf7-checkbox.mailing-list .wpcf7-list-item span {
  display: block;
  font-size: 14px;
}
.wpcf7-checkbox.mailing-list .wpcf7-list-item label {
  display: block;
}
.wpcf7-checkbox.mailing-list .wpcf7-list-item-label:after {
  content: "";
  background-color: #fff;
  position: absolute;
  top: 15px;
  left: 15px;
  margin-top: -9px;
  z-index: 1;
  width: 18px;
  height: 18px;
  border: 1px solid #d1d1d2;
  cursor: pointer;
}
.wpcf7-checkbox.mailing-list .wpcf7-list-item input[type="checkbox"]:checked ~ .wpcf7-list-item-label:before {
  content: "";
  background-image: url(../images/icons/ui-checkmark/ui-checkmark-white.png);
  background-image: url(../images/icons/ui-checkmark/ui-checkmark-white.svg);
  background-repeat: no-repeat;
  background-size: 1em .66em;
  width: 1em;
  height: .66em;
  font-size: 12px !important;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  margin-top: -.33em;
  top: 15px !important;
  left: 15px !important;
}

.wpcf7 .wpcf7-checkbox.mailing-list .wpcf7-list-item-label {
  padding-right: 30px;
}

span.wpcf7-form-control-wrap.add-mailing-list {
  width: 100% !important;
}

.Manuals {
  overflow: hidden;
}

.Manuals-content {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 480px) {
  .Manuals-content {
    width: 83.33333%;
    float: left;
    float: none;
  }
}
@media (min-width: 768px) {
  .Manuals-content {
    width: 66.66667%;
    float: left;
    float: none;
  }
}
@media (min-width: 900px) {
  .Manuals-content {
    width: 50%;
    float: left;
    float: none;
  }
}

.Manuals-finished {
  text-align: center;
}
.Manuals-finished .Button, .Manuals-finished .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .Manuals-finished .select2-chosen,
.Manuals-finished .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .Manuals-finished .select2-default, .Manuals-finished .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .Manuals-finished .select2-choice.select2-default, .Manuals-finished .sweet-alert button, .sweet-alert .Manuals-finished button {
  margin: 10px 0;
  display: block;
}
@media (min-width: 600px) {
  .Manuals-finished .Button, .Manuals-finished .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .Manuals-finished .select2-chosen,
  .Manuals-finished .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .Manuals-finished .select2-default, .Manuals-finished .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .Manuals-finished .select2-choice.select2-default, .Manuals-finished .sweet-alert button, .sweet-alert .Manuals-finished button {
    margin: 5px 10px;
    display: inline-block;
  }
}

.Map {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 430px;
}
@media (min-width: 768px) {
  .Map {
    display: block;
  }
}
@media (min-width: 1400px) {
  .Map {
    min-height: 460px;
  }
}
@media (min-width: 1600px) {
  .Map {
    min-height: 520px;
  }
}

.Map-google {
  overflow: hidden;
  -webkit-transition: .3s linear all;
          transition: .3s linear all;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.Map-google--isHidden {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
}

.Map-google--isVisible {
  pointer-events: auto;
  opacity: 1;
}

.gm-style-iw, .gm-style-iw div {
  overflow: visible !important;
}

.Marker {
  width: 26px;
  height: 34px;
  position: absolute;
  bottom: -29px;
  left: 50%;
  margin-left: -2px;
}
.Marker.Marker--bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.Marker.Marker--you span {
  font-size: 12px;
}
.Marker span {
  display: block;
  width: 26px;
  margin: 0 auto;
  text-align: center;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  line-height: 32px;
  position: relative;
  z-index: 2;
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(-200px);
            transform: translateY(-200px);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: translateY(-200px);
            transform: translateY(-200px);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.Masthead-copy {
  max-width: 610px;
  margin: 0 auto;
  text-align: center;
}
.Masthead-copy blockquote {
  font-weight: 100;
  font-style: italic;
  font-size: 22px;
  line-height: 28px;
  text-align: center;
  margin: 0;
  padding: 0;
}
.Pattern--dark .Masthead-copy blockquote, .Pattern--medium .Masthead-copy blockquote {
  color: #fff;
}
@media (min-width: 768px) {
  .Masthead-copy blockquote {
    font-size: 28px;
    line-height: 44px;
  }
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal-backdrop {
  background-color: #000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  -webkit-transition: opacity 0.3s ease-in-out;
          transition: opacity 0.3s ease-in-out;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.in {
  opacity: 0.8;
}

.modal-dialog {
  width: 100%;
  height: 100%;
}

.modal-content {
  position: relative;
  width: 100%;
  height: 100%;
  outline: none;
  overflow: auto;
}

.modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 99999;
}
.admin-bar .modal-close {
  margin-top: 46px;
}
@media (min-width: 783px) {
  .admin-bar .modal-close {
    margin-top: 32px;
  }
}
.no-touch .modal-close {
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}

.Modal-center {
  display: table;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}

.Modal-container {
  display: table-cell;
  vertical-align: middle;
}

.Modal-content {
  margin: 0 auto;
  background-color: #fff;
}
@media (min-width: 663px) {
  .Modal-content {
    padding: 20px;
  }
}
.Modal-content.Modal-content--image {
  background-color: transparent;
}
.Modal-content.Modal-content--image img {
  max-width: 100%;
  max-height: 100%;
  max-width: 90vw;
  max-height: 90vh;
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
  padding: 35px 0;
  position: relative;
}
@media (min-width: 768px) {
  .Modal-content.Modal-content--image img {
    padding: 0 60px;
  }
}
.Modal-content.Modal-content--pano {
  max-width: 860px;
  width: 100%;
  height: 310px;
}
@media (min-width: 663px) and (min-height: 663px) {
  .Modal-content.Modal-content--pano {
    height: 350px;
  }
}
@media (min-width: 768px) {
  .Modal-content.Modal-content--pano {
    height: 550px;
  }
}
.Modal-content.Modal-content--video {
  max-width: 1000px;
  padding: 0;
}
.Modal-content.Modal-content--video video {
  max-width: 608px;
  max-height: 361px;
}
.Modal-content.Modal-content--form {
  max-width: 320px;
}
@media (min-width: 480px) {
  .Modal-content.Modal-content--form {
    max-width: 800px;
  }
}

.Modal-canvasContainer {
  margin: auto;
  position: relative;
  max-width: 860px;
  width: 100%;
  max-height: 310px;
  height: 100%;
}
@media (min-width: 768px) {
  .Modal-canvasContainer {
    max-height: 510px;
  }
}
.Modal-canvasContainer canvas {
  width: 100%;
  height: 100%;
  max-height: 310px;
  background-color: #2B2B2B;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
@media (min-width: 768px) {
  .Modal-canvasContainer canvas {
    max-height: 510px;
  }
}

.Modal-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0px;
  margin-left: -0px;
}

.Modal-pagination {
  position: static;
  height: auto;
  margin-bottom: 0;
}

.Modal-prev,
.Modal-next {
  background-size: 13px 22px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 1em;
  margin-top: -22px;
  outline: 0;
  width: 32px;
  height: 44px;
  text-indent: -9999px;
  z-index: 800;
  display: block;
}
@media (min-width: 768px) {
  .Modal-prev,
  .Modal-next {
    top: 50%;
    bottom: auto;
    margin-top: -44px;
    height: 88px;
  }
}
.Modal-prev:before,
.Modal-next:before {
  content: '';
  background-size: 13px 22px;
  background-repeat: no-repeat;
  background-position: center;
  width: 32px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  display: block;
}
@media (min-width: 768px) {
  .Modal-prev:before,
  .Modal-next:before {
    height: 88px;
  }
}
.no-touch .Modal-prev:before, .no-touch
.Modal-next:before {
  -webkit-transition: opacity 0.1s ease-in-out;
          transition: opacity 0.1s ease-in-out;
}
.Modal-prev:hover:before,
.Modal-next:hover:before {
  opacity: 1;
}

.Modal-prev {
  left: 4%;
  background-image: url(../images/icons/ui-arrow-left/ui-arrow-left-rt-grey-tinted.png);
  background-image: url(../images/icons/ui-arrow-left/ui-arrow-left-rt-grey-tinted.svg);
}
@media (min-width: 768px) {
  .Modal-prev {
    left: 20px;
  }
}
.Modal-prev:before {
  background-image: url(../images/icons/ui-arrow-left/ui-arrow-left-off-white.png);
  background-image: url(../images/icons/ui-arrow-left/ui-arrow-left-off-white.svg);
}

.Modal-next {
  right: 4%;
  background-image: url(../images/icons/ui-arrow-right/ui-arrow-right-rt-grey-tinted.png);
  background-image: url(../images/icons/ui-arrow-right/ui-arrow-right-rt-grey-tinted.svg);
}
@media (min-width: 768px) {
  .Modal-next {
    right: 20px;
  }
}
.Modal-next:before {
  background-image: url(../images/icons/ui-arrow-right/ui-arrow-right-off-white.png);
  background-image: url(../images/icons/ui-arrow-right/ui-arrow-right-off-white.svg);
}

.StandardModal-html {
  display: none !important;
}

.modal .StandardModal-html {
  display: block !important;
}

.Modal-title > span {
  padding-top: 15px;
  color: #fff;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  display: block;
}

.ModelBar {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 700;
  width: 100%;
  min-height: 50px;
  min-width: 20em;
  border-bottom: 1px solid #a1a2a6;
}
.admin-bar .ModelBar {
  top: 46px;
}
@media (min-width: 763px) {
  .admin-bar .ModelBar {
    top: 32px;
  }
}
@media (min-width: 900px) {
  .ModelBar {
    min-height: 75px;
  }
}
@media print {
  .ModelBar {
    display: none;
  }
}

.ModelBar-container {
  padding: 0 10px;
}

.ModelBar-name {
  float: left;
  white-space: nowrap;
}
.ModelBar-name.Typography .Heading--fix {
  font-size: 30px;
  line-height: 1;
  text-align: left;
  margin: 10px 0;
}
@media (min-width: 900px) {
  .ModelBar-name.Typography .Heading--fix {
    margin: 22px 0;
  }
}

.ModelBar-navigation {
  float: right;
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: block;
}
@media (min-width: 900px) {
  .ModelBar-navigation {
    margin: 17px 0 0;
  }
}
@media (min-width: 768px) {
  .ModelBar-navigation.ModelBar-navigation--small {
    display: none;
  }
}
.ModelBar-navigation.ModelBar-navigation--medium {
  display: none;
}
@media (min-width: 768px) {
  .ModelBar-navigation.ModelBar-navigation--medium {
    display: block;
  }
}
.ModelBar-navigation li {
  display: block;
  float: left;
  margin: 0 7px;
}
.ModelBar-navigation li:first-child {
  margin-left: 0;
}
.ModelBar-navigation li:last-child {
  margin: 0;
}

.ModelBar-top {
  display: block;
  padding: 15px 9px;
  font-family: "canada-type-gibson", sans-serif;
  color: #f2f1f0;
  font-size: 10px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.ModelBar-top:hover {
  color: #fff;
}
.ModelBar-top:hover .Icon--uiArrowUp:after, .ModelBar-top:hover .Icon--uiArrowUp--dark:after, .ModelBar-top:hover .Footer-navigation > ul > li.menu-item-has-children.sub-menu--is-opened > a:after {
  opacity: 1;
}
.no-touch .ModelBar-top {
  -webkit-transition: color 0.1s ease-in-out;
          transition: color 0.1s ease-in-out;
}
.ModelBar-top .Icon--uiArrowUp, .ModelBar-top .Icon--uiArrowUp--dark, .ModelBar-top .Footer-navigation > ul > li.menu-item-has-children.sub-menu--is-opened > a {
  display: block;
  margin: 0 0 7px;
}
.ModelBar-top .Icon--uiArrowUp:before, .ModelBar-top .Icon--uiArrowUp--dark:before, .ModelBar-top .Footer-navigation > ul > li.menu-item-has-children.sub-menu--is-opened > a:before, .ModelBar-top .Icon--uiArrowUp:after, .ModelBar-top .Icon--uiArrowUp--dark:after, .ModelBar-top .Footer-navigation > ul > li.menu-item-has-children.sub-menu--is-opened > a:after {
  left: 50%;
  margin-left: -0.55em;
}

.ModelCard {
  display: block;
  float: left;
  width: 100%;
  padding: 8px 0;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease-in-out;
          transition: opacity 0.3s ease-in-out;
}
@media (min-width: 600px) {
  .ModelCard {
    width: 50%;
    padding: 8px;
  }
}
@media (min-width: 900px) {
  .ModelCard {
    width: 33.33333333%;
    padding: 10px;
  }
}
.ModelCard.ModelCard--isDisabled {
  opacity: 0.4;
  cursor: auto;
}
.ModelCard.ModelCard--isDisabled .ModelCard-content {
  border-color: #FFF;
}
.ModelCard.ModelCard--isActive:not(.ModelCard--isDisabled) .ModelCard-content {
  border: 1px solid #d1d1d2;
}
.ModelCard.ModelCard--isActive:not(.ModelCard--isDisabled) .ModelCard-content:hover {
  background-color: #2B2B2B;
  border-color: #2B2B2B;
}
.ModelCard.ModelCard--isActive:not(.ModelCard--isDisabled) .ModelCard-content:hover .ModelCard-details h2, .ModelCard.ModelCard--isActive:not(.ModelCard--isDisabled) .ModelCard-content:hover .ModelCard-details p {
  color: #FFF;
}

.ModelCard-content {
  background-color: #fff;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  padding: 32px;
  text-align: center;
  color: inherit;
}
.no-touch .ModelCard-content {
  -webkit-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
}

.ModelCard-image {
  width: 100%;
  max-width: 100%;
}
.no-touch .ModelCard-image {
  -webkit-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
}
.ModelCard-image img {
  display: block;
  width: auto;
  margin: 0 auto;
}

.ModelCard-details {
  margin-top: 14px;
}
.ModelCard-details h2 {
  color: #2B2B2B;
  font-size: 1.116rem;
  letter-spacing: 4px;
  margin-bottom: 0;
  -webkit-transition: color 0.2s ease-out;
          transition: color 0.2s ease-out;
}
.ModelCard-details h2:after {
  display: none;
}
.ModelCard-details p {
  color: #2B2B2B;
  font-style: italic;
  -webkit-transition: color 0.2s ease-out;
          transition: color 0.2s ease-out;
  margin: 0;
  padding: 0;
}

.ModelCard-infoGrid {
  padding-left: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #d1d1d2;
  padding-bottom: 18px;
  margin-bottom: 15px !important;
  padding-top: 12px;
}
.ModelCard-infoGrid > li {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 12px;
  color: #2B2B2B;
  font-family: "canada-type-gibson", sans-serif;
  text-transform: uppercase;
}
.ModelCard-infoGrid > li > span {
  display: block;
  height: 1em;
}
.ModelCard-infoGrid > li:before {
  top: 0;
  margin-top: -1.25em;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-size: 1em;
  height: 1em;
  width: 1em;
  background-position: bottom;
}

.ModelCard-subtitle {
  text-transform: uppercase;
  color: #2B2B2B;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 13px;
  font-weight: 500;
  display: block;
  padding-top: 3px;
  margin-bottom: 2rem;
}

@media print {
  .ModelContent {
    page-break-before: always;
  }
}

.ModelContent-content {
  width: 100%;
  float: left;
}
@media (min-width: 480px) {
  .ModelContent-content {
    width: 100%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
  }
}
@media (min-width: 900px) {
  .ModelContent-content {
    width: 58.33333%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    padding-right: 20px;
  }
}
@media (min-width: 1024px) {
  .ModelContent-content {
    padding-right: 30px;
  }
}

.ModelContent-copy.Typography h3 {
  font-size: 18px;
  text-align: center;
}
@media (min-width: 480px) {
  .ModelContent-copy.Typography h3 {
    text-align: left;
  }
}

.ModelContent-features {
  margin-top: 12px;
}
.ModelContent-features.Typography ul {
  width: 100%;
  float: left;
  padding-left: 1.04167%;
  padding-right: 1.04167%;
  padding-left: 25px;
  margin: 0;
}
@media (min-width: 480px) {
  .ModelContent-features.Typography ul {
    width: 50%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    padding-left: 25px;
  }
}
.ModelContent-features.Typography ul li {
  color: #2B2B2B;
  margin-bottom: 8px;
}
@media (min-width: 480px) {
  .ModelContent-features.Typography ul li {
    font-family: "canada-type-gibson", sans-serif;
    font-size: 14px;
  }
}
@media print {
  .ModelContent-features.Typography ul li {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 5px;
  }
}

.ModelContent-sidebar {
  width: 100%;
  float: left;
  text-align: center;
}
@media (min-width: 900px) {
  .ModelContent-sidebar {
    width: 41.66667%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    padding-left: 20px;
  }
}
@media (min-width: 1024px) {
  .ModelContent-sidebar {
    padding-left: 30px;
  }
}
.ModelContent-sidebar .Typography h3 {
  font-size: 18px;
  margin-top: 30px;
}
@media (min-width: 480px) {
  .ModelContent-sidebar .Typography h3 {
    margin-top: 55px;
  }
}
@media print {
  .ModelContent-sidebar .Typography h3 {
    margin-top: 20px;
  }
}

.ModelContent--patternify img {
  border: 2px solid #d1d1d2;
}

.ModelContent-exteriorPaintColors {
  max-width: 540px;
  margin: 30px auto 0;
  position: relative;
}
@media (min-width: 768px) {
  .ModelContent-exteriorPaintColors {
    margin-top: 40px;
  }
}
@media (min-width: 900px) {
  .ModelContent-exteriorPaintColors {
    margin-top: 10px;
  }
}
@media print {
  .ModelContent-exteriorPaintColors {
    max-width: 360px;
  }
}

.ModelContent-exteriorPaintColor {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}
.ModelContent-exteriorPaintColor.ModelContent-exteriorPaintColor--active {
  position: relative;
  z-index: 2;
}
.ModelContent-exteriorPaintColor img {
  width: 100%;
  display: block;
  margin: 0 auto;
}

.ModelContent-floorplan {
  display: block;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #2B2B2B;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .ModelContent-floorplan:first-child {
    margin-top: 10px;
  }
}
.no-touch .ModelContent-floorplan {
  -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
}
.ModelContent-floorplan:hover {
  opacity: 0.8;
}
.ModelContent-floorplan img {
  margin: 0 auto 15px;
  max-width: 100%;
  display: block;
}
.ModelContent-floorplan span {
  display: block;
  font-size: 12px;
  color: #a1a2a6;
  margin-top: 4px;
}
@media print {
  .ModelContent-floorplan span {
    display: none;
  }
}

.Swatches {
  list-style: none;
  margin: 6px 0;
  padding: 0;
  display: inline-block;
  text-align: center;
  position: relative;
}
@media (min-width: 768px) {
  .Swatches {
    margin: 10px 0;
  }
}

.Swatches-swatch {
  float: left;
  display: block;
}
.Swatches-swatch:hover .Swatches-swatch-name {
  height: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1;
}
.Swatches-swatch.Swatches-swatch--active .Swatches-swatch-name {
  height: auto;
  visibility: visible;
  opacity: 1;
}
.Swatches-swatch.Swatches-swatch--active .Swatches-swatch-container {
  border-color: #2B2B2B;
}
@media print {
  .Swatches-swatch.Swatches-swatch--active .Swatches-swatch-container {
    border-color: #d1d1d2;
  }
  .Swatches-swatch.Swatches-swatch--active .Swatches-swatch-container:before {
    display: none;
  }
}
.Swatches-swatch.Swatches-swatch--active .Swatches-swatch-container:hover {
  border-color: #2B2B2B;
}
.Swatches-swatch.Swatches-swatch--active .Swatches-swatch-container a {
  cursor: default;
}
.Swatches-swatch .Swatches-swatch-container {
  display: block;
  float: left;
  border: 1px solid #d1d1d2;
  margin: 8px 3px;
  width: 40px;
  height: 40px;
}
@media (min-width: 480px) {
  .Swatches-swatch .Swatches-swatch-container {
    margin: 8px 6px;
    width: 60px;
    height: 60px;
  }
}
@media (min-width: 900px) {
  .Swatches-swatch .Swatches-swatch-container {
    margin: 8px 4px;
    width: 45px;
    height: 45px;
  }
}
@media (min-width: 1024px) {
  .Swatches-swatch .Swatches-swatch-container {
    margin: 8px 5px;
    width: 50px;
    height: 50px;
  }
}
@media print {
  .Swatches-swatch .Swatches-swatch-container {
    margin: 8px 5px;
    width: 50px;
    height: 50px;
  }
}
.Swatches-swatch .Swatches-swatch-container:hover {
  border-color: #dfdfe0;
}
.Swatches-swatch .Swatches-swatch-container:hover img {
  opacity: 0.8;
}
.no-touch .Swatches-swatch .Swatches-swatch-container {
  -webkit-transition: border-color 0.3s;
          transition: border-color 0.3s;
}
.Swatches-swatch .Swatches-swatch-container a {
  display: block;
  border: 3px solid #fff;
  margin-bottom: 8px;
}
@media (min-width: 480px) {
  .Swatches-swatch .Swatches-swatch-container a {
    border-width: 4px;
  }
}
.Swatches-swatch .Swatches-swatch-container img {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
}
.no-touch .Swatches-swatch .Swatches-swatch-container img {
  -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
}

.Swatches-swatch-name {
  background: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 4px;
  width: 100%;
  -webkit-transition: opacity .3s;
          transition: opacity .3s;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
  color: #2B2B2B;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 14px;
  font-style: italic;
  white-space: nowrap;
  text-align: center;
}

.ModelOverview.ModelOverview--featuredOptions--isSimple {
  width: 100%;
  max-width: 600px;
}
@media (min-width: 768px) {
  .ModelOverview.ModelOverview--featuredOptions--isSimple {
    padding: 0;
    width: 66.66667%;
    margin: 0 auto;
  }
}
.ModelOverview.ModelOverview--featuredOptions--isSimple .ModelOverview-main,
.ModelOverview.ModelOverview--featuredOptions--isSimple .ModelContent-content,
.ModelOverview.ModelOverview--featuredOptions--isSimple .ModelOverview-content {
  width: 100%;
  padding: 1.04167%;
}
.ModelOverview.ModelOverview--featuredOptions--isSimple .ModelOverview-sidebar {
  display: none;
}
.ModelOverview.ModelOverview--featuredOptions {
  padding: 0 20px 45px 20px;
}
.ModelOverview.ModelOverview--featuredOptions .Container--section, .ModelOverview.ModelOverview--featuredOptions .Hero--fixed .Hero-container, .Hero--fixed .ModelOverview.ModelOverview--featuredOptions .Hero-container {
  padding: 10px 0;
}
.ModelOverview h3 {
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 2px;
}

.ModelOverview-additionalInfo {
  margin-top: 25px;
}
@media (min-width: 900px) {
  .ModelOverview-additionalInfo {
    margin-top: 36px;
  }
}
.ModelOverview-additionalInfo .ModelOverview-additionalInfo-stars,
.ModelOverview-additionalInfo .ModelOverview-additionalInfo-upfitter {
  display: block;
  margin: 0 auto;
}
.ModelOverview-additionalInfo p {
  font-size: 16px;
  text-align: center;
  font-style: italic;
}

.ModelOverview-main,
.ModelOverview-sidebar {
  width: 100%;
  float: left;
  padding-left: 1.04167%;
  padding-right: 1.04167%;
  margin-bottom: 38px;
}

@media (min-width: 900px) {
  .ModelOverview-main {
    width: 58.33333%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .ModelOverview-main {
    width: 50%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
  }
}

@media (min-width: 900px) {
  .ModelOverview-sidebar {
    width: 41.66667%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .ModelOverview-sidebar {
    width: 50%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
  }
}

.ModelOverview-copy.Typography .Heading--fix {
  font-size: 36px;
  margin-bottom: 6px;
  margin-top: -8px;
}
@media (min-width: 400px) {
  .ModelOverview-copy.Typography .Heading--fix {
    font-size: 48px;
    margin-top: -10px;
  }
}
@media (min-width: 768px) {
  .ModelOverview-copy.Typography .Heading--fix {
    font-size: 54px;
    margin-top: -12px;
  }
}
.ModelOverview-copy.Typography .tagline {
  font-weight: 400;
  font-size: 18px;
  font-style: italic;
  text-align: center;
  color: #2B2B2B;
  line-height: 1.25;
  margin-bottom: 26px;
}
@media print {
  .ModelOverview-copy.Typography .tagline {
    margin-bottom: 16px;
  }
}
@media (min-width: 480px) {
  .ModelOverview-copy.Typography .tagline {
    font-size: 20px;
  }
}
@media (min-width: 900px) {
  .ModelOverview-copy.Typography .tagline {
    margin-bottom: 36px;
  }
}

.ModelOverview-pricing {
  margin-top: 25px;
}
@media (min-width: 900px) {
  .ModelOverview-pricing {
    margin-top: 36px;
  }
}
.ModelOverview-pricing .Pricing-label {
  font-size: 14px;
}
@media print {
  .ModelOverview-pricing .Pricing-label {
    font-size: 12px;
    margin-top: 16px;
  }
}
.ModelOverview-pricing .Pricing-currentOffer {
  font-size: 40px;
}
@media print {
  .ModelOverview-pricing .Pricing-currentOffer {
    font-size: 30px;
  }
}
.ModelOverview-pricing .Pricing-currency {
  font-size: 14px;
}
@media print {
  .ModelOverview-pricing .Pricing-currency {
    font-size: 12px;
  }
}

.ModelOverview--brochure {
  text-align: center;
}

.ModelOverview-navigation {
  text-align: center;
  margin-top: 28px;
}
@media print {
  .ModelOverview-navigation {
    display: none;
  }
}
@media (min-width: 768px) {
  .ModelOverview-navigation {
    display: none;
  }
}
.ModelOverview-navigation ul {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  list-style: none;
}
@media (min-width: 480px) {
  .ModelOverview-navigation ul {
    max-width: 380px;
  }
}
.ModelOverview-navigation li {
  display: block;
  margin: 12px 0;
}
.ModelOverview-navigation li:last-child {
  margin-bottom: 0;
}
.ModelOverview-navigation .Button, .ModelOverview-navigation .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .ModelOverview-navigation .select2-chosen,
.ModelOverview-navigation .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .ModelOverview-navigation .select2-default, .ModelOverview-navigation .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .ModelOverview-navigation .select2-choice.select2-default, .ModelOverview-navigation .sweet-alert button, .sweet-alert .ModelOverview-navigation button {
  display: block;
}

.ModelOverview-video {
  margin-top: 20px;
  width: 100%;
  float: left;
}
@media (min-width: 900px) {
  .ModelOverview-video {
    display: block;
  }
}
@media print {
  .ModelOverview-video {
    display: none;
  }
}
.ModelOverview-video:first-of-type {
  margin-top: 8px;
}
.ModelOverview-video:hover .ModelOverview-videoOverlay:before {
  background-color: rgba(0, 0, 0, 0.2);
}

.ModelOverview-videoImage {
  display: block;
  position: relative;
  width: 100%;
  max-width: 380px;
  margin: 0 auto;
}
.ModelOverview-videoImage img {
  position: relative;
  z-index: 1;
  width: 100%;
  display: block;
}

.ModelOverview-videoOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.ModelOverview-videoOverlay:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 200px rgba(0, 0, 0, 0.4) inset;
  background: rgba(0, 0, 0, 0.4);
}
.no-touch .ModelOverview-videoOverlay:before {
  -webkit-transition: background 0.3s ease-in-out;
          transition: background 0.3s ease-in-out;
}

.ModelOverview-videoOverlayContent {
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
}
.ModelOverview-videoOverlayContent span {
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  text-shadow: 0 0 40px rgba(0, 0, 0, 0.6);
  display: table-cell;
  vertical-align: middle;
}
.ModelOverview-videoOverlayContent span:before {
  content: '';
  margin-bottom: 15px;
}

.ModelOverview-video-label {
  text-align: center;
  font-size: 18px;
  font-style: italic;
  max-width: 380px;
  margin: 14px auto 5px auto;
  line-height: 24px;
}

.ModelSlider {
  background: rgba(47, 48, 49, 0.7);
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s ease;
          transition: 0.3s ease;
}
.ModelSlider .rn-carousel-container {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ModelSlider.is-hidden {
  visibility: hidden;
  opacity: 0;
}
.ModelSlider.is-visible {
  visibility: visible;
  opacity: 1;
  z-index: 1000;
}
.ModelSlider .rn-carousel-control-prev,
.ModelSlider .rn-carousel-control-next {
  padding: 16px;
  top: 50%;
}
.ModelSlider .rn-carousel-control-prev {
  left: -8px;
}
@media (min-width: 768px) {
  .ModelSlider .rn-carousel-control-prev {
    left: 0px;
  }
}
.ModelSlider .rn-carousel-control-next {
  right: -8px;
}
@media (min-width: 768px) {
  .ModelSlider .rn-carousel-control-next {
    right: 0px;
  }
}

.ModelSlider-slide {
  width: 100%;
  max-width: 100%;
  padding: 0 30px;
}
@media (min-width: 768px) {
  .ModelSlider-slide {
    padding: 0 15%;
  }
}
@media (min-width: 900px) {
  .ModelSlider-slide {
    padding: 0 25%;
  }
}
.ModelSlider-slide .Icon--uiMercedes,
.ModelSlider-slide .Icon--uiChevrolet,
.ModelSlider-slide .Icon--uiRam,
.ModelSlider-slide .Icon--uiFuelPump {
  display: none;
}
@media (min-width: 768px) {
  .ModelSlider-slide .Icon--uiMercedes,
  .ModelSlider-slide .Icon--uiChevrolet,
  .ModelSlider-slide .Icon--uiRam,
  .ModelSlider-slide .Icon--uiFuelPump {
    display: block;
  }
}
.ModelSlider-slide .Button--arrow {
  width: 100%;
  display: block;
}
@media (min-width: 480px) {
  .ModelSlider-slide .Button--arrow {
    float: right;
    min-width: 0;
    width: 50%;
  }
}
.ModelSlider-slide .DetailedCard-content {
  width: 100%;
  max-width: 523px;
  float: none;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  overflow: hidden;
}
.ModelSlider-slide .DetailedCard-description {
  float: none;
  max-width: 100%;
  padding: 0 1.75rem;
}
@media (min-width: 900px) {
  .ModelSlider-slide .DetailedCard-description {
    padding: 0 2.75rem;
  }
}
@media (min-width: 1024px) {
  .ModelSlider-slide .DetailedCard-description {
    padding: 0 3.75rem;
  }
}
.ModelSlider-slide .DetailedCard-features {
  margin: 0;
}
.ModelSlider-slide .DetailedCard-image {
  width: 100%;
  margin-bottom: 4px;
  margin-top: -96px;
}
@media (min-width: 480px) {
  .ModelSlider-slide .DetailedCard-image {
    margin-top: -84px;
  }
}
@media (min-width: 768px) {
  .ModelSlider-slide .DetailedCard-image {
    margin-top: -147px;
  }
}
.ModelSlider-slide .DetailedCard-image img {
  display: inline;
}
@media (min-width: 768px) {
  .ModelSlider-slide .DetailedCard-image img {
    max-width: 366px;
  }
}
.ModelSlider-slide .DetailedCard-scene {
  overflow: hidden;
}
@media (min-width: 960px) {
  .ModelSlider-slide .DetailedCard-scene {
    height: 220px;
  }
}
.ModelSlider-slide .DetailedCard-scene img {
  max-height: 145px;
  width: auto;
}
@media (min-width: 768px) {
  .ModelSlider-slide .DetailedCard-scene img {
    max-height: 220px;
    width: auto;
  }
}
.ModelSlider-slide .DetailedCard-price {
  padding: 1rem 0 1.5rem 0;
}
@media (min-width: 900px) {
  .ModelSlider-slide .DetailedCard-price {
    padding: 1.75rem 0 2.5rem 0;
  }
}
.ModelSlider-slide .DetailedCard-price > span {
  float: none;
  width: 100%;
}
@media (min-width: 480px) {
  .ModelSlider-slide .DetailedCard-price > span {
    width: 48%;
    float: left;
  }
}

.ModelSlider-slide-contents .DetailedCard-description {
  max-width: 100%;
  width: 100%;
  float: none;
}

@media print {
  .ModelSpecifications {
    page-break-before: always;
    background-color: #fff;
  }
}
.ModelSpecifications .Tabset .tab-content > .tab-pane {
  display: block;
}
@media (min-width: 480px) {
  .ModelSpecifications .Tabset .tab-content > .tab-pane {
    display: none;
  }
}
@media print {
  .ModelSpecifications .Tabset .tab-content > .tab-pane {
    display: block !important;
  }
}
.ModelSpecifications--light .ModelSpecifications .Accordion {
  background-color: #f0efee;
}
@media (min-width: 480px) {
  .ModelSpecifications .Accordion .panel-heading {
    display: none;
  }
}
@media print {
  .ModelSpecifications .Accordion .panel-heading {
    display: block !important;
  }
}
.ModelSpecifications .Accordion .panel-title a {
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 1px;
  color: #2B2B2B;
  text-transform: uppercase;
  position: relative;
  color: inherit;
  cursor: pointer;
  display: block;
  width: 100%;
  padding: 20px 20px 16px 0;
}
.no-touch .ModelSpecifications .Accordion .panel-title a {
  -webkit-transition: color 0.1s ease-in-out;
          transition: color 0.1s ease-in-out;
}
.ModelSpecifications .Accordion .panel-title a:hover {
  color: #2B2B2B;
}
@media print {
  .ModelSpecifications .Accordion .panel-title a:after {
    display: none;
  }
}
@media (min-width: 480px) {
  .ModelSpecifications .Accordion .panel-collapse {
    height: auto !important;
    display: block !important;
  }
}
.ModelSpecifications .Icon--uiFeatureStandard,
.ModelSpecifications .Icon--uiFeatureOptional,
.ModelSpecifications .Icon--uiFeatureNotAvailable {
  display: block;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-align: left;
  padding: 0 0 0 27px;
  margin: 0 0 5px;
}
@media print {
  .ModelSpecifications .Icon--uiFeatureStandard,
  .ModelSpecifications .Icon--uiFeatureOptional,
  .ModelSpecifications .Icon--uiFeatureNotAvailable {
    text-align: left;
    padding: 0 0 1px;
  }
}
.ModelSpecifications .Icon--uiFeatureStandard:before,
.ModelSpecifications .Icon--uiFeatureOptional:before,
.ModelSpecifications .Icon--uiFeatureNotAvailable:before {
  font-size: 20px;
  top: 50%;
  left: 0;
  margin-top: -0.5em;
  margin-left: 0;
}
@media print {
  .ModelSpecifications .Icon--uiFeatureStandard:before,
  .ModelSpecifications .Icon--uiFeatureOptional:before,
  .ModelSpecifications .Icon--uiFeatureNotAvailable:before {
    display: none;
  }
}

.ModelSpecifications-copy {
  position: relative;
}
@media print {
  .ModelSpecifications-copy {
    display: none;
  }
}
.ModelSpecifications-copy .Button, .ModelSpecifications-copy .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .ModelSpecifications-copy .select2-chosen,
.ModelSpecifications-copy .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .ModelSpecifications-copy .select2-default, .ModelSpecifications-copy .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .ModelSpecifications-copy .select2-choice.select2-default, .ModelSpecifications-copy .sweet-alert button, .sweet-alert .ModelSpecifications-copy button {
  display: none;
}
@media (min-width: 768px) {
  .ModelSpecifications-copy .Button, .ModelSpecifications-copy .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .ModelSpecifications-copy .select2-chosen,
  .ModelSpecifications-copy .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .ModelSpecifications-copy .select2-default, .ModelSpecifications-copy .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .ModelSpecifications-copy .select2-choice.select2-default, .ModelSpecifications-copy .sweet-alert button, .sweet-alert .ModelSpecifications-copy button {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
  }
}

.ModelSpecifications--light .ModelSpecifications-navigation li.active a {
  background-color: #f0efee;
}
.ModelSpecifications-navigation.Tabset .nav-tabs {
  display: none;
}
@media (min-width: 480px) {
  .ModelSpecifications-navigation.Tabset .nav-tabs {
    display: table;
  }
}
@media print {
  .ModelSpecifications-navigation.Tabset .nav-tabs {
    display: none !important;
  }
}

.ModelSpecifications-content {
  background-color: #fff;
  margin: 0 0 2px;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .ModelSpecifications-content {
    padding: 10px 40px 30px;
  }
}
.ModelSpecifications--light .ModelSpecifications-content {
  background-color: #f0efee;
}
.ModelSpecifications-content table {
  width: 100%;
}
@media print {
  .ModelSpecifications-content table tbody tr {
    page-break-inside: avoid;
  }
}
@media (min-width: 480px) {
  .ModelSpecifications-content table tbody tr:first-child th, .ModelSpecifications-content table tbody tr:first-child td {
    border-top: none;
  }
}
.ModelSpecifications-content table tbody th, .ModelSpecifications-content table tbody td {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.28;
  text-align: left;
  padding: 8px 0;
  border-top: 1px solid #d1d1d2;
  vertical-align: top;
}
@media (min-width: 480px) {
  .ModelSpecifications-content table tbody th, .ModelSpecifications-content table tbody td {
    font-size: 16px;
    line-height: 1.375;
    padding: 12px 0;
  }
}
@media print {
  .ModelSpecifications-content table tbody th, .ModelSpecifications-content table tbody td {
    font-size: 12px;
    line-height: 1.167;
    padding: 8px;
    page-break-inside: avoid;
  }
}
.ModelSpecifications-content table tbody th, .ModelSpecifications-content table tbody .th {
  padding-right: 8px;
}
@media (min-width: 480px) {
  .ModelSpecifications-content table tbody th, .ModelSpecifications-content table tbody .th {
    width: 60%;
    padding-right: 20px;
  }
}
@media (min-width: 768px) {
  .ModelSpecifications-content table tbody th, .ModelSpecifications-content table tbody .th {
    padding-right: 30px;
  }
}
@media (min-width: 900px) {
  .ModelSpecifications-content table tbody th, .ModelSpecifications-content table tbody .th {
    width: 50%;
  }
}
.ModelSpecifications-content table tbody .th {
  padding-right: 0;
}
@media (min-width: 480px) {
  .ModelSpecifications-content table tbody .th {
    float: left;
    width: 60%;
  }
}
@media (min-width: 900px) {
  .ModelSpecifications-content table tbody .th {
    width: 50%;
  }
}
.ModelSpecifications-content table tbody td, .ModelSpecifications-content table tbody .td {
  width: 100px;
  vertical-align: top;
}
.ModelSpecifications-content table tbody td.td--wide, .ModelSpecifications-content table tbody .td.td--wide {
  width: 120px;
  text-align: left;
}
@media (min-width: 480px) {
  .ModelSpecifications-content table tbody td.td--wide, .ModelSpecifications-content table tbody .td.td--wide {
    width: 40%;
  }
}
@media (min-width: 900px) {
  .ModelSpecifications-content table tbody td.td--wide, .ModelSpecifications-content table tbody .td.td--wide {
    width: 50%;
  }
}
@media (min-width: 480px) {
  .ModelSpecifications-content table tbody td, .ModelSpecifications-content table tbody .td {
    width: 40%;
  }
}
@media (min-width: 900px) {
  .ModelSpecifications-content table tbody td, .ModelSpecifications-content table tbody .td {
    width: 50%;
  }
}
.ModelSpecifications-content table tbody td span, .ModelSpecifications-content table tbody .td span {
  font-size: 13px;
  line-height: 1.15;
  color: #2B2B2B;
  display: block;
}
.ModelSpecifications-content table tbody td span:before, .ModelSpecifications-content table tbody .td span:before {
  content: '(';
}
.ModelSpecifications-content table tbody td span:after, .ModelSpecifications-content table tbody .td span:after {
  content: ')';
}
@media (min-width: 480px) {
  .ModelSpecifications-content table tbody td span, .ModelSpecifications-content table tbody .td span {
    font-size: 16px;
    line-height: 1.375;
    display: inline;
  }
}
@media print {
  .ModelSpecifications-content table tbody td span, .ModelSpecifications-content table tbody .td span {
    font-size: 12px;
    line-height: 1.167;
  }
}
.ModelSpecifications-content table tbody .td {
  width: 100%;
}
@media (min-width: 480px) {
  .ModelSpecifications-content table tbody .td {
    float: right;
    width: 40%;
  }
}
@media (min-width: 900px) {
  .ModelSpecifications-content table tbody .td {
    width: 50%;
  }
}
@media (min-width: 480px) {
  .ModelSpecifications-content table tbody .td span {
    color: #2B2B2B;
  }
}
.ModelSpecifications-content table tbody .td span:before {
  content: '';
}
.ModelSpecifications-content table tbody .td span:after {
  content: '';
}
@media print {
  .ModelSpecifications-content table tfoot tr {
    page-break-inside: avoid;
  }
}
.ModelSpecifications-content table tfoot td {
  border-top: 1px solid #d1d1d2;
}
.ModelSpecifications-content table tfoot ol {
  margin: 0;
  padding: 0 0 0 1em;
}
@media (min-width: 480px) {
  .ModelSpecifications-content table tfoot ol {
    padding: 4px 0 4px 1.5em;
  }
}
.ModelSpecifications-content table tfoot li {
  font-size: 13px;
  line-height: 1.154;
  color: #2B2B2B;
  margin: 8px 0;
}
@media (min-width: 480px) {
  .ModelSpecifications-content table tfoot li {
    font-size: 16px;
    line-height: 1.375;
    color: #2B2B2B;
  }
}
@media print {
  .ModelSpecifications-content table tfoot li {
    font-size: 12px;
    line-height: 1.167;
    margin: 5px 0;
  }
}

@media print {
  .ModelTestimonials {
    display: none;
  }
}
.ModelTestimonials main {
  width: 83.33333%;
  float: left;
  margin-left: 8.33333%;
  margin-right: -100%;
  padding-left: 1.04167%;
  padding-right: 1.04167%;
}
.ModelTestimonials main .quote {
  font-size: 22px;
  font-style: italic;
  color: #FFF;
  line-height: 32px;
}
.ModelTestimonials main .author {
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  color: #FFF;
  margin-bottom: 0;
}
.ModelTestimonials main .author span {
  font-weight: 400;
  font-size: 16px;
}

.ModelsCarousel {
  background-color: #FFF;
  position: relative;
  overflow: hidden;
}
.ModelsCarousel .rn-carousel-control {
  top: 42%;
  margin-top: 0;
}
@media (min-width: 600px) {
  .ModelsCarousel .rn-carousel-control {
    top: 40%;
  }
}
.ModelsCarousel .carousel-indicator {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #fff;
  padding: 45px 20px 15px;
}
@media (min-width: 600px) {
  .ModelsCarousel .carousel-indicator {
    padding-top: 85px;
    padding-bottom: 35px;
  }
}
@media (min-width: 1024px) {
  .ModelsCarousel .carousel-indicator {
    padding-left: 0;
    padding-right: 0;
  }
}
.ModelsCarousel .carousel-indicator .active {
  color: #2B2B2B;
}
.ModelsCarousel .carousel-indicator-cover {
  position: relative;
  z-index: 99;
  overflow: hidden;
  border-right: 1px solid #f2f1f0;
  border-left: 1px solid #f2f1f0;
  padding: 12px 20px;
}
.ModelsCarousel .carousel-indicator-cover:before {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: '';
  pointer-events: none;
  background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, white 100%);
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, white 100%);
}
@media (min-width: 1024px) {
  .ModelsCarousel .carousel-indicator-cover:before {
    background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, white 100%);
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, white 100%);
  }
}
.ModelsCarousel .carousel-item {
  font-family: "canada-type-gibson", sans-serif;
  font-size: 13px;
  color: #d1d1d2;
  cursor: pointer;
  white-space: nowrap;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  padding: 0 5px;
}
@media (min-width: 600px) {
  .ModelsCarousel .carousel-item {
    padding: 0 8px;
  }
}
.no-touch .ModelsCarousel .carousel-item {
  -webkit-transition: color 0.2s ease-in-out;
          transition: color 0.2s ease-in-out;
}
.ModelsCarousel .carousel-item:hover {
  color: #adaeb2;
}
.ModelsCarousel .carousel-item:hover.active {
  color: #2B2B2B;
}
.ModelsCarousel .carousel-indicator-container {
  -webkit-transition: 0.2s ease -webkit-transform;
          transition: 0.2s ease transform;
}
.ModelsCarousel ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ModelsCarousel-scene {
  z-index: 1;
}

.ModelsCarousel-container {
  position: relative;
  z-index: 2;
  padding: 50px 0;
}
.ModelsCarousel-container .Typography {
  text-align: center;
}
.ModelsCarousel-container .Typography h2 {
  font-size: 20px;
  color: #fff;
}
.ModelsCarousel-container .Typography h2:after {
  margin-top: 12px;
  margin-bottom: 15px;
}
@media (min-width: 600px) {
  .ModelsCarousel-container .Typography h2:after {
    margin-top: 15px;
  }
}
.ModelsCarousel-container .ModelsCarousel-copy {
  height: 242px;
}
@media (min-width: 600px) {
  .ModelsCarousel-container .ModelsCarousel-copy {
    height: 225px;
  }
}
.ModelsCarousel-container .ModelsCarousel-copy .Heading {
  font-size: 40px;
  color: #fff;
  white-space: nowrap;
}
@media (min-width: 600px) {
  .ModelsCarousel-container .ModelsCarousel-copy .Heading {
    font-size: 72px;
  }
}
.ModelsCarousel-container .ModelsCarousel-copy p {
  font-size: 17px;
  font-style: italic;
  color: #fff;
  margin: 7px auto 20px;
  padding: 0 15px;
  max-width: 500px;
  max-height: 62px;
}
@media (min-width: 480px) {
  .ModelsCarousel-container .ModelsCarousel-copy p {
    font-size: 18px;
    padding: 0 20px;
  }
}
@media (min-width: 600px) {
  .ModelsCarousel-container .ModelsCarousel-copy p {
    font-size: 20px;
    margin-bottom: 25px;
  }
}
.ModelsCarousel-container .ModelsCarousel-copy .Button, .ModelsCarousel-container .ModelsCarousel-copy .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .ModelsCarousel-container .ModelsCarousel-copy .select2-chosen,
.ModelsCarousel-container .ModelsCarousel-copy .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .ModelsCarousel-container .ModelsCarousel-copy .select2-default, .ModelsCarousel-container .ModelsCarousel-copy .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .ModelsCarousel-container .ModelsCarousel-copy .select2-choice.select2-default, .ModelsCarousel-container .ModelsCarousel-copy .sweet-alert button, .sweet-alert .ModelsCarousel-container .ModelsCarousel-copy button {
  max-width: 180px;
  width: 100%;
  margin: 15px auto;
  display: block;
}
@media (min-width: 600px) {
  .ModelsCarousel-container .ModelsCarousel-copy .Button, .ModelsCarousel-container .ModelsCarousel-copy .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .ModelsCarousel-container .ModelsCarousel-copy .select2-chosen,
  .ModelsCarousel-container .ModelsCarousel-copy .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .ModelsCarousel-container .ModelsCarousel-copy .select2-default, .ModelsCarousel-container .ModelsCarousel-copy .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .ModelsCarousel-container .ModelsCarousel-copy .select2-choice.select2-default, .ModelsCarousel-container .ModelsCarousel-copy .sweet-alert button, .sweet-alert .ModelsCarousel-container .ModelsCarousel-copy button {
    margin: 0 10px;
    display: inline-block;
  }
}
.ModelsCarousel-container .ModelsCarousel-copy .Button:hover, .ModelsCarousel-container .ModelsCarousel-copy .CompareResults-models-data .select2-container .select2-chosen:hover, .CompareResults-models-data .select2-container .ModelsCarousel-container .ModelsCarousel-copy .select2-chosen:hover,
.ModelsCarousel-container .ModelsCarousel-copy .CompareResults-models-data .select2-container .select2-default:hover,
.CompareResults-models-data .select2-container .ModelsCarousel-container .ModelsCarousel-copy .select2-default:hover, .ModelsCarousel-container .ModelsCarousel-copy .ContentLinks-link .select2-container .select2-choice.select2-default:hover, .ContentLinks-link .select2-container .ModelsCarousel-container .ModelsCarousel-copy .select2-choice.select2-default:hover, .ModelsCarousel-container .ModelsCarousel-copy .sweet-alert button:hover, .sweet-alert .ModelsCarousel-container .ModelsCarousel-copy button:hover {
  color: #2B2B2B;
}
.ModelsCarousel-container img {
  display: block;
  margin: 20px auto 17px;
}
@media (min-width: 600px) {
  .ModelsCarousel-container img {
    margin: 54px auto 35px;
  }
}

@media print {
  *:before {
    display: none !important;
  }

  *:after {
    display: none !important;
  }

  /*.Header {
      display:none !important;
      position:static;
  }*/
  .Header {
    background: none !important;
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    background: white !important;
  }

  body {
    overflow: visible;
    /*position: static !important;*/
  }

  div {
    overflow: visible !important;
    /*position: static !important;*/
  }

  body div {
    display: block !important;
  }

  .Thanks-modal {
    display: none !important;
  }

  .BuildYourOwn-stepControl {
    display: none !important;
  }

  .BuildYourOwn-section {
    margin-top: 30px;
  }

  .Container--section, .Hero--fixed .Hero-container, .Hero--fixed .Hero-container {
    margin-top: 25px !important;
  }

  .Pricing-offer {
    display: none !important;
  }

  #wpadminbar {
    display: none !important;
  }

  .SearchBar {
    display: none !important;
  }

  .ModelSpecifications-copy .Button, .ModelSpecifications-copy .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .ModelSpecifications-copy .select2-chosen,
  .ModelSpecifications-copy .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .ModelSpecifications-copy .select2-default, .ModelSpecifications-copy .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .ModelSpecifications-copy .select2-choice.select2-default, .ModelSpecifications-copy .sweet-alert button, .sweet-alert .ModelSpecifications-copy button, .ModelSpecifications-copy .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .ModelSpecifications-copy .select2-chosen, .ModelSpecifications-copy .CompareResults-models-data .select2-container .select2-default, .CompareResults-models-data .select2-container .ModelSpecifications-copy .select2-default, .ModelSpecifications-copy .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .ModelSpecifications-copy .select2-choice.select2-default, .ModelSpecifications-copy .sweet-alert button, .sweet-alert .ModelSpecifications-copy button {
    display: none !important;
  }

  #olark {
    display: none !important;
  }

  .CompareResults-models--responsive .CompareResults-models-container {
    display: none !important;
  }

  .CompareResults {
    margin-top: 60px;
  }

  .sweet-overlay, .sweet-alert {
    display: none !important;
  }

  .CompareResults-header .CompareResults-header-buttons {
    display: none !important;
  }
}
@media (min-width: 480px) {
  .MultiStep {
    overflow: hidden;
  }
}

.MultiStep-steps {
  position: relative;
}

.MultiStep-step {
  position: absolute;
  width: 100%;
  opacity: 0;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 0.6s ease;
          transition: 0.6s ease;
}
.MultiStep-step.MultiStep-step--active {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.MultiStep-step.slideIn-right {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.MultiStep-step.slideIn-left {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.MultiStep-step.slideOut-right {
  opacity: 0;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
.MultiStep-step.slideOut-left {
  opacity: 0;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.MultiStep-stepCopy {
  margin: 0 0 10px;
}

.MultiStep-filter {
  width: 100%;
  float: left;
  padding-left: 1.04167%;
  padding-right: 1.04167%;
}
@media (min-width: 600px) {
  .MultiStep-filter {
    width: 66.66667%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    padding: 0 10px 0 0;
  }
}

.MultiStep-filterButton {
  width: 100%;
  float: left;
  padding-left: 1.04167%;
  padding-right: 1.04167%;
  margin-top: 15px;
}
@media (min-width: 600px) {
  .MultiStep-filterButton {
    width: 33.33333%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    margin: 0;
    padding-right: 0;
  }
}
.MultiStep-filterButton .Button, .MultiStep-filterButton .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .MultiStep-filterButton .select2-chosen,
.MultiStep-filterButton .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .MultiStep-filterButton .select2-default, .MultiStep-filterButton .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .MultiStep-filterButton .select2-choice.select2-default, .MultiStep-filterButton .sweet-alert button, .sweet-alert .MultiStep-filterButton button {
  width: 100%;
}

.MultiStep-pager {
  margin-top: 30px;
}
@media (min-width: 600px) {
  .MultiStep-pager {
    margin-top: 20px;
  }
}

.MultiStep-previous {
  background-color: transparent;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 1px;
  text-align: center;
  color: #2B2B2B;
  text-transform: uppercase;
  -webkit-appearance: none;
  border: none;
  outline: none;
  margin: 0;
  padding: 0 0 10px;
}
.no-touch .MultiStep-previous {
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}
.no-touch .MultiStep-previous:before {
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}
.MultiStep-previous:hover {
  color: #2B2B2B;
}
.MultiStep-previous:hover:before {
  color: #2B2B2B;
}
.MultiStep-previous:before {
  content: '';
  width: 0;
  height: 0;
  color: #2B2B2B;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 6px solid;
  display: inline-block;
  margin-right: 8px;
}
.MultiStep-previous:disabled {
  color: #c4c4c5;
  cursor: default;
}
.MultiStep-previous:disabled:before {
  color: #c4c4c5;
}

.MultiStep-pagination {
  float: right;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 14px;
  color: #b7b7b9;
  margin: 0 0 10px;
}
.MultiStep-pagination .MultiStep-pagination-complete {
  color: #2B2B2B;
}

.MultiStep-progress {
  background-color: #d1d1d2;
  overflow: hidden;
  height: 4px;
}
.MultiStep-progress .progress-bar {
  background-color: #2B2B2B;
  float: left;
  width: 0;
  height: 100%;
  -webkit-transition: width 0.6s ease;
          transition: width 0.6s ease;
}

.Newsletter {
  text-align: center;
  max-width: 650px;
}
.Newsletter .Button, .Newsletter .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .Newsletter .select2-chosen,
.Newsletter .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .Newsletter .select2-default, .Newsletter .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .Newsletter .select2-choice.select2-default, .Newsletter .sweet-alert button, .sweet-alert .Newsletter button {
  min-width: 225px;
}
.Newsletter h2 {
  letter-spacing: 0px;
  margin-bottom: 30px;
  text-transform: none;
}
.Newsletter h2:after {
  display: none;
}

.Newsletter-agreement .wpcf7-list-item {
  width: 100% !important;
}
.Newsletter-agreement .wpcf7-list-item label {
  float: none;
}
.Newsletter-agreement .wpcf7-list-item label span {
  white-space: pre-wrap;
  display: block;
}

.Newsletter-modal {
  position: relative;
  left: 0px;
  background: #f2f1f0;
  padding: 20px;
  width: 117.6%;
  margin-left: -60px;
}

.MailingListForm-html {
  display: none !important;
}

.modal .MailingListForm-html {
  display: block !important;
}

@media screen and (max-width: 768px) {
  .Newsletter-modal {
    position: relative;
    left: 0px;
    background: #f2f1f0;
    padding: 40px;
    width: 117.6%;
  }
}
@media screen and (max-width: 650px) {
  .Newsletter-modal {
    position: relative;
    left: 0px;
    background: #f2f1f0;
    padding: 40px;
    width: 100%;
    margin-left: 0;
  }
}
.OurModels {
  background: #fff;
}
@media (min-width: 900px) {
  .OurModels {
    background-color: #f2f1f0;
    background-image: url("../images/patterns/light.png");
  }
}
@media only screen and (min-width: 900px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 900px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 900px) and (min-device-pixel-ratio: 2), only screen and (min-width: 900px) and (min-resolution: 192dpi), only screen and (min-width: 900px) and (min-resolution: 2dppx) {
  .OurModels {
    background-image: url("../images/patterns/light@2x.png");
    background-size: 500px 375px;
  }
}

.OurModels-content {
  text-align: center;
  margin: 0 auto 31px;
  max-width: 620px;
}

.OurModelsComparisonBar {
  background: #2B2B2B;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
  min-width: 20em;
  width: 100%;
  border-top: 1px solid #d1d1d2;
  -webkit-transition: 0.3s ease;
          transition: 0.3s ease;
  opacity: 1;
  -webkit-transform: translateY(150px);
      -ms-transform: translateY(150px);
          transform: translateY(150px);
}
.OurModelsComparisonBar.ng-hide {
  opacity: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

@media (min-width: 768px) {
  .OurModelsComparisonBar--extended {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}

.OurModelsComparisonBar-nav {
  height: 64px;
  border-top: 4px solid #fff;
}

.OurModelsComparisonBar-container {
  padding: 0 20px;
  height: 100%;
}
@media (min-width: 1000px) {
  .OurModelsComparisonBar-container {
    padding: 0;
  }
}

.OurModelsComparisonBar-title {
  width: 33.33333%;
  float: left;
  height: 100%;
  display: none;
}
@media (min-width: 500px) {
  .OurModelsComparisonBar-title {
    display: table;
  }
}
@media (min-width: 768px) {
  .OurModelsComparisonBar-title {
    width: 50%;
    float: left;
  }
}
.OurModelsComparisonBar-title h4 {
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0 8px;
  padding: 0;
  display: table-cell;
  vertical-align: middle;
}

.OurModelsComparisonBar-content {
  width: 100%;
  float: left;
  height: 100%;
}
@media (min-width: 500px) {
  .OurModelsComparisonBar-content {
    width: 66.66667%;
    float: left;
  }
}
@media (min-width: 768px) {
  .OurModelsComparisonBar-content {
    width: 50%;
    float: left;
  }
}
.OurModelsComparisonBar-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
  height: 100%;
}
@media (min-width: 480px) {
  .OurModelsComparisonBar-content ul {
    float: right;
  }
}
.OurModelsComparisonBar-content ul li {
  display: table-cell;
  vertical-align: middle;
  width: 25%;
}
@media (min-width: 480px) {
  .OurModelsComparisonBar-content ul li {
    width: auto;
  }
}
.OurModelsComparisonBar-content ul li:last-child {
  display: none;
}
@media (min-width: 768px) {
  .OurModelsComparisonBar-content ul li:last-child {
    display: table-cell;
  }
}
.OurModelsComparisonBar-content .Icon--van {
  margin: 0 auto;
  display: block;
  width: 54px;
  height: 26px;
  background-size: 54px 26px;
}
@media (min-width: 768px) {
  .OurModelsComparisonBar-content .Icon--van {
    margin: 0 8px;
  }
}
.OurModelsComparisonBar-content .Button, .OurModelsComparisonBar-content .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .OurModelsComparisonBar-content .select2-chosen,
.OurModelsComparisonBar-content .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .OurModelsComparisonBar-content .select2-default, .OurModelsComparisonBar-content .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .OurModelsComparisonBar-content .select2-choice.select2-default, .OurModelsComparisonBar-content .sweet-alert button, .sweet-alert .OurModelsComparisonBar-content button {
  background-color: #2B2B2B;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  text-transform: capitalize;
  letter-spacing: 0px;
  margin: 0 auto 0 10px;
  padding: 7px 10px;
  border: 2px solid transparent;
  display: block;
}
@media (min-width: 768px) {
  .OurModelsComparisonBar-content .Button, .OurModelsComparisonBar-content .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .OurModelsComparisonBar-content .select2-chosen,
  .OurModelsComparisonBar-content .CompareResults-models-data .select2-container .select2-default,
  .CompareResults-models-data .select2-container .OurModelsComparisonBar-content .select2-default, .OurModelsComparisonBar-content .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .OurModelsComparisonBar-content .select2-choice.select2-default, .OurModelsComparisonBar-content .sweet-alert button, .sweet-alert .OurModelsComparisonBar-content button {
    margin: 0 10px 0 20px;
    padding: 7px 15px;
  }
}
.OurModelsComparisonBar-content .Button:hover, .OurModelsComparisonBar-content .CompareResults-models-data .select2-container .select2-chosen:hover, .CompareResults-models-data .select2-container .OurModelsComparisonBar-content .select2-chosen:hover,
.OurModelsComparisonBar-content .CompareResults-models-data .select2-container .select2-default:hover,
.CompareResults-models-data .select2-container .OurModelsComparisonBar-content .select2-default:hover, .OurModelsComparisonBar-content .ContentLinks-link .select2-container .select2-choice.select2-default:hover, .ContentLinks-link .select2-container .OurModelsComparisonBar-content .select2-choice.select2-default:hover, .OurModelsComparisonBar-content .sweet-alert button:hover, .sweet-alert .OurModelsComparisonBar-content button:hover {
  background-color: #fff;
  color: #2B2B2B;
}

.OurModelsComparisonBar-shortButton {
  display: block !important;
}
@media (min-width: 768px) {
  .OurModelsComparisonBar-shortButton {
    display: none !important;
  }
}

.OurModelsComparisonBar-button {
  display: none !important;
}
@media (min-width: 768px) {
  .OurModelsComparisonBar-button {
    display: block !important;
  }
}

.OurModelsComparisonBar-collapsed, .OurModelsComparisonBar-expanded {
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
  font-size: 10px;
  color: #f2f1f0;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 22px 11px 10px;
  width: 80px;
  display: block;
}
.no-touch .OurModelsComparisonBar-collapsed, .no-touch .OurModelsComparisonBar-expanded {
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}
.OurModelsComparisonBar-collapsed:hover, .OurModelsComparisonBar-expanded:hover {
  color: #fff;
}
.OurModelsComparisonBar-collapsed:before, .OurModelsComparisonBar-collapsed:after, .OurModelsComparisonBar-expanded:before, .OurModelsComparisonBar-expanded:after {
  top: 10px;
  left: 50%;
  margin-left: -6px;
  font-size: 14px;
}

.OurModelsComparisonBar-models {
  background-color: #2B2B2B;
  height: 150px;
  overflow: hidden;
}
.OurModelsComparisonBar-models ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
  width: 100%;
}
@media (min-width: 900px) {
  .OurModelsComparisonBar-models ul {
    padding: 0 10%;
  }
}
.OurModelsComparisonBar-models li {
  position: relative;
  display: block;
  float: right;
  width: 33.3333%;
  max-width: 238px;
  padding: 2px 1px;
  -webkit-animation: expandSlideUp;
          animation: expandSlideUp;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
}
.OurModelsComparisonBar-models li.ng-leave {
  -webkit-animation: slideDownCollapse;
          animation: slideDownCollapse;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
}
.OurModelsComparisonBar-models li img {
  display: block;
  width: 100%;
  margin: 6px auto 10px;
}
.OurModelsComparisonBar-models li div {
  font-family: "canada-type-gibson", sans-serif;
  font-size: 14px;
  color: #adaeb2;
  text-align: center;
}

.OurModelsComparisonBar-model {
  background-color: #58595b;
  padding: 18px 29px;
  height: 146px;
}

.OurModelsComparisonBar-remove {
  position: absolute;
  top: 19px;
  left: 29px;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
  font-size: 19px;
  line-height: 15px;
  color: #838487;
  border: 2px solid;
  border-radius: 100%;
  padding: 1px 3px 0;
}
.no-touch .OurModelsComparisonBar-remove {
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}
.OurModelsComparisonBar-remove:hover {
  color: #2B2B2B;
}

.OurModelsNav {
  border-bottom: 1px solid #d1d1d2;
  display: none;
}
@media (min-width: 900px) {
  .OurModelsNav {
    display: block;
  }
}

.OurModelsNav-container {
  position: relative;
  height: 85px;
}

.OurModelsNav-superdock {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: visible;
  display: table;
  table-layout: fixed;
  max-width: 100%;
  width: 100%;
  position: absolute;
  bottom: 31px;
  left: 0;
}

.OurModelsNav-item {
  display: table-cell;
  vertical-align: bottom;
  overflow: visible;
  width: 10%;
}
.no-touch .OurModelsNav-item {
  -webkit-transition: 0.2s ease-in-out;
          transition: 0.2s ease-in-out;
}
.OurModelsNav-item:hover {
  width: 14%;
}
.OurModelsNav-item:hover span {
  font-weight: 500;
}
.OurModelsNav-item:hover img {
  width: 146px;
}
.OurModelsNav-item:first-child div, .OurModelsNav-item:first-child span {
  margin-left: 0 !important;
}
.OurModelsNav-item a {
  text-align: center;
}
.OurModelsNav-item span {
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #f2f1f0;
  text-align: center;
  white-space: nowrap;
  display: block;
  margin: 0 auto;
}
.no-touch .OurModelsNav-item span {
  -webkit-transition: 0.2s ease-in-out;
          transition: 0.2s ease-in-out;
}
.OurModelsNav-item img {
  width: 122px;
  display: block;
  margin: 0 auto;
}
.no-touch .OurModelsNav-item img {
  -webkit-transition: 0.2s ease-in-out;
          transition: 0.2s ease-in-out;
}

.Overlay.Overlay--isMenuActive:after {
  z-index: 899;
  opacity: 1;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.Overlay.Overlay--isSearchActive:before {
  z-index: 899;
  opacity: 1;
}
@media (min-width: 768px) {
  .Overlay.Overlay--isSearchActive:before {
    z-index: -100;
    opacity: 0;
  }
}
.Overlay:before, .Overlay:after {
  content: '';
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  bottom: -40px;
  z-index: -100;
  width: 100%;
  opacity: 0;
}
.Overlay:after {
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
}
@media (min-width: 768px) {
  .Overlay:after {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
}

.Page {
  padding-top: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
  min-width: 20em;
}
.flexboxtweener .Page {
  height: 100%;
  min-height: 100vh;
}
@media (min-width: 768px) {
  .Page {
    -webkit-transition: padding 0.2s;
            transition: padding 0.2s;
    padding-top: 25px;
  }
  .Page.Page--searching {
    padding-top: 90px;
  }
}

.Page-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

@media (min-width: 768px) {
  .Page-container--404 {
    position: relative;
    min-height: 500px;
  }
}

.Pagination {
  text-align: center;
}
.Pagination ul {
  list-style: none;
  display: block;
  margin: 20px 0 0;
  padding: 0;
}
@media (min-width: 480px) {
  .Pagination ul {
    display: inline-block;
    margin: 20px auto 0;
  }
}
@media (min-width: 768px) {
  .Pagination ul {
    margin-top: 30px;
  }
}
.Pagination li {
  display: block;
  float: left;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  color: #d1d1d2;
}
.Pagination li:last-child {
  float: right;
}
@media (min-width: 480px) {
  .Pagination li:last-child {
    float: left;
  }
}
.Pagination li .page-numbers {
  display: none;
}
.Pagination li .page-numbers.prev, .Pagination li .page-numbers.next {
  display: block;
}
@media (min-width: 480px) {
  .Pagination li .page-numbers {
    display: block;
  }
}
.Pagination .current {
  display: block;
  padding: 8px;
}
@media (min-width: 768px) {
  .Pagination .current {
    padding: 10px;
  }
}
.Pagination .dots {
  display: block;
  padding: 8px 0;
}
@media (min-width: 768px) {
  .Pagination .dots {
    padding: 10px 0;
  }
}
.Pagination a {
  display: block;
  color: #2B2B2B;
  white-space: nowrap;
  padding: 8px;
}
@media (min-width: 768px) {
  .Pagination a {
    padding: 10px;
  }
}
.Pagination a:hover {
  color: #2B2B2B;
  text-decoration: underline;
}

.Pattern, .Post-sidebar:before, .PostCategory-sidebar:before {
  background-repeat: repeat;
}

.Pattern--repeat-x, .Post-sidebar:before, .PostCategory-sidebar:before {
  background-repeat: repeat-x;
}

.Pattern--repeat-y {
  background-repeat: repeat-y;
}

.Pattern--white {
  background-color: #fff;
  background-image: url("../images/patterns/white.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .Pattern--white {
    background-image: url("../images/patterns/white@2x.png");
    background-size: 500px 375px;
  }
}

.Pattern--light, .Post-sidebar:before, .PostCategory-sidebar:before {
  background-color: #f2f1f0;
  background-image: url("../images/patterns/light.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .Pattern--light, .Post-sidebar:before, .PostCategory-sidebar:before {
    background-image: url("../images/patterns/light@2x.png");
    background-size: 500px 375px;
  }
}

.Pattern--medium {
  background: #002F43;
}

.Pattern--dark {
  background: #002F43;
}

.Pattern--red, .PromotionalBanner-button-container {
  background-color: #2B2B2B;
  background-image: url("../images/patterns/red.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .Pattern--red, .PromotionalBanner-button-container {
    background-image: url("../images/patterns/red@2x.jpg");
    background-size: 500px 499px;
  }
}

.PhotoGallery {
  padding: 30px 0;
}
@media (min-width: 600px) {
  .PhotoGallery {
    padding: 40px 0;
  }
}
@media print {
  .PhotoGallery {
    display: none;
  }
}
.PhotoGallery ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.PhotoGallery--alt {
  padding: 80px 0 0 0;
}
.PhotoGallery--alt .bx-wrapper .bx-next {
  right: -50px;
}
.PhotoGallery--alt .bx-wrapper .bx-prev {
  left: -50px;
}
.PhotoGallery--alt .bx-wrapper .bx-pager {
  bottom: -40px;
}

.PhotoGallery--video {
  padding: 0 !important;
}
.PhotoGallery--video .PhotoGallery-container {
  padding: 0 25px;
}
@media (min-width: 1090px) {
  .PhotoGallery--video .PhotoGallery-container {
    padding: 0 10px;
  }
}
@media (min-width: 600px) {
  .PhotoGallery--video .PhotoGallery-slide {
    max-width: 345px;
    height: 185px;
  }
}
@media (min-width: 600px) {
  .PhotoGallery--video .PhotoGallery-slide img {
    max-width: 345px;
    height: 185px;
    margin-left: -175px;
  }
}
.PhotoGallery--video .PhotoGallery-slide--video {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  height: 100%;
}
.PhotoGallery--video .PhotoGallery-video,
.PhotoGallery--video .PhotoGallery-description {
  padding: 0 10px;
  width: 100%;
  max-width: 544px;
  display: block;
  margin: 0 auto;
}
@media (min-width: 900px) {
  .PhotoGallery--video .PhotoGallery-video,
  .PhotoGallery--video .PhotoGallery-description {
    width: 1%;
    margin: 0;
    height: auto;
    display: table-cell;
    max-width: 100%;
  }
}
.PhotoGallery--video .PhotoGallery-video {
  margin-bottom: 30px;
}
@media (min-width: 900px) {
  .PhotoGallery--video .PhotoGallery-video {
    margin-bottom: 0;
  }
}
.PhotoGallery--video .PhotoGallery-video a {
  margin: 0;
  width: 100%;
  max-width: 100%;
}
.PhotoGallery--video .PhotoGallery-video img {
  float: none;
  position: relative;
  width: 100% !important;
  height: auto;
  margin: 0;
  left: 0;
}
@media (min-width: 900px) {
  .PhotoGallery--video .PhotoGallery-video img {
    max-height: 253px;
  }
}
.PhotoGallery--video .bx-pager {
  display: none;
}

.PhotoGallery-nav {
  text-align: center;
  margin-bottom: 30px;
  padding: 0 30px;
}
.PhotoGallery-nav a {
  margin: 10px 0;
  width: 100%;
}
@media (min-width: 445px) {
  .PhotoGallery-nav a {
    margin: 0 10px;
    width: auto;
  }
}

.PhotoGallery-container {
  padding: 0 45px;
}
@media (min-width: 990px) {
  .PhotoGallery-container {
    padding: 0 35px;
  }
}
@media (min-width: 1020px) {
  .PhotoGallery-container {
    padding: 0 25px;
  }
}
@media (min-width: 1090px) {
  .PhotoGallery-container {
    padding: 0 10px;
  }
}

.PhotoGallery-slide {
  position: relative;
  max-width: 130px;
  height: 88px;
  overflow: hidden;
  margin-right: 8px;
}
@media (min-width: 600px) {
  .PhotoGallery-slide {
    max-width: 220px;
    height: 150px;
    margin-right: 20px;
  }
}
.PhotoGallery-slide.PhotoGallery-slide--single {
  margin: 0 auto;
}
.PhotoGallery-slide a {
  display: block;
}
.PhotoGallery-slide a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 2;
  width: 100%;
  height: 100%;
  border: 0px solid transparent;
}
.no-touch .PhotoGallery-slide a:after {
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}
.PhotoGallery-slide a:hover:after {
  background-color: rgba(0, 0, 0, 0.4);
  border: 2px solid #fff;
  box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 0.2);
}
.PhotoGallery-slide a:hover .PhotoGallery-fullSize span {
  opacity: 1;
}
.PhotoGallery-slide img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  margin-left: -65px;
  height: 88px;
  max-width: 130px;
  width: auto;
  display: block;
}
@media (min-width: 600px) {
  .PhotoGallery-slide img {
    margin-left: -110px;
    height: 150px;
    max-width: 220px;
  }
}

.PhotoGallery-slide--alt {
  cursor: pointer;
  max-width: 200px;
  height: 130px;
}
.PhotoGallery-slide--alt img {
  height: 160px;
  max-width: 200px;
  margin-left: -100px;
}
@media (min-width: 480px) {
  .PhotoGallery-slide--alt {
    max-width: 240px;
    height: 160px;
    margin: 0;
  }
  .PhotoGallery-slide--alt img {
    max-width: 240px;
    margin-left: -120px;
  }
}

.PhotoGallery-fullSize {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: table;
  width: 100%;
  height: 100%;
}
.PhotoGallery-fullSize span {
  display: table-cell;
  vertical-align: middle;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
  font-size: 0px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
@media (min-width: 600px) {
  .PhotoGallery-fullSize span {
    font-size: 12px;
  }
}
.PhotoGallery-fullSize span:before {
  content: '';
  background-image: url(../images/icons/expand/expand-white.png);
  background-image: url(../images/icons/expand/expand-white.svg);
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  display: block;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  margin: 10px auto;
}
.no-touch .PhotoGallery-fullSize span {
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}

.PhotoSlider {
  background-color: #d1d1d2;
}
@media print {
  .PhotoSlider {
    display: none;
  }
}
.PhotoGallery--alt .PhotoSlider {
  background: transparent;
  height: 0;
  overflow: hidden;
}
.PhotoGallery--alt .PhotoSlider.is-active {
  height: auto;
  padding: 0 30px 80px 30px;
  -webkit-animation: 0.6s fadeInDown ease-out;
          animation: 0.6s fadeInDown ease-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-delay: 0.175s;
          animation-delay: 0.175s;
}
@media (min-width: 480px) {
  .PhotoGallery--alt .PhotoSlider.is-active {
    padding: 0 45px 80px 45px;
  }
}
@media (min-width: 768px) {
  .PhotoGallery--alt .PhotoSlider.is-active {
    padding: 0 80px 80px 80px;
  }
}
.PhotoSlider.PhotoSlider--mediaGallery li {
  padding-bottom: 52.5%;
  height: auto;
  max-height: auto;
  min-height: auto;
}
.PhotoSlider.PhotoSlider--mediaGallery .bx-controls .bx-next {
  right: -32px;
}
@media (min-width: 480px) {
  .PhotoSlider.PhotoSlider--mediaGallery .bx-controls .bx-next {
    right: -40px;
  }
}
.PhotoSlider.PhotoSlider--mediaGallery .bx-controls .bx-prev {
  left: -32px;
}
@media (min-width: 480px) {
  .PhotoSlider.PhotoSlider--mediaGallery .bx-controls .bx-prev {
    left: -40px;
  }
}
.PhotoSlider.PhotoSlider--mediaGallery .bx-viewport {
  max-height: 100%;
}
@media (min-width: 768px) {
  .PhotoSlider.PhotoSlider--mediaGallery .bx-viewport {
    max-height: 100%;
  }
}
.PhotoSlider ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.PhotoSlider li {
  position: relative;
  width: 100% !important;
  height: 350px;
  min-height: 350px;
  max-height: 576px;
  overflow: hidden;
}
@media (min-width: 480px) {
  .PhotoSlider li {
    min-height: 400px;
  }
}
@media (min-width: 768px) {
  .PhotoSlider li {
    min-height: 460px;
    max-height: 720px;
  }
}
@media (min-width: 900px) {
  .PhotoSlider li {
    min-height: 520px;
  }
}
@media (min-width: 1600px) {
  .PhotoSlider li {
    min-height: 640px;
  }
}
.PhotoSlider li .Button, .PhotoSlider li .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .PhotoSlider li .select2-chosen,
.PhotoSlider li .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .PhotoSlider li .select2-default, .PhotoSlider li .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .PhotoSlider li .select2-choice.select2-default, .PhotoSlider li .sweet-alert button, .sweet-alert .PhotoSlider li button {
  background-color: rgba(47, 48, 49, 0.1);
}
.PhotoSlider li .Button:hover, .PhotoSlider li .CompareResults-models-data .select2-container .select2-chosen:hover, .CompareResults-models-data .select2-container .PhotoSlider li .select2-chosen:hover,
.PhotoSlider li .CompareResults-models-data .select2-container .select2-default:hover,
.CompareResults-models-data .select2-container .PhotoSlider li .select2-default:hover, .PhotoSlider li .ContentLinks-link .select2-container .select2-choice.select2-default:hover, .ContentLinks-link .select2-container .PhotoSlider li .select2-choice.select2-default:hover, .PhotoSlider li .sweet-alert button:hover, .sweet-alert .PhotoSlider li button:hover {
  background-color: #FFF;
}
.PhotoSlider .Container--section, .PhotoSlider .Hero--fixed .Hero-container, .Hero--fixed .PhotoSlider .Hero-container {
  z-index: 1;
  position: relative;
  height: 100%;
}
.PhotoSlider .bx-viewport {
  max-height: 576px;
}
@media (min-width: 768px) {
  .PhotoSlider .bx-viewport {
    max-height: 720px;
  }
}

.PhotoSlider-bxslider li:not(:first-of-type) {
  position: absolute;
  visibility: hidden;
}

.PhotoSlider-image {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50%;
  display: block;
}

.Post {
  position: relative;
}

@media (min-width: 1024px) {
  .Post-container {
    display: table;
  }
}

.Post-main {
  background-color: #fff;
}
@media (min-width: 480px) {
  .Post-main {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1024px) {
  .Post-main {
    width: 66.66667%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    display: table-cell;
    vertical-align: top;
    float: none;
    padding-right: 40px;
  }
}

.Post-header {
  text-align: center;
}
@media (min-width: 900px) {
  .Post-header.Typography h1 {
    margin: 0 5%;
  }
}
.Post-header.Typography ul {
  list-style: none;
  display: block;
  margin: 0 0 30px;
  padding: 0;
}
@media (min-width: 900px) {
  .Post-header.Typography ul {
    margin-bottom: 40px;
  }
}
.Post-header.Typography li {
  display: block;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 16px;
  color: #2B2B2B;
}
@media (min-width: 480px) {
  .Post-header.Typography li {
    display: inline-block;
  }
}
.Post-header.Typography li:before {
  content: '';
  padding: 0 0.5em;
}
@media (min-width: 480px) {
  .Post-header.Typography li:before {
    content: '/';
  }
}
@media (min-width: 480px) {
  .Post-header.Typography li:first-child:before {
    content: '';
  }
}

.Post-content {
  border-bottom: 1px solid #d1d1d2;
  padding-bottom: 30px;
}

.Post-footer {
  text-align: center;
  padding-top: 22px;
}
@media (min-width: 768px) {
  .Post-footer {
    padding-top: 20px;
  }
}
.Post-footer a {
  font-family: "canada-type-gibson", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 8px;
}
@media (min-width: 768px) {
  .Post-footer a {
    padding: 10px;
  }
}

.Post-sidebar {
  position: relative;
  display: none;
}
@media (min-width: 768px) {
  .Post-sidebar {
    display: block;
  }
}
@media (min-width: 1024px) {
  .Post-sidebar {
    width: 33.33333%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    display: table-cell;
    vertical-align: top;
    position: static;
    float: none;
    padding-left: 40px;
    padding-bottom: 160px;
  }
}
.Post-sidebar:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .Post-sidebar:before {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .Post-widget {
    width: 50%;
    float: left;
    padding-right: 20px;
  }
}
@media (min-width: 1024px) {
  .Post-widget {
    width: 100%;
    float: left;
    margin-bottom: 40px;
  }
}

.PostCategory {
  position: relative;
}

@media (min-width: 768px) {
  .PostCategory-container {
    display: table;
    padding-left: 0;
    padding-right: 0;
  }
}

.PostCategory-main {
  background-color: #fff;
}
@media (min-width: 480px) {
  .PostCategory-main {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 768px) {
  .PostCategory-main {
    width: 58.33333%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    display: table-cell;
    vertical-align: top;
    float: none;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 900px) {
  .PostCategory-main {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1024px) {
  .PostCategory-main {
    width: 58.33333%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    float: none;
    padding-right: 40px;
  }
}

.PostCategory-content.Typography h2 {
  font-size: 24px;
}
@media (min-width: 768px) {
  .PostCategory-content.Typography h2 {
    font-size: 28px;
    text-align: left;
  }
}
.PostCategory-content.Typography h2:after {
  width: 56px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .PostCategory-content.Typography h2:after {
    width: 60px;
    margin-bottom: 40px;
    margin-left: 0;
  }
}

.PostCategory-post {
  border-bottom: 1px solid #d1d1d2;
  padding: 25px 0 20px;
}
@media (min-width: 768px) {
  .PostCategory-post {
    padding: 30px 0 25px;
  }
}
.PostCategory-post:first-child {
  padding-top: 0;
}
.PostCategory-post .date {
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  color: #2B2B2B;
  margin-bottom: 5px;
}
.PostCategory-post h3 {
  margin: 0 0 1px 0;
}
.PostCategory-post p {
  color: #2B2B2B;
  margin: 0;
}

.PostCategory-sidebar {
  position: relative;
}
@media (min-width: 480px) {
  .PostCategory-sidebar {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 768px) {
  .PostCategory-sidebar {
    width: 41.66667%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    display: table-cell;
    vertical-align: top;
    position: static;
    float: none;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 900px) {
  .PostCategory-sidebar {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1024px) {
  .PostCategory-sidebar {
    width: 41.66667%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    float: none;
    padding-left: 40px;
  }
}
.PostCategory-sidebar:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .PostCategory-sidebar:before {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .PostCategory-form .wpcf7 .wpcf7-list-item-label {
    max-width: 86%;
  }
}
.PostCategory-form {
  padding: 20px;
  margin-top: 0;
  overflow: hidden;
}
@media (min-width: 480px) {
  .PostCategory-form {
    padding: 30px;
  }
}
@media (min-width: 768px) {
  .PostCategory-form {
    padding: 20px;
  }
}
@media (min-width: 900px) {
  .PostCategory-form {
    padding: 30px;
  }
}
.PostCategory-form h3 {
  font-size: 22px;
  line-height: 1.3;
  color: #fff;
}
.PostCategory-form .wpcf7 .wpcf7-list-item-label {
  padding: 2px 17px 0 50px;
  font-family: "canada-type-gibson", sans-serif;
}
.PostCategory-form .wpcf7 .wpcf7-not-valid-tip {
  background-color: #c02f36;
  color: #fff;
  position: absolute;
  top: -160%;
  right: 10px;
  z-index: 100;
  padding: .2em .8em;
}
.PostCategory-form .wpcf7 .wpcf7-not-valid-tip:after {
  position: absolute;
  content: "";
  z-index: 10000;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #c02f36;
  margin-top: 23px;
  margin-left: -14px;
}
.PostCategory-form .wpcf7 .wpcf7-not-valid-tip:before {
  position: absolute;
  z-index: 10000;
  content: "X";
  font-size: 21px;
  color: #c02f36;
  line-height: 50px;
  right: 12px;
  margin-top: 20px;
}
.PostCategory-form .wpcf7 span.country .wpcf7-not-valid-tip {
  background-color: #c02f36;
  color: #fff;
  position: absolute;
  top: -100%;
  right: 10px;
  z-index: 100;
  padding: .2em .8em;
}
.PostCategory-form .wpcf7 span.country .wpcf7-not-valid-tip:after {
  position: absolute;
  content: "";
  z-index: 10000;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #c02f36;
  margin-top: 23px;
  margin-left: -44px;
}
.PostCategory-form .wpcf7 span.country .wpcf7-not-valid-tip:before {
  position: absolute;
  z-index: 10000;
  content: "X";
  font-size: 21px;
  color: #c02f36;
  line-height: 50px;
  right: 43px;
  margin-top: 20px;
}

.PostsWidget {
  list-style: none;
  margin: 0;
  padding: 0;
}
.PostsWidget li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 0;
}
.PostsWidget li:first-child {
  padding-top: 0;
}

.PostsWidget-post {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.no-touch .PostsWidget-post {
  -webkit-transition: -webkit-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
}
.no-touch .PostsWidget-post:hover {
  -webkit-transform: translate3d(8px, 0, 0);
          transform: translate3d(8px, 0, 0);
}
.touch .PostsWidget-post a:hover {
  color: #2B2B2B;
}
.PostsWidget-post h3 {
  font-family: "canada-type-gibson", sans-serif;
  font-size: 15px;
  line-height: 1.26;
}
.PostsWidget-post a, .PostsWidget-post .date, .PostsWidget-post .location {
  display: block;
  line-height: 20px;
}
.PostsWidget-post .date {
  color: #2B2B2B;
}

.PostsWidget-all {
  text-align: right;
  margin-top: 20px;
}
.PostsWidget-all a {
  font-family: "canada-type-gibson", sans-serif;
  font-size: 14px;
  padding: 8px;
}
@media (min-width: 768px) {
  .PostsWidget-all a {
    padding: 10px;
  }
}
.PostsWidget-all a:hover {
  text-decoration: underline;
}

.Pricing {
  text-align: center;
}

.Pricing-label, .Pricing-currency {
  font-family: "canada-type-gibson", sans-serif;
  color: #2B2B2B;
  text-transform: uppercase;
  font-size: 1em;
  letter-spacing: 1px;
}

.Pricing-offer {
  display: none;
}

.PromotionalBanner {
  background: #f2f1f0;
  padding: 40px 0;
}

.PromotionalBanner-content {
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .PromotionalBanner-content {
    width: 83.33333%;
  }
}

.PromotionalBanner-button-container {
  padding: 5px;
  display: block;
  -webkit-transition: 0.2s background;
          transition: 0.2s background;
}
.PromotionalBanner-button-container:hover {
  background: #b50b13;
}

.PromotionalBanner-button {
  border: 2px solid #fff;
  text-align: center;
  padding: 20px;
}
@media (min-width: 768px) {
  .PromotionalBanner-button {
    padding: 30px;
  }
}

.PromotionalBanner-heading {
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  line-height: 1.2;
  text-transform: uppercase;
  display: inline-block;
}

.PromotionalBanner-subheading {
  font-family: "canada-type-gibson", sans-serif;
  font-style: italic;
  font-size: 20px;
  color: #fff;
  line-height: 1.2;
  display: inline-block;
}

.Search-form .Icon--uiMagnifyingGlassAlt3 {
  background-color: #fff;
  width: 100%;
  border: 1px solid #d1d1d2;
  padding: 11px 15px 11px 50px;
  margin: 0 0 30px;
}
@media (min-width: 768px) {
  .Search-form .Icon--uiMagnifyingGlassAlt3 {
    margin-bottom: 50px;
  }
}
.Search-form .Icon--uiMagnifyingGlassAlt3:before {
  z-index: 2;
  left: 13px;
}
.Search-form input[type="search"] {
  position: relative;
  z-index: 1;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 18px;
  width: 100%;
  padding: 0;
  margin: 0;
}

.Search-stats, .Search-filter {
  width: 100%;
}
@media (min-width: 768px) {
  .Search-stats, .Search-filter {
    float: left;
    width: 50%;
  }
}

.Search-stats {
  font-family: "canada-type-gibson", sans-serif;
  font-size: 24px;
  line-height: 30px;
  color: #2B2B2B;
  margin: 0;
  padding: 8px 0;
}

.Search-filter {
  text-align: left;
}
@media (min-width: 768px) {
  .Search-filter {
    text-align: right;
  }
}
.Search-filter label {
  display: inline-block;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 16px;
  color: #2B2B2B;
  margin: 0 8px;
  padding: 14px 0;
}
.Search-filter .select2-container {
  text-align: left;
  float: right;
  width: 100%;
}
@media (min-width: 768px) {
  .Search-filter .select2-container {
    width: 250px;
  }
}

.Search-results-title {
  float: left;
}

.Search-results-count {
  float: right;
}

.Search-results {
  padding: 10px 0;
}

.Search-result {
  background-color: #fff;
  width: 100%;
  margin: 10px 0;
  padding: 30px 40px;
}

.Search-result-left {
  width: 100%;
}
@media (min-width: 768px) {
  .Search-result-left {
    width: 50%;
    float: left;
  }
}
@media (min-width: 1024px) {
  .Search-result-left {
    width: 33.33333%;
    float: left;
  }
}

.Search-result-image img {
  max-width: 100%;
  display: block;
}
@media (min-width: 768px) {
  .Search-result-image img {
    min-width: 250px;
  }
}
.Search-result-image.Search-result-image--border img {
  border: 1px solid #d1d1d2;
}

.Search-result-right {
  width: 100%;
}
@media (min-width: 768px) {
  .Search-result-right {
    width: 50%;
    float: left;
  }
}
@media (min-width: 1024px) {
  .Search-result-right {
    width: 66.66667%;
    float: left;
  }
}

.Search-result-type {
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #2B2B2B;
  text-transform: uppercase;
  margin: 0 0 8px;
  padding: 0;
}

.Search-result-title {
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  color: #2B2B2B;
  margin: 0 0 8px;
  padding: 0;
}
.no-touch .Search-result-title a:hover {
  color: #2B2B2B;
}

.Search-result-excerpt {
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #2B2B2B;
  margin: 0 0 16px;
  padding: 0;
}

.Search-result-permalink {
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #2B2B2B;
}
.no-touch .Search-result-permalink:hover {
  text-decoration: underline;
}

.Search-result-brochureLinks {
  margin: 20px 0;
}
@media (min-width: 1024px) {
  .Search-result-brochureLinks {
    display: table;
    table-layout: auto;
  }
}
.Search-result-brochureLinks a {
  display: block;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
  color: #a1a2a6;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  border: 1px solid #d1d1d2;
  border-top: none;
  padding: 15px 50px 14px 20px;
}
@media (min-width: 1024px) {
  .Search-result-brochureLinks a {
    display: table-cell;
    border: 1px solid #d1d1d2;
    border-left: none;
  }
}
.Search-result-brochureLinks a:first-child {
  border-top: 1px solid #d1d1d2;
}
@media (min-width: 1024px) {
  .Search-result-brochureLinks a:first-child {
    border-left: 1px solid #d1d1d2;
  }
}
.no-touch .Search-result-brochureLinks a {
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}
.Search-result-brochureLinks a:hover {
  background-color: #2B2B2B;
  color: #fff;
  border-color: #2B2B2B;
}
.Search-result-brochureLinks a:before, .Search-result-brochureLinks a:after {
  font-size: 15px;
  margin-right: 20px;
}

.SearchBar {
  background-color: #b9171f;
  width: 100%;
  height: 65px;
  display: none;
}
@media (min-width: 768px) {
  .SearchBar {
    display: block;
  }
}
.SearchBar .Container, .SearchBar .ModelsCarousel .carousel-indicator-cover, .ModelsCarousel .SearchBar .carousel-indicator-cover {
  position: relative;
  height: 100%;
  padding: 0 65px 0 50px;
}
.SearchBar .Icon--uiMagnifyingGlassAlt {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 45px;
  height: 100%;
}
.SearchBar input[type="search"] {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: transparent;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
}
.SearchBar input[type="search"]::-webkit-input-placeholder {
  color: #0B6180;
}
.SearchBar input[type="search"]:-moz-placeholder, .SearchBar input[type="search"]::-moz-placeholder {
  opacity: 1;
  color: #0B6180;
}
.SearchBar input[type="search"]:-ms-input-placeholder {
  color: #0B6180;
}
.SearchBar .Icon--uiX {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 65px;
  height: 100%;
  cursor: pointer;
}
.SearchBar .Icon--uiX:before, .SearchBar .Icon--uiX:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
}
.SearchBar .Icon--uiX:before {
  color: #0B6180;
}
.SearchBar .Icon--uiX:hover:before {
  color: #fff;
}

.SingleModel {
  margin-top: 53px;
}
@media (min-width: 768px) {
  .SingleModel {
    margin-top: 58px;
  }
}
@media (min-width: 900px) {
  .SingleModel {
    margin-top: 77px;
  }
}
.SingleModel.has-noModelBar {
  margin-top: 0;
}

.SingleModel--featuredOptions-title {
  margin-top: 48px;
}
.SingleModel--featuredOptions-title h2 {
  font-size: 16px;
  color: #adaeb2;
}
.SingleModel--featuredOptions-title h2:after {
  margin-bottom: 20px;
}

.sweet-overlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.4);
}
.modal-open .sweet-overlay {
  z-index: 1500;
}

.sweet-alert {
  position: fixed;
  z-index: 2000;
  top: 50%;
  left: 50%;
  display: none;
  overflow: hidden;
  width: 478px;
  margin-top: -200px;
  margin-left: -267px;
  padding: 28px;
  background-color: white;
  font-family: "canada-type-gibson", sans-serif;
  text-align: center;
}
@media all and (max-width: 540px) {
  .sweet-alert {
    right: 15px;
    left: 15px;
    width: auto;
    margin-right: 0;
    margin-left: 0;
  }
}
.sweet-alert h2 {
  position: relative;
  color: #2B2B2B;
  font-size: 30px;
  font-weight: 500;
  text-align: center;
  text-transform: none;
}
.sweet-alert p {
  position: relative;
  margin: 0;
  color: #2B2B2B;
  font-size: 16px;
  font-weight: 300;
  line-height: normal;
  text-align: center;
}
.sweet-alert button {
  background-color: #d1d1d2;
  margin: 26px 5px 0 5px;
  padding: 10px 32px;
  box-shadow: none !important;
}
.sweet-alert .icon {
  position: relative;
  box-sizing: content-box;
  width: 80px;
  height: 80px;
  margin: 20px auto;
  border: 4px solid gray;
  border-radius: 50%;
}
.sweet-alert .icon.error {
  border-color: #f27474;
}
.sweet-alert .icon.error .x-mark {
  position: relative;
  display: block;
}
.sweet-alert .icon.error .line {
  position: absolute;
  top: 37px;
  display: block;
  width: 47px;
  height: 5px;
  border-radius: 2px;
  background-color: #f27474;
}
.sweet-alert .icon.error .line.left {
  left: 17px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.sweet-alert .icon.error .line.right {
  right: 16px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.sweet-alert .icon.warning {
  border-color: #f8bb86;
}
.sweet-alert .icon.warning .body {
  position: absolute;
  top: 10px;
  left: 50%;
  width: 5px;
  height: 47px;
  margin-left: -2px;
  border-radius: 2px;
  background-color: #f8bb86;
}
.sweet-alert .icon.warning .dot {
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 7px;
  height: 7px;
  margin-left: -3px;
  border-radius: 50%;
  background-color: #f8bb86;
}
.sweet-alert .icon.info {
  border-color: #c9dae1;
}
.sweet-alert .icon.info::before {
  position: absolute;
  bottom: 17px;
  left: 50%;
  width: 5px;
  height: 29px;
  margin-left: -2px;
  content: '';
  border-radius: 2px;
  background-color: #c9dae1;
}
.sweet-alert .icon.info::after {
  position: absolute;
  top: 19px;
  width: 7px;
  height: 7px;
  margin-left: -3px;
  content: '';
  border-radius: 50%;
  background-color: #c9dae1;
}
.sweet-alert .icon.success {
  border-color: #a5dc86;
}
.sweet-alert .icon.success::before, .sweet-alert .icon.success::after {
  position: absolute;
  width: 60px;
  height: 120px;
  content: '';
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  border-radius: 50%;
  background: white;
}
.sweet-alert .icon.success::before {
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
      -ms-transform-origin: 60px 60px;
          transform-origin: 60px 60px;
  border-radius: 120px 0 0 120px;
}
.sweet-alert .icon.success::after {
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 0 60px;
      -ms-transform-origin: 0 60px;
          transform-origin: 0 60px;
  border-radius: 0 120px 120px 0;
}
.sweet-alert .icon.success .placeholder {
  position: absolute;
  z-index: 2;
  top: -4px;
  left: -4px;
  box-sizing: content-box;
  width: 80px;
  height: 80px;
  border: 4px solid rgba(165, 220, 134, 0.2);
  border-radius: 50%;
}
.sweet-alert .icon.success .fix {
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 28px;
  width: 5px;
  height: 90px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background-color: white;
}
.sweet-alert .icon.success .line {
  position: absolute;
  z-index: 2;
  display: block;
  height: 5px;
  border-radius: 2px;
  background-color: #a5dc86;
}
.sweet-alert .icon.success .line.tip {
  top: 46px;
  left: 14px;
  width: 25px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.sweet-alert .icon.success .line.long {
  top: 38px;
  right: 8px;
  width: 47px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.sweet-alert .icon.custom {
  border: none;
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@-webkit-keyframes showSweetAlert {
  0% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  45% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  80% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes showSweetAlert {
  0% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  45% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  80% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes hideSweetAlert {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
@keyframes hideSweetAlert {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
.showSweetAlert {
  -webkit-animation: showSweetAlert .3s;
          animation: showSweetAlert .3s;
}

.hideSweetAlert {
  -webkit-animation: hideSweetAlert .2s;
          animation: hideSweetAlert .2s;
}

@-webkit-keyframes animateSuccessTip {
  0% {
    top: 19px;
    left: 1px;
    width: 0;
  }
  54% {
    top: 19px;
    left: 1px;
    width: 0;
  }
  70% {
    top: 37px;
    left: -8px;
    width: 50px;
  }
  84% {
    top: 48px;
    left: 21px;
    width: 17px;
  }
  100% {
    top: 45px;
    left: 14px;
    width: 25px;
  }
}

@keyframes animateSuccessTip {
  0% {
    top: 19px;
    left: 1px;
    width: 0;
  }
  54% {
    top: 19px;
    left: 1px;
    width: 0;
  }
  70% {
    top: 37px;
    left: -8px;
    width: 50px;
  }
  84% {
    top: 48px;
    left: 21px;
    width: 17px;
  }
  100% {
    top: 45px;
    left: 14px;
    width: 25px;
  }
}
@-webkit-keyframes animateSuccessLong {
  0% {
    top: 54px;
    right: 46px;
    width: 0;
  }
  65% {
    top: 54px;
    right: 46px;
    width: 0;
  }
  84% {
    top: 35px;
    right: 0;
    width: 55px;
  }
  100% {
    top: 38px;
    right: 8px;
    width: 47px;
  }
}
@keyframes animateSuccessLong {
  0% {
    top: 54px;
    right: 46px;
    width: 0;
  }
  65% {
    top: 54px;
    right: 46px;
    width: 0;
  }
  84% {
    top: 35px;
    right: 0;
    width: 55px;
  }
  100% {
    top: 38px;
    right: 8px;
    width: 47px;
  }
}
@-webkit-keyframes rotatePlaceholder {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  5% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  12% {
    -webkit-transform: rotate(-405deg);
            transform: rotate(-405deg);
  }
  100% {
    -webkit-transform: rotate(-405deg);
            transform: rotate(-405deg);
  }
}
@keyframes rotatePlaceholder {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  5% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  12% {
    -webkit-transform: rotate(-405deg);
            transform: rotate(-405deg);
  }
  100% {
    -webkit-transform: rotate(-405deg);
            transform: rotate(-405deg);
  }
}
.animateSuccessTip {
  -webkit-animation: animateSuccessTip .75s;
          animation: animateSuccessTip .75s;
}

.animateSuccessLong {
  -webkit-animation: animateSuccessLong .75s;
          animation: animateSuccessLong .75s;
}

.icon.success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
          animation: rotatePlaceholder 4.25s ease-in;
}

@-webkit-keyframes animateErrorIcon {
  0% {
    -webkit-transform: rotateX(100deg);
            transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    opacity: 1;
  }
}

@keyframes animateErrorIcon {
  0% {
    -webkit-transform: rotateX(100deg);
            transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    opacity: 1;
  }
}
.animateErrorIcon {
  -webkit-animation: animateErrorIcon .5s;
          animation: animateErrorIcon .5s;
}

@-webkit-keyframes animateXMark {
  0% {
    margin-top: 26px;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 26px;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -6px;
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes animateXMark {
  0% {
    margin-top: 26px;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 26px;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -6px;
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.animateXMark {
  -webkit-animation: animateXMark .5s;
          animation: animateXMark .5s;
}

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #f8d486;
  }
  100% {
    border-color: #f8bb86;
  }
}

@keyframes pulseWarning {
  0% {
    border-color: #f8d486;
  }
  100% {
    border-color: #f8bb86;
  }
}
.pulseWarning {
  -webkit-animation: pulseWarning .75s infinite alternate;
          animation: pulseWarning .75s infinite alternate;
}

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #f8d486;
  }
  100% {
    background-color: #f8bb86;
  }
}

@keyframes pulseWarningIns {
  0% {
    background-color: #f8d486;
  }
  100% {
    background-color: #f8bb86;
  }
}
.pulseWarningIns {
  -webkit-animation: pulseWarningIns .75s infinite alternate;
          animation: pulseWarningIns .75s infinite alternate;
}

.Tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
}

.Tabs-tab {
  display: table-cell;
  padding-left: 1px;
}
.Tabs-tab:first-child {
  padding-left: 0;
}
.Tabs-tab a {
  background-color: #d1d1d2;
  display: block;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  color: #2B2B2B;
  padding: 18px;
}
@media (min-width: 768px) {
  .Tabs-tab a {
    font-size: 15px;
    letter-spacing: 1px;
  }
}
.no-touch .Tabs-tab a {
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}
.Tabs-tab a:hover {
  background-color: #adaeb2;
  color: #2B2B2B;
}
.Tabs-tab a.active {
  background-color: #fff;
  color: #2B2B2B;
}

.Tabset .nav-tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
}
@media print {
  .Tabset .nav-tabs {
    display: none;
  }
}
.Tabset .nav-tabs li {
  background-color: #d1d1d2;
  display: table-cell;
  vertical-align: middle;
  padding-left: 1px;
}
.Tabset .nav-tabs li:first-child {
  padding-left: 0;
}
.no-touch .Tabset .nav-tabs li {
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}
.Tabset .nav-tabs li.active {
  background-color: #fff !important;
}
.Tabset .nav-tabs li.active a {
  color: #2B2B2B !important;
  cursor: default !important;
}
.Tabset .nav-tabs li:hover {
  background-color: #adaeb2;
}
.Tabset .nav-tabs li:hover a {
  color: #2B2B2B;
}
.Tabset .nav-tabs a {
  display: block;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  color: #2B2B2B;
  cursor: pointer;
  padding: 18px;
}
@media (min-width: 768px) {
  .Tabset .nav-tabs a {
    font-size: 15px;
    letter-spacing: 1px;
  }
}
.no-touch .Tabset .nav-tabs a {
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}
.Tabset .tab-content > .tab-pane {
  display: none;
}
.Tabset .tab-content > .tab-pane.active {
  display: block;
}

.Testimonials {
  padding: 0 30px;
}
@media (min-width: 1020px) {
  .Testimonials {
    padding: 0 50px;
  }
}
@media print {
  .Testimonials {
    display: none;
  }
}
.Testimonials ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.Testimonials .bx-pager {
  bottom: -10px !important;
}
@media (min-width: 768px) {
  .Testimonials .bx-pager {
    bottom: -30px !important;
  }
}
@media (min-width: 1024px) {
  .Testimonials .bx-pager {
    bottom: -50px !important;
  }
}

.Testimonials-testimonial {
  margin: 0 0 30px;
}
@media (min-width: 768px) {
  .Testimonials-testimonial {
    margin: 0 0 10px;
  }
}
@media (min-width: 1024px) {
  .Testimonials-testimonial {
    margin: 0;
  }
}
.Testimonials-testimonial.Typography .Testimonials-content {
  margin-top: 14px;
}
@media (min-width: 768px) {
  .Testimonials-testimonial.Typography .Testimonials-content {
    font-size: 22px;
  }
}

.Testimonials-name {
  font-weight: 500;
  font-size: 16px;
}
@media (min-width: 768px) {
  .Testimonials-name {
    font-size: 20px;
  }
}

.Testimonials-location {
  font-size: 14px;
}
@media (min-width: 768px) {
  .Testimonials-location {
    font-size: 16px;
  }
}

.Testimonials-name,
.Testimonials-location {
  display: block;
  font-family: "canada-type-gibson", sans-serif;
  line-height: 1.316;
}

.Thanks-modal {
  display: none;
  position: relative;
  z-index: 55000;
}

.Thanks-modal--overlay {
  background: rgba(47, 48, 49, 0.7);
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 40000;
}

.Thanks-modal--content {
  height: 300px;
  width: 400px;
  padding: 20px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: white;
  z-index: 50000;
  text-align: center;
}

.Thanks-modal--button {
  background-color: #2B2B2B;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  text-align: center;
  width: 100%;
  max-width: 150px;
  margin: 0 auto;
  display: block;
  padding: 17px 15px;
  border: none;
  outline: none;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  display: block;
  margin: 0 auto;
}

.Thanks-modal--button:hover {
  background-color: #0B6180;
}

.Thanks-modal--image {
  max-width: 100px;
}

.ToggleSwitch-label {
  font-family: "canada-type-gibson", sans-serif;
  color: #2B2B2B;
  float: left;
  font-size: 14px;
  line-height: 2;
}

.ToggleSwitch {
  position: relative;
  overflow: hidden;
  float: right;
  width: 88px;
  height: 30px;
  cursor: pointer;
  color: #adaeb2;
  background: #fff;
  line-height: 8px;
  text-align: left;
}
.ToggleSwitch .switch-left:after {
  left: 0;
}
.ToggleSwitch .switch-left .ToggleSwitch-option:first-of-type {
  border-color: #2B2B2B;
  color: #fff;
}
.ToggleSwitch .switch-left .ToggleSwitch-option:last-of-type {
  border-left-color: transparent;
}
.ToggleSwitch .switch-right:after {
  left: 50%;
}
.ToggleSwitch .switch-right .ToggleSwitch-option:first-of-type {
  border-right-color: transparent;
}
.ToggleSwitch .switch-right .ToggleSwitch-option:last-of-type {
  border-color: #2B2B2B;
  color: #fff;
}

.ToggleSwitch-container:after {
  position: absolute;
  left: 0;
  width: 50%;
  height: 100%;
  border: 1px solid transparent;
  content: '';
  -webkit-transition: all .2s linear;
          transition: all .2s linear;
  background: #2B2B2B;
}

.ToggleSwitch-option {
  font-family: "canada-type-gibson", sans-serif;
  font-size: 12px;
  position: relative;
  z-index: 1;
  float: left;
  width: 50%;
  height: 100%;
  padding: 4px;
  cursor: pointer;
  color: #333;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  border: 1px solid #d1d1d2;
  -webkit-transition: 0.1s linear;
          transition: 0.1s linear;
}

.Tour {
  position: relative;
}

.Tour-address {
  padding-top: 0;
  margin-top: -24px;
  text-align: center;
}
@media (min-width: 768px) {
  .Tour-address {
    display: none;
  }
}

.Tour-container {
  position: relative;
  pointer-events: none;
}
@media (min-width: 768px) {
  .Tour-container {
    background: transparent;
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
  }
}

.Tour-content {
  pointer-events: none;
}
@media (min-width: 768px) {
  .Tour-content {
    padding: 60px;
  }
}
@media (min-width: 900px) {
  .Tour-content {
    padding: 80px;
  }
}

.Tour-copy {
  padding: 40px 20px;
  text-align: center;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  font-size: 20px;
  pointer-events: auto;
}
@media (min-width: 768px) {
  .Tour-copy {
    background-color: #fff;
    font-size: 16px;
    padding: 30px;
    float: left;
    max-width: 320px;
    margin: 0;
  }
}
.Tour-copy .title {
  font-size: 1em;
  text-transform: uppercase;
  margin-bottom: 1em;
}
.Tour-copy .title:after {
  display: none;
}
.Tour-copy hr {
  background: #2f3031;
  width: 25%;
  height: 2px;
  margin-top: 1em;
  margin-bottom: 1em;
  border: 0;
}
.Tour-copy .dates, .Tour-copy .content-heading, .Tour-copy .content {
  margin: 0;
}
.Tour-copy .dates {
  font-size: 1em;
  line-height: 1.333;
}
.Tour-copy .content-heading {
  font-weight: 500;
  font-size: 0.75em;
  letter-spacing: 1;
  line-height: 1.55;
  text-transform: uppercase;
  margin-top: 1em;
  margin-bottom: 3px;
}
.Tour-copy .content {
  font-size: 0.875em;
  margin-bottom: 0;
}
.Tour-copy .Button, .Tour-copy .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .Tour-copy .select2-chosen,
.Tour-copy .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .Tour-copy .select2-default, .Tour-copy .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .Tour-copy .select2-choice.select2-default, .Tour-copy .sweet-alert button, .sweet-alert .Tour-copy button {
  margin-top: 18px;
}
.Tour-copy h6 {
  margin-top: 0;
}
.Tour-copy h6 ~ p:last-child {
  display: none;
}

.Tour-map .Map {
  position: absolute;
  top: 0;
  left: 0;
}

.VideoSlider .slick-slide {
  padding: 0.4rem;
}
.VideoSlider .Video-Holder img {
  margin-bottom: 15px;
}
.VideoSlider .slick-arrow:before {
  top: 0;
}
.VideoSlider .slick-prev {
  -webkit-transition: 0.25s left ease;
          transition: 0.25s left ease;
  left: -24px;
}
@media (min-width: 1080px) {
  .VideoSlider .slick-prev {
    left: -45px;
  }
}
.VideoSlider .slick-next {
  -webkit-transition: 0.25s right ease;
          transition: 0.25s right ease;
  right: -14px;
}
@media (min-width: 1080px) {
  .VideoSlider .slick-next {
    right: -32px;
  }
}

.Video-Slider .Video-Slide {
  width: 240px;
  height: auto;
  margin: 5px;
}
.Video-Slider .Video-Slide img {
  margin-bottom: 0;
}

.Howto-Section .Manuals-content {
  float: none;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 480px) {
  .Howto-Section .Manuals-content {
    float: none;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .Howto-Section .Manuals-content {
    float: none;
    width: 83.333%;
  }
}
@media (min-width: 900px) {
  .Howto-Section .Manuals-content {
    float: none;
    width: 60%;
  }
}

.Howto {
  overflow: hidden !important;
  padding: 0 40px;
}
@media (max-width: 480px) {
  .Howto {
    padding: 0 20px !important;
  }
}
.Howto .Manuals-finished .Button, .Howto .Manuals-finished .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .Howto .Manuals-finished .select2-chosen,
.Howto .Manuals-finished .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .Howto .Manuals-finished .select2-default, .Howto .Manuals-finished .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .Howto .Manuals-finished .select2-choice.select2-default, .Howto .Manuals-finished .sweet-alert button, .sweet-alert .Howto .Manuals-finished button {
  display: block;
  text-overflow: ellipsis;
}
.Howto .MultiStep-step--active {
  overflow: visible !important;
}

.Video-Holder {
  position: relative;
}

.Video-Heading {
  margin-top: 30px !important;
  margin-right: 5px !important;
  margin-bottom: 10px !important;
  margin-left: 5px !important;
  text-align: left;
}

.Video-Subtitle {
  margin-top: 5px;
  text-align: left;
  color: #2B2B2B;
  font-family: "canada-type-gibson", sans-serif;
}

.Manuals-finished .Button, .Manuals-finished .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .Manuals-finished .select2-chosen,
.Manuals-finished .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .Manuals-finished .select2-default, .Manuals-finished .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .Manuals-finished .select2-choice.select2-default, .Manuals-finished .sweet-alert button, .sweet-alert .Manuals-finished button {
  margin: 5px 0 !important;
  text-overflow: ellipsis;
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0;
  *zoom: 1;
}

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
      -ms-transform: translatez(0);
          transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 35px;
  width: 100%;
  z-index: 50;
}
@media (min-width: 768px) {
  .bx-wrapper .bx-pager,
  .bx-wrapper .bx-controls-auto {
    bottom: 40px;
  }
}
@media (min-width: 900px) {
  .bx-wrapper .bx-pager,
  .bx-wrapper .bx-controls-auto {
    bottom: 45px;
  }
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #fff;
  text-indent: -9999px;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  margin: 0 8px;
  outline: 0;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color: #2B2B2B;
}
.no-touch .bx-wrapper .bx-pager.bx-default-pager a:hover, .no-touch
.bx-wrapper .bx-pager.bx-default-pager a.active {
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: -40px;
}
@media (min-width: 1090px) {
  .bx-wrapper .bx-prev {
    left: -55px;
  }
}

.bx-wrapper .bx-next {
  right: -40px;
}
@media (min-width: 1090px) {
  .bx-wrapper .bx-next {
    right: -55px;
  }
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -44px;
  outline: 0;
  width: 32px;
  height: 88px;
  text-indent: -9999px;
  z-index: 200;
}
@media (min-width: 600px) {
  .bx-wrapper .bx-controls-direction a {
    margin-top: -75px;
    height: 150px;
  }
}
.no-touch .bx-wrapper .bx-controls-direction a:after {
  -webkit-transition: opacity 0.1s ease-in-out;
          transition: opacity 0.1s ease-in-out;
}
.bx-wrapper .bx-controls-direction a:hover:after {
  opacity: 1;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  display: none;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  display: none;
}

.lt-ie10 .BuildYourOwn-optionalIcon {
  display: inline-block;
}

/*
Version: 3.5.1 Timestamp: Tue Jul 22 18:58:56 EDT 2014
*/
.select2-container {
  margin: 0;
  width: 100%;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.select2-container.select2--alt.select2-dropdown-open .select2-choice {
  background-color: #2B2B2B;
  color: #fff;
}
.select2-container.select2--alt.select2-dropdown-open .select2-choice:after {
  opacity: 1;
}
.select2-container.select2--alt.select2-dropdown-open .select2-choice span {
  color: #fff;
}
.select2-container.select2--alt .select2-choice {
  border: none;
  padding: 9px 10px 9px 25px;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #adaeb2;
  line-height: 1;
}
@media (min-width: 900px) {
  .select2-container.select2--alt .select2-choice {
    padding-right: 14px;
  }
}
.select2-container.select2--alt .select2-choice:before, .select2-container.select2--alt .select2-choice:after {
  left: 10px;
}
.select2-container.select2--alt .select2-choice:hover {
  background-color: #2B2B2B;
  color: #fff;
}
.select2-container.select2--alt .select2-choice:hover:after {
  opacity: 1;
}
.select2-container.select2--alt .select2-choice > .select2-chosen {
  margin-right: 0;
  border: none;
  padding-right: 0;
}
.select2-container.select2--alt .select2-choice .select2-arrow {
  display: none;
}
.select2-container.select2--options.select2-dropdown-open .select2-choice .select2-arrow b {
  margin-top: -3px;
  margin-left: -5px;
  border-top: 6px solid #2B2B2B;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: none;
}
.select2-container.select2--options .select2-choice:hover .select2-arrow b {
  border-left-color: #f2f1f0;
}
.select2-container.select2--options .select2-choice > .select2-chosen {
  margin-right: 19px;
}
.select2-container.select2--options .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  width: 10px;
  right: 15px;
}
.select2-container.select2--options .select2-choice .select2-arrow b {
  -webkit-transition: border-left-color .1s ease-in-out;
          transition: border-left-color .1s ease-in-out;
  margin-top: -5px;
  margin-left: -3px;
  border-top: 5px solid transparent;
  border-left: 6px solid #2B2B2B;
  border-bottom: 5px solid transparent;
  border-right: none;
}

.wpcf7-form-control-wrap.country .wpcf7-form-control {
  margin-top: 20px;
}
.wpcf7-form-control-wrap.country .select2-choice {
  padding: 9px 15px;
}
.wpcf7-form-control-wrap .select2-default .select2-chosen {
  color: #adaeb2;
}
.wpcf7-form-control-wrap .select2-chosen {
  color: #2B2B2B;
}

.select2-container .select2-choice {
  position: relative;
  display: block;
  background-color: #fff;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 400;
  color: #2B2B2B;
  text-decoration: none !important;
  white-space: nowrap;
  border: 1px solid #d1d1d2;
  margin: 0;
  padding: 13px 20px;
  display: block;
  overflow: hidden;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select2-container .select2-choice > .select2-chosen {
  margin-right: 44px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto;
}

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
  margin-left: 44px;
  margin-right: 0;
}

.select2-container .select2-choice abbr {
  display: none;
  width: 44px;
  height: 100%;
  position: absolute;
  right: 44px;
  top: 0px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 499;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-drop-mask.select2--alwaysOnTop {
  z-index: 999;
}

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 500;
  top: 100%;
  background-color: #fff;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
  color: #2B2B2B;
  border: 1px solid #d1d1d2;
}
.select2-drop.select2--alwaysOnTop {
  z-index: 1051;
}
.select2-drop.select2--arrowRight:before, .select2-drop.select2--arrowLeft:before, .select2-drop.select2--arrowCenter:before {
  content: '';
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  border-bottom: 6px solid #2B2B2B;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.select2-drop.select2--arrowRight:before {
  top: 4px;
  right: 17px;
  -moz-transform: scale(0.9999);
}
.select2-drop.select2--arrowLeft:before {
  top: 5px;
  left: 13px;
  -moz-transform: scale(0.9999);
}
.select2-drop.select2--arrowCenter {
  margin-top: -25px;
}
.select2-drop.select2--arrowCenter:before {
  top: 5px;
  left: 50%;
  -webkit-transform: scale(0.9999) translateX(-50%);
      -ms-transform: scale(0.9999) translateX(-50%);
          transform: scale(0.9999) translateX(-50%);
}
.select2-drop.select2--alt {
  background-color: transparent;
  border: none;
  padding-top: 10px;
}
.select2-drop.select2--options {
  background-color: transparent;
  border: none;
  -webkit-animation: 0.1s fadeInDown;
          animation: 0.1s fadeInDown;
  padding-top: 10px;
}

.select2-drop.select2-drop-above {
  margin-top: -10px;
}
.select2-drop.select2-drop-above.select2--options {
  padding-top: 0;
  padding-bottom: 6px;
}
.select2-drop.select2-drop-above.select2--options:before {
  top: auto;
  border-bottom: 0;
  border-top: 6px solid #2B2B2B;
  bottom: 0;
}

.select2-drop-auto-width {
  border-top: 1px solid #d1d1d2;
  width: auto;
}

.select2-container .select2-choice .select2-arrow {
  background-color: #fff;
  display: inline-block;
  width: 44px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #d1d1d2;
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
  left: 0;
  right: auto;
  border-left: none;
  border-right: 1px solid #d1d1d2;
}

.select2-container .select2-choice .select2-arrow b {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -3px;
  margin-left: -5px;
  width: 0;
  height: 0;
  border-top: 6px solid #2B2B2B;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.select2-search.select2-search-hidden {
  display: none;
}

.select2-drop .select2-search {
  position: relative;
}
.select2-drop .select2-search:after {
  content: '';
  background-image: url(../images/icons/ui-magnifying-glass/ui-magnifying-glass-70-grey.png);
  background-image: url(../images/icons/ui-magnifying-glass/ui-magnifying-glass-70-grey.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
}

.select2-drop .select2-search input {
  display: block;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #d1d1d2;
  font-size: 16px;
  padding: 10px 12px 9px;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
  border-top: none;
  border-bottom: 6px solid #2B2B2B;
}

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

/* results */
.select2-results {
  max-height: 200px;
  padding: 0;
  margin: 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: transparent;
}

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}

.select2-results > li:first-child > .select2-result-label {
  border-top: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: 500;
  color: #2B2B2B;
}

.select2-results .select2-result-label {
  padding: 13px 20px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  border-top: 1px solid #d1d1d2;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select2--alt .select2-results .select2-result-label {
  padding: 0 10px;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  line-height: 30px;
  background-color: #2B2B2B;
  border-top: 1px solid #2B2B2B;
}
.select2--options .select2-results .select2-result-label {
  padding: 0 10px;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  background-color: #2B2B2B;
  border-top: 1px solid #2B2B2B;
}
.select2--options .select2-results .select2-result-label:hover {
  background-color: #2B2B2B;
}

.select2-results-dept-1 .select2-result-label {
  padding-left: 40px;
}

.select2-results-dept-2 .select2-result-label {
  padding-left: 60px;
}

.select2-results-dept-3 .select2-result-label {
  padding-left: 70px;
}

.select2-results-dept-4 .select2-result-label {
  padding-left: 100px;
}

.select2-results-dept-5 .select2-result-label {
  padding-left: 110px;
}

.select2-results-dept-6 .select2-result-label {
  padding-left: 120px;
}

.select2-results-dept-7 .select2-result-label {
  padding-left: 130px;
}

.select2-results .select2-highlighted {
  background-color: #2B2B2B;
  color: #fff;
}
.select2--alt .select2-results .select2-highlighted .select2-result-label, .select2-results .select2-highlighted .select2--options .select2-result-label {
  background-color: #2B2B2B;
}

.select2-results li em {
  background: #feffde;
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
  background: #d1d1d2;
  display: list-item;
  padding: 13px 20px;
  margin: 0;
  min-height: 1em;
  border-top: 1px solid #d1d1d2;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #d1d1d2;
  display: list-item;
  cursor: default;
}

.select2-results .select2-disabled {
  display: none;
}

.select2-results .select2-selected {
  display: none;
}

.select2-more-results {
  background: #d1d1d2;
  display: list-item;
}

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  color: #d1d1d2;
  cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #2B2B2B;
  background-image: none;
  border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}

/* multiselect */
.select2-search-choice-close {
  display: block;
  width: 44px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 44px;
  outline: none;
}
.select2-search-choice-close:before {
  content: '\d7';
  font-size: 24px;
  line-height: 1;
  color: #2B2B2B;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -6px;
}
.no-touch .select2-search-choice-close:before {
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}
.select2-search-choice-close:hover:before {
  color: #2B2B2B;
}

html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 44px;
}

/* end multiselect */
.select2-result-unselectable > .select2-result-label {
  cursor: default;
}
.select2--alt .select2-result-unselectable > .select2-result-label {
  background: #2B2B2B;
}

.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

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

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

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

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

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

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

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  top: 38%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  cursor: pointer;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  font-size: 0;
  line-height: 0;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: 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 {
  opacity: 0.75;
  color: white;
  font-family: "arial";
  font-size: 20px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -45px;
}
@media (min-width: 768px) {
  .slick-prev {
    left: -30px;
  }
}
.slick-prev:before {
  position: absolute;
  width: 13px;
  height: 20px;
  content: '';
  background-image: url("../../../leftchev-rt.png");
  background-size: contain;
}

.slick-next {
  right: -32px;
}
@media (min-width: 768px) {
  .slick-next {
    right: -10px;
  }
}
.slick-next:before {
  position: absolute;
  width: 13px;
  height: 20px;
  content: '';
  background-image: url("../../../rightchev-rt.png");
  background-size: contain;
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  bottom: -40px;
  display: block;
  width: 100%;
  margin: 0;
  margin-top: 20px;
  margin-left: 0;
  padding: 0;
  padding-left: 0 !important;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 1px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  font-size: 0;
  line-height: 0;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: #2b2b2b;
  font-family: "arial";
  font-size: 30px;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #2b2b2b;
}

/*!
Video.js Default Styles (http://videojs.com)
Version 4.7.2
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurances of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
.vjs-default-skin {
  color: #ffffff;
}

/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  src: url("../fonts/video-js/vjs.eot");
  src: url("../fonts/video-js/vjs.eot?#iefix") format("embedded-opentype"), url("../fonts/video-js/vjs.woff") format("woff"), url("../fonts/video-js/vjs.ttf") format("truetype"), url("../fonts/video-js/vjs.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
  /* Replace browser focus hightlight with handle highlight */
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  /* background-color-with-alpha */
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.9);
}

.vjs-default-skin .vjs-slider:focus {
  /* box-shadow */
  box-shadow: 0 0 2em #ffffff;
}

.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}

.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0em 0em 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-default-skin .vjs-control-bar {
  /* Start hidden */
  display: none;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 3.0em;
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
}

/* Show the control bar only once the video has started playing */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  /* Visibility needed to make sure things hide in older browsers too. */
  visibility: visible;
  opacity: 1;
  /* transition */
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}

/* Hide the control bar when the video is playing and the user is inactive  */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  /* transition */
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none;
}

.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none;
}

/* The control bar shouldn't show after an error */
.vjs-default-skin.vjs-error .vjs-control-bar {
  display: none;
}

/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}
/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em;
}

/* FontAwsome button icons */
.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em #ffffff;
}

.vjs-default-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when
  this is set to 0 */
}

/* Hide control text visually, but have it available for screenreaders */
.vjs-default-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
}

.vjs-default-skin .vjs-play-control:before {
  content: "\e001";
}

.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002";
}

/* Playback toggle
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 4em;
  left: -2em;
  list-style: none;
}

/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
}

.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005";
}

.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}

.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0;
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
  height: 2.9em;
}

.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  /* assuming volume starts at 1.0 */
  width: 100%;
  background: #2B2B2B url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
  /* Assumes volume starts at 1.0. If you change the size of the
     handle relative to the volume bar, you'll need to update this value
     too. */
  left: 4.5em;
}

.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em;
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  width: 6em;
  left: -4em;
}

/* Progress
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  /* Set above the rest of the controls. */
  top: -1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */
  /* transition */
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  height: 100%;
}

/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* updated by javascript during playback */
  width: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}

.vjs-default-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprisingly works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */
  background: #2B2B2B url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}

.vjs-default-skin .vjs-load-progress {
  background: #646464;
  background: rgba(255, 255, 255, 0.2);
}

/* there are child elements of the load progress bar that represent the
   specific time ranges that have been buffered */
.vjs-default-skin .vjs-load-progress div {
  background: #787878;
  background: rgba(255, 255, 255, 0.1);
}

.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
}

.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em;
}

/* Live Mode
--------------------------------------------------------------------------------
*/
.vjs-default-skin.vjs-live .vjs-time-controls,
.vjs-default-skin.vjs-live .vjs-time-divider,
.vjs-default-skin.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-default-skin.vjs-live .vjs-live-display {
  display: block;
}

/* Live Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-live-display {
  display: none;
  font-size: 1em;
  line-height: 3em;
}

/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em;
}

.vjs-default-skin .vjs-current-time {
  float: left;
}

.vjs-default-skin .vjs-duration {
  float: left;
}

/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left;
}

.vjs-time-divider {
  float: left;
  line-height: 3em;
}

/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}

.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000";
}

/* Switch to the exit icon when the player is in fullscreen */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b";
}

/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.vjs-default-skin .vjs-big-play-button {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1.5em;
  margin-top: -1.5em;
  z-index: 2;
  width: 3em;
  height: 3em;
  font-size: 3em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  /* background-color-with-alpha */
  background-color: #fff;
  /* border-radius */
  border-radius: 100%;
  /* transition */
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

/* Hide if controls are disabled */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none;
}

/* Hide when video starts playing */
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none;
}

/* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}

.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  /* IE8 needs a non-glow hover state */
  background-color: #2B2B2B;
  /* transition */
  -webkit-transition: all 0s;
  transition: all 0s;
}
.vjs-default-skin:hover .vjs-big-play-button:before,
.vjs-default-skin .vjs-big-play-button:focus:before {
  color: #fff;
  /* transition */
  -webkit-transition: all 0s;
  transition: all 0s;
}

.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  font-size: 1.5em;
  color: #2B2B2B;
  line-height: 2em;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 0.2em;
  /* transition */
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.vjs-error .vjs-big-play-button {
  display: none;
}

/* Error Display
--------------------------------------------------------------------------------
*/
.vjs-error-display {
  display: none;
}

.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.vjs-error .vjs-error-display:before {
  content: 'X';
  font-family: Arial;
  font-size: 4em;
  color: #666666;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  line-height: 1;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  width: 100%;
}

.vjs-error-display div {
  position: absolute;
  font-size: 1.4em;
  text-align: center;
  bottom: 1em;
  right: 1em;
  left: 1em;
}

.vjs-error-display a,
.vjs-error-display a:visited {
  color: #F4A460;
}

/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  /* Should be hidden by default */
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75;
}

/* Show the spinner when waiting for data and seeking to a new time */
.vjs-waiting .vjs-loading-spinner,
.vjs-seeking .vjs-loading-spinner {
  display: block;
  /* only animate when showing because it can be processor heavy */
  /* animation */
  -webkit-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}

/* Errors are unrecoverable without user interaction so hide the spinner */
.vjs-error .vjs-loading-spinner {
  display: none;
  /* ensure animation doesn't continue while hidden */
  /* animation */
  -webkit-animation: none;
  animation: none;
}

.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e01e";
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}

.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */
  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */
}

/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */
  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  /* box-shadow */
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}

.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
  display: block;
}

.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}

.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  box-shadow: 0 0 1em #ffffff;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: 500;
  cursor: default;
}

/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c";
}

/* Captions Button */
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008";
}

/* Chapters Button */
.vjs-default-skin .vjs-chapters-button:before {
  content: "\e00c";
}

.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 24em;
  left: -12em;
}

/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  box-shadow: 0 0 1em #ffffff;
}

/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 59.37% 0 0 0;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */
  font-size: 10px;
  /* Allow poster to be vertially aligned. */
  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/
  /* Provide some basic defaults for fonts */
  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */
  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */
  /* user-select */
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute;
}

/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto;
}

.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  padding-top: 0px;
  /* IE6 full-window (underscore hack) */
  _position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}

/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none;
}

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  /* Leave padding on left and right */
  left: 1em;
  right: 1em;
}

/* Move captions down when controls aren't being shown */
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  /* background-color-with-alpha */
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5);
}

.video-js .vjs-subtitles {
  color: #ffffff;
}

.video-js .vjs-captions {
  color: #ffcc66;
}

.vjs-tt-cue {
  display: block;
}

/* Hide disabled or unsupported controls */
.vjs-default-skin .vjs-hidden {
  display: none;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
    The .video-js classname on the video tag also isn't considered.
    This optional paragraph inside the video tag can provide a message to users
    about what's required to play video. */
.vjs-no-js {
  padding: 20px;
  color: #ccc;
  background-color: #333;
  font-size: 18px;
  font-family: Arial, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #F4A460;
}

/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */
html div#wpadminbar {
  position: fixed !important;
  z-index: 1000 !important;
}

.wpcf7 p {
  margin: 0;
}
.wpcf7 .wpcf7-text {
  font-family: "canada-type-gibson", sans-serif;
  font-size: 18px;
  width: 100%;
  padding: 12px 15px;
  margin: 20px 0 0;
}
.wpcf7 .wpcf7-list-item label {
  cursor: pointer;
}
.wpcf7 .wpcf7-list-item input[type="checkbox"], .wpcf7 .wpcf7-list-item input[type="radio"] {
  display: none;
}
.wpcf7 .wpcf7-list-item input[type="checkbox"]:checked ~ .wpcf7-list-item-label:before, .wpcf7 .wpcf7-list-item input[type="radio"]:checked ~ .wpcf7-list-item-label:before {
  font-size: 12px;
  left: 0px;
  margin-left: 3px;
  z-index: 2;
}
.wpcf7 .wpcf7-list-item input[type="checkbox"]:checked ~ .wpcf7-list-item-label:after, .wpcf7 .wpcf7-list-item input[type="radio"]:checked ~ .wpcf7-list-item-label:after {
  background-color: #2B2B2B;
}
.wpcf7 .wpcf7-list-item-label {
  position: relative;
  padding: 2px 16px 0 34px;
}
.wpcf7 .wpcf7-list-item-label:after {
  content: '';
  background-color: white;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -9px;
  z-index: 1;
  width: 18px;
  height: 18px;
  border: 1px solid #d1d1d2;
  cursor: pointer;
}
.wpcf7 .wpcf7-checkbox {
  display: block;
}
.wpcf7 .wpcf7-submit {
  background-color: #2B2B2B;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  text-align: center;
  width: 100%;
  display: block;
  padding: 17px 15px;
  border: none;
  outline: none;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-transition: 0.3s ease-out;
          transition: 0.3s ease-out;
  margin: 20px 0 0;
}
.wpcf7 .wpcf7-submit:hover {
  background-color: #0B6180;
}
.wpcf7 .ajax-loader {
  display: none;
  margin: 20px auto 0 !important;
}
.wpcf7 .wpcf7-response-output {
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
  font-size: 14px;
  margin: 20px 0 0;
  padding: 0;
}
.wpcf7 .wpcf7-mail-sent-ok {
  border: none;
  color: green;
}
.wpcf7 .wpcf7-validation-errors, .wpcf7 .wpcf7-mail-sent-ng, .wpcf7 .wpcf7-spam-blocked {
  border: none;
  color: #2B2B2B;
}
.wpcf7 .wpcf7-not-valid-tip {
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #2B2B2B;
}
.wpcf7 br {
  display: none;
}

.wpcf7-radio .wpcf7-list-item-label:after {
  border-radius: 20px;
}

.wpcf7-list-item input[type="radio"]:checked ~ .wpcf7-list-item-label:before {
  background-image: none !important;
  content: "";
  background: #fff;
  border-radius: 51px;
  background-repeat: no-repeat;
  background-size: .66em .66em;
  width: .66em !important;
  height: .66em !important;
  border-radius: 32px;
  font-size: 18px;
  display: block;
  position: absolute;
  top: 51%;
  left: 56%;
  z-index: 2;
  margin-top: -0.3em !important;
  margin-left: 0.405em !important;
}

span.wpcf7-form-control-wrap.checkbox-255 {
  clear: both !important;
  width: 100% !important;
}

/* Utilities */
.pt4 {
  padding-top: 40px;
}

.pb3 {
  padding-bottom: 30px;
}

.pb4 {
  padding-bottom: 40px;
}

.pb2 {
  padding-bottom: 20px;
}

.pb6 {
  padding-bottom: 60px;
}

.pt15 {
  padding-top: 15px;
}

.pa4 {
  padding: 40px;
}

.pa5 {
  padding: 50px;
}

.pv6 {
  padding: 60px 0;
}

.pv8 {
  padding: 80px 0;
}

.pv5 {
  padding: 50px 0;
}

.pv2 {
  padding: 20px 0;
}

.mt2 {
  margin-top: 20px;
}

.mb2 {
  margin-bottom: 20px;
}

.mt3 {
  margin-top: 30px;
}

.blk, .blk1, .blk2, .blk3, .blk4, .blk5, .blk6, .blk7, .blk8, .blk9, .blk10, .blk11, .blk12, .lg-blk1, .lg-blk2, .lg-blk3, .lg-blk4, .lg-blk5, .lg-blk6, .lg-blk7, .lg-blk8, .lg-blk9, .lg-blk10, .lg-blk11, .lg-blk12, .md-blk1, .md-blk2, .md-blk3, .md-blk4, .md-blk5, .md-blk6, .md-blk7, .md-blk8, .md-blk9, .md-blk10, .md-blk11, .md-blk12, .only-lg-blk1, .only-lg-blk2, .only-lg-blk3, .only-lg-blk4, .only-lg-blk5, .only-lg-blk6, .only-lg-blk7, .only-lg-blk8, .only-lg-blk9, .only-lg-blk10, .only-lg-blk11, .only-lg-blk12, .only-md-blk1, .only-md-blk2, .only-md-blk3, .only-md-blk4, .only-md-blk5, .only-md-blk6, .only-md-blk7, .only-md-blk8, .only-md-blk9, .only-md-blk10, .only-md-blk11, .only-md-blk12, .only-sm-blk1, .only-sm-blk2, .only-sm-blk3, .only-sm-blk4, .only-sm-blk5, .only-sm-blk6, .only-sm-blk7, .only-sm-blk8, .only-sm-blk9, .only-sm-blk10, .only-sm-blk11, .only-sm-blk12, .sm-blk1, .sm-blk2, .sm-blk3, .sm-blk4, .sm-blk5, .sm-blk6, .sm-blk7, .sm-blk8, .sm-blk9, .sm-blk10, .sm-blk11, .sm-blk12, .tablet-blk1, .tablet-blk2, .tablet-blk3, .tablet-blk4, .tablet-blk5, .tablet-blk6, .tablet-blk7, .tablet-blk8, .tablet-blk9, .tablet-blk10, .tablet-blk11, .tablet-blk12 {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
}

.blk4 {
  width: 33.3333%;
}

.blk6 {
  width: 50%;
}

.blk12 {
  width: 100%;
}

.frame {
  margin-left: -15px;
  margin-right: -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.wrap {
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.wrap.wrap--xpad {
  padding-left: 15px;
  padding-right: 15px;
}

.mw2 {
  max-width: 1120px;
}

.bgw {
  background: #ffffff;
}

.bgblue {
  background: #002F43;
}

.bgimage {
  background-position: center top;
  background-size: cover;
}

.bgimagebottom {
  background-position: center bottom;
  background-size: cover;
}

.bgimage--empty {
  min-height: 230px;
}

.bggreyblue {
  background: #BBC7CB;
}

footer {
  overflow: hidden;
}

.tac {
  text-align: center;
}

.IconCta img {
  height: 60px;
  width: auto;
}

.InlineButton {
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: #0B6180;
  opacity: 1;
  position: relative;
  letter-spacing: 1px;
  -webkit-transition: .25s;
  transition: .25s;
}

.InlineButton:hover {
  opacity: .7;
}

.InlineButton:after {
  content: '';
  position: relative;
  width: 9px;
  height: 9px;
  display: inline-block;
  border-top: 2px solid #0B6180;
  border-right: 2px solid #0B6180;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 5px;
}

.InlineButtonReverse {
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: #0B6180;
  opacity: 1;
  position: relative;
  letter-spacing: 1px;
  -webkit-transition: .25s;
  transition: .25s;
  margin-left: -28px;
}

.InlineButtonReverse:hover {
  opacity: .7;
}

.InlineButtonReverse:before {
  content: '';
  position: relative;
  width: 9px;
  height: 9px;
  display: inline-block;
  border-top: 2px solid #0B6180;
  border-right: 2px solid #0B6180;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin-right: 5px;
}

.InlineButton--white {
  color: white;
}

.InlineButton--white:before {
  border-color: white;
}

.InlineButton--light {
  color: #83A9B4;
}

.InlineButton--light:before {
  border-color: #83A9B4;
}

.Slider2020-top {
  height: 740px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  overflow: hidden;
}
.Slider2020-top:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: #05061A;
  width: 100%;
  height: 100%;
  opacity: .27;
}

.Slider2020-top > iframe {
  pointer-events: none;
  width: 100vw;
  height: 56.25vw;
  min-height: 740px;
  min-width: 172vh;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  overflow: hidden;
}

.Slider2020-bottom {
  overflow-y: visible;
  position: relative;
  z-index: 2;
  padding-top: 40px;
}

.Slider2020-wrapper {
  position: relative;
  overflow: visible;
}

.Slider2020 article {
  overflow-y: visible;
}

.Slider2020 {
  overflow: hidden;
}

.Slider2020 .slick-list {
  overflow-y: visible;
  overflow: visible;
}

.Slider2020-slide {
  margin: 0 auto;
  display: block;
  margin-top: 160px;
  position: relative;
  overflow: visible;
}

.Slider2020-slide .DetailedCardSlide-description {
  background: none;
  width: 100%;
  float: none;
  max-width: none;
  padding-top: 0;
  text-align: left;
}

.Slider2020-slide .DetailedCardSlide-content {
  width: 100%;
  margin-top: 0;
}

.Slider2020-slide .DetailedCardSlide-features {
  width: 60%;
  border: 0;
  float: left;
}

.Slider2020-slide .DetailedCardSlide-feature {
  font-size: 18px;
  text-transform: none;
  border: 0;
}

.Slider2020-slide .DetailedCardSlide-price {
  text-align: left;
  width: 30%;
  border: 0;
  float: left;
  margin-top: 20px;
}

.Slider2020 .DetailedCardSlide-pattern {
  border: 0;
}

.Slider2020-slide .Heading--fix {
  text-align: left;
}

.Slider2020-slide .Heading {
  font-style: normal;
}

.ImageCta2020 {
  clear: both;
}

.Slider2020-top > .Container, .ModelsCarousel .Slider2020-top > .carousel-indicator-cover {
  position: relative;
  width: 100%;
  padding-bottom: 70px;
  z-index: 1;
}

.Slider2020 .DetailedCardSlide-image {
  margin-bottom: 18px;
}

.Slider2020 .DetailedCardSlide-image img {
  max-width: 600px;
}

.Slider2020 .DetailedCardSlide-price .Pricing-label {
  font-size: 18px;
  text-align: left;
  text-transform: none;
  color: #2b2b2b;
  margin-bottom: 20px;
}

.Slider2020 .DetailedCardSlide-price .Pricing-currentOffer {
  text-align: left;
}

.Slider2020 .DetailedCardSlide-description h3 {
  margin-top: 20px;
  margin-left: 10px;
  width: 100%;
}

.Slider2020 .slick-prev {
  left: 50%;
  z-index: 1000;
  margin-left: -550px;
}

.Slider2020 .slick-next {
  right: 50%;
  z-index: 1000;
  margin-right: -530px;
}

.slick-prev:before {
  position: absolute;
  width: 20px;
  height: 20px;
  content: '';
  background-image: none;
  border-top: 4px solid #0B6180;
  border-right: 4px solid #0B6180;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.slick-next:before {
  position: absolute;
  width: 20px;
  height: 20px;
  content: '';
  background-image: none;
  border-top: 4px solid #0B6180;
  border-right: 4px solid #0B6180;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.Header-primaryNav .Header-subMenu a:hover span {
  color: #83A9B4 !important;
}

.sub-menu li:first-of-type {
  padding-top: 15px !important;
}

.sub-menu li:last-of-type {
  padding-bottom: 15px !important;
}

.sub-menu .sub-menu {
  background: #0A2531;
}

.Header-navItemModel, .Header-navItemFeature {
  overflow: hidden !important;
}

.Header-navItemFeature-items {
  background: #0A2531;
}

.Typography .Heading {
  text-transform: none;
}

.Header .icon-facebook span:after,
.Header .icon-twitter span:after,
.Header .icon-pinterest span:after,
.Header .icon-youtube span:after,
.Header .icon-blog span:after,
.Header .icon-instagram span:after {
  opacity: 0 !important;
  content: none;
}

.Header .icon-facebook span:before,
.Header .icon-twitter span:before,
.Header .icon-pinterest span:before,
.Header .icon-youtube span:before,
.Header .icon-blog span:before,
.Header .icon-instagram span:before {
  opacity: 0 !important;
  content: none;
}

.Customer2020 .CustomerStoryWidget {
  border: 0;
  padding: 40px 0 !important;
}

.home .SearchBar {
  opacity: 0;
}

.home .Page--searching .SearchBar {
  opacity: 1;
}

.home .PhotoSlider, .home .Slider2020 {
  margin-top: -90px;
}

.Header-primaryNav a, .Header-primaryNav a span {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.Header-primaryNav .Header-subMenu a, .Header-primaryNav .Header-subMenu a span {
  font-size: 14px;
  text-transform: uppercase !important;
  letter-spacing: 1px;
  color: white !important;
}

.Header-Container {
  max-width: 85rem;
}

.home .Header--top .Header-logo img:first-of-type {
  display: none;
}

.Logo-white {
  display: none;
}

.home .Header--top .Logo-white {
  display: block;
}

.home .Header--middle .Header-logo img:first-of-type {
  display: block;
}

.home .Header--middle .Header-logo img:last-of-type {
  display: none;
}

.home .Header--top .Logo-white {
  display: block;
}

.SearchBar {
  z-index: 800;
  position: relative;
  background-color: #002F43;
}

.Overlay--isSearchActive .Header--top {
  background: white !important;
  backdrop-filter: none;
}

.Header-secondaryNav .Icon--uiCurrency .select2-choice {
  background: #2b2b22;
  color: white;
}

.Overlay--isSearchActive .Header .select2-choice {
  background: #2b2b2b !important;
  color: white !important;
}

.Overlay--isSearchActive .Header--top .select2-choice {
  background: #2b2b2b !important;
  color: white !important;
}

.Overlay--isSearchActive .Header--middle .select2-choice {
  background: #2b2b2b !important;
  color: white !important;
}

.Overlay--isSearchActive .Header--top .Header-primaryNav > ul > li:hover a {
  color: white !important;
}

.Overlay--isSearchActive .Header-primaryNav a {
  color: #2B2B2B !important;
}

.Overlay--isSearchActive .Header--middle .Header-logo img:first-of-type {
  display: block !important;
}

.Overlay--isSearchActive .Header--middle .Header-logo img:last-of-type {
  display: none !important;
}

.Overlay--isSearchActive .Header--top .Header-logo img:first-of-type {
  display: block !important;
}

.Overlay--isSearchActive .Header--top .Header-logo img:last-of-type {
  display: none !important;
}

.Header-logo {
  opacity: 100% !important;
}

.Desktop--search img {
  max-width: 18px;
  height: 18px;
  display: block;
}

.Desktop--search .Desktop--search--white {
  display: none;
}

.Header-secondaryNav {
  position: relative;
}

.Header-secondaryNav li {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.bgblue {
  color: white;
}

.bgblue .Button, .bgblue .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .bgblue .select2-chosen,
.bgblue .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .bgblue .select2-default, .bgblue .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .bgblue .select2-choice.select2-default, .bgblue .sweet-alert button, .sweet-alert .bgblue button {
  color: white;
  border-color: white;
}

.bgheroimage {
  color: white;
}
.bgheroimage > h1 {
  font-size: 64px;
  line-height: 72px;
}

.Slider2020--btnGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 55px;
}

.bgheroimage .Button, .bgheroimage .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .bgheroimage .select2-chosen,
.bgheroimage .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .bgheroimage .select2-default, .bgheroimage .ContentLinks-link .select2-container .select2-choice.select2-default, .ContentLinks-link .select2-container .bgheroimage .select2-choice.select2-default, .bgheroimage .sweet-alert button, .sweet-alert .bgheroimage button {
  color: white;
  border-color: white;
}

.Footer-social .Icon, .Footer-social .Button--print, .Footer-social .Button--download, .Footer-social .bx-wrapper .bx-prev, .bx-wrapper .Footer-social .bx-prev, .Footer-social .bx-wrapper .bx-next, .bx-wrapper .Footer-social .bx-next {
  width: 33px;
  height: auto;
  background-size: contain;
  margin-left: 12px;
}

.Footer-social .Icon:hover:before, .Footer-social .Button--print:hover:before, .Footer-social .Button--download:hover:before, .Footer-social .bx-wrapper .bx-prev:hover:before, .bx-wrapper .Footer-social .bx-prev:hover:before, .Footer-social .bx-wrapper .bx-next:hover:before, .bx-wrapper .Footer-social .bx-next:hover:before {
  /* width:33px;
  height:auto; */
  opacity: 0;
}

.Footer-social .Icon:hover, .Footer-social .Button--print:hover, .Footer-social .Button--download:hover, .Footer-social .bx-wrapper .bx-prev:hover, .bx-wrapper .Footer-social .bx-prev:hover, .Footer-social .bx-wrapper .bx-next:hover, .bx-wrapper .Footer-social .bx-next:hover {
  /* width:33px;
  height:auto; */
  opacity: .7;
}

.ImageCta2020--general.bggreyblue .wrap {
  max-width: 750px;
}

.blk6 .blkwrap {
  max-width: 530px;
}

.SinglePhoto-hero {
  height: 465px;
  width: 100%;
  display: block;
}

.Single-content-wrapper {
  margin-top: -360px;
  padding-bottom: 40px;
}

.formcraft-css .fc-form {
  font-family: "canada-type-gibson", sans-serif !important;
}

.fileupload-button span {
  color: white !important;
}

.formcraft-css span {
  color: #2b2b2b;
}

.Single-content {
  padding: 60px;
}

.Single-content-date {
  font-size: 18px;
  color: #83A9B4;
  margin-top: 20px;
}

.Single-content-author {
  font-weight: 600;
  font-size: 18px;
  color: #2b2b2b;
  margin-top: 20px;
  margin-bottom: 40px;
}

.Single-content-wrapper img {
  max-width: 100%;
  max-height: 533px;
  margin-bottom: 60px;
  display: block;
}

.Typography .Heading small {
  font-size: 100% !important;
}

.Header-navItemModelContent .Pricing-currentOffer {
  color: #2b2b2b !important;
}

.powered-by {
  display: none !important;
}

.fc-form {
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  color: #2b2b2b;
}

.fc-form input {
  color: #2b2b2b;
}

.fc-form textarea {
  color: #2b2b2b;
}

html .formcraft-css .fc-form .form-element .checkbox-cover > div label {
  line-height: 1.3;
}

.submit-button {
  color: white !important;
}

.submit-button span {
  color: white !important;
}

/* .Footer-social .Icon--facebook:before {
  display:none;
}
.Footer-social .Icon--youtube:before {
  display:none;
}
.Footer-social .Icon--pinterest:before {
  display:none;
} */
html .formcraft-css .fc-form .form-element .checkbox-cover > div label > span {
  vertical-align: middle;
  padding-left: 20px;
  display: block;
}

html .formcraft-css .fc-form .form-element .checkbox-cover input[type=checkbox] {
  top: 3px;
  float: left;
}

html .formcraft-css .fc-form.label-placeholder.remove-asterisk- .is-required-true .field-cover.address-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk- .is-required-true .field-cover.datepicker-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk- .is-required-true .field-cover.dropdown-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk- .is-required-true .field-cover.email-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk- .is-required-true .field-cover.oneLineText-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk- .is-required-true .field-cover.textarea-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk-false .is-required-true .field-cover.address-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk-false .is-required-true .field-cover.datepicker-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk-false .is-required-true .field-cover.dropdown-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk-false .is-required-true .field-cover.email-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk-false .is-required-true .field-cover.oneLineText-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk-false .is-required-true .field-cover.textarea-cover::after {
  color: #002F43 !important;
}

html .formcraft-css .fc-form h1, html .formcraft-css .fc-form h2, html .formcraft-css .fc-form h3, html .formcraft-css .fc-form h4, html .formcraft-css .fc-form h5, html .formcraft-css .fc-form h6 {
  font-weight: 500 !important;
  font-size: 32px;
  display: inline-block;
  color: inherit;
  line-height: normal;
  margin-top: 0;
  margin-bottom: 20px;
}

.ModelBar-container .Button--small, .ModelBar-container .CompareResults-models-data .select2-container .select2-chosen, .CompareResults-models-data .select2-container .ModelBar-container .select2-chosen,
.ModelBar-container .CompareResults-models-data .select2-container .select2-default,
.CompareResults-models-data .select2-container .ModelBar-container .select2-default, .ModelBar-container .sweet-alert button, .sweet-alert .ModelBar-container button {
  border: 2px solid white;
  background: transparent;
}

.ModelBar-container .Button--small:hover, .ModelBar-container .CompareResults-models-data .select2-container .select2-chosen:hover, .CompareResults-models-data .select2-container .ModelBar-container .select2-chosen:hover,
.ModelBar-container .CompareResults-models-data .select2-container .select2-default:hover,
.CompareResults-models-data .select2-container .ModelBar-container .select2-default:hover, .ModelBar-container .sweet-alert button:hover, .sweet-alert .ModelBar-container button:hover {
  color: #2b2b2b;
  background: white;
}

.Header-navItemModelContainer .Button.Button--primary, .Header-navItemModelContainer .CompareResults-models-data .select2-container .Button--primary.select2-chosen, .CompareResults-models-data .select2-container .Header-navItemModelContainer .Button--primary.select2-chosen,
.Header-navItemModelContainer .CompareResults-models-data .select2-container .Button--primary.select2-default,
.CompareResults-models-data .select2-container .Header-navItemModelContainer .Button--primary.select2-default, .Header-navItemModelContainer .ContentLinks-link .select2-container .Button--primary.select2-choice.select2-default, .ContentLinks-link .select2-container .Header-navItemModelContainer .Button--primary.select2-choice.select2-default, .Header-navItemModelContainer .sweet-alert button.Button--primary, .sweet-alert .Header-navItemModelContainer button.Button--primary {
  color: white;
  background: #2b2b2b;
}

@media (max-width: 1000px) {
  .Slider2020-top {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .Slider2020 .slick-prev {
    left: 5px;
    z-index: 1000;
    margin-left: 0;
  }

  .Slider2020 .slick-next {
    right: 25px;
    z-index: 1000;
    margin-right: 0;
  }

  .Header-primaryNav > ul {
    padding-top: 51px;
  }

  .Slider2020-slide {
    max-width: 100%;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 100px;
    height: auto;
  }

  .Slider2020 .DetailedCardSlide-image {
    width: 100% !important;
  }

  .Slider2020 .DetailedCardSlide-image img {
    width: 100%;
    padding: 0 20px;
  }

  .DetailedCardSlide-buttons {
    padding-left: 35px;
    width: 100%;
  }

  .Slider2020-slide .DetailedCardSlide-features {
    width: 100%;
  }

  .Slider2020-slide .DetailedCardSlide-price {
    width: 100%;
    padding-left: 18px;
    padding-bottom: 20px;
    margin-top: 16px;
  }

  .Header {
    height: 51px !important;
  }

  .Page {
    padding-top: 51px;
  }

  .Header-primaryNav a {
    background: #002f43;
    color: white !important;
  }

  .Header-subMenu .Header-subMenu a {
    background: #0A2531 !important;
  }

  .Single-content {
    padding: 30px;
  }

  .Single-content-wrapper {
    margin-top: -60px;
  }

  .SinglePhoto-hero {
    height: 300px;
  }

  .InlineButtonReverse {
    margin-left: 0;
  }

  .Logo-normal {
    display: block !important;
  }

  .Logo-white {
    display: none !important;
  }

  .Header-logo img {
    margin: 0 auto;
  }

  .Header-secondaryNav {
    display: none !important;
  }

  .blk4 {
    width: 100%;
  }

  .blk6 {
    width: 100%;
  }
}
@media (min-width: 769px) {
  .home .Header--top {
    backdrop-filter: blur(30px);
    background: none;
    border-color: transparent;
  }

  .home .Header--top .Header-primaryNav a {
    color: white;
  }

  .home .Header--top .Desktop--search--black {
    display: none;
  }

  .home .Header--top .Desktop--search--white {
    display: block;
  }

  .Overlay--isSearchActive .Header--top .Desktop--search--black {
    display: block;
  }

  .Overlay--isSearchActive .Header--top .Desktop--search--white {
    display: none;
  }

  .Header-primaryNav > ul:first-child {
    width: 75%;
    display: inline-table;
  }

  .Header-primaryNav > ul:last-child {
    width: 22%;
    text-align: left;
    display: inline-table;
  }

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

  .Header-primaryNav > ul > li {
    height: 92px;
  }

  .Header--top .Header-primaryNav a:hover {
    color: #83A9B4 !important;
  }

  .Header--top .Header-primaryNav a span {
    -webkit-transition: .25s;
    transition: .25s;
  }

  .Header--top .Header-primaryNav a:hover span {
    color: #83A9B4 !important;
  }

  .Header-secondaryNav > li {
    display: table-cell;
    height: 40px !important;
    vertical-align: middle;
  }

  .Desktop--search:hover span a {
    background: none !important;
    opacity: .5;
  }

  .Header-secondaryNav > .Desktop--search {
    height: 20px !important;
    margin-top: -3px;
    margin-right: 30px;
  }

  .Header-secondaryNav > .Desktop--search a {
    padding-left: 0 !important;
  }

  .Header--top .Header-secondaryNav .Icon--uiCurrency .select2-choice {
    border-radius: 10px;
    color: #2b2b2b;
    font-weight: 500;
    letter-spacing: 1px;
    background: white;
  }

  .Header-secondaryNav .Icon--uiCurrency .select2-choice {
    border-radius: 10px;
    color: white;
    font-weight: 500;
    letter-spacing: 1px;
    background: #2b2b2b;
  }

  .Header-secondaryNav .Icon--uiCurrency a:before {
    content: none;
  }

  .Header-secondaryNav .Icon--uiCurrency a:after {
    content: none;
  }

  .Header-secondaryNav .select2-container.select2--alt .select2-choice {
    padding: 9px 10px 9px 9px;
  }

  .Header-secondaryNav .select2-dropdown-open .select2-choice {
    background: grey !important;
  }

  .Header-Container {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media (min-width: 1300px) {
  .Header-primaryNav > ul:last-child {
    width: 12%;
  }
}