/*

HTML5 Display Definitions

Set the appropriate `display` definitions for new HTML5 elements.

The majority will be displayed `block`.

*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/*

Some, however, need to be `inline-block` with an IE7 fallback.

*/
audio,
canvas,
video {
  display: inline-block;
}
.lte7 audio,
.lte7 canvas,
.lte7 video {
  display: inline;
  zoom: 1;
}
/*

Audio

From Normalize.css:

> Prevents modern browsers from displaying `audio` without controls.
> Remove excess height in iOS5 devices.

*/
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
/*

Type

*/
/*

HTML Font Size Adjust

1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
   `em` units.
2. Prevents iOS text size adjust after orientation change, without disabling
   user zoom.

*/
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
abbr[title] {
  border: none;
}
i,
cite,
address {
  font-style: normal;
}
dfn {
  font-style: italic;
}
b {
  font-weight: normal;
}
strong {
  font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
menu,
ul,
ol,
dl,
table,
figure {
  /* Display & Box Model */
  margin: 1.4285714285714286em 0 0 0;
  /* Other */
  font-size: 1em;
  line-height: 1.79;
}
h1.rama-gothic-semibold,
h2.rama-gothic-semibold,
h3.rama-gothic-semibold {
  letter-spacing: 1.5px;
}
menu,
ol,
ul {
  padding-left: 2.5em;
}
li ul,
li ol {
  margin-top: 0.7142857142857143em;
  margin-bottom: 0.7142857142857143em;
}
dd {
  margin-left: 2.5em;
}
blockquote {
  padding: 1.25em 2.5em;
}
blockquote > :first-child {
  margin-top: 0;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
mark {
  background: #ff0;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
small {
  font-size: 1em;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
a:focus,
a:active,
a:hover {
  outline: 0;
}
img {
  max-width: 100%;
  border: 0;
}
.lte7 img {
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
form {
  margin: 0;
}
fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
legend {
  width: 100%;
  border: 0;
  padding: 0;
  display: block;
  white-space: normal;
}
.lte7 legend {
  margin-left: -7px;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  display: block;
}
button .lte7,
input .lte7,
select .lte7,
textarea .lte7 {
  vertical-align: middle;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  display: inline-block;
  cursor: pointer;
}
button .lte7,
html input[type="button"] .lte7,
input[type="reset"] .lte7,
input[type="submit"] .lte7 {
  overflow: visible;
  display: inline;
  zoom: 1;
}
button,
input {
  line-height: normal;
}
button[disabled],
input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
  margin: 3px;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  vertical-align: top;
}
input[type="checkbox"] .lte7,
input[type="radio"] .lte7 {
  width: 13px;
  height: 13px;
}
input[type="search"] {
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-spacing: 0;
}
/* 

Spacing Helpers

Spacing helpers are quick but powerful classes that add margin or padding to 
any given element. These classes are `!important`, so they override all other 
styles.

* `p`, `m`                          =   padding, margin  
* `a`, `t`, `r`, `b`, `l`, `h`, `v` =   all, top, right, bottom, left, horizontal, vertical  
* `s`, `m`, `l`, `n`                =   small (~`5px`), medium (~`10px`), large (~`20px`), none (`0`)

For example: `.pam` means "padding, all, medium".

**Note:** These are all based on the current element's font size and the 
project's vertical rhythm (even on the sides, to provide uniform spacing). 
As such, they require `_vars.less`.

*/
.ptn,
.pvn,
.pan {
  padding-top: 0 !important;
}
.pts,
.pvs,
.pas {
  padding-top: 0.35714285714285715em !important;
}
.ptm,
.pvm,
.pam {
  padding-top: 0.7142857142857143em !important;
}
.ptl,
.pvl,
.pal {
  padding-top: 1.4285714285714286em !important;
}
.prn,
.phn,
.pan {
  padding-right: 0 !important;
}
.prs,
.phs,
.pas {
  padding-right: 0.35714285714285715em !important;
}
.prm,
.phm,
.pam {
  padding-right: 0.7142857142857143em !important;
}
.prl,
.phl,
.pal {
  padding-right: 1.4285714285714286em !important;
}
.pbn,
.pvn,
.pan {
  padding-bottom: 0 !important;
}
.pbs,
.pvs,
.pas {
  padding-bottom: 0.35714285714285715em !important;
}
.pbm,
.pvm,
.pam {
  padding-bottom: 0.7142857142857143em !important;
}
.pbl,
.pvl,
.pal {
  padding-bottom: 1.4285714285714286em !important;
}
.pln,
.phn,
.pan {
  padding-left: 0 !important;
}
.pls,
.phs,
.pas {
  padding-left: 0.35714285714285715em !important;
}
.plm,
.phm,
.pam {
  padding-left: 0.7142857142857143em !important;
}
.pll,
.phl,
.pal {
  padding-left: 1.4285714285714286em !important;
}
.mtn,
.mvn,
.man,
.shelf__container,
.shelf__buttons {
  margin-top: 0 !important;
}
.mts,
.mvs,
.mas {
  margin-top: 0.35714285714285715em !important;
}
.mtm,
.mvm,
.mam,
.product__listing__formats {
  margin-top: 0.7142857142857143em !important;
}
.mtl,
.mvl,
.mal {
  margin-top: 1.4285714285714286em !important;
}
.mrn,
.mhn,
.man {
  margin-right: 0 !important;
}
.mrs,
.mhs,
.mas {
  margin-right: 0.35714285714285715em !important;
}
.mrm,
.mhm,
.mam {
  margin-right: 0.7142857142857143em !important;
}
.mrl,
.mhl,
.mal {
  margin-right: 1.4285714285714286em !important;
}
.mbn,
.mvn,
.man {
  margin-bottom: 0 !important;
}
.mbs,
.mvs,
.mas {
  margin-bottom: 0.35714285714285715em !important;
}
.mbm,
.mvm,
.mam {
  margin-bottom: 0.7142857142857143em !important;
}
.mbl,
.mvl,
.mal {
  margin-bottom: 1.4285714285714286em !important;
}
.mln,
.mhn,
.man {
  margin-left: 0 !important;
}
.mls,
.mhs,
.mas {
  margin-left: 0.35714285714285715em !important;
}
.mlm,
.mhm,
.mam {
  margin-left: 0.7142857142857143em !important;
}
.mll,
.mhl,
.mal {
  margin-left: 1.4285714285714286em !important;
}
/*

Text Align

Simple classes to adjust your text alignment. They can be added to individual elements or on wrapping elements (an outer `div`, perhaps) to adjust the alignment of all the child elements.

*/
.align--left {
  text-align: left;
}
.align--center {
  text-align: center;
}
.align--right {
  text-align: right;
}
.align--sub {
  vertical-align: sub;
}
.align--middle {
  vertical-align: middle;
}
.align--top {
  vertical-align: top;
}
/*

Floats

Next, we have classes for floating elements.

*/
.float--left {
  float: left;
}
.float--center {
  margin-left: auto;
  margin-right: auto;
}
.float--right {
  float: right;
}
.float--none {
  float: none;
}
.clear {
  clear: both;
}
/*

"New Line"

Turns an `inline` or `inline-block` element into a `block` one. Like magic,
turns whatever it touches into block.

*/
.new-line,
.media-object__figure img,
.media-object__desc,
.figure [class*="figure--"] img,
[class*="ratio"]:before,
.product__breadcrumb--series,
.search-preview .search-preview__results .search-preview__results--item .search-preview__results--item-name,
.search-preview .search-preview__results .search-preview__results--item .search-preview__results--item-type,
.basic-interior__sidebar--list li a,
.basic-interior__sidebar--list .sidebar__heading ul li,
.basic-interior__sidebar--list .sidebar__heading a {
  display: block;
}
.group,
.media-object--checkbox {
  /* Mixins */
}
.lte7 .group,
.lte7 .media-object--checkbox {
  zoom: 1;
}
.group:before,
.group:after,
.media-object--checkbox:before,
.media-object--checkbox:after {
  content: "\0020";
  height: 0;
  display: block;
  overflow: hidden;
}
.group:after,
.media-object--checkbox:after {
  clear: both;
}
/*

"Is Hidden"

Visually hides content in a way that leaves it accessible to screen readers.
Like more magic, makes the visible invisible.

*/
.is-hidden,
.js .reveal__target {
  /* Mixins */
  width: 1px;
  height: 1px;
  padding: 0;
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  overflow: hidden;
}
.is-hidden.focusable:active,
.is-hidden.focusable:focus {
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
  position: static;
}
body:hover .is-hidden a,
body:hover .is-hidden input,
body:hover .is-hidden button {
  display: none;
}
@media all and (max-width: 47.9375em) {
  .is-hidden-small {
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    overflow: hidden;
  }
  .is-hidden-small.focusable:active,
  .is-hidden-small.focusable:focus {
    width: auto;
    height: auto;
    margin: 0;
    clip: auto;
    overflow: visible;
    position: static;
  }
  body:hover .is-hidden-small a,
  body:hover .is-hidden-small input,
  body:hover .is-hidden-small button {
    display: none;
  }
}
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  .is-hidden-medium {
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    overflow: hidden;
  }
  .is-hidden-medium.focusable:active,
  .is-hidden-medium.focusable:focus {
    width: auto;
    height: auto;
    margin: 0;
    clip: auto;
    overflow: visible;
    position: static;
  }
  body:hover .is-hidden-medium a,
  body:hover .is-hidden-medium input,
  body:hover .is-hidden-medium button {
    display: none;
  }
}
@media all and (min-width: 62em) {
  .is-hidden-large {
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    overflow: hidden;
  }
  .is-hidden-large.focusable:active,
  .is-hidden-large.focusable:focus {
    width: auto;
    height: auto;
    margin: 0;
    clip: auto;
    overflow: visible;
    position: static;
  }
  body:hover .is-hidden-large a,
  body:hover .is-hidden-large input,
  body:hover .is-hidden-large button {
    display: none;
  }
}
.isnt-hidden,
.js .reveal__target.is-revealed {
  /* Mixins */
  width: auto;
  height: auto;
  margin: 0;
  position: relative;
  clip: auto;
}
body:hover .isnt-hidden a,
body:hover .isnt-hidden input,
body:hover .isnt-hidden button {
  display: inline-block;
}
.lte7 body:hover .isnt-hidden a,
.lte7 body:hover .isnt-hidden input,
.lte7 body:hover .isnt-hidden button {
  display: inline;
  zoom: 1;
}
.relative-container,
[class*="ratio"],
.js .expand__target,
.js .fade__target,
.link-underline--orange,
[class*="input-alert"],
.product__listing--animated,
.product__listing--animated .listing__img,
.action-bar,
.product__listing__formats--item,
.basic-interior__sidebar--list li a,
.basic-interior__sidebar--list .sidebar__heading ul li,
.basic-interior__sidebar--list .sidebar__heading a,
.series-hero-slider,
.menu__product,
.menu__product .listing__img {
  position: relative;
}
/*

Horizontal List

The basic `.list--x` module simply removes bullets from lists and inlines the list 
items, making the link `inline-block`. The idea is to give the skeleton of a 
horizontal navigation without adding too much style (yet).

*/
[class*="list--x"] li {
  display: inline;
}
[class*="list--x"] a {
  display: inline-block;
}
[class*="list--x--forceful"] li,
[class*="list--x--forceful"] a {
  display: block;
}
.list--horizontal {
  padding-left: 0;
}
.list--horizontal li {
  display: inline;
  margin-left: 0.5357142857142857em;
  margin-right: 0.5357142857142857em;
}
.list--horizontal li:before {
  content: "\2022";
  padding-right: 0.35714285714285715em;
}
.list--horizontal a {
  display: inline-block;
}
@media all and (min-width: 30em) {
  .lte7 [class*="list--x--forceful"] {
    zoom: 1;
  }
  [class*="list--x--forceful"]:before,
  [class*="list--x--forceful"]:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden;
  }
  [class*="list--x--forceful"]:after {
    clear: both;
  }
  [class*="list--x--forceful"] li {
    float: left;
  }
}
/*

Pagination

An extension of the basic `.list--x` module that simply adds padding enough for 
pagination.

*/
.list--x--pgs a {
  padding: 0 0.7142857142857143em 0 0;
}
.list--x--pgs a,
.list--x--pgs a:hover,
.list--x--pgs a:focus {
  color: inherit;
}
/*

Breadcrumb

Another extension of the `.list--x` module, adding a breadcrumb `label` 
and floating it and the ordered list.

*/
.breadcrumb {
  margin-top: 1.4285714285714286em;
}
.breadcrumb__label {
  margin: 0 0.6428571428571429em 0 0;
  float: left;
}
.breadcrumb__list--x {
  margin: 0;
  float: left;
}
.breadcrumb li {
  margin-right: 0.6428571428571429em;
}
/*

Media Object

The Media Object is an image (or media-type) to the left with (typically) 
descriptive content to the right. The media object can be whatever size it 
wants, the basic format will remain the same. (Text will **not** wrap.)  This 
has any number of applications, such as a checkbox next to a label with lots 
of text.

See: [The Media Object Saves Hundreds of Lines of Code][1]

  [1]: http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/

*/
.media-object,
.media-object__desc {
  overflow: hidden;
}
.media-object--checkbox {
  /* Display & Box Model */
  display: inline-block;
  overflow: visible;
}
.media-object--checkbox .media-object__figure {
  /* Display & Box Model */
  margin-right: 0.32142857142857145em;
}
@media all and (min-width: 30em) {
  .media-object__figure,
  .media-object__figure--rtl {
    max-width: 40%;
  }
  .media-object__figure {
    margin-right: 1.2857142857142858em;
    float: left;
  }
  .media-object__figure--rtl {
    margin-left: 1.2857142857142858em;
    float: right;
  }
  .media-object__desc > :first-child {
    margin-top: 0;
  }
}
@media all and (min-width: 48em) {
  .media-object__figure {
    max-width: 50%;
  }
}
/*

Figures

Great for integrating images into bodies of text, the `.figure` class is paired with the `.float-left` or `.float-right` class depending on where you would like it placed.

*/
.figure [class*="figure--"] {
  margin-top: 1.4285714285714286em;
}
@media all and (min-width: 30em) {
  .figure,
  [class*="figure--"] {
    max-width: 100%;
    margin-top: 0;
  }
  .figure--left,
  .figure--right {
    padding-bottom: 0.7142857142857143em;
  }
  .figure--left {
    float: left;
    padding-right: 2.5714285714285716em;
  }
  .figure--right {
    float: right;
    padding-left: 2.5714285714285716em;
  }
}
[class*="ratio"]:before {
  /* Pretty */
  content: "";
}
.ratio--video:before {
  /* Display & Box Model */
  padding-top: 56.25%;
}
.ratio--1x1:before,
.ratio--square:before {
  padding-top: 100%;
}
.ratio--2x1:before {
  padding-top: 50%;
}
.ratio--1x2:before {
  padding-top: 200%;
}
.ratio__content,
.ratio--video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/**
 * Wrapper
 */
.wrapper {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}
@media all and (min-width: 77.5em) {
  .wrapper {
    width: 80%;
    max-width: 82.14285714285714em;
  }
}
.js .reveal__target.is-revealed {
  /* Pretty */
  overflow: visible;
}
.js .expand__target,
.js .fade__target {
  max-height: 0;
  overflow: hidden;
}
.js .expand__target.is-expanded,
.js .fade__target.is-faded {
  max-height: 999px;
}
.js .expand__target.is-expanded,
.js .fade__target.is-faded,
.js .expand__target.was-expanded,
.js .fade__target.was-faded {
  -webkit-transition: all 0.65s ease-in-out 0s;
  -moz-transition: all 0.65s ease-in-out 0s;
  -o-transition: all 0.65s ease-in-out 0s;
  transition: all 0.65s ease-in-out 0s;
}
.js .fade__target {
  opacity: 0;
  filter: alpha(opacity=0);
}
.js .fade__target.is-faded {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media all and (min-width: 48em) {
  .js .menu__list {
    max-height: 999px;
  }
  .menu__title {
    display: none;
  }
}
/*

Tabs

The tabs module (and accompanying plugin) creates a very basic widget that 
allows embedding and basic styling.

*/
.js .tabs__section {
  position: relative;
}
.js .tab {
  display: none;
}
.js .tab.is-current {
  display: block;
}
/*

Generic Modal

Description:
Generic full screen modal window take-over that is meant to provide a baseline to be extended.

*/
.modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: -100%;
  left: 0;
  z-index: 19999;
}
.modal--take-over {
  background-color: rgba(20, 20, 20, 0.8);
}
.modal__content {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 78.57142857142857em;
  height: auto;
  padding: 2.857142857142857em;
  position: fixed;
  top: -100%;
  left: 50%;
  z-index: 20000;
  background-color: #212121;
}
.lte8 .modal__content {
  margin-top: -21.428571428571427em;
  margin-left: -39.285714285714285em;
}
.modal.is-current {
  top: 0;
}
.modal.is-current .modal__content {
  top: 50%;
  width: 90%;
  max-width: 64.64285714285714em;
}
.modal.modal--preview .modal__primary-image-row {
  overflow: hidden;
  height: 100%;
}
.modal__primary-image-container {
  height: 100%;
}
.modal__primary-image-container .modal__primary-image {
  width: 100%;
}
.content__swatches {
  margin-left: -0.6428571428571429em !important;
  margin-right: -0.6428571428571429em !important;
}
.content__swatches [class*="gcl-third"] {
  padding-left: 0.6428571428571429em;
  padding-right: 0.6428571428571429em;
}
.content__swatches h5 {
  text-transform: capitalize;
}
.content__close {
  background-color: transparent;
  display: block;
  width: 2.857142857142857em;
  height: 2.857142857142857em;
  position: absolute;
  top: -1.4285714285714286em;
  right: -1.4285714285714286em;
  z-index: 20000;
  border: 1px solid #ff6600;
  outline: none;
  -webkit-border-radius: 1000em;
  -moz-border-radius: 1000em;
  -o-border-radius: 1000em;
  border-radius: 1000em;
}
.content__close:hover:before,
.content__close:focus:before {
  color: #ff6600;
}
.content__close:before {
  content: "x";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #cfcdcd;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.modal-backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(20, 20, 20, 0.8);
  z-index: 15000;
}
.modal--swatches .gcl-third {
  margin-top: 2.2857142857142856em;
}
.modal--swatches .swatch_hiresmodal {
  width: 80vh;
}
.modal--swatches .swatch_hiresmodal img {
  max-height: 800px;
  width: 100%;
}
.modal--images {
  text-align: center;
  vertical-align: middle;
}
.modal--images .gcl-third {
  margin-top: 2.2857142857142856em;
}
.modal--images img {
  max-height: 100%;
}
.modal--share .modal__content {
  width: 42.857142857142854em;
  height: auto;
}
.modal__primary-image-row {
  overflow: visible !important;
}
.modal__primary-image-row .filter-added {
  position: relative;
}
.modal__primary-image-row .filter-added:before {
  /* Extends */
  position: absolute;
  top: -9px;
  right: -5px;
  z-index: 202;
  color: #ffffff;
}
.modal__primary-image-row .filter-added:after {
  /* Mixins */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 201;
  background-color: #ff6600;
}
.modal--preview {
  width: 100%;
  min-height: 80%;
  z-index: 20000;
}
.modal--preview__swatch {
  position: relative;
}
.modal--preview__swatch img {
  display: block;
  width: 100%;
}
.modal--preview__swatch:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.30000000000000004);
}
.modal--preview__swatch:after {
  /* Mixins */
  font-size: 12px;
  font-size: 0.75rem;
  content: "See Finish Detail";
  width: 100%;
  padding: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #ff6600;
  background-color: rgba(255, 102, 0, 0.6);
  z-index: 201;
  text-transform: none !important;
}
.modal--preview__swatch:hover:after {
  /* Mixins */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: 0.875rem;
  content: "Add to filter";
  padding: 0;
  width: auto;
  top: 50%;
  left: 50%;
  bottom: auto;
  z-index: 200;
  line-height: 1em;
  background-color: transparent;
  text-transform: none !important;
}
.modal--preview__swatch:hover .swatch-name {
  /* Mixins */
  /* Mixins */
  width: 1px;
  height: 1px;
  padding: 0;
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  overflow: hidden;
}
.modal--preview__swatch:hover .swatch-name.focusable:active,
.modal--preview__swatch:hover .swatch-name.focusable:focus {
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
  position: static;
}
body:hover .modal--preview__swatch:hover .swatch-name a,
body:hover .modal--preview__swatch:hover .swatch-name input,
body:hover .modal--preview__swatch:hover .swatch-name button {
  display: none;
}
.modal--preview__swatch:hover,
.filter-added .modal--preview__swatch {
  cursor: pointer;
}
.modal--preview__swatch:hover:before,
.filter-added .modal--preview__swatch:before {
  z-index: 100;
  border: 3px solid #ff6600;
  background-color: rgba(0, 0, 0, 0.5);
}
.filter-added .modal--preview__swatch:after {
  display: none;
}
.filter-added .modal--preview__swatch:hover:after {
  content: "Swatch Added to Filter";
  display: block;
}
.modal--preview .swatch-name {
  /* Mixins */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 201;
  text-align: center;
}
.modal--preview .swatch-name h5 {
  /* Mixins */
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1em;
}
.modal--preview .swatch-name p {
  margin-top: 5px;
  line-height: 1em;
}
.modal--preview .image-actions {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 201;
}
.modal--preview .image-actions [class*="btn"] {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal--preview .modal__content {
  /* Mixins */
  -webkit-transition: all 300ms ease-out 0s;
  -moz-transition: all 300ms ease-out 0s;
  -o-transition: all 300ms ease-out 0s;
  transition: all 300ms ease-out 0s;
}
.modal--preview .email-form {
  /* Mixins */
  -webkit-transform: translate(300%, -50%);
  -moz-transform: translate(300%, -50%);
  -o-transform: translate(300%, -50%);
  -ms-transform: translate(300%, -50%);
  transform: translate(300%, -50%);
  -webkit-transition: all 300ms ease-out 150ms;
  -moz-transition: all 300ms ease-out 150ms;
  -o-transition: all 300ms ease-out 150ms;
  transition: all 300ms ease-out 150ms;
  /* Display & Box Model */
  width: 25%;
  height: 50%;
  padding: 2.142857142857143em;
  /* Positioning */
  position: absolute;
  top: 50%;
  right: 50%;
  /* Other */
  background-color: #212121;
}
.modal--preview.showing-email .modal__content {
  /* Mixins */
  -webkit-transform: translate(-170%, -50%);
  -moz-transform: translate(-170%, -50%);
  -o-transform: translate(-170%, -50%);
  -ms-transform: translate(-170%, -50%);
  transform: translate(-170%, -50%);
}
.modal--preview.showing-email .email-form {
  /* Mixins */
  -webkit-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  -o-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.modal-open-body-fixed {
  height: 100%;
  overflow: hidden;
}
.modal--setup-images .flex-viewport {
  height: auto !important;
}
@-o-keyframes beat {
  0% {
    background-color: transparent;
  }
  25% {
    background-color: #ff6600;
  }
  100% {
    background-color: transparent;
  }
}
@-moz-keyframes beat {
  0% {
    background-color: transparent;
  }
  25% {
    background-color: #ff6600;
  }
  100% {
    background-color: transparent;
  }
}
@-webkit-keyframes beat {
  0% {
    background-color: transparent;
  }
  25% {
    background-color: #ff6600;
  }
  100% {
    background-color: transparent;
  }
}
@keyframes beat {
  0% {
    background-color: transparent;
  }
  25% {
    background-color: #ff6600;
  }
  100% {
    background-color: transparent;
  }
}
.formats--item__actions {
  -webkit-transform: translate(0, -55%);
  -moz-transform: translate(0, -55%);
  -o-transform: translate(0, -55%);
  -ms-transform: translate(0, -55%);
  transform: translate(0, -55%);
  position: absolute;
  right: 0;
  top: 50%;
}
.formats--item__actions--link {
  margin-left: 0.3125em;
}
.formats--item__actions--link.icon--check,
.formats--item__actions--link.pre-icon--check {
  color: #ff6600;
}
.lte8 .formats--item__actions {
  margin-top: -0.7142857142857143em;
}
.format-listing-adjustment .formats--item__actions,
.product-series-page .formats--item__actions {
  top: 1.2142857142857142em;
  position: relative;
}
.shelf {
  width: 100%;
  min-width: 768px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 900;
  background-color: #141414;
  border-top: 1px solid #b34700;
}
.shelf__wrapper:before,
.shelf__wrapper:after {
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #212121;
}
.shelf__wrapper:before {
  width: 76%;
  left: 0;
  border-right: 1px solid #b34700;
}
.shelf__wrapper:after {
  right: 100%;
  width: 100%;
  z-index: -1;
}
.shelf__container {
  height: 0;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.35s 0.2s ease-in-out 0s;
  -moz-transition: all 0.35s 0.2s ease-in-out 0s;
  -o-transition: all 0.35s 0.2s ease-in-out 0s;
  transition: all 0.35s 0.2s ease-in-out 0s;
}
.shelf__container.is-expanded {
  height: 25.714285714285715em;
}
.shelf__inner {
  padding-top: 2.857142857142857em;
  padding-bottom: 2.857142857142857em;
}
.shelf__buttons {
  margin-bottom: -9px;
  position: absolute;
  bottom: 100%;
  right: 0;
}
.shelf__buttons li {
  margin-right: 5px;
}
.shelf__buttons a {
  padding: 0.4166666666666667em 0.8333333333333334em;
  position: relative;
  overflow: hidden;
  background-color: #141414;
  border-top: 1px solid #b34700;
  border-right: 1px solid #b34700;
  border-left: 1px solid #b34700;
}
.shelf__product__content,
.shelf__product--link {
  display: block;
  width: inherit;
}
.shelf .print-bkg {
  display: none;
}
.shelf__take-over,
.questions__take-over {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 950;
  background-color: #212121;
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: all 0.25s 0.2s ease-in-out 0s;
  -moz-transition: all 0.25s 0.2s ease-in-out 0s;
  -o-transition: all 0.25s 0.2s ease-in-out 0s;
  transition: all 0.25s 0.2s ease-in-out 0s;
}
.shelf__take-over.is-taking-over {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.lte8 .shelf__take-over {
  left: 100%;
}
.lte8 .shelf__take-over.is-taking-over {
  left: 0;
}
.shelf__take-over:after {
  content: "";
  width: 76%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -100;
  border-left: 1px solid #ff6600;
  background-color: #141414;
}
.shelf__product.has-product .compare__delete {
  display: block;
}
.shelf__product__container {
  position: relative;
}
.shelf__messaging {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background: #212121;
  /* Old browsers */
  background: -moz-linear-gradient(left, transparent 0, #212121 20%, #212121 80%, transparent 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(20%, #212121), color-stop(80%, #212121), color-stop(100%, transparent));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, transparent 0, #212121 20%, #212121 80%, transparent 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, transparent 0, #212121 20%, #212121 80%, transparent 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, transparent 0, #212121 20%, #212121 80%, transparent 100%);
  /* IE10+ */
  background: linear-gradient(to right, transparent 0, #212121 20%, #212121 80%, transparent 100%);
  /* W3C */
  display: none;
  width: 100%;
  padding-top: 1.0714285714285714em;
  padding-bottom: 1.0714285714285714em;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 999;
}
.lte8 .shelf__messaging {
  margin-top: -1.7857142857142858em;
}
.shelf__messaging.warning {
  background: #ff6600;
  /* Old browsers */
  background: -moz-linear-gradient(left, transparent 0, #ff6600 20%, #ff6600 80%, transparent 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(20%, #ff6600), color-stop(80%, #ff6600), color-stop(100%, transparent));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, transparent 0, #ff6600 20%, #ff6600 80%, transparent 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, transparent 0, #ff6600 20%, #ff6600 80%, transparent 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, transparent 0, #ff6600 20%, #ff6600 80%, transparent 100%);
  /* IE10+ */
  background: linear-gradient(to right, transparent 0, #ff6600 20%, #ff6600 80%, transparent 100%);
  /* W3C */
}
.shelf__messaging.error {
  background: #e63c4d;
  /* Old browsers */
  background: -moz-linear-gradient(left, transparent 0, #e63c4d 20%, #e63c4d 80%, transparent 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(20%, #e63c4d), color-stop(80%, #e63c4d), color-stop(100%, transparent));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, transparent 0, #e63c4d 20%, #e63c4d 80%, transparent 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, transparent 0, #e63c4d 20%, #e63c4d 80%, transparent 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, transparent 0, #e63c4d 20%, #e63c4d 80%, transparent 100%);
  /* IE10+ */
  background: linear-gradient(to right, transparent 0, #e63c4d 20%, #e63c4d 80%, transparent 100%);
  /* W3C */
}
.shelf__messaging.success {
  background: #0b9a45;
  /* Old browsers */
  background: -moz-linear-gradient(left, transparent 0, #0b9a45 20%, #0b9a45 80%, transparent 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(20%, #0b9a45), color-stop(80%, #0b9a45), color-stop(100%, transparent));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, transparent 0, #0b9a45 20%, #0b9a45 80%, transparent 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, transparent 0, #0b9a45 20%, #0b9a45 80%, transparent 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, transparent 0, #0b9a45 20%, #0b9a45 80%, transparent 100%);
  /* IE10+ */
  background: linear-gradient(to right, transparent 0, #0b9a45 20%, #0b9a45 80%, transparent 100%);
  /* W3C */
}
.shelf-cta--compare,
.shelf-cta--customize {
  -webkit-anfation: beat 1s;
  -moz-animation: beat 1s;
  -o-animation: beat 1s;
  animation: beat 1s;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
  background-color: transparent;
}
.shelf-cta--compare:hover,
.shelf-cta--customize:hover,
.shelf-cta--compare:focus,
.shelf-cta--customize:focus {
  color: #ffffff !important;
  background-color: #ff6600;
}
.shelf-cta--compare[disabled],
.shelf-cta--customize[disabled],
.shelf-cta--compare[disabled="disabled"],
.shelf-cta--customize[disabled="disabled"] {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}
.shelf-cta--compare[disabled],
.shelf-cta--customize[disabled],
.shelf-cta--compare[disabled="disabled"],
.shelf-cta--customize[disabled="disabled"],
.shelf-cta--compare[disabled]:hover,
.shelf-cta--customize[disabled]:hover,
.shelf-cta--compare[disabled="disabled"]:hover,
.shelf-cta--customize[disabled="disabled"]:hover,
.shelf-cta--compare[disabled]:focus,
.shelf-cta--customize[disabled]:focus,
.shelf-cta--compare[disabled="disabled"]:focus,
.shelf-cta--customize[disabled="disabled"]:focus {
  color: #777 !important;
  background-color: transparent !important;
  border-color: #777 !important;
}
[data-btn-type="compare"],
[data-btn-type="customize"] {
  width: 58px;
  height: 51px;
  position: relative;
}
[data-btn-type="compare"]:before,
[data-btn-type="customize"]:before {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform 0.1s ease, top 0.15s linear;
  -moz-transition: -moz-transform 0.1s ease, top 0.15s linear;
  -o-transition: -o-transform 0.1s ease, top 0.15s linear;
  transition: transform 0.1s ease, top 0.15s linear;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
}
[data-btn-type="compare"]:after,
[data-btn-type="customize"]:after {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: top 0.15s linear 0s;
  -moz-transition: top 0.15s linear 0s;
  -o-transition: top 0.15s linear 0s;
  transition: top 0.15s linear 0s;
  font-size: 24px !important;
  font-size: 1.5rem !important;
  position: absolute;
  top: 150%;
  left: 50%;
}
.no-csstransforms3d [data-btn-type="compare"]:before,
.no-csstransforms3d [data-btn-type="customize"]:before {
  margin-top: -11px;
}
.no-csstransforms3d [data-btn-type="compare"]:after,
.no-csstransforms3d [data-btn-type="customize"]:after {
  margin-top: -11px;
}
[data-btn-type="compare"]:hover:before,
[data-btn-type="customize"]:hover:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
[data-btn-type="compare"]:hover:before,
[data-btn-type="customize"]:hover:before,
[data-btn-type="compare"]:focus:before,
[data-btn-type="customize"]:focus:before {
  color: #ffffff !important;
}
.no-csstransforms3d [data-btn-type="compare"]:hover:before,
.no-csstransforms3d [data-btn-type="customize"]:hover:before,
.no-csstransforms3d [data-btn-type="compare"]:focus:before,
.no-csstransforms3d [data-btn-type="customize"]:focus:before {
  color: #ff6600 !important;
}
[data-btn-type="compare"].active:before,
[data-btn-type="customize"].active:before {
  top: -100%;
}
[data-btn-type="compare"].active:after,
[data-btn-type="customize"].active:after {
  top: 60%;
  color: #ff6600 !important;
}
.lte8 [data-btn-type="compare"]:before,
.lte8 [data-btn-type="customize"]:before {
  margin-top: -10px;
  margin-left: 5px;
  font-size: 14px !important;
}
.lte8 [data-btn-type="compare"].active:after,
.lte8 [data-btn-type="customize"].active:after {
  margin-top: -13px;
  margin-left: -5px;
  font-size: 16px !important;
}
/*
 * Shelf show / hide buttons
 *
 * Buttons that always are showing in the bottom
 * right of the screen.
 */
[data-btn-type="compare"]:before {
  -webkit-transform-origin: -10% 40%;
  -moz-transform-origin: -10% 40%;
  -o-transform-origin: -10% 40%;
  -ms-transform-origin: -10% 40%;
  transform-origin: -10% 40%;
  width: 16px;
}
[data-btn-type="compare"]:hover:before {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.no-csstransforms3d [data-btn-type="compare"]:before {
  margin-left: -8px;
}
.lte9 [data-btn-type="compare"]:before {
  margin-top: 0;
  margin-left: 0;
}
[data-btn-type="customize"]:before {
  -webkit-transform-origin: -50% 60%;
  -moz-transform-origin: -50% 60%;
  -o-transform-origin: -50% 60%;
  -ms-transform-origin: -50% 60%;
  transform-origin: -50% 60%;
  width: 16px;
}
[data-btn-type="customize"]:hover:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.no-csstransforms3d [data-btn-type="customize"]:before {
  margin-left: -9px;
}
.lte9 [data-btn-type="customize"]:before {
  margin-top: 0;
  margin-left: 0;
}
/* End: Shelf show / hide buttons */
.js-swatch-template:hover,
.active-swatch {
  cursor: pointer;
}
.active-swatch {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.isnt-inview {
  top: 100% !important;
}
.shelf__inner {
  -webkit-transition: all 0.45s 0.2s ease-in-out 0s;
  -moz-transition: all 0.45s 0.2s ease-in-out 0s;
  -o-transition: all 0.45s 0.2s ease-in-out 0s;
  transition: all 0.45s 0.2s ease-in-out 0s;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.is-being-transitioned {
  position: absolute;
  z-index: 500;
}
[data-swatch-type] {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.35s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.35s;
  -o-transition: -o-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.35s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.35s;
}
[data-swatch-type] h5 {
  text-transform: capitalize;
}
.swatch-faded {
  opacity: 0.2;
  filter: alpha(opacity=20);
  cursor: default !important;
}
.scale-out {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  filter: alpha(opacity=0);
}
@font-face {
  font-family: "Proxima Nova";
  src: url("/resources/fonts/proxima-nova/proxima-nova-regular.eot");
  src: url("/resources/fonts/proxima-nova/proxima-nova-regular.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/proxima-nova/proxima-nova-regular.woff") format('woff'), url("/resources/fonts/proxima-nova/proxima-nova-regular.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Semibold";
  src: url("/resources/fonts/proxima-nova/proxima-nova-semibold.eot");
  src: url("/resources/fonts/proxima-nova/proxima-nova-semibold.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/proxima-nova/proxima-nova-semibold.woff") format('woff'), url("/resources/fonts/proxima-nova/proxima-nova-semibold.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Bold";
  src: url("/resources/fonts/proxima-nova/proxima-nova-bold.eot");
  src: url("/resources/fonts/proxima-nova/proxima-nova-bold.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/proxima-nova/proxima-nova-bold.woff") format('woff'), url("/resources/fonts/proxima-nova/proxima-nova-bold.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Rama Gothic Semibold";
  src: url("/resources/fonts/rama-gothic-semibold/290FE4_0_0.eot");
  src: url("/resources/fonts/rama-gothic-semibold/290FE4_0_0.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/rama-gothic-semibold/290FE4_0_0.woff") format('woff'), url("/resources/fonts/rama-gothic-semibold/290FE4_0_0.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Archer Regular";
  src: url("/resources/fonts/archer/archer-regular.eot");
  src: url("/resources/fonts/archer/archer-regular.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/archer/archer-regular.woff") format('woff'), url("/resources/fonts/archer/archer-regular.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
/*

Proxima Nova Regular

Markup:
<span class="proxima-nova-regular">This is Sample Text</span>

Styleguide 2.1.1

*/
.proxima-nova-regular,
.btn,
[class*="btn"],
.eye-brow--text-link,
.eye-brow--dropdown,
.menu__secondary--mega .menu__secondary--mega-menu,
.top-level--link,
.product__breadcrumb--series,
.product__breadcrumb--products,
.table__compare .table__compare__heading--inner,
.table__compare [scope="row"],
.basic-interior__sidebar--list li a,
.basic-interior__sidebar--list .sidebar__heading ul li,
.basic-interior__sidebar--list .sidebar__heading a,
.basic-interior__sidebar--list li a:hover,
.basic-interior__sidebar--list .sidebar__heading ul li a:hover,
.basic-interior__sidebar--list .sidebar__heading a:hover,
.basic-interior__sidebar--list li a:focus,
.basic-interior__sidebar--list .sidebar__heading ul li a:focus,
.basic-interior__sidebar--list .sidebar__heading a:focus,
.basic-interior__sidebar--list li a.is-current,
.basic-interior__sidebar--list .sidebar__heading ul li a.is-current,
.basic-interior__sidebar--list .sidebar__heading a.is-current {
  font-family: "Proxima Nova", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
/*

Proxima Nova Thin

Markup:
<span class="proxima-nova-thin">This is Sample Text</span>

Styleguide 2.1.1

*/
.proxima-nova-thin,
.content__close:before,
[class*='tertiary-heading'],
body,
.body-text,
input,
textarea,
.search-preview .search-preview__results,
[class^="breadcrumb-"] .selected-item,
.format-selector-close:before,
.compare-table--remove-format-button:before,
.compare__delete:before,
.input-hint,
.input-desc,
[class*="input-alert"] {
  font-family: "Proxima Nova", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
/*

Proxima Nova Semibold

Markup:
<span class="proxima-nova-semibold">This is Sample Text</span>

Styleguide 2.1.1

*/
.proxima-nova-semibold,
.menu__product--blurb,
.inner-design-gallery .inner-gallery__text {
  font-family: "Proxima Nova Semibold", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
/*

Proxima Nova Bold

Markup:
<span class="proxima-nova-bold">This is Sample Text</span>

Styleguide 2.1.1

*/
.proxima-nova-bold {
  font-family: "Proxima Nova Bold", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
/*

Rama Gothic Semibold

Markup:
<span class="roma-gothic-semibold">This is Sample Text</span>

*/
.rama-gothic-semibold,
[class*='alternate-heading'],
.banner--hero .hero__blurb--heading {
  font-family: "Rama Gothic Semibold", "Proxima Nova Semibold", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-weight: normal;
}
.rama-gothic-semibold--light {
  font-family: "Rama Gothic Semibold", "Proxima Nova Semibold", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-weight: lighter;
}
/*

Archer Book

Markup:
<span class="archer-book">This is Sample Text</span>

Styleguide 2.1.2

*/
.archer-book,
[class*='secondary-heading'],
.banner--hero .hero__blurb--subtext {
  font-family: "Archer Regular";
  font-weight: 500;
  font-style: normal;
}
/*

Archer Semibold

Markup:
<span class="archer-book">This is Sample Text</span>

Styleguide 2.1.2

*/
.archer-semibold,
[class*='primary-heading'] {
  font-family: "Archer Regular";
  font-weight: 700;
  font-style: normal;
}
/*

Archer Bold

Markup:
<span class="archer-book">This is Sample Text</span>

Styleguide 2.1.2

*/
.archer-bold {
  font-family: "Archer Regular";
  font-weight: 800;
  font-style: normal;
}
.primary-heading,
.secondary-heading,
.tertiary-heading,
.alternate-heading {
  color: #ffffff;
}
.primary-heading--caps,
.secondary-heading--caps,
.tertiary-heading--caps,
.alternate-heading--caps {
  text-transform: uppercase;
}
.primary-heading--underline,
.secondary-heading--underline,
.tertiary-heading--underline,
.alternate-heading--underline {
  position: relative;
  padding-bottom: 0.35714285714285715em;
  margin-bottom: 1.0714285714285714em;
}
.primary-heading--underline:after,
.secondary-heading--underline:after,
.tertiary-heading--underline:after,
.alternate-heading--underline:after {
  -webkit-box-shadow: 0 5px 25px 3px #000000;
  -moz-box-shadow: 0 5px 25px 3px #000000;
  -o-box-shadow: 0 5px 25px 3px #000000;
  box-shadow: 0 5px 25px 3px #000000;
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
}
/*

Primary Heading

*/
/*

Secondary Heading

*/
/*

Tertiary Heading

*/
/*

Alternate Heading

*/
/*

Body Text

*/
body,
.body-text,
.input-hint,
.input-desc,
[class*="input-alert"] {
  color: #ffffff;
}
.list--unstyled,
[class*="list--x"],
.product__listing__formats,
.basic-interior__sidebar--list {
  padding-left: 0;
  list-style: none outside none;
}
/*

Block Quotes

*/
.quote--large {
  padding: 0;
  position: relative;
}
.quote--large__text,
.quote--large__cite {
  background-color: rgba(169, 166, 167, 0.19999999999999996);
}
.quote--large__text {
  display: inline-block;
  margin-top: 0;
  padding: 0.7142857142857143em 1.0714285714285714em 0.7142857142857143em 1.2142857142857142em;
  color: #a9a6a7;
}
.quote--large__cite {
  display: inline-block;
  padding: 0 0.7142857142857143em 0.35714285714285715em 0.7142857142857143em;
  line-height: 1em !important;
}
.quote--large:after {
  content: "";
  width: 1.7857142857142858em;
  position: absolute;
  top: -3px;
  left: -3px;
  bottom: -3px;
  border: 3px solid #ff6600;
  border-right: none;
}
.lte8 .quote--large__text,
.lte8 .quote--large__cite {
  background: url('/resources/images/image--white-pixel--translucent.png') repeat;
}
/*

Typographic Scale

The building blocks for the site's type sizes. Almost exclusively, an element's font size is assigned with one of these classes. If a new size is needed, a new class is created here so it can be used and reused elsewhere.

The list of type sizes can grow or shrink, but be vigilant in keeping the number of sizes to a minimum. A nice rule of thumb is that no two sizes can one pixel in difference (forcing you to choose one over the other, giving you one class where you previously had two).

*/
/*

Super Inch Text

*/
.super-inch-text {
  font-size: 110px;
  font-size: 6.875rem;
  line-height: 1;
}
/*

Medium Inch Text

*/
.medium-inch-text {
  font-size: 80px;
  font-size: 5rem;
  line-height: 1;
}
/*

Inch Text

*/
.inch-text {
  font-size: 72px;
  font-size: 4.5rem;
  line-height: 1.1111111111111112;
}
/*

Canon Text

*/
.canon-text,
.wysiwyg h1,
.wysiwyg .canon-text {
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 1;
}
/*

Paragon Text

*/
.paragon-text,
.content__close:before,
.wysiwyg h2,
.wysiwyg .paragon-text,
.format-selector-close:before,
.compare-table--remove-format-button:before,
.compare__delete:before {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1;
}
/*

Medium-Paragon Text

*/
.medium-paragon-text {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.1111111111111112;
}
/*

Super Paragon Text

*/
.super-paragon-text,
.banner--hero .hero__blurb--heading {
  font-size: 45px;
  font-size: 2.8125rem;
  line-height: 1.1111111111111112;
}
/*

Great Text

*/
.great-text,
.wysiwyg h3,
.wysiwyg .great-text,
.product__listing--title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.25;
}
/*

Super Primer Text

*/
.super-primer-text,
.wysiwyg h4,
.wysiwyg .primer-text {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
}
.super-primer-text--long {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
}
/*

Primer Text

*/
.primer-text,
.formats--item__actions--link,
.menu__secondary--mega .menu__secondary--mega-menu,
.top-level--link,
.banner--hero .hero__blurb--subtext,
.search-preview .search-preview__results .search-preview__results--item .search-preview__results--item-name,
.available-selections li a {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.25;
}
/*

Normal Text

*/
.normal-text,
body,
.body-text,
.wysiwyg h5,
.wysiwyg .normal-text,
.input-hint,
.input-desc,
[class*="input-alert"] {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4285714285714286;
}
/*

Petite Text

*/
.petite-text,
.wysiwyg h6,
.wysiwyg .petite-text,
.search-preview .search-preview__results .search-preview__results--item .search-preview__results--item-type {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.6666666666666667;
}
/*

Minion Text

*/
.minion-text {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
}
@font-face {
  font-family: "mesa-icons";
  src: url("/resources/c/fonts/mesa-icons/mesa-icons.eot");
  src: url("/resources/c/fonts/mesa-icons/mesa-icons.eot?#iefix") format("embedded-opentype"), url("/resources/c/fonts/mesa-icons/mesa-icons.ttf") format("truetype"), url("/resources/c/fonts/mesa-icons/mesa-icons.svg#mesa-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class*="pre-icon--"]:before,
[class*="icon--"]:before,
[class*="post-icon--"]:after,
.modal__primary-image-row .filter-added:before,
[data-btn-type="compare"]:after,
[data-btn-type="customize"]:after,
.link-circle--right:after,
.link-circle--right-small:after,
.link-circle--left-small:after,
.format-selector-breadcrumbs li.selection-made:before,
.icon--find-a-dealer:before,
.search-sidebar__manuals li:before,
.user-manual--search .user-manual--result:after,
.mobile-basic-interior__sidebar .mobile-basic-interior__sidebar--current:before,
.basic-interior__sidebar--list li a:after,
.basic-interior__sidebar--list .sidebar__heading ul li a:after,
.basic-interior__sidebar--list .sidebar__heading a:after,
.flex-direction-nav .flex-prev:after,
.flex-direction-nav .flex-next:after,
.slider-testimonial-image-prev:after,
.slider-testimonial-image-next:after,
.icon-remove:before {
  font-family: "mesa-icons";
  vertical-align: middle;
  font-size: 0.75em;
  white-space: nowrap;
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class*="pre-icon--"]:before,
.link-circle--left-small:after,
.format-selector-breadcrumbs li.selection-made:before,
.icon--find-a-dealer:before,
.mobile-basic-interior__sidebar .mobile-basic-interior__sidebar--current:before {
  padding-right: 0.417em;
}
[class*="post-icon--"]:after,
.link-circle--right:after,
.link-circle--right-small:after,
.basic-interior__sidebar--list li a:after,
.basic-interior__sidebar--list .sidebar__heading ul li a:after,
.basic-interior__sidebar--list .sidebar__heading a:after,
.flex-direction-nav .flex-prev:after,
.flex-direction-nav .flex-next:after,
.slider-testimonial-image-prev:after,
.slider-testimonial-image-next:after {
  padding-left: 0.417em;
}
.pre-icon--action:before,
.icon--action:before,
.post-icon--action:after {
  content: "\f100";
}
.pre-icon--arrow-circle:before,
.icon--arrow-circle:before,
.post-icon--arrow-circle:after {
  content: "\f101";
}
.pre-icon--arrow-left-thick:before,
.icon--arrow-left-thick:before,
.post-icon--arrow-left-thick:after,
.flex-direction-nav .flex-prev:after,
.slider-testimonial-image-prev:after {
  content: "\f102";
}
.pre-icon--arrow-left:before,
.icon--arrow-left:before,
.post-icon--arrow-left:after,
.link-circle--left-small:after {
  content: "\f103";
}
.pre-icon--arrow-right-thick:before,
.icon--arrow-right-thick:before,
.post-icon--arrow-right-thick:after,
.flex-direction-nav .flex-next:after,
.slider-testimonial-image-next:after {
  content: "\f104";
}
.pre-icon--arrow-right:before,
.icon--arrow-right:before,
.post-icon--arrow-right:after,
.link-circle--right:after,
.link-circle--right-small:after,
.basic-interior__sidebar--list li a:after,
.basic-interior__sidebar--list .sidebar__heading ul li a:after,
.basic-interior__sidebar--list .sidebar__heading a:after {
  content: "\f105";
}
.pre-icon--box:before,
.icon--box:before,
.post-icon--box:after {
  content: "\f106";
}
.pre-icon--bulb:before,
.icon--bulb:before,
.post-icon--bulb:after {
  content: "\f107";
}
.pre-icon--check:before,
.icon--check:before,
.post-icon--check:after,
.modal__primary-image-row .filter-added:before,
.format-selector-breadcrumbs li.selection-made:before {
  content: "\f108";
}
.pre-icon--columns:before,
.icon--columns:before,
.post-icon--columns:after {
  content: "\f109";
}
.pre-icon--crosshair:before,
.icon--crosshair:before,
.post-icon--crosshair:after {
  content: "\f10a";
}
.pre-icon--customize:before,
.icon--customize:before,
.post-icon--customize:after {
  content: "\f10b";
}
.pre-icon--delete:before,
.icon--delete:before,
.post-icon--delete:after,
[data-btn-type="compare"]:after,
[data-btn-type="customize"]:after,
.icon-remove:before {
  content: "\f10c";
}
.pre-icon--download:before,
.icon--download:before,
.post-icon--download:after,
.search-sidebar__manuals li:before,
.user-manual--search .user-manual--result:after {
  content: "\f10d";
}
.pre-icon--expand:before,
.icon--expand:before,
.post-icon--expand:after {
  content: "\f10e";
}
.pre-icon--facebook-circ:before,
.icon--facebook-circ:before,
.post-icon--facebook-circ:after {
  content: "\f10f";
}
.pre-icon--fax:before,
.icon--fax:before,
.post-icon--fax:after {
  content: "\f110";
}
.pre-icon--gear:before,
.icon--gear:before,
.post-icon--gear:after {
  content: "\f111";
}
.pre-icon--google-plus-circ:before,
.icon--google-plus-circ:before,
.post-icon--google-plus-circ:after {
  content: "\f112";
}
.pre-icon--instagram-circ:before,
.icon--instagram-circ:before,
.post-icon--instagram-circ:after {
  content: "\f113";
}
.pre-icon--list:before,
.icon--list:before,
.post-icon--list:after {
  content: "\f114";
}
.pre-icon--location:before,
.icon--location:before,
.post-icon--location:after,
.icon--find-a-dealer:before {
  content: "\f115";
}
.pre-icon--mail:before,
.icon--mail:before,
.post-icon--mail:after {
  content: "\f116";
}
.pre-icon--map:before,
.icon--map:before,
.post-icon--map:after {
  content: "\f117";
}
.pre-icon--move:before,
.icon--move:before,
.post-icon--move:after {
  content: "\f118";
}
.pre-icon--nav-down:before,
.icon--nav-down:before,
.post-icon--nav-down:after {
  content: "\f119";
}
.pre-icon--nav-left:before,
.icon--nav-left:before,
.post-icon--nav-left:after {
  content: "\f11a";
}
.pre-icon--nav-right:before,
.icon--nav-right:before,
.post-icon--nav-right:after {
  content: "\f11b";
}
.pre-icon--nav-up:before,
.icon--nav-up:before,
.post-icon--nav-up:after {
  content: "\f11c";
}
.pre-icon--notebook:before,
.icon--notebook:before,
.post-icon--notebook:after {
  content: "\f11d";
}
.pre-icon--phone:before,
.icon--phone:before,
.post-icon--phone:after {
  content: "\f11e";
}
.pre-icon--plus:before,
.icon--plus:before,
.post-icon--plus:after {
  content: "\f11f";
}
.pre-icon--printer:before,
.icon--printer:before,
.post-icon--printer:after {
  content: "\f120";
}
.pre-icon--rows:before,
.icon--rows:before,
.post-icon--rows:after,
.mobile-basic-interior__sidebar .mobile-basic-interior__sidebar--current:before {
  content: "\f121";
}
.pre-icon--search:before,
.icon--search:before,
.post-icon--search:after {
  content: "\f122";
}
.pre-icon--sync:before,
.icon--sync:before,
.post-icon--sync:after {
  content: "\f123";
}
.pre-icon--transfer:before,
.icon--transfer:before,
.post-icon--transfer:after {
  content: "\f124";
}
.pre-icon--twitter-circ:before,
.icon--twitter-circ:before,
.post-icon--twitter-circ:after {
  content: "\f125";
}
.pre-icon--youtube-circ:before,
.icon--youtube-circ:before,
.post-icon--youtube-circ:after {
  content: "\f126";
}
.pre-icon--zheart:before,
.icon--zheart:before,
.post-icon--zheart:after {
  content: "\f127";
}
.pre-icon--zoom-in:before,
.icon--zoom-in:before,
.post-icon--zoom-in:after {
  content: "\f128";
}
.pre-icon--zzchat:before,
.icon--zzchat:before,
.post-icon--zzchat:after {
  content: "\f129";
}
.pre-icon--zzopen-book:before,
.icon--zzopen-book:before,
.post-icon--zzopen-book:after {
  content: "\f12a";
}
/*

Interactive Elements

*/
/*

Buttons

Default interactive button styles. This `.button` class can be applied to `<a>`,
`<button>`, or `<input>` elements. Button color and style classes can be combined
with size classes.

Styleguide 3.1

*/
button[class*="btn"] {
  background-color: transparent;
}
.btn,
[class*="btn"] {
  margin-top: 1.4285714285714286em;
  width: auto;
  height: auto;
  margin: 0;
  line-height: normal;
  text-align: center;
  text-decoration: none;
  position: relative;
  -webkit-appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  outline: 0;
  overflow: visible;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  color: #ffffff;
  padding: 0.7142857142857143em 1.4285714285714286em;
  border: 1px solid #8c8c8c;
}
p > .btn,
p > [class*="btn"] {
  margin-top: 0;
}
[class*="btn"]:hover,
[class*="btn"]:focus,
.btn--is-current {
  color: #ffffff;
  border-color: #ff6600;
}
.btn--tiny {
  font-size: 12px;
  font-size: 0.75rem;
  padding: 0.35714285714285715em 0.6428571428571429em;
}
.btn--small {
  font-size: 12px;
  font-size: 0.75rem;
}
.btn--large {
  font-size: 16px;
  font-size: 1rem;
}
.btn--xlarge {
  font-size: 20px;
  font-size: 1.25rem;
}
.btn--full-width {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn--third {
  width: 33%;
}
.btn--center {
  margin-left: auto;
  margin-right: auto;
  clear: both;
  display: block;
}
.btn--orange {
  border-color: #ff6600;
}
.btn--orange:hover,
.btn--orange:focus {
  color: #ff6600;
}
.btn--orange--fill {
  border-color: #ff6600;
  background-color: #ff6600 !important;
  color: #000000;
}
.btn--orange--fill:hover {
  background-color: #ff944d !important;
  color: #000000;
}
.btn--orange-2 {
  border-color: #ff6600;
}
.btn--orange-2:hover,
.btn--orange-2:focus {
  color: #ff6600;
}
.btn--orange-2--fill {
  border-color: #ff6600;
  background-color: #002329 !important;
  color: #ffffff;
}
.btn--orange-2--fill:hover {
  background-color: #003943 !important;
  color: #ff6600;
}
button[disabled][class*="btn"],
button[disabled="disabled"][class*="btn"],
button[disabled][class*="btn"]:hover,
button[disabled="disabled"][class*="btn"]:hover,
button[disabled][class*="btn"]:focus,
button[disabled="disabled"][class*="btn"]:focus {
  color: #a9a6a7;
  border-color: #a9a6a7;
}
#clear-filters {
  margin-top: 40px;
}
.text-link {
  color: #ff6600;
}
.text-link:hover {
  color: #ff944d;
}
a,
.link,
.list--x--pgs a[href] {
  color: #ffffff;
  text-decoration: none;
}
a:hover,
.link:hover,
a:focus,
.link:focus,
a.is-current,
.link.is-current,
.list--x--pgs a[href]:hover,
.list--x--pgs a[href]:focus,
.list--x--pgs a[href].is-current {
  color: #ff6600;
}
.link--orange {
  color: #ff6600;
}
.link--orange:hover,
.link--orange:focus,
.link--orange.is-current {
  color: #ff8533;
}
.link--unlink {
  color: #ffffff;
}
.link--unlink:hover,
.link--unlink:focus {
  color: #ffffff;
}
.link--underline {
  text-decoration: underline;
}
.link-circle--right {
  right: 0;
  top: -7px;
}
.link-circle--right:before,
.link-circle--right:after {
  position: absolute;
  bottom: 5px;
}
.link-circle--right:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  content: "";
  width: 23px;
  height: 23px;
  padding-right: 0;
  right: 0;
  bottom: 10px;
  border: 1px solid #ff6600;
}
.link-circle--right:after {
  font-size: 12px;
  font-size: 0.75rem;
  right: 2px;
  bottom: 13px;
}
.link-circle--right-small,
.link-circle--left-small {
  position: relative;
}
.link-circle--right-small:before,
.link-circle--left-small:before,
.link-circle--right-small:after,
.link-circle--left-small:after {
  position: absolute;
  top: 50%;
}
.link-circle--right-small:before,
.link-circle--left-small:before {
  -webkit-border-radius: 0.9285714285714286em;
  -moz-border-radius: 0.9285714285714286em;
  -o-border-radius: 0.9285714285714286em;
  border-radius: 0.9285714285714286em;
  font-size: 12px;
  font-size: 0.75rem;
  content: "";
  margin-top: -0.7142857142857143em;
  border: 1px solid #ff6600;
  width: 1.4285714285714286em;
  height: 1.4285714285714286em;
}
.link-circle--right-small:after,
.link-circle--left-small:after {
  font-size: 8px;
  font-size: 0.5rem;
  font-weight: bold;
}
.link-circle--right-small {
  padding-right: 2.142857142857143em;
}
.link-circle--right-small:before {
  padding-right: 0;
  right: -2px;
}
.link-circle--right-small:after {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 4px;
}
.blog-spotlight--article-desc .link-circle--right-small:after {
  right: -1px;
}
.blog-post__navigation--next .link-circle--right-small:after {
  right: -29px !important;
}
.link-circle--left-small {
  padding-left: 2.142857142857143em;
}
.link-circle--left-small:before {
  left: -2px;
  padding-left: 0;
}
.link-circle--left-small:after {
  left: 5px;
  margin-top: -0.7142857142857143em;
  font-weight: bold;
  width: 1.1428571428571428em;
  line-height: 1.7142857142857142em;
}
.link-underline--orange {
  padding: 5px 0;
}
.link-underline--orange:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 102, 0, 0.7);
}
/*

Forms

*/
/*

Basic Themed Elements

Style `input`s/`textarea`s and set them to `width: 100%` to adapt to the width of their wrapper. (Great for grids.)

*/
input,
textarea {
  font-size: 16px;
  font-size: 1rem;
  width: 100%;
  font-size: 1em;
  padding: 0.8571428571428571em;
  outline: none;
  color: #ffffff;
  background-color: #212121;
  border: 1px solid #464646;
}
input:hover,
textarea:hover,
input:focus,
textarea:focus,
input:active,
textarea:active,
input.is-current,
textarea.is-current {
  z-index: 1;
}
input[type="checkbox"],
input[type="radio"] {
  width: auto;
}
.lte7 input[type="checkbox"],
.lte7 input[type="radio"] {
  width: 13px;
}
textarea {
  height: 5.714285714285714em;
}
select {
  width: auto;
  max-width: 100%;
  font-size: 0.8125em;
}
.input-label input,
.input-label textarea,
.input-label select {
  margin-top: 0.35714285714285715em;
  margin-bottom: 0.35714285714285715em;
}
button[type="submit"] {
  background-color: transparent;
}
/*

Useful Input Widths

Useful widths for form inputs, both fixed- and fluid-width.

*/
.input--eighth {
  width: 12.5%;
}
.input--quarter {
  width: 25%;
}
.input--half {
  width: 50%;
}
.input--xxxs {
  max-width: 2.142857142857143em;
}
.input--xxs {
  max-width: 3.5714285714285716em;
}
.input--xs {
  max-width: 7.142857142857143em;
}
.input--s {
  max-width: 12.5em;
}
.input--m {
  max-width: 17.857142857142858em;
}
.input--l {
  max-width: 25em;
}
/*

Input Label

*/
/*

Input Label with Hint

*/
.input-label,
.input-hint,
.input-desc {
  display: block;
}
.input-label {
  padding-top: 1.4285714285714286em;
}
.input-hint {
  color: #a9a6a7;
  margin-top: 0.35714285714285715em;
}
.input-desc {
  margin-top: 0em;
}
.fieldset {
  margin-top: 1.4285714285714286em;
  padding-bottom: 1.4285714285714286em;
}
.checkbox-list {
  margin-top: 0.7142857142857143em;
}
legend + .checkbox-list {
  margin-top: 0em;
}
legend .input-label {
  padding-bottom: 0.35714285714285715em;
}
legend + .input-desc {
  /* Positioning */
  position: relative;
  top: -0.35714285714285715em;
}
/*

Form Validation

*/
.is-successful input,
.is-successful textarea,
.is-successful select {
  border-color: #0b9a45;
}
.is-erroneous input,
.is-erroneous textarea,
.is-erroneous select {
  border-color: #e63c4d;
}
/*

Form Messaging

*/
[class*="input-alert"] {
  /* Display & Box Model */
  display: inline-block;
  /* Pretty */
  color: #184b6f;
}
.input-alert--warning {
  color: #ec8e04;
}
.input-alert--error {
  color: #e63c4d;
}
.input-alert--success {
  color: #0b9a45;
}
.input-label {
  position: relative;
}
.input-label.error input {
  border-color: #ff6600;
}
.input-label .bubble.error {
  display: block;
  max-width: 80%;
  padding: 1.4285714285714286em 1.2857142857142858em;
  position: absolute;
  bottom: 90%;
  left: 0;
  color: #ff6600;
  background-color: #211605;
  border: 1px solid #ff6600;
  line-height: 1em;
}
.input-label .bubble.error:before,
.input-label .bubble.error:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 1.4285714285714286em;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.input-label .bubble.error:before {
  border-top: 10px solid #ff6600;
}
.input-label .bubble.error:after {
  margin-top: -1px;
  border-top: 10px solid #211605;
}
/**
 * Mobile Grid
 */
@media all and (max-width: 47.9375em) {
  .gs-hide {
    display: none;
  }
  [class*="gs-row"] {
    margin-left: -0.8571428571428571em;
    margin-right: -0.8571428571428571em;
  }
  .lte7 [class*="gs-row"] {
    zoom: 1;
  }
  [class*="gs-row"]:before,
  [class*="gs-row"]:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden;
  }
  [class*="gs-row"]:after {
    clear: both;
  }
  ul[class*="gs-row"] {
    padding-left: 0;
    list-style: none outside none;
  }
  .gs-row--rtl > [class*="gcs"] {
    float: right;
  }
  .gs-row--ltr > [class*="gcs"] {
    float: left;
  }
  .gs-row--flex {
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
  }
  .gs-row--flex > [class*="gcs"] {
    float: none;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .gs-row .opera-only :-o-prefocus,
  .gs-row--flex {
    word-spacing: -0.43em;
  }
  [class*="gcs"] {
    display: inline;
    float: left;
    padding-left: 0.8571428571428571em;
    padding-right: 0.8571428571428571em;
  }
  .gs-quarter,
  [class*="s-quarter"] {
    width: 25%;
  }
  .gs-third,
  [class*="s-third"] {
    width: 33.33333%;
  }
  .gs-half,
  [class*="s-half"] {
    width: 50%;
  }
  .gs-two-thirds,
  [class*="s-two-thirds"],
  .series-hero-slider {
    width: 66.66667%;
  }
  .gs-three-quarters,
  [class*="s-three-quarters"] {
    width: 75%;
  }
  .gs-full,
  [class*="s-full"] {
    width: 100%;
  }
}
/**
 * Tablet Grid
 */
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  .gm-hide {
    display: none;
  }
  [class*="gm-row"] {
    margin-left: -1.1428571428571428em;
    margin-right: -1.1428571428571428em;
  }
  .lte7 [class*="gm-row"] {
    zoom: 1;
  }
  [class*="gm-row"]:before,
  [class*="gm-row"]:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden;
  }
  [class*="gm-row"]:after {
    clear: both;
  }
  ul[class*="gm-row"] {
    padding-left: 0;
    list-style: none outside none;
  }
  .gm-row--rtl > [class*="gcm"] {
    float: right;
  }
  .gm-row--ltr > [class*="gcm"] {
    float: left;
  }
  .gm-row--flex {
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
  }
  .gm-row--flex > [class*="gcm"] {
    float: none;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .gm-row .opera-only :-o-prefocus,
  .gm-row--flex {
    word-spacing: -0.43em;
  }
  [class*="gcm"] {
    display: inline;
    float: left;
    padding-left: 1.1428571428571428em;
    padding-right: 1.1428571428571428em;
  }
  .gm-quarter,
  [class*="m-quarter"],
  [class*="m-2of8"] {
    width: 25%;
  }
  .gm-third,
  [class*="m-third"],
  [class*="m-3of9"],
  [class*="m-2of6"] {
    width: 33.33333%;
  }
  .gm-half,
  [class*="m-half"],
  [class*="m-4of8"],
  [class*="m-3of6"] {
    width: 50%;
  }
  .gm-two-thirds,
  [class*="m-two-thirds"],
  [class*="m-6of9"],
  [class*="m-4of6"],
  .series-hero-slider {
    width: 66.66667%;
  }
  .gm-three-quarters,
  [class*="m-three-quarters"],
  [class*="m-6of8"] {
    width: 75%;
  }
  .gm-full,
  [class*="m-full"] {
    width: 100%;
  }
  [class*="m-8of9"] {
    width: 88.88889%;
  }
  [class*="m-7of9"] {
    width: 77.77778%;
  }
  [class*="m-5of9"] {
    width: 55.55556%;
  }
  [class*="m-4of9"] {
    width: 44.44444%;
  }
  [class*="m-2of9"] {
    width: 22.22222%;
  }
  [class*="m-1of9"] {
    width: 11.11111%;
  }
  [class*="m-7of8"] {
    width: 87.5%;
  }
  [class*="m-5of8"] {
    width: 62.5%;
  }
  [class*="m-3of8"] {
    width: 37.5%;
  }
  [class*="m-1of8"] {
    width: 12.5%;
  }
  [class*="m-6of7"] {
    width: 85.71429%;
  }
  [class*="m-5of7"] {
    width: 71.42857%;
  }
  [class*="m-4of7"] {
    width: 57.14286%;
  }
  [class*="m-3of7"] {
    width: 42.85714%;
  }
  [class*="m-2of7"] {
    width: 28.57143%;
  }
  [class*="m-1of7"] {
    width: 14.28571%;
  }
  [class*="m-5of6"] {
    width: 83.33333%;
  }
  [class*="m-1of6"] {
    width: 16.66667%;
  }
  [class*="m-4of5"] {
    width: 80%;
  }
  [class*="m-3of5"] {
    width: 60%;
  }
  [class*="m-2of5"] {
    width: 40%;
  }
  [class*="m-1of5"] {
    width: 20%;
  }
}
/**
 * Desktop Grid
 */
/*

@pattern: Desktop Grid
<div class="gl-row">
    <div class="gcl-quarter">
        <div class="block">Quarter</div>
    </div>
    <div class="gcl-quarter">
        <div class="block">Quarter</div>
    </div>
    <div class="gcl-quarter">
        <div class="block">Quarter</div>
    </div>
    <div class="gcl-quarter">
        <div class="block">Quarter</div>
    </div>
</div>
<div class="gl-row">
    <div class="gcl-third">
        <div class="block">Third</div>
    </div>
    <div class="gcl-third">
        <div class="block">Third</div>
    </div>
    <div class="gcl-third">
        <div class="block">Third</div>
    </div>
</div>
<div class="gl-row">
    <div class="gcl-half">
        <div class="block">Half</div>
    </div>
    <div class="gcl-half">
        <div class="block">Half</div>
    </div>
</div>
<div class="gl-row">
    <div class="gcl-two-thirds">
        <div class="block">Two Thirds</div>
    </div>
    <div class="gcl-third">
        <div class="block">Third</div>
    </div>
</div>
<div class="gl-row">
    <div class="gcl-three-quarters">
        <div class="block">Three Quarters</div>
    </div>
    <div class="gcl-quarter">
        <div class="block">Quarter</div>
    </div>
</div>

*/
@media all and (min-width: 62em) {
  .gl-hide {
    display: none;
  }
  [class*="gl-row"] {
    margin-left: -1.2857142857142858em;
    margin-right: -1.2857142857142858em;
  }
  .lte7 [class*="gl-row"] {
    zoom: 1;
  }
  [class*="gl-row"]:before,
  [class*="gl-row"]:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden;
  }
  [class*="gl-row"]:after {
    clear: both;
  }
  ul[class*="gl-row"] {
    padding-left: 0;
    list-style: none outside none;
  }
  .gl-row {
    /*

Media Grid

The Media Grid allows you to place a grid of photos or videos (catalog or
retail products, etc.) without floating them, alleviating the need to concern
yourself with clearing the floats should an object extend further than another.

The `.object` class is applied to the list item. You then apply grid-system
classes to the `.object` to constrain the widths.

*/
    /*

@pattern: Media Grid
<ul class="gs-row--flex gm-row--flex gl-row--flex">
    <li class="gcs-half gcm-third gcl-third">
        <figure class="figure">
            <img src="http://placehold.it/400">
            <figcaption>Alderaan is peaceful. We have no weapons.</figcaption>
        </figure>
    </li>
    <li class="gcs-half gcm-third gcl-third">
        <figure class="figure">
            <img src="http://placehold.it/400">
        </figure>
    </li>
    <li class="gcs-half gcm-third gcl-third">
        <figure class="figure">
            <img src="http://placehold.it/400">
            <figcaption>Alderaan is peaceful. We have no weapons.</figcaption>
        </figure>
    </li>
    <li class="gcs-half gcm-third gcl-third">
        <figure class="figure">
            <img src="http://placehold.it/400">
        </figure>
    </li>
    <li class="gcs-half gcm-third gcl-third">
        <figure class="figure">
            <img src="http://placehold.it/400">
            <figcaption>Alderaan is peaceful. We have no weapons.</figcaption>
        </figure>
    </li>
    <li class="gcs-half gcm-third gcl-third">
        <figure class="figure">
            <img src="http://placehold.it/400">
        </figure>
    </li>
    <li class="gcs-half gcm-third gcl-third">
        <figure class="figure">
            <img src="http://placehold.it/400">
        </figure>
    </li>
</ul>

*/
  }
  .gl-row--rtl > [class*="gcl"] {
    float: right;
  }
  .gl-row--ltr > [class*="gcl"] {
    float: left;
  }
  .gl-row--flex {
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
  }
  .gl-row--flex > [class*="gcl"] {
    float: none;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .gl-row .opera-only :-o-prefocus,
  .gl-row--flex {
    word-spacing: -0.43em;
  }
  [class*="gcl"] {
    display: inline;
    float: left;
    padding-left: 1.2857142857142858em;
    padding-right: 1.2857142857142858em;
  }
  .gl-quarter,
  [class*="l-quarter"],
  [class*="l-3of12"],
  [class*="l-2of8"] {
    width: 25%;
  }
  .gl-third,
  [class*="l-third"],
  [class*="l-4of12"],
  [class*="l-3of9"],
  [class*="l-2of6"] {
    width: 33.33333%;
  }
  .gl-half,
  [class*="l-half"],
  [class*="l-6of12"],
  [class*="l-5of10"],
  [class*="l-4of8"],
  [class*="l-3of6"],
  .series-hero-slider {
    width: 50%;
  }
  .gl-two-thirds,
  [class*="l-two-thirds"],
  [class*="l-8of12"],
  [class*="l-6of9"],
  [class*="l-4of6"] {
    width: 66.66667%;
  }
  .gl-three-quarters,
  [class*="l-three-quarters"],
  [class*="l-9of12"],
  [class*="l-6of8"] {
    width: 75%;
  }
  .gl-full,
  [class*="l-full"] {
    width: 100%;
  }
  [class*="l-11of12"] {
    width: 91.66667%;
  }
  [class*="l-10of12"] {
    width: 83.33333%;
  }
  [class*="l-7of12"] {
    width: 58.33333%;
  }
  [class*="l-5of12"] {
    width: 41.66667%;
  }
  [class*="l-2of12"] {
    width: 16.66667%;
  }
  [class*="l-1of12"] {
    width: 8.33333%;
  }
  [class*="l-10of11"] {
    width: 90.90909%;
  }
  [class*="l-9of11"] {
    width: 81.81818%;
  }
  [class*="l-8of11"] {
    width: 72.72727%;
  }
  [class*="l-7of11"] {
    width: 63.63636%;
  }
  [class*="l-6of11"] {
    width: 54.54545%;
  }
  [class*="l-5of11"] {
    width: 45.45455%;
  }
  [class*="l-4of11"] {
    width: 36.36364%;
  }
  [class*="l-3of11"] {
    width: 27.27273%;
  }
  [class*="l-2of11"] {
    width: 18.18182%;
  }
  [class*="l-1of11"] {
    width: 9.09091%;
  }
  [class*="l-9of10"] {
    width: 90%;
  }
  [class*="l-8of10"] {
    width: 80%;
  }
  [class*="l-7of10"] {
    width: 70%;
  }
  [class*="l-6of10"] {
    width: 60%;
  }
  [class*="l-4of10"] {
    width: 40%;
  }
  [class*="l-3of10"] {
    width: 30%;
  }
  [class*="l-2of10"] {
    width: 20%;
  }
  [class*="l-1of10"] {
    width: 10%;
  }
  [class*="l-8of9"] {
    width: 88.88889%;
  }
  [class*="l-7of9"] {
    width: 77.77778%;
  }
  [class*="l-5of9"] {
    width: 55.55556%;
  }
  [class*="l-4of9"] {
    width: 44.44444%;
  }
  [class*="l-2of9"] {
    width: 22.22222%;
  }
  [class*="l-1of9"] {
    width: 11.11111%;
  }
  [class*="l-7of8"] {
    width: 87.5%;
  }
  [class*="l-5of8"] {
    width: 62.5%;
  }
  [class*="l-3of8"] {
    width: 37.5%;
  }
  [class*="l-1of8"] {
    width: 12.5%;
  }
  [class*="l-6of7"] {
    width: 85.71429%;
  }
  [class*="l-5of7"] {
    width: 71.42857%;
  }
  [class*="l-4of7"] {
    width: 57.14286%;
  }
  [class*="l-3of7"] {
    width: 42.85714%;
  }
  [class*="l-2of7"] {
    width: 28.57143%;
  }
  [class*="l-1of7"] {
    width: 14.28571%;
  }
  [class*="l-5of6"] {
    width: 83.33333%;
  }
  [class*="l-1of6"] {
    width: 16.66667%;
  }
  [class*="l-4of5"] {
    width: 80%;
  }
  [class*="l-3of5"] {
    width: 60%;
  }
  [class*="l-2of5"] {
    width: 40%;
  }
  [class*="l-1of5"] {
    width: 20%;
  }
}
@media all and (max-width: 47.9375em) {
  /*

    Off-Canvas Trigger (Mobile Only)

    */
  .js .off-canvas {
    overflow: hidden;
  }
  .js .off-canvas.is-active .canvas__primary {
    margin-right: -110%;
  }
  .js .off-canvas.is-active .canvas__secondary {
    margin-left: 0;
  }
  .js .off-canvas.is-active .canvas__primary,
  .js .off-canvas.was-active .canvas__primary,
  .js .off-canvas.is-active .canvas__secondary,
  .js .off-canvas.was-active .canvas__secondary {
    -webkit-transition: all 0.15s linear 0s;
    -moz-transition: all 0.15s linear 0s;
    -o-transition: all 0.15s linear 0s;
    transition: all 0.15s linear 0s;
  }
  .js .canvas__primary,
  .js .canvas__secondary {
    width: 100%;
  }
  .js .canvas__primary {
    /* Display & Box Model */
    margin-left: 0;
    /* Positioning */
    z-index: 1;
  }
  .js .canvas__secondary {
    /* Display & Box Model */
    margin-left: -100%;
    /* Positioning */
    z-index: 2;
  }
}
/*

Tables

*/
/*

Default Tables

Simple, clean default styles. Just mark it up like a normal table.

*/
table {
  width: 100%;
  max-width: 100%;
}
table th,
table td {
  padding: 2.142857142857143em;
  vertical-align: top;
}
table th {
  padding-top: 0.7142857142857143em;
}
table tr {
  background-color: #2e2e2e;
}
table thead tr {
  background-color: transparent;
}
table.third-two-thirds tr {
  width: 100%;
}
table.third-two-thirds tr td:first-of-type {
  width: 33.33333%;
}
table.third-two-thirds tr td + td {
  width: 66.66667%;
}
table th {
  border-bottom: 0.07142857142857142em solid #000000;
}
table th + th,
table td + td {
  border-left: 0.07142857142857142em solid #000000;
}
table tr + tr td {
  border-top: 0.07142857142857142em solid #000000;
}
@media all and (min-width: 30em) {
  table th,
  table td {
    padding: 0.7142857142857143em 1.2857142857142858em;
  }
  table th {
    padding-top: 0.7142857142857143em;
  }
}
/*

Panel

Used to provide messaging to the user, whether it be direct or through calls to action. 
The panel typically indicates a visual separation and implied sub-grouping of its content.

*/
.panel,
[class*="panel-"] {
  margin-top: 1.4285714285714286em;
  padding: 2.857142857142857em;
  background-color: #f2f1f1;
}
.panel > :first-child,
[class*="panel-"] > :first-child {
  margin-top: 0;
}
[class*="panel--thin"] {
  padding: 1.4285714285714286em;
}
/*

Alert Panel

This variation of the standard `.panel` is used specifically for delivering 
direct messages to the user, whether they be informative, complimentary, 
or preventative.

*/
[class*="panel--alert"] {
  color: #ffffff;
}
[class*="panel--alert"] h1,
[class*="panel--alert"] h2,
[class*="panel--alert"] h3,
[class*="panel--alert"] h4,
[class*="panel--alert"] h5,
[class*="panel--alert"] h6 {
  color: inherit;
}
.panel--alert {
  background: #184b6f;
}
.panel--alert--error {
  background: #e63c4d;
}
.panel--alert--success {
  background: #0b9a45;
}
.wysiwyg.basic-interior {
  padding-right: 25%;
  color: #cfcdcd;
}
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
  margin-top: 1.3em;
}
.wysiwyg h1 {
  margin-top: 0;
  margin-right: -25%;
}
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h5 {
  color: #ffffff;
}
.wysiwyg h1,
.wysiwyg .canon-text {
  font-family: "Archer Regular";
}
.wysiwyg h2,
.wysiwyg .paragon-text {
  font-family: "Archer Regular";
  font-weight: lighter;
}
.wysiwyg h4,
.wysiwyg .primer-text {
  font-family: "Archer Regular";
  font-weight: lighter;
}
.wysiwyg p {
  line-height: 1.6;
}
.wysiwyg a {
  color: #ff6600;
}
.wysiwyg a:hover {
  color: #ff8533;
}
.wysiwyg .figure,
.wysiwyg .figure .figcaption {
  text-align: center;
  color: #ffffff;
}
.wysiwyg .figure img,
.wysiwyg .figure .figcaption img {
  height: auto;
}
.wysiwyg .figure .figcaption {
  width: 300px;
  margin: auto;
}
.wysiwyg .figure .figcaption p {
  margin-top: 0.7142857142857143em;
}
.wysiwyg .hanging-img--right {
  margin: 1.7857142857142858em -12.5em 1.4285714285714286em 1.4285714285714286em;
  float: right;
}
@media screen and (max-width: 525px) {
  .wysiwyg .hanging-img--right {
    float: none;
    width: 100%;
    margin: 0;
    padding: 1.4285714285714286em 0;
    text-align: center;
  }
  .wysiwyg .hanging-img--right img {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 526px) and (max-width: 991px) {
  .wysiwyg .hanging-img--right {
    margin-right: 0;
  }
}
.wysiwyg .media-hang--right {
  width: 60%;
  margin: 1.4285714285714286em -12.5em 1.4285714285714286em 1.4285714285714286em;
  float: right;
  clear: right;
  text-align: center;
  color: #c7c7c7;
}
.wysiwyg .media-hang--right img {
  display: block;
  margin-bottom: 1.4285714285714286em;
}
@media screen and (max-width: 525px) {
  .wysiwyg .media-hang--right {
    float: none;
    width: 100%;
    margin: 0;
    padding: 1.4285714285714286em 0;
    text-align: center;
  }
  .wysiwyg .media-hang--right img {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 526px) and (max-width: 991px) {
  .wysiwyg .media-hang--right {
    margin-right: 0;
  }
}
.wysiwyg .js-picture-zoom,
.wysiwyg .img--treatment {
  padding: 0.7142857142857143em;
  background-color: #212121;
  border: 0.07142857142857142em solid #8c8c8c;
  line-height: 0;
}
.wysiwyg.blog-post .hanging-img--right {
  margin: 1.7857142857142858em 0 1.4285714285714286em 1.4285714285714286em;
}
.wysiwyg.blog-post .media-hang--right {
  margin: 1.4285714285714286em 0 1.4285714285714286em 1.4285714285714286em;
}
.wysiwyg ul {
  padding-left: 15px;
}
.wysiwyg li {
  margin-bottom: 1.0714285714285714em;
}
.wysiwyg blockquote {
  font-size: 16px;
  font-size: 1rem;
  padding-left: 5.714285714285714em;
  position: relative;
}
.wysiwyg blockquote p {
  position: relative;
  padding-left: 1.0714285714285714em;
}
.wysiwyg blockquote p:after {
  content: "";
  position: absolute;
  top: 0;
  left: -3px;
  bottom: -3px;
  border-right: 3px solid #ff6600;
}
.wysiwyg blockquote.quote--large {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 0;
  position: relative;
}
.wysiwyg blockquote.quote--large p,
.wysiwyg blockquote.quote--large cite {
  background-color: rgba(169, 166, 167, 0.19999999999999996);
}
.lte8 .wysiwyg blockquote.quote--large p,
.lte8 .wysiwyg blockquote.quote--large cite {
  background: url('/resources/images/image--white-pixel--translucent.png') repeat;
}
.wysiwyg blockquote.quote--large p {
  display: inline-block;
  margin-top: 0;
  padding: 0.7142857142857143em 1.0714285714285714em 0.7142857142857143em 1.2142857142857142em;
}
.wysiwyg blockquote.quote--large p:after {
  content: none;
}
.wysiwyg blockquote.quote--large cite {
  font-size: 24px;
  font-size: 1.5rem;
  color: #ffffff;
  display: inline-block;
  padding: 0.35714285714285715em 0.7142857142857143em 0.35714285714285715em 0.7142857142857143em;
  line-height: 1em !important;
  font-family: "Proxima Nova Semibold", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
.wysiwyg blockquote.quote--large cite span,
.wysiwyg blockquote.quote--large cite a {
  font-size: 12px;
  font-size: 0.75rem;
  display: inline-block;
  font-family: "Proxima Nova", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
.wysiwyg blockquote.quote--large cite a {
  color: #ff6600;
}
.wysiwyg blockquote.quote--large cite a:hover {
  color: #ff8533;
}
.wysiwyg blockquote.quote--large cite span {
  color: #ffffff;
}
.wysiwyg blockquote.quote--large:after {
  content: "";
  width: 1.7857142857142858em;
  position: absolute;
  top: -3px;
  left: -3px;
  bottom: -3px;
  border: 3px solid #ff6600;
  border-right: none;
}
.js-bg-img {
  /* background-image, etc. */
  position: relative;
  overflow: hidden;
}
.fake-bg-content {
  position: relative;
  z-index: 20;
}
.fake-bg-wrapper {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 10;
}
.fake-bg-is-ready .fake-bg-wrapper {
  top: 0;
  bottom: 0;
}
.fake-bg-image {
  max-width: none;
  position: absolute;
  top: auto;
  bottom: 0;
}
.fake-bg-top-offset .fake-bg-image {
  width: 100%;
  height: auto;
}
.fake-bg-left-offset .fake-bg-image {
  width: auto;
  height: 100%;
}
/**
 * Base
 */
small {
  font-size: 16px;
  font-size: 1rem;
  padding-left: 0.35714285714285715em;
}
::-webkit-input-placeholder {
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: italic;
}
:-moz-placeholder {
  /* older Firefox*/
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: italic;
}
::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: italic;
}
:-ms-input-placeholder {
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: italic;
}
.white-text {
  color: #ffffff !important;
}
.bg-black {
  background-color: #000000;
}
.bg-black-opaque {
  background-color: rgba(0, 0, 0, 0.85);
}
.bg-main-grey {
  background-color: #292929;
}
.bg-grey {
  background-color: #a9a6a7;
}
.bg-orange {
  background-color: #ff6600;
}
.bg-dark-grey {
  background-color: #141414;
}
.bg-dark-grey-2 {
  background-color: #3e3e3e;
}
.bg-dark-grey-3 {
  background-color: #2e2e2e;
}
.bg-dark-grey-4 {
  background-color: #212121;
}
.medium-icon:before,
.medium-icon:after {
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  top: 2px;
}
.bg-translucent-blue {
  background: rgba(0, 35, 41, 0.85);
  display: inline-block;
}
.lte8 .bg-translucent-blue {
  background: url('/resources/images/image--blue-pixel--translucent.png') repeat;
}
.bg-translucent-black {
  background: rgba(3, 3, 3, 0.85);
}
.lte8 .bg-translucent-black {
  background: url('/resources/images/image--black-pixel--translucent.png') repeat;
}
.bg-translucent-black--light {
  background: rgba(3, 3, 3, 0.7);
  width: inherit;
}
.lte8 .bg-translucent-black--light {
  background: url('/resources/images/image--black-pixel--translucent2.png') repeat;
}
.bg-translucent-black--light-2 {
  background: rgba(3, 3, 3, 0.7);
}
.lte8 .bg-translucent-black--light-2 {
  background: url('/resources/images/image--black-pixel--translucent2.png') repeat;
}
.text--white {
  color: #ffffff;
}
.text--grey {
  color: #a9a6a7 !important;
}
.text--orange {
  color: #ff6600 !important;
}
.line-height--long {
  line-height: 1.5;
}
.text--italic {
  font-style: italic;
}
.text--uppercase {
  text-transform: uppercase;
}
.text--capitalize {
  text-transform: capitalize;
}
.text--light {
  font-weight: lighter;
}
.border-bottom--orange {
  border-bottom: 0.07142857142857142em solid #ff6600;
}
.border-bottom--light-grey {
  border-bottom: 0.07142857142857142em solid #b6b3b4;
}
.accent-line--bottom {
  position: relative;
  padding: 1.0714285714285714em 0;
}
.accent-line--bottom:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 300px;
  left: 50%;
  margin-left: -150px;
  background: #ff6600;
}
.accent-line--bottom-no-padding {
  position: relative;
}
.accent-line--bottom-no-padding:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 300px;
  left: 50%;
  margin-left: -150px;
  background: #ff6600;
}
.accent-line--top {
  position: relative;
}
.accent-line--top:after {
  content: "";
  position: absolute;
  top: 0;
  height: 1px;
  width: 300px;
  left: 50%;
  margin-left: -150px;
  background: #ff6600;
}
/*

Padding

*/
.impact-banner--padding-med {
  padding-top: 2.142857142857143em;
  padding-bottom: 2.857142857142857em;
}
.impact-banner--padding {
  padding-top: 11.428571428571429em;
  padding-bottom: 5.714285714285714em;
}
.impact-banner--padding-2 {
  padding-top: 8.571428571428571em;
  padding-bottom: 10em;
}
.impact-banner--padding-3 {
  padding-top: 12.142857142857142em;
  padding-bottom: 11.428571428571429em;
}
.impact-banner--padding-4 {
  padding-top: 14.285714285714286em;
  padding-bottom: 16.428571428571427em;
}
.pb-xl {
  padding-bottom: 7.857142857142857em !important;
}
.pb-xxl {
  padding-bottom: 10.714285714285714em !important;
}
.banner--padding {
  padding-top: 3.5714285714285716em;
  padding-bottom: 3.5714285714285716em;
}
.inline-block,
.formats--item__actions--link,
.link-circle--right,
.link-circle--right-small,
.link-circle--left-small,
.link-circle--left-small {
  display: inline-block;
}
.main-header {
  background-color: #292929;
}
.bg-hero-home {
  background: #000000 url('/resources/images/home/bg-hero-image.jpg') no-repeat center top;
  background-size: cover;
}
/*

Navigation

*/
.mobile-main-nav__menu:before,
.mobile-main-nav__search:before {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1;
  padding-right: 0;
}
.eye-brow__container {
  background-color: #000000;
}
.eye-brow__listing {
  position: relative;
}
.eye-brow__listing [class*="shop-logo"] {
  position: absolute;
  top: -5px;
}
.eye-brow__listing [class*="shop-logo"] img {
  width: 50px;
}
.eye-brow__listing .shop-logo__hollywood {
  right: 75px;
}
.eye-brow__listing .shop-logo__mesa {
  right: 10px;
}
.lte8 .eye-brow__listing li {
  display: block;
  float: left;
}
.eyebrow__search-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: 4px;
}
.lte8 .eyebrow__search-icon {
  margin-top: 2px;
}
.eye-brow--text-link {
  color: #888;
}
.eye-brow--text-link:hover,
.eye-brow--text-link:focus {
  color: #ffffff;
}
.eye-brow--dropdown {
  color: #ffffff;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.eye-brow--dropdown:hover,
.eye-brow--dropdown:focus {
  background-color: #ff6600;
  background-color: rgba(255, 102, 0, 0.8);
}
.eye-brow--dropdown .eye-brow--dropdown-label-active {
  background-color: #ff6600;
  color: #ffffff;
}
.eye-brow--dropdown .eye-brow--dropdown-label-icon {
  margin-bottom: -5px;
  margin-top: 2px;
}
.eye-brow--dropdown .eye-brow--dropdown-menu {
  display: none;
}
.eye-brow--dropdown .eye-brow--dropdown-menu-active {
  position: absolute;
  right: 0;
  top: 33px;
  z-index: 900;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.9);
  border: 1px solid #ff6600;
}
.eye-brow--dropdown .eye-brow--dropdown-menu-active .eye-brow--dropdown-menu-list {
  padding: 0;
  margin: 0;
}
.eye-brow--dropdown .eye-brow--dropdown-menu-active .eye-brow--dropdown-menu-item {
  display: block;
  white-space: nowrap;
  width: 100%;
}
.eye-brow--dropdown .eye-brow--dropdown-menu-active .eye-brow--dropdown-menu-item:hover,
.eye-brow--dropdown .eye-brow--dropdown-menu-active .eye-brow--dropdown-menu-item:focus {
  background-color: #212121;
}
.eye-brow--dropdown .eye-brow--dropdown-menu-active .eye-brow--dropdown-menu-item .eye-brow--dropdown-menu-item-logo {
  clear: left;
  display: inline-block;
  vertical-align: middle;
  width: 70px;
  text-align: center;
}
.eye-brow--dropdown .eye-brow--dropdown-menu-active .eye-brow--dropdown-menu-item .eye-brow--dropdown-menu-item-logo img {
  clear: left;
  max-width: 70px;
  max-height: 70px;
  vertical-align: middle;
  border: 0;
}
.eye-brow--dropdown .eye-brow--dropdown-menu-active .eye-brow--dropdown-menu-item .eye-brow--dropdown-menu-item-label {
  clear: left;
  display: inline-block;
  vertical-align: middle;
}
.logo-container {
  margin-top: 22px;
}
@media screen and (max-width: 767px) {
  .logo-container {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 950px) {
  .logo-container {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }
}
/*

Custom List Styles

*/
.list--custom-bullets li {
  padding: 0 0.7142857142857143em;
  position: relative;
}
.list--custom-bullets li:before {
  -webkit-border-radius: 1000em;
  -moz-border-radius: 1000em;
  -o-border-radius: 1000em;
  border-radius: 1000em;
  content: "";
  position: absolute;
  top: 0.35714285714285715em;
  left: -0.2857142857142857em;
  background: #ffffff;
  width: 0.2857142857142857em;
  height: 0.2857142857142857em;
}
.list--custom-bullets li:first-child:before {
  background: none;
}
/*

Product Spotlight (on Home Page)

*/
.hot-product--wrapper {
  position: relative;
  overflow: hidden;
}
.js .hot-product--wrapper img {
  width: 100%;
}
.hot-product--wrapper:hover {
  color: #ffffff;
}
.hot-product--wrapper:hover h3 {
  color: #ff6600;
}
.hot-product--name {
  position: absolute;
  left: 0;
  bottom: 1.7857142857142858em;
}
.hot-product--name h3,
.hot-product--name h4 {
  float: left;
}
.lte8 .hot-product--name > div {
  /* Mixins */
}
.lte7 .lte8 .hot-product--name > div {
  zoom: 1;
}
.lte8 .hot-product--name > div:before,
.lte8 .hot-product--name > div:after {
  content: "\0020";
  height: 0;
  display: block;
  overflow: hidden;
}
.lte8 .hot-product--name > div:after {
  clear: both;
}
.home-blog--name {
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: 1.7857142857142858em;
}
.home-blog--name h3 {
  display: block;
}
.home-blog--name h4 {
  float: left;
}
.lte8 .home-blog--name > div {
  /* Mixins */
}
.lte7 .lte8 .home-blog--name > div {
  zoom: 1;
}
.lte8 .home-blog--name > div:before,
.lte8 .home-blog--name > div:after {
  content: "\0020";
  height: 0;
  display: block;
  overflow: hidden;
}
.lte8 .home-blog--name > div:after {
  clear: both;
}
.featured-spotlight--name-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1.7857142857142858em;
}
.featured-spotlight--name-wrapper .featured-spotlight--name {
  padding: 1.5em 6em;
}
.featured-spotlight--name-wrapper span {
  display: block;
}
.featured-spotlight--name-wrapper span:first-child {
  display: inline-block;
}
.lte8 .featured-spotlight--name-wrapper > div {
  /* Mixins */
}
.lte7 .lte8 .featured-spotlight--name-wrapper > div {
  zoom: 1;
}
.lte8 .featured-spotlight--name-wrapper > div:before,
.lte8 .featured-spotlight--name-wrapper > div:after {
  content: "\0020";
  height: 0;
  display: block;
  overflow: hidden;
}
.lte8 .featured-spotlight--name-wrapper > div:after {
  clear: both;
}
.featured-spotlight--name-wrapper h2 {
  padding-bottom: 10px;
}
.featured-spotlight--name-wrapper h3 {
  padding-top: 10px;
}
.hot-product--wrapper:hover .featured-spotlight--name-wrapper {
  color: #ffffff;
}
.hot-product--wrapper:hover .featured-spotlight--name-wrapper h2 {
  color: #ff6600;
}
.hot-product--wrapper:hover .featured-spotlight--name-wrapper h3 {
  color: #ffffff;
}
.featured-product-item,
.featured-blog-post {
  padding-top: 25em;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.featured-section {
  min-height: 350px;
  padding: 4em 3em;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.featured-section button {
  width: 100%;
}
.home-page--title-padding {
  padding: 10px 30px;
}
.banner--table-row {
  width: 100%;
  display: table;
}
.banner--table-row .banner--table-column {
  width: 33.33%;
  display: table-cell;
  vertical-align: bottom;
}
@media (max-width: 767px) {
  .banner--table-row .banner--table-column {
    width: 100%;
    display: block;
    padding-bottom: 50px;
  }
  .banner--table-row .banner--table-column:last-child {
    padding-bottom: 0;
  }
}
/*

Shopping Steps (on Home Page)

*/
.icon--floating-badge--top,
.icon--shopping-step {
  position: absolute;
  top: -82px;
  left: 50%;
  margin-left: -53px;
}
.icon--floating-badge--bottom-left {
  position: absolute;
  width: 20% !important;
  bottom: 20px;
  left: 25px;
}
@media (max-width: 767px) {
  .icon--floating-badge--bottom-left {
    width: 14% !important;
  }
}
/*

Artist and Blog Spotlight (on Home Page)

*/
.wrapper--wide-container {
  max-width: 114.28571428571429em;
  margin: auto;
}
.blog-spotlight {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  background: url('/resources/images/home/bg-blog-spotlight.png') no-repeat center center;
  background-size: cover;
}
.blog-spotlight--article-img--wrapper {
  height: 22.5em;
}
.blog-spotlight--article-img--wrapper:hover .blog-spotlight--article-desc {
  padding-bottom: 2.142857142857143em;
}
.blog-landing__featured-post {
  height: 28.571428571428573em;
}
.blog-landing__featured-post:hover .blog-spotlight--article-desc {
  padding-bottom: 2.142857142857143em;
}
.blog-landing__featured-post--secondary {
  height: 11.571428571428571em;
  overflow: hidden;
}
.blog-landing__featured-post--secondary:hover .blog-spotlight--article-desc {
  padding-bottom: 2.142857142857143em;
}
.bg-article1-img {
  background: url('/resources/images/home/bg-article1.jpg') no-repeat center center;
  background-size: cover;
}
.bg-article2-img {
  background: url('/resources/images/home/bg-article2.jpg') no-repeat center center;
  background-size: cover;
}
.bg-article3-img {
  background: url('/resources/images/home/bg-article3.jpg') no-repeat center center;
  background-size: cover;
}
.blog-spotlight--article-desc {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.4285714285714286em;
  transition: padding 0.2s ease;
}
.artist-spotlight {
  background: no-repeat center center;
  background-size: cover;
  height: 510px;
  padding-top: 22.857142857142858em;
}
.main-nav {
  border-bottom: 0.07142857142857142em solid #ff6600;
}
@media screen and (min-width: 768px) and (max-width: 950px) {
  .main-nav__top-level {
    width: 100% !important;
    display: block !important;
    float: none !important;
    text-align: center !important;
  }
}
.menu__secondary {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 800;
  overflow: hidden;
  border-top: 0.07142857142857142em solid #ff6600;
  border-bottom: 0.07142857142857142em solid #ff6600;
  background-color: #141414;
}
.menu__secondary .reveal__target {
  overflow: hidden;
}
.menu__secondary--mega .menu__secondary--mega-menu {
  display: table;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.menu__secondary--mega .menu__secondary--mega-menu .menu__secondary--mega-menu-item {
  display: table-cell;
  width: 225px;
  padding: 50px 25px;
  text-align: center;
  vertical-align: middle;
}
.menu__secondary--mega .menu__secondary--mega-menu .menu__secondary--mega-menu-item .menu__product {
  padding-bottom: 0;
}
.menu__secondary--tab-nav ul {
  margin: 6.142857142857143em 0;
}
.menu__secondary--tab-nav a {
  display: block;
  padding: 1.7857142857142858em 1.7857142857142858em;
  position: relative;
}
.menu__secondary--tab-nav a.is-current {
  background-color: #212121;
  border-right: none;
  border: 1px solid #b34700;
}
.menu__secondary--tab-nav a.is-current:after {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -2px;
  z-index: 200;
  background-color: #212121;
}
.menu__secondary--listing {
  padding: 2.857142857142857em 1.25em 4.285714285714286em 3.5714285714285716em;
}
.menu__product {
  display: block;
  position: relative;
  padding-bottom: 1.0714285714285714em;
}
.menu__product figcaption {
  position: relative;
}
.menu__product:hover .menu__product--blurb,
.menu__product:focus .menu__product--blurb {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  bottom: -25px;
}
.menu__product--blurb {
  display: block;
  width: 250px;
  margin-left: -125px;
  position: absolute;
  bottom: -35px;
  left: 50%;
  z-index: 500;
  color: #ff6600;
  opacity: 0;
  font-style: italic;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.2s 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s 0.2s ease-in-out 0s;
  -o-transition: all 0.2s 0.2s ease-in-out 0s;
  transition: all 0.2s 0.2s ease-in-out 0s;
  -webkit-transition-timing-function: 1s;
  -moz-transition-timing-function: 1s;
  -o-transition-timing-function: 1s;
  transition-timing-function: 1s;
}
.product__nav--container {
  padding-top: 1.7857142857142858em;
  background: #000000 url('/resources/images/ui/bg-inner-product-nav.jpg') no-repeat center top;
  background-size: cover;
  border-bottom: 1px solid #404040;
}
.product__nav--container .product__nav-product-listing {
  max-width: 81%;
}
.lte8 .product__nav--container .product__nav-product-listing {
  max-width: 700px;
}
.top-level--link {
  padding: 2.142857142857143em 1.0714285714285714em;
  text-transform: uppercase;
}
.top-level--link:hover,
.top-level--link.is-current {
  position: relative;
  color: #ffffff;
}
.top-level--link:hover:after,
.top-level--link.is-current:after {
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #ff6600;
}
.top-level--link:focus,
.top-level--link.is-revealed {
  color: #ff6600;
}
@media screen and (min-width: 768px) and (max-width: 950px) {
  .top-level--link {
    padding: 1.0714285714285714em !important;
  }
}
.product__breadcrumb--series {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.1111111111111112;
  padding-bottom: 0.2777777777777778em;
  text-transform: uppercase;
}
.product__breadcrumb--series:hover,
.product__breadcrumb--series:focus,
.product__breadcrumb--series.is-current {
  position: relative;
}
.product__breadcrumb--series:hover a,
.product__breadcrumb--series:focus a,
.product__breadcrumb--series.is-current a {
  color: #ffffff;
}
.product__breadcrumb--series:hover:after,
.product__breadcrumb--series:focus:after,
.product__breadcrumb--series.is-current:after {
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #ff6600;
}
.product__breadcrumb--products {
  padding-bottom: 0.7142857142857143em;
}
.product__breadcrumb--products.is-current {
  color: #ff6600;
}
.product__listing--animated .listing__img,
.menu__product .listing__img {
  top: 0;
  left: 0;
  z-index: 100;
}
.product__listing--animated .listing__shadow,
.menu__product .listing__shadow {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 50;
}
.product__listing--animated .missing__img,
.menu__product .missing__img {
  opacity: 0.75;
}
.lte8 #compare-content .listing__shadow {
  margin-left: -100px;
}
.lte8 #customize-content .listing__shadow {
  margin-left: -110px;
}
.basic-interior__container {
  padding-top: 2.142857142857143em;
}
.action-bar {
  padding: 2.857142857142857em 0;
  background-color: #000000;
}
.action-bar:after {
  -webkit-box-shadow: 0 0 45px 15px #121212;
  -moz-box-shadow: 0 0 45px 15px #121212;
  -o-box-shadow: 0 0 45px 15px #121212;
  box-shadow: 0 0 45px 15px #121212;
  content: "";
  width: 100%;
  height: 0;
  position: absolute;
  top: 100%;
  left: 0;
}
[class*="banner--hero"] {
  position: relative;
  overflow: hidden;
}
.hero--content-container {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 0 !important;
  line-height: 0;
}
.hero--content-container img {
  width: 100%;
}
.hero--content-container .hero--overlay-content {
  position: relative;
  text-align: center;
}
.hero--content-container .hero--overlay-content .bg-translucent-blue {
  padding: 1.5em 3em;
}
@media (max-width: 767px) {
  .hero--content-container .hero--overlay-content .bg-translucent-blue {
    padding: 1em;
  }
}
.hero--content-container .hero--overlay-content h2 {
  padding: 0 0.5em 0.05em;
  border-bottom: 1px solid #ff6600;
}
@media (max-width: 767px) {
  .hero--content-container .hero--overlay-content h2 {
    border: none;
  }
}
.hero--content-container .hero--overlay-content h3 {
  margin-top: 0.6em;
}
@media (max-width: 767px) {
  .hero--content-container .hero--overlay-content h3 {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .hero--content-container .hero--overlay-content {
    position: absolute;
    bottom: 2.857142857142857em;
    left: 0;
    right: 0;
  }
}
.image-content--container {
  display: block;
  position: relative;
  height: auto;
  overflow: hidden;
  padding: 0 !important;
}
.image-content--container img {
  width: 100%;
}
.image-content--container img.image-content--image-w-auto {
  width: auto;
  max-width: inherit;
}
@media (max-width: 767px) {
  .image-content--container img.image-content--image-mobile-full {
    width: 100%;
  }
}
.image-content--container .image-content--content {
  position: relative;
}
@media (min-width: 768px) {
  .image-content--container .image-content--content {
    position: absolute;
    bottom: 2.857142857142857em;
    left: 0;
    right: 0;
  }
}
@media (min-width: 768px) {
  .image-content--container .image-content--content-bottom {
    bottom: 0;
  }
}
.banner--hero iframe,
.banner--hero object,
.banner--hero embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner--hero__img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.banner--hero--series,
.banner--hero--product {
  height: 0;
}
.banner--hero--series {
  padding-bottom: 28.571428571428573em;
}
.banner--hero--series .wrapper {
  padding-bottom: 28.571428571428573em;
}
.banner--hero--product {
  padding-bottom: 42.857142857142854em;
}
.banner--hero--product .wrapper {
  padding-bottom: 42.857142857142854em;
}
.banner--hero--design-gallery {
  background: #000000 url(/resources/images/design-gallery/design-gallery-banner.jpg) no-repeat center top;
  background-size: contain;
}
.banner--hero--swatch-gallery {
  background: #000000 url(/resources/images/design-gallery/swatch-gallery-banner.jpg) no-repeat center top;
  background-size: contain;
}
.banner--hero .hero__blurb {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 50;
}
.banner--hero .hero__blurb--heading,
.banner--hero .hero__blurb--subtext {
  text-transform: uppercase;
}
.banner--hero .hero__blurb--heading {
  display: inline-block;
  padding: 0.4888888888888889em 0.7111111111111111em;
  background-color: rgba(0, 0, 0, 0.85);
  letter-spacing: 1px;
}
.banner--hero .hero__blurb--subtext {
  max-width: 65%;
  padding: 1.125em 1.875em;
  background-color: rgba(1, 27, 40, 0.85);
}
.banner--hero .banner--hero__video-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  z-index: 0;
}
.banner--hero .banner--hero__video {
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.banner--hero .banner--hero__video-close {
  color: #ffffff;
}
.banner--hero .banner--hero__video-close:hover,
.banner--hero .banner--hero__video-close:focus {
  color: rgba(255, 255, 255, 0.8);
}
.banner--hero .banner--hero__video-icon {
  position: absolute;
  top: 20px;
  right: 80px;
  display: block;
  height: 40px;
  width: 40px;
  fill: currentColor;
  transition: color 120ms ease-in;
}
.hero--home {
  padding: 35.714285714285715em 0 2.857142857142857em;
  position: relative;
  overflow: hidden;
}
.hero--home__img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.hero--home__text {
  position: relative;
  z-index: 300;
}
.hero--home a:hover {
  color: #ffffff;
}
.hero--home a:hover h2 {
  color: #ff6600;
}
.hero--home .home-hero-wrapper {
  max-width: 57.142857142857146em;
}
@media (min-width: 550px) {
  .hero--home .home-hero-wrapper {
    min-width: 39.285714285714285em;
  }
}
.hero--home h2 {
  position: relative;
  border: none !important;
}
.hero--home h2.accent-line:after {
  content: '';
  width: 75%;
  height: 1px;
  background-color: #ff6600;
  bottom: 0;
  left: 50%;
  right: 0;
  position: absolute;
  transform: translateX(-50%);
}
@media (min-width: 550px) {
  .hero--home h2.accent-line:after {
    width: 450px;
  }
}
.hero--home .scroll-down-arrow {
  display: block;
  position: relative;
  cursor: pointer;
}
.hero--home .scroll-down-arrow:before {
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  font-size: 30px;
  content: "\f119";
  font-family: "mesa-icons";
  vertical-align: middle;
  white-space: nowrap;
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition-property: bottom;
  transition-duration: .25s;
  transition-delay: 0s;
}
.hero--home .scroll-down-arrow:hover:before {
  color: #ff6600;
  bottom: 25px;
}
.js-slider--home-page .slide-set .slide a:last {
  margin-top: 20px;
}
.hero-video--image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-size: cover;
}
.hero-video--image .wrapper {
  height: 100%;
  position: relative;
  padding-bottom: 0;
}
.hero-video--image .hero-video--content {
  position: absolute;
  bottom: 40px;
  left: 0;
}
.hero-video--image .hero-video--content .hero-video--title,
.hero-video--image .hero-video--content .hero-video--sub-title {
  padding-right: 60px;
}
.hero-video--image .hero-video--play-icon {
  position: absolute;
  top: 20%;
  left: 0;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
  cursor: pointer;
  opacity: .8;
}
.hero-video--image .hero-video--play-icon img {
  width: 100%;
  max-width: 150px;
}
.banner--wooden {
  padding-top: 7.142857142857143em;
  padding-bottom: 5.357142857142857em !important;
  background-image: url('/resources/images/home/bg-wood.jpg');
}
.banner--wooden-2 {
  background-image: url('/resources/images/home/bg-wood-2.jpg');
}
.banner--wooden-3 {
  background-image: url('/resources/images/about/bg-wood-3.jpg');
}
.banner--wooden-4 {
  background-image: url('/resources/images/about/bg-wood-4.jpg');
}
.banner--dark-texture {
  background-image: url('/resources/images/about/bg--dark-texture.jpg');
}
.banner--dark-texture-2 {
  background-image: url('/resources/images/about/bg--dark-texture-2.jpg');
}
.banner--dark-texture-3 {
  background-image: url('/resources/images/blog/bg--dark-texture-3.jpg');
}
.banner--map-large {
  background-image: url('/resources/images/about/bg--map-large.jpg');
}
.banner--map-small-1 {
  background-image: url('/resources/images/support/image--map1.jpg');
}
.banner--map-small-2 {
  background-image: url('/resources/images/support/image--map2.jpg');
}
.banner--404-error {
  background-image: url('/resources/images/error/bg--mesa_factory.jpg');
}
.banner--artist {
  padding-top: 1.4285714285714286em;
  padding-bottom: 1.4285714285714286em;
}
.banner--wooden,
.banner--wooden-2,
.banner--wooden-3,
.banner--wooden-4,
.banner--dark-texture,
.banner--dark-texture-2,
.banner--dark-texture-3,
.banner--map-large,
.banner--map-small-1,
.banner--map-small-2,
.banner--404-error,
.banner--artist {
  background-repeat: no-repeat;
  background-position: center top;
}
.banner--wooden,
.banner--wooden-2,
.banner--wooden-3,
.banner--wooden-4,
.banner--dark-texture,
.banner--dark-texture-2,
.banner--dark-texture-3,
.banner--map-large,
.banner--map-small-1,
.banner--map-small-2,
.banner--404-error,
.banner--artist {
  background-size: cover;
}
.banner--arrow--orange {
  position: relative;
  background: #ff6600;
  padding: 1.0714285714285714em 1.4285714285714286em;
}
.banner--arrow--orange:before {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  bottom: -40px;
  border: 1.4285714285714286em solid transparent;
  border-top: 1.4285714285714286em solid #cc5200;
  border-right: 0;
}
.banner--arrow-wrapper .banner--arrow--image-wrapper {
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
}
.banner--arrow-wrapper .banner--arrow--image-wrapper img.banner--arrow--image {
  width: 100%;
  float: none;
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}
.hidden-archive-years .hidden-archive-years--handle {
  display: none;
}
.filter-options__list-heading {
  background: #2e2e2e;
  padding: 1.5714285714285714em 1.4285714285714286em;
  margin-top: 0;
  text-transform: uppercase;
}
.filter-options ul,
.filter-options ol {
  margin-top: 0;
}
.filter-options li a {
  display: block;
  border-bottom: 1px solid #2e2e2e;
  padding: 0.7142857142857143em 1.4285714285714286em;
  background: #212121;
  position: relative;
}
.filter-options li a:hover {
  background: #505050;
  color: #ff6600;
}
.filter-options li:last-child a {
  border-bottom-width: 0;
}
.grid--small-gutters[class*='gl-row'] {
  margin-left: -0.8571428571428571em;
  margin-right: -0.8571428571428571em;
}
.grid--small-gutters [class*='gcl-'] {
  padding-left: 0.8571428571428571em;
  padding-right: 0.8571428571428571em;
}
.blog-landing__post-preview--section-wrapper {
  margin-right: -0.7857142857142857em;
  margin-left: -0.7857142857142857em;
}
.blog-landing__post-preview--section-wrapper .blog-spotlight--article-img--wrapper {
  height: inherit;
  min-height: 22.5em;
  overflow-x: hidden;
}
.blog-landing__post-preview--section-wrapper .blog-spotlight--article-img--wrapper img {
  display: block;
  min-height: 22.5em;
  max-width: inherit;
  width: 100%;
}
.blog-landing__post-preview {
  width: 205px;
  margin: 25px;
}
.grid-sizer,
.masonry-brick {
  width: 33.33333%;
}
.masonry-brick {
  float: left;
  padding: 0 10px;
}
.gutter-sizer {
  width: 4%;
}
.blog-spotlight--article-img--wrapper {
  background-image: url('/resources/images/blog/image--vintage-drawing.jpg');
}
.blog-post__main-image {
  width: 100%;
  text-align: center;
}
.blog-post__navigation {
  padding: 0 2.5em;
}
.blog-post__navigation--next {
  text-align: right;
}
.blog-post__navigation .link-circle--left-small {
  padding-left: 0;
}
.blog-post__navigation .link-circle--left-small:before {
  left: -35px;
}
.blog-post__navigation .link-circle--left-small:after {
  left: -29px;
}
.blog-post__navigation .link-circle--right-small {
  padding-right: 0;
}
.blog-post__navigation .link-circle--right-small:before {
  right: -2.5em;
}
.blog-post__navigation .link-circle--right-small:after {
  right: -2.7142857142857144em;
}
.blog__newsletter-signup img {
  margin-right: auto;
  margin-left: auto;
}
.banner--blog-post--john-and-boogie5 {
  background: url('/resources/images/blog/image--blog--john-and-boogie-5-band.jpg') no-repeat;
  background-size: cover;
}
.banner--blog-post--made-in-USA {
  background: url('/resources/images/blog/image--blog--made-in-USA.jpg') no-repeat;
  background-size: cover;
}
.banner--blog-post--santana-visit {
  background: url('/resources/images/blog/image--blog--santana-visit.jpg') no-repeat;
  background-size: cover;
}
.banner--artist .artist__image {
  border: 15px solid rgba(0, 0, 0, 0.75);
}
.banner--artist .artist__heading {
  padding: 2.142857142857143em;
  position: absolute;
  left: 100%;
  bottom: 2.857142857142857em;
  background-color: rgba(1, 27, 40, 0.85);
}
@media screen and (max-width: 767px) {
  .banner--artist .artist__heading {
    position: initial;
  }
}
.banner--artist .icon--action {
  font-size: 36px;
  font-size: 2.25rem;
  position: relative;
  top: 3px;
  color: #ff6600;
}
.lte8 .banner--artist .artist__image {
  border-color: #000000;
}
.lte8 .banner--artist .artist__heading {
  background-color: #011b28;
}
.artist-disclaimer {
  margin-top: 50px;
}
.artist-listing div:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
/*

Series Page Timeline

*/
.timeline__section {
  margin-bottom: 3.5714285714285716em;
  position: relative;
  background-color: rgba(0, 0, 0, 0.5);
}
.timeline__container {
  padding: 2.857142857142857em;
}
.lte8 .timeline__container {
  top: -5.714285714285714em;
}
.timeline__list {
  margin-top: -2.142857142857143em;
}
.timeline__nav-item {
  position: relative;
  overflow: hidden;
}
.timeline__nav-item:before {
  -webkit-transition: background-color 0.25s 0.2s ease-in-out 0s;
  -moz-transition: background-color 0.25s 0.2s ease-in-out 0s;
  -o-transition: background-color 0.25s 0.2s ease-in-out 0s;
  transition: background-color 0.25s 0.2s ease-in-out 0s;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 90;
  background-color: rgba(0, 0, 0, 0.4);
}
.timeline__nav-item:hover:before,
.timeline__nav-item:focus:before {
  background-color: rgba(0, 0, 0, 0.6);
}
.timeline__nav-item:hover .timeline__nav-item--titles,
.timeline__nav-item:focus .timeline__nav-item--titles {
  -webkit-transform: translate(0, -45%);
  -moz-transform: translate(0, -45%);
  -o-transform: translate(0, -45%);
  -ms-transform: translate(0, -45%);
  transform: translate(0, -45%);
}
.timeline__nav-item:hover .timeline__nav-item--blurb,
.timeline__nav-item:focus .timeline__nav-item--blurb {
  top: 55%;
}
.timeline__nav-item--text {
  width: 100%;
  padding: 0 0.7142857142857143em;
  position: absolute;
  top: 5.714285714285714em;
  left: 0;
  z-index: 100;
  color: #ffffff;
}
.timeline__nav-item--titles,
.timeline__nav-item--blurb {
  -webkit-transition: all 0.25s 0.2s ease-in-out 0s;
  -moz-transition: all 0.25s 0.2s ease-in-out 0s;
  -o-transition: all 0.25s 0.2s ease-in-out 0s;
  transition: all 0.25s 0.2s ease-in-out 0s;
}
.timeline__nav-item--blurb {
  padding: 0.7142857142857143em;
  margin-left: -7.857142857142857em;
  position: absolute;
  top: 280%;
  left: 50%;
}
.product__listing--title {
  margin-top: 0.4166666666666667em;
}
.product__listing--title:hover,
.product__listing--title:focus {
  color: #ff6600;
}
.product__listing--meta {
  padding: 0.4166666666666667em 0.7142857142857143em;
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff;
  background-color: #ff6600;
  font-size: 12px;
  font-size: 0.75rem;
}
.product__listing__meta--in-page {
  display: block;
  margin-right: 1em;
  margin-top: 0.5px;
  padding: 0.25em 1em;
  float: left;
  color: #ffffff;
  background-color: #ff6600;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
}
.product__listing__formats--item {
  padding: 0.35714285714285715em 3.5714285714285716em 0.35714285714285715em 0;
}
.format__actions li {
  border-left: 1px solid #a9a6a7;
}
.format__actions li:first-of-type {
  border-left: none;
}
.format__actions a {
  color: #ff6600;
}
.format__actions a:hover,
.format__actions a:focus {
  color: #ff8533;
}
/*

Find a Dealer & Find a Repair

*/
.location-search__form form {
  display: table;
  width: 100%;
}
.location-search__form form .location-search__form-column {
  display: table-cell;
}
.location-search__form form .location-search__form-column h3,
.location-search__form form .location-search__form-column input,
.location-search__form form .location-search__form-column button {
  width: 100%;
}
.location-search__form form .location-search__form-column:nth-child(1) {
  width: 25%;
  padding-right: 15px;
}
.location-search__form form .location-search__form-column:nth-child(2) {
  width: 50%;
}
.location-search__form form .location-search__form-column:nth-child(3) {
  width: 25%;
  padding-left: 15px;
}
.location-search__form:first-child {
  text-align: left;
}
.location-search__form:last-child {
  text-align: right;
}
.js-location-detect {
  position: absolute;
  top: 50%;
  right: 0.3333333333333333em;
  -webkit-transform: translate(0, -45%);
  -moz-transform: translate(0, -45%);
  -o-transform: translate(0, -45%);
  -ms-transform: translate(0, -45%);
  transform: translate(0, -45%);
}
.country-link {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 200;
}
.dealer__modal-inner {
  width: 600px;
  padding: 30px;
  position: absolute;
  top: 100%;
  left: 100%;
  z-index: 300;
  background-color: #cfcdcd;
}
.dealer__modal-inner.is-showing {
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.dealer__init--link {
  padding-top: 3px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}
.dealer__init--link.is-current {
  background-color: #cfcdcd;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  -o-border-top-right-radius: 5px;
  -o-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.side-bar--link {
  float: left;
}
.side-bar--link.is-current {
  text-decoration: underline;
}
[class*="tool-tip__target"] {
  display: block;
  min-width: 7.142857142857143em;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #212121;
  color: #ffffff;
  opacity: 0;
  -webkit-transform: translate(-50%, -120%);
  -moz-transform: translate(-50%, -120%);
  -o-transform: translate(-50%, -120%);
  -ms-transform: translate(-50%, -120%);
  transform: translate(-50%, -120%);
  -webkit-transition: all 0.25s 0.2s ease-in-out 0s;
  -moz-transition: all 0.25s 0.2s ease-in-out 0s;
  -o-transition: all 0.25s 0.2s ease-in-out 0s;
  transition: all 0.25s 0.2s ease-in-out 0s;
}
[class*="tool-tip__target"]:after {
  content: "";
  margin-left: -0.7142857142857143em;
  position: absolute;
  bottom: -0.6428571428571429em;
  left: 50%;
  border-top: 0.7142857142857143em solid #212121;
  border-left: 0.7142857142857143em solid transparent;
  border-right: 0.7142857142857143em solid transparent;
}
.tool-tip__target {
  padding: 0.4166666666666667em 0.8333333333333334em;
  font-size: 12px;
  font-size: 0.75rem;
}
.tool-tip__target--medium {
  padding: 0.35714285714285715em 0.7142857142857143em;
  font-size: 14px;
  font-size: 0.875rem;
}
.tool-tip__trigger {
  display: inline-block !important;
  position: relative;
}
.tool-tip__trigger:hover .tool-tip__target,
.tool-tip__trigger:hover .tool-tip__target--medium {
  opacity: 1;
  -webkit-transform: translate(-50%, -110%);
  -moz-transform: translate(-50%, -110%);
  -o-transform: translate(-50%, -110%);
  -ms-transform: translate(-50%, -110%);
  transform: translate(-50%, -110%);
}
.search-preview {
  position: absolute;
  background-color: #212121;
  z-index: 1000;
}
.search-preview .search-preview__results {
  list-style: none;
  margin: 0;
  padding: 0;
}
.search-preview .search-preview__results li {
  border-top: 1px solid rgba(207, 205, 205, 0.15000000000000002);
}
.search-preview .search-preview__results li:first-of-type {
  border-top: 0;
}
.search-preview .search-preview__results .search-preview__results--item {
  display: block;
  padding: 0.7142857142857143em 1.4285714285714286em;
}
.search-preview .search-preview__results .search-preview__results--item .search-preview__results--item-name {
  font-weight: bold;
}
.table__compare {
  table-layout: fixed;
  position: relative;
  overflow-x: hidden;
}
.table__compare .product-compare__nav-left,
.table__compare .product-compare__nav-right {
  display: none;
}
.table__compare .product-header-products {
  background: none;
}
.table__compare .product-header-products th,
.table__compare .product-header-products td {
  position: relative;
  border: none;
  vertical-align: bottom;
}
.table__compare .product-header-products th .compare-table--remove-format,
.table__compare .product-header-products td .compare-table--remove-format {
  color: #ff6600;
}
.table__compare .product-header-products th:nth-child(1),
.table__compare .product-header-products td:nth-child(1) {
  position: relative;
  padding: 0px;
}
.table__compare .product-header-products th:nth-child(1) .table__compare__heading--inner,
.table__compare .product-header-products td:nth-child(1) .table__compare__heading--inner {
  width: 100%;
  height: 100px;
  position: relative;
}
.table__compare .product-header-products th:nth-child(1) .table__compare__heading--inner .table__compare__heading--content,
.table__compare .product-header-products td:nth-child(1) .table__compare__heading--inner .table__compare__heading--content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.table__compare .table__compare__heading-row .table__compare__heading--inner {
  position: relative;
}
.table__compare .table__compare__heading-row .table__compare__heading--inner:after {
  content: "";
  width: 350%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 100%;
  background-color: #212121;
}
.table__compare .table__compare__heading--inner {
  border-right: 0;
  border-color: #212121;
  background-color: #ff6600;
  color: #212121;
  text-transform: uppercase;
}
.table__compare [class*="product-headers"] th {
  width: 25% !important;
  padding-bottom: 1.4285714285714286em;
  position: relative;
  bottom: -6.214285714285714em;
  left: 0;
  border: 0;
  text-transform: none;
  vertical-align: top;
}
.table__compare .product-headers--long {
  height: 25em;
}
.table__compare .product-headers--long td,
.table__compare .product-headers--long th {
  width: 25% !important;
}
.table__compare .product__listing--title {
  font-size: 20px;
  font-size: 1.25rem;
}
.table__compare td,
.table__compare th {
  width: 25% !important;
  padding: 2.142857142857143em 2.142857142857143em 1.9285714285714286em 2.142857142857143em;
}
.table__compare th {
  border-bottom: 0;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  text-align: left;
  text-transform: uppercase;
}
.table__compare [scope="row"] {
  background-color: #212121;
}
.compare-table__product-heading {
  position: relative;
}
.compare-table__product-heading h2 {
  max-height: 1.85em;
}
.compare-table__product-heading h3 {
  max-height: 1.25em;
}
.compare-table__product-heading h2,
.compare-table__product-heading h3 {
  max-height: 100%;
  width: 100%;
  max-width: 180px;
  overflow: hidden;
}
.compare-table__product-heading.is-fixed {
  position: fixed;
  top: 0;
  z-index: 1500;
}
.table__compare-fixed-bar {
  width: 100%;
  height: 7.142857142857143em;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  background-color: #212121;
  border-bottom: 1px solid #000000;
}
.available-selections li a {
  margin-right: 0.7142857142857143em;
  margin-bottom: 0.7142857142857143em;
}
.format-selector-breadcrumbs {
  counter-reset: section;
}
.format-selector-breadcrumbs li {
  padding: 0 0 0.35714285714285715em;
}
.format-selector-breadcrumbs li:before {
  content: counters(section, ".") " ";
  counter-increment: section;
  padding-right: 0.35714285714285715em;
  color: #a9a6a7;
}
.format-selector-breadcrumbs li.selection-made:before {
  position: relative;
  top: -2px;
  color: #ff6600;
}
[class^="breadcrumb-"].is-current,
[class^="breadcrumb-"].is-current .no-selection {
  color: #ff6600;
}
[class^="breadcrumb-"].is-current:before,
[class^="breadcrumb-"].is-current .no-selection:before {
  color: #ff6600;
}
[class^="breadcrumb-"] .not-applicable,
[class^="breadcrumb-"] .no-selection {
  color: #a9a6a7;
}
[class^="breadcrumb-"] .selected-item {
  margin-left: 1.4285714285714286em;
  color: #a9a6a7;
  font-style: italic;
}
[class^="breadcrumb-"].selection-made:hover {
  cursor: pointer;
}
.breadcrumb-confirmation {
  color: #a9a6a7;
}
.breadcrumb-confirmation.is-current {
  color: #ff6600;
}
.format-selector-close,
.compare-table--remove-format-button,
.compare__delete {
  display: block;
  width: 2.857142857142857em;
  height: 2.857142857142857em;
  position: absolute;
  top: 0.7142857142857143em;
  right: 1.4285714285714286em;
  z-index: 500;
  border: 1px solid #ff6600;
  background-color: transparent;
  outline: none;
  -webkit-border-radius: 1000em;
  -moz-border-radius: 1000em;
  -o-border-radius: 1000em;
  border-radius: 1000em;
}
.format-selector-close:hover:before,
.compare-table--remove-format-button:hover:before,
.compare__delete:hover:before,
.format-selector-close:focus:before,
.compare-table--remove-format-button:focus:before,
.compare__delete:focus:before {
  color: #ff6600;
}
.format-selector-close:before,
.compare-table--remove-format-button:before,
.compare__delete:before {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "x";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #cfcdcd;
}
.lte8 .format-selector-close:before,
.lte8 .compare-table--remove-format-button:before,
.lte8 .compare__delete:before {
  margin-top: -17px;
  margin-left: -7px;
}
.lte8 .compare-table--remove-format-button:before {
  margin-top: -35px;
}
.compare__delete {
  display: none;
  top: 0;
  right: 0;
}
.form__conditional.is-active {
  display: block;
}
.form__conditional.is-disabled {
  display: none;
}
.compare__table {
  position: relative;
  overflow: hidden;
}
.compare__table .compare__clear-all-selections {
  display: block;
  margin-top: 10px;
}
.compare__table .compare__clear-all-selections .compare-table--remove-formats {
  color: #ff6600;
}
.questions__take-over {
  padding: 2.857142857142857em;
  z-index: 800;
  height: auto;
}
.questions__take-over.is-taking-over {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.map__marker--red {
  display: inline-block;
  background-image: url('/resources/images/map-marker-red.png');
  background-size: 25px;
  width: 25px;
  height: 25px;
  font-size: 10px;
  padding: 3px 0px 0px 10px;
}
#map-canvas img {
  max-width: inherit;
}
.ie8 .shelf__take-over {
  left: 100%;
  -webkit-transition: left 0.25s 0.2s ease-in-out 0s;
  -moz-transition: left 0.25s 0.2s ease-in-out 0s;
  -o-transition: left 0.25s 0.2s ease-in-out 0s;
  transition: left 0.25s 0.2s ease-in-out 0s;
}
.ie8 .shelf__take-over.is-taking-over {
  left: 0;
}
.main-content .flex-control-nav.flex-control-paging {
  list-style: none;
  display: block;
  margin: 0;
  text-align: center;
  width: 100%;
}
.main-content .flex-control-nav.flex-control-paging li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
  text-align: center;
  cursor: pointer;
}
.main-content .flex-control-nav.flex-control-paging li a {
  display: inline-block;
  content: " ";
  border: 10px #b34700 solid;
  width: 20px;
  height: 20px;
  font-size: 0;
}
.main-content .flex-control-nav.flex-control-paging li .flex-active {
  border-color: #ff6600;
}
.main-footer {
  margin-top: 2.857142857142857em;
  padding-top: 3.9285714285714284em;
  background: #000000 url('/resources/images/decor/bg-footer.jpg') repeat-y center top;
  background-size: cover;
}
.footer-margin-fix {
  margin-bottom: -2.857142857142857em;
  padding-bottom: 2.857142857142857em;
}
.main-footer__newsletter-form input.email {
  width: 65%;
  display: inline-block;
}
.main-footer__newsletter-form input.button {
  width: 29%;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
}
.sidebar-social-icons li a {
  width: 25px;
  margin: 0 5px;
}
.sidebar-social-icons li a:before {
  padding-right: 0;
}
.footer-social-icons li a:before {
  padding-right: 0;
}
#mc_embed_signup {
  background: none !important;
}
.logo--shop-mesa {
  position: absolute;
  top: 0;
  left: -65px;
  width: 50px;
}
.logo--shop-mesa--large {
  width: 300px;
}
.copyright {
  margin-top: 3.5714285714285716em;
}
[class*='dark-heading'] {
  color: #666666;
}
.dark-heading--caps {
  text-transform: uppercase;
}
.format-slider__nav li {
  margin-left: 5px;
}
.format-slider__nav li:first-of-type {
  margin-left: 0;
}
.logo {
  height: 50px;
}
@media screen and (max-width: 767px) {
  .logo {
    height: 33px;
  }
}
/*

Artist Landing

*/
.artist__filter {
  background: #011b28 url('/resources/images/decor/bg-artist-filter.jpg') repeat left center;
  padding-top: 1.7857142857142858em;
  padding-bottom: 0.7142857142857143em;
}
.artist__filter li:hover,
.artist__filter li:focus,
.artist__filter li.is-current {
  cursor: pointer;
}
.artist__videos {
  margin-top: 7.142857142857143em;
  padding-top: 3.2142857142857144em;
  padding-bottom: 6.428571428571429em;
  background: #212121 url('/resources/images/bg-light-dust.jpg') repeat left top;
}
.artist__videos .flex-direction-nav .flex-prev {
  left: -60px;
}
.artist__videos .flex-direction-nav .flex-next {
  right: -20px;
}
.artist__videos .artist-video-container {
  float: initial;
  display: inline-block;
}
@media (min-width: 62em) {
  .artist__videos .artist-video-container {
    width: 33%;
  }
}
.modal__content {
  max-height: 95%;
}
.modal__content .video__container {
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  overflow: hidden;
}
.modal__content .video__container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.modal-open {
  position: fixed;
}
/*

Customize With Product

*/
.customize__product-name {
  margin-left: -12em;
  position: absolute;
  top: 1em;
  left: 50%;
  z-index: 500;
  text-align: center;
}
.slider-swatches {
  position: relative;
  top: -4.642857142857143em;
}
.swatch__option {
  display: inline-block;
  position: relative;
}
.swatch__option:hover,
.swatch__option:focus,
.swatch__option.is-active {
  cursor: pointer;
}
.swatch__option:hover:before,
.swatch__option:focus:before,
.swatch__option.is-active:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 4px solid #ff6600;
}
.full-swatch-gallery .swatch__option:hover,
.full-swatch-gallery .swatch__option:focus,
.full-swatch-gallery .swatch__option.is-active {
  cursor: default;
}
.full-swatch-gallery .swatch__option:hover:before,
.full-swatch-gallery .swatch__option:focus:before,
.full-swatch-gallery .swatch__option.is-active:before {
  content: "";
  display: none;
}
.swatch__option img {
  display: block;
}
.swatch__slider {
  display: inline-block;
  position: relative;
}
.swatch__slider .swatch__slider-name {
  display: none;
  width: 7.142857142857143em;
  margin-left: -3.5714285714285716em;
  padding: 0.35714285714285715em 0.7142857142857143em;
  position: absolute;
  top: -3.5714285714285716em;
  left: 50%;
  border: 1px solid #ff6600;
}
.swatch__slider:hover .swatch__slider-name,
.swatch__slider:focus .swatch__slider-name {
  display: block;
}
/*

Design Gallery

*/
.inner-design-gallery li {
  position: relative;
  overflow: hidden;
}
.inner-design-gallery .inner-gallery__text {
  width: 100%;
  padding: 1.0714285714285714em;
  position: absolute;
  bottom: -100%;
  left: 0;
  background-color: #ff6600;
  color: #141414;
}
.inner-design-gallery li:hover {
  cursor: pointer;
}
.inner-design-gallery li:hover .inner-gallery__text {
  bottom: 0;
}
.js-customize-swatches .tab .primary-heading:first-of-type {
  margin-top: 0;
  line-height: 0.7em;
}
.inspiration-gallery {
  background-color: rgba(0, 0, 0, 0.30000000000000004);
}
.inspiration-gallery .wrapper {
  padding: 3.5714285714285716em 0;
}
.design-gallery--diagram {
  margin-top: 5.714285714285714em;
}
[data-reveal="inspiration-gallery"]:after {
  position: relative;
  top: 2px;
}
.design-gallery-footer-discalimer {
  margin-top: 40px;
  padding: 0 15px;
}
/*

Home Page

*/
.homepage-dealer-search {
  width: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -100%);
}
.homepage-dealer-search button {
  width: 100%;
  display: block;
  margin-left: 0 !important;
  margin-top: 10px !important;
}
.border--white {
  border: 0.14285714285714285em solid #ffffff;
}
.border--grey {
  border: 0.14285714285714285em solid #404040;
}
.border--dark-grey {
  border: 0.14285714285714285em solid #212121;
}
.border--grey-horizontal {
  border-top: 0.14285714285714285em solid #3f3f3f;
  border-bottom: 0.14285714285714285em solid #3f3f3f;
}
.border--none {
  border: 0;
}
.btn--orange-clear {
  background: none;
  padding-top: 1.1428571428571428em;
  padding-bottom: 1.1428571428571428em;
}
.featured-artist__gear {
  position: absolute;
  bottom: 1.4285714285714286em;
  right: 1.4285714285714286em;
  z-index: 300;
}
/*

About Page

*/
.about-hero__image {
  position: absolute;
  top: 50%;
  left: -50px;
  margin-top: -277px;
}
.about-page__image--randall {
  position: absolute;
  top: 50%;
  margin-top: -240px;
}
.about-page__image--mesa-family {
  position: absolute;
  top: 50%;
  left: 100px;
  margin-top: -119px;
}
.about-page__image--santanna {
  position: absolute;
  top: 50%;
  left: 250px;
  margin-top: -247px;
}
.interior-page__dealer-search,
.about-page__dealer-search {
  width: 310px;
}
.interior-page__dealer-search--wrapper,
.about-page__dealer-search--wrapper {
  padding-left: 65px;
}
.table-row {
  display: table-row;
}
.table-cell {
  display: table-cell;
}
.vertical-middle {
  vertical-align: middle;
}
.icon--find-a-dealer {
  position: relative;
  padding-left: 20px;
}
.icon--find-a-dealer:before {
  font-size: 60px;
  font-size: 3.75rem;
  width: 110px;
  margin-top: -42px;
  margin-left: -25px;
  position: absolute;
  top: 50%;
  left: -15px;
  color: #ff6600;
}
/*

About Page Timeline

*/
.timeline--spotlight {
  padding-top: 10em;
  height: 25em;
  position: relative;
  cursor: ;
}
.timeline--spotlight .timeline--spotlight__text-wrapper {
  z-index: 200;
  position: absolute;
  width: 100%;
  cursor: auto;
}
.timeline--spotlight .shadow-wrapper {
  background-image: -webkit-gradient(linear, top, bottom, color-stop(0, rgba(30, 30, 30, 0.25)), color-stop(40%, rgba(0, 0, 0, 0.5)), color-stop(110%, rgba(30, 30, 30, 0.25)));
  background-image: -webkit-linear-gradient(rgba(30, 30, 30, 0.25) 0, rgba(0, 0, 0, 0.5) 40%, rgba(30, 30, 30, 0.25) 110%);
  background-image: -moz-linear-gradient(center bottom, rgba(30, 30, 30, 0.25) 0, rgba(0, 0, 0, 0.5) 40%, rgba(30, 30, 30, 0.25) 110%);
  background-image: -o-linear-gradient(center bottom, rgba(30, 30, 30, 0.25) 0, rgba(0, 0, 0, 0.5) 40%, rgba(30, 30, 30, 0.25) 110%);
  background-image: linear-gradient(center bottom, rgba(30, 30, 30, 0.25) 0, rgba(0, 0, 0, 0.5) 40%, rgba(30, 30, 30, 0.25) 110%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: auto;
}
.lte8 .timeline--spotlight .shadow-wrapper {
  background: url('/resources/images/image--black-pixel--translucent2.png') repeat;
}
/*

Search Results

*/
.search-listing {
  margin-top: 2.142857142857143em;
  padding: 1.2142857142857142em;
  background-color: rgba(85, 85, 85, 0.4);
}
.search-listing:first-of-type {
  margin-top: 0;
}
.search-listing__heading {
  line-height: 1em;
}
.search-listing img {
  max-width: 12.142857142857142em;
}
.search-listing .media-object__figure--rtl {
  margin-left: 1.2142857142857142em;
}
.search-listing:hover,
.search-listing:focus {
  background-color: rgba(51, 51, 51, 0.4);
}
.search-listing a:hover,
.search-listing a:focus {
  color: #ffffff !important;
}
.pagination {
  margin-bottom: 15px;
  text-align: center;
}
.pagination li {
  margin-right: 0.35714285714285715em;
  font-size: bold;
}
.pagination li a {
  cursor: pointer;
}
.search-sidebar header,
.search-sidebar__content {
  padding: 1.0714285714285714em;
}
.search-sidebar header {
  background-color: #2e2e2e;
}
.search-sidebar__content {
  background-color: #212121;
}
.search-sidebar__manuals li {
  font-size: 12px;
  font-size: 0.75rem;
  margin-top: 1.25em;
  padding-left: 2.0833333333333335em;
  position: relative;
}
.search-sidebar__manuals li:first-of-type {
  margin-top: 0;
}
.search-sidebar__manuals li:before {
  font-size: 24px;
  font-size: 1.5rem;
  position: absolute;
  top: -0.3333333333333333em;
  left: 0;
  line-height: 1.2em;
}
.zm-wrap {
  max-width: 100%;
  margin: auto;
  position: relative;
  zoom: 1;
  display: inline-block;
  *display: inline;
}
.zm-preload {
  display: none !important;
}
.zm-hover {
  position: absolute;
  z-index: 9998;
  top: 0;
  left: 0;
  display: none;
}
#zm-magnifier {
  position: absolute;
  display: none;
  overflow: hidden;
  z-index: 9999;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6), 0 0 3px rgba(0, 0, 0, 0.13) inset;
  border: 3px solid #ddd;
  border: 3px solid rgba(255, 255, 255, 0.3);
}
#zm-magnifier img {
  max-width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
  cursor: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
#zm-magnifier span {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  background: #fff;
  z-index: 9999;
  overflow: visible;
  font-size: 10px;
  line-height: 1em;
  padding: 2px 6px;
  border-radius: 0 0 0 4px;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.15);
  font-family: Verdana, Geneva, sans-serif;
  text-shadow: 0 0 4px #fff;
}
.zm-gray {
  filter: #808080;
}
.zm-blur {
  filter: blur(add=0, direction=0, strength=4);
}
.zm-trans {
  background: url('/resources/images/ui/trans_bg.png');
  width: 100%;
  height: 100%;
}
.support-page__dealer-search--wrapper {
  padding-top: 3.5714285714285716em;
}
.support-page__dealer-search--wrapper .icon--floating-badge--top {
  top: -60px;
}
.letter-spacing--half {
  letter-spacing: .5px;
}
.icon-before--faqs,
.icon-before--manuals,
.icon-before--parts-store,
.icon-before--hollywood-store {
  position: relative;
}
.icon-before--faqs:before,
.icon-before--manuals:before,
.icon-before--parts-store:before,
.icon-before--hollywood-store:before {
  content: "";
  position: absolute;
  left: -65px;
  height: 53px;
  width: 53px;
  top: 50%;
  margin-top: -26px;
}
.icon-before--faqs:before {
  background-image: url("/resources/images/support/icon--faqs.png");
}
.icon-before--manuals:before {
  background-image: url("/resources/images/support/icon--manuals.png");
}
.icon-before--parts-store:before {
  content: url("/resources/images/home/logo--mesa-parts-store--small.png");
  padding-top: 0.5em;
}
.icon-before--hollywood-store:before {
  content: url("/resources/images/home/logo--mesa-hollywood-store--small.png");
  padding-top: 0.5em;
}
.locations__default-text {
  color: #777;
}
.locations__default-text .icon--location:before {
  letter-spacing: -65px;
}
.locations__default-text .media-object__desc {
  margin-top: 2.5em;
}
.search__result--location {
  transition: all 0.5s ease;
}
.search__result--location:hover {
  cursor: pointer;
  background: #3e3e3e;
}
.search__result--location.is-selected {
  -webkit-box-shadow: 0px 0px 0px 4px #ff6600 inset;
  -moz-box-shadow: 0px 0px 0px 4px #ff6600 inset;
  -o-box-shadow: 0px 0px 0px 4px #ff6600 inset;
  box-shadow: 0px 0px 0px 4px #ff6600 inset;
  background: #505050;
}
.map--locations-not-found {
  position: absolute;
  top: 6.428571428571429em;
  right: 50%;
  width: 700px;
  margin-right: -350px;
}
.result__quick-details {
  word-wrap: break-word;
}
#locations-map img {
  max-width: none;
}
.map--warning-message {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background: #ff6600;
  /* Old browsers */
  background: -moz-linear-gradient(left, transparent 0, #ff6600 20%, #ff6600 80%, transparent 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(20%, #ff6600), color-stop(80%, #ff6600), color-stop(100%, transparent));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, transparent 0, #ff6600 20%, #ff6600 80%, transparent 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, transparent 0, #ff6600 20%, #ff6600 80%, transparent 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, transparent 0, #ff6600 20%, #ff6600 80%, transparent 100%);
  /* IE10+ */
  background: linear-gradient(to right, transparent 0, #ff6600 20%, #ff6600 80%, transparent 100%);
  /* W3C */
}
.product-registration-survey html {
  background: #141414;
}
.padding-bottom--error-page {
  padding-bottom: 26.785714285714285em;
}
.user-manual--search .user-manual--result {
  min-height: 4.285714285714286em;
  padding: 0.7142857142857143em 1.0714285714285714em;
  margin-left: 2.857142857142857em;
  position: relative;
  background-color: rgba(85, 85, 85, 0.4);
}
.user-manual--search .user-manual--result__heading {
  line-height: 1em;
}
.user-manual--search .user-manual--result:hover,
.user-manual--search .user-manual--result:focus {
  background-color: rgba(51, 51, 51, 0.4);
}
.user-manual--search .user-manual--result:before {
  content: '';
  position: absolute;
  right: 100%;
  top: 0;
  background-color: #ff6600;
  width: 40px;
  height: 100%;
}
.user-manual--search .user-manual--result:after {
  font-size: 24px;
  font-size: 1.5rem;
  position: absolute;
  top: 50%;
  left: -20px;
  margin-top: -20px;
  color: #ffffff !important;
}
.setup-images {
  max-width: 530px;
}
.modal--setup-images .flex-direction-nav .flex-prev {
  left: 20px;
}
.modal--setup-images .flex-direction-nav .flex-next {
  right: 60px;
}
.modal--setup-images img {
  max-height: 480px !important;
  max-width: 800px !important;
}
/* Product Alternate Image Sliders */
.alt-product-review-slider .figure {
  position: relative;
  line-height: 0;
}
.alt-product-review-slider .figcaption {
  width: 100% !important;
  position: absolute;
  bottom: 0;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  margin: 0 !important;
  line-height: 1;
}
/*

Fluid Iframes

*/
.iframe-container {
  position: relative;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.iframe-container.iframe-container-16x9 {
  padding-bottom: 56.25%;
}
.iframe-container.iframe-container-4x3 {
  padding-bottom: 75%;
}
.iframe-container iframe,
.iframe-container object,
.iframe-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*

Mobile Find a Format Shelf

*/
body.mobile-shelf-open {
  position: fixed;
}
.find-format-shelf-mobile {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 50px 25px;
  background-color: #212121;
  z-index: 1750;
  overflow-y: scroll;
}
.find-format-shelf-mobile [class*="breadcrumb-"] {
  display: none;
}
.find-format-shelf-mobile [class*="breadcrumb-"] .icon--nav-left {
  display: inline-block;
  font-size: 20px;
  margin-right: 5px;
}
.find-format-shelf-mobile [class*="breadcrumb-"] .icon--nav-left:before {
  margin-top: 5px;
}
.find-format-shelf-mobile [class*="breadcrumb-"] .icon--nav-right {
  display: inline-block;
  font-size: 20px;
  margin-left: 5px;
}
.find-format-shelf-mobile [class*="breadcrumb-"] .icon--nav-right:before {
  margin-top: 5px;
}
.find-format-shelf-mobile [class*="breadcrumb-"].is-current {
  display: block;
}
.find-format-shelf-mobile [class*="breadcrumb-"]:before {
  display: none;
}
.find-format-shelf-mobile.is-hidden {
  top: -100%;
}
.product-compare-hint {
  display: none;
}
.support-page__box--search {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.support-page__box--search a,
.support-page__box--search button {
  width: 100%;
  display: block;
  margin-left: 0 !important;
  margin-top: 10px !important;
}
.bread-crumb--container {
  width: 100%;
}
#user-manuals-language {
  position: relative;
  display: inline-block;
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ff6600;
  cursor: pointer;
}
#user-manuals-language .icon--nav-down {
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
}
#user-manuals-language .user-manual-language-options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #000000;
  color: #ffffff;
  border: 1px solid #ff6600;
  cursor: pointer;
  z-index: 1000;
}
#user-manuals-language .user-manual-language-options ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#user-manuals-language .user-manual-language-options .user-manual-language-option {
  color: #ffffff;
  margin: 8px 0;
  padding: 2px 20px;
}
#user-manuals-language .user-manual-language-options .user-manual-language-option:hover {
  background-color: #212121;
  color: #ff6600;
}
#user-manuals-language .user-manual-language-options:hover {
  display: block;
}
#user-manuals-language:hover {
  background-color: #ff6600;
  color: #ffffff;
}
#user-manuals-language:hover .user-manual-language-options {
  display: block;
}
.user-manuals-radio-label {
  display: inline-block;
  margin-left: 10px;
}
.user-manuals-radio {
  display: inline-block;
}
/**
 * Footer
 * -----------------------------------------------------------------------------
 *
 * [Description]
 *
 * @todo
 */
.footer-brand-links {
  margin-top: 1.4285714285714286em;
  padding-top: 2.857142857142857em;
  padding-bottom: 2.857142857142857em;
  background-color: #292929;
}
.footer-brand-links .footer-brand-links-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.footer-brand-links .footer-brand-links-columns {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.footer-brand-links .footer-brand-links-columns .footer-brand-links-column {
  width: 100%;
}
@media (min-width: 768px) {
  .footer-brand-links .footer-brand-links-columns .footer-brand-links-column:first-child {
    width: 46%;
  }
  .footer-brand-links .footer-brand-links-columns .footer-brand-links-column:last-child {
    width: 54%;
  }
}
.footer-brand-links .footer-brand-links-columns .footer-brand-links-logo-1-1 {
  width: 80%;
}
.footer-brand-links .footer-brand-links-columns .footer-brand-links-logo-1-3 {
  width: 100%;
}
.footer-brand-links .footer-brand-links-columns .footer-brand-links-logo-2-1 {
  width: 108%;
}
.footer-brand-links .footer-brand-links-columns .footer-brand-links-logo-2-2 {
  width: 55%;
}
.footer-brand-links .footer-brand-links-columns .footer-brand-links-logo-2-3 {
  width: 142%;
}
@media (min-width: 550px) {
  .footer-brand-links .footer-brand-links-columns .footer-brand-links-logo-1-1 {
    width: 60%;
  }
  .footer-brand-links .footer-brand-links-columns .footer-brand-links-logo-1-3 {
    width: 72%;
  }
}
@media (min-width: 650px) {
  .footer-brand-links .footer-brand-links-columns .footer-brand-links-logo-1-1 {
    width: 47%;
  }
  .footer-brand-links .footer-brand-links-columns .footer-brand-links-logo-1-3 {
    width: 58%;
  }
}
@media (min-width: 768px) {
  .footer-brand-links .footer-brand-links-columns {
    flex-direction: row;
  }
  .footer-brand-links .footer-brand-links-columns .footer-brand-links-logo-1-1 {
    width: 74%;
  }
  .footer-brand-links .footer-brand-links-columns .footer-brand-links-logo-1-3 {
    width: 90%;
  }
  .footer-brand-links .footer-brand-links-columns .footer-brand-links-logo-2-1 {
    width: 120%;
  }
  .footer-brand-links .footer-brand-links-columns .footer-brand-links-logo-2-2 {
    width: 70%;
  }
}
.footer-brand-links .footer-brand-links-logo {
  padding: 0 15px;
}
.mobile-basic-interior__sidebar {
  padding-bottom: 25px;
}
.mobile-basic-interior__sidebar .mobile-basic-interior__sidebar--formats {
  padding-top: 25px;
}
.mobile-basic-interior__sidebar .mobile-basic-interior__sidebar--current {
  background-color: #ff6600;
  padding: 15px;
  color: #ffffff;
  font-size: 16px;
  cursor: pointer;
}
.mobile-basic-interior__sidebar .mobile-basic-interior__sidebar--current:before {
  float: left;
  font-size: 20px;
}
.mobile-basic-interior__sidebar .mobile-basic-interior__sidebar--list {
  -webkit-transition: height 0.5s ease-in-out 0s;
  -moz-transition: height 0.5s ease-in-out 0s;
  -o-transition: height 0.5s ease-in-out 0s;
  transition: height 0.5s ease-in-out 0s;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.mobile-basic-interior__sidebar .mobile-basic-interior__sidebar--list a {
  display: block;
  width: 100%;
  background-color: #2e2e2e;
  padding: 10px 15px;
}
.mobile-basic-interior__sidebar.is-expanded .mobile-basic-interior__sidebar--list {
  display: block;
}
.basic-interior__sidebar {
  padding-bottom: 60px;
}
.basic-interior__sidebar--list li a,
.basic-interior__sidebar--list .sidebar__heading ul li,
.basic-interior__sidebar--list .sidebar__heading a {
  padding: 1.4285714285714286em 1.7857142857142858em;
  text-transform: uppercase;
  background-color: #212121;
}
.basic-interior__sidebar--list .sidebar__heading ul li {
  padding: 0;
}
.basic-interior__sidebar--list li a:after,
.basic-interior__sidebar--list .sidebar__heading ul li a:after,
.basic-interior__sidebar--list .sidebar__heading a:after {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.25;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  top: 50%;
  right: 10px;
  color: #ff6600;
}
.basic-interior__sidebar--list li a:hover,
.basic-interior__sidebar--list .sidebar__heading ul li a:hover,
.basic-interior__sidebar--list .sidebar__heading a:hover,
.basic-interior__sidebar--list li a:focus,
.basic-interior__sidebar--list .sidebar__heading ul li a:focus,
.basic-interior__sidebar--list .sidebar__heading a:focus,
.basic-interior__sidebar--list li a.is-current,
.basic-interior__sidebar--list .sidebar__heading ul li a.is-current,
.basic-interior__sidebar--list .sidebar__heading a.is-current {
  color: #212121;
  background-color: #ff6600;
}
.basic-interior__sidebar--list li a:hover:after,
.basic-interior__sidebar--list .sidebar__heading ul li a:hover:after,
.basic-interior__sidebar--list .sidebar__heading a:hover:after,
.basic-interior__sidebar--list li a:focus:after,
.basic-interior__sidebar--list .sidebar__heading ul li a:focus:after,
.basic-interior__sidebar--list .sidebar__heading a:focus:after,
.basic-interior__sidebar--list li a.is-current:after,
.basic-interior__sidebar--list .sidebar__heading ul li a.is-current:after,
.basic-interior__sidebar--list .sidebar__heading a.is-current:after {
  color: #212121;
}
.basic-interior__sidebar--list .sidebar__heading > a {
  background-color: #555;
}
.basic-interior__sidebar--list .sidebar__heading > a:hover,
.basic-interior__sidebar--list .sidebar__heading > a:focus,
.basic-interior__sidebar--list .sidebar__heading > a.is-expanded {
  color: #ffffff;
  background-color: #6f6f6f;
}
.basic-interior__sidebar--list .sidebar__heading > a:hover:after,
.basic-interior__sidebar--list .sidebar__heading > a:focus:after,
.basic-interior__sidebar--list .sidebar__heading > a.is-expanded:after {
  color: #ffffff;
}
.format-sidebar {
  padding: 1.0714285714285714em;
  background-color: #2e2e2e;
}
.basic-interior__sidebar .sidebar__heading a:after {
  content: "";
}
.basic-interior__sidebar .sidebar__heading > a:hover {
  background-color: #555;
}
.design-gallery__sidebar .sidebar__heading > a:hover,
.design-gallery__sidebar .sidebar__heading > a:focus,
.design-gallery__sidebar .sidebar__heading > a.is-expanded {
  color: #ffffff;
  background-color: #6f6f6f;
}
.design-gallery__sidebar .sidebar__heading > a:hover:after,
.design-gallery__sidebar .sidebar__heading > a:focus:after,
.design-gallery__sidebar .sidebar__heading > a.is-expanded:after {
  color: #ffffff;
}
.js .slide-set .slide:not(.testimonial-slide):hover,
.js .slide-set .slide:not(.review-slide):hover {
  cursor: pointer;
}
.flex-direction-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
  font-size: 60px;
  font-size: 3.75rem;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  top: 50%;
  cursor: pointer;
}
.flex-direction-nav .flex-prev:before,
.flex-direction-nav .flex-next:before,
.flex-direction-nav .flex-prev:after,
.flex-direction-nav .flex-next:after {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  top: 50%;
}
.flex-direction-nav .flex-prev:before,
.flex-direction-nav .flex-next:before {
  content: "";
  width: 40px;
  height: 40px;
  border: 2px solid #ff6600;
  -webkit-border-radius: 1000em;
  -moz-border-radius: 1000em;
  -o-border-radius: 1000em;
  border-radius: 1000em;
}
.flex-direction-nav .flex-prev:after,
.flex-direction-nav .flex-next:after {
  font-size: 28px;
  font-size: 1.75rem;
}
.flex-direction-nav .flex-prev {
  left: -30px;
}
.flex-direction-nav .flex-prev:after {
  margin-left: 7px;
  margin-top: -3px;
}
.flex-direction-nav .flex-next {
  right: 0;
}
.flex-direction-nav .flex-next:after {
  margin-left: 9px;
  margin-top: -3px;
}
.lte8 .flex-direction-nav .flex-prev:after,
.lte8 .flex-direction-nav .flex-next:after {
  margin-top: 5px;
}
.flex-direction-nav .flex-disabled:hover {
  cursor: default;
}
.flex-direction-nav .flex-disabled:before {
  border-color: #a9a6a7;
}
.flex-direction-nav .flex-disabled:after {
  color: #a9a6a7;
}
.series-hero-slider .flex-prev {
  left: -55px;
}
.series-hero-slider .flex-next {
  right: -20px;
}
.product-hero-slider {
  width: 85%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.product-hero-slider .flex-prev {
  left: -55px;
}
.product-hero-slider .flex-next {
  right: -20px;
}
.js-popup-slider .flex-prev {
  left: -0.8333333333333334em;
}
.js-popup-slider .flex-next {
  right: -0.16666666666666666em;
}
.js-customize-slider .flex-prev {
  left: 0.25em;
}
.js-customize-slider .flex-next {
  right: 0.9166666666666666em;
}
.js-customize-slider .home-customize-slider-header {
  position: absolute;
  top: 0.8333333333333334em;
  left: 50%;
  z-index: 500;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.js-slider--home-page .slide-set {
  width: 5000px;
}
.js-slider--home-page .slide-set li {
  width: 571px;
  float: left;
}
.js-slider--home-page .slide-set li img {
  width: 450px;
}
.js-slider--home-page .flex-control-nav {
  text-align: center;
  width: 100%;
  margin-top: .625em;
  padding-left: 0;
  z-index: 100;
  overflow: hidden;
  list-style: none;
  position: absolute;
  top: -50px;
}
.js-slider--home-page .flex-control-nav li {
  display: inline-block;
  cursor: pointer;
}
.js .js-slider--home-page {
  position: relative;
}
.js .js-slider--home-page .slide-set {
  width: auto;
}
.js .js-slider--home-page .slide-set li {
  width: auto;
  float: none;
}
.js-slider--home-page .flex-control-nav li a {
  -webkit-border-radius: 1000em;
  -moz-border-radius: 1000em;
  -o-border-radius: 1000em;
  border-radius: 1000em;
  display: block;
  width: .75em;
  height: .75em;
  margin-left: .3125em;
  margin-right: .3125em;
  position: relative;
  z-index: 100;
  text-indent: 999em;
  background: #a9a6a7;
}
.js-slider--home-page .flex-control-nav li a.flex-active {
  background: #ff6600;
}
.about-page.js-timeline-slider {
  position: relative;
  -webkit-box-shadow: 0 1.4285714285714286em 4.285714285714286em rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 1.4285714285714286em 4.285714285714286em rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0 1.4285714285714286em 4.285714285714286em rgba(0, 0, 0, 0.7);
  box-shadow: 0 1.4285714285714286em 4.285714285714286em rgba(0, 0, 0, 0.7);
}
.about-page.js-timeline-slider .flex-prev,
.about-page.js-timeline-slider .flex-next {
  -webkit-border-radius: 1000em;
  -moz-border-radius: 1000em;
  -o-border-radius: 1000em;
  border-radius: 1000em;
  position: absolute;
  top: 50%;
  font-size: 1.1428571428571428em;
}
.about-page.js-timeline-slider .flex-prev {
  left: -60px;
}
.about-page.js-timeline-slider .flex-next {
  right: -20px;
}
.about-page.js-timeline-slider .year-title {
  letter-spacing: 7px;
}
.timeline__slide {
  background-size: cover;
}
.bg--timeline__1982 {
  background-image: url('/resources/images/about/bg--timeline-1982.jpg');
  background-size: cover;
}
.bg--timeline__1980 {
  background-image: url('/resources/images/about/bg--timeline-1980.jpg');
  background-size: cover;
}
.bg--timeline__1972 {
  background-image: url('/resources/images/about/bg--timeline-1972.jpg');
  background-size: cover;
}
.bg--timeline__1969 {
  background-image: url('/resources/images/about/bg--timeline-1969.jpg');
  background-size: cover;
}
.slider-testimonial-image {
  display: none;
  position: relative;
  line-height: 100%;
}
.slider-testimonial-image.active {
  display: block;
}
.slider-testimonial-image-prev,
.slider-testimonial-image-next {
  font-size: 30px;
  font-size: 1.875rem;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  cursor: pointer;
}
.slider-testimonial-image-prev:before,
.slider-testimonial-image-next:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 3px;
  width: 40px;
  background-color: rgba(255, 102, 0, 0.25);
}
.slider-testimonial-image-prev:after,
.slider-testimonial-image-next:after {
  font-size: 40px;
  font-size: 2.5rem;
  position: absolute;
  top: 50%;
  font-weight: bold;
}
.slider-testimonial-image-prev:before,
.slider-testimonial-image-next:before,
.slider-testimonial-image-prev:after,
.slider-testimonial-image-next:after {
  display: none;
}
.slider-testimonial-image-prev:hover,
.slider-testimonial-image-next:hover {
  color: #ffffff;
}
.slider-testimonial-image-prev:hover:before,
.slider-testimonial-image-next:hover:before,
.slider-testimonial-image-prev:hover:after,
.slider-testimonial-image-next:hover:after {
  display: block;
}
.slider-testimonial-image-prev {
  left: 0;
}
.slider-testimonial-image-prev:before {
  left: 0;
}
.slider-testimonial-image-prev:after {
  left: 0;
  transform: translate(0%, -50%);
}
.slider-testimonial-image-next {
  right: 0;
}
.slider-testimonial-image-next:before {
  right: 0;
}
.slider-testimonial-image-next:after {
  right: 0;
  transform: translate(38%, -50%);
}
@media (max-width: 767px) {
  .slider-testimonial-image,
  .testimonial-quote {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
  .testimonial-ctas {
    margin-top: 20px;
    text-align: center;
  }
}
body {
  overflow-x: hidden;
}
.js-expand,
.js-expose {
  cursor: pointer;
}
.browsing-container {
  position: relative;
}
.browsing-container .customization-listing {
  /* Mixins */
  -webkit-transition: all 400ms ease 0s;
  -moz-transition: all 400ms ease 0s;
  -o-transition: all 400ms ease 0s;
  transition: all 400ms ease 0s;
  opacity: 1;
  filter: alpha(opacity=100);
}
.browsing-container .customization-listing .customization-showmore {
  position: relative;
}
.browsing-container .swatch-container {
  /* Mixins */
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: none;
}
.browsing-container.showing-swatches .customization-listing {
  /* Mixins */
  opacity: 0.3;
  filter: alpha(opacity=30);
  position: relative;
}
.browsing-container.showing-swatches .customization-listing {
  /* Mixins */
  -webkit-transform: translate(105%, 0);
  -moz-transform: translate(105%, 0);
  -o-transform: translate(105%, 0);
  -ms-transform: translate(105%, 0);
  transform: translate(105%, 0);
}
.browsing-container.showing-swatches .swatch-container {
  /* Mixins */
}
.customization-listing {
  margin-top: 1.0714285714285714em;
}
.customization-listing form {
  margin-top: 2.5em;
  margin-bottom: 1.0714285714285714em;
}
.gallery-filter {
  text-align: center;
}
.gallery-filter:hover,
.gallery-filter:focus {
  cursor: pointer;
}
.gallery-filter:hover .swatch-img,
.gallery-filter:focus .swatch-img {
  display: block;
  position: relative;
}
.gallery-filter:hover .swatch-img:before,
.gallery-filter:focus .swatch-img:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid #ff6600;
}
.gallery-filter.has-filter[data-filter-container="product"] .swatch-img:before {
  border: none !important;
}
.gallery-filter figure {
  display: inline-block;
}
.gallery-filter img {
  /* Vars */
  max-height: 8.571428571428571em;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.gallery-filter .icon-remove {
  display: none;
  text-align: left;
  z-index: 300;
}
.gallery-filter.has-filter .icon-remove {
  display: block;
}
.gallery-product-picker {
  /* Vars */
  /* Mixins */
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
  -o-transition: all 350ms ease 0s;
  transition: all 350ms ease 0s;
  /* Display & Box Model */
  width: 100%;
  height: 0;
  padding: 0;
  /* Positioning */
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 500;
  background-color: #262626;
}
.gallery-product-picker.is-expanded {
  /* Vars */
  height: 25em;
  padding: 2.857142857142857em 0;
}
.show__target {
  display: none;
}
.show__target.is-showing {
  display: block;
}
.show__target h2,
.show__target h3 {
  margin-left: 20px;
}
.show__target [data-reveal-trigger] {
  margin-top: 7px;
}
.swatch-selections {
  margin: 1.0714285714285714em 0 3.2142857142857144em;
  padding: 1.4285714285714286em;
  background-color: rgba(169, 166, 167, 0.19999999999999996);
}
.swatch-selections .media-object {
  overflow: visible;
}
.modal__primary-image-container,
.swatch-listing__type-container {
  position: relative;
  overflow: hidden;
}
.modal__primary-image-container {
  background-color: #000000;
}
.modal-image-caption,
.image-actions {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 400ms ease 0s;
  -moz-transition: opacity 400ms ease 0s;
  -o-transition: opacity 400ms ease 0s;
  transition: opacity 400ms ease 0s;
}
.modal-image-caption {
  bottom: 0;
  left: 0;
}
.showing-type .modal-image-caption,
.showing-type .image-actions {
  /* Mixins */
  opacity: 1;
  filter: alpha(opacity=100);
}
[class*="large-swatch-image--"] {
  /* Mixins */
  opacity: 0;
  filter: alpha(opacity=0);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
[class*="large-swatch-image--"].active-image {
  /* Mixins */
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 10;
}
.modal-preview__share {
  /* Display & Box Model */
  width: 208px;
  margin-bottom: 5px;
  margin-right: 10px;
  /* Positioning */
  position: absolute;
  bottom: 100%;
  right: 100%;
}
.modal-image-caption,
.swatch-listing__type {
  position: absolute;
  display: block;
  font-size: 16px;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0.25em;
  text-align: left;
}
/* Animations */
.swatch-listing__type {
  -webkit-transition: all 400ms ease 0s;
  -moz-transition: all 400ms ease 0s;
  -o-transition: all 400ms ease 0s;
  transition: all 400ms ease 0s;
  opacity: 0;
  filter: alpha(opacity=0);
  top: 100%;
}
.swatch-listing__type.showing-type {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%);
}
.swatch-listing__item:hover {
  cursor: pointer;
}
.swatch-listing__item img {
  display: block;
}
.swatch-listing__swatches {
  background-color: #212121;
}
.swatch-listing__swatches ul {
  padding-top: 5px;
  padding-bottom: 5px;
}
.swatch-listing__swatches li {
  padding-left: 2px;
  padding-right: 2px;
}
.icon-remove {
  /* Vars */
  /* Mixins */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  font-size: 16px;
  font-size: 1rem;
  position: absolute;
  width: 1.7857142857142858em;
  height: 1.7857142857142858em;
  top: -12.5px;
  right: -12.5px;
  border: 2px solid #ff6600;
  background-color: rgba(33, 33, 33, 0.5);
  display: inline-block;
  cursor: pointer;
}
.icon-remove:before {
  font-size: 16px;
  font-size: 1rem;
  line-height: 16px;
  vertical-align: middle;
  color: #ff6600;
  display: block;
  position: relative;
  top: 30%;
  left: 25%;
}
.filter-preview {
  max-height: 413px;
  min-width: 50%;
  overflow-y: auto;
}
.filter-preview__results--item {
  cursor: pointer;
}
.customizations-noresults {
  display: none;
}
.customizations-noresults span {
  cursor: default;
}
.swatch__zoom {
  /* Display & Box Model */
  padding: 5px 10px;
  /* Positioning */
  position: absolute;
  top: 0;
  right: 0;
  /* Other */
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  z-index: 1000;
}
.swatch__zoom:hover {
  color: #ffffff;
}
.swatch__zoom:hover span {
  /* Mixins */
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(-80%, -50%);
  -moz-transform: translate(-80%, -50%);
  -o-transform: translate(-80%, -50%);
  -ms-transform: translate(-80%, -50%);
  transform: translate(-80%, -50%);
}
.swatch__zoom:before {
  /* Mixins */
  font-size: 16px;
  font-size: 1rem;
}
.swatch__zoom span {
  /* Mixins */
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 200ms ease-out 0s;
  -moz-transition: all 200ms ease-out 0s;
  -o-transition: all 200ms ease-out 0s;
  transition: all 200ms ease-out 0s;
  position: absolute;
  top: 50%;
  right: 0;
}
form#filter button {
  margin-top: -11px;
}
.modal--preview__swatch:after {
  text-transform: uppercase;
  line-height: 1.3em !important;
}
/**
 * Base Only
 */
/**
 * Base & Small Only
 */
@media all and (max-width: 47.9375em) {
  .super-inch-text {
    font-size: 72px;
    font-size: 4.5rem;
    line-height: 1.1111111111111112;
  }
  .medium-inch-text {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 1;
  }
  .inch-text {
    font-size: 45px;
    font-size: 2.8125rem;
    line-height: 1.1111111111111112;
  }
  .canon-text,
  .wysiwyg h1,
  .wysiwyg .canon-text {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.1111111111111112;
  }
  .super-paragon-text,
  .banner--hero .hero__blurb--heading {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1;
  }
  .medium-paragon-text {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.25;
  }
  .paragon-text,
  .content__close:before,
  .wysiwyg h2,
  .wysiwyg .paragon-text,
  .format-selector-close:before,
  .compare-table--remove-format-button:before,
  .compare__delete:before {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
  }
  .great-text,
  .wysiwyg h3,
  .wysiwyg .great-text,
  .product__listing--title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
  }
  .super-primer-text,
  .wysiwyg h4,
  .wysiwyg .primer-text {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
  }
  .primer-text,
  .formats--item__actions--link,
  .menu__secondary--mega .menu__secondary--mega-menu,
  .top-level--link,
  .banner--hero .hero__blurb--subtext,
  .search-preview .search-preview__results .search-preview__results--item .search-preview__results--item-name,
  .available-selections li a {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4285714285714286;
  }
  /*

Navigation

*/
  .main-header {
    background-repeat: repeat-y;
  }
  .main-header .eye-brow__container .main-nav__wrapper {
    padding-bottom: 10px;
  }
  .main-nav__top-level .top-level--link {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
    width: 100%;
    padding: 10px;
    text-align: center;
  }
  .main-nav__top-level .top-level--link:hover:after,
  .main-nav__top-level .top-level--link.is-current:after {
    content: "";
    display: none;
  }
  .category-level--link {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
    width: 100%;
    display: block;
    padding: 10px;
    text-align: center;
    background-color: #2e2e2e;
  }
  .main-nav__category-level .product-level--link {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4285714285714286;
    width: 100%;
    display: block;
    padding: 10px;
    text-align: center;
    background-color: #404040;
  }
  .eye-brow__listing .eye-brow--text-link,
  .eye-brow__listing .eye-brow--dealers-menu {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
    width: 100%;
    padding: 10px;
    text-align: center;
  }
  .eye-brow--dropdown-menu-list {
    background-color: #2e2e2e;
  }
  .eye-brow--dropdown-menu-list .eye-brow--dropdown-menu-item {
    width: 100%;
    display: block;
    padding: 10px;
    text-align: center;
  }
  .eye-brow--dropdown-menu-list .eye-brow--dropdown-menu-item .eye-brow--dropdown-menu-item-logo {
    width: 100%;
    display: block;
  }
  .eye-brow--dropdown-menu-list .eye-brow--dropdown-menu-item .eye-brow--dropdown-menu-item-label {
    width: 100%;
    display: block;
  }
  .main-nav-search__wrapper input {
    width: 78%;
    display: inline-block;
  }
  .main-nav-search__wrapper button {
    width: 20%;
    display: inline-block;
    padding: 8px 0;
  }
  /*

Global Footer

*/
  .main-footer__container .logo--shop-mesa {
    display: block;
    position: relative;
    left: 0;
  }
  .main-footer__container .logo--shop-mesa img {
    width: 50px;
  }
  .main-footer__container .main-footer__newsletter-wrapper {
    text-align: center;
  }
  .main-footer__container .main-footer__newsletter-wrapper img {
    display: inline-block;
  }
  /*

Home Page

*/
  .hero--home:not(.hero--home-video) {
    padding: 0;
    background: none !important;
    line-height: 1;
  }
  .hero--home:not(.hero--home-video) img {
    line-height: 1;
  }
  .hero--home:not(.hero--home-video) .home-hero-wrapper {
    width: 100%;
    margin-top: -4px;
  }
  .js-slider--home-page .flex-control-nav {
    display: none !important;
  }
  .js-slider--home-page .slide-set {
    width: 100% !important;
  }
  .js-slider--home-page .slide-set .slide {
    width: 100% !important;
    margin-bottom: 65px;
  }
  .js-slider--home-page .slide-set .slide img {
    width: 100% !important;
  }
  .js-slider--home-page .slide-set .slide .primary-heading {
    margin-top: 10px;
  }
  .js-slider--home-page .slide-set .slide a:last {
    margin-top: 0 !important;
  }
  .blog-spotlight {
    position: relative !important;
  }
  .blog-spotlight--article-img--wrapper {
    height: 21.428571428571427em;
    margin-bottom: 50px;
  }
  .blog-spotlight--article-img--wrapper.is-hidden-small {
    height: 0;
  }
  .blog-landing__post-preview--section-wrapper .blog-spotlight--article-img--wrapper {
    margin-bottom: 20px;
  }
  .banner--arrow-wrapper .banner--arrow--image-wrapper img.banner--arrow--image {
    width: 100%;
  }
  .home__shopping-step {
    padding-bottom: 140px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .home__shopping-step:last-child {
    padding-bottom: 20px;
  }
  .homepage-dealer-search {
    transform: translate(-50%, -92%);
  }
  .banner--hero:not(.banner--hero-video) {
    height: auto;
    padding: 0;
    background: none !important;
    line-height: 0;
  }
  .banner--hero:not(.banner--hero-video) .banner--hero__img {
    position: relative;
  }
  .banner--hero:not(.banner--hero-video) img {
    line-height: 1;
  }
  .banner--hero:not(.banner--hero-video) .wrapper {
    width: 100%;
    padding: 0;
  }
  .banner--hero:not(.banner--hero-video) .wrapper .hero__blurb {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #ff6600;
  }
  .banner--hero:not(.banner--hero-video) .wrapper .hero__blurb .hero__blurb--heading,
  .banner--hero:not(.banner--hero-video) .wrapper .hero__blurb .hero__blurb--subtext {
    width: 100%;
    max-width: 100%;
  }
  .banner--hero.banner--hero-video {
    padding-bottom: 32.142857142857146em;
  }
  .banner--hero.banner--hero-video .hero-video--play-icon {
    top: 10%;
  }
  .banner--hero.banner--hero-video .hero-video--content {
    bottom: 0;
  }
  .about-page__dealer-search--wrapper {
    padding-left: 0;
  }
  .about-page__dealer-search--wrapper .table-row {
    display: block;
    width: 100%;
  }
  .about-page__dealer-search--wrapper .icon--find-a-dealer {
    display: block;
    width: 100%;
  }
  .about-page__dealer-search--wrapper .icon--find-a-dealer:before {
    margin-top: -50px;
    margin-left: 50px;
  }
  .about-page__dealer-search--wrapper .about-page__dealer-search {
    display: block;
    width: 100%;
  }
  .about-page__dealer-search--wrapper .about-page__dealer-search button {
    width: 100%;
    margin-top: 5px !important;
    margin-left: 0 !important;
  }
  .wysiwyg blockquote {
    padding-left: 20px;
  }
  .locations__default-text .media-object__figure {
    float: left;
  }
  .locations__default-text .media-object__desc {
    margin-left: 35px;
  }
  .location-search__form form .location-search__form-column:nth-child(1) {
    display: table-row;
    width: 100%;
    padding-right: 0;
  }
  .location-search__form form .location-search__form-column:nth-child(1) h3 {
    padding-bottom: 10px;
  }
  .location-search__form form .location-search__form-column:nth-child(2) {
    width: 60%;
  }
  .location-search__form form .location-search__form-column:nth-child(3) {
    width: 40%;
    padding-left: 15px;
  }
  .banner--hero--design-gallery,
  .banner--hero--swatch-gallery {
    height: auto;
    padding-bottom: 0;
    background: none;
  }
  .banner--hero--design-gallery .wrapper,
  .banner--hero--swatch-gallery .wrapper {
    width: 100%;
    padding-bottom: 0;
  }
  .banner--hero--design-gallery .wrapper .hero__blurb,
  .banner--hero--swatch-gallery .wrapper .hero__blurb {
    position: relative;
  }
  .banner--hero--design-gallery .wrapper .hero__blurb .hero__blurb--heading,
  .banner--hero--swatch-gallery .wrapper .hero__blurb .hero__blurb--heading {
    display: block;
    width: 100%;
  }
  .banner--hero--design-gallery .wrapper .hero__blurb .hero__blurb--subtext,
  .banner--hero--swatch-gallery .wrapper .hero__blurb .hero__blurb--subtext {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  .swatch-gallery-button,
  .design-gallery-button {
    text-align: center;
  }
  .swatch-gallery-button a.btn,
  .design-gallery-button a.btn {
    display: block;
    width: 150px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5px;
  }
  .swatch-selections .design-gallery--clear-filters {
    text-align: center;
  }
  .swatch-selections .design-gallery--clear-filters [class*="btn--"] {
    margin-top: 15px !important;
  }
  .modal__content {
    padding: 60px 10px 20px;
  }
  .modal__content .modal__content-main {
    max-height: 100%;
    max-height: -moz-available;
    max-height: -webkit-fill-available;
    max-height: fill-available;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0px 15px;
  }
  .modal__content .modal-video-wrapper {
    padding-top: 0 !important;
  }
  .modal--preview .modal__content {
    height: 80%;
    padding: 15px 15px 50px;
    overflow-y: scroll;
  }
  .modal--preview .modal__content .modal__primary-image-container {
    float: none;
  }
  .modal--preview .modal__content .modal-image-caption {
    background-color: transparent;
  }
  .modal--preview .modal__content .content__close {
    top: 5px;
    right: 5px;
  }
  .modal--preview .modal__content .list--unstyled,
  .modal--preview .modal__content .basic-interior__sidebar--list {
    padding-bottom: 30px;
  }
  .modal--preview .modal__content .list--unstyled .gcs-third,
  .modal--preview .modal__content .basic-interior__sidebar--list .gcs-third {
    display: inline-block !important;
    width: 32% !important;
    float: none;
  }
  .modal--preview__swatch {
    margin-top: 0;
  }
  .modal--preview__swatch:after {
    content: "See Detail";
    bottom: -25px;
  }
  .modal--preview .modal-image-caption {
    text-align: center;
  }
  .modal-image-caption {
    position: relative;
    padding: 10px !important;
  }
  .modal--preview .image-actions {
    position: relative;
    top: inherit;
    bottom: 20px;
    right: 0;
  }
  .modal--preview .image-actions a,
  .modal--preview .image-actions button {
    margin-top: 15px;
  }
  .modal--preview .modal--preview__swatch {
    margin-top: 10px !important;
  }
  .customization-listing .swatch-listing__type {
    position: relative;
    top: 0;
    opacity: 1;
  }
  .content__close {
    top: 10px;
    right: 10px;
  }
  .compare__table {
    position: relative;
  }
  .compare__table .compare__table--selections {
    padding-bottom: 40px;
  }
  .compare__table .compare__table--selections .compare__clear-all-selections {
    display: block;
    margin-top: 10px;
  }
  .compare__table .compare__table--selections .compare__clear-all-selections .compare-table--remove-formats {
    color: #ff6600;
  }
  .compare__table .compare__table--selections ul {
    margin-top: 10px;
  }
  .compare__table .compare__table--selections ul li {
    padding-bottom: 5px;
  }
  .table__compare--compared {
    margin-top: 0;
  }
  .table__compare .product-header-products {
    background: none;
  }
  .table__compare .product-header-products td,
  .table__compare .product-header-products th {
    padding: 15px;
    text-align: center;
  }
  .table__compare .product-header-products th {
    position: relative;
    border: none;
  }
  .table__compare .product-header-products th .compare-table__product-heading h2,
  .table__compare .product-header-products th .compare-table__product-heading h3 {
    max-height: 100%;
    width: auto;
    max-width: inherit;
  }
  .table__compare .product-header-products th .compare-table__product-heading h3 {
    margin-top: 0 !important;
    padding-bottom: 5px;
  }
  .table__compare .product-header-products th .product-compare__nav-left {
    display: block;
    position: absolute;
    top: 35%;
    bottom: 0;
    left: 17px;
    color: #ff6600;
    font-size: 48px;
    cursor: pointer;
    transform: translate(-50%, 0);
  }
  .table__compare .product-header-products th .product-compare__nav-right {
    display: block;
    position: absolute;
    top: 35%;
    bottom: 0;
    right: -30px;
    color: #ff6600;
    font-size: 48px;
    cursor: pointer;
    transform: translate(-50%, 0);
  }
  .table__compare .product-header-products th .link-underline--orange:after {
    display: none;
  }
  .table__compare th,
  .table__compare td {
    width: 50% !important;
    position: relative;
  }
  .table__compare th:nth-child(1),
  .table__compare td:nth-child(1) {
    width: 50% !important;
    word-wrap: break-word;
  }
  .table__compare th:nth-child(3),
  .table__compare td:nth-child(3),
  .table__compare th:nth-child(4),
  .table__compare td:nth-child(4) {
    display: none;
    width: 0%;
  }
  .table__compare .product-headers--long td,
  .table__compare .product-headers--long th {
    width: 100% !important;
    display: block;
    bottom: 0;
  }
  .table__compare .product-headers--long td img,
  .table__compare .product-headers--long th img {
    margin-left: auto;
    margin-right: auto;
  }
  .table__compare .product-headers--long td.is-hidden-small,
  .table__compare .product-headers--long th.is-hidden-small {
    display: none;
  }
  .table__compare .show-compare-product {
    display: table-cell !important;
    width: 50% !important;
  }
  .table__compare .hide-compare-product {
    display: none !important;
    width: 0% !important;
  }
  aside.shelf {
    display: none;
  }
  .to-top-link {
    -webkit-box-shadow: 0 0.14285714285714285em 1.0714285714285714em rgba(0, 0, 0, 0.25), 0 0.14285714285714285em 1.0714285714285714em rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0.14285714285714285em 1.0714285714285714em rgba(0, 0, 0, 0.25), 0 0.14285714285714285em 1.0714285714285714em rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 0.14285714285714285em 1.0714285714285714em rgba(0, 0, 0, 0.25), 0 0.14285714285714285em 1.0714285714285714em rgba(0, 0, 0, 0.25);
    box-shadow: 0 0.14285714285714285em 1.0714285714285714em rgba(0, 0, 0, 0.25), 0 0.14285714285714285em 1.0714285714285714em rgba(0, 0, 0, 0.25);
    -webkit-transition: top 0.35s ease-in-out 0s;
    -moz-transition: top 0.35s ease-in-out 0s;
    -o-transition: top 0.35s ease-in-out 0s;
    transition: top 0.35s ease-in-out 0s;
    width: 40px;
    height: 40px;
    position: fixed;
    top: -100px;
    left: 20px;
    color: #ffffff;
    background-color: #ff6600;
    border-radius: 1000em;
    z-index: 900;
  }
  .to-top-link.in-view {
    top: 20px;
  }
  .to-top-link:hover,
  .to-top-link:focus,
  .to-top-link:active {
    color: #ffffff;
  }
  .to-top-link:before {
    position: absolute;
    left: 35%;
    top: 35%;
    transform: translate(-12%, -25%);
    font-size: 24px;
    content: "\f11c";
    font-family: "mesa-icons";
    vertical-align: middle;
    white-space: nowrap;
    display: inline-block;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .product-compare-hint {
    -webkit-box-shadow: 0 0.14285714285714285em 1.0714285714285714em rgba(0, 0, 0, 0.25), 0 0.14285714285714285em 1.0714285714285714em rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0.14285714285714285em 1.0714285714285714em rgba(0, 0, 0, 0.25), 0 0.14285714285714285em 1.0714285714285714em rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 0.14285714285714285em 1.0714285714285714em rgba(0, 0, 0, 0.25), 0 0.14285714285714285em 1.0714285714285714em rgba(0, 0, 0, 0.25);
    box-shadow: 0 0.14285714285714285em 1.0714285714285714em rgba(0, 0, 0, 0.25), 0 0.14285714285714285em 1.0714285714285714em rgba(0, 0, 0, 0.25);
    -webkit-transition: bottom 0.35s ease-in-out 0s;
    -moz-transition: bottom 0.35s ease-in-out 0s;
    -o-transition: bottom 0.35s ease-in-out 0s;
    transition: bottom 0.35s ease-in-out 0s;
    width: 40px;
    height: 40px;
    display: block;
    position: fixed;
    right: 20px;
    bottom: -100px;
    color: #ffffff;
    background-color: #ff6600;
    border-radius: 1000em;
    z-index: 900;
  }
  .product-compare-hint.has-product {
    bottom: 20px;
  }
  .product-compare-hint.add-product {
    animation: addProduct 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
  }
  .product-compare-hint.add-product-error {
    animation: addProductError 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
  }
  .product-compare-hint:hover,
  .product-compare-hint:focus,
  .product-compare-hint:active {
    color: #ffffff;
  }
  .product-compare-hint:before {
    position: absolute;
    left: 35%;
    top: 35%;
    transform: translate(-25%, -25%);
    font-size: 18px;
    content: "\f123";
    font-family: "mesa-icons";
    vertical-align: middle;
    white-space: nowrap;
    display: inline-block;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .grid-sizer,
  .masonry-brick {
    width: 100%;
  }
  .gutter-sizer {
    width: 0;
  }
  @keyframes addProduct {
    0% {
      transform: scale(0.89);
    }
    25% {
      transform: scale(1.1);
    }
    50% {
      transform: scale(0.93);
    }
    75% {
      transform: scale(1.05);
    }
    100% {
      transform: scale(1);
    }
  }
  .gallery-filter:nth-child(1) {
    margin-bottom: 25px;
  }
  .gallery-filter:nth-child(2) {
    margin-bottom: 25px;
  }
  .browsing-container .group,
  .browsing-container .media-object--checkbox {
    text-align: center;
  }
  .browsing-container .group .secondary-heading.paragon-text,
  .browsing-container .media-object--checkbox .secondary-heading.paragon-text {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.0714285714285714;
    padding-bottom: 5px;
  }
  .browsing-container .group .link--orange,
  .browsing-container .media-object--checkbox .link--orange {
    display: block;
    float: none;
  }
  .browsing-container .swatch-group .secondary-heading {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.25;
    margin-top: 40px;
  }
  .design-gallery--all-swatches {
    text-align: center;
  }
  .design-gallery--all-swatches h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.25;
    margin-top: 40px;
  }
  .product__listing--animated,
  .menu__product {
    padding: 0 30px;
  }
  .sidebar-social-icons li a:before,
  .footer-social-icons li a:before {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.1111111111111112;
  }
  @keyframes addProductError {
    10%,
    90% {
      transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
      transform: translate3d(2px, 0, 0);
    }
    30%,
    50%,
    70% {
      transform: translate3d(-4px, 0, 0);
    }
    40%,
    60% {
      transform: translate3d(4px, 0, 0);
    }
  }
  input {
    font-size: 16px !important;
  }
  .artist-video-slider-desktop {
    display: none;
  }
  .artist-video-slider-mobile {
    display: block;
  }
  .artist-video-slider-mobile .slide {
    padding-bottom: 40px;
  }
  .hot-product--name,
  .home-blog--name {
    left: 0;
    right: 0;
    bottom: 0;
  }
  .featured-spotlight--name-wrapper {
    bottom: 0;
  }
  .featured-spotlight--name-wrapper .featured-spotlight--name {
    padding: 0.5em;
    width: 100%;
  }
  .featured-product-item,
  .featured-blog-post {
    padding-top: 15em;
  }
  .hot-product--name h3,
  .hot-product--name h4 {
    float: none;
    display: block;
    width: 100%;
    text-align: center;
  }
}
/**
 * Small Only
 */
/**
 * Small
 */
/**
 * Base, Small, & Medium Only
 */
@media all and (max-width: 61.9375em) {
  .about__section {
    padding: 40px 20px;
  }
  .about__section h3 {
    margin-top: 0 !important;
  }
  .about__section.pb-xl {
    padding-bottom: 40px !important;
  }
  .about-hero__image,
  .about-page__image--randall,
  .about-page__image--mesa-family,
  .about-page__image--santanna {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-right: 10px;
    padding-left: 10px;
  }
  .about-hero__image,
  .about-page__image--mesa-family,
  .about-page__image--santanna {
    padding-bottom: 40px;
  }
  .about-page__image--randall {
    padding-top: 40px;
  }
  .about-page.js-timeline-slider {
    margin-right: 40px;
    margin-left: 40px;
  }
  .wysiwyg.basic-interior {
    padding-right: 0;
  }
  .wysiwyg h1 {
    margin-right: 0;
  }
  .support-page__dealer-search--container {
    margin-top: 20px;
  }
  .support-page__dealer-search--container h1 {
    padding-bottom: 80px !important;
  }
  .support-page__dealer-search--container .support-page__dealer-search--wrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .support-page__dealer-search--container .support-page__box {
    margin-bottom: 80px;
  }
  .blog-landing__featured-post {
    height: auto;
  }
  .blog-post__navigation {
    margin: 20px 0 40px;
  }
  .location-search__form:first-child {
    text-align: right;
  }
  .map--locations-not-found {
    width: 90%;
    right: 5%;
    left: 5%;
  }
  .modal__content-main h4 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
  }
  .product__listing--animated,
  .menu__product {
    padding: 0 50px;
    text-align: center;
  }
  .menu__product,
  .menu__product .product__listing--animated,
  .menu__product .menu__product {
    padding: 0;
  }
}
/**
 * Medium Only
 */
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  .main-footer__container .logo--shop-mesa {
    display: block;
    position: relative;
    left: 0;
  }
  .main-footer__container .logo--shop-mesa img {
    width: 50px;
  }
  .shelf__wrapper:before {
    width: 67%;
  }
  .shelf__product__content .compare__delete {
    width: 30px;
    height: 30px;
  }
  .shelf__product__content .compare__delete:before {
    font-size: 20px;
  }
  .grid-sizer,
  .masonry-brick {
    width: 50%;
  }
}
/**
 * Medium
 */
@media all and (min-width: 48em) {
  .artist-video-slider-desktop {
    display: block;
  }
  .artist-video-slider-desktop .flex-control-nav.flex-control-paging {
    padding-left: 0;
    margin-top: 8px;
  }
  .main-content .flex-control-nav.flex-control-paging li a {
    border-width: 8px;
    height: 16px;
    width: 16px;
  }
  .artist-video-slider-mobile {
    display: none;
  }
  .blog-spotlight--article-img--wrapper.is-hidden-medium {
    visibility: hidden;
  }
}
/**
 * Large
 */
@media all and (min-width: 62em) {
  .hidden-archive-years .year {
    display: none;
  }
  .hidden-archive-years .year.show-year {
    display: block;
  }
  .hidden-archive-years .hidden-archive-years--handle {
    display: block;
    padding-top: 14px;
    padding-bottom: 14px;
    text-align: center;
    font-size: 40px;
    line-height: 10px;
  }
  .hidden-archive-years .hidden-archive-years--handle i {
    color: #ff6600;
    vertical-align: -webkit-baseline-middle;
  }
}
/**
 * Extra Large
 */
/**
 * Print
 */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  html {
    font: 12pt/1.5em Georgia, "Times New Roman", Times, serif;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: bold;
    line-height: 1.1em;
    margin-bottom: 0.5em;
    margin-top: 1em;
    page-break-after: avoid;
    orphans: 3;
    widows: 3;
  }
  li h1,
  li h2,
  li h3,
  li h4,
  li h5,
  li h6 {
    margin-top: 0;
  }
  h1 {
    font-size: 24pt;
  }
  h2 {
    font-size: 21pt;
  }
  h3 {
    font-size: 18pt;
  }
  h4 {
    font-size: 16pt;
  }
  h5 {
    font-size: 14pt;
  }
  h6 {
    font-size: 12pt;
  }
  blockquote,
  p,
  ul,
  ol,
  dl,
  figure,
  img {
    margin-bottom: 1em;
  }
  figure img {
    margin-bottom: 0;
  }
  ul,
  ol,
  dd {
    margin-left: 3em;
  }
  pre,
  blockquote {
    border-left: 0.5em solid #999;
    padding-left: 1.5em;
    page-break-inside: avoid;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  figcaption {
    text-transform: uppercase;
    font-size: 10pt;
  }
  strong {
    font-weight: bold;
  }
  em {
    font-style: italic;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  form,
  video,
  nav {
    display: none !important;
  }
  @page {
    margin: 2cm;
  }
  .shelf {
    position: absolute;
    top: 0;
    left: 0;
  }
  .shelf a[href]:after {
    content: "";
  }
  .shelf ul {
    margin-left: 0;
  }
  .shelf > .relative-container {
    z-index: 900;
  }
  .shelf .swatch-faded {
    display: none;
  }
  .shelf-print #main-header,
  .shelf-print #main-footer,
  .shelf-print .modal-preview__share {
    display: none;
  }
  .shelf-print .modal--preview,
  .shelf-print .modal__content {
    /* Mixins */
    -webkit-transform: translate(0, -30%);
    -moz-transform: translate(0, -30%);
    -o-transform: translate(0, -30%);
    -ms-transform: translate(0, -30%);
    transform: translate(0, -30%);
    position: absolute;
    top: 0;
    left: 0;
  }
  .shelf-print .modal__content {
    width: 100%;
    position: relative;
  }
  .shelf-print .modal__content .image-actions {
    display: none;
  }
  .shelf-print .modal__content .modal__primary-image-container img {
    width: 90%;
    overflow: visible;
    float: right;
  }
  .shelf-print .gcl-10of12 {
    width: 70%;
  }
  .shelf-print .gcl-2of12 {
    width: 30%;
  }
  .shelf-print .gcl-2of12 img {
    width: 30%;
  }
  .shelf-print .gcl-2of12 h5,
  .shelf-print .gcl-2of12 p {
    margin-top: 5px !important;
    text-align: left !important;
  }
  .shelf-print .modal-image-caption {
    position: absolute;
    top: 82%;
    right: 0;
  }
  .shelf-print .modal-image-caption h2 {
    text-align: right !important;
  }
  .shelf-print .modal--preview__swatch {
    text-align: left;
  }
  .shelf-print .swatch-name {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    margin-top: 5px;
    position: relative;
    left: 0;
    top: 0;
  }
  .shelf-print .modal--preview__swatch:before,
  .shelf-print .modal--preview__swatch:after {
    display: none;
  }
  .shelf-print .print-bkg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 890;
  }
}
/**
 * Prototype Styles
 * REMOVE WHEN BEGINNING PRODUCTION
 */
.alt-product-hero-title .hero__blurb {
  max-width: 42%;
}
@media (min-width: 768px) {
  .alt-product-hero-title {
    bottom: 50px;
  }
}
.alt-product-page-jump {
  display: none;
  cursor: pointer;
}
.alt-product-page-jump:before {
  transform: rotate(90deg);
}
@media (min-width: 768px) {
  .alt-product-page-jump {
    position: absolute;
    bottom: 0;
    right: 50%;
    display: block;
    color: #ff6600;
    font-size: 8em;
    line-height: .75em;
    transform: translateX(75%);
  }
}
.alt-product-wrapper {
  max-width: none !important;
}
@media (min-width: 768px) {
  .alt-product-wrapper {
    max-width: 75% !important;
  }
}
.alt-product-wysiwyg div.clearfix {
  overflow: auto;
}
.alt-product-wysiwyg div.clearfix:after {
  content: "";
  clear: both;
  display: table;
}
.alt-product-wysiwyg .wysiwyg-content > *:first-child {
  margin-top: 0;
}
.expandable-wysiwyg-section .expandable-wysiwyg {
  overflow: hidden;
}
.expandable-wysiwyg-section .read-more-wrapper {
  text-align: center;
}
.expandable-wysiwyg-section .read-more-wrapper .read-more-link {
  display: none;
  margin-top: 15px;
}
.alt-product-bg-grey {
  background-color: #212121;
}
.alt-product-bg-dark-border {
  background-color: #000000;
  border-top: 1px solid #ff6600;
  border-bottom: 1px solid #ff6600;
}
.alt-product-review-slider {
  width: 90%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.alt-product-review-slider.slider-single-image {
  width: 100%;
}
.alt-product-review-slider .flex-prev {
  left: -55px;
}
.alt-product-review-slider .flex-next {
  right: -20px;
}
.alt-product-review-slider .review-quote {
  position: relative;
  padding: 20px 60px 20px 35px;
  border-left: 1px solid #ff6600;
}
.alt-product-review-slider .review-quote .review-icon {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 8px;
  padding-left: 8px;
  font-size: 46px;
  line-height: 1em;
  background-color: #ff6600;
}
.alt-product-review-slider .review-quote .citation {
  margin-top: 10px;
  font-weight: bold;
  text-transform: uppercase;
}
.alt-product-review-slider .review-quote:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 1px;
  background-color: #ff6600;
}
.alt-product-review-slider .review-quote:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 1px;
  background-color: #ff6600;
}
.alt-product-margin-auto {
  margin-left: auto;
  margin-right: auto;
}
.alt-product-submit-review {
  margin-top: 25px;
  margin-left: 60px;
}
@media (max-width: 767px) {
  .review-slide {
    background-color: #212121;
  }
  .alt-product-review-slider .review-quote {
    border-left: none;
  }
  .alt-product-review-slider .review-quote:before,
  .alt-product-review-slider .review-quote:after {
    display: none;
  }
  .review-quote {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
  .review-quote .review-icon {
    display: none;
  }
  .js-nav-slider-wnav .flex-prev,
  .js-nav-slider-wnav .flex-next {
    display: none;
  }
  .alt-product-submit-review {
    margin-left: 0;
    text-align: center;
  }
}
.js-nav-slider-wnav .flex-control-nav {
  padding-left: 0 !important;
  margin-top: 10px !important;
}
.swap-video,
.swap-video-thumb {
  display: block;
  position: relative;
  letter-spacing: initial;
}
.swap-video .play-button,
.swap-video-thumb .play-button {
  display: none;
  color: #ff6600;
  position: absolute;
  top: 50%;
  right: 0;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -60%);
  width: 16%;
}
.swap-video.playing .play-button,
.swap-video-thumb.playing .play-button,
.swap-video:hover .play-button,
.swap-video-thumb:hover .play-button {
  display: block;
}
.product-section .wysiwyg .clearfix .wysiwyg-content > p:first-child {
  margin-top: 0;
  padding-top: 0;
}
.product-section .wysiwyg .wysiwyg-content .quote--small {
  padding-bottom: 0;
}
.product-section {
  padding-top: 50px;
  padding-bottom: 50px;
}
.product-section .float--right {
  float: right !important;
}
.product-section .float--left {
  float: left !important;
}
.product-section .alt-product-wysiwyg .flex-prev {
  left: -25px;
}
.product-section .alt-product-wysiwyg .flex-next {
  right: 15px;
}
h1.wysiwyg-heading,
h2.wysiwyg-heading,
h3.wysiwyg-heading,
h4.wysiwyg-heading,
h5.wysiwyg-heading {
  text-transform: uppercase;
  font-family: "Proxima Nova";
  font-size: 1.5rem;
  line-height: 1.25;
}
.lg-location-icon .icon--location:before {
  color: #ff6600;
  font-size: 10em;
  transform: translate(50%, -5%);
  line-height: 1em;
}
.lg-open-book-icon .icon--zzopen-book:before {
  color: #ff6600;
  font-size: 8em;
  transform: translate(15%, 24%);
  line-height: 1.25em;
}
.button-icon {
  transform: translateX(50%);
  display: inline-block;
  vertical-align: middle;
}
.reviews-testimonials__nav .reviews-testimonials__nav-button {
  min-width: 175px;
  font-size: 1.1em;
  padding: 10px 5px;
}
.reviews-testimonials__nav .reviews-testimonials__nav-button.is-active {
  color: #fff;
  background-color: #ff6600;
}
.reviews-testimonials__nav .reviews-testimonials__nav-button:first-child {
  margin-right: -2px;
}
.reviews-testimonials__nav .reviews-testimonials__nav-button:last-child {
  margin-left: -2px;
}
html,
body {
  background: #000000 url('/resources/images/bg-global.jpg') repeat-y center top;
}
.wrapper {
  width: 92%;
  max-width: 68.57142857142857em;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1193px) {
  [class*="menu__product--link"] {
    width: 25%;
  }
}
/*# sourceMappingURL=mesa-fixed.css.map */