/*---===<<< GOOGLE FONT IMPORT >>>===---*/
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap");
/*  --------------------------------------------------------------------------  *\

    GLOBAL SITE VARIABLES

    ORGANIZATION OF OUR CSS DEFINITIONS GROUP CLASS DEFINITIONS BY THE FOLLOWING TYPES

    POSITIONING (DISPLAY, FLEX, FLEX ITEM, POSITION, LEFT, TOP, TRANSFORM)
    BOX SIZING (WIDTH, HEIGHT, MARGIN, PADDING)
    BOX STYLING (OPACITY, BACKGROUND, BOX SHADOW, BORDER, BORDER RADIUS, OVERFLOW)
    FONT STYLING (FONT, FONT-FAMILY, FONT-STYLE, FONT-SIZE, LINE-HEIGHT, FONT-WEIGHT)
    TEXT STYLING (TEXT-DECORATION, TEXT-TRANSFORM, TEXT-ALIGN, TEXT-SHADOW)
    OTHER (TRANSITONS, ANIMATIONS, CURSOR)

    IF A MIXIN IS AVAILABLE USE THAT INSTEAD WRITING ALL PROPERTIES OUT

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

    COLORS
    
    IT'S IMPORTANT TO USE A GENERIC NAMING SYSTEM FOR COLORS USED THROUGHOUT THE 
    SITE. THIS ALLOWS US TO BUILD UPDATE VARIABLES IN THE FUTURE WITHOUT HAVING 
    POTENTIAL ISSUES LIKE RED BECOMING GREEN DUE TO A RE-BRAND.

    Primary, Seoncdary, and Tertiary refer to the most used, second most used
    and third most used color in the pallete.  These are generally shades of
    gray used to set the color of copy and backgrounds of elements.

    Aceent colors are used to set the brand colors used throughout the web 
    design. These are commonly used to accent an element like when used as a 
    border or design element to a heading, or draw the users attention to a
    call to action like a button.

    The reason we want to stick to this style naming convention for colors
    is so that if the branding of the company changes, we can quickly update
    a variable from a light shade of green to a WCAG compliant shade of green
    and not have to do a find and replace for $lt-green and change it to 
    $dk-green.

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

    FONT SETTINGS

    These variables define the font settings used throughout the website.

    Setting the copies font family, size, color and line-height allows us to 
    use these variables throughout our files and ensure we are consistently
    setting things up.  These are all used in the reset file on the body and 
    html element, which should mean the only time you need to re-use these
    are when you are resetting a more specific class back to these values.

    The headings file under structure utilize the heading variables.

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

    MEDIA QUERIES

    Common media queries that we utilize throughout the SCSS for the website.

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

    GRID SETUP

    Grid variables that are used to set the base variables of the Grid Mixins.

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

    GUTTER

    This is probably the most used set of variables found throuhgout the base 
    styling of the component library.

    Utilizing a standard set of gutters for spacing will help maintain 
    consistency throughout the website. Most of our designers use at least 3
    common sizes for gutters in their designs.

    We utilize the Normal, Small and Large gutters to create the spacing for
    all of our components that have sm and lg variations.  The core styling
    utilizes the $gutter variable, while the sm and lg utilize $gutterSm
    and $gutterLg respectively.

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

    GLOBAL MIXINS

    These are a common set of mixins that are commonly 

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

    SCREEN READER ONLY

    This mixin hides all content from the view, but keeps it audible for 
    screen readers.

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

    CLEARS

    Both of the following mixins can be used to clear floated elements.

    Clearfix makes the before and after of the wrapping element able to clear
    the floats contained within it. This is good to use when all floated 
    elements are contained with in a single parent element.

    Clear makes the element itself clear the floats, this is used when an 
    element is following a floated element and needs to be on a new row.

    While floating is older and not as prefered as using newer techniques for 
    page layout, it still serves a useful purpose and should be used 
    appropriately.

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

    THE APPEARANCE MIXIN

    This is used to reset an objects experience of the default settings applied
    by the browser.

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

    THE HOVER/FOCUS MIXIN

    90% of the time when a hover psuedo class is added to an element the focus 
    psuedo class should be defined as well. These psuedo classes are also 
    generally the same styles.

    We've created the hover mixin to apply both the hover & focus states.

    This MUST be used whenever defining a hover state, unless the focus state
    requires different behavior to be applied.

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

    THE TRAMSFORM MIXINS

    Transform is used to move an element on the page, without triggering a 
    re-paint.  This is key when animating either through animate or transition
    on an element, the animation will be faster and work better when using the
    transform property rather than the left, top, right, and bottom properties.

    The transform mixins are a set of commonly coupled CSS 3 properties used
    together.  They are each individually defined because they don't all need
    to be used all the time.

    Transform is a must for all of the others to work, and the others are 
    useless without it.

    Transform Origin will change the location where the transform will start
    to take effect from.

    Perspective will be be amount of distance in space the transform should be
    applied from.

    Backface is used to hide the backside of an element when it's rotated and
    the back of the parent element is not visible.  Without this applied, the
    back side of the element will appear behind the front of the element.

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

    THE POSITION MIXIN

    The position mixin was created to help position elements by combining 
    severally coupled properties into the mixin.

    When positioning something relative, absolute, fixed, or sticky we almost
    always are defining the z-index, so that is our second variable.  Setting
    the variable to null will ignore the z-index property completely and the
    z-index will be inherited from it's natural position in the dom. Otherwise
    pass in an integer and the z-index will be defined.

    The next variable applies the direction, this can either be an array of 
    directions passed in like (top, left), or it can be a single direction like
    left.

    The next variable applies the coordinates corresponding to the direction. 
    For each direction passed in, a corresponding coordinate needs to accompany
    it. For example if (top, left) is set as our direction, then (0, 0) would 
    set the top: 0; left: 0; properties.

    The last variable to be passed in is the transform property which will 
    call the transform mixin.

    Only the position variable is required to make the mixin wor, which is why
    we default to relative, the rest are preset to null.

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

    THE FLEX MIXINS

    This group of mixins can be used to ensure all vendor prefixing is 
    correctly applied to support older browsers.  In addition, we couple the 
    common properties that work with flex.

    When the flex mixin is called, the first property will set the display of
    the object to flex.

    The first variable allows you to set the justify content property which 
    aligns the child elements accross the first axis. 

    Remember:
        - when setting flex-flow to column the first axis is the Y-axis 
        - when setting flex-flow to row the first axis is the X-axis

    The second variable allows you to set the align items property which 
    aligns the child elements accross the second axis. 

    Remember:
        - when setting flex-flow to column the second axis is the Y-axis 
        - when setting flex-flow to row the second axis is the X-axis

    The third variable allows you to set align content, which has no effect
    when there is only one line of items, 

    The final variable is flex-flow which allows you to set the direction and 
    whether the items inside can wrap or not.

    The Flex Item mixin is used to apply properties to the flexed item.

    The first three variables are required in order for this mixin to work.

    The grow variable tells the flex item whether it's allowed to grow to 
    fill the unused space.

    The shrink variable tells the flex item whether it's allowed to shrink
    to accomodate more elements within the space.

    The flex basis variable defines how much space the element should take up
    initially, then scale proportionatly based on that with the other sibling
    elements. Generally we leave this set to auto.

    The final variable defines the order for the element to appear.

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

    THE CSS COLUMNS MIXIN

    This is used to set a parent element to X number of columns. This is not to 
    be confused with our grid columns, or grid-template-columns mixins.

    The multicolumn mixin breaks the content contained within a parent element
    into multiple columns.  This is helpful for breaking lists or paragraphs
    into multiple columns.

    The first variable defines how many columns are desired.

    The second variable defines the space between each column.

    The third variable defines the rule styling (same definition as a border)
    applied between each column.

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

    THE SET WIDTH MIXIN

    This mixin is used to set the width of an element based on a group of
    media queries and their corresponding widths. For example the div within
    the header, section, and footer elements all use this mixin to set the
    width of the element at a corresponding media query so they are all
    styled with the same width.
    
    The first variable is a set of media queries, the first item in the array
    will be set as the default. The following items will all be set to their
    corresponding media queries.
    
    The second variable is an array of widths, normally % based, but could be
    any value acceptable to be defined in the width property.

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

    THE CSS3 GRID MIXINS

    This set of mixins are used to build grid layouts using the CSS3 Grid 
    property.

    Grid Columns is used to set the columns on a parent element.

    Grid Rows is used to set the rows on a parent element.
    
    Grid Column Gap will define the space between the columns.

    Grid Row Gap will define the space between the rows.

    Grid will combine all of the above mixins into 1 mixin used to define
    the base of the parent item.  The above mixins can be used on their own
    to change their values at various media queries.

    IE11 does support grid, so we can utilize it to create complex layouts, 
    however there are some elements of the grid which it does not support.  
    This mixin will fix all of that and write out the proper settings to 
    support IE.

    We utilize the @supports feature which is not supported by IE11, but is
    supported by all browsers that also happen to use grid.  So using this 
    feature we can reset some of the settings applied to IE11.

    The grid item mixin will set specific values needed for the placement of
    the item itself.

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

    THE GRID LAYOUT MIXINS

    This mixin is used to create a row and column based grid structure, like 
    the one found in bootstrap, actually exactly like the one found in bootstrap.

    The Set Col Widths mixin is looped over and sets the width based of an 
    element based on how many columns are defined.

    Generate Columns is used to loop over each media query and then calls the 
    Set Col Widths mixin to build each group out.

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

    CSS 3 EFFECTS

    These mixins in the past have had lots of browser prefixes to make them
    work across all the browsers.

    We will maintain the prefixes, and remove them as needed.

    The mixins will continue to work, as to not break the code, but as older
    browsers decline in use, we will remove unnecessary prefixes to help keep
    our file size limited.

    Effects include:
    * Box Shadow
    * Animations
    * Filters
    * Tranistions

\*  --------------------------------------------------------------------------  */
/*--- FILTERS ---*/
/*--- TRANSITION ---*/
/*  --------------------------------------------------------------------------  *\

    THE FONT SIZE MIXIN

    This mixin was originally used to support REM and PX based measurement for
    fonts.  However, since we have moved to a completely rem based measurement
    this mixin is less likely to be used.

    This is marked for deletion in an upcoming update, but we want to keep this
    around for a little while longer.

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

    THE BUTTON MIXIN

    This mixin controls the base button styles since there are several different
    buttons class structures used throughout BigCommerce.

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

    COMMON RESETS TO HELP MAKE BROWSERS DISPLAY MORE CONSISTANTLY

\*  --------------------------------------------------------------------------  */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,600&display=swap");
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

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

    RESETS THE FONT SIZE TO BE BASE 10

\*  --------------------------------------------------------------------------  */
html {
  font-size: 100%; }

body {
  overflow-x: hidden; }
  body .acsb-trigger.acsb-ready {
    display: none !important; }

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

    PREVENTS HORIZONTAL SCROLLING WHEN IT'S UNDESIRED

\*  --------------------------------------------------------------------------  */
@media (max-width: 991.9px) {
  html, body {
    width: 100%; } }

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

    REMOVES OUTLINE ON FOCUS

\*  --------------------------------------------------------------------------  */
:focus {
  outline: none; }

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

    ANCHOR STYLES

    SETS A TRANSITION DEFAULT HERE FOR ALL ANCHORS.
    
    SETS UP THE SKIP CONTENT BUTTON THAT SHOULD BE FOUND AS THE FIRST ELEMENT 
    AFTER THE OPENING BODY TAG ON ALL PAGES.

\*  --------------------------------------------------------------------------  */
a {
  transition: all .25s; }
  a.skip-content {
    position: fixed;
    z-index: 10000;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -101%);
    -ms-transform: translate(-50%, -101%);
    transform: translate(-50%, -101%);
    padding: 0.75rem;
    background: #fff;
    color: #1b1f2a;
    transition: transform 0.25s, background 0.25s, color 0.25s; }
    a.skip-content:focus {
      background: #1b1f2a;
      color: #fff;
      -webkit-transform: translate(-50%, 1.875rem);
      -ms-transform: translate(-50%, 1.875rem);
      transform: translate(-50%, 1.875rem); }
    @media print {
      a.skip-content {
        display: none; } }

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

    RESETS THE BUTTON TO BE JUST LIKE ALL OTHER INLINE ELEMENTS

\*  --------------------------------------------------------------------------  */
button {
  background: none;
  border: none;
  font-size: 1em;
  font-family: "Rubik", sans-serif;
  cursor: pointer; }
  button:focus {
    border: 1px solid black; }

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

    RESETS STYLES ON INPUT ELEMENTS FOR FORMS

\*  --------------------------------------------------------------------------  */
input, select, textarea {
  border-radius: 0px; }

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

    PROVIDES A CLASS FOR SCREEN READER ONLY ELEMENTS

\*  --------------------------------------------------------------------------  */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

.icons-svg-sprite {
  display: none; }

.has-activeModal {
  overflow: hidden; }

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

    COPY STYLES

    This sets our base for all the copy on the website

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

    COPY STYLES

    Global styles for all basic copy styling.
    This should set all basic copy elements at the root level for each, then
    you can modify for specific components later.

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

    COPY - BODY STYLES

\*  --------------------------------------------------------------------------  */
body {
  color: #1b1f2a;
  font-family: "Rubik", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  background: #fff; }

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

    COPY - BLOCK ELEMENTS

\*  --------------------------------------------------------------------------  */
p, ul, ol, dl, table, blockquote, figure, address {
  margin: 0 0 1.5rem; }
  p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child, figure:last-child, address:last-child {
    margin-bottom: 0; }
  p.small, ul.small, ol.small, dl.small, table.small, blockquote.small, figure.small, address.small {
    font-size: 0.875rem;
    line-height: 1.25rem; }

button {
  transition: all .25s; }

p:last-child {
  margin: 0 0 1.5rem; }

hr {
  margin: 1.875rem auto;
  height: 0.0625rem;
  max-width: 1254px;
  background: #1b1f2a;
  border: none; }

.intro {
  font-size: 24; }

.disclaimer {
  color: #1b1f2a;
  font-style: italic;
  font-size: 12;
  text-align: center; }

address {
  font-style: normal; }

.account-number {
  color: #1b1f2a; }
  .account-number strong {
    text-transform: uppercase;
    font-weight: 900;
    margin: 0 0.5rem 0 0; }

div.med-up-only {
  display: none; }
  @media (min-width: 768px) {
    div.med-up-only {
      display: flex; } }

@media (min-width: 768px) {
  div.med-down-only {
    display: none; } }

.dt-only {
  display: none; }
  @media (min-width: 992px) {
    .dt-only {
      display: block; } }

@media (min-width: 992px) {
  .mob-only {
    display: none !important; } }

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

    COPY - MULTI COLUMN CONTENT

\*  --------------------------------------------------------------------------  */
@media (min-width: 768px) {
  [class*="multi-col-"] {
    margin: 0 0 1.5em;
    padding: 0;
    -webkit-column-count: 2;
    -ms-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1.875rem;
    -ms-column-gap: 1.875rem;
    column-gap: 1.875rem;
    -webkit-column-rule: 0.2rem solid #c25336;
    -ms-column-rule: 0.2rem solid #c25336;
    column-rule: 0.2rem solid #c25336; }
  ul[class*="multi-col-"] > li, ol[class*="multi-col-"] > li {
    display: inline-block;
    width: 100%; } }

@media (min-width: 992px) {
  .multi-col-3 {
    -webkit-column-count: 3;
    -ms-column-count: 3;
    column-count: 3; }
  .multi-col-4 {
    -webkit-column-count: 4;
    -ms-column-count: 4;
    column-count: 4; } }

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

    COPY - BASIC LINK STYLES

    BUTTONS are located in the Components > Basic > Button file.

\*  --------------------------------------------------------------------------  */
a {
  color: #1b1f2a;
  text-decoration: none; }
  a:hover, a:focus {
    color: #8c6334;
    text-decoration: underline; }
  address a, a[href*="tel:"] {
    text-decoration: none; }

span a, p a {
  text-decoration: underline; }

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

    COPY - BODY STYLES

\*  --------------------------------------------------------------------------  */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: #3d4b3c;
  line-height: 1.25; }
  .invert h1, .invert .h1, .invert h2, .invert .h2, .invert h3, .invert .h3, .invert h4, .invert .h4, .invert h5, .invert .h5, .invert h6, .invert .h6 {
    color: #fff; }
  h1.pad-extra, .h1.pad-extra, h2.pad-extra, .h2.pad-extra, h3.pad-extra, .h3.pad-extra, h4.pad-extra, .h4.pad-extra, h5.pad-extra, .h5.pad-extra, h6.pad-extra, .h6.pad-extra {
    padding: 2rem 0; }

h1, .h1, h2, .h2, h3, .h3 {
  font-family: "EB Garamond", serif; }

h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Rubik", sans-serif; }

h1, .h1 {
  font-size: 1.875rem;
  font-weight: 400;
  letter-spacing: .01em;
  text-transform: capitalize;
  line-height: 1.21053;
  margin: 0 0 0.625rem; }
  @media (min-width: 768px) {
    h1, .h1 {
      font-size: 2.8125rem; } }
  @media (min-width: 992px) {
    h1, .h1 {
      font-size: 3.75rem; } }

h2, .h2 {
  font-size: 1.5rem;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 1.22727;
  margin: 0 0 2rem; }
  h2 small, .h2 small {
    font-size: 0.875rem;
    line-height: 1;
    display: block;
    margin: 0 0 0.5rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: #512c1f; }
  @media (min-width: 768px) {
    h2, .h2 {
      font-size: 1.875rem; } }
  @media (min-width: 992px) {
    h2, .h2 {
      font-size: 2.8125rem; }
      h2 small, .h2 small {
        font-size: 1rem;
        margin: 0 0 0.625rem; } }

h3, .h3 {
  font-size: 1rem;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1.33333;
  margin: 0 0 1rem; }
  @media (min-width: 768px) {
    h3, .h3 {
      font-size: 1.125rem; } }
  @media (min-width: 992px) {
    h3, .h3 {
      font-size: 1.875rem; } }

h4, .h4 {
  font-size: 1.125rem;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 1.5rem; }
  @media (max-width: 767.9px) {
    h4, .h4 {
      font-size: 1rem; } }

h5, .h5, h6, .h6 {
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0 0 1.25rem; }

#videoSection small {
  display: block;
  margin: 0 0 0.5rem;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  letter-spacing: 0.05em;
  color: #3d4b3c; }

#videoSection h2 {
  margin-bottom: 0.8rem; }

@media (min-width: 992px) {
  #videoSection small {
    font-size: 1rem;
    margin: 0 0 0.625rem; } }

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

    COPY - LIST STYLES

    Below are resets that will make working with custom bullets and numbers
    much easier.

\*  --------------------------------------------------------------------------  */
ul, ol {
  list-style: none; }
  ul li, ol li {
    position: relative;
    z-index: 0;
    padding: 0 0 0 1.25rem; }
    ul li:before, ol li:before {
      position: absolute;
      z-index: 0;
      left: 0;
      top: 0.75em;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    ul li + li, ol li + li {
      margin: 0.625rem 0 0; }
  ul ul, ul ol, ol ul, ol ol {
    margin-bottom: 0; }

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

    IMPORTS FOR EACH LIST DEFINITION

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

    COPY - LISTS - UNORDERED

\*  --------------------------------------------------------------------------  */
ul li:before {
  width: 0.1875rem;
  height: 0.1875rem;
  background: #3d4b3c;
  border-radius: 0.1875rem;
  content: ""; }

ul ul li:before {
  border-radius: 0; }

ul ul ul li:before {
  -webkit-transform: translate(0, -50%) rotate(45deg);
  -ms-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg); }

#reviews ul li:before {
  display: none; }

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

    COPY - LISTS - ORDERED

\*  --------------------------------------------------------------------------  */
ol {
  counter-reset: grv-counter; }
  ol li {
    counter-increment: grv-counter; }
    ol li:before {
      content: counter(grv-counter) ".";
      font-size: 0.75rem;
      font-weight: 600;
      top: 1em; }
  ol ol {
    margin: 0 0 0 2em; }
    ol ol li:before {
      content: counter(grv-counter, lower-alpha) "."; }
    ol ol ol li:before {
      content: counter(grv-counter, lower-roman) "."; }
  ol.alpha li:before {
    content: counter(grv-counter, upper-alpha) "."; }

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

    COPY - LISTS - DEFINITION

\*  --------------------------------------------------------------------------  */
dl dt {
  font-size: 1.8;
  font-weight: bold; }
  dl dt ~ dt {
    margin: .5em 0 0; }

dl dd {
  padding: 0 0 0 1em; }

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

    COPY - ALIGNMENTS

\*  --------------------------------------------------------------------------  */
.ta-left {
  text-align: left !important; }

.ta-center {
  text-align: center !important; }

.ta-right {
  text-align: right !important; }

#consent-manager-update-banner {
  position: relative !important; }

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

    STRUCTURAL ELEMENTS

    The structural elements come next and set up globally used site elements
    like the grid, header, footer, sections, and backgrounds.

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

    GRID

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

    CONTAINER

\*  --------------------------------------------------------------------------  */
.container {
  margin: 0 auto;
  padding: 0 0.9375rem;
  max-width: 1254px;
  width: 100%; }
  @media (min-width: 992px) {
    .container {
      width: 95%; } }
  @media (min-width: 1200px) {
    .container {
      width: 85%; } }
  @media (min-width: 992px) {
    .container {
      padding: 0 1rem; } }

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

    ROWS

    This sets up our rows used to break up content into columns.

\*  --------------------------------------------------------------------------  */
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-flow: row wrap;
  width: calc(100% + 1.5rem);
  margin: 0 -0.9375rem;
  /*  ----------------------------------------------------------------------  *\
    
        BACK TO BACK ROWS
    
        Set the margin when rows are next to each other.
    
    \*  ----------------------------------------------------------------------  */
  /*  ----------------------------------------------------------------------  *\
    
        ALIGNMENTS
    
        Change the default alignment to different alignments.
    
    \*  ----------------------------------------------------------------------  */
  /*  ----------------------------------------------------------------------  *\
    
        MARGINS
    
        Change the default margins.
    
    \*  ----------------------------------------------------------------------  */ }
  @media (min-width: 768px) {
    .row {
      width: calc(100% + 2rem);
      margin: 0 -1rem; } }
  .row + .row {
    margin-top: 1.875rem; }
    @media (min-width: 768px) {
      .row + .row {
        margin-top: 5.625rem; } }
  .row.margin-bottom {
    margin-bottom: 1.875rem; }
    @media (min-width: 768px) {
      .row.margin-bottom {
        margin-bottom: 5.625rem; } }
  .row.va-center {
    align-items: center; }
  .row.va-top {
    align-items: flex-start; }
  .row.va-bottom {
    align-items: flex-end; }
  .row.ha-center {
    justify-content: center; }
  .row.ha-left {
    justify-content: flex-start; }
  .row.ha-right {
    justify-content: flex-end; }
  .row.m-b {
    margin-bottom: 1.5rem; }
    @media (min-width: 768px) {
      .row.m-b {
        margin-bottom: 1.875rem; } }
  .row.m-t-xtra {
    margin-top: 3.125rem; }
    @media (min-width: 768px) {
      .row.m-t-xtra {
        margin-top: 4.6875rem; } }
    @media (min-width: 992px) {
      .row.m-t-xtra {
        margin-top: 6.25rem; } }
  @media (max-width: 1028px) {
    .row .container {
      padding: 0 1.5rem; } }

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

    COLUMNS

    This sets up the base for all columns.

\*  --------------------------------------------------------------------------  */
[class*="col-"] {
  padding: 0 0.75rem;
  margin: 0;
  -webkit-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  order: 1; }
  @media (min-width: 768px) {
    [class*="col-"] {
      padding: 0 0.9375rem; } }

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

    GENERATE COLUMNS

    This mixin generates all columns creating XS-LG with 12 columns.

\*  --------------------------------------------------------------------------  */
.col-xs-1 {
  width: 8.33333%; }

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

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

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

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

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

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

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

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

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

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

.col-xs-12 {
  width: 100%; }

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

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

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

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

.gap-xs-1 {
  margin-left: 8.33333%; }

.gap-xs-2 {
  margin-left: 16.66667%; }

.gap-xs-3 {
  margin-left: 25%; }

.gap-xs-4 {
  margin-left: 33.33333%; }

.gap-xs-5 {
  margin-left: 41.66667%; }

.gap-xs-6 {
  margin-left: 50%; }

.gap-xs-7 {
  margin-left: 58.33333%; }

.gap-xs-8 {
  margin-left: 66.66667%; }

.gap-xs-9 {
  margin-left: 75%; }

.gap-xs-10 {
  margin-left: 83.33333%; }

.gap-xs-11 {
  margin-left: 91.66667%; }

.gap-xs-12 {
  margin-left: 100%; }

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

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

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

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

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

    SETTING MARGIN SPECIFICS

    This will fix margins when two elements are next to each other with a 12
    column count.

\*  --------------------------------------------------------------------------  */
.col-xs-12 + .col-xs-12 {
  margin-top: 1.5rem; }

@media (min-width: 576px) {
  .col-xs-12 + .col-xs-12[class*="col-sm-"] {
    margin-top: 0; } }

@media (min-width: 768px) {
  .col-xs-12 + .col-xs-12[class*="col-md-"] {
    margin-top: 0; } }

@media (min-width: 992px) {
  .col-xs-12 + .col-xs-12[class*="col-lg-"] {
    margin-top: 0; } }

@media (min-width: 576px) {
  .col-sm-12 + .col-sm-12 {
    margin-top: 1.5rem; } }

@media (min-width: 768px) {
  .col-sm-12 + .col-sm-12[class*="col-md-"] {
    margin-top: 0; } }

@media (min-width: 576px) {
  .col-sm-12 + .col-xs-12[class*="col-lg-"] {
    margin-top: 0; } }

@media (min-width: 768px) {
  .col-md-12 + .col-md-12 {
    margin-top: 1.875rem; } }

@media (min-width: 992px) {
  .col-md-12 + .col-md-12[class*="col-lg-"] {
    margin-top: 0; } }

@media (min-width: 992px) {
  .col-lg-12 + .col-lg-12 {
    margin-top: 1.875rem; } }

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

    ORDER

    Ability to change the columns order to move a later element to the front.

\*  --------------------------------------------------------------------------  */
.col-xs-pull {
  order: 0; }

.col-xs-push {
  order: 2; }

.col-xs-reset {
  order: 1; }

@media (min-width: 576px) {
  .col-sm-pull {
    order: 0; }
  .col-sm-push {
    order: 2; }
  .col-sm-reset {
    order: 1; } }

@media (min-width: 768px) {
  .col-md-pull {
    order: 0; }
  .col-md-push {
    order: 2; }
  .col-md-reset {
    order: 1; }
  .col-md-pad-left {
    padding-left: 8.33333%; }
  .col-md-pad-right {
    padding-right: 8.33333%; } }

@media (min-width: 992px) {
  .col-lg-pull {
    order: 0; }
  .col-lg-push {
    order: 2; }
  .col-lg-reset {
    order: 1; } }

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

    FLOATS

    This sets up float classes that can be used to float elements in conjunction
    with the columns classes to set the widths.

\*  --------------------------------------------------------------------------  */
.float-left, .float-right {
  margin: 0 0 1.875rem; }

@media (min-width: 768px) {
  .float-left {
    float: left;
    padding: 0;
    margin: 0 1.875rem 1.875rem 0; }
  .float-right {
    float: right;
    padding: 0;
    margin: 0 0 1.875rem 1.875rem; } }

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

    HEADER

\*  --------------------------------------------------------------------------  */
body > header {
  background: #fff;
  color: #3d4b3c;
  /*  ----------------------------------------------------------------------  *\

        POSITIONING OPTIONS

        @import 'header/positioning/_absolute-top';
        @import 'header/positioning/_fixed-top';
        @import 'header/positioning/_fixed-left';
        @import 'header/positioning/_relative';

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

    HEADER - POTIION - STICKY TOP

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

        LAYOUT OPTIONS

        @import 'header/layouts/_vertical';
        @import 'header/layouts/vertical/_w-utility-nav';
        @import 'header/layouts/vertical/_w-utility-bar';
        @import 'header/layouts/vertical/_w-toggle';

        @import 'header/layouts/horizontal/has-util-nav';

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

        LOGO

        @import 'header/logo/_img-tagline';
        @import 'header/logo/_svg-tagline';
        @import 'header/logo/_text';
        @import 'header/logo/_svg';

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

    HEADER - LOGO - SVG

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

    HEADER - NAVIGATION - TOGGLE

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

    HEADER - NAVIGATION - HORIZONTAL - UTILITY NAV

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

    HEADER - NAVIGATION - MEGA MENU

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

        SEARCH

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

        COMPONENTS

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

    HEADER - CARD

\*  --------------------------------------------------------------------------  */ }
  @media print {
    body > header {
      display: none; } }
  body > header {
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    z-index: 1000;
    width: 100%; }
    @supports (position: -webkit-sticky) {
      body > header {
        top: 0; } }
    @supports (position: sticky) {
      body > header {
        top: 0; } }
    @media (min-width: 992px) {
      body > header {
        top: 0; } }
  body > header .logo {
    display: block;
    position: relative; }
    @media (max-width: 991.9px) {
      body > header .logo {
        width: 8.75rem; } }
    @media (min-width: 992px) {
      body > header .logo {
        width: 17.25rem; } }
    body > header .logo > img {
      display: block;
      width: 100%;
      height: auto; }
  body > header .toggle-trigger {
    position: relative;
    width: 1.625rem;
    height: 3.9375rem;
    margin: 0;
    padding: 1.25rem 0; }
    body > header .toggle-trigger .bar {
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      height: 0.1875rem;
      width: 1.625rem;
      border-radius: 0.125rem;
      background: #3d4b3c;
      transition: transform 0.25s; }
      body > header .toggle-trigger .bar:nth-child(1) {
        transform: translate(-50%, -50%) translate(0, -0.5625rem); }
      body > header .toggle-trigger .bar:nth-child(2) {
        transform: translate(-50%, -50%); }
      body > header .toggle-trigger .bar:nth-child(3) {
        transform: translate(-50%, -50%) translate(0, 0.5625rem); }
    @media (min-width: 992px) {
      body > header .toggle-trigger {
        display: none; } }
  body > header .toggle {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0); }
    @media (min-width: 992px) {
      body > header .toggle {
        display: none; } }
    body > header .toggle:checked + .toggle-trigger .bar:nth-child(1) {
      width: 0; }
    body > header .toggle:checked + .toggle-trigger .bar:nth-child(2) {
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg); }
    body > header .toggle:checked + .toggle-trigger .bar:nth-child(3) {
      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
      transform: translate(-50%, -50%) rotate(-45deg); }
  body > header .utility {
    width: auto;
    margin: 1.25rem 0 0;
    border: none; }
    body > header .utility ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      flex-flow: row nowrap; }
      body > header .utility ul li {
        margin: 0 0 0 1.5rem;
        position: relative;
        z-index: 1; }
        body > header .utility ul li:first-child {
          margin: 0; }
        body > header .utility ul li a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-flow: column;
          position: relative;
          font-weight: normal;
          font-size: 0.75rem;
          line-height: 130%;
          letter-spacing: 0.02em;
          text-transform: uppercase;
          padding: 0;
          text-align: center;
          color: #3d4b3c; }
          body > header .utility ul li a svg {
            width: 1.25rem;
            height: 1.25rem;
            margin: 0;
            fill: #3d4b3c;
            transition: all .25s; }
          body > header .utility ul li a .text {
            margin: 0.375rem 0 0; }
          body > header .utility ul li a:hover, body > header .utility ul li a:focus {
            color: #a3b17b;
            text-decoration: none; }
            body > header .utility ul li a:hover svg, body > header .utility ul li a:focus svg {
              fill: #a3b17b; }
    @media (max-width: 991.9px) {
      body > header .utility {
        display: none; } }
  body > header .main-header-wrap .utility-mobile {
    width: 100%;
    border-top: 1.5px solid #e6e0d7;
    padding: 0.4375rem 0 0; }
    body > header .main-header-wrap .utility-mobile li {
      margin: 0;
      border: none; }
      body > header .main-header-wrap .utility-mobile li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-flow: row;
        display: flex !important;
        position: relative;
        font-weight: normal;
        font-size: 0.875rem;
        line-height: 1.3125rem;
        text-transform: uppercase;
        padding: 0.625rem 1rem;
        text-align: left;
        color: #3d4b3c;
        background: transparent !important; }
        body > header .main-header-wrap .utility-mobile li a svg {
          width: 1.25rem;
          height: 1.25rem;
          margin: 0 1.1875rem 0 0;
          fill: #3d4b3c;
          transition: all .25s; }
    @media (min-width: 992px) {
      body > header .main-header-wrap .utility-mobile {
        display: none; } }
  body > header .main-header-wrap > nav {
    width: 100%; }
    @media (max-width: 991.9px) {
      body > header .main-header-wrap > nav {
        position: absolute;
        left: 0;
        top: 3.4375rem;
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        background: #fff;
        height: calc(100vh - 3.4375rem);
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 999;
        transition: transform 0.25s; } }
    @media (min-width: 992px) {
      body > header .main-header-wrap > nav {
        height: auto;
        width: 100%;
        background: #f2eeea;
        position: relative; }
        body > header .main-header-wrap > nav:before {
          content: "";
          position: absolute;
          top: 0;
          left: 50%;
          height: 100%;
          width: calc(100vw - 15px);
          transform: translate(-50%, 0);
          background: #f2eeea; } }
    body > header .main-header-wrap > nav .category-all {
      color: #3d4b3c;
      font-weight: 700;
      font-size: 1rem;
      padding-left: 0;
      padding-top: 0; }
    body > header .main-header-wrap > nav a, body > header .main-header-wrap > nav button {
      display: block;
      padding: 0.5625rem 1rem;
      color: #3d4b3c;
      font-size: 0.875rem;
      font-weight: 500;
      white-space: nowrap;
      text-transform: uppercase; }
      body > header .main-header-wrap > nav a:hover, body > header .main-header-wrap > nav a:focus, body > header .main-header-wrap > nav button:hover, body > header .main-header-wrap > nav button:focus {
        color: #a3b17b; }
      @media (max-width: 991.9px) {
        body > header .main-header-wrap > nav a, body > header .main-header-wrap > nav button {
          -webkit-box-flex: 0 0 auto;
          -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          justify-content: space-between;
          align-items: center;
          flex-flow: row nowrap;
          width: 100%;
          background: transparent;
          margin: auto;
          font-size: 0.875rem;
          font-weight: 400;
          text-transform: uppercase;
          padding: 0.875rem 1rem; }
          body > header .main-header-wrap > nav a:hover, body > header .main-header-wrap > nav a:focus, body > header .main-header-wrap > nav button:hover, body > header .main-header-wrap > nav button:focus {
            background: #f2eeea; } }
    body > header .main-header-wrap > nav a:hover, body > header .main-header-wrap > nav a:focus {
      color: #1b1f2a; }
  @media (max-width: 991.9px) {
    body > header #headerToggleNav:checked ~ nav {
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); } }
  body > header .main {
    /*  --------------------------------------------------------------------------  *\

    HEADER - NAVIGATION - MEGA MENU - TOGGLE HEADER

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

    HEADER - NAVIGATION - MEGA MENU - FULL HEADER

\*  --------------------------------------------------------------------------  */ }
    body > header .main input[type="checkbox"] {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      border: 0;
      overflow: hidden;
      clip: rect(0, 0, 0, 0); }
    @media (max-width: 991.9px) {
      body > header .main {
        border-top: 1px solid #f2eeea;
        margin: 0; }
        body > header .main a, body > header .main label, body > header .main button {
          background: transparent;
          padding: 1rem; }
        body > header .main .card {
          display: none; }
        body > header .main > li {
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          justify-content: space-between;
          align-items: stretch;
          flex-flow: row wrap;
          border-top: 1px solid #f2eeea; }
          body > header .main > li a {
            display: none; }
            body > header .main > li a:only-child {
              display: block;
              width: 100%; }
          body > header .main > li ul > li > a {
            display: block; }
          body > header .main > li li {
            border-top: 1px solid #f2eeea; }
            body > header .main > li li a {
              width: 100%; }
          body > header .main > li label, body > header .main > li .mobile-back {
            -webkit-box-flex: 0 0 auto;
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-flow: row nowrap;
            width: 100%;
            background: transparent;
            margin: auto;
            font-size: 0.875rem;
            text-transform: uppercase; }
            body > header .main > li label:hover, body > header .main > li label:focus, body > header .main > li .mobile-back:hover, body > header .main > li .mobile-back:focus {
              background: #f2eeea; }
            body > header .main > li label svg, body > header .main > li .mobile-back svg {
              width: 1rem;
              height: 1rem;
              transition: .25s; }
              body > header .main > li label svg *, body > header .main > li .mobile-back svg * {
                stroke: #3d4b3c;
                stroke-width: 0.0625rem; }
        body > header .main li > div {
          padding-bottom: 6.25rem; }
          body > header .main li > div, body > header .main li > div ul ul {
            position: absolute;
            z-index: 1000;
            left: 100%;
            top: 0;
            -webkit-box-flex: 0 0 auto;
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 100%;
            height: 100%;
            overflow-y: auto;
            overflow-x: hidden;
            background: #fff;
            transition: transform .25s linear; }
            body > header .main li > div li:nth-child(n+3) > a, body > header .main li > div li:nth-child(n+3) > label, body > header .main li > div ul ul li:nth-child(n+3) > a, body > header .main li > div ul ul li:nth-child(n+3) > label {
              padding-left: 3rem;
              white-space: normal; }
        body > header .main ul > li:first-child {
          margin: 0; }
          body > header .main ul > li:first-child label, body > header .main ul > li:first-child .mobile-back {
            justify-content: flex-start;
            padding: 0.875rem; }
            body > header .main ul > li:first-child label svg, body > header .main ul > li:first-child .mobile-back svg {
              margin: 0 0.625rem 0 0; }
        body > header .main ul > li:nth-child(2) > a {
          background: #f2eeea; }
        body > header .main .toggle-text {
          display: none; }
        body > header .main input:checked ~ label svg {
          transform: rotate(180deg); }
        body > header .main input:checked ~ div, body > header .main input:checked ~ ul {
          -webkit-transform: translate(-100%, 0);
          -ms-transform: translate(-100%, 0);
          transform: translate(-100%, 0); } }
    @media (min-width: 992px) {
      body > header .main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-content: stretch;
        flex-flow: row nowrap;
        margin: 0 -0.5rem; }
        body > header .main a {
          font-size: 0.75rem;
          padding: 0.75rem 0.5rem; }
        body > header .main input[type="checkbox"]:focus + label {
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          justify-content: space-between;
          align-items: center;
          flex-flow: row nowrap;
          width: auto;
          height: auto;
          margin: 0;
          clip: auto; }
        body > header .main input[type="checkbox"]:checked + label {
          display: none; }
        body > header .main input[type="checkbox"]:checked ~ div {
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          align-content: flex-start;
          flex-flow: row nowrap; }
        body > header .main > li#mainNavItem614 > a {
          color: #b3222a; }
        body > header .main > li > a {
          padding-left: 1.5rem; }
          body > header .main > li > a:after {
            content: "";
            display: inline-block;
            position: relative;
            width: 0.25rem;
            height: 0.25rem;
            border-right: 0.125rem solid currentColor;
            border-top: 0.125rem solid currentColor;
            transform: translate(0.625rem, -0.125rem) rotate(135deg);
            transition: all .25s; }
        body > header .main > li > div {
          position: absolute;
          left: 50%;
          top: 100%;
          -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
          background: transparent;
          padding: 2rem 3rem;
          width: 100%;
          visibility: hidden;
          transition: all .3s;
          align-content: space-between;
          width: 100%;
          display: flex; } }
    @media (min-width: 992px) and (min-width: 1250px) {
      body > header .main > li > div {
        width: 110%; } }
    @media (min-width: 992px) {
          body > header .main > li > div * {
            transition: all 0s; }
          body > header .main > li > div:before {
            position: absolute;
            z-index: -1;
            left: 50%;
            top: 0;
            -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            height: 100%;
            width: 100%;
            opacity: 0.9;
            background: #fff;
            border: 0.0625rem solid #f2eeea;
            display: block;
            content: "";
            -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
            -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); }
          body > header .main > li > div a {
            padding: 0.75rem 1rem; }
          body > header .main > li > div input[type="checkbox"] {
            display: none; }
          body > header .main > li > div > div.card {
            display: none; } }
      @media (min-width: 992px) and (min-width: 998px) {
        body > header .main > li > div > div.card {
          display: block; } }
    @media (min-width: 992px) {
          body > header .main > li > div > div.column-container {
            width: 100%; } }
      @media (min-width: 992px) and (min-width: 998px) {
        body > header .main > li > div > div.column-container {
          width: 70%; } }
    @media (min-width: 992px) {
            body > header .main > li > div > div.column-container > ul {
              width: 100%;
              display: flex;
              justify-content: space-between;
              /* Adjust as needed */
              flex-wrap: wrap; }
              body > header .main > li > div > div.column-container > ul .flex-column {
                flex: 1;
                width: calc(33.33% - 10px);
                /* Adjust width and margin as needed */
                margin-right: 10px;
                /* Margin between columns */
                height: 100%; }
              body > header .main > li > div > div.column-container > ul .col-1, body > header .main > li > div > div.column-container > ul .col-2, body > header .main > li > div > div.column-container > ul .col-3 {
                margin-bottom: 4px;
                /* Margin between items */
                padding: 0 !important; }
                body > header .main > li > div > div.column-container > ul .col-1 > a, body > header .main > li > div > div.column-container > ul .col-2 > a, body > header .main > li > div > div.column-container > ul .col-3 > a {
                  padding: 0 !important; }
            body > header .main > li > div > div.column-container .red > a, body > header .main > li > div > div.column-container .red > button {
              color: #b3222a !important; }
            body > header .main > li > div > div.column-container .category-all {
              padding-bottom: 2px;
              display: none; }
          body > header .main > li > div > div > ul {
            display: grid; }
            body > header .main > li > div > div > ul > li {
              display: block; }
              body > header .main > li > div > div > ul > li.col-1 {
                grid-column: 1;
                padding: 0; }
              body > header .main > li > div > div > ul > li.col-2 {
                grid-column: 2;
                padding: 0; }
              body > header .main > li > div > div > ul > li.col-3 {
                grid-column: 3;
                padding: 0; }
              body > header .main > li > div > div > ul > li > a {
                padding: 0.25rem 0; }
              body > header .main > li > div > div > ul > li > ul {
                margin: 0; }
              body > header .main > li > div > div > ul > li:nth-child(1), body > header .main > li > div > div > ul > li:nth-child(2) {
                position: absolute;
                width: 1px;
                height: 1px;
                padding: 0;
                margin: -1px;
                border: 0;
                overflow: hidden;
                clip: rect(0, 0, 0, 0); }
              body > header .main > li > div > div > ul > li ul a {
                font-weight: 300;
                font-size: 0.8125rem;
                line-height: 1.3125rem;
                text-transform: uppercase;
                color: #828282;
                text-transform: uppercase;
                padding: 0 1rem 0 0; }
            body > header .main > li > div > div > ul a {
              font-size: 0.875rem;
              white-space: normal; }
            body > header .main > li > div > div > ul ul a {
              font-size: 0.875rem;
              font-weight: 400;
              padding: 0.125rem 0; }
            body > header .main > li > div > div > ul .shop-all {
              padding: 0.5rem 0 0; }
              body > header .main > li > div > div > ul .shop-all a {
                font-weight: bold; }
        body > header .main > li:nth-last-child(2) > div > ul > li {
          width: 50%; }
        body > header .main > li:hover#mainNavItem614 > a {
          color: #fff; }
        body > header .main > li:hover > div, body > header .main > li:hover > ul {
          visibility: visible;
          transition-delay: .3s; }
        body > header .main > li:hover > a {
          color: #fff;
          background: #3d4b3c;
          text-decoration: none; }
          body > header .main > li:hover > a:after {
            transform: translate(0.625rem, -0.125rem) rotate(315deg);
            opacity: 0; }
        body > header .main label {
          position: absolute;
          width: 1px;
          height: 1px;
          padding: 0;
          margin: -1px;
          border: 0;
          overflow: hidden;
          clip: rect(0, 0, 0, 0);
          position: absolute;
          left: 50%;
          top: 100%;
          -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
          background: #1b1f2a;
          color: #fff;
          font-size: 0.75rem; }
          body > header .main label svg {
            order: 1;
            fill: currentColor;
            width: 1.5em;
            height: 1.5em;
            margin: 0 0 0 .5em; }
        body > header .main .card {
          width: 45%;
          max-width: none;
          background: transparent;
          border: none;
          position: relative; }
          body > header .main .card .img-w:before {
            content: "";
            width: 100%;
            height: 100%;
            background: #292b25;
            opacity: 0.3;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%); }
          body > header .main .card .cnt {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 62%;
            text-align: center; }
            body > header .main .card .cnt p {
              color: #fff;
              margin: 0 0 1rem;
              font-size: 1.125rem;
              line-height: 1.3125rem;
              letter-spacing: 0.05em;
              text-transform: uppercase; }
              body > header .main .card .cnt p.title {
                font-size: 1.875rem;
                line-height: 110%;
                font-family: 'EB Garamond', serif;
                text-transform: capitalize; }
            body > header .main .card .cnt .btn-secondary {
              max-width: 12.5rem;
              margin: 0 auto; } }
    @media (min-width: 1015px) {
      body > header .main > li > div > ul > li > a {
        font-size: 0.875rem; } }
    @media (min-width: 1200px) {
      body > header .main {
        margin: 0 -1rem; }
        body > header .main a {
          font-size: 0.75rem;
          padding: 1rem 0.75rem; } }
    @media (min-width: 1400px) {
      body > header .main a {
        font-size: 0.875rem;
        padding: 1rem; } }
  body > header .custom {
    width: 100%;
    margin: 0.8125rem 0 0;
    border: none;
    display: none; }
    body > header .custom ul {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: flex-start;
      justify-content: space-between; }
      body > header .custom ul li a {
        font-weight: normal;
        font-size: 13px;
        line-height: 130%;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #3d4b3c;
        display: block;
        padding: 0.875rem 0; }
        body > header .custom ul li a:hover, body > header .custom ul li a:focus {
          color: #8c6334; }
    @media (min-width: 992px) {
      body > header .custom {
        display: block; } }
  body > header .phone-cart {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 4.375rem;
    height: 4rem;
    padding: 1.25rem 0 1.25rem; }
  body > header .toggle-cart, body > header .toggle-phone {
    display: block;
    position: relative;
    width: 50%; }
    body > header .toggle-cart svg, body > header .toggle-phone svg {
      display: block;
      width: 1.25rem;
      height: 1.25rem;
      fill: #3d4b3c; }
      body > header .toggle-cart svg *, body > header .toggle-phone svg * {
        stroke: #fff;
        stroke-width: 0;
        stroke-linecap: round; }
    @media (min-width: 992px) {
      body > header .toggle-cart, body > header .toggle-phone {
        display: none; } }
    body > header .toggle-cart .cart-quantity, body > header .toggle-phone .cart-quantity {
      position: absolute;
      z-index: 100;
      right: -3px;
      top: 7px;
      -webkit-transform: translate(-15%, 15%);
      -ms-transform: translate(-15%, 15%);
      transform: translate(-15%, 15%); }
  body > header .cart-quantity {
    position: absolute;
    z-index: 100;
    right: -12px;
    top: -12px;
    -webkit-transform: translate(-15%, 15%);
    -ms-transform: translate(-15%, 15%);
    transform: translate(-15%, 15%);
    background: #f2eeea;
    color: #3d4b3c;
    border-radius: 100%;
    width: 1.0625rem;
    height: 1.0625rem;
    font-size: 0.625rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.125rem; }
  body > header .card .img-w {
    margin: 0; }
  body > header .card .title {
    font-size: 1rem;
    line-height: 1.31;
    font-weight: 600;
    margin: 0.5rem 0 0; }
  body > header .card p {
    margin: 0.5rem 0 0; }
  body > header .card .btn-primary {
    margin: 0.75rem 0 0;
    padding: 0.75rem 1.25rem; }
  body > header .main-header-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    body > header .main-header-wrap .search-navs {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%; }
      @media (min-width: 992px) {
        body > header .main-header-wrap .search-navs {
          width: 60%;
          justify-content: space-between; } }
    body > header .main-header-wrap .hp-mobile-scroll {
      height: 3.125rem;
      width: 100%;
      background: #f2eeea;
      position: relative; }
      body > header .main-header-wrap .hp-mobile-scroll:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        width: 100vw;
        transform: translate(-50%, 0);
        background: #f2eeea; }
      body > header .main-header-wrap .hp-mobile-scroll ul {
        width: 100vw;
        height: 100%;
        overflow: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 0.625rem;
        position: absolute;
        left: -0.9375rem;
        top: 0; }
        body > header .main-header-wrap .hp-mobile-scroll ul li {
          margin: 0 0.625rem 0 0; }
          body > header .main-header-wrap .hp-mobile-scroll ul li a {
            white-space: nowrap;
            display: block;
            height: 1.875rem;
            background: #fff;
            border-radius: 1.875rem;
            line-height: 1.875rem;
            padding: 0 0.875rem;
            font-weight: 500;
            font-size: 0.8125rem;
            letter-spacing: 0.03em;
            text-transform: uppercase;
            color: #3d4b3c; }
            body > header .main-header-wrap .hp-mobile-scroll ul li a:hover, body > header .main-header-wrap .hp-mobile-scroll ul li a:focus {
              color: #a3b17b; }
      @media (min-width: 992px) {
        body > header .main-header-wrap .hp-mobile-scroll {
          display: none; } }

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

    HEADER - SEARCH

\*  --------------------------------------------------------------------------  */
.quick-search {
  width: 100%;
  margin: 0 0 0.75rem; }
  @media (min-width: 992px) {
    .quick-search {
      position: relative;
      z-index: 0;
      height: 2.5rem;
      width: 65%;
      max-width: 34.6875rem;
      margin: 1.25rem 0 0;
      -webkit-box-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; } }
  .quick-search .form {
    width: 100%; }
    .quick-search .form .form-el {
      position: relative; }
    .quick-search .form input {
      width: 100%;
      font-size: 1rem;
      line-height: 17px;
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      border: 0.0625rem solid #e6e0d7;
      padding: 0.625rem 0.9375rem;
      border-radius: 1.875rem;
      height: 2.5rem;
      background: #fff; }
      .quick-search .form input:focus {
        border-color: #3d4b3c;
        font-size: 1rem; }
      .quick-search .form input::placeholder {
        color: #4F4F4F;
        font-weight: 300;
        font-size: 14px;
        line-height: 17px;
        text-transform: capitalize; }
      @media (min-width: 992px) {
        .quick-search .form input {
          padding: 0.625rem 2.5rem;
          background: rgba(242, 238, 234, 0.5); } }
    .quick-search .form button {
      position: absolute;
      z-index: 100;
      right: 0;
      top: 0.0625rem;
      width: 2.25rem;
      height: 2.25rem;
      border: 0.0625rem solid transparent;
      border-left: none;
      color: #3d4b3c;
      padding: 0.5rem;
      background: transparent; }
      @media (min-width: 992px) {
        .quick-search .form button {
          position: absolute;
          z-index: 100;
          right: 0.9375rem;
          top: 0.0625rem; } }
      .quick-search .form button svg {
        display: block;
        fill: none;
        width: 100%;
        height: 100%; }
        .quick-search .form button svg * {
          stroke: currentColor;
          stroke-width: 0.09375rem;
          stroke-linecap: round; }
      .quick-search .form button:hover, .quick-search .form button:focus {
        color: #a3b17b; }

@media (max-width: 991.9px) {
  .nav-open {
    overflow: hidden; } }

.promo-bar {
  position: relative;
  color: #fff;
  font-weight: 500;
  font-size: 0.6875rem;
  line-height: 0.8125rem;
  text-align: center;
  letter-spacing: 0.08em;
  text-transform: capitalize;
  width: 100%;
  padding: 0.375rem 1rem 0.3125rem;
  background: #273542; }
  .promo-bar a {
    color: inherit;
    text-decoration: underline; }
    .promo-bar a:hover, .promo-bar a:focus {
      color: #8c6334; }
  @media (min-width: 992px) {
    .promo-bar {
      font-weight: 600;
      font-size: 0.75rem;
      line-height: 0.9375rem;
      padding: 0.6875rem 1rem 0.5625rem; } }
  .promo-bar a {
    color: inherit; }

#bfx-cc-wrapper {
  padding: 0.8125rem 0.4375rem;
  background: #f2eeea;
  border: 0.125rem solid #1b1f2a;
  height: 3.625rem;
  width: 3.625rem;
  bottom: 0;
  right: 0;
  z-index: 999;
  position: fixed; }
  #bfx-cc-wrapper:before {
    content: "Ship To:";
    color: #fff;
    padding: 0;
    font-size: 0.75rem;
    display: none;
    margin: 0 0.375rem 0 0;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase; }
  #bfx-cc-wrapper .bfx-cc-expanded {
    position: fixed;
    bottom: 58px;
    top: auto;
    right: 0px; }
    #bfx-cc-wrapper .bfx-cc-expanded .bfx-cc-content form #bfx-cc-btn {
      display: inline-flex;
      flex-flow: row nowrap;
      justify-content: center;
      align-items: center;
      padding: 0.6875rem 1.8125rem;
      margin: 0;
      border: 0.125rem solid currentColor;
      font-weight: 700;
      font-size: 0.875rem;
      line-height: 1.21429;
      letter-spacing: 0.1em;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      transition: all .25s;
      width: 100%;
      background: #512c1f;
      border-color: #512c1f;
      color: #fff;
      border-radius: 0;
      height: auto;
      margin: 1rem 0 0; }
      #bfx-cc-wrapper .bfx-cc-expanded .bfx-cc-content form #bfx-cc-btn:hover, #bfx-cc-wrapper .bfx-cc-expanded .bfx-cc-content form #bfx-cc-btn:focus {
        background: #C95C57;
        border-color: #C95C57;
        color: #fff;
        cursor: pointer; }
      #bfx-cc-wrapper .bfx-cc-expanded .bfx-cc-content form #bfx-cc-btn:active {
        background: #6E1C1F;
        border-color: #6E1C1F;
        color: #fff; }
  #bfx-cc-wrapper img {
    filter: grayscale(100%); }
  @media (max-width: 991.9px) {
    #bfx-cc-wrapper {
      top: auto !important; } }
  @media (min-width: 992px) {
    #bfx-cc-wrapper {
      z-index: 1001;
      padding: 0 0 0 1rem;
      background: transparent;
      border: none;
      height: 2rem;
      width: auto;
      position: absolute;
      bottom: auto;
      top: 0;
      right: calc(2.5% + 7px) !important;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end; }
      #bfx-cc-wrapper:before {
        display: block; }
      #bfx-cc-wrapper .bfx-cc-collapsed {
        height: auto !important; }
      #bfx-cc-wrapper .bfx-cc-expanded {
        position: absolute;
        bottom: auto;
        top: 100%; } }
  @media (min-width: 1200px) {
    #bfx-cc-wrapper {
      right: calc(7.5% + 7px) !important; } }
  @media (min-width: 1412px) {
    #bfx-cc-wrapper {
      right: calc(50vw - 593px) !important; } }

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

    FOOTER

\*  --------------------------------------------------------------------------  */
body > footer {
  background: #3d4b3c;
  color: #f2eeea;
  font-size: 0.875rem;
  /*  --------------------------------------------------------------------------  *\

    FOOTER - LAYOUT - TOP

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

    FOOTER - LAYOUT - MIDDLE

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

    FOOTER - LAYOUT - BOTTOM

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

        COMPONENTS

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

    FOOTER - COPYRIGHT

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

    FOOTER - ADDRESS

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

        NAVIGATIONS

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

    FOOTER - NAV - SOCIAL

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

    FOOTER - NAV - FOOTER

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

    FOOTER - NAV - FOOTER

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

    FOOTER - NAV - BADGES

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

    FOOTER - NAV - FOOTER

\*  --------------------------------------------------------------------------  */ }
  body > footer .footer-top {
    background: #3d4b3c;
    padding: 2rem 0 0; }
    @media (min-width: 768px) {
      body > footer .footer-top {
        padding: 2.1875rem 0 0; } }
    @media (min-width: 768px) {
      body > footer .footer-top .container > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-flow: column nowrap; } }
    @media (min-width: 992px) {
      body > footer .footer-top .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-flow: row nowrap; }
        body > footer .footer-top .container > div {
          flex-flow: row nowrap;
          align-items: flex-end; } }
  body > footer .footer-middle {
    padding: 0 0 2rem; }
    @media (min-width: 768px) {
      body > footer .footer-middle {
        padding: 2.8125rem 0; } }
  body > footer .footer-bottom {
    background: #3d4b3c;
    padding: 0; }
  body > footer a {
    color: #E0E0E0;
    text-decoration: none; }
    body > footer a:hover, body > footer a:focus {
      text-decoration: underline;
      color: #e0c9b7; }
  body > footer h4, body > footer label {
    color: #fff;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.0625rem;
    letter-spacing: 0.02em;
    text-transform: uppercase; }
  body > footer .w-sep {
    margin: 3.125rem 0; }
  body > footer .contact-social {
    display: flex;
    flex-direction: column; }
    body > footer .contact-social h4, body > footer .contact-social ul {
      order: 1; }
    body > footer .contact-social h4 {
      margin-bottom: 0.5rem;
      padding-top: 1.875rem;
      border-top: 1px solid #e6e0d7; }
      @media (min-width: 992px) {
        body > footer .contact-social h4 {
          padding-top: 0;
          border: none; } }
    body > footer .contact-social nav {
      order: 0; }
    @media (min-width: 992px) {
      body > footer .contact-social {
        display: block; }
        body > footer .contact-social nav {
          order: 2; } }
    body > footer .contact-social .accessibe-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      column-gap: 0.5rem;
      margin: 0 0 2rem; }
      @media (min-width: 992px) {
        body > footer .contact-social .accessibe-wrapper {
          justify-content: left;
          margin: 2rem 0 0; } }
      body > footer .contact-social .accessibe-wrapper span.icon-cnt {
        background: #e6e0d7;
        padding: 2px 10px;
        border-radius: 10px; }
        body > footer .contact-social .accessibe-wrapper span.icon-cnt:hover {
          cursor: pointer; }
          body > footer .contact-social .accessibe-wrapper span.icon-cnt:hover img {
            filter: invert(80%) sepia(12%) saturate(878%) hue-rotate(35deg) brightness(85%) contrast(84%); }
      body > footer .contact-social .accessibe-wrapper .link {
        cursor: pointer; }
      body > footer .contact-social .accessibe-wrapper img {
        width: 15px;
        height: auto;
        transition: .25s all ease-in-out; }
  @media (min-width: 992px) {
    body > footer {
      text-align: left; }
      body > footer .w-sep {
        margin: 0; } }
  @media print {
    body > footer {
      display: none; } }
  body > footer .logo {
    display: block;
    width: 100%;
    max-width: 14.9375rem;
    margin: 0 auto; }
    body > footer .logo .secondary {
      fill: #fff; }
    @media (min-width: 992px) {
      body > footer .logo {
        margin: 0; } }
  body > footer .copyright {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.5; }
    @media (min-width: 768px) {
      body > footer .copyright {
        font-size: 0.875rem; } }
  body > footer address {
    margin: 0 0 0.5rem; }
    body > footer address ~ p {
      margin: 0 0 0.5rem; }
  body > footer .news-form {
    width: 80%;
    margin: 11px auto 30px; }
    body > footer .news-form h4 {
      margin: 0 0 0.75rem;
      font-weight: normal;
      font-size: 0.875rem;
      line-height: 1.0625rem;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #f2eeea; }
      @media (min-width: 992px) {
        body > footer .news-form h4 {
          margin: 0 0 0.625rem 0.25rem; } }
    @media (min-width: 992px) {
      body > footer .news-form {
        position: relative;
        z-index: 0;
        -webkit-box-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        margin: 0 0 0; } }
    body > footer .news-form form {
      width: 100%; }
      body > footer .news-form form .form-el {
        position: relative; }
      body > footer .news-form form input {
        width: 100%;
        font-size: 0.875rem;
        line-height: 17px;
        -webkit-box-flex: 0 1 auto;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        border: 0.0625rem solid #e6e0d7;
        padding: 0.625rem 1.25rem;
        border-radius: 1.875rem;
        height: 2.5rem;
        background: #fff; }
        body > footer .news-form form input:focus {
          border-color: #3d4b3c; }
        body > footer .news-form form input::placeholder {
          color: #4F4F4F;
          font-weight: 300;
          font-size: 14px;
          line-height: 17px;
          text-transform: capitalize; }
        @media (min-width: 992px) {
          body > footer .news-form form input {
            padding: 0.625rem 1.25rem; } }
      body > footer .news-form form button {
        position: absolute;
        z-index: 100;
        right: 0.625rem;
        top: 0.0625rem;
        width: 2.25rem;
        height: 2.25rem;
        border: 0.0625rem solid transparent;
        border-left: none;
        color: #3d4b3c;
        padding: 0.5rem;
        background: transparent; }
        @media (min-width: 992px) {
          body > footer .news-form form button {
            position: absolute;
            z-index: 100;
            right: 0.9375rem;
            top: 0.0625rem; } }
        body > footer .news-form form button svg {
          display: block;
          fill: #3d4b3c;
          width: 100%;
          height: 100%; }
          body > footer .news-form form button svg * {
            stroke: #fff;
            stroke-width: 0.0125rem; }
        body > footer .news-form form button:hover, body > footer .news-form form button:focus {
          color: #a3b17b; }
          body > footer .news-form form button:hover svg, body > footer .news-form form button:focus svg {
            fill: #a3b17b; }
  body > footer .footer-icon-list li {
    padding: 0 0 0 1.875rem;
    position: relative; }
    body > footer .footer-icon-list li:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      background-size: cover;
      background-repeat: no-repeat;
      transform: none; }
    body > footer .footer-icon-list li + li {
      margin-top: 1.25rem; }
    body > footer .footer-icon-list li p {
      font-weight: 400;
      font-size: remCaclc(13);
      line-height: remCaclc(18);
      margin: 0; }
      body > footer .footer-icon-list li p.title {
        font-weight: 500;
        font-size: remCaclc(12);
        line-height: remCaclc(14);
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #fff; }
      body > footer .footer-icon-list li p a {
        font-weight: 500;
        font-size: 0.8125rem;
        text-decoration-line: underline; }
    body > footer .footer-icon-list li.il-guarantee:before {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxOSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0xOC4yODAyIDEwLjE4MDZDMTguMDIzMSA5Ljc0ODk2IDE4LjAyMzEgOS4wMzgxIDE4LjI4MDIgOC41ODExMkwxOC44NzE2IDcuNTY1NkMxOS4xMjg3IDcuMTM0MDEgMTguOTc0NCA2LjU3NTQ3IDE4LjUzNzMgNi4zMjE1OUwxNy41MDg5IDUuNzM3NjdDMTcuMDcxOCA1LjQ4Mzc5IDE2LjcxMTkgNC44NzQ0OCAxNi43MTE5IDQuMzY2NzJWMy4xOTg4OEMxNi43MTE5IDIuNjkxMTIgMTYuMzAwNSAyLjI4NDkxIDE1Ljc4NjMgMi4yODQ5MUgxNC42MDM2QzE0LjA4OTQgMi4yODQ5MSAxMy40NzI0IDEuOTI5NDggMTMuMjE1MyAxLjQ5Nzg5TDEyLjYyMzkgMC40ODIzNzFDMTIuNDE4MyAwLjE1MjMyOCAxMi4xMDk3IDAgMTEuNzc1NSAwQzExLjYyMTIgMCAxMS40NjcgMC4wNTA3NzU5IDExLjMxMjcgMC4xMjY5NEwxMC4yODQzIDAuNzEwODYyQzEwLjA1MjkgMC44Mzc4MDIgOS43NzAwOCAwLjg4ODU3NyA5LjQ4NzI2IDAuODg4NTc3QzkuMjA0NDUgMC44ODg1NzcgOC44OTU5MiAwLjgzNzgwMiA4LjY5MDI0IDAuNzEwODYyTDcuNjYxODIgMC4xMjY5NEM3LjUzMzI3IDAuMDUwNzc1OSA3LjM1MzMgMCA3LjE5OTAzIDBDNi44NjQ4IDAgNi41NTYyNyAwLjE1MjMyOCA2LjM3NjMgMC40NTY5ODNMNS43ODQ5NiAxLjQ3MjVDNS41Mjc4NiAxLjkwNDA5IDQuOTEwODEgMi4yNTk1MyA0LjM5NjYgMi4yNTk1M0gzLjIxMzkyQzIuNjk5NzEgMi4yNTk1MyAyLjI4ODM0IDIuNjY1NzMgMi4yODgzNCAzLjE3MzQ5VjQuMzQxMzRDMi4yODgzNCA0Ljg0OTA5IDEuOTI4NCA1LjQ1ODQgMS40OTEzMiA1LjcxMjI4TDAuNDYyOTAyIDYuMjk2MjFDMC4wMjU4MjQzIDYuNTUwMDkgLTAuMTI4NDM4IDcuMTA4NjIgMC4xMjg2NjYgNy41NDAyMUwwLjcyMDAwNiA4LjU1NTczQzAuOTc3MTEgOC45ODczMyAwLjk3NzExIDkuNjk4MTkgMC43MjAwMDYgMTAuMTU1MkwwLjEyODY2NiAxMS4xNzA3Qy0wLjEyODQzOCAxMS42MDIzIDAuMDI1ODI0MyAxMi4xNjA4IDAuNDYyOTAyIDEyLjQxNDdMMS40OTEzMiAxMi45OTg2QzEuOTI4NCAxMy4yNTI1IDIuMjg4MzQgMTMuODYxOCAyLjI4ODM0IDE0LjM2OTZWMTUuNTM3NEMyLjI4ODM0IDE2LjA0NTIgMi42OTk3MSAxNi40NTE0IDMuMjEzOTIgMTYuNDUxNEg0LjM5NjZDNC45MTA4MSAxNi40NTE0IDUuNTI3ODYgMTYuODA2OCA1Ljc4NDk2IDE3LjIzODRMNi4zNzYzIDE4LjI1MzlDNi41NTYyNyAxOC41NTg2IDYuODY0OCAxOC43MTA5IDcuMTk5MDMgMTguNzEwOUM3LjM1MzMgMTguNzEwOSA3LjUwNzU2IDE4LjY2MDEgNy42NjE4MiAxOC41ODRMOC42OTAyNCAxOEM4LjkyMTYzIDE3Ljg3MzEgOS4yMDQ0NSAxNy44MjIzIDkuNDg3MjYgMTcuODIyM0M5Ljc3MDA4IDE3LjgyMjMgMTAuMDc4NiAxNy44NzMxIDEwLjI4NDMgMThMMTEuMzEyNyAxOC41ODRDMTEuNDY3IDE4LjY2MDEgMTEuNjIxMiAxOC43MTA5IDExLjc3NTUgMTguNzEwOUMxMi4xMDk3IDE4LjcxMDkgMTIuNDE4MyAxOC41NTg2IDEyLjU5ODIgMTguMjUzOUwxMy4xODk2IDE3LjIzODRDMTMuNDQ2NyAxNi44MDY4IDE0LjA2MzcgMTYuNDUxNCAxNC41Nzc5IDE2LjQ1MTRIMTUuNzYwNkMxNi4yNzQ4IDE2LjQ1MTQgMTYuNjg2MiAxNi4wNDUyIDE2LjY4NjIgMTUuNTM3NFYxNC4zNjk2QzE2LjY4NjIgMTMuODYxOCAxNy4wNDYxIDEzLjI1MjUgMTcuNDgzMiAxMi45OTg2TDE4LjUxMTYgMTIuNDE0N0MxOC45NDg3IDEyLjE2MDggMTkuMTAzIDExLjYwMjMgMTguODQ1OSAxMS4xNzA3TDE4LjI4MDIgMTAuMTgwNlpNOS40ODcyNiAxNC41NDczQzYuNjA3NjkgMTQuNTQ3MyA0LjI0MjMzIDEyLjIzNyA0LjI0MjMzIDkuMzY4MTVDNC4yNDIzMyA2LjQ5OTMxIDYuNTgxOTggNC4xODkwMSA5LjQ4NzI2IDQuMTg5MDFDMTIuMzkyNSA0LjE4OTAxIDE0LjczMjIgNi40OTkzMSAxNC43MzIyIDkuMzY4MTVDMTQuNzMyMiAxMi4yMzcgMTIuMzkyNSAxNC41NDczIDkuNDg3MjYgMTQuNTQ3M1oiIGZpbGw9IiNFNkUwRDciLz4KPHBhdGggZD0iTTEyLjk5MTkgOC4yODI4M0MxMi45Njk1IDguMjQyNDIgMTIuOTQ3MiA4LjIwMjAyIDEyLjg4IDguMjAyMDJIMTAuMzczMkw5LjU4OTg4IDYuMDYwNjFDOS41Njc1IDYuMDIwMiA5LjUyMjc0IDYgOS40Nzc5NyA2QzkuNDMzMjEgNiA5LjM4ODQ0IDYuMDIwMiA5LjM2NjA2IDYuMDYwNjFMOC42Mjc0NiA4LjIwMjAySDYuMTIwNjlDNi4wNzU5MyA4LjIwMjAyIDYuMDMxMTYgOC4yMjIyMiA2LjAwODc4IDguMjYyNjNDNS45ODY0IDguMzAzMDMgNi4wMDg3OCA4LjM0MzQzIDYuMDUzNTQgOC4zODM4NEw4LjA2NzkxIDkuNzE3MTdMNy4yODQ1NSAxMS44NTg2QzcuMjYyMTcgMTEuODk5IDcuMjg0NTUgMTEuOTM5NCA3LjMyOTMxIDExLjk3OThDNy4zNzQwOCAxMiA3LjQxODg0IDEyIDcuNDYzNiAxMS45Nzk4TDkuNDc3OTcgMTAuNjQ2NUwxMS40OTIzIDExLjk3OThDMTEuNTE0NyAxMiAxMS41MzcxIDEyIDExLjU1OTUgMTJDMTEuNTgxOSAxMiAxMS42MDQzIDEyIDExLjYyNjYgMTEuOTc5OEMxMS42NzE0IDExLjk1OTYgMTEuNjcxNCAxMS44OTkgMTEuNjcxNCAxMS44NTg2TDEwLjg4OCA5LjcxNzE3TDEyLjkwMjQgOC4zODM4NEMxMi45OTE5IDguMzYzNjQgMTMuMDE0MyA4LjMyMzIzIDEyLjk5MTkgOC4yODI4M1oiIGZpbGw9IiNFNkUwRDciLz4KPHBhdGggZD0iTTE1LjM0ODUgMTcuNTE3NkgxNC42MDI5QzE0LjQ0ODYgMTcuNTE3NiAxNC4xNjU4IDE3LjY5NTMgMTQuMDg4NiAxNy43OTY4TDEzLjQ5NzMgMTguODEyNEMxMy4xMzc0IDE5LjM5NjMgMTIuNDk0NiAxOS43NzcxIDExLjgwMDQgMTkuNzc3MUMxMS40NjYyIDE5Ljc3NzEgMTEuMTMxOSAxOS43MDA5IDEwLjgyMzQgMTkuNTIzMkwxMC4xODA3IDE5LjE2NzhMMTIuNDE3NSAyMy41MDkxQzEyLjQ0MzIgMjMuNTU5OSAxMi40OTQ2IDIzLjU4NTMgMTIuNTIwMyAyMy41ODUzQzEyLjU3MTcgMjMuNTg1MyAxMi42MjMyIDIzLjU1OTkgMTIuNjIzMiAyMy41MDkxTDEzLjgwNTggMjAuNDM3MkwxNy4wMTk2IDIxLjMwMDRDMTcuMDcxMSAyMS4zMjU4IDE3LjEyMjUgMjEuMzAwNCAxNy4xNDgyIDIxLjI0OTZDMTcuMTczOSAyMS4xOTg4IDE3LjE3MzkgMjEuMTQ4MSAxNy4xNzM5IDIxLjEyMjdMMTUuMzQ4NSAxNy41MTc2WiIgZmlsbD0iI0U2RTBENyIvPgo8cGF0aCBkPSJNOC4xNzUzIDE5LjUyMzJDNy44OTI0OCAxOS43MDA5IDcuNTU4MjUgMTkuNzc3MSA3LjE5ODMgMTkuNzc3MUM2LjUwNDEyIDE5Ljc3NzEgNS44NjEzNiAxOS40MjE3IDUuNTAxNDEgMTguODEyNEw0LjkxMDA3IDE3Ljc5NjhDNC44MzI5NCAxNy42Njk5IDQuNTUwMTMgMTcuNTE3NiA0LjM5NTg3IDE3LjUxNzZIMy42NTAyNkwxLjc5OTExIDIxLjA5NzNDMS43NzM0IDIxLjE0ODEgMS43NzM0IDIxLjE5ODggMS44MjQ4MiAyMS4yMjQyQzEuODUwNTQgMjEuMjc1IDEuOTAxOTYgMjEuMjc1IDEuOTUzMzggMjEuMjc1TDUuMTY3MTggMjAuNDExOEw2LjM0OTg2IDIzLjQ4MzdDNi4zNzU1NyAyMy41MzQ1IDYuNDAxMjggMjMuNTU5OSA2LjQ1MjcgMjMuNTU5OUM2LjUwNDEyIDIzLjU1OTkgNi41NTU1NCAyMy41MzQ1IDYuNTgxMjUgMjMuNDgzN0w4LjgxODA2IDE5LjE0MjRMOC4xNzUzIDE5LjUyMzJaIiBmaWxsPSIjRTZFMEQ3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iMTkiIGhlaWdodD0iMjMuNTYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
      height: 24px;
      width: 19px;
      top: -1px; }
    body > footer .footer-icon-list li.il-catalog:before {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxNyAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0xMS4xNDIyIDAuMDI4OTM4M0MxMS40MDY3IC0wLjA1NzkxMzMgMTEuNjQxOSAwLjA4NjgzOTQgMTEuNjQxOSAwLjM3NjM0NVYxLjQ0NzUxQzExLjY0MTkgMS43MzcwMiAxMS40MDY3IDEuOTk3NTcgMTEuMTEyOCAyLjA1NTQ4TDEuMzgyNSAzLjYxODgxQzEuMDg4NTMgMy42NzY3MSAxLjA4ODUzIDMuNjE4OCAxLjM1MzEgMy41MzE5NUwxMS4xNDIyIDAuMDI4OTM4M1oiIGZpbGw9IiNFNkUwRDciLz4KPHBhdGggZD0iTTEyLjQzNDcgMi43MjEzNUMxMi4xNDA4IDIuNzc5MjUgMTEuODc2MiAyLjgwODIgMTEuODQ2OCAyLjgwODJDMTEuODE3NCAyLjgwODIgMTEuNzU4NiAyLjgzNzE1IDExLjY5OTggMi44MzcxNUMxMS42NzA0IDIuODM3MTUgMTEuNDA1OCAyLjg5NTA1IDExLjExMTkgMi45MjRMMS4zODE2MSA0LjQwMDQ4QzEuMDg3NjQgNC40Mjk0MyAxLjA4NzY0IDQuNDg3MzMgMS4zODE2MSA0LjQ4NzMzSDExLjExMTlDMTEuNDA1OCA0LjQ4NzMzIDExLjY5OTggNC40ODczMyAxMS43ODggNC40ODczM0MxMS44NzYyIDQuNDg3MzMgMTIuMTcwMiA0LjQ4NzMzIDEyLjQ2NDEgNC40ODczM0gxMy45MDQ2QzE0LjE5ODUgNC40ODczMyAxNC40MzM3IDQuMjU1NzMgMTQuNDMzNyAzLjk2NjIyVjIuOTUyOTVDMTQuNDMzNyAyLjY2MzQ0IDE0LjE5ODUgMi40NjA3OSAxMy45MDQ2IDIuNTE4NjlMMTIuNDM0NyAyLjcyMTM1WiIgZmlsbD0iI0U2RTBENyIvPgo8cGF0aCBkPSJNMC41MjkxMzkgNS4zNTU5NkMwLjIzNTE3MyA1LjM1NTk2IDAgNS41ODc1NiAwIDUuODc3MDdWMjMuNTA3OUMwIDIzLjc5NzUgMC4yMzUxNzMgMjQuMDI5MSAwLjUyOTEzOSAyNC4wMjkxSDE1Ljc1NjZDMTYuMDUwNSAyNC4wMjkxIDE2LjI4NTcgMjMuNzk3NSAxNi4yODU3IDIzLjUwNzlWNS44NzcwN0MxNi4yODU3IDUuNTg3NTYgMTYuMDUwNSA1LjM1NTk2IDE1Ljc1NjYgNS4zNTU5NkgwLjUyOTEzOVoiIGZpbGw9IiNFNkUwRDciLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAxKSI+CjxwYXRoIGQ9Ik05LjQ3MjY3IDEzLjk1MTNMOC4yODY1IDEyLjc0NzdMOC4xNzg2NiAxMi42MzgyTDguMDcwODMgMTIuNTI4OEwyLjg5NDc5IDE3Ljc0NDZDMi40NjM0NSAxOC4xODIzIDIuNDYzNDUgMTguOTExOCAyLjg5NDc5IDE5LjM4NkgyLjkzMDc0QzMuMTQ2NCAxOS42MDQ4IDMuNDMzOTYgMTkuNzE0MiAzLjcyMTUyIDE5LjcxNDJDNC4wMDkwOCAxOS43MTQyIDQuMjk2NjQgMTkuNjA0OCA0LjUxMjMgMTkuMzg2TDkuNjg4MzQgMTQuMTcwMUw5LjU4MDUxIDE0LjA2MDdMOS40NzI2NyAxMy45NTEzWiIgZmlsbD0iIzNDNEIzQyIvPgo8cGF0aCBkPSJNMTMuNjA2MiAxMy40MDQ0TDEzLjA2NyAxMi44NTczTDEyLjU5OTcgMTIuODkzOEgxMi41NjM4QzEyLjMxMjIgMTIuODkzOCAxMi4wOTY1IDEyLjY3NDkgMTIuMTMyNSAxMi4zODMxTDEyLjE2ODQgMTEuOTA5TDEwLjUxNDkgMTAuMjMxMUMxMC4yNjMzIDkuOTc1ODIgOS45NzU3NyA5Ljc5MzQ1IDkuNjg4MjEgOS42NDc1NkM5LjI1Njg4IDkuNTAxNjYgOC44NjE0OSA5LjQyODcxIDguNTAyMDQgOS40Mjg3MUM3LjQ1OTY0IDkuNDI4NzEgNi43NDA3NSAxMC4wNDg4IDYuODQ4NTggMTAuMDQ4OEM2LjkyMDQ3IDEwLjA0ODggNi45OTIzNiAxMC4wNDg4IDcuMDY0MjUgMTAuMDQ4OEM4LjQzMDE1IDEwLjA0ODggOC45NjkzMiAxMC43NDE4IDkuMTQ5MDQgMTEuMTQzTDguMjE0NDggMTIuMDkxM0w4LjM1ODI2IDEyLjIzNzJMOC40NjYwOSAxMi4zNDY2TDguNTczOTMgMTIuNDU2MUw5LjE4NDk5IDEzLjA3NjFMOS40MDA2NiAxMy4yOTVMOS40NzI1NSAxMy4zNjc5TDkuNTQ0NDQgMTMuNDQwOUw5LjY1MjI3IDEzLjU1MDNMOS42ODgyMSAxMy41ODY4TDkuNzI0MTYgMTMuNjIzMkw5Ljc2MDEgMTMuNjU5N0w5Ljc5NjA1IDEzLjY5NjJMOS44MzE5OSAxMy43MzI3TDkuOTM5ODMgMTMuODQyMUwxMC4wNDc3IDEzLjk1MTVMMTAuMTkxNCAxNC4wOTc0TDEwLjgwMjUgMTMuOTUxNUMxMC44Mzg0IDEzLjk1MTUgMTAuODc0NCAxMy45NTE1IDEwLjkxMDMgMTMuOTUxNUMxMS4xNjE5IDEzLjk1MTUgMTEuMzc3NiAxNC4xNzA0IDExLjM0MTcgMTQuNDYyMUwxMS4zMDU3IDE0Ljg2MzRMMTEuODQ0OSAxNS40MTA1QzExLjkxNjggMTUuNDgzNCAxMi4wNjA2IDE1LjU1NjQgMTIuMTY4NCAxNS41NTY0QzEyLjI3NjIgMTUuNTU2NCAxMi4zODQxIDE1LjUxOTkgMTIuNDkxOSAxNS40MTA1TDEzLjcxNCAxNC4xNzA0QzEzLjc1IDEzLjg0MjEgMTMuNzUgMTMuNTUwMyAxMy42MDYyIDEzLjQwNDRaIiBmaWxsPSIjM0M0QjNDIi8+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIxNi4yODU3IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8Y2xpcFBhdGggaWQ9ImNsaXAxIj4KPHJlY3Qgd2lkdGg9IjExLjE0MjkiIGhlaWdodD0iMTAuMjg1NyIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuNTcxMjkgOS40Mjg3MSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
      height: 24px;
      width: 16px;
      top: -4px;
      left: 2px; }
    body > footer .footer-icon-list li.il-giftcards:before {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMTI2MDYgMTcuODg4M0MyLjEyNjA2IDE4LjM2NDEgMi41MTEyMiAxOC43NSAyLjk4Nzc4IDE4Ljc1SDkuMzQzOThWMTEuMDc0MkgyLjEyNTk4TDIuMTI2MDYgMTcuODg4M1oiIGZpbGw9IiNFNkUwRDciLz4KPHBhdGggZD0iTTEwLjY1NTQgMTguNzUwNEgxNy4wMTE2QzE3LjQ4ODEgMTguNzUwNCAxNy44NzMzIDE4LjM2NDUgMTcuODczMyAxNy44ODg3VjExLjA3NDdIMTAuNjU1M0wxMC42NTU0IDE4Ljc1MDRaIiBmaWxsPSIjRTZFMEQ3Ii8+CjxwYXRoIGQ9Ik0xMy4yMDMxIDYuMzYxMTJDMTQuMjU1NCA2LjE3OTA5IDE1LjI4OTEgNS44MjUxOCAxNS43MDM5IDUuMTM0NTZDMTUuODg5OCA0LjgyMzYyIDE2LjEzOTggNC4xOTMxNiAxNS43NjQ4IDMuNDk1NUMxNS4zNjA5IDIuNzQ3ODQgMTQuNjkxNCAyLjY5Nzg0IDE0LjI4ODMgMi42OTc4NEMxMy4yMDg2IDIuNjk3ODQgMTEuOTkyMyAzLjg3OTg4IDExLjIxMDkgNC43OTM4NEMxMS42MTU1IDMuODkzODQgMTEuOTM4MiAyLjc4NjA0IDExLjUxNTUgMi4wODIwNEMxMS4zMzA0IDEuNzcxODggMTAuOTc2NSAxLjI3NzM2IDEwLjA5ODQgMS4yNTA4QzkuMjc4MDUgMS4yMjg5MiA4LjgwOTMxIDEuNjYxNzQgOC42MDU0MSAxLjkyMzQ2QzguMDY1NTcgMi42MjM0NiA4LjM4NTA5IDMuODI1MDIgOC44MjgwNyA0LjgzNTg2QzguMDQ4MzkgMy45MTYzMiA2LjgxMDg3IDIuNjk3NjYgNS43MTQ4NyAyLjY5NzY2QzUuMzEwOTcgMi42OTc2NiA0LjY0MTQzIDIuNzQ3NjYgNC4yMzgzMSAzLjQ5NTMyQzMuODYwMTkgNC4xOTI5OCA0LjExMDk2IDQuODIzNDQgNC4yOTYxMiA1LjEzNDM4QzQuNzEwMTggNS44MjQyMiA1Ljc0NDU2IDYuMTc5NyA2Ljc5NjkyIDYuMzYwOTRIMi4xMTE3MkMxLjYzNTk0IDYuMzYwOTQgMS4yNSA2Ljc0Njg4IDEuMjUgNy4yMjM0NFY5LjQ1Nzg0QzEuMjUgOS43MTY0NCAxLjQ2MDE2IDkuOTI2NiAxLjcxODc2IDkuOTI2Nkg5LjM0NDU2VjYuNTQzTDEwIDYuNTM0NEwxMC42NTU1IDYuNTQyMjJWOS45MjU4MkwxOC4yODEzIDkuOTI2NkMxOC41Mzk5IDkuOTI2NiAxOC43NSA5LjcxNjQ0IDE4Ljc1IDkuNDU3ODRWNy4yMjM0NEMxOC43NSA2Ljc0Njg4IDE4LjM2NDEgNi4zNjE3MiAxNy44ODgzIDYuMzYxNzJMMTMuMjAzMSA2LjM2MTEyWk0xNC40NjE3IDQuMzI5OTJDMTQuNzg1OSA1LjAyOTkyIDEzLjIxMDEgNS40OTI0MiAxMS43NjYzIDUuNTg0NkMxMi41NDYgNC42NDAwNiAxNC4xMzY3IDMuNjI5OTIgMTQuNDYxNyA0LjMyOTkyWk05Ljk3OTY5IDIuNTY5NzZDMTAuOTgyIDIuNTY5NzYgMTAuNTUxNiA0LjIwNDkyIDEwLjAzNTIgNS4xNjUxNkM5LjQ1NjI2IDQuMDIwNjIgOC45NzM0NCAyLjU2OTc2IDkuOTc5NjkgMi41Njk3NlpNMTAuMDM2NyA2LjM1NzM2TDEwIDYuNDEwNDhMOS45NzU3OSA2LjM3NTMzTDEwLjAzNjcgNi4zNTczNlpNNS41MzgzMiA0LjMyOTk2QzUuODYzMzIgMy42MjkxOCA3LjQ1Mzk0IDQuNjQwMTIgOC4yMzQzMiA1LjU4NDY0QzYuNzg5NzggNS40OTI0NSA1LjIxMzkyIDUuMDI5OTYgNS41MzgzMiA0LjMyOTk2WiIgZmlsbD0iI0U2RTBENyIvPgo8L3N2Zz4K");
      height: 20px;
      width: 20px;
      top: -2px; }
    body > footer .footer-icon-list li.il-loyalty:before {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyMCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0yMCAxLjc5NDRWNy44NTU2N0MyMCA3Ljg1NTY3IDE4LjcwOSA4LjExODI1IDE4LjQ0NjQgOC4xNDAxM0MxOC4xODM4IDguMTgzOSAxNy4zNTIzIDguNDQ2NDggMTYuNzM5NiA3Ljg1NTY3QzE1Ljc3NjggNi45NTg1MSAxMi40NzI2IDMuNjU0MzUgMTIuNDcyNiAzLjY1NDM1QzEyLjQ3MjYgMy42NTQzNSAxMS45MDM3IDMuMDg1NDMgMTAuOTg0NyAzLjU4ODcxQzEwLjEzMTMgNC4wMjYzNSA4Ljg4NDAzIDQuNjgyOCA4LjM1ODg2IDQuOTQ1MzhDNy4zNzQxOCA1LjQ3MDU1IDYuNTQyNjcgNC42MzkwNCA2LjU0MjY3IDQuMDA0NDZDNi41NDI2NyAzLjUwMTE4IDYuODQ5MDIgMy4xNzI5NSA3LjI4NjY1IDIuOTMyMjVDOC40OTAxNSAyLjE4ODI3IDExLjAwNjYgMC43ODc4MzQgMTIuMDU2OSAwLjIxODkwNkMxMi42OTE1IC0wLjEwOTMyMiAxMy4xNTEgLTAuMTUzMDg2IDE0LjAyNjMgMC41OTA4OTdDMTUuMDk4NSAxLjQ4ODA1IDE2LjA2MTMgMi4zMTk1NiAxNi4wNjEzIDIuMzE5NTZDMTYuMDYxMyAyLjMxOTU2IDE2LjM2NzYgMi41ODIxNCAxNi44NzA5IDIuNDcyNzRDMTguMDc0NCAyLjIxMDE1IDIwIDEuNzk0NCAyMCAxLjc5NDRaTTYuNzgzMzcgMTIuMDM1MUM2LjkzNjU0IDExLjYxOTMgNi44OTI3OCAxMS4xNTk4IDYuNTg2NDMgMTAuODUzNUM2LjMwMTk3IDEwLjU2OSA1LjkwODEgMTAuNTAzNCA1LjUxNDIyIDEwLjU5MDlDNS42MjM2MyAxMC4yMTg5IDUuNTU3OTkgOS44MDMxNSA1LjI3MzUyIDkuNTE4NjlDNC45ODkwNiA5LjIzNDIyIDQuNTk1MTkgOS4xNjg1OCA0LjIwMTMxIDkuMjU2MTFDNC4zMTA3MiA4Ljg4NDExIDQuMjQ1MDggOC40NjgzNiAzLjk2MDYxIDguMTgzOUMzLjUyMjk4IDcuNzQ2MjYgMi43Nzg5OSA3Ljc0NjI2IDIuMjc1NzEgOC4yMjc2NkMxLjc3MjQzIDguNzA5MDYgMS40NjYwOCA5LjU2MjQ1IDEuOTAzNzIgMTAuMDY1N0MyLjM0MTM2IDEwLjU2OSAyLjg0NDY0IDEwLjI2MjcgMy4yMzg1MSAxMC4xNzUxQzMuMTI5MSAxMC41NDcxIDIuODAwODggMTAuOTE5MSAzLjE5NDc1IDExLjQyMjRDMy41ODg2MiAxMS45MjU3IDQuMTM1NjcgMTEuNjE5MyA0LjUyOTU0IDExLjUzMThDNC40MjAxMyAxMS45MDM4IDQuMTEzNzkgMTIuMjk3NyA0LjQ4NTc4IDEyLjc1NzJDNC44Nzk2NSAxMy4yMTY3IDUuNDkyMzQgMTIuOTc2IDUuOTA4MSAxMi44NDQ3QzUuNzU0OTIgMTMuMjYwNSA1LjQwNDgxIDEzLjY5ODEgNS44NDI0NSAxNC4yMDE0QzYuMjgwMDkgMTQuNzA0NyA3LjI4NjY1IDE0LjQ2NCA3Ljc4OTkzIDE0LjAwNDVDOC4yOTMyMiAxMy41MjMxIDguMzM2OTggMTIuNzc5MSA3Ljg5OTM0IDEyLjM0MTRDNy42MzY3NiAxMS45OTEzIDcuMTk5MTIgMTEuOTI1NyA2Ljc4MzM3IDEyLjAzNTFaTTE1LjgyMDYgOC45MDZDMTIuMjUzOCA1LjMxNzM3IDEzLjkzODcgNy4wMDIyOCAxMS45OTEyIDUuMDU0NzlDMTEuOTkxMiA1LjA1NDc5IDExLjQyMjMgNC40ODU4NiAxMC42NTY1IDQuODE0MDlDMTAuMTA5NCA1LjA1NDc5IDkuNDMxMDcgNS4zNjExNCA4LjkwNTkxIDUuNjIzNzJDOC4zMzY5OCA1LjkzMDA3IDcuOTIxMjMgNi4wMTc1OSA3LjcyNDI5IDYuMDE3NTlDNi42MzAyIDYuMDE3NTkgNS43MzMwNCA1LjEyMDQ0IDUuNzMzMDQgNC4wMjYzNUM1LjczMzA0IDMuMzA0MjQgNi4xMDUwMyAyLjY5MTU1IDYuNjczOTYgMi4zNDE0NEM3LjQ2MTcxIDEuNzk0NCA5LjI5OTc4IDAuODA5NzE1IDkuMjk5NzggMC44MDk3MTVDOS4yOTk3OCAwLjgwOTcxNSA4Ljc1Mjc0IDAuMDg3NjE0NyA3LjUyNzM1IDAuMDg3NjE0N0M2LjMwMTk3IDAuMDg3NjE0NyAzLjc0MTc5IDEuNzcyNTIgMy43NDE3OSAxLjc3MjUyQzMuNzQxNzkgMS43NzI1MiAzLjAxOTY5IDIuMjMyMDMgMS45OTEyNSAxLjgxNjI4TDAgMS4xMTYwNlY4LjAzMDcyQzAgOC4wMzA3MiAwLjU2ODkyOCA4LjIwNTc4IDEuMDcyMjEgOC40MDI3MUMxLjE4MTYyIDguMDc0NDkgMS4zNzg1NiA3Ljc2ODE0IDEuNjQxMTQgNy41Mjc0NEMyLjQ5NDUzIDYuNzE3ODEgMy44OTQ5NyA2LjcxNzgxIDQuNjYwODMgNy41MDU1NkM0LjkwMTUzIDcuNzQ2MjYgNS4wNTQ3IDguMDMwNzIgNS4xNDIyMyA4LjM1ODk1QzUuNDQ4NTggOC40NDY0OCA1LjczMzA0IDguNjIxNTMgNS45NTE4NiA4Ljg2MjIzQzYuMTkyNTYgOS4xMDI5MyA2LjM0NTczIDkuMzg3NCA2LjQzMzI2IDkuNzE1NjJDNi43Mzk2MSA5LjgwMzE1IDcuMDI0MDcgOS45NzgyMSA3LjI0Mjg5IDEwLjIxODlDNy41MDU0NyAxMC40ODE1IDcuNjU4NjQgMTAuODA5NyA3Ljc0NjE3IDExLjEzNzlDOC4wNzQ0IDExLjIyNTUgOC4zNTg4NiAxMS40MDA1IDguNTk5NTYgMTEuNjQxMkM5LjA1OTA4IDEyLjEyMjYgOS4yMzQxNCAxMi43NTcyIDkuMTI0NzMgMTMuMzkxOEM5LjEyNDczIDEzLjM5MTggOS40MDkxOSAxMy43MiA5LjU4NDI0IDEzLjg5NTFDOS45MzQzNSAxNC4yNDUyIDEwLjQ4MTQgMTQuMjQ1MiAxMC44MzE1IDEzLjg5NTFDMTEuMTgxNiAxMy41NDQ5IDExLjE4MTYgMTIuOTk3OSAxMC44MzE1IDEyLjY0NzhDMTAuODA5NiAxMi42MjU5IDkuNjA2MTMgMTEuMzU2OCA5LjY5MzY1IDExLjI2OTJDOS43ODExOCAxMS4xODE3IDExLjM1NjcgMTIuNzc5MSAxMS4zNzg2IDEyLjgyMjhDMTEuNzI4NyAxMy4xNzMgMTIuMjc1NyAxMy4xNzMgMTIuNjI1OCAxMi44MjI4QzEyLjk3NTkgMTIuNDcyNyAxMi45NzU5IDExLjkyNTcgMTIuNjI1OCAxMS41NzU2QzEyLjYwMzkgMTEuNTUzNyAxMi41MzgzIDExLjQ4ODEgMTIuNTE2NCAxMS40NjYyQzEyLjUxNjQgMTEuNDY2MiAxMC45ODQ3IDEwLjA4NzYgMTEuMDk0MSA5Ljk3ODIxQzExLjIwMzUgOS44Njg4IDEzLjEyOTEgMTEuNjQxMiAxMy4xMjkxIDExLjY0MTJDMTMuNDc5MiAxMS45NDc2IDE0LjAwNDQgMTEuOTQ3NiAxNC4zMzI2IDExLjYxOTNDMTQuNjYwOCAxMS4yOTExIDE0LjY2MDggMTAuNzg3OCAxNC4zNzY0IDEwLjQzNzdDMTQuMzc2NCAxMC40MTU4IDEyLjkxMDMgOC45MDYgMTMuMDE5NyA4Ljc5NjU5QzEzLjEyOTEgOC42ODcxOCAxNC41NzMzIDEwLjE1MzMgMTQuNTczMyAxMC4xNzUxQzE0LjkyMzQgMTAuNTI1MyAxNS40NzA1IDEwLjUyNTMgMTUuODIwNiAxMC4xNzUxQzE2LjE5MjYgOS44MDMxNSAxNi4xOTI2IDkuMjU2MTEgMTUuODIwNiA4LjkwNkMxNS44NDI1IDguOTA2IDE1Ljg0MjUgOC45MDYgMTUuODIwNiA4LjkwNloiIGZpbGw9IiNFNkUwRDciLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIxNC40NDIiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
      height: 14px;
      width: 20px;
      top: 2px; }
  body > footer .social {
    font-size: 1.25em;
    color: #d1a06e;
    margin: 0 auto 1.875rem; }
    body > footer .social ul {
      margin: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-flow: row nowrap; }
    body > footer .social li + li {
      margin: 0 0 0 0.875rem; }
    @media (min-width: 992px) {
      body > footer .social {
        position: relative;
        margin: 0; }
        body > footer .social li {
          margin: 0; }
          body > footer .social li + li {
            margin: 0 0 0 0.5rem; } }
    body > footer .social a {
      display: block;
      width: 1.875rem;
      height: 1.875rem;
      color: #3d4b3c;
      background: #e6e0d7;
      border-radius: 0.9375rem;
      position: relative; }
      body > footer .social a:hover, body > footer .social a:focus {
        color: #a3b17b; }
      @media (min-width: 768px) {
        body > footer .social a {
          width: 1.875rem;
          height: 1.875rem; } }
      body > footer .social a svg {
        width: 50%;
        height: 50%;
        fill: currentColor;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        body > footer .social a svg path {
          fill: currentColor; }
  body > footer .footer {
    font-size: 0.875rem;
    line-height: 1.25;
    margin: 0 0 1.5rem;
    text-align: left; }
    @media (min-width: 992px) {
      body > footer .footer {
        margin: 0; } }
    body > footer .footer > ul {
      margin: 0; }
      @media (min-width: 768px) {
        body > footer .footer > ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          flex-flow: row nowrap; }
          body > footer .footer > ul > li {
            width: calc(33% - 1rem); } }
    body > footer .footer a {
      font-weight: 400;
      font-size: 0.875rem;
      line-height: 1.0625rem; }
    body > footer .footer ul ul {
      margin: 1.125rem 0 0; }
      body > footer .footer ul ul li + li {
        margin: 1.125rem 0 0; }
    @media (max-width: 767.9px) {
      body > footer .footer {
        padding: 0 0 1.875rem;
        margin: 0;
        border-bottom: 1px solid #e6e0d7; }
        body > footer .footer label, body > footer .footer a {
          display: block; }
        body > footer .footer ul {
          margin: 0 -0.5rem; }
          body > footer .footer ul ul {
            margin: 0 0 1rem;
            display: none; }
            body > footer .footer ul ul li + li {
              margin: 0; }
        body > footer .footer label {
          padding: 0.5rem;
          position: relative; }
        body > footer .footer a {
          padding: 0.5rem 1.5rem; }
        body > footer .footer input:checked + label:before {
          transform: translate(0, -50%) rotate(45deg) rotate(-180deg); }
        body > footer .footer input:checked ~ ul {
          display: block; } }
    @media (min-width: 992px) {
      body > footer .footer a {
        font-size: 0.875rem; } }
  body > footer nav.footer-top {
    font-size: 0.875rem;
    line-height: 1.25;
    margin: 0 0 2rem;
    text-align: left;
    text-transform: uppercase; }
    body > footer nav.footer-top ul {
      margin: 0;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      flex-flow: row wrap; }
      @media (min-width: 768px) {
        body > footer nav.footer-top ul {
          justify-content: space-evenly;
          flex-flow: row nowrap;
          margin-bottom: 0.625rem; } }
    body > footer nav.footer-top li {
      width: 50%; }
      body > footer nav.footer-top li:nth-child(n + 3) {
        margin: 1rem 0 0; }
    body > footer nav.footer-top a {
      padding: 0.5rem 0; }
      body > footer nav.footer-top a:hover, body > footer nav.footer-top a:focus {
        color: #e0c9b7; }
    @media (min-width: 768px) {
      body > footer nav.footer-top {
        width: 66.67%;
        margin: 0;
        font-size: 0.75rem; }
        body > footer nav.footer-top li {
          width: auto; }
          body > footer nav.footer-top li:nth-child(3) {
            margin: 0; }
          body > footer nav.footer-top li:nth-child(n + 3) {
            margin: 0; } }
    @media (min-width: 992px) {
      body > footer nav.footer-top ul {
        width: auto;
        flex-flow: row nowrap; }
      body > footer nav.footer-top li {
        width: auto;
        margin: 0 0.25rem; }
        body > footer nav.footer-top li:nth-child(n + 3) {
          margin: 0 0.5rem; }
      body > footer nav.footer-top a {
        padding: 0 0.25rem; } }
    @media (min-width: 1200px) {
      body > footer nav.footer-top {
        font-size: 0.875rem; }
        body > footer nav.footer-top a {
          padding: 0 0.25rem; } }
    @media (min-width: 1425px) {
      body > footer nav.footer-top li {
        margin: 0 0.75rem; }
        body > footer nav.footer-top li:nth-child(n + 3) {
          margin: 0 0.75rem; }
      body > footer nav.footer-top a {
        padding: 0 0.75rem; } }
  body > footer .contact-nav {
    margin: 0; }
    @media (min-width: 992px) {
      body > footer .contact-nav {
        margin: 0 0 3.375rem; } }
    body > footer .contact-nav li {
      padding: 0 0 0 1.875rem;
      position: relative;
      font-weight: normal;
      font-size: 0.875rem;
      line-height: 175%; }
      body > footer .contact-nav li + li {
        margin-top: 1.25rem; }
      body > footer .contact-nav li:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        background-size: cover;
        background-repeat: no-repeat;
        transform: none; }
      body > footer .contact-nav li.address:before {
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik03LjUgMTVDNy41IDE1IDIuMjUgOC4xNTI1IDIuMjUgNS4yNUMyLjI1IDQuNTYwNTYgMi4zODU4IDMuODc3ODcgMi42NDk2MyAzLjI0MDkxQzIuOTEzNDcgMi42MDM5NSAzLjMwMDE4IDIuMDI1MiAzLjc4NzY5IDEuNTM3NjlDNC4yNzUyIDEuMDUwMTggNC44NTM5NSAwLjY2MzQ3IDUuNDkwOTEgMC4zOTk2MzJDNi4xMjc4NyAwLjEzNTc5NSA2LjgxMDU2IDAgNy41IDBDOC4xODk0NCAwIDguODcyMTMgMC4xMzU3OTUgOS41MDkwOSAwLjM5OTYzMkMxMC4xNDYgMC42NjM0NyAxMC43MjQ4IDEuMDUwMTggMTEuMjEyMyAxLjUzNzY5QzExLjY5OTggMi4wMjUyIDEyLjA4NjUgMi42MDM5NSAxMi4zNTA0IDMuMjQwOTFDMTIuNjE0MiAzLjg3Nzg3IDEyLjc1IDQuNTYwNTYgMTIuNzUgNS4yNUMxMi43NSA4LjE1MjUgNy41IDE1IDcuNSAxNVpNNy41IDYuNzVDNy44OTc4MiA2Ljc1IDguMjc5MzYgNi41OTE5NiA4LjU2MDY2IDYuMzEwNjZDOC44NDE5NiA2LjAyOTM2IDkgNS42NDc4MiA5IDUuMjVDOSA0Ljg1MjE4IDguODQxOTYgNC40NzA2NCA4LjU2MDY2IDQuMTg5MzRDOC4yNzkzNiAzLjkwODA0IDcuODk3ODIgMy43NSA3LjUgMy43NUM3LjEwMjE4IDMuNzUgNi43MjA2NCAzLjkwODA0IDYuNDM5MzQgNC4xODkzNEM2LjE1ODA0IDQuNDcwNjQgNiA0Ljg1MjE4IDYgNS4yNUM2IDUuNjQ3ODIgNi4xNTgwNCA2LjAyOTM2IDYuNDM5MzQgNi4zMTA2NkM2LjcyMDY0IDYuNTkxOTYgNy4xMDIxOCA2Ljc1IDcuNSA2Ljc1WiIgZmlsbD0iI0U2RTBENyIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
        height: 15px;
        width: 15px;
        top: 4px; }
      body > footer .contact-nav li.email:before {
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNSAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNDk2ODYgNS45NTMxNUwxNC41NDAyIDAuMDE2MjkyMUMxNC41MTUxIDAuMDA5Nzc1MjggMTQuNDg2OCAwLjAwMzI1ODQzIDE0LjQ2MTcgMEgwLjUzNTE1Nkw3LjQ5Njg2IDUuOTUzMTVaIiBmaWxsPSIjRTZFMEQ3Ii8+CjxwYXRoIGQ9Ik03LjgzNzQxIDcuMTAzMDVDNy42Mzk2NyA3LjI2OTIzIDcuMzU3MTkgNy4yNjkyMyA3LjE1OTQ1IDcuMTAzMDVMMCAwLjk4MDQ2OVYxMC41NjM1QzAgMTAuODY5OCAwLjIzODU0NCAxMS4xMjA3IDAuNTM2NzIzIDExLjEyMDdIMTQuNDYzM0MxNC43NTgzIDExLjEyMDcgMTUgMTAuODczMSAxNSAxMC41NjM1VjEuMDY1MTlMNy44Mzc0MSA3LjEwMzA1WiIgZmlsbD0iI0U2RTBENyIvPgo8L3N2Zz4K");
        height: 11px;
        width: 15px;
        top: 6px; }
      body > footer .contact-nav li.phone:before {
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNjcxNSAwSDEuMzI4NUMwLjU5NzgyNiAwIDAgMC41OTMyNzYgMCAxLjMxODM5VjE4LjY4MTZDMCAxOS40MDY3IDAuNTk3ODI2IDIwIDEuMzI4NSAyMEg5LjY3MTVDMTAuNDAyMiAyMCAxMSAxOS40MDY3IDExIDE4LjY4MTZWMS4zMTgzOUMxMSAwLjU5MzI3NiAxMC40MDIyIDAgOS42NzE1IDBaTTUuNSAxOS4yNzQ5QzUuMDg4MTYgMTkuMjc0OSA0Ljc2OTMyIDE4Ljk0NTMgNC43NjkzMiAxOC41NDk4QzQuNzY5MzIgMTguMTU0MyA1LjEwMTQ1IDE3LjgyNDcgNS41IDE3LjgyNDdDNS44OTg1NSAxNy44MjQ3IDYuMjMwNjggMTguMTU0MyA2LjIzMDY4IDE4LjU0OThDNi4yMzA2OCAxOC45NDUzIDUuOTExODQgMTkuMjc0OSA1LjUgMTkuMjc0OVpNMTAuMzM1NyAxNi40NjY3QzEwLjMzNTcgMTYuODM1OSAxMC4wNDM1IDE3LjEyNTkgOS42NzE1IDE3LjEyNTlIMS4zMjg1QzAuOTU2NTIyIDE3LjEyNTkgMC42NjQyNTEgMTYuODM1OSAwLjY2NDI1MSAxNi40NjY3VjEuMzE4MzlDMC42NjQyNTEgMC45NDkyNDIgMC45NTY1MjIgMC42NTkxOTYgMS4zMjg1IDAuNjU5MTk2SDIuMjk4MzFDMi4yOTgzMSAwLjkyMjg3NCAyLjUxMDg3IDEuMTMzODIgMi43NzY1NyAxLjEzMzgySDguMjIzNDNDOC40ODkxMyAxLjEzMzgyIDguNzAxNjkgMC45MjI4NzQgOC43MDE2OSAwLjY1OTE5Nkg5LjY3MTVDMTAuMDQzNSAwLjY1OTE5NiAxMC4zMzU3IDAuOTQ5MjQyIDEwLjMzNTcgMS4zMTgzOVYxNi40NjY3WiIgZmlsbD0iI0U2RTBENyIvPgo8cGF0aCBkPSJNMCAyQzAgMC44OTU0MzEgMC44OTU0MzEgMCAyIDBIOUMxMC4xMDQ2IDAgMTEgMC44OTU0MzEgMTEgMlYzSDBWMloiIGZpbGw9IiNFNkUwRDciLz4KPC9zdmc+Cg==");
        height: 20px;
        width: 11px;
        top: 1px;
        left: 2px; }
      body > footer .contact-nav li:last-child {
        margin-top: 0.5rem; }
  body > footer .secure-badges {
    font-size: 1.25em; }
    body > footer .secure-badges ul {
      margin: 0 -0.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      flex-flow: row nowrap; }
    body > footer .secure-badges li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: stretch;
      align-items: stretch;
      flex-flow: column nowrap;
      width: calc(33.333% - 1rem);
      margin: 0 0.5rem;
      height: 100%; }
    body > footer .secure-badges a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: stretch;
      align-items: stretch;
      flex-flow: column nowrap;
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 0.5rem;
      background: #fff;
      color: #000;
      padding: 0.5rem 0.25rem;
      font-size: 0.875rem;
      opacity: .667;
      overflow: hidden; }
      body > footer .secure-badges a:hover, body > footer .secure-badges a:focus {
        opacity: 1; }
      body > footer .secure-badges a img {
        width: auto;
        height: 2.25rem;
        margin: 0 auto; }
  body > footer p.copyright {
    border-top: 1px solid #e6e0d7;
    padding: 1rem 0 1.375rem;
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 0.9375rem; }
    body > footer p.copyright a {
      color: #a3b17b;
      text-decoration: underline; }
      body > footer p.copyright a:hover, body > footer p.copyright a:focus {
        color: #fff; }

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

    SECTIONS

\*  --------------------------------------------------------------------------  */
section, .section {
  padding: 1.25rem 0;
  background: #fff; }
  @media (max-width: 575.9px) {
    section, .section {
      overflow: hidden;
      width: 100%; } }
  @media (min-width: 768px) {
    section, .section {
      padding: 1.6875rem 0; } }
  @media (min-width: 992px) {
    section, .section {
      padding: 2.5rem 0; } }
  @media (min-width: 1200px) {
    section, .section {
      padding: 3.375rem 0; } }
  section.no-pad-top, .section.no-pad-top {
    padding-top: 0; }
  section .container, .section .container {
    position: relative;
    z-index: 1; }

@media (max-width: 575.9px) {
  .category section:nth-child(-n+3), .category .section:nth-child(-n+3), .search section:nth-child(-n+3), .search .section:nth-child(-n+3) {
    overflow: visible; } }

.default section, .default .section {
  padding: 1.875rem 0; }
  @media (min-width: 768px) {
    .default section, .default .section {
      padding: 0 0;
      margin: 2rem 0; }
      .default section.bg-tan, .default .section.bg-tan {
        padding: 3.75rem 0; }
        .default section.bg-tan:last-of-type, .default .section.bg-tan:last-of-type {
          margin-bottom: 0; }
      .default section.paddless, .default .section.paddless {
        padding: 0;
        margin: 0; }
      .default section .banner.img-side, .default .section .banner.img-side {
        margin: 0 !important; } }
  .default section.small, .default .section.small {
    padding: 1.25rem 0; }
    @media (min-width: 768px) {
      .default section.small, .default .section.small {
        padding: 1.25rem 0; } }
    @media (min-width: 992px) {
      .default section.small, .default .section.small {
        padding: 1.6875rem 0; } }
    @media (min-width: 1200px) {
      .default section.small, .default .section.small {
        padding: 2.125rem 0; } }
  .default section.large, .default .section.large {
    padding: 3.75rem 0; }
    @media (min-width: 768px) {
      .default section.large, .default .section.large {
        padding: 5rem 0; } }
    @media (min-width: 992px) {
      .default section.large, .default .section.large {
        padding: 6.6875rem 0; } }
    @media (min-width: 1200px) {
      .default section.large, .default .section.large {
        padding: 8.375rem 0; } }

.product section, .product .section {
  padding: 1.25rem 0; }
  @media (max-width: 575.9px) {
    .product section, .product .section {
      overflow: hidden;
      width: 100%; } }
  @media (min-width: 768px) {
    .product section, .product .section {
      padding: 1.25rem 0; } }
  @media (min-width: 992px) {
    .product section, .product .section {
      padding: 1.25rem 0; } }
  @media (min-width: 1200px) {
    .product section, .product .section {
      padding: 1.25rem 0; }
      .product section.bg-tan, .product .section.bg-tan {
        padding: 2.5rem 0; } }
  .product section.no-pad-top, .product .section.no-pad-top {
    padding-top: 0; }

.banner-w .container {
  text-align: center;
  position: relative;
  z-index: 0; }
  .banner-w .container h2 {
    position: static;
    display: inline-block;
    padding: 0 0.625rem;
    background: #fff; }
    .banner-w .container h2:before {
      content: "";
      background: #1b1f2a;
      height: 0.0625rem;
      width: calc(100% - 2rem);
      position: absolute;
      z-index: -1;
      left: 1rem;
      top: 0.61364em; }
  .banner-w .container > * {
    text-align: left; }

@media (min-width: 768px) {
  .banner-w#Reviews {
    padding-top: 5rem; } }

@media (min-width: 992px) {
  .banner-w#Reviews {
    padding-top: 6rem; } }

@media (min-width: 768px) {
  .banner-w#QA {
    padding-bottom: 5rem; } }

@media (min-width: 992px) {
  .banner-w#QA {
    padding-bottom: 6rem; } }

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

    BACKGROUNDS

\*  --------------------------------------------------------------------------  */
.invert {
  background: #1b1f2a; }
  .invert h1, .invert p, .invert strong, .invert small {
    color: #fff; }
  .invert a {
    color: #fff; }
    .invert a:hover, .invert a:focus {
      color: #b3222a; }
  .invert hr {
    background: #fff; }

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

    BACKGROUNDS - COLORS - WHITE

\*  --------------------------------------------------------------------------  */
.bg-tan {
  background: #f2eeea;
  padding: 1.25rem; }
  @media (min-width: 768px) {
    .bg-tan {
      padding: 2.5rem; } }
  @media (min-width: 992px) {
    .bg-tan {
      padding: 3.75rem; } }

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

    BACKGROUNDS - COLORS - WHITE

\*  --------------------------------------------------------------------------  */
.bg-gray {
  background: #e5e5e5; }

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

    BACKGROUNDS - COLORS - WHITE

\*  --------------------------------------------------------------------------  */
.bg-white {
  background: #fff; }

.blog .blog-top, .blog_post .blog-top {
  display: none;
  padding: 2.125rem 0;
  border-bottom: 1px solid #D1D1D1; }
  @media (min-width: 768px) {
    .blog .blog-top, .blog_post .blog-top {
      display: block; } }
  .blog .blog-top nav, .blog .blog-top p, .blog_post .blog-top nav, .blog_post .blog-top p {
    margin: 0; }
  .blog .blog-top p, .blog_post .blog-top p {
    text-align: right; }

.blog .row + .row, .blog_post .row + .row {
  margin-top: 3.125rem; }

.blog .social, .blog_post .social {
  font-size: 1.25em;
  color: #d1a06e;
  margin: 0 auto 1.875rem; }
  .blog .social ul, .blog_post .social ul {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row wrap; }
  .blog .social li, .blog_post .social li {
    margin: 0 0 0.5rem; }
    .blog .social li + li, .blog_post .social li + li {
      margin: 0 0 0.5rem 0.5rem; }
  @media (min-width: 992px) {
    .blog .social, .blog_post .social {
      position: relative;
      margin: 0; }
      .blog .social li, .blog_post .social li {
        margin: 0 0 0.6875rem; }
        .blog .social li + li, .blog_post .social li + li {
          margin: 0 0 0.6875rem 0.6875rem; } }
  .blog .social a, .blog_post .social a {
    display: block;
    width: 1.875rem;
    height: 1.875rem;
    color: #3d4b3c;
    background: #e6e0d7;
    border-radius: 50%;
    position: relative; }
    .blog .social a:hover, .blog .social a:focus, .blog_post .social a:hover, .blog_post .social a:focus {
      color: #a3b17b; }
    @media (min-width: 768px) {
      .blog .social a, .blog_post .social a {
        width: 2.5rem;
        height: 2.5rem; } }
    .blog .social a svg, .blog_post .social a svg {
      width: 50%;
      height: 50%;
      fill: currentColor;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .blog .social a svg path, .blog_post .social a svg path {
        fill: currentColor; }

.blog_post .blog-top {
  border-bottom: none; }

.blog_post .row + .row {
  margin-top: 0; }

.blog_post h2 {
  margin: 0; }

.blog_post .byline {
  margin: 0 0 2rem;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #4F4F4F; }

.blog_post .post-bottom {
  padding: 1.875rem 0;
  border-top: 1px solid #e6e0d7;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }
  .blog_post .post-bottom .author-det {
    display: flex;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start; }
    .blog_post .post-bottom .author-det img {
      width: 3.5625rem;
      height: 3.5625rem;
      border-radius: 50%;
      margin: 0 0.8125rem 0 0; }
    .blog_post .post-bottom .author-det p {
      margin: 0;
      font-weight: 500;
      font-size: 16px;
      line-height: 19px;
      color: #1b1f2a; }
      .blog_post .post-bottom .author-det p span {
        display: block;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #646569;
        margin: 0 0 0.25rem; }
  .blog_post .post-bottom .tags span {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #1b1f2a;
    margin: 0 0 0.375rem; }
  .blog_post .post-bottom .tags div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    color: #3d4b3c; }
    .blog_post .post-bottom .tags div span {
      margin: 0 0.375rem; }
    .blog_post .post-bottom .tags div a {
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #3d4b3c; }

.blog_post .blog-social-share, .blog_post .blog-featured-products, .blog_post .blog-latest-posts {
  margin: 0 0 3.125rem; }
  .blog_post .blog-social-share h4, .blog_post .blog-featured-products h4, .blog_post .blog-latest-posts h4 {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.875rem;
    text-transform: capitalize;
    margin: 0 0 1.125rem; }
  @media (min-width: 768px) {
    .blog_post .blog-social-share .related-posts, .blog_post .blog-featured-products .related-posts, .blog_post .blog-latest-posts .related-posts {
      display: flex; } }
  @media (min-width: 768px) {
    .blog_post .blog-social-share .related-posts article, .blog_post .blog-featured-products .related-posts article, .blog_post .blog-latest-posts .related-posts article {
      width: calc(100% / 3); }
      .blog_post .blog-social-share .related-posts article:nth-child(1), .blog_post .blog-featured-products .related-posts article:nth-child(1), .blog_post .blog-latest-posts .related-posts article:nth-child(1) {
        margin: 0 10px 0 0; }
      .blog_post .blog-social-share .related-posts article:nth-child(2), .blog_post .blog-featured-products .related-posts article:nth-child(2), .blog_post .blog-latest-posts .related-posts article:nth-child(2) {
        margin: 0 10px 0; }
      .blog_post .blog-social-share .related-posts article:nth-child(3), .blog_post .blog-featured-products .related-posts article:nth-child(3), .blog_post .blog-latest-posts .related-posts article:nth-child(3) {
        margin: 0 0 0 10px; } }
  .blog_post .blog-social-share .related-posts article a, .blog_post .blog-featured-products .related-posts article a, .blog_post .blog-latest-posts .related-posts article a {
    position: relative;
    padding: 63.9% 0 0;
    overflow: hidden; }
    .blog_post .blog-social-share .related-posts article a img, .blog_post .blog-featured-products .related-posts article a img, .blog_post .blog-latest-posts .related-posts article a img {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transform: translate(-50%, -50%); }

@media (min-width: 768px) {
  .blog_post .blog-featured-products .featured {
    display: flex; } }

.blog_post .blog-featured-products .featured .card {
  margin-bottom: 1.125rem; }
  @media (min-width: 768px) {
    .blog_post .blog-featured-products .featured .card {
      width: calc(100% / 3); }
      .blog_post .blog-featured-products .featured .card:nth-child(1) {
        margin: 0 10px 0 0; }
      .blog_post .blog-featured-products .featured .card:nth-child(2) {
        margin: 0 10px 0; }
      .blog_post .blog-featured-products .featured .card:nth-child(3) {
        margin: 0 0 0 10px; } }
  .blog_post .blog-featured-products .featured .card:last-child {
    margin-bottom: 0; }
  .blog_post .blog-featured-products .featured .card .img-w {
    padding: 67.5% 0 0;
    overflow: hidden; }
    .blog_post .blog-featured-products .featured .card .img-w a {
      position: absolute;
      top: 50%;
      left: 50%;
      display: block;
      transform: translate(-50%, -50%);
      width: 100%; }
  .blog_post .blog-featured-products .featured .card .title {
    margin: 0 0 0.25rem; }
  .blog_post .blog-featured-products .featured .card p:last-child {
    margin: 0; }

.blog_post .blog-latest-posts article > a {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 67.5% 0 0; }
  .blog_post .blog-latest-posts article > a img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    transform: translate(-50%, -50%); }

.blog_post .blog-latest-posts article .cnt > * {
  display: none; }

.blog_post .blog-latest-posts article .cnt > h3 {
  display: block;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  color: #3d4b3c;
  font-family: "Rubik", sans-serif;
  margin: 0.5625rem 0 1.625rem; }
  .blog_post .blog-latest-posts article .cnt > h3 a {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.6875rem;
    color: #3d4b3c;
    font-family: "Rubik", sans-serif; }

.contact-content p strong, .contact-content p a {
  font-weight: 500; }

.contact-content p a {
  color: #3f6435; }
  .contact-content p a:hover, .contact-content p a:focus {
    color: #d1a06e; }

.contact-form-holder {
  background: #f2eeea;
  padding: 2.5rem;
  position: relative;
  z-index: 1; }
  @media (min-width: 992px) {
    .contact-form-holder {
      margin-top: -60%;
      min-height: 25rem;
      padding: 2.5rem; } }
  .contact-form-holder .small {
    line-height: 1.25rem;
    font-weight: 300;
    font-size: 0.875rem;
    font-family: "Rubik", sans-serif;
    color: #4F4F4F; }
  .contact-form-holder .form-el input[type="text"], .contact-form-holder .form-el textarea, .contact-form-holder .form-el select {
    color: #4F4F4F;
    width: 100%;
    background: #fff;
    margin: 0 0 0.75rem;
    border: 1px solid #D0D0D0;
    box-sizing: border-box;
    border-radius: 0.3125rem;
    outline: none;
    padding: 0.9375rem;
    line-height: 1.25rem;
    font-weight: 300;
    font-size: 0.875rem;
    font-family: "Rubik", sans-serif; }
  .contact-form-holder .form-el ::-webkit-input-placeholder {
    color: #4F4F4F; }
  .contact-form-holder .form-el ::-moz-placeholder {
    color: #4F4F4F; }
  .contact-form-holder .form-el :-ms-input-placeholder {
    color: #4F4F4F; }
  .contact-form-holder .form-el :-moz-placeholder {
    color: #4F4F4F; }
  .contact-form-holder .form-el textarea {
    resize: none; }
  .contact-form-holder .form-el .form-inlineMessage {
    margin: 0 0 1rem;
    display: block;
    color: #b3222a; }

.klaviyo-form [data-testid="form-row"] {
  margin: 0 0 0.75rem !important; }

.klaviyo-form.klaviyo-form-footer [data-testid="form-row"] {
  margin: 0 !important; }

.klaviyo-form.klaviyo-form-footer [data-testid="form-component"]:first-child {
  width: calc(100% - 3.125rem) !important;
  flex: 1 0 auto; }

.klaviyo-form.klaviyo-form-footer [data-testid="form-component"]:last-child {
  width: 3.125rem !important;
  flex: 1 0 auto; }

.klaviyo-form input[type="text"], .klaviyo-form input[type="email"], .klaviyo-form textarea, .klaviyo-form select, .klaviyo-form .needsclick[role="button"] {
  color: #4F4F4F !important;
  width: 100% !important;
  background: #fff !important;
  margin: 0 !important;
  border: 1px solid #D0D0D0 !important;
  box-sizing: border-box !important;
  border-radius: 0.3125rem !important;
  outline: none !important;
  height: auto !important;
  padding: 0.625rem !important;
  line-height: 1.25rem !important;
  font-weight: 300 !important;
  font-size: 0.875rem !important;
  font-family: "Rubik", sans-serif !important; }
  .klaviyo-form input[type="text"]:focus, .klaviyo-form input[type="email"]:focus, .klaviyo-form textarea:focus, .klaviyo-form select:focus, .klaviyo-form .needsclick[role="button"]:focus {
    color: black !important; }

.klaviyo-form div[class*="PhoneNumberInputComponents__StyledPhoneInputContainer"] {
  border-radius: 0.3125rem !important;
  border: 1px solid #d0d0d0 !important; }

.klaviyo-form div[class*="PhoneNumberInputComponents__DropdownIcon"] {
  padding: 0 0 0 0.625rem !important; }

.klaviyo-form div[role="listbox"] {
  margin-top: -12px !important; }
  .klaviyo-form div[role="listbox"] > div {
    padding: .5rem !important; }

.klaviyo-form ::-webkit-input-placeholder {
  color: #4F4F4F !important; }

.klaviyo-form ::-moz-placeholder {
  color: #4F4F4F !important; }

.klaviyo-form :-ms-input-placeholder {
  color: #4F4F4F !important; }

.klaviyo-form :-moz-placeholder {
  color: #4F4F4F !important; }

.klaviyo-form textarea {
  resize: none !important; }

.klaviyo-form button[type="button"]:not([aria-label]) {
  display: inline-flex !important;
  flex-flow: row nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0.875rem 1.5rem !important;
  margin: 0 !important;
  border: 0.125rem solid currentColor !important;
  border-radius: 2rem !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.21429 !important;
  text-align: center !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: all .25s !important;
  width: 100% !important;
  background: #3d4b3c !important;
  border-color: #3d4b3c !important;
  color: #fff !important; }
  .klaviyo-form button[type="button"]:not([aria-label]) + [class*="btn-"] {
    margin: 0.9375rem 0 0 !important; }
  .klaviyo-form button[type="button"]:not([aria-label]) svg {
    display: inline-block !important;
    width: 1.25rem !important;
    height: 1rem !important;
    fill: currentColor !important; }
  @media (min-width: 992px) {
    .klaviyo-form button[type="button"]:not([aria-label]) {
      width: auto !important;
      margin: 0 !important; }
      .klaviyo-form button[type="button"]:not([aria-label]) + [class*="btn-"] {
        margin: 0 0 0 0.9375rem !important; } }
  .klaviyo-form button[type="button"]:not([aria-label]):hover, .klaviyo-form button[type="button"]:not([aria-label]):focus {
    background: #3f6435 !important;
    border-color: #3f6435 !important;
    color: #fff !important; }
  .klaviyo-form button[type="button"]:not([aria-label]):active {
    background: #a3b17b !important;
    border-color: #a3b17b !important;
    color: #3d4b3c !important; }

.klaviyo-form [aria-expanded="true"] > button[type="button"]:not([aria-label]) {
  background-color: #fff !important; }

.hero .container .klaviyo-form div {
  padding: 0;
  margin: 0; }

.klaviyo-form-footer form {
  width: 100%;
  padding: 0 !important;
  background: #fff !important;
  border-radius: 1.875rem !important;
  min-height: 2.5rem !important;
  border: 0.0625rem solid #e6e0d7 !important;
  position: relative !important; }
  .klaviyo-form-footer form div[component="[object Object]"] {
    padding: 0 !important; }
  .klaviyo-form-footer form div[class*="RichText__"] {
    padding: 0.5rem !important; }
    .klaviyo-form-footer form div[class*="RichText__"] p {
      color: #3d4b3c !important; }
  .klaviyo-form-footer form input[type="email"] {
    font-size: 0.875rem !important;
    line-height: 17px !important;
    -webkit-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 0.625rem 1.25rem !important;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    margin: 0 !important;
    border-radius: 1.875rem !important; }
  .klaviyo-form-footer form button[type="button"]:not([aria-label]) {
    position: absolute;
    z-index: 100;
    right: 0.625rem;
    top: 0.0625rem;
    position: absolute !important;
    top: 0.625rem !important;
    width: 1.25rem !important;
    height: 0.9375rem !important;
    border: 0.0625rem solid transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: #3d4b3c !important;
    padding: 0 !important;
    background: transparent !important;
    display: block !important;
    text-indent: -999px;
    overflow: hidden; }
    .klaviyo-form-footer form button[type="button"]:not([aria-label]):before {
      background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyMCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuOTk3MTIgNy45Mzc1M0wxOS4zODgyIDAuMDIxNzIyOEMxOS4zNTQ3IDAuMDEzMDMzNyAxOS4zMTcxIDAuMDA0MzQ0NTcgMTkuMjgzNiAwSDAuNzE0ODQ0TDkuOTk3MTIgNy45Mzc1M1oiIGZpbGw9IiMzQzRCM0MiLz4KPHBhdGggZD0iTTEwLjQ0OTkgOS40NzEwNkMxMC4xODYyIDkuNjkyNjQgOS44MDk1OCA5LjY5MjY0IDkuNTQ1OTMgOS40NzEwNkwwIDEuMzA3NjJWMTQuMDg1QzAgMTQuNDkzNCAwLjMxODA1OCAxNC44Mjc5IDAuNzE1NjMxIDE0LjgyNzlIMTkuMjg0NEMxOS42Nzc4IDE0LjgyNzkgMjAgMTQuNDk3NyAyMCAxNC4wODVWMS40MjA1OEwxMC40NDk5IDkuNDcxMDZaIiBmaWxsPSIjM0M0QjNDIi8+Cjwvc3ZnPg==");
      background-repeat: no-repeat;
      background-size: cover;
      content: "";
      height: 100%;
      width: 100%;
      display: block; }
    .klaviyo-form-footer form button[type="button"]:not([aria-label]):hover, .klaviyo-form-footer form button[type="button"]:not([aria-label]):focus {
      box-shadow: none !important;
      border: none !important;
      background: transparent !important;
      cursor: pointer; }
      .klaviyo-form-footer form button[type="button"]:not([aria-label]):hover:before, .klaviyo-form-footer form button[type="button"]:not([aria-label]):focus:before {
        opacity: .6; }
    @media (min-width: 992px) {
      .klaviyo-form-footer form button[type="button"]:not([aria-label]) {
        position: absolute;
        z-index: 100;
        right: 0.9375rem;
        top: 0.0625rem; } }

.featured-articles h2 {
  text-align: center; }

.featured-articles h3 {
  font-size: 1.375rem; }

.featured-articles img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  display: flex; }

.featured-articles figure {
  margin: 0; }

.featured-articles figcaption {
  width: 100%;
  padding: 1rem 1.5rem 1.5rem; }
  .featured-articles figcaption span {
    font-size: 1.25rem; }

.featured-articles .btn-txt {
  width: auto;
  text-align: left;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: normal;
  font-weight: 500;
  color: #3c4b3c;
  text-decoration: underline; }
  .featured-articles .btn-txt:after {
    content: "";
    width: 0.75rem;
    height: 0.5625rem;
    display: block;
    transition: transform 0.25s;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjA0MDcgNS4zMzE3NEw5LjIwMzUyIDEuNzAyOUM4Ljg2OTg2IDEuMzk2MjMgOC4zNjkzNiAxLjM5NjIzIDguMDM1NyAxLjcwMjlDNy43MDIwMyAyLjAwOTU2IDcuNzAyMDMgMi40Njk1NSA4LjAzNTcgMi43NzYyMkwxMC41MzgyIDUuMTI3M0gyLjMwNzc5QzEuODYyOTEgNS4wNzYxOSAxLjQ3MzYzIDUuNDMzOTYgMS40NzM2MyA1Ljg0Mjg0QzEuNDczNjMgNi4yNTE3MyAxLjg2MjkxIDYuNjA5NSAyLjMwNzc5IDYuNjA5NUgxMC40ODI2TDcuOTgwMDkgOC45NjA1OEM3LjY0NjQyIDkuMjY3MjQgNy42NDY0MiA5LjcyNzI0IDcuOTgwMDkgMTAuMDMzOUM4LjE0NjkyIDEwLjE4NzIgOC4zNjkzNiAxMC4yMzgzIDguNTM2MTkgMTAuMjM4M0M4Ljc1ODY0IDEwLjIzODMgOC45ODEwOCAxMC4xMzYxIDkuMTQ3OTEgOS45ODI3OUwxMi45ODUxIDYuMzUzOTVDMTMuMzc0MyA2LjA5ODM5IDEzLjM3NDMgNS42Mzg0IDEzLjA0MDcgNS4zMzE3NFoiIGZpbGw9IiMzQzRCM0MiIHN0cm9rZT0iIzNDNEIzQyIvPgo8L3N2Zz4=");
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 0 0 0.5rem; }
    .featured-articles .btn-txt:after:hover {
      transform: translateX(5px); }

.featured-articles .blocks {
  display: grid;
  row-gap: 1rem;
  column-gap: 1.5rem;
  grid-template-columns: 1fr; }
  @media (min-width: 768px) {
    .featured-articles .blocks.column-2 {
      grid-template-columns: repeat(2, 1fr); }
    .featured-articles .blocks.column-3 {
      grid-template-columns: repeat(3, 1fr); } }
  @media (min-width: 992px) {
    .featured-articles .blocks.column-2 {
      grid-template-columns: repeat(2, 1fr); }
    .featured-articles .blocks.column-3 {
      grid-template-columns: repeat(3, 1fr); } }
  .featured-articles .blocks.column-3 img {
    aspect-ratio: 2; }

@media (max-width: 767.9px) {
  .featured-articles .block.stacking .img-wrapper, .featured-articles .block.overlay .img-wrapper {
    max-height: 250px;
    width: 100%; } }

@media (max-width: 767.9px) {
  .featured-articles .block.stacking img, .featured-articles .block.overlay img {
    max-height: 250px; } }

.featured-article-carousel {
  padding-bottom: 3rem; }
  .featured-article-carousel .block {
    margin: 0 0.75rem; }
  .featured-article-carousel .slick-dots {
    padding-bottom: 1rem; }
    @media (min-width: 768px) {
      .featured-article-carousel .slick-dots {
        padding-bottom: 1.5rem; } }

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

    COMPONENTS

    The order here doesn't really matter, these imports will call in all 
    the components we've built for the website.

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

    Buttons

    These are used throughout the website to create a call to action for another element like
    submitting a form, linking to another page, or linking to another element on the same page.
    GENERIC BUTTON STYLES
    This sets up the base of all our styles, it's also the btn-default styles

\*  --------------------------------------------------------------------------  */
[class*="btn-"] {
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  padding: 0.875rem 1.5rem;
  margin: 0;
  border: 0.125rem solid currentColor;
  border-radius: 2rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.21429;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .25s;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  [class*="btn-"] + [class*="btn-"] {
    margin: 0.9375rem 0 0; }
  [class*="btn-"] svg {
    display: inline-block;
    width: 1.25rem;
    height: 1rem;
    fill: currentColor; }
  @media (min-width: 992px) {
    [class*="btn-"] {
      width: auto;
      margin: 0; }
      [class*="btn-"] + [class*="btn-"] {
        margin: 0 0 0 0.9375rem; } }
  [class*="btn-"]:hover, [class*="btn-"]:focus {
    text-decoration: none; }
  [class*="btn-"] svg {
    fill: currentColor;
    margin: 0 0 0 0.5rem; }
  [class*="btn-"].btn-sm, [class*="btn-"].sm {
    font-size: 0.75rem;
    padding: 0.5rem 1.25rem; }
  [class*="btn-"]:hover, [class*="btn-"]:focus {
    cursor: pointer; }
  [class*="btn-"].shg-btn-wrapper, [class*="btn-"].shg-product-atc-btn-wrapper {
    border: none;
    width: 100%; }
  [class*="btn-"].bolt-fallback {
    display: none; }

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

    Button - Primary

\*  --------------------------------------------------------------------------  */
.btn-primary {
  background: #3d4b3c;
  border-color: #3d4b3c;
  color: #fff; }
  .btn-primary:hover, .btn-primary:focus {
    background: #3f6435;
    border-color: #3f6435;
    color: #fff; }
  .btn-primary:active {
    background: #a3b17b;
    border-color: #a3b17b;
    color: #3d4b3c; }
  .invert .btn-primary {
    background: #fff;
    border-color: #fff;
    color: #3d4b3c; }
    .invert .btn-primary:hover, .invert .btn-primary:focus {
      background: transparent;
      color: #fff; }
    .invert .btn-primary:active {
      background: white;
      color: #3d4b3c;
      border-color: #e6e0d7; }

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

    Button - Secondary

\*  --------------------------------------------------------------------------  */
.btn-secondary {
  background: #e6e0d7;
  border-color: #e6e0d7;
  color: #3d4b3c; }
  .btn-secondary:hover, .btn-secondary:focus {
    background-color: rgba(60, 75, 60, 0.7);
    border-color: #e6e0d7;
    color: #fff; }
  .btn-secondary:active {
    background: #e0c9b7;
    border-color: #e0c9b7;
    color: #3d4b3c; }
  .invert .btn-secondary {
    background: #fff;
    border-color: #fff;
    color: #3d4b3c; }
    .invert .btn-secondary:hover, .invert .btn-secondary:focus {
      background: transparent;
      color: #fff; }
    .invert .btn-secondary:active {
      background: white;
      color: #3d4b3c;
      border-color: #e6e0d7; }

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

    Button - Tertiary

\*  --------------------------------------------------------------------------  */
.btn-tertiary {
  background: transparent;
  border-color: #3d4b3c;
  color: #3d4b3c; }
  .btn-tertiary svg {
    fill: currentColor;
    margin: 0 0.5rem 0 0; }
  .btn-tertiary:hover, .btn-tertiary:focus {
    background: #3d4b3c;
    border-color: #3d4b3c;
    color: #fff; }
  .btn-tertiary:active {
    background: #3f6435;
    border-color: #3f6435;
    color: #fff; }

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

    Button - Text

\*  --------------------------------------------------------------------------  */
.btn-txt {
  background: none;
  border: none;
  padding: 0;
  color: #1b1f2a;
  border-radius: 0; }
  .btn-txt svg {
    margin: 0 0.5rem 0 0; }
  .btn-txt.alt {
    color: #512c1f; }
    .btn-txt.alt svg {
      fill: currentColor; }
    .btn-txt.alt:hover, .btn-txt.alt:focus {
      color: #1b1f2a; }
  .btn-txt:hover, .btn-txt:focus {
    color: #d1a06e;
    background: none; }
    .btn-txt:hover.ico-chevron-right:after, .btn-txt:focus.ico-chevron-right:after {
      border-right-color: #d1a06e;
      border-bottom-color: #d1a06e; }
  .btn-txt.ico-chevron-right:after {
    content: "";
    display: inline-block;
    width: 0.3125rem;
    height: 0.3125rem;
    border: 0.125rem solid transparent;
    border-right-color: #fff;
    border-bottom-color: #fff;
    transform: rotate(-45deg);
    margin: 0 0 0 0.5rem;
    transition: all .25s; }

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

    Buttons - DROPDOWN BUTTONS

\*  --------------------------------------------------------------------------  */
.drop-btn {
  margin: 1rem 0 0;
  position: relative;
  width: 100%; }
  .drop-btn:not(:only-child) .btn-tertiary {
    color: #273542;
    border-color: #273542;
    font-weight: 600;
    border-width: 1px; }
    .drop-btn:not(:only-child) .btn-tertiary:hover, .drop-btn:not(:only-child) .btn-tertiary:focus {
      background: #273542;
      color: #fff; }
  @media (min-width: 768px) {
    .drop-btn {
      width: auto; }
      .drop-btn:not(:only-child) {
        margin: 0;
        position: absolute;
        left: 12.75rem;
        bottom: 0; } }
  .drop-btn ul {
    display: none;
    position: absolute;
    left: 0 !important;
    top: 100% !important;
    border: 0.125rem solid #1b1f2a;
    background: #fff;
    width: 100%;
    font-size: 0.875rem; }
    .drop-btn ul li {
      padding: 0; }
      .drop-btn ul li:before {
        display: none; }
      .drop-btn ul li + li {
        border-top: 0.125rem solid #1b1f2a;
        margin: 0; }
    .drop-btn ul a, .drop-btn ul button {
      display: block;
      padding: 0.9375rem 2.0625rem;
      margin: 0;
      width: 100%;
      text-align: left; }
      .drop-btn ul a:hover, .drop-btn ul a:focus, .drop-btn ul button:hover, .drop-btn ul button:focus {
        background: #1b1f2a;
        color: #fff; }
  .drop-btn [class*="btn-"][aria-expanded="true"] + ul {
    display: block; }

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

    Buttons - BACK TO TOP BUTTONS

\*  --------------------------------------------------------------------------  */
a.btt {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  margin: 0 0 0 1rem;
  white-space: nowrap; }
  a.btt .icon {
    position: relative;
    display: block;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 3.125rem;
    background: #1b1f2a;
    color: #fff;
    margin: 0 auto 0.25rem; }
    a.btt .icon svg {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      fill: currentColor;
      width: 1.25rem;
      height: 1.25rem; }

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

    Buttons Animation Options

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

    RATINGS

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

    RATINGS

\*  --------------------------------------------------------------------------  */
#reviews .stamped-share-links a {
  text-decoration: underline; }

#reviews .summary-rating-title {
  color: #3c4b3c !important; }
  #reviews .summary-rating-title:before {
    color: #3c4b3c !important; }

.rating {
  margin: 0 0 0.5rem; }
  .rating span, .rating i {
    line-height: 1; }
  .rating .stamped-badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row nowrap; }
    .details-wrap .rating .stamped-badge {
      justify-content: flex-start; }
  .rating .stamped-starrating {
    margin: 0; }
  .rating .stamped-fa-star:before {
    font-size: 1rem;
    margin: 0 0.125rem 0 0;
    line-height: 1; }
  .rating .stamped-badge-caption {
    margin: 0 0 0 0.625rem;
    font-size: 0.875rem;
    line-height: 1;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 21px;
    color: #3d4b3c; }
    .rating .stamped-badge-caption:hover, .rating .stamped-badge-caption:focus {
      text-decoration: underline; }
    .product-view .rating .stamped-badge-caption[data-reviews][data-label][data-version="2"]:before {
      content: "("; }
    .product-view .rating .stamped-badge-caption[data-reviews][data-label][data-version="2"]:after {
      content: ")" !important; }
    .card .rating .stamped-badge-caption {
      display: none; }

.stamped-launcher-button {
  z-index: 999; }
  @media (min-width: 768px) {
    .stamped-launcher-button {
      min-width: 145px; } }

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

    BASIC COMPONENTS

    These are commonly used patterns found throughout the website. They do not 
    use JavaScript to make them functional.

\*  --------------------------------------------------------------------------  */
header.hero {
  max-height: 15.625rem; }
  header.hero.customer {
    max-height: none; }
    header.hero.customer > .container {
      padding-bottom: 0; }
    header.hero.customer .help-grid {
      grid-template-columns: 1fr; }
      @media (max-width: 767.9px) {
        header.hero.customer .help-grid {
          margin-top: 0; } }
    header.hero.customer .block {
      display: grid;
      align-items: center;
      justify-items: center;
      grid-template-columns: 1fr;
      gap: 1rem; }
      header.hero.customer .block img {
        max-width: 2.375rem; }
      header.hero.customer .block h2, header.hero.customer .block .h2,
      header.hero.customer .block h3, header.hero.customer .block .h3 {
        color: #3d4b3c;
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 1.25;
        text-transform: capitalize;
        font-family: "Rubik", sans-serif;
        text-align: center;
        margin: 0; }
      header.hero.customer .block p {
        font-size: 14px;
        line-height: 18px;
        color: black;
        margin: 0; }
      header.hero.customer .block img {
        max-width: 2.375rem; }
      @media (min-width: 768px) {
        header.hero.customer .block {
          grid-template-columns: auto 1fr auto; } }

.hero {
  position: relative;
  padding: 0;
  overflow: hidden; }
  @media print {
    .hero {
      display: none; } }
  .hero.contact-hero {
    z-index: 0; }
  .hero.txt-only > div > h1 {
    color: #000;
    font-weight: 800; }
  .hero.txt-only > div .cart-actions {
    padding: 0;
    margin: 2rem 0 0; }
    .hero.txt-only > div .cart-actions p {
      display: none; }
    .hero.txt-only > div .cart-actions .btn-primary {
      padding-left: 1rem;
      padding-right: 1rem; }
      .hero.txt-only > div .cart-actions .btn-primary:before {
        content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgOFY2QzMgNC40MDg3IDMuNjMyMTQgMi44ODI1OCA0Ljc1NzM2IDEuNzU3MzZDNS44ODI1OCAwLjYzMjE0MSA3LjQwODcgMCA5IDBDMTAuNTkxMyAwIDEyLjExNzQgMC42MzIxNDEgMTMuMjQyNiAxLjc1NzM2QzE0LjM2NzkgMi44ODI1OCAxNSA0LjQwODcgMTUgNlY4SDE2QzE2LjUzMDQgOCAxNy4wMzkxIDguMjEwNzEgMTcuNDE0MiA4LjU4NTc5QzE3Ljc4OTMgOC45NjA4NiAxOCA5LjQ2OTU3IDE4IDEwVjE4QzE4IDE4LjUzMDQgMTcuNzg5MyAxOS4wMzkxIDE3LjQxNDIgMTkuNDE0MkMxNy4wMzkxIDE5Ljc4OTMgMTYuNTMwNCAyMCAxNiAyMEgyQzEuNDY5NTcgMjAgMC45NjA4NTkgMTkuNzg5MyAwLjU4NTc4NiAxOS40MTQyQzAuMjEwNzE0IDE5LjAzOTEgMCAxOC41MzA0IDAgMThWMTBDMCA4LjkgMC45IDggMiA4SDNaTTggMTQuNzNWMTdIMTBWMTQuNzNDMTAuMzgxMyAxNC41MDk5IDEwLjY3OTMgMTQuMTcwMSAxMC44NDc4IDEzLjc2MzNDMTEuMDE2MiAxMy4zNTY2IDExLjA0NTggMTIuOTA1NiAxMC45MzE5IDEyLjQ4MDNDMTAuODE3OSAxMi4wNTUgMTAuNTY2OCAxMS42NzkzIDEwLjIxNzUgMTEuNDExMkM5Ljg2ODIzIDExLjE0MzIgOS40NDAyNyAxMC45OTc5IDkgMTAuOTk3OUM4LjU1OTczIDEwLjk5NzkgOC4xMzE3NyAxMS4xNDMyIDcuNzgyNDggMTEuNDExMkM3LjQzMzE5IDExLjY3OTMgNy4xODIxIDEyLjA1NSA3LjA2ODE1IDEyLjQ4MDNDNi45NTQyIDEyLjkwNTYgNi45ODM3NiAxMy4zNTY2IDcuMTUyMjQgMTMuNzYzM0M3LjMyMDcyIDE0LjE3MDEgNy42MTg3MiAxNC41MDk5IDggMTQuNzNaTTYgNlY4SDEyVjZDMTIgNS4yMDQzNSAxMS42ODM5IDQuNDQxMjkgMTEuMTIxMyAzLjg3ODY4QzEwLjU1ODcgMy4zMTYwNyA5Ljc5NTY1IDMgOSAzQzguMjA0MzUgMyA3LjQ0MTI5IDMuMzE2MDcgNi44Nzg2OCAzLjg3ODY4QzYuMzE2MDcgNC40NDEyOSA2IDUuMjA0MzUgNiA2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+");
        margin: 0 1rem 0 0; }
  .hero .img-cont picture, .hero .img-cont picture img, .hero .img-cont .picture img, .hero .img-cont img {
    display: unset;
    width: 100%;
    height: auto; }
  .hero .breadcrumbs {
    position: absolute;
    top: 0;
    left: 5%;
    transform: translate(0, 125%);
    width: 100%;
    font-weight: normal;
    font-size: 0.875rem;
    line-height: 1.0625rem;
    color: #fff;
    margin: 0; }
    .hero .breadcrumbs a, .hero .breadcrumbs span {
      color: #fff; }
    .hero .breadcrumbs li.is-active {
      font-weight: 600; }
  .hero .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 2rem 1rem; }
    @media (min-width: 768px) {
      .hero .container {
        text-align: left; } }
    @media (min-width: 992px) {
      .hero .container {
        padding: 3rem 1rem; } }
    @media (min-width: 1200px) {
      .hero .container {
        padding: 3.875rem 1rem; } }
    .hero .container > h1 {
      padding-top: 1rem;
      padding-bottom: 1rem; }
      @media (min-width: 768px) {
        .hero .container > h1 {
          padding-top: 1.25rem; } }
    .hero .container > p:last-child {
      margin-bottom: 3rem; }
    .hero .container .breadcrumbs {
      position: relative;
      left: auto;
      transform: none;
      font-weight: normal;
      font-size: 14px;
      line-height: 17px;
      color: #fff;
      margin: 0; }
      .hero .container .breadcrumbs a, .hero .container .breadcrumbs span {
        color: #fff; }
      .hero .container .breadcrumbs li.is-active {
        font-weight: 600; }
    @media (min-width: 992px) {
      .hero .container div.half {
        max-width: 25%; } }
    .hero .container div h1, .hero .container div p {
      color: #fff; }
    .hero .container div h1 {
      margin: 0 0 0.6875rem; }
    .hero .container div.cat-landing p {
      max-width: 34rem;
      margin: 0 auto; }
    .hero .container div.sub-cat {
      padding: 0;
      text-align: center; }
      @media (min-width: 992px) {
        .hero .container div.sub-cat {
          max-width: 100%; } }
      .hero .container div.sub-cat h1, .hero .container div.sub-cat p {
        color: #fff; }
      .hero .container div.sub-cat > h1 {
        margin: 0;
        padding-top: 2.5rem;
        padding-bottom: 1.25rem;
        text-transform: capitalize; }
      @media (min-width: 768px) and (max-width: 991.9px) {
        .hero .container div.sub-cat h1 {
          padding-top: 1.875rem; }
        .hero .container div.sub-cat p {
          margin-bottom: 0.5rem; } }
    .hero .container div[data-rfk-sort] {
      padding: 0;
      display: inline-block; }
      @media (min-width: 992px) {
        .hero .container div[data-rfk-sort] {
          position: absolute;
          display: block;
          right: 0;
          bottom: 0; } }
      .hero .container div[data-rfk-sort] .form-el {
        padding: 0.5625rem 1rem;
        border: 1px solid #f2eeea;
        display: flex;
        width: auto;
        max-width: none; }
        .hero .container div[data-rfk-sort] .form-el label {
          font-size: 1rem;
          color: #1b1f2a;
          font-weight: normal; }
        .hero .container div[data-rfk-sort] .form-el select {
          border: none;
          font-size: 1rem;
          color: #1b1f2a;
          font-weight: 600; }
  @media (min-width: 992px) {
    .hero.home {
      max-height: 40.625rem; } }
  .hero.home picture, .hero.home .picture {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%; }
    .hero.home picture picture img, .hero.home picture img, .hero.home .picture picture img, .hero.home .picture img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
      @media (min-width: 768px) {
        .hero.home picture picture img.mob-only, .hero.home picture img.mob-only, .hero.home .picture picture img.mob-only, .hero.home .picture img.mob-only {
          display: none; } }
      .hero.home picture picture img.dt-only, .hero.home picture img.dt-only, .hero.home .picture picture img.dt-only, .hero.home .picture img.dt-only {
        display: none; }
        @media (min-width: 768px) {
          .hero.home picture picture img.dt-only, .hero.home picture img.dt-only, .hero.home .picture picture img.dt-only, .hero.home .picture img.dt-only {
            display: block; } }
  .hero.home .container {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    padding-top: 0;
    padding-bottom: 0;
    border: none; }
    @media (min-width: 768px) {
      .hero.home .container {
        padding: 0 3.125rem;
        display: flex;
        flex-direction: row; } }
    @media (min-width: 992px) {
      .hero.home .container {
        padding: 0 4.6875rem; } }
    @media (min-width: 1200px) {
      .hero.home .container {
        padding: 0 6.25rem; } }
    .hero.home .container div {
      padding: 2.25rem 0 12.5rem;
      width: 83.333%;
      margin: 0 auto; }
      @media (min-width: 576px) {
        .hero.home .container div {
          width: 66.667%; } }
      @media (min-width: 768px) {
        .hero.home .container div {
          max-width: 58.33%;
          padding: 6.875rem 0;
          margin: 0; } }
      @media (min-width: 992px) {
        .hero.home .container div {
          max-width: 50%; } }
      @media (min-width: 1200px) {
        .hero.home .container div {
          max-width: 45.5%; } }
      .hero.home .container div h1, .hero.home .container div p {
        color: #1b1f2a; }
  .hero.home h1 {
    font-size: 1.75rem;
    line-height: 1.22222;
    letter-spacing: -.01em;
    margin: 0 0 1rem; }
    @media (min-width: 768px) {
      .hero.home h1 {
        font-size: 2.25rem;
        margin: 0 0 1.125rem; } }
    @media (min-width: 992px) {
      .hero.home h1 {
        font-size: 2.625rem;
        margin: 0 0 1.25rem; } }
  .hero.home p {
    font-size: 1.125rem;
    line-height: 1.55556; }
  .hero.home.invert .container div h1, .hero.home.invert .container div p {
    color: #fff; }
  @media (min-width: 768px) {
    .hero.home.ca-center .container {
      justify-content: center;
      text-align: center; } }
  @media (min-width: 768px) {
    .hero.home.ca-right .container {
      justify-content: flex-end;
      text-align: right; } }
  .hero.interior {
    background: #4F4F4F;
    background-size: cover;
    background-repeat: no-repeat; }
    .hero.interior:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      height: 100%;
      width: 100%;
      background: #512c1f;
      opacity: 0.3;
      z-index: 1; }
    .hero.interior .img-cont {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%; }
      .hero.interior .img-cont picture img, .hero.interior .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .hero.interior .container {
      position: relative;
      z-index: 2;
      top: auto;
      left: auto;
      transform: translate(0, 0);
      border: none; }
      @media (min-width: 992px) {
        .hero.interior .container {
          padding-top: 2rem; } }
      .hero.interior .container img {
        width: auto;
        height: auto;
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        margin: 0 auto 1rem;
        display: block; }
        @media (min-width: 992px) {
          .hero.interior .container img {
            margin: 0 0 2rem;
            text-align: left; } }
      .hero.interior .container .breadcrumbs {
        color: #fff; }
        .hero.interior .container .breadcrumbs a, .hero.interior .container .breadcrumbs span {
          color: #fff; }
  .hero.form {
    max-height: none; }
    @media (min-width: 992px) {
      .hero.form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: stretch;
        flex-flow: row nowrap; } }
    .hero.form .container {
      position: relative;
      z-index: 1000;
      left: auto;
      top: auto;
      transform: none;
      width: 100%; }
      @media (min-width: 992px) {
        .hero.form .container > div {
          max-width: 36.6875rem;
          width: 91.667%; } }
      @media (min-width: 1200px) {
        .hero.form .container > div {
          width: 83.333%; } }
    .hero.form .img-cont, .hero.form .form-cont {
      position: relative;
      z-index: 0; }
      @media (min-width: 992px) {
        .hero.form .img-cont, .hero.form .form-cont {
          width: 50%; } }
    .hero.form .img-cont {
      overflow: hidden;
      text-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.75);
      background: #1b1f2a; }
      .hero.form .img-cont picture {
        position: absolute;
        z-index: 0;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
        .hero.form .img-cont picture > img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .hero.form .img-cont .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        flex-flow: column wrap;
        height: 100%;
        background: rgba(0, 0, 0, 0.3); }
    .hero.form .form-cont .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      flex-flow: column wrap; }
      .hero.form .form-cont .container > div div {
        max-width: none; }
  .hero.customer .container {
    position: relative;
    text-align: center;
    top: auto;
    left: auto;
    transform: none; }
    .hero.customer .container .breadcrumbs li {
      font-weight: 400;
      font-size: 0.875rem;
      line-height: 1.0625rem;
      color: #4F4F4F; }
      .hero.customer .container .breadcrumbs li a, .hero.customer .container .breadcrumbs li span {
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.0625rem;
        color: #4F4F4F; }
        .hero.customer .container .breadcrumbs li a span, .hero.customer .container .breadcrumbs li span span {
          font-weight: 400; }
      .hero.customer .container .breadcrumbs li span {
        font-weight: 500; }
  .hero.cart-hero h1 {
    font-size: 2.8125rem; }
  .hero.blog-hero {
    position: relative; }
    .hero.blog-hero:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #512c1f;
      opacity: 0.1;
      z-index: 1; }
    .hero.blog-hero > img {
      z-index: 0; }
    .hero.blog-hero .container {
      padding-top: 0;
      z-index: 2; }
      .hero.blog-hero .container .content h1 {
        text-align: center;
        margin: 1.5rem 0 0; }
    .hero.blog-hero .content {
      max-width: none;
      width: 100%; }
    @media (min-width: 768px) {
      .hero.blog-hero.blog-int {
        padding: 23% 0 0;
        overflow: hidden; }
        .hero.blog-hero.blog-int > img {
          position: absolute;
          width: 100%;
          height: auto;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
        .hero.blog-hero.blog-int .container .content h1 {
          max-width: 50%;
          margin: 0 auto; } }
    @media (max-width: 767.9px) {
      .hero.blog-hero > img {
        position: absolute;
        height: 100%;
        width: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .hero.blog-hero .container {
        position: relative;
        top: auto;
        left: auto;
        transform: none; }
        .hero.blog-hero .container .content {
          padding: 2rem 0; }
      .hero.blog-hero.blog-int {
        margin: 0 0 2rem; }
        .hero.blog-hero.blog-int > img {
          width: 100%;
          height: auto; } }

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

    CARDS

    These elements are used to display content, most likely in a sidebar, column 
    in the body of the page, or as a slide in a carousel.

    They can include images, icons, buttons, and text.

\*  --------------------------------------------------------------------------  */
.card {
  overflow: hidden;
  /*  ---------------------  *\
        IMPORT STYLES FOR CARD CONTENT STYLING
    
        Comment out any alterations that will not be used on your site.
        This will reduce the file size by removing unused definitions.

        @import 'cards/size/_sm';
        @import 'cards/size/_lg';
    \*  ---------------------  */
  /*  ---------------------*\
        IMPORT STYLES FOR CARD LAYOUT OPTIONS

        Comment out any options that will not be used on your site.
        This will reduce the file size by removing unused definitions.
        @import 'cards/layouts/_img-above';
        @import 'cards/layouts/_img-side';
        @import 'cards/layouts/_img-overlap';
        @import 'cards/layouts/_swatch';
        @import 'cards/layouts/_carousel';
    \*  ---------------------  */
  /*  --------------------------------------------------------------------------  *\

    CARD - LAYOUT - WITH IMAGE BEHIND

\*  --------------------------------------------------------------------------  */
  /*  ---------------------  *\
        IMPORT STYLES FOR CARD ICON OPTIONS

        Comment out any alterations that will not be used on your site.
        This will reduce the file size by removing unused definitions.

        @import 'cards/icons/_top';
        @import 'cards/icons/_left';
    \*  ---------------------  */
  /*  ---------------------  *\
        IMPORT STYLES FOR CARD CONTENT STYLING

        Comment out any alterations that will not be used on your site.
        This will reduce the file size by removing unused definitions.
        //@import "cards/copy/_article";
    \*---------------------*/
  /*  --------------------------------------------------------------------------  *\

    CARD - COPY - COPY ELEMENTS

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

    CARD - COPY - SWATCHES

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

    CARD - COPY - INFO

\*  --------------------------------------------------------------------------  */ }
  .card .img-w {
    position: relative;
    z-index: 0;
    padding: 0;
    /*.btn-secondary {
            @include position(
                absolute,
                10,
                (left, top),
                (50%, 50%),
                translate(-50%, -50%)
            );
            opacity: 0;
            white-space: nowrap;
        }*/ }
    .card .img-w .img-l {
      position: relative;
      padding: 100% 0 0;
      display: block;
      overflow: hidden;
      margin: 0; }
      .card .img-w .img-l img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .card .img-w .img-l:hover, .card .img-w .img-l:focus {
        cursor: pointer; }
    .card .img-w .button-actions-wrapper {
      opacity: 0;
      transition: opacity .25s;
      position: absolute;
      top: 50%;
      left: 50%;
      height: auto;
      text-align: center;
      transform: translate(-50%, -50%);
      z-index: 2;
      display: none; }
      @media (min-width: 992px) {
        .card .img-w .button-actions-wrapper {
          display: block; } }
      .card .img-w .button-actions-wrapper .button-actions {
        display: inline-block;
        pointer-events: all;
        position: relative; }
      .card .img-w .button-actions-wrapper .btn-secondary {
        font-size: 0.75rem;
        margin: 0;
        min-width: 9.0625rem; }
        .card .img-w .button-actions-wrapper .btn-secondary + .btn-secondary {
          margin: 1rem 0 0; }
    .card .img-w .add-to-cart {
      opacity: 0;
      transition: opacity .25s;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 2;
      display: none; }
      .card .img-w .add-to-cart form {
        text-align: center; }
        .card .img-w .add-to-cart form.form-wishlist {
          position: relative;
          left: auto;
          bottom: auto; }
          .card .img-w .add-to-cart form.form-wishlist .btn-tertiary {
            background: #e6e0d7;
            border-color: #e6e0d7;
            color: #3d4b3c;
            font-weight: 400; }
            .card .img-w .add-to-cart form.form-wishlist .btn-tertiary:hover, .card .img-w .add-to-cart form.form-wishlist .btn-tertiary:focus {
              background-color: rgba(60, 75, 60, 0.7);
              border-color: #e6e0d7;
              color: #fff; }
            .card .img-w .add-to-cart form.form-wishlist .btn-tertiary:active {
              background: #e0c9b7;
              border-color: #e0c9b7;
              color: #3d4b3c; }
      .card .img-w .add-to-cart .btn-secondary {
        margin: 0 auto 0.625rem;
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        width: 100%; }
      .card .img-w .add-to-cart .btn-primary {
        margin-bottom: 0.625rem; }
      @media (min-width: 992px) {
        .card .img-w .add-to-cart {
          display: flex;
          flex-flow: column wrap; } }
    @media (min-width: 992px) {
      .card .img-w:hover .add-to-cart, .card .img-w:focus .add-to-cart {
        opacity: 1; } }
    @media (min-width: 992px) {
      .card .img-w:hover .button-actions-wrapper, .card .img-w:focus .button-actions-wrapper {
        opacity: 1; } }
  .card .add-to-cart {
    display: none; }
    @media (min-width: 992px) {
      .card .add-to-cart {
        display: block; } }
  .card .cnt {
    padding: 0.5rem 0;
    font-family: Rubik; }
  .card.bg-dark {
    padding: 0; }
    .card.bg-dark .cnt {
      padding: 2.5rem 2rem;
      background: #1b1f2a url(../img/bg-growlers.jpg) no-repeat 50% 100%;
      color: #fff; }
  .card.img-behind {
    position: relative;
    background: #1b1f2a;
    overflow: hidden;
    padding: 0; }
    .card.img-behind:before {
      position: absolute;
      z-index: 50;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, #3A3436 46.87%, rgba(35, 31, 32, 0) 88.54%);
      box-shadow: inset 0 0.25rem 0.625rem rgba(0, 0, 0, 0.4);
      content: "";
      display: block;
      opacity: .7;
      pointer-events: none; }
    .card.img-behind .cnt {
      position: absolute;
      z-index: 100;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 80%;
      color: #fff;
      text-align: center;
      pointer-events: none; }
    .card.img-behind h2 {
      font-size: 1.625rem;
      font-weight: bold;
      line-height: 1.15385; }
    .card.img-behind [class*="btn-"] {
      display: inline-block; }
    .card.img-behind:hover .btn-secondary {
      background: transparent;
      color: #fff; }
    .card.img-behind .img-w:focus + .cnt .btn-secondary {
      background: transparent;
      color: #fff; }
  .card .ratings {
    font-size: 0.875rem;
    line-height: 1.3125rem;
    margin: 0 0 0.3125rem;
    color: #3d4b3c; }
  .card .title {
    font-family: Rubik;
    font-style: normal;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.1875rem;
    margin: 0 0 1.25rem; }
    .card .title a {
      text-decoration: none;
      color: #3d4b3c; }
      .card .title a:hover, .card .title a:focus {
        color: #8c6334; }
  .card p.style {
    font-size: 0.875rem;
    line-height: 1.3125rem;
    margin: 0 0 0.5rem;
    color: #d1a06e; }
  .card p:last-child {
    margin-bottom: 0; }
  .card p.stock-msg {
    margin: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 0.875rem;
    line-height: 1.5rem;
    /* identical to box height, or 171% */
    text-transform: capitalize;
    color: #f06943; }
  .card p.price {
    font-size: 1rem;
    line-height: 1.6875rem;
    font-weight: 500;
    margin: 0 0 1rem;
    color: #c25336;
    padding: 0;
    border: none;
    justify-content: flex-start; }
    .card p.price .full-price {
      text-decoration: line-through;
      font-weight: normal;
      margin: 0 0.5rem 0 0;
      color: #4F4F4F; }
    .card p.price small {
      font-size: .666em;
      color: #1b1f2a; }
  .card span.sub-text {
    display: none; }
  .card .swatches {
    padding: 0.1875rem 0; }
  .card .swatch {
    width: 0.625rem;
    height: 0.625rem;
    box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.1875rem #1b1f2a;
    margin: 0 0.6875rem 0 0.1875rem; }
  .card .info {
    margin: 1rem 0;
    padding: 1rem 0 1rem 2.5rem;
    border-top: 0.0625rem solid #c25336;
    border-bottom: 0.0625rem solid #c25336;
    position: relative; }
    .card .info .swatch {
      box-shadow: none;
      width: 1.5rem;
      height: 1.5rem;
      position: absolute;
      left: 0;
      top: 1rem; }
    .card .info p {
      margin: 0;
      font-size: 0.75rem;
      line-height: 1.66667; }
      .card .info p:first-of-type {
        font-size: 0.875rem;
        font-weight: 500; }
  .card .img-w [class*="badge-"] {
    position: absolute;
    top: 1rem;
    left: 0;
    border-radius: 0;
    font-style: normal;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background: #3f6435;
    height: auto;
    width: auto;
    padding: 0.5625rem 0.5rem;
    opacity: 0.9; }
    .card .img-w [class*="badge-"][class*="best"] {
      background: #4789ba; }
    .card .img-w [class*="badge-"][class*="sale"] {
      background: #3d4b3c; }
    .card .img-w [class*="badge-"][class*="exclusive"] {
      background: #b3222a; }
    .card .img-w [class*="badge-"][class*="clearance"] {
      background: #c25336; }

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

    BANNERS

    These elements are used to display content, most likely in a sidebar, column 
    in the body of the page, or as a slide in a carousel.

    They can include images, icons, buttons, and text.

\*  --------------------------------------------------------------------------  */
.banners {
  margin: 1rem;
  position: relative; }
  @media (min-width: 768px) {
    .banners {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      margin: 0; }
      .banners + .banners {
        margin: 1rem 0; } }
  .banners.home {
    margin: 0 auto !important;
    max-width: 87.5rem; }
    @media (min-width: 992px) {
      .banners.home {
        max-height: none !important; } }
    @media (min-width: 768px) {
      .banners.home picture img.mob-only, .banners.home .picture img.mob-only, .banners.home img.mob-only {
        display: none; } }
    .banners.home picture img.dt-only, .banners.home .picture img.dt-only, .banners.home img.dt-only {
      display: none; }
      @media (min-width: 768px) {
        .banners.home picture img.dt-only, .banners.home .picture img.dt-only, .banners.home img.dt-only {
          display: block; } }
    .banners.home .banner.img-behind {
      background: none !important; }
      @media (min-width: 768px) {
        .banners.home .banner.img-behind {
          min-width: 0 !important;
          max-width: none !important;
          margin: 0 !important; } }
      .banners.home .banner.img-behind.small {
        min-width: 0 !important;
        max-height: none !important; }
        @media (min-width: 768px) {
          .banners.home .banner.img-behind.small {
            min-width: 0 !important; } }
  .banners .banner {
    width: 100%;
    position: relative;
    text-align: center;
    /*  ---------------------  *\
        IMPORT STYLES FOR CARD CONTENT STYLING
    
        Comment out any alterations that will not be used on your site.
        This will reduce the file size by removing unused definitions.

        @import 'cards/size/_sm';
        @import 'cards/size/_lg';
    \*  ---------------------  */
    /*  ---------------------*\
        IMPORT STYLES FOR CARD LAYOUT OPTIONS

        Comment out any options that will not be used on your site.
        This will reduce the file size by removing unused definitions.
        @import 'cards/layouts/_img-above';
        @import 'cards/layouts/_img-behind';
        @import 'cards/layouts/_img-overlap';
        @import 'cards/layouts/_swatch';
        @import 'cards/layouts/_carousel';
    \*  ---------------------  */
    /*  --------------------------------------------------------------------------  *\

    CARD - LAYOUT - WITH IMAGE ON SIDE

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

    BANNERS - LAYOUT - WITH IMAGE BEHIND

\*  --------------------------------------------------------------------------  */
    /*  ---------------------  *\
        IMPORT STYLES FOR CARD ICON OPTIONS

        Comment out any alterations that will not be used on your site.
        This will reduce the file size by removing unused definitions.

        @import 'cards/icons/_top';
        @import 'cards/icons/_left';
    \*  ---------------------  */
    /*  ---------------------  *\
        IMPORT STYLES FOR CARD CONTENT STYLING

        Comment out any alterations that will not be used on your site.
        This will reduce the file size by removing unused definitions.
        //@import "cards/copy/_article";
    \*---------------------*/
    /*  --------------------------------------------------------------------------  *\

    CARD - COPY - COPY ELEMENTS

\*  --------------------------------------------------------------------------  */ }
    @media (max-width: 767.9px) {
      .banners .banner + .banner {
        margin-top: 1rem; }
      .banners .banner .cnt a {
        width: 50%; } }
    .banners .banner.img-side .cnt {
      margin-top: 1.25rem;
      text-align: left; }
      .banners .banner.img-side .cnt small {
        font-family: Rubik;
        font-weight: normal;
        font-size: 14px;
        line-height: 17px;
        letter-spacing: 0.05em;
        color: #3d4b3c; }
      .banners .banner.img-side .cnt p {
        color: #3d4b3c; }
      .banners .banner.img-side .cnt a.cnt-link {
        height: 100%;
        width: 100%;
        display: block;
        max-width: none; }
        .banners .banner.img-side .cnt a.cnt-link:hover, .banners .banner.img-side .cnt a.cnt-link:focus {
          text-decoration: none; }
          .banners .banner.img-side .cnt a.cnt-link:hover *, .banners .banner.img-side .cnt a.cnt-link:focus * {
            text-decoration: none; }
    @media (min-width: 768px) {
      .banners .banner.img-side {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        align-content: center;
        flex-flow: row nowrap;
        width: calc(100% - 16px);
        margin: 0 auto; }
        .banners .banner.img-side .img-w {
          -webkit-box-flex: 0 0 auto;
          -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          order: 0;
          width: calc(50%);
          overflow: hidden;
          position: relative; }
          .banners .banner.img-side .img-w > img {
            width: 120%;
            height: auto;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
        .banners .banner.img-side .video-w {
          width: 50%;
          padding: 28% 0 0; }
          .banners .banner.img-side .video-w > iframe {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 100%;
            border: none; }
        .banners .banner.img-side .cnt {
          -webkit-box-flex: 0 0 auto;
          -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          order: 0;
          margin: 0;
          width: calc(50% - 88px); }
        .banners .banner.img-side.alt .img-w, .banners .banner.img-side.alt .video-w {
          order: 1; }
        .banners .banner.img-side.tall .img-w {
          width: 50%; }
          .banners .banner.img-side.tall .img-w > img {
            position: static;
            transform: none; }
        .banners .banner.img-side.tall .cnt {
          width: 50%;
          border: none;
          padding: 4.5rem 2.25rem; }
        .banners .banner.img-side.tall h3 {
          font-weight: bold;
          font-size: 1.625rem;
          line-height: 1.46;
          margin: 0 0 1rem;
          letter-spacing: 0.01em;
          text-transform: capitalize; }
          .banners .banner.img-side.tall h3 small {
            font-family: Rubik;
            display: block;
            font-weight: 600;
            font-size: 1rem;
            line-height: 1;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            margin: 0 0 0.625rem; } }
    .banners .banner.img-behind {
      position: relative;
      z-index: 0;
      background: #1b1f2a;
      overflow: hidden;
      text-align: center; }
      @media (min-width: 768px) {
        .banners .banner.img-behind {
          flex: 1 1 auto;
          min-width: calc(25% - 16px);
          max-width: 100%;
          margin: 0 0.5rem; } }
      .banners .banner.img-behind > .img-w {
        margin: 0; }
        .banners .banner.img-behind > .img-w::before {
          content: "";
          width: 100%;
          height: 100%;
          background: #292b25;
          opacity: 0.3;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
      .banners .banner.img-behind.no-cnt > .img-w:before {
        display: none; }
      .banners .banner.img-behind > .cnt {
        position: absolute;
        z-index: 100;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 66.67%; }
        .banners .banner.img-behind > .cnt a.cnt-link {
          height: 100%;
          width: 100%;
          display: block;
          max-width: none; }
          .banners .banner.img-behind > .cnt a.cnt-link:hover, .banners .banner.img-behind > .cnt a.cnt-link:focus {
            text-decoration: none; }
            .banners .banner.img-behind > .cnt a.cnt-link:hover *, .banners .banner.img-behind > .cnt a.cnt-link:focus * {
              text-decoration: none; }
        .banners .banner.img-behind > .cnt small,
        .banners .banner.img-behind > .cnt h2,
        .banners .banner.img-behind > .cnt p {
          display: block;
          color: #fff; }
      .banners .banner.img-behind.small {
        min-width: unset;
        max-height: 528px; }
        .banners .banner.img-behind.small .img-w::before {
          width: 80%;
          height: 60%;
          max-width: 550px; }
        .banners .banner.img-behind.small .cnt {
          width: 80%;
          max-width: 550px; }
          .banners .banner.img-behind.small .cnt h1 {
            color: #fff; }
            .banners .banner.img-behind.small .cnt h1 small {
              font-family: Rubik;
              font-size: 0.75rem;
              line-height: 1.3125rem;
              letter-spacing: 0.05em;
              text-transform: uppercase;
              color: #f2eeea; }
              @media (min-width: 768px) {
                .banners .banner.img-behind.small .cnt h1 small {
                  font-size: 1.125rem; } }
        @media (min-width: 768px) {
          .banners .banner.img-behind.small {
            margin: 0;
            min-width: calc(100vw - 32px); } }
      .banners .banner.img-behind.hov-eff {
        overflow: hidden; }
        .banners .banner.img-behind.hov-eff > .cnt {
          -webkit-transform: translate(0, 100%);
          -ms-transform: translate(0, 100%);
          transform: translate(0, 100%);
          transition: transform 0.5s 0.15s; }
        .banners .banner.img-behind.hov-eff:hover > .cnt, .banners .banner.img-behind.hov-eff:focus > .cnt {
          -webkit-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
          transform: translate(0, 0); }
    .banners .banner .title {
      font-size: 1rem;
      font-weight: normal;
      line-height: 1.5;
      margin: 0 0 0.5rem;
      text-transform: none; }
      .banners .banner .title a {
        text-decoration: none; }
        .banners .banner .title a:hover, .banners .banner .title a:focus {
          color: #8c6334; }
      @media (min-width: 768px) {
        .banners .banner .title {
          font-size: 1.25rem;
          line-height: 1.4;
          margin: 0 0 1.875rem; } }
      @media (min-width: 992px) {
        .banners .banner .title {
          font-size: 1.5rem;
          line-height: 1.33333;
          margin: 0 0 2rem; } }
    .banners .banner h3 {
      font-size: 1.25rem;
      line-height: 1.38462;
      margin: 0; }
      @media (min-width: 768px) {
        .banners .banner h3 {
          font-size: 1.4375rem;
          line-height: 1.82609; } }
      @media (min-width: 992px) {
        .banners .banner h3 {
          font-size: 1.625rem;
          line-height: 1.84615; } }
    .banners .banner p {
      color: #1b1f2a; }
      .banners .banner p.style {
        font-size: 0.75rem;
        line-height: 1.5;
        margin: 0 0 0.5rem; }
      .banners .banner p:last-child {
        margin-bottom: 0; }
  .banners.layout-1 h2 small, .banners.layout-2 h2 small, .banners.grid h2 small {
    font-family: Rubik;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.3125rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #f2eeea; }
  .banners.layout-1 a, .banners.layout-2 a, .banners.grid a {
    max-width: 60%; }
  .banners.layout-3 .cnt, .banners.layout-4 .cnt {
    padding: 0; }
    .banners.layout-3 .cnt h2, .banners.layout-4 .cnt h2 {
      font-size: 1.875rem; }
  .banners.grid {
    margin: 16px 8px 0;
    display: grid;
    grid-template-columns: 7fr 5fr;
    grid-template-rows: 1fr 1fr;
    grid-row-gap: 16px;
    grid-column-gap: 16px; }
    .banners.grid .banner {
      margin: 0; }
    .banners.grid :nth-child(1) {
      grid-row-start: 1;
      grid-row-end: span 2; }
  .banners.hero {
    margin: 0;
    position: relative;
    padding: 0;
    overflow: hidden;
    min-height: 133vw; }
    @media (min-width: 768px) {
      .banners.hero {
        max-height: 33rem;
        min-height: 40vw; } }
    @media (min-width: 1400px) {
      .banners.hero {
        min-height: 35rem; } }
    @media print {
      .banners.hero {
        display: none; } }
  .banners .slick-arrow {
    position: absolute;
    top: 50%;
    width: 2.5rem;
    height: 2.5rem;
    background-size: 1rem 0.75rem; }
  .banners .slick-prev {
    left: 0;
    transform: translate(100%, 0); }
  .banners .slick-next {
    right: 0;
    transform: translate(-100%, 0); }
  .banners .slick-dots {
    position: absolute;
    bottom: 0.875rem; }
    .banners .slick-dots li {
      width: 3.4375rem; }
      .banners .slick-dots li button {
        height: 0.3125rem;
        width: 3.4375rem;
        border-radius: 0; }

.banner.invert .title,
.banner.invert h3,
.banner.invert p,
.banner-w.invert .title,
.banner-w.invert h3,
.banner-w.invert p {
  color: #fff; }

.widgets.category-top-widgets {
  padding: 0; }

.widgets section {
  margin: 0;
  padding: 0;
  background: transparent; }
  .widgets section.bg-tan {
    background: #f2eeea;
    padding: 1.25rem;
    z-index: 1; }
    @media (min-width: 768px) {
      .widgets section.bg-tan {
        padding: 2.5rem; } }
    @media (min-width: 992px) {
      .widgets section.bg-tan {
        padding: 3.75rem; } }
  .widgets section .container {
    margin: 0;
    padding: 0;
    max-width: none;
    width: 100%; }
    .widgets section .container .banners {
      margin: 0 0 1rem; }
      @media (max-width: 767.9px) {
        .widgets section .container .banners {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: space-between; } }
      .widgets section .container .banners.grid {
        margin: 0 0 3rem; }
        @media (max-width: 767.9px) {
          .widgets section .container .banners.grid .banner > a {
            max-width: none; } }
        .widgets section .container .banners.grid .banner {
          /* three banner */ }
          .widgets section .container .banners.grid .banner:first-child {
            text-align: left; }
          .widgets section .container .banners.grid .banner:first-child:nth-last-child(3) h2,
          .widgets section .container .banners.grid .banner:first-child:nth-last-child(3) ~ .img-behind h2 {
            font-size: 2.8125rem; }
      .widgets section .container .banners .banner :empty:not(img) {
        display: none; }
      .widgets section .container .banners .banner.img-behind {
        position: relative;
        /* one banner */
        /* two banner */
        /* three banner */
        /* four banner */ }
        @media (max-width: 767.9px) {
          .widgets section .container .banners .banner.img-behind {
            padding: 100% 0 0; }
            .widgets section .container .banners .banner.img-behind > a {
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0; }
              .widgets section .container .banners .banner.img-behind > a:before {
                z-index: 1; }
              .widgets section .container .banners .banner.img-behind > a img {
                height: 100%;
                width: auto;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%); }
            .widgets section .container .banners .banner.img-behind .cnt {
              width: 100%;
              max-height: 100%;
              padding: 1rem; } }
        .widgets section .container .banners .banner.img-behind h2 {
          text-transform: capitalize;
          font-family: "EB Garamond", serif; }
          .widgets section .container .banners .banner.img-behind h2 small {
            font-family: "Rubik", sans-serif;
            font-size: 14px;
            font-weight: 400;
            line-height: 21px;
            text-align: center;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            color: #f2eeea; }
            @media (min-width: 768px) {
              .widgets section .container .banners .banner.img-behind h2 small {
                font-size: 1.125rem; } }
          .widgets section .container .banners .banner.img-behind h2:only-child {
            margin: 0; }
        .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(1) h2 {
          font-size: 1.5rem; }
          @media (min-width: 768px) {
            .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(1) h2 {
              font-size: 2.8125rem; } }
        .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(2) h2,
        .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(2) ~ .img-behind h2 {
          font-size: 1.5rem; }
          @media (min-width: 768px) {
            .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(2) h2,
            .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(2) ~ .img-behind h2 {
              font-size: 2.8125rem; } }
        .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(3) h2,
        .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(3) ~ .img-behind h2 {
          font-size: 1.5rem; }
          @media (min-width: 768px) {
            .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(3) h2,
            .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(3) ~ .img-behind h2 {
              font-size: 1.875rem; } }
        .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(3) .btn-secondary,
        .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(3) ~ .img-behind .btn-secondary {
          background: transparent;
          border-color: #fff;
          color: #fff; }
          .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(3) .btn-secondary svg,
          .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(3) ~ .img-behind .btn-secondary svg {
            fill: currentColor;
            margin: 0 0.5rem 0 0; }
          .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(3) .btn-secondary:hover, .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(3) .btn-secondary:focus,
          .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(3) ~ .img-behind .btn-secondary:hover,
          .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(3) ~ .img-behind .btn-secondary:focus {
            background: #3d4b3c;
            border-color: #3d4b3c;
            color: #fff; }
          .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(3) .btn-secondary:active,
          .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(3) ~ .img-behind .btn-secondary:active {
            background: #3f6435;
            border-color: #3f6435;
            color: #fff; }
        @media (max-width: 767.9px) {
          .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(4),
          .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(4) ~ .img-behind {
            width: calc(50% - .5rem);
            padding: 50% 0 0;
            margin: 0; }
            .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(4):last-child, .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(4):nth-last-child(2),
            .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(4) ~ .img-behind:last-child,
            .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(4) ~ .img-behind:nth-last-child(2) {
              margin-top: 1rem; } }
        .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(4) h2,
        .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(4) ~ .img-behind h2 {
          font-size: 1.5rem; }
          @media (min-width: 768px) {
            .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(4) h2,
            .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(4) ~ .img-behind h2 {
              font-size: 1.875rem; } }
        .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(4) .btn-secondary,
        .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(4) ~ .img-behind .btn-secondary {
          background: transparent;
          border-color: #fff;
          color: #fff; }
          .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(4) .btn-secondary svg,
          .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(4) ~ .img-behind .btn-secondary svg {
            fill: currentColor;
            margin: 0 0.5rem 0 0; }
          .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(4) .btn-secondary:hover, .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(4) .btn-secondary:focus,
          .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(4) ~ .img-behind .btn-secondary:hover,
          .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(4) ~ .img-behind .btn-secondary:focus {
            background: #3d4b3c;
            border-color: #3d4b3c;
            color: #fff; }
          .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(4) .btn-secondary:active,
          .widgets section .container .banners .banner.img-behind:first-child:nth-last-child(4) ~ .img-behind .btn-secondary:active {
            background: #3f6435;
            border-color: #3f6435;
            color: #fff; }
      .widgets section .container .banners .banner.img-side {
        align-items: center;
        margin: 0 0 3rem; }
        @media (max-width: 767.9px) {
          .widgets section .container .banners .banner.img-side .cnt {
            margin-top: 3rem; }
            .widgets section .container .banners .banner.img-side .cnt h2 {
              margin-bottom: 1rem; }
            .widgets section .container .banners .banner.img-side .cnt .btn-secondary {
              width: auto; } }
        .widgets section .container .banners .banner.img-side > a img {
          position: relative;
          width: 100%;
          transform: none;
          left: auto;
          top: auto; }
        .widgets section .container .banners .banner.img-side .btn-secondary {
          background: #3d4b3c;
          border-color: #3d4b3c;
          color: #fff; }
          .widgets section .container .banners .banner.img-side .btn-secondary:hover, .widgets section .container .banners .banner.img-side .btn-secondary:focus {
            background: #3f6435;
            border-color: #3f6435;
            color: #fff; }
          .widgets section .container .banners .banner.img-side .btn-secondary:active {
            background: #a3b17b;
            border-color: #a3b17b;
            color: #3d4b3c; }

@media (max-width: 767.9px) {
  .widgets.paddless {
    padding: 0; }
    .widgets.paddless div[data-layout-name="Layout"] > div {
      padding: 0 !important; }
    .widgets.paddless section .container .banners {
      margin: 0; }
      .widgets.paddless section .container .banners .cnt {
        padding: 0.5rem 1.625rem; }
        .widgets.paddless section .container .banners .cnt h2 {
          margin-bottom: 1rem; } }

@media (min-width: 768px) {
  .widgets.paddless {
    padding: 0; }
    .widgets.paddless div[data-layout-name="Layout"] > div {
      padding: 0 !important; }
    .widgets.paddless section .container .banners {
      margin: 0; }
      .widgets.paddless section .container .banners .img-side.alt {
        margin: 0;
        width: 100%; }
        .widgets.paddless section .container .banners .img-side.alt .img-w {
          width: 55%;
          padding: 38% 0 0;
          position: relative;
          overflow: hidden; }
          .widgets.paddless section .container .banners .img-side.alt .img-w img {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            height: auto;
            transform: translate(-50%, -50%); }
        .widgets.paddless section .container .banners .img-side.alt .cnt {
          width: 45%;
          padding: 5%; } }

@media (min-width: 1300px) {
  .widgets.paddless section .container .banners .img-side.alt .img-w {
    padding: 496px 0 0; }
  .widgets.paddless section .container .banners .img-side.alt .cnt {
    padding-left: calc(50% - 627px); } }

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

    FACTS

    These elements are used to display content, most likely in a sidebar, column 
    in the body of the page, or as a slide in a carousel.

    They can include images, icons, and text.

\*  --------------------------------------------------------------------------  */
.fact-wrap {
  margin: 2rem -0.5rem 0; }
  @media (min-width: 768px) {
    .fact-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      flex-flow: row wrap;
      margin: 3rem -0.75rem 0;
      padding: 2rem 0; } }
  @media (min-width: 992px) {
    .fact-wrap {
      margin: 4rem -1rem 0; } }

.fact {
  padding: 0 1.5rem;
  text-align: center;
  /*  ----------------------------------------------------------------------  *\

        FACTS - VARIATIONS IMPORTS
        
        @import 'facts/_small';

    \*  ----------------------------------------------------------------------  */ }
  .fact + .fact {
    margin-top: 3.5rem; }
  @media (min-width: 768px) {
    .fact {
      -webkit-box-flex: 1 0 auto;
      -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
      flex: 1 0 auto;
      max-width: calc(50% - 2rem);
      width: calc(25% - 2rem);
      margin: 0 1rem; }
      .fact:nth-child(n + 5) {
        margin: 2rem 1rem 0; }
      .fact > * {
        width: 100%; }
      .fact + .fact {
        margin-top: 0; } }
  .fact img {
    position: relative;
    display: block;
    width: 4rem;
    height: 4rem;
    margin: 0 auto 1.5rem; }
  .fact .icon-w {
    position: relative;
    display: block;
    width: 4rem;
    height: 4rem;
    color: #f06943;
    font-size: 8em;
    text-align: center;
    margin: 0 auto 1.5rem;
    padding: 0.875rem;
    border-radius: 50%;
    border: 0.0625rem solid #fff; }
    .fact .icon-w svg {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      display: block;
      width: 2.25rem;
      height: 2.25rem;
      padding: 0;
      fill: #fff; }
  .fact h3 {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .12em;
    margin: 0 0 0.875rem; }

.featured-logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row nowrap;
  margin: 0 -0.9375rem;
  overflow: auto; }
  .featured-logos img {
    width: auto;
    height: 2.1875rem;
    margin: 0 0.9375rem; }
  @media (min-width: 768px) {
    .featured-logos img {
      min-width: 3.125rem;
      max-width: 12.5rem;
      height: auto; } }

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

    PANEL

\*  --------------------------------------------------------------------------  */
.panel {
  margin: 0 1.5rem; }
  .panel .heading {
    padding: 1.125rem 1.5rem;
    background: #3d4b3c;
    color: #fff;
    border: 0.0625rem solid #3d4b3c;
    border-radius: 0; }
    .panel .heading h2 {
      color: #fff;
      font-weight: 600;
      font-size: 20px;
      line-height: 30px; }
    .panel .heading :last-child {
      margin-bottom: 0; }
  .panel .cnt {
    padding: 1.5rem;
    border: 0.0625rem solid #B5B5B5;
    border-top: none;
    border-radius: 0; }

.swatches {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: row nowrap; }
  .swatches li {
    padding: 0; }
    .swatches li:before {
      display: none; }

.swatch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-flow: row nowrap;
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  border: 0.0625rem solid #e6e0d7; }
  .swatch span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: 1;
    align-items: 1;
    align-content: auto;
    flex-flow: row wrap;
    min-width: 33.333%;
    max-width: 100%;
    width: 100%; }

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

    TOOLTIPS

    Tooltips can be used to display additional information revealed on hover and
    focus states.


    // POSITIONING (DISPLAY, FLEX, FLEX ITEM, POSITION, LEFT, TOP, TRANSFORM)
    // BOX SIZING (WIDTH, HEIGHT, MARGIN, PADDING)
    // BOX STYLING (OPACITY, BACKGROUND, BOX SHADOW, BORDER, BORDER RADIUS, OVERFLOW)
    // FONT STYLING (FONT, FONT-FAMILY, FONT-STYLE, FONT-SIZE, LINE-HEIGHT, FONT-WEIGHT)
    // TEXT STYLING (TEXT-DECORATION, TEXT-TRANSFORM, TEXT-ALIGN, TEXT-SHADOW)
    // OTHER (TRANSITONS, ANIMATIONS, CURSOR)

\*  --------------------------------------------------------------------------  */
.tooltip-trigger {
  position: relative;
  z-index: 0;
  margin: 0.3125rem 0 0; }
  .tooltip-trigger:hover, .tooltip-trigger:focus {
    z-index: 1000; }
    .tooltip-trigger:hover > .tooltip, .tooltip-trigger:focus > .tooltip {
      display: block; }
  p .tooltip-trigger, li .tooltip-trigger, dd .tooltip-trigger, blockquote .tooltip-trigger {
    border-bottom: .3rem double currentColor; }
  .tooltip-trigger.icon-i {
    display: inline-block;
    background: #d1a06e;
    color: #fff;
    border-radius: 0.5rem;
    height: 0.875rem;
    width: 0.875rem;
    text-align: center;
    font-size: 0.625rem;
    line-height: 0.875rem;
    border: none;
    transform: translate(0, -0.125rem);
    float: right; }

.tooltip {
  display: none;
  position: fixed;
  z-index: 100;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  width: 100vw;
  max-width: 40rem;
  padding: 1.25rem 1.5rem;
  background: #d1a06e;
  box-shadow: 0 0.125rem 0.5625rem rgba(0, 0, 0, 0.06);
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.71429;
  text-align: left; }
  @media (min-width: 576px) {
    .tooltip {
      width: 30vw; } }
  @media (min-width: 768px) {
    .tooltip {
      width: 25vw; } }
  .tooltip.sm {
    width: auto;
    padding: 0.5rem 0.75rem;
    white-space: nowrap;
    font-size: 0.75rem;
    line-height: 1.33333; }
  .tooltip p:last-child {
    margin-bottom: 0 !important; }
  @media (min-width: 768px) {
    .tooltip {
      position: absolute;
      top: -0.625rem;
      -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
      transform: translate(-50%, -100%); }
      .tooltip:before {
        position: absolute;
        z-index: 0;
        left: 50%;
        top: 100%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 0;
        height: 0;
        content: ""; }
      .tooltip:before {
        border-top: 0.5rem solid #d1a06e;
        border-left: 0.5rem solid transparent;
        border-right: 0.5rem solid transparent; }
      .tooltip.bottom {
        top: calc(100% + 1.875rem);
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%); }
        .tooltip.bottom:before {
          top: 0;
          -webkit-transform: translate(-50%, -100%);
          -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
          border-top: none;
          border-bottom: 0.5rem solid #d1a06e;
          border-left: 0.5rem solid transparent;
          border-right: 0.5rem solid transparent; }
      .tooltip.left {
        left: -0.5rem;
        top: 50%;
        -webkit-transform: translate(-100%, -50%);
        -ms-transform: translate(-100%, -50%);
        transform: translate(-100%, -50%); }
        .tooltip.left:before {
          top: 50%;
          left: 100%; }
        .tooltip.left:before {
          -webkit-transform: translate(-0.0625rem, -50%);
          -ms-transform: translate(-0.0625rem, -50%);
          transform: translate(-0.0625rem, -50%);
          border-right: none;
          border-left: 0.5rem solid #d1a06e;
          border-top: 0.5rem solid transparent;
          border-bottom: 0.5rem solid transparent; }
      .tooltip.right {
        left: calc(100% + 0.3125rem);
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
        .tooltip.right:before {
          top: 50%;
          left: 0;
          -webkit-transform: translate(-100%, -50%);
          -ms-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
          border-left: none;
          border-right: 0.5rem solid #d1a06e;
          border-top: 0.5rem solid transparent;
          border-bottom: 0.5rem solid transparent; } }

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

    BADGE

\*  --------------------------------------------------------------------------  */
.badges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: row wrap;
  margin: 0 0 1rem; }
  @media (min-width: 992px) {
    .badges {
      position: absolute;
      right: 0;
      top: -1rem;
      -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
      transform: translate(0, -100%); } }

.badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row nowrap;
  border-radius: 0.8125rem;
  height: 1.625rem;
  line-height: 1.625rem;
  background: #b3222a;
  color: #fff; }
  .badge .icon {
    width: 1.625rem;
    height: 1.625rem;
    background: #FCC211;
    border-radius: 0.8125rem;
    padding: 0.1875rem; }
    .badge .icon svg {
      fill: #fff;
      height: 1.25rem;
      width: 1.25rem; }
  .badge .cnt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    font-size: 0.75rem;
    padding: 0 0.75rem; }
  .badge .tooltip-trigger {
    display: block;
    margin: 0 0 0 0.5rem;
    font-size: 0.5rem;
    color: #fff;
    border: 0.0625rem solid #fff;
    border-radius: 0.5rem;
    height: 0.875rem;
    width: 0.875rem;
    line-height: 0.875rem;
    text-align: center; }

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

    ALERTS

\*  --------------------------------------------------------------------------  */
.alert-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: row nowrap;
  border: 0.0625rem solid currentColor;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  margin: 0 0 2rem;
  color: #1b1f2a;
  background: #adb5ca; }
  .alert-box svg {
    fill: currentColor;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 1rem 0 0; }
  .alert-box.success {
    color: #6E9404;
    background: #e5fda5; }
  .alert-box.error {
    color: #b3222a;
    background: #f2b9bd; }
  .alert-box.info {
    color: #b3222a;
    background: #ea8f94; }
  .alert-box :last-child {
    margin: 0; }

.testimonials {
  margin: 2rem -0.5rem 0; }
  @media (min-width: 768px) {
    .testimonials {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      flex-flow: row wrap;
      margin: 3rem -0.75rem 0; } }
  @media (min-width: 992px) {
    .testimonials {
      margin: 4rem -1rem 0; } }
  .testimonials > div {
    width: 100%;
    margin: 0 0 2rem;
    background: #fff;
    border: 0.25rem solid #c25336;
    border-radius: 0.875rem;
    padding: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-flow: column nowrap; }
    .testimonials > div > div {
      color: #1b1f2a; }
      .testimonials > div > div strong {
        display: block; }
    @media (min-width: 768px) {
      .testimonials > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: 1;
        align-items: 1;
        align-content: auto;
        flex-flow: row wrap;
        max-width: calc(50% - 2rem);
        width: calc(33.333% - 2rem);
        margin: 0 1rem; }
        .testimonials > div:nth-child(n + 4) {
          margin: 2rem 1rem 0; }
        .testimonials > div > * {
          width: 100%; } }

.guarantees .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem; }
  @media (min-width: 768px) {
    .guarantees .container {
      padding-top: 0.9375rem;
      padding-bottom: 0.9375rem; } }
  .guarantees .container:before {
    content: "";
    height: 1px;
    width: calc(100% - 2rem);
    position: absolute;
    bottom: 100%;
    left: 1rem;
    background: #f2eeea; }
  .guarantees .container > div {
    width: 50%;
    padding: 0.75rem;
    text-align: center; }
    @media (min-width: 768px) {
      .guarantees .container > div {
        width: 25%;
        padding: 0.9375rem; } }
    .guarantees .container > div svg {
      width: 1.625rem;
      height: 1.625rem;
      margin: 0 0 0.625rem; }
      @media (min-width: 768px) {
        .guarantees .container > div svg {
          width: 1.875rem;
          height: 1.875rem; } }
    .guarantees .container > div h3, .guarantees .container > div p {
      text-transform: uppercase;
      margin: 0 0 0.25rem; }
    .guarantees .container > div h3 {
      color: #1b1f2a;
      font-weight: 700;
      font-size: 11px;
      line-height: 13px; }
      @media (min-width: 768px) {
        .guarantees .container > div h3 {
          font-weight: 600;
          font-size: 16px;
          line-height: 19px; } }
    .guarantees .container > div p {
      color: #273542;
      font-weight: 400;
      font-size: 10px;
      line-height: 12px; }
      @media (min-width: 768px) {
        .guarantees .container > div p {
          font-size: 14px;
          line-height: 17px; } }

.col-lg-4 .guarantees .container {
  padding: 0.75rem 0; }
  @media (min-width: 768px) {
    .col-lg-4 .guarantees .container {
      padding: 0.875rem 0;
      margin: 0;
      width: 100%; } }
  .col-lg-4 .guarantees .container:before {
    display: none; }
  @media (min-width: 768px) {
    .col-lg-4 .guarantees .container > div {
      width: 50%;
      padding: 0.875rem; }
      .col-lg-4 .guarantees .container > div:nth-child(odd) {
        padding-left: 0; }
      .col-lg-4 .guarantees .container > div:nth-child(even) {
        padding-right: 0; } }
  @media (min-width: 768px) {
    .col-lg-4 .guarantees .container > div svg {
      width: 1.6875rem;
      height: 1.6875rem; } }
  @media (min-width: 768px) {
    .col-lg-4 .guarantees .container > div h3 {
      font-size: 14px;
      line-height: 17px; } }
  @media (min-width: 768px) {
    .col-lg-4 .guarantees .container > div p {
      font-size: 12px;
      line-height: 15px; } }

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

    BACK TO TOP BUTTON 

\*  --------------------------------------------------------------------------  */
.to-top {
  display: none;
  position: fixed;
  bottom: 1.875rem;
  right: 1.875rem;
  height: 3.125rem;
  width: 3.125rem;
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid #3d4b3c;
  border-radius: 50%;
  text-align: center;
  line-height: 3.125rem;
  z-index: 1000; }
  .to-top:before {
    content: "";
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0xMS41MDk3IDQuMTkyMDFMMTcuNzA0NiAxMC4zODY5TDE5LjE0NzUgOC45NDQwNUwxMC40ODkzIDAuMjg1ODg4TDkuNzY3ODcgMS4wMDczMkwxLjgzMTEzIDguOTQ0MDVMMy4yNzM5OSAxMC4zODY5TDkuNDY4ODkgNC4xOTIwMUw5LjQ2ODg5IDIwLjY5NDFMMTEuNTA5NyAyMC42OTQxTDExLjUwOTcgNC4xOTIwMVoiIGZpbGw9IiMzQzRCM0MiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIyMC40MDgyIiBoZWlnaHQ9IjIwLjQwODIiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC42OTM0IDAuMjg1ODg5KSByb3RhdGUoOTApIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+");
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    height: 1.3125rem;
    width: 1.3125rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

@media (max-width: 767.9px) {
  .product.grouped-product-loaded .to-top {
    bottom: 1.875rem; } }

@media (max-width: 767.9px) {
  .product .to-top {
    bottom: 4.375rem; } }

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

    TEXT - Modifiers

\*  --------------------------------------------------------------------------  */
.text-center {
  text-align: center; }

.text-danger {
  color: #b3222a; }

.text-warning {
  color: #e1bb37; }

.text-success {
  color: #6E9404; }

.container-searchspring {
  min-height: 216vw;
  min-height: 37.5rem; }
  @media (min-width: 600px) {
    .container-searchspring {
      min-height: 72vw; } }
  @media (min-width: 768px) {
    .container-searchspring {
      min-height: 53vw; } }
  @media (min-width: 992px) {
    .container-searchspring {
      min-height: 31.875rem; } }

.cat-container-searchspring {
  min-height: 805vw; }
  @media (min-width: 768px) {
    .cat-container-searchspring {
      min-height: 430vw; } }
  @media (min-width: 992px) {
    .cat-container-searchspring {
      min-height: 400vw; } }
  @media (min-width: 1400px) {
    .cat-container-searchspring {
      min-height: 228.125rem; } }

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

    MEDIA OBJECTS

    All of our media elements should be wrapped in a <figure> tag to help provide 
    context to the element.

\*  --------------------------------------------------------------------------  */
video, img, picture {
  display: block;
  width: 100%;
  height: auto; }

iframe {
  max-width: 100%; }

.video-w {
  position: relative;
  padding-top: 56.25%; }
  .video-w iframe {
    border: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

figure {
  margin: 0 0 1.5rem;
  /*  ----------------------------------------------------------------------  *\

        LAYOUT OPTIONS
    
        Comment or remove when the following layouts are not necessary

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

    MEDIA LAYOUT - SIDE

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

    MEDIA LAYOUT - OVERLAP

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

    MEDIA LAYOUT - CAPTION OVER

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

        HOVER EFFECTS
    
        Comment or remove when the following effects are not necessary

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

    MEDIA HOVER EFFECTS

    This file modifies what's found in the base components/basic/_media
    file.

    This is the base of the hover effects, and then their modifications to the 
    effects are located in the imported files here.

    If all figures will have the hover effects, move the following definitions
    to the media base file.

    If you only have one hover effect for all figures, combine those styles with
    the base media file as well.

    No classes should be needed at that point to modify them.

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

    MEDIA HOVER EFFECT - DRAW BORDER

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

    MEDIA HOVER EFFECT - FADE IN

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

    MEDIA HOVER EFFECT - MOVE UP

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

    MEDIA HOVER EFFECT - ZOOM

\*  --------------------------------------------------------------------------  */ }
  @media (min-width: 768px) {
    figure {
      margin: 0 0 1.875rem; } }
  figure > figcaption {
    padding: 1.5rem;
    background: #f2eeea; }
    @media (min-width: 768px) {
      figure > figcaption {
        padding: 1.875rem; } }
    figure > figcaption :last-child {
      margin-bottom: 0; }
  @media (min-width: 768px) {
    figure.cap-side {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: row nowrap; }
      figure.cap-side img {
        -webkit-box-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
        margin: 0 1.875rem 0 0; }
      figure.cap-side.alt img {
        order: 1;
        margin: 0 0 0 1.875rem; } }
  @media (min-width: 768px) {
    figure.cap-overlap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: row nowrap; }
      figure.cap-overlap img {
        position: relative;
        z-index: 0;
        -webkit-box-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: calc(50% + 1.875rem); }
      figure.cap-overlap figcaption {
        position: relative;
        z-index: 1;
        width: 50%;
        margin: 0 0 0 -1.875rem; }
      figure.cap-overlap.alt img {
        order: 1; }
      figure.cap-overlap.alt figcaption {
        width: 50%;
        margin: 0 -1.875rem 0 0; } }
  figure.cap-over {
    position: relative; }
    figure.cap-over > figcaption {
      position: absolute;
      z-index: 100;
      left: 0;
      bottom: 0;
      width: 100%;
      background: rgba(27, 31, 42, 0.75);
      color: #fff; }
  @media (min-width: 768px) {
    figure.hov-eff {
      position: relative;
      z-index: 0;
      overflow: hidden;
      color: #fff;
      text-align: center; }
      figure.hov-eff figcaption {
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border: 0.2rem solid #c25336;
        background: rgba(27, 31, 42, 0.5); } }
  @media (min-width: 768px) {
    figure.draw-border figcaption {
      opacity: 0;
      border: none;
      transition: opacity 0.25s; }
      figure.draw-border figcaption:before, figure.draw-border figcaption:after {
        position: absolute;
        z-index: -1;
        left: 50%;
        top: 50%;
        width: 100%;
        height: 100%;
        transition: transform 0.25s linear 0.15s;
        content: ""; }
      figure.draw-border figcaption:before {
        -webkit-transform: translate(-50%, -50%) scale(1, 0);
        -ms-transform: translate(-50%, -50%) scale(1, 0);
        transform: translate(-50%, -50%) scale(1, 0);
        border-left: 0.2rem solid #fff;
        border-right: 0.2rem solid #fff; }
      figure.draw-border figcaption:after {
        -webkit-transform: translate(-50%, -50%) scale(0, 1);
        -ms-transform: translate(-50%, -50%) scale(0, 1);
        transform: translate(-50%, -50%) scale(0, 1);
        border-top: 0.2rem solid #fff;
        border-bottom: 0.2rem solid #fff; }
    figure.draw-border:hover figcaption, figure.draw-border:focus figcaption {
      opacity: 1; }
      figure.draw-border:hover figcaption:before, figure.draw-border:focus figcaption:before {
        -webkit-transform: translate(-50%, -50%) scale(1, 1.4);
        -ms-transform: translate(-50%, -50%) scale(1, 1.4);
        transform: translate(-50%, -50%) scale(1, 1.4); }
      figure.draw-border:hover figcaption:after, figure.draw-border:focus figcaption:after {
        -webkit-transform: translate(-50%, -50%) scale(1.4, 1);
        -ms-transform: translate(-50%, -50%) scale(1.4, 1);
        transform: translate(-50%, -50%) scale(1.4, 1); } }
  @media (min-width: 768px) {
    figure.fade-in figcaption {
      -webkit-transform: translate(-50%, -50%) scale(0);
      -ms-transform: translate(-50%, -50%) scale(0);
      transform: translate(-50%, -50%) scale(0);
      opacity: 0;
      transition: transform 0.25s, opacity 0.25s; }
    figure.fade-in:hover figcaption, figure.fade-in:focus figcaption {
      -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
      opacity: 1; } }
  @media (min-width: 768px) {
    figure.slide-up figcaption {
      left: 0;
      top: 100%;
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
      width: 100%;
      border-bottom: none;
      border-left: none;
      border-right: none;
      transition: transform 0.25s; }
    figure.slide-up:hover figcaption, figure.slide-up:focus figcaption {
      -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
      transform: translate(0, -100%); } }
  @media (min-width: 768px) {
    figure.zoom > img, figure.zoom > picture > img, figure.zoom > video {
      transition: transform 0.25s; }
    figure.zoom figcaption {
      left: 0;
      top: 100%;
      -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
      transform: translate(0, -100%);
      width: 100%;
      border-left: none;
      border-right: none;
      border-bottom: none; }
    figure.zoom:hover > img, figure.zoom:hover > picture > img, figure.zoom:hover > video, figure.zoom:focus > img, figure.zoom:focus > picture > img, figure.zoom:focus > video {
      -webkit-transform: scale(1.4);
      -ms-transform: scale(1.4);
      transform: scale(1.4); } }

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

    SIZING OPTIONS

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

    COLUMNS

    This sets up the base for all columns.

\*  --------------------------------------------------------------------------  */
[class*="med-"] {
  height: auto; }

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

    GENERATE COLUMNS

    This mixin generates all columns creating XS-LG with 12 columns.

\*  --------------------------------------------------------------------------  */
.med-xs-1 {
  width: 8.33333%; }

.med-xs-2 {
  width: 16.66667%; }

.med-xs-3 {
  width: 25%; }

.med-xs-4 {
  width: 33.33333%; }

.med-xs-5 {
  width: 41.66667%; }

.med-xs-6 {
  width: 50%; }

.med-xs-7 {
  width: 58.33333%; }

.med-xs-8 {
  width: 66.66667%; }

.med-xs-9 {
  width: 75%; }

.med-xs-10 {
  width: 83.33333%; }

.med-xs-11 {
  width: 91.66667%; }

.med-xs-12 {
  width: 100%; }

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

@media (min-width: 768px) {
  .med-md-1 {
    width: 8.33333%; }
  .med-md-2 {
    width: 16.66667%; }
  .med-md-3 {
    width: 25%; }
  .med-md-4 {
    width: 33.33333%; }
  .med-md-5 {
    width: 41.66667%; }
  .med-md-6 {
    width: 50%; }
  .med-md-7 {
    width: 58.33333%; }
  .med-md-8 {
    width: 66.66667%; }
  .med-md-9 {
    width: 75%; }
  .med-md-10 {
    width: 83.33333%; }
  .med-md-11 {
    width: 91.66667%; }
  .med-md-12 {
    width: 100%; } }

@media (min-width: 992px) {
  .med-lg-1 {
    width: 8.33333%; }
  .med-lg-2 {
    width: 16.66667%; }
  .med-lg-3 {
    width: 25%; }
  .med-lg-4 {
    width: 33.33333%; }
  .med-lg-5 {
    width: 41.66667%; }
  .med-lg-6 {
    width: 50%; }
  .med-lg-7 {
    width: 58.33333%; }
  .med-lg-8 {
    width: 66.66667%; }
  .med-lg-9 {
    width: 75%; }
  .med-lg-10 {
    width: 83.33333%; }
  .med-lg-11 {
    width: 91.66667%; }
  .med-lg-12 {
    width: 100%; } }

@media (min-width: 1200px) {
  .med-xl-1 {
    width: 8.33333%; }
  .med-xl-2 {
    width: 16.66667%; }
  .med-xl-3 {
    width: 25%; }
  .med-xl-4 {
    width: 33.33333%; }
  .med-xl-5 {
    width: 41.66667%; }
  .med-xl-6 {
    width: 50%; }
  .med-xl-7 {
    width: 58.33333%; }
  .med-xl-8 {
    width: 66.66667%; }
  .med-xl-9 {
    width: 75%; }
  .med-xl-10 {
    width: 83.33333%; }
  .med-xl-11 {
    width: 91.66667%; }
  .med-xl-12 {
    width: 100%; } }

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

    MEDIA GALLERY

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

    MEDIA GALLERY

\*  --------------------------------------------------------------------------  */
.media-gallery {
  margin: 0 0 4rem; }
  .media-gallery .gallery-thumbnails {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 1.5rem;
    column-gap: 1.5rem;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    template-rows: 1fr;
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
    justify-items: stretch;
    align-items: stretch;
    justify-content: stretch;
    align-content: stretch;
    grid-auto-flow: row;
    auto-flow: row; }
    .media-gallery .gallery-thumbnails figure {
      position: relative;
      overflow: hidden;
      margin: 0;
      padding: 100% 0 0; }
      .media-gallery .gallery-thumbnails figure:hover, .media-gallery .gallery-thumbnails figure:focus {
        cursor: pointer; }
      .media-gallery .gallery-thumbnails figure img {
        position: absolute;
        height: 100%;
        width: auto;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .media-gallery .gallery-thumbnails figure figcaption {
        position: absolute;
        bottom: 0;
        left: 0;
        opacity: 0; }
  .media-gallery.grid-1 .gallery-thumbnails figure:nth-child(2) {
    grid-column: 3;
    grid-row: 2 / 4; }
  .media-gallery.grid-1 .gallery-thumbnails figure:nth-child(5) {
    grid-column: 1 / 3;
    grid-row: 1 / 3; }

.dialogs .dialog.gallery-dialog {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5); }
  .dialogs .dialog.gallery-dialog > div {
    position: absolute;
    top: 6rem;
    left: 4rem;
    right: 4rem;
    bottom: 4rem; }
    .dialogs .dialog.gallery-dialog > div figure img {
      position: absolute;
      height: 100%;
      width: auto;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .dialogs .dialog.gallery-dialog > div figure figcaption {
      position: absolute;
      bottom: 0;
      left: 50%;
      width: auto;
      text-align: center;
      background: transparent;
      padding: 1rem;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
      .dialogs .dialog.gallery-dialog > div figure figcaption h3, .dialogs .dialog.gallery-dialog > div figure figcaption p {
        color: #fff; }
      .dialogs .dialog.gallery-dialog > div figure figcaption h3 {
        margin: 0 0 1rem; }
      .dialogs .dialog.gallery-dialog > div figure figcaption p {
        margin: 0; }

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

    HOT SPOTS

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

    HOT SPOTS

\*  --------------------------------------------------------------------------  */
.hot-spot {
  position: relative;
  z-index: 0;
  overflow: visible; }
  .hot-spot figcaption {
    position: absolute;
    z-index: 100;
    width: 0;
    height: 0;
    padding: 0;
    border: none;
    overflow: visible; }
    .hot-spot figcaption:nth-of-type(1) {
      left: 10%;
      top: 72%; }
    .hot-spot figcaption:nth-of-type(2) {
      left: 25%;
      top: 50%; }
    .hot-spot figcaption:nth-of-type(3) {
      left: 85%;
      top: 55%; }
    .hot-spot figcaption input[type="checkbox"] {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      border: 0;
      overflow: hidden;
      clip: rect(0, 0, 0, 0); }
      .hot-spot figcaption input[type="checkbox"] + label {
        display: block;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 2.5rem;
        height: 2.5rem;
        border: .1rem solid #fff;
        border-radius: 2.5rem;
        background: rgba(74, 74, 74, 0.75);
        box-shadow: 0.3rem 0.3rem 1rem rgba(74, 74, 74, 0.8);
        color: #fff;
        font-size: 1.2;
        line-height: 2.5rem;
        font-weight: bold;
        text-align: center;
        cursor: pointer; }
      .hot-spot figcaption input[type="checkbox"] ~ div {
        display: none;
        position: absolute;
        z-index: 110;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%, calc(-100% - 2.5rem));
        -ms-transform: translate(-50%, calc(-100% - 2.5rem));
        transform: translate(-50%, calc(-100% - 2.5rem));
        width: 25rem;
        padding: 2.5rem;
        border: .1rem solid #fff;
        border-radius: 2.5rem;
        background: rgba(74, 74, 74, 0.75);
        box-shadow: 0.3rem 0.3rem 1rem rgba(74, 74, 74, 0.8);
        color: #fff; }
      .hot-spot figcaption input[type="checkbox"]:checked + label {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg); }
      .hot-spot figcaption input[type="checkbox"]:checked ~ div {
        display: block; }

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

    TABLES - BASIC STYLING

\*  --------------------------------------------------------------------------  */
table {
  min-width: 100%;
  margin: 0 auto 2em;
  border-collapse: collapse;
  overflow: auto;
  border: none;
  /*  --------------------------------------------------------------------------  *\

        SIZE OPTIONS

        @import 'size/_sm';
        @import 'size/_lg';

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

        ADDITIONAL STYLING
        
        @import 'styling/_pricing';
        @import 'styling/_comparison';

    \*  --------------------------------------------------------------------------  */ }
  @media (min-width: 992px) {
    table {
      display: table; } }
  table td {
    padding: 1rem;
    background: #fff;
    border-top: 0.0625rem solid #c25336;
    border-bottom: 0.0625rem solid #c25336;
    text-align: center;
    padding: 1rem; }
  table th {
    padding: 1rem 0;
    font-weight: 500;
    color: #1b1f2a; }
    table th:first-child {
      text-align: left; }
  table td:first-child {
    border-left: 0.0625rem solid #c25336; }
  table td:last-child {
    border-right: 0.0625rem solid #c25336; }
  table tfoot {
    color: #512c1f;
    font-size: .75em; }
    table tfoot td {
      padding: 1.5rem;
      border: 0.1rem solid #1b1f2a; }

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

    STICKY ELEMENTS
    
    @import 'sticky/_row';
    @import 'sticky/_column';

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

    FORMS

    Each form component should have it's own file each alteration should have it's
    own file.

    The default files below will be used to show a basic form with labels above.
    
    Additional styling of forms can be found in the themes > component library
    folder to show examples of the other forms found in the component library.

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

    FORMS > MIXINS

\*  --------------------------------------------------------------------------  */
form {
  /*  ----------------------------------------------------------------------  *\

        Custom Checkboxes and Radio Buttons

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

        Custom Styling of Select Boxes

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

    FORMS > CHOSEN

    Chosen, a Select Box Enhancer for jQuery and Prototype
    by Patrick Filler for Harvest, http://getharvest.com

    Version 1.8.7
    Full source at https://github.com/harvesthq/chosen
    Copyright (c) 2011-2018 Harvest http://getharvest.com

    MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md

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

    FORMS > CHOSEN IMPORTS OF OPTIONS

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

    FORMS > CHOSEN > SINGLE SELECT OPTION

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

    FORMS > CHOSEN > RESULTS

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

    FORMS > CHOSEN > ACTIVE

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

    FORMS > CHOSEN > DISALBED STATE

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

        Form label position and styling
    
        All of the below are not needed for all websites, generally only one, or 
        two of the below files are needed.
    
        l-above - places the label above the field
        l-inside - places the label within the field
        l-left - places the label to the left of the field
        l-attached - place the label to the left and styles it to look attached
            to the field
        
        &.l-left {
        }
        
        &.l-attached {
            @import 'label-attached/_base';
        }
        &.small {
            @import 'label-above/base';
        }

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

    FORMS > GET IN TOUCH MODIFICATIONS

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

    FORMS > GET IN TOUCH MODIFICATIONS

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

    FORMS > INVERTED FORM COLORS

\*  --------------------------------------------------------------------------  */ }
  form .chosen-container {
    position: relative;
    z-index: 0;
    display: block; }
    form .chosen-container .chosen-drop {
      position: absolute;
      left: 0;
      top: 100%;
      width: 100%;
      border: 1px solid #1b1f2a;
      border-top: none;
      background: #fff;
      display: none; }
    form .chosen-container li {
      list-style: none; }
      form .chosen-container li:before {
        display: none; }
    form .chosen-container a {
      cursor: pointer; }
    form .chosen-container.chosen-with-drop {
      z-index: 1000; }
      form .chosen-container.chosen-with-drop .chosen-drop {
        display: block; }
    form .chosen-container .search-choice .group-name, form .chosen-container .chosen-single .group-name {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      color: #512c1f; }
      form .chosen-container .search-choice .group-name:after, form .chosen-container .chosen-single .group-name:after {
        content: ":";
        margin-left: 2px; }
  form .chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0.75rem;
    border: 0.1rem solid #512c1f;
    background: #fff;
    color: #1b1f2a;
    text-decoration: none;
    white-space: nowrap;
    line-height: 1; }
    form .chosen-container-single .chosen-single span {
      display: block;
      oveflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    form .chosen-container-single .chosen-single abbr {
      display: block; }
    form .chosen-container-single .chosen-single:after {
      display: block;
      position: absolute;
      left: calc(100% - 1.5rem);
      top: 50%;
      -webkit-transform: translate(0, -50%) rotate(45deg);
      -ms-transform: translate(0, -50%) rotate(45deg);
      transform: translate(0, -50%) rotate(45deg);
      height: 5px;
      width: 5px;
      border-bottom: 2px solid #1b1f2a;
      border-right: 2px solid #1b1f2a;
      transition: transform 0.125s linear;
      content: ""; }
  form .chosen-container-single .chosen-default {
    color: #1b1f2a; }
  form .chosen-container-single .chosen-search {
    position: relative;
    margin: 0;
    padding: 0.75rem;
    white-space: nowrap; }
    form .chosen-container-single .chosen-search input[type="text"] {
      padding: 0.75rem;
      width: 100%;
      border: 1px solid #1b1f2a; }
  form .chosen-container-single .chosen-drop {
    margin-top: -1px; }
  form .chosen-container-single.chosen-container-single-nosearch .chosen-search {
    display: none; }
  form .chosen-container .chosen-results {
    overflow-x: hidden;
    margin: 0 0.75rem 0.75rem;
    max-height: 240px;
    -webkit-overflow-scrolling: touch; }
    form .chosen-container .chosen-results li {
      display: none;
      padding: 0.375rem;
      color: #1b1f2a; }
      form .chosen-container .chosen-results li.active-result {
        display: list-item; }
      form .chosen-container .chosen-results li.disabled-result {
        display: list-item;
        color: #c25336;
        font-style: italic; }
      form .chosen-container .chosen-results li.highlighted {
        display: list-item;
        color: #512c1f; }
      form .chosen-container .chosen-results li.no-results {
        display: list-item;
        color: #c25336;
        font-style: italic; }
      form .chosen-container .chosen-results li.group-result {
        display: list-item;
        font-weight: bold; }
      form .chosen-container .chosen-results li.group-option {
        padding-left: 1.875rem; }
      form .chosen-container .chosen-results li em {
        font-style: normal;
        text-decoration: underline; }
  form .chosen-container-active.chosen-with-drop .chosen-single:after {
    -webkit-transform: translate(0, -50%) rotate(-135deg);
    -ms-transform: translate(0, -50%) rotate(-135deg);
    transform: translate(0, -50%) rotate(-135deg); }
  form .chosen-container-active .chosen-choices {
    border: 1px solid #1b1f2a; }
    form .chosen-container-active .chosen-choices li.search-field input[type="text"] {
      color: #1b1f2a; }
  form .chosen-disabled {
    opacity: 0.5 !important;
    cursor: default; }
    form .chosen-disabled .chosen-single {
      cursor: default; }
    form .chosen-disabled .chosen-choices .search-choice .search-choice-close {
      cursor: default; }
  form.l-left {
    /*  --------------------------------------------------------------------------  *\

    FORMS > LABEL LEFT

\*  --------------------------------------------------------------------------  */ }
    form.l-left {
      /*  --------------------------------------------------------------------------  *\

    FORMS > LABEL LEFT > VARIABLES

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

    FORMS > LABEL LEFT > FORM ELEMENT

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

    FORMS > LABEL LEFT > LABELS

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

    FORMS > LABEL LEFT > INPUTS

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

    FORMS > LABEL LEFT > SELECTS

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

    FORMS > LABEL LEFT > TEXTAREAS

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

    FORMS > LABEL LEFT > FEEDBACK STATES

\*  --------------------------------------------------------------------------  */ }
      form.l-left .form-el {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-flow: row wrap;
        margin-bottom: 0.75rem;
        font-size: 1rem; }
        form.l-left .form-el.multi-line {
          align-items: flex-start; }
      form.l-left label {
        display: block;
        order: 0;
        margin: 0;
        width: 12.5rem; }
        form.l-left label small {
          color: #b3222a;
          font-size: .75em; }
      form.l-left input:not([type="radio"]):not([type="checkbox"]):not([type="button"]) {
        display: block;
        order: 1;
        width: calc(100% - 12.5rem - 0.9375rem);
        height: 2.5rem;
        padding: 0.75rem;
        font-size: 0.875rem;
        border: 1px solid #512c1f;
        border-radius: 0.3125rem; }
        form.l-left input:not([type="radio"]):not([type="checkbox"]):not([type="button"]):focus {
          border-color: #b3222a; }
        form.l-left input:not([type="radio"]):not([type="checkbox"]):not([type="button"]):disabled {
          background: #e0c9b7;
          color: #f2eeea;
          font-style: italic;
          cursor: not-allowed; }
      form.l-left select {
        display: block;
        order: 1;
        width: calc(100% - 12.5rem - 0.9375rem);
        height: 2.5rem;
        padding: 0.75rem;
        background: #fff;
        font-size: 0.875rem;
        border: 1px solid #512c1f; }
        form.l-left select:focus {
          border-color: #b3222a; }
        form.l-left select:disabled {
          background: #e0c9b7;
          color: #f2eeea;
          font-style: italic;
          cursor: not-allowed; }
      form.l-left textarea {
        display: block;
        order: 1;
        width: calc(100% - 12.5rem - 0.9375rem);
        height: calc(6em + 2.25rem);
        padding: 0.75rem;
        border: 1px solid #512c1f;
        font-size: 0.875rem;
        border-radius: 0.3125rem; }
        form.l-left textarea:focus {
          border-color: #b3222a; }
      form.l-left .form-actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-flow: row nowrap; }
        form.l-left .form-actions [class*="btn-"] {
          white-space: nowrap;
          width: auto;
          -webkit-box-flex: 0 0 auto;
          -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
      form.l-left .form-inlineMessage {
        width: 100%;
        order: 10;
        color: #b3222a;
        margin: 0.5rem 0 0 13.4375rem;
        font-size: 0.75rem; }
      form.l-left .form-field--error input:not([type="radio"]):not([type="checkbox"]):not([type="button"]), form.l-left .form-field--error select, form.l-left .form-field--error textarea {
        border-color: #b3222a; }
      form.l-left .form-field--success input:not([type="radio"]):not([type="checkbox"]):not([type="button"]), form.l-left .form-field--success select, form.l-left .form-field--success textarea {
        border-color: #6E9404; }
  form.l-inside {
    /*  --------------------------------------------------------------------------  *\

    FORMS > LABEL INSIDE

\*  --------------------------------------------------------------------------  */ }
    form.l-inside {
      /*  --------------------------------------------------------------------------  *\

    FORMS > LABEL INSIDE > VARIABLES

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

    FORMS > LABEL INSIDE > FORM ELEMENT

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

    FORMS > LABEL INSIDE > LABELS

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

    FOCUS STATES

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

    FORMS > LABEL INSIDE > INPUTS

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

    FORMS > LABEL INSIDE > SELECTS

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

    FORMS > LABEL INSIDE > TEXTAREA

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

    FORMS > LABEL INSIDE > CHOSEN

\*  --------------------------------------------------------------------------  */ }
      form.l-inside .form-el {
        position: relative;
        margin-bottom: 0.75rem; }
      form.l-inside label {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translate(1rem, -50%);
        -ms-transform: translate(1rem, -50%);
        transform: translate(1rem, -50%);
        transition: transform 0.15s linear;
        padding: 0 0.25rem; }
      form.l-inside input[type="file"] + label, form.l-inside input[type="date"] + label, form.l-inside input[type="range"] + label, form.l-inside select + label, form.l-inside .chosen + label {
        -webkit-transform: translate(1rem, -200%) scale(0.75);
        -ms-transform: translate(1rem, -200%) scale(0.75);
        transform: translate(1rem, -200%) scale(0.75); }
      form.l-inside textarea + label {
        top: 1rem;
        font-size: .75em; }
      form.l-inside input:not([type="radio"]):not([type="checkbox"]):focus + label, form.l-inside input:not([type="radio"]):not([type="checkbox"]):valid + label {
        -webkit-transform: translate(1rem, -150%);
        -ms-transform: translate(1rem, -150%);
        transform: translate(1rem, -150%);
        font-size: .75em;
        background: #fff; }
      form.l-inside input:not([type="radio"]):not([type="checkbox"]) {
        background: #fff;
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0.75rem 1rem;
        border-radius: 0.5rem;
        background: #fff;
        border: 1px solid #c25336; }
        form.l-inside input:not([type="radio"]):not([type="checkbox"]):focus {
          border-color: #1b1f2a; }
        form.l-inside input:not([type="radio"]):not([type="checkbox"]):disabled {
          background: #e0c9b7;
          color: #f2eeea;
          font-style: italic;
          cursor: not-allowed; }
      form.l-inside select {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
        height: 2.625rem;
        border: 1px solid #c25336; }
        form.l-inside select:focus {
          border-color: #1b1f2a; }
        form.l-inside select:disabled {
          background: #e0c9b7;
          color: #f2eeea;
          font-style: italic;
          cursor: not-allowed; }
      form.l-inside textarea {
        display: block;
        width: 100%;
        height: calc(6em + 2rem);
        padding: 0.75rem 1rem;
        border-radius: 0.5rem;
        background: #fff;
        margin: 0;
        line-height: 1.5;
        border: 1px solid #c25336; }
        form.l-inside textarea:focus {
          border-color: #1b1f2a; }
        form.l-inside textarea:disabled {
          background: #e0c9b7;
          color: #f2eeea;
          font-style: italic;
          cursor: not-allowed; }
      form.l-inside .form-inlineMessage {
        width: 100%;
        order: 10;
        color: #b3222a;
        margin: 0.25rem 0 0;
        font-size: 0.75rem; }
  form.l-above {
    /*  --------------------------------------------------------------------------  *\

    FORMS > LABEL ABOVE

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

    FORMS > LABEL ABOVE > VARIABLES

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

    FORMS > LABEL ABOVE > FORM ELEMENT

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

    FORMS > LABEL ABOVE > LABELS

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

    FORMS > LABEL ABOVE > INPUTS

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

    FORMS > LABEL ABOVE > SELECTS

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

    FORMS > LABEL ABOVE > TEXTAREAS

\*  --------------------------------------------------------------------------  */ }
    form.l-above .form-el {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      flex-flow: column nowrap;
      margin: 0 0 1rem; }
    form.l-above .form-btns {
      width: 100%;
      margin: 2rem 0 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: row wrap; }
      form.l-above .form-btns.ha-left {
        justify-content: flex-start; }
    form.l-above label, form.l-above .label {
      display: block;
      order: 0;
      margin: 0 0 0.5rem; }
      form.l-above label small, form.l-above .label small {
        color: #b3222a;
        font-size: .75em; }
    form.l-above input:not([type="radio"]):not([type="checkbox"]) {
      display: block;
      width: 100%;
      padding: 0.5rem 1rem;
      border: 0.0625rem solid #B5B5B5;
      border-radius: 0;
      background: #fff;
      font-size: 1rem;
      line-height: 1.5; }
      form.l-above input:not([type="radio"]):not([type="checkbox"]):focus {
        border-color: #1b1f2a; }
      form.l-above input:not([type="radio"]):not([type="checkbox"]):disabled {
        background: #e0c9b7;
        color: #f2eeea;
        font-style: italic;
        cursor: not-allowed; }
    form.l-above select {
      display: block;
      width: 100%;
      border: none;
      outline: 0.0625rem solid #B5B5B5;
      border-radius: 0;
      background: #fff;
      height: 2.625rem; }
      form.l-above select:focus {
        outline-color: #1b1f2a; }
    form.l-above textarea {
      display: block;
      order: 1;
      width: 100%;
      height: calc(6em + ($formLAGutter * 2));
      padding: 0.625rem 1rem;
      border: 0.0625rem solid #B5B5B5;
      border-radius: 0; }
      form.l-above textarea:focus {
        border-color: #1b1f2a; }
      form.l-above textarea:disabled {
        background: #e0c9b7;
        color: #f2eeea;
        font-style: italic;
        cursor: not-allowed; }
    form.l-above .form-inlineMessage {
      width: 100%;
      order: 10;
      color: #b3222a;
      margin: 0.25rem 0 0;
      font-size: 0.75rem; }
  form.form-gc-balance {
    /*  --------------------------------------------------------------------------  *\

    FORMS > GIFT CERTIFICATE BALANCE

\*  --------------------------------------------------------------------------  */ }
    form.form-gc-balance {
      margin: 2rem 0 0; }
      form.form-gc-balance label {
        display: block;
        margin: 0 0 0.5rem; }
      form.form-gc-balance .form-field div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        align-content: stretch;
        flex-flow: row nowrap; }
      form.form-gc-balance .form-field input {
        width: 100%;
        -webkit-box-flex: 0 1 auto;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        border-radius: 0;
        border: 0.0625rem solid #d1a06e;
        padding: 0.25rem 0.5rem; }
      form.form-gc-balance .form-field .btn-primary {
        white-space: nowrap; }
  form.form-git {
    margin: 1rem 0 0; }
    @media (min-width: 768px) {
      form.form-git {
        margin: 1.25rem 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-flow: row wrap; }
        form.form-git .form-el {
          width: calc(50% - 0.5rem); }
          form.form-git .form-el.multi-line {
            width: 100%; } }
    @media (min-width: 992px) {
      form.form-git {
        margin: 1.5rem 0 0; } }
  form.form-newsletter {
    margin: 1rem 0 0; }
    @media (min-width: 768px) {
      form.form-newsletter {
        margin: 1.25rem 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-flow: row wrap; }
        form.form-newsletter .form-el {
          width: calc(100% - 8.75rem); }
        form.form-newsletter .form-btns {
          width: 7.75rem; } }
    @media (min-width: 992px) {
      form.form-newsletter {
        margin: 1.5rem 0 0; } }
    form.form-newsletter .form-copy {
      width: 100%;
      margin: 1rem 0 0; }
  form.invert label {
    color: #d1a06e; }
  form.invert input:not([type="radio"]):not([type="checkbox"]), form.invert textarea {
    background: none;
    color: #fff; }
    form.invert input:not([type="radio"]):not([type="checkbox"]):focus + label, form.invert input:not([type="radio"]):not([type="checkbox"]):valid + label, form.invert textarea:focus + label, form.invert textarea:valid + label {
      -webkit-transform: translate(1rem, -165%);
      -ms-transform: translate(1rem, -165%);
      transform: translate(1rem, -165%);
      font-size: .75em;
      background: #1b1f2a; }

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

    FORMS - CHECK AND RADIO BUTTONS

\*  --------------------------------------------------------------------------  */
.form-cr {
  margin: 0 0 0.75rem;
  font-size: 1rem; }
  .form-cr.last {
    margin: 1rem 0 0; }
  .form-cr input[type="checkbox"], .form-cr input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0); }
    .form-cr input[type="checkbox"] + label, .form-cr input[type="radio"] + label {
      position: relative; }
      .form-cr input[type="checkbox"] + label:before, .form-cr input[type="radio"] + label:before {
        height: 0.875rem;
        width: 0.875rem;
        border: 0.125rem solid #273542;
        content: "";
        display: block;
        float: left;
        margin: 0.1875rem 0.5rem 0 0; }
  .form-cr input[type="checkbox"].check-only + label {
    position: relative;
    display: block;
    height: 1.125rem;
    width: 1.125rem;
    margin: 0; }
    .form-cr input[type="checkbox"].check-only + label:before {
      margin: 0; }
  .form-cr input[type="checkbox"] + label:after {
    content: "";
    display: block;
    height: 0.125rem;
    width: 0.375rem;
    border: 0.125rem solid transparent;
    position: absolute;
    left: -1.0625rem;
    top: 0.375rem;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg); }
  .form-cr input[type="checkbox"]:checked + label:after {
    border-left-color: #273542;
    border-bottom-color: #273542; }
  .form-cr input[type="radio"] + label:before {
    border-radius: 0.875rem; }
  .form-cr input[type="radio"]:checked + label:before {
    background: #273542;
    box-shadow: inset 0 0 0 0.1875rem #fff; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }

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

    NAVIGATION RESET

    This removes the styling from our basic list styling.

\*  --------------------------------------------------------------------------  */
nav ul, nav ol {
  margin: 0;
  list-style: none; }

nav li {
  position: static;
  padding: 0; }
  nav li:before {
    display: none; }
  nav li + li {
    margin: 0; }

nav a {
  text-decoration: none; }

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

    NAVIGATIONS

    This is where all the sites navigations should be defined and included

    Each navigation should have it's own file

    The main, and utility, navigations should be defined in the 
        structure/header.scss file

\*  --------------------------------------------------------------------------  */
nav, .nav {
  /*  --------------------------------------------------------------------------  *\

    CATALOG NAVIGATIONS

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

    LANDING NAVIGATIONS

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

    BREADCRUMB

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

    INTERIOR NAVIGATIONS

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

    INTERIOR NAVIGATIONS

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

    PAGINATION

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

    JUMP NAVIGATIONS

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

    JUMP NAVIGATIONS

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

    NAV - SOCIAL

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

    NAV - SHARE

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

    INTERIOR NAVIGATIONS

\*  --------------------------------------------------------------------------  */ }
  nav.catalog ul, .nav.catalog ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-flow: row wrap;
    margin: 0 -0.75rem; }
    @media (min-width: 768px) {
      nav.catalog ul, .nav.catalog ul {
        margin: 0 -0.9375rem; } }
  nav.catalog li, .nav.catalog li {
    -webkit-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 1rem;
    width: 50%; }
    nav.catalog li:nth-last-child(n + 3), .nav.catalog li:nth-last-child(n + 3) {
      margin-bottom: 1.5rem; }
    @media (min-width: 768px) {
      nav.catalog li, .nav.catalog li {
        width: 33.333%; }
        nav.catalog li:nth-last-child(3), .nav.catalog li:nth-last-child(3) {
          margin-bottom: 0; }
        nav.catalog li:nth-last-child(n + 5), .nav.catalog li:nth-last-child(n + 5) {
          margin-bottom: 1.875rem; } }
    nav.catalog li:before, .nav.catalog li:before {
      display: none; }
    nav.catalog li + li, .nav.catalog li + li {
      margin: 0; }
    nav.catalog li.has-subchildren, .nav.catalog li.has-subchildren {
      width: 100%; }
      nav.catalog li.has-subchildren + li, .nav.catalog li.has-subchildren + li {
        margin: 2rem 0 0; }
  nav.catalog h2, .nav.catalog h2 {
    text-align: center; }
  nav.catalog span, .nav.catalog span {
    -webkit-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    order: 1;
    width: 50%; }
  nav.catalog img, .nav.catalog img {
    -webkit-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    order: 2;
    width: 58.333%;
    margin: -2.1875rem 0 0 -8.333%; }
  nav.catalog a, .nav.catalog a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row nowrap;
    border-radius: 0.75rem;
    background: linear-gradient(180deg, #EA93BE 0%, #E29BBE 0.01%, #D78FB7 42.79%, #C079AA 100%);
    border: 0.3125rem solid #fff;
    box-shadow: 0 0 0 0.0625rem #c25336;
    color: #fff;
    font-size: 1.4375rem;
    line-height: 1.30435;
    font-weight: 300;
    padding: 0.625rem 0.9375rem 0; }
    nav.catalog a:hover, nav.catalog a:focus, .nav.catalog a:hover, .nav.catalog a:focus {
      box-shadow: 0 0 0 0.125rem #1b1f2a; }
  nav.landing, .nav.landing {
    width: calc(100% + 1rem);
    margin: 0 -0.5rem; }
    @media (min-width: 768px) {
      nav.landing, .nav.landing {
        margin: 0 -1rem;
        width: calc(100% + 2rem); } }
    nav.landing ul, .nav.landing ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      align-content: stretch;
      flex-flow: row wrap;
      width: 100%; }
      nav.landing ul ul, .nav.landing ul ul {
        margin: 0 0 1.25rem; }
      @media (min-width: 768px) {
        nav.landing ul ul, .nav.landing ul ul {
          margin: 0 0 1.5rem; } }
      @media (min-width: 992px) {
        nav.landing ul ul, .nav.landing ul ul {
          margin: 0 0 2rem; } }
    nav.landing li, .nav.landing li {
      -webkit-box-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      padding: 0 0.5rem;
      width: 50%; }
      nav.landing li + li, .nav.landing li + li {
        margin: 0; }
      nav.landing li:nth-last-child(n + 3), .nav.landing li:nth-last-child(n + 3) {
        margin-bottom: 1.25rem; }
      @media (min-width: 768px) {
        nav.landing li, .nav.landing li {
          padding: 0 1rem; }
          nav.landing li:nth-last-child(3), .nav.landing li:nth-last-child(3) {
            margin-bottom: 0; }
          nav.landing li:nth-last-child(n + 4), .nav.landing li:nth-last-child(n + 4) {
            margin-bottom: 1.5rem; } }
      @media (min-width: 992px) {
        nav.landing li, .nav.landing li {
          max-width: 25%; }
          nav.landing li:nth-last-child(4), .nav.landing li:nth-last-child(4) {
            margin-bottom: 0; }
          nav.landing li:nth-last-child(n + 5), .nav.landing li:nth-last-child(n + 5) {
            margin-bottom: 2rem; } }
      nav.landing li:before, .nav.landing li:before {
        display: none; }
      nav.landing li.has-subchildren, .nav.landing li.has-subchildren {
        max-width: 100%;
        width: 100%; }
        nav.landing li.has-subchildren + li, .nav.landing li.has-subchildren + li {
          margin: 2rem 0 0; }
        nav.landing li.has-subchildren ul li .img-wrap, .nav.landing li.has-subchildren ul li .img-wrap {
          position: relative;
          width: 100%;
          padding: 58.8% 0 0;
          margin: 0 0 1rem;
          overflow: hidden; }
          nav.landing li.has-subchildren ul li .img-wrap img, .nav.landing li.has-subchildren ul li .img-wrap img {
            position: absolute;
            top: 0;
            left: 50%;
            width: auto;
            height: 100%;
            transform: translate(-50%, 0); }
    nav.landing h2, .nav.landing h2 {
      text-align: center;
      position: relative; }
      nav.landing h2:before, .nav.landing h2:before {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: calc(100% - 1rem);
        height: 0.0625rem;
        background: #1b1f2a;
        content: ""; }
      nav.landing h2 > a, .nav.landing h2 > a {
        display: inline-block;
        position: relative;
        padding: 0 2rem;
        background: #fff; }
    nav.landing li > a, .nav.landing li > a {
      display: block;
      color: #1b1f2a;
      text-align: center;
      font-size: 1rem;
      line-height: 1.5;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: .1em; }
      nav.landing li > a:hover, nav.landing li > a:focus, .nav.landing li > a:hover, .nav.landing li > a:focus {
        color: #512c1f; }
    nav.landing img, .nav.landing img {
      display: block;
      width: 100%;
      height: auto;
      margin: 0 0 1rem;
      border: 0.0625rem solid #f2eeea; }
    @media (max-width: 767.9px) {
      nav.landing.sm ul, .nav.landing.sm ul {
        display: block; }
      nav.landing.sm img, .nav.landing.sm img {
        display: none; }
      nav.landing.sm li, .nav.landing.sm li {
        width: 100%;
        margin: 0; }
        nav.landing.sm li + li, .nav.landing.sm li + li {
          margin: 0.5rem 0 0; }
      nav.landing.sm a, .nav.landing.sm a {
        position: relative;
        background: #273542;
        color: #fff;
        padding: 1rem 2.5rem 1rem 1rem;
        font-size: 0.875rem;
        letter-spacing: .1em;
        text-align: left; }
        nav.landing.sm a:before, .nav.landing.sm a:before {
          position: absolute;
          right: 1rem;
          top: 50%;
          -webkit-transform: translate(0, -50%) rotate(45deg);
          -ms-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
          content: "";
          border: 0.125rem solid #fff;
          border-left-color: transparent;
          border-bottom-color: transparent;
          width: 0.3125rem;
          height: 0.3125rem; } }
  nav.breadcrumbs, .nav.breadcrumbs {
    margin: 0 0 2rem;
    color: #1b1f2a;
    display: none; }
    @media (min-width: 768px) {
      nav.breadcrumbs, .nav.breadcrumbs {
        display: block; } }
    nav.breadcrumbs ol, .nav.breadcrumbs ol {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-flow: row wrap;
      list-style: none;
      margin: 0; }
    nav.breadcrumbs li, .nav.breadcrumbs li {
      font-size: 0.875rem;
      line-height: 1.0625rem; }
      nav.breadcrumbs li + li, .nav.breadcrumbs li + li {
        position: relative;
        padding: 0 0 0 1.875rem; }
        nav.breadcrumbs li + li:before, .nav.breadcrumbs li + li:before {
          position: absolute;
          left: 0.9375rem;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          display: block;
          content: ">";
          font-weight: 400; }
      nav.breadcrumbs li.is-active, .nav.breadcrumbs li.is-active {
        font-weight: 500; }
    nav.breadcrumbs span, .nav.breadcrumbs span {
      color: #4F4F4F; }
    nav.breadcrumbs a, .nav.breadcrumbs a {
      color: #4F4F4F; }
      nav.breadcrumbs a:hover, nav.breadcrumbs a:focus, .nav.breadcrumbs a:hover, .nav.breadcrumbs a:focus {
        color: #1b1f2a; }
      nav.breadcrumbs a span, .nav.breadcrumbs a span {
        color: #4F4F4F; }
  nav.int, .nav.int {
    margin: 0; }
    @media (min-width: 768px) {
      nav.int, .nav.int {
        margin: 0; } }
    @media (min-width: 992px) {
      nav.int, .nav.int {
        margin: 2.75rem 0 0; }
        nav.int ul, .nav.int ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          justify-content: space-between;
          align-items: center;
          align-content: center;
          flex-flow: row wrap; } }
    @media print {
      nav.int, .nav.int {
        display: none; } }
    nav.int ul, .nav.int ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-flow: row wrap;
      margin: 0 auto;
      width: 100%;
      overflow: auto; }
    nav.int a, .nav.int a {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-flow: row nowrap;
      color: #828282;
      font-weight: 500;
      font-size: 16px;
      line-height: 19px;
      margin: 0.5rem 1rem;
      text-transform: uppercase;
      white-space: nowrap; }
      nav.int a:before, .nav.int a:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0.125rem;
        background: #3d4b3c;
        opacity: 0;
        transition: all .25s; }
      nav.int a:hover, nav.int a:focus, .nav.int a:hover, .nav.int a:focus {
        color: #3d4b3c;
        text-decoration: none; }
        nav.int a:hover:before, nav.int a:focus:before, .nav.int a:hover:before, .nav.int a:focus:before {
          opacity: 1; }
    nav.int svg, .nav.int svg {
      width: 1.25rem;
      height: 1.25rem;
      margin: 0 0.5rem 0 0;
      fill: #1b1f2a; }
    nav.int li.is-active a, .nav.int li.is-active a {
      color: #3d4b3c; }
      nav.int li.is-active a:before, .nav.int li.is-active a:before {
        opacity: 1; }
  nav.int-v, .nav.int-v {
    font-size: 0.875rem;
    color: #231f20; }
    nav.int-v a, .nav.int-v a {
      color: #231f20; }
      nav.int-v a:hover, nav.int-v a:focus, .nav.int-v a:hover, .nav.int-v a:focus {
        text-decoration: underline;
        color: #98262b; }
    nav.int-v .active > a, .nav.int-v .active > a {
      text-decoration: underline; }
    nav.int-v li, .nav.int-v li {
      padding: 0 0 0.5rem; }
      nav.int-v li:before, .nav.int-v li:before {
        display: none; }
      nav.int-v li:last-child, .nav.int-v li:last-child {
        padding: 0; }
    nav.int-v ul ul, .nav.int-v ul ul {
      padding: 0 0 0 1rem;
      margin: 0; }
  nav.pagination, .nav.pagination {
    -webkit-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 1.5rem 0.5rem 0;
    width: calc(100% - 1rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    border-radius: 0;
    padding: 1.25rem 1rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.375;
    color: #3d4b3c; }
    @media (max-width: 991.9px) {
      nav.pagination, .nav.pagination {
        justify-content: center; } }
    @media (min-width: 768px) {
      nav.pagination, .nav.pagination {
        margin: 2rem 0.5rem 0; } }
    @media (min-width: 992px) {
      nav.pagination, .nav.pagination {
        margin: 3rem 0.5rem 0; } }
    nav.pagination div, .nav.pagination div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: row nowrap;
      width: 100%; }
      @media (max-width: 991.9px) {
        nav.pagination div.show, nav.pagination div.pages, .nav.pagination div.show, .nav.pagination div.pages {
          display: none; } }
      nav.pagination div.show.show, nav.pagination div.pages.show, .nav.pagination div.show.show, .nav.pagination div.pages.show {
        width: 33.33%; }
      @media (min-width: 768px) {
        nav.pagination div, .nav.pagination div {
          justify-content: flex-end; }
          nav.pagination div.show, .nav.pagination div.show {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-flow: row nowrap; } }
    nav.pagination label, .nav.pagination label {
      margin: 0 0.5rem 0 0; }
    nav.pagination select, .nav.pagination select {
      background: none;
      border: none;
      font-size: 1rem;
      font-weight: 500;
      color: #3d4b3c; }
    nav.pagination p, .nav.pagination p {
      display: none;
      margin: 0; }
      @media (min-width: 768px) {
        nav.pagination p, .nav.pagination p {
          display: block; } }
      nav.pagination p strong, .nav.pagination p strong {
        color: #1b1f2a; }
    nav.pagination ul, nav.pagination ol, .nav.pagination ul, .nav.pagination ol {
      margin: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-end;
      align-items: stretch;
      align-content: stretch;
      flex-flow: row nowrap; }
    @media (min-width: 768px) {
      nav.pagination ul, .nav.pagination ul {
        margin: 0 0 0 2rem; } }
    nav.pagination a, .nav.pagination a {
      display: block;
      color: #686969;
      font-weight: normal; }
      nav.pagination a:hover, nav.pagination a:focus, .nav.pagination a:hover, .nav.pagination a:focus {
        color: #d1a06e; }
      nav.pagination a svg, .nav.pagination a svg {
        width: 1.25rem;
        height: 1.25rem;
        fill: #1b1f2a;
        pointer-events: none; }
      nav.pagination a[disabled], .nav.pagination a[disabled] {
        opacity: .5;
        pointer-events: none; }
    nav.pagination li + li, .nav.pagination li + li {
      margin: 0 0 0 1.5rem; }
    nav.pagination li:first-child svg, .nav.pagination li:first-child svg {
      margin: 0 0.5rem 0 0;
      width: 0.625rem;
      height: 0.9375rem;
      vertical-align: middle; }
    nav.pagination li[class*=current] a, .nav.pagination li[class*=current] a {
      color: #1b1f2a;
      font-weight: 600; }
    nav.pagination li:last-child svg, .nav.pagination li:last-child svg {
      margin: 0 0 0 0.5rem;
      width: 0.625rem;
      height: 0.9375rem;
      vertical-align: middle; }
    .blog nav.pagination, .blog .nav.pagination {
      padding: 1.25rem 0;
      margin: 0;
      width: 100%;
      justify-content: flex-end; }
      .blog nav.pagination > p, .blog .nav.pagination > p {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.1875rem;
        text-align: right;
        color: #3d4b3c; }
        .blog nav.pagination > p strong, .blog .nav.pagination > p strong {
          font-weight: 700;
          font-size: 1rem;
          line-height: 1.1875rem;
          text-align: right;
          color: #3d4b3c; }
      .blog nav.pagination > ul, .blog .nav.pagination > ul {
        align-items: center; }
        .blog nav.pagination > ul li [data-faceted-search-facet] svg, .blog .nav.pagination > ul li [data-faceted-search-facet] svg {
          width: 1.5rem;
          height: 1.5rem;
          fill: #3d4b3c; }
        .blog nav.pagination > ul li [data-faceted-search-facet].is-disabled svg, .blog .nav.pagination > ul li [data-faceted-search-facet].is-disabled svg {
          fill: #e0c9b7; }
        .blog nav.pagination > ul li + li, .blog .nav.pagination > ul li + li {
          margin: 0 0 0 0.875rem; }
        .blog nav.pagination > ul li ol, .blog .nav.pagination > ul li ol {
          align-items: center; }
          .blog nav.pagination > ul li ol li .pagination-link, .blog .nav.pagination > ul li ol li .pagination-link {
            font-weight: 400;
            font-size: 1rem;
            line-height: 1.1875rem;
            text-align: right;
            color: #3d4b3c; }
          .blog nav.pagination > ul li ol li + li, .blog .nav.pagination > ul li ol li + li {
            margin: 0 0 0 1rem; }
          .blog nav.pagination > ul li ol li.pagination-item--current .pagination-link, .blog .nav.pagination > ul li ol li.pagination-item--current .pagination-link {
            font-weight: 700; }
  nav.jn, .nav.jn {
    display: none;
    margin: 0;
    width: 100%;
    padding: 0.75rem 0;
    transition: 0.2s;
    background: #273542;
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 1; }
    @supports (position: sticky) {
      nav.jn, .nav.jn {
        position: relative;
        position: -webkit-sticky;
        position: sticky;
        z-index: 1000; }
        @supports (position: -webkit-sticky) {
          nav.jn, .nav.jn {
            top: 7.9375rem; } }
        @supports (position: sticky) {
          nav.jn, .nav.jn {
            top: 7.9375rem; } } }
    @media (min-width: 768px) {
      nav.jn, .nav.jn {
        padding: 1.125rem 0;
        font-size: 0.875rem; } }
    @media (min-width: 992px) {
      nav.jn, .nav.jn {
        padding: 1.5rem 0;
        font-size: 1rem;
        display: block; } }
    nav.jn::-webkit-scrollbar-track, nav.jn::-webkit-scrollbar, nav.jn::-webkit-scrollbar-thumb, .nav.jn::-webkit-scrollbar-track, .nav.jn::-webkit-scrollbar, .nav.jn::-webkit-scrollbar-thumb {
      display: none; }
    nav.jn ul, .nav.jn ul {
      margin: 0 auto;
      max-width: 1254px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-flow: row nowrap; }
      @media (min-width: 992px) {
        nav.jn ul, .nav.jn ul {
          width: 95%; } }
      @media (min-width: 1200px) {
        nav.jn ul, .nav.jn ul {
          width: 85%; } }
      nav.jn ul li, .nav.jn ul li {
        padding: 0 0.5rem; }
        nav.jn ul li:before, .nav.jn ul li:before {
          display: none; }
        nav.jn ul li a, .nav.jn ul li a {
          white-space: nowrap;
          color: #fff; }
  nav.subcategories, .nav.subcategories {
    margin: 0 0 2rem; }
    nav.subcategories:nth-child(2), .nav.subcategories:nth-child(2) {
      display: none; }
    nav.subcategories h5, .nav.subcategories h5 {
      margin: 0 0 1rem; }
    nav.subcategories ul li, .nav.subcategories ul li {
      margin: 0 0 .5rem; }
      nav.subcategories ul li a.active, .nav.subcategories ul li a.active {
        font-weight: 700; }
  nav.social, .nav.social {
    margin: 0;
    font-size: 1.25em; }
    nav.social ul, .nav.social ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-flow: row nowrap; }
    nav.social li + li, .nav.social li + li {
      margin: 0 0 0 1.5rem; }
  nav.share, .nav.share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row nowrap;
    margin: 0;
    font-size: 1.25em;
    order: 3; }
    @media (min-width: 768px) {
      nav.share, .nav.share {
        width: 85%;
        margin: 0 0 0 15%; } }
    nav.share h5, .nav.share h5 {
      margin: 0 1rem 0 0;
      font-size: 1rem;
      font-weight: normal; }
    nav.share ul, .nav.share ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-flow: row nowrap; }
    nav.share li + li, .nav.share li + li {
      margin: 0 0 0 0.5rem; }
    nav.share a, .nav.share a {
      position: relative;
      display: block;
      width: 2rem;
      height: 2rem;
      padding: 0.4375rem;
      border-radius: 2rem;
      border: 0.0625rem solid currentColor;
      color: #273542;
      transition: all 0.25s linear; }
      nav.share a:hover, nav.share a:focus, .nav.share a:hover, .nav.share a:focus {
        background: #273542;
        color: #fff; }
    nav.share svg, .nav.share svg {
      transition: all 0.25s linear;
      fill: currentColor;
      display: block;
      width: 1.125rem;
      height: 1.125rem;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  nav.blog-archive, .nav.blog-archive {
    padding: 2rem; }
    @media (min-width: 992px) {
      nav.blog-archive, .nav.blog-archive {
        padding: 2.5rem 0 0 3.75rem; } }
    nav.blog-archive ul, .nav.blog-archive ul {
      display: flex;
      flex-direction: column; }
      nav.blog-archive ul li, .nav.blog-archive ul li {
        margin: 0 0 0.625rem;
        order: 2; }
        nav.blog-archive ul li a, .nav.blog-archive ul li a {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: flex-start;
          font-weight: 500;
          font-size: 1rem;
          line-height: 1.1875rem;
          text-transform: uppercase;
          color: #4F4F4F;
          padding: 0.375rem 0; }
          nav.blog-archive ul li a > div, .nav.blog-archive ul li a > div {
            flex-shrink: 0;
            width: 2.5rem;
            height: 2.5rem;
            margin: 0 1.0625rem 0 0;
            background: #1b1f2a;
            border-radius: 1.25rem;
            display: flex;
            align-items: center;
            justify-content: center; }
            nav.blog-archive ul li a > div svg, .nav.blog-archive ul li a > div svg {
              width: 1.25rem;
              height: 1.25rem; }
            nav.blog-archive ul li a > div.blog-diy, .nav.blog-archive ul li a > div.blog-diy {
              background: #4789ba; }
            nav.blog-archive ul li a > div.blog-gardening, .nav.blog-archive ul li a > div.blog-gardening {
              background: #a3b17b; }
            nav.blog-archive ul li a > div.blog-woodworking, .nav.blog-archive ul li a > div.blog-woodworking {
              background: #d1a06e; }
            nav.blog-archive ul li a > div.blog-spotlights, .nav.blog-archive ul li a > div.blog-spotlights {
              background: #345866; }
            nav.blog-archive ul li a > div.blog-outdoors, .nav.blog-archive ul li a > div.blog-outdoors {
              background: #c25336; }
    nav.blog-archive li.is-active, .nav.blog-archive li.is-active {
      order: 1;
      border-bottom: 2px solid #3d4b3c; }

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

    INTERACTIVE COMPONENTS

    Each interactive component should have it's own file, along with the base file
    for each interactive component, we should have alteration files for each version.

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

    ACCORDION

\*  --------------------------------------------------------------------------  */
.accordion {
  margin: 0 0 1.875rem;
  border-bottom: 0.0625rem solid #f2eeea;
  /* -------------------------- *\
    
    Indicator Options
    
    Comment out what you don't want to include.  Also, if only one style is used, remove the class
    name from the imported file to reduce output of code.

    //@import 'accordions/indicators/_chevron';
    //@import 'accordions/indicators/_triangle';
    
    \* -------------------------- */
  /*  --------------------------------------------------------------------------  *\

    ACCORDION - INDICATOR - PLUS/MINUS TOGGLE

\*  --------------------------------------------------------------------------  */
  /* -------------------------- *\
    
    Sizing Options
    
    Comment out what you don't want to include.  Also, if only one style is used, remove the class
    name from the imported file to reduce output of code.

    @import 'accordions/sizing/_sm';
    @import 'accordions/sizing/_lg';
    
    \* -------------------------- */
  /* -------------------------- *\


    Invert

    \* -------------------------- */ }
  .accordion > dt {
    border-top: 0.0625rem solid #f2eeea; }
    .accordion > dt ~ dt {
      margin: 0; }
    .accordion > dt > button {
      position: relative;
      width: 100%;
      padding: 0.75rem 3.125rem 0.75rem 0;
      background: none;
      color: #1b1f2a;
      text-align: left;
      font-size: 0.875rem;
      font-weight: 600;
      line-height: 1.5;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      transition: all .25s; }
      .accordion > dt > button:hover, .accordion > dt > button:focus {
        color: #512c1f; }
  .accordion > dd {
    width: 100%;
    padding: 1.875rem 0; }
    .accordion > dd :last-child {
      margin-bottom: 0; }
    .accordion > dd li::before {
      display: none; }
    .accordion > dd li a, .accordion > dd li button {
      display: inline-block;
      color: #4F4F4F; }
  .accordion > dt > button:before, .accordion > dt > button:after {
    position: absolute;
    left: 100%;
    top: 50%;
    width: 0.6875rem;
    height: 0.125rem;
    background: #1b1f2a;
    transition: all .25s;
    content: ""; }
  .accordion > dt > button:before {
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%); }
  .accordion > dt > button:after {
    -webkit-transform: translate(-100%, -50%) rotate(90deg);
    -ms-transform: translate(-100%, -50%) rotate(90deg);
    transform: translate(-100%, -50%) rotate(90deg); }
  .accordion > dt > button[aria-expanded="true"]:after {
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%); }
  .accordion > dt > button:hover:before, .accordion > dt > button:hover:after, .accordion > dt > button:focus:before, .accordion > dt > button:focus:after {
    background: #512c1f; }
  .accordion.acc-options {
    /*  --------------------------------------------------------------------------  *\

    ACCORDION - INDICATOR - PLUS/MINUS TOGGLE

\*  --------------------------------------------------------------------------  */ }
    .accordion.acc-options > dt > button:before, .accordion.acc-options > dt > button:after {
      position: absolute;
      right: 0.75rem;
      top: 50%;
      left: auto;
      width: 0.75rem;
      height: 0.125rem;
      background: #1b1f2a;
      transition: all .25s;
      content: ""; }
    .accordion.acc-options > dt > button:before {
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .accordion.acc-options > dt > button:after {
      -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
      transform: translate(-50%, -50%) rotate(90deg); }
    .accordion.acc-options > dt > button[aria-expanded="true"]:before {
      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
      transform: translate(-50%, -50%) rotate(-45deg); }
    .accordion.acc-options > dt > button[aria-expanded="true"]:after {
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg); }
    .accordion.acc-options > dt > button:hover:before, .accordion.acc-options > dt > button:hover:after, .accordion.acc-options > dt > button:focus:before, .accordion.acc-options > dt > button:focus:after {
      background: #512c1f; }
  .invert .accordion dt button, .dk-textured .accordion dt button {
    color: #fff; }
    .invert .accordion dt button:before, .invert .accordion dt button:after, .dk-textured .accordion dt button:before, .dk-textured .accordion dt button:after {
      background: #fff; }
    .invert .accordion dt button:hover, .invert .accordion dt button:focus, .dk-textured .accordion dt button:hover, .dk-textured .accordion dt button:focus {
      color: #b3222a; }
      .invert .accordion dt button:hover:before, .invert .accordion dt button:hover:after, .invert .accordion dt button:focus:before, .invert .accordion dt button:focus:after, .dk-textured .accordion dt button:hover:before, .dk-textured .accordion dt button:hover:after, .dk-textured .accordion dt button:focus:before, .dk-textured .accordion dt button:focus:after {
        background: #b3222a; }
  .invert .accordion dd, .dk-textured .accordion dd {
    color: #fff; }

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

    CAROUSEL - SLICK SLIDER

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

    SLICK SLIDER - CORE

    You should never need to touch this file.

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

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

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

.slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  flex-flow: row nowrap;
  position: relative;
  left: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    display: none; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

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

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

    OWL CAROUSEL - DOTS > COUNTER

\*  --------------------------------------------------------------------------  */
.slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap;
  width: 100%;
  margin: 0; }
  .slick-dots li {
    padding: 0;
    display: flex; }
    .slick-dots li + li {
      margin: 0 0 0 0.5rem; }
    .slick-dots li:before {
      display: none; }
    .slick-dots li button {
      text-indent: -9999em;
      overflow: hidden;
      width: 0.5rem;
      height: 0.5rem;
      border-radius: 0.5625rem;
      background: #f2eeea; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        background: #e6e0d7; }
    .slick-dots li.slick-active button {
      background: #e6e0d7;
      border-radius: 0.6875rem; }

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

    CAROUSEL - SLICK ARROW

\*  --------------------------------------------------------------------------  */
.slick-arrow {
  width: 3.125rem;
  height: 3.125rem;
  border: 2px solid #e6e0d7;
  border-radius: 50%;
  overflow: hidden;
  text-indent: 2.25rem;
  background-color: #e6e0d7;
  color: transparent;
  transition: .25s background-color linear;
  z-index: 2; }
  .slick-arrow.slick-disabled {
    pointer-events: none;
    background-color: rgba(27, 31, 42, 0.25); }
  .slick-arrow:hover, .slick-arrow:focus {
    background-color: #fff; }

.slick-prev {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuODI4IDcuOTk5ODlMOS44OTkgMS45Mjg4OUw4LjQ4NSAwLjUxNDg5M0wwIDguOTk5ODlMMC43MDcgOS43MDY4OUw4LjQ4NSAxNy40ODQ5TDkuODk5IDE2LjA3MDlMMy44MjggOS45OTk4OUgyMFY3Ljk5OTg5SDMuODI4WiIgZmlsbD0iIzNDNEIzQyIvPgo8L3N2Zz4K");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 1.25rem 1rem; }

.slick-next {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjE3MiAxMC4wMDAxTDEwLjEwMSAxNi4wNzExTDExLjUxNSAxNy40ODUxTDIwIDkuMDAwMTFMMTkuMjkzIDguMjkzMTFMMTEuNTE1IDAuNTE1MTA1TDEwLjEwMSAxLjkyOTExTDE2LjE3MiA4LjAwMDExTDguMjkyMDVlLTA3IDguMDAwMTFMNi41NDM1OWUtMDcgMTAuMDAwMUwxNi4xNzIgMTAuMDAwMVoiIGZpbGw9IiMzQzRCM0MiLz4KPC9zdmc+Cg==");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 1.25rem 1rem; }

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

    CAROUSEL - SLICK SLIDER

\*  --------------------------------------------------------------------------  */
.carousel-category {
  position: relative; }
  .carousel-category .slide {
    border: 0.0625rem solid #c25336;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: justify-content;
    align-items: stretch;
    flex-flow: row wrap;
    border-radius: 1rem; }
    .carousel-category .slide .img-w {
      border: 0.5rem solid #fff;
      border-right: none;
      border-radius: 1rem 0 0 1rem;
      overflow: hidden; }
      @media (min-width: 768px) {
        .carousel-category .slide .img-w {
          width: 50%;
          -webkit-box-flex: 0 0 auto;
          -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto; } }
    .carousel-category .slide .content {
      padding: 1.75rem 1rem;
      width: 50%;
      -webkit-box-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      border: 0.5rem solid #fff;
      border-left: none;
      border-radius: 0 1rem 1rem 0;
      overflow: hidden;
      color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: stretch;
      flex-flow: column wrap; }
      .carousel-category .slide .content h3 {
        color: #fff; }
        .carousel-category .slide .content h3 small {
          color: #fff; }
      @media (min-width: 768px) {
        .carousel-category .slide .content {
          padding: 2rem; } }
      @media (min-width: 992px) {
        .carousel-category .slide .content {
          padding: 3rem; } }
  .carousel-category .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .carousel-category .slick-prev {
    right: calc(100% + 1rem); }
  .carousel-category .slick-next {
    left: calc(100% + 1rem); }

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

    DIALOG

\*  --------------------------------------------------------------------------  */
.swal2-container {
  /*  ----------------------------------------------------------------------  *\

        DIALOG - CORE FILES

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

    DIALOG - BACKDROP

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

    DIALOG - MODAL

\*  --------------------------------------------------------------------------  */ }
  .swal2-container {
    position: fixed;
    z-index: 5000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(27, 31, 42, 0.75); }
  .swal2-container .swal2 {
    /*  --------------------------------------------------------------------------  *\

    DIALOG - MODAL > MODAL

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

    DIALOG - MODAL > HEADER

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

    DIALOG - MODAL > CONTENT

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

    DIALOG - MODAL > ACTIONS

\*  --------------------------------------------------------------------------  */ }
    .swal2-container .swal2-modal {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-flow: column nowrap;
      position: absolute;
      z-index: 5000;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100vw;
      max-width: 500px;
      height: 100vh;
      padding: 2rem;
      border: 2px solid #d1a06e;
      border-radius: 0;
      background: #fff;
      box-shadow: 0 0 1.5rem rgba(33, 35, 34, 0.5); }
      @media (min-width: 768px) {
        .swal2-container .swal2-modal {
          height: auto; } }
    .swal2-container .swal2-header {
      font-size: 2rem;
      font-weight: 600; }
    .swal2-container .swal2-warning {
      position: relative;
      background-color: #b3222a;
      border-radius: 50%;
      width: 4rem;
      height: 4rem;
      color: #fff; }
      .swal2-container .swal2-warning .swal2-icon-content {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .swal2-container .swal2-content {
      width: 100%;
      padding: 1.5rem 0;
      text-align: center; }
      .swal2-container .swal2-content h2 {
        color: #512c1f; }
    .swal2-container .swal2-actions {
      width: 100%;
      padding: 1.5rem 0 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: row nowrap; }
      .swal2-container .swal2-actions .button {
        display: inline-flex;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: center;
        padding: 0.875rem 1.5rem;
        margin: 0;
        border: 0.125rem solid currentColor;
        border-radius: 2rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.21429;
        text-align: center;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        text-decoration: none;
        transition: all .25s;
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
        .swal2-container .swal2-actions .button + [class*="btn-"] {
          margin: 0.9375rem 0 0; }
        .swal2-container .swal2-actions .button svg {
          display: inline-block;
          width: 1.25rem;
          height: 1rem;
          fill: currentColor; }
        @media (min-width: 992px) {
          .swal2-container .swal2-actions .button {
            width: auto;
            margin: 0; }
            .swal2-container .swal2-actions .button + [class*="btn-"] {
              margin: 0 0 0 0.9375rem; } }
        .swal2-container .swal2-actions .button:hover, .swal2-container .swal2-actions .button:focus {
          text-decoration: none; }
        .swal2-container .swal2-actions .button.swal2-confirm {
          border-radius: 0;
          background: #512c1f;
          border: 2px solid #512c1f;
          color: #fff;
          font-weight: 700;
          font-size: 14px;
          line-height: 17px;
          letter-spacing: 0.1em;
          text-transform: uppercase;
          width: auto;
          padding: 0.6875rem 1.8125rem; }
          .swal2-container .swal2-actions .button.swal2-confirm:hover, .swal2-container .swal2-actions .button.swal2-confirm:focus {
            background: #C95C57;
            border-color: #C95C57;
            color: #fff;
            text-decoration: none; }
          .swal2-container .swal2-actions .button.swal2-confirm:active {
            background: #6E1C1F;
            border-color: #6E1C1F;
            color: #fff; }
        .swal2-container .swal2-actions .button.swal2-cancel {
          border-radius: 0;
          background: #1b1f2a;
          border: 2px solid #1b1f2a;
          color: #fff;
          font-weight: 700;
          font-size: 14px;
          line-height: 17px;
          letter-spacing: 0.1em;
          text-transform: uppercase;
          width: auto;
          padding: 0.6875rem 1.8125rem; }
          .swal2-container .swal2-actions .button.swal2-cancel:hover, .swal2-container .swal2-actions .button.swal2-cancel:focus {
            background: #919191;
            border-color: #919191;
            color: #fff;
            text-decoration: none; }
          .swal2-container .swal2-actions .button.swal2-cancel:active {
            background: #4B4B4B;
            border-color: #4B4B4B;
            color: #fff; }

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

    TABS - MOBILE (SAME FOR BOTH VERTICAL AND HORIZONTAL LAYOUTS)

\*  --------------------------------------------------------------------------  */
.tabs {
  margin: 0 2rem 1.875rem;
  border-bottom: 0.125rem solid #e6e0d7;
  /*  ----------------------------------------------------------------------  *\
    
    Indicator Options
    
    Re-use the accordion styling for this piece.
    
    \*  ---------------------------------------------------------------------  */
  /*  --------------------------------------------------------------------------  *\

    ACCORDION - INDICATOR - PLUS/MINUS TOGGLE

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

    ACCORDION - INDICATOR - CHEVRON TOGGLE

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

    ACCORDION - INDICATOR - TRIANGLE TOGGLE

\*  --------------------------------------------------------------------------  */ }
  .tabs > dt > button {
    position: relative;
    width: 100%;
    padding: 1.5rem 1.875rem 1.5rem 0;
    border-top: 0.125rem solid #e6e0d7;
    background: none;
    color: #3d4b3c;
    text-align: left;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.1875rem;
    text-transform: uppercase; }
    .tabs > dt > button:hover, .tabs > dt > button:focus {
      color: #512c1f; }
    .tabs > dt > button[aria-expanded="true"] {
      color: #1b1f2a; }
    @media (min-width: 768px) {
      .tabs > dt > button:before, .tabs > dt > button:after {
        display: none; } }
  .tabs > dd {
    width: 100%;
    padding: 0 0 1.875rem 0; }
    .tabs > dd .content-block {
      font-size: 0.9375rem;
      line-height: 1.25rem;
      color: #4F4F4F; }
    .tabs > dd :last-child {
      margin-bottom: 0; }
  .tabs > dt > button:before, .tabs > dt > button:after {
    position: absolute;
    left: 100%;
    top: 50%;
    width: 0.6875rem;
    height: 0.125rem;
    background: #1b1f2a;
    transition: all .25s;
    content: ""; }
  .tabs > dt > button:before {
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%); }
  .tabs > dt > button:after {
    -webkit-transform: translate(-100%, -50%) rotate(90deg);
    -ms-transform: translate(-100%, -50%) rotate(90deg);
    transform: translate(-100%, -50%) rotate(90deg); }
  .tabs > dt > button[aria-expanded="true"]:after {
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%); }
  .tabs > dt > button:hover:before, .tabs > dt > button:hover:after, .tabs > dt > button:focus:before, .tabs > dt > button:focus:after {
    background: #512c1f; }
  .tabs > dt > button:before {
    position: absolute;
    z-index: 1000;
    left: 100%;
    top: 50%;
    -webkit-transform: translate(-100%, -50%) rotate(45deg);
    -ms-transform: translate(-100%, -50%) rotate(45deg);
    transform: translate(-100%, -50%) rotate(45deg);
    width: 0.375rem;
    height: 0.375rem;
    border: 0.125rem solid currentColor;
    border-top-color: transparent;
    border-left-color: transparent;
    background: none;
    transition: all .25s;
    content: ""; }
  .tabs > dt > button:after {
    display: none; }
  .tabs > dt > button:hover:before, .tabs > dt > button:focus:before {
    background: none;
    border-color: #1b1f2a;
    border-top-color: transparent;
    border-left-color: transparent; }
  .tabs > dt > button[aria-expanded="true"]:before {
    -webkit-transform: translate(-100%, -50%) rotate(225deg);
    -ms-transform: translate(-100%, -50%) rotate(225deg);
    transform: translate(-100%, -50%) rotate(225deg); }
  .tabs.triangles > dt > button:before {
    position: absolute;
    z-index: 1000;
    left: 100%;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    width: 0;
    height: 0;
    border-left: .75rem solid transparent;
    border-right: .75rem solid transparent;
    border-top: .75rem solid currentColor;
    transition: all .25s;
    content: ""; }
  .tabs.triangles > dt > button[aria-expanded="true"]:before {
    -webkit-transform: translate(-100%, -50%) rotate(180deg);
    -ms-transform: translate(-100%, -50%) rotate(180deg);
    transform: translate(-100%, -50%) rotate(180deg); }

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

    TABS - HORIZONTAL

\*  --------------------------------------------------------------------------  */
.tabs > dd table td {
  color: #3d4b3c;
  border-top: 0.0625rem solid #e6e0d7;
  border-bottom: 0.0625rem solid #e6e0d7; }
  .tabs > dd table td:first-child {
    width: 30%;
    background-color: #f2eeea;
    color: #000;
    border-left: 0.0625rem solid #e6e0d7; }
  .tabs > dd table td:last-child {
    border-right: 0.0625rem solid #e6e0d7; }

.tabs .promo-title {
  display: none; }

@media (min-width: 768px) {
  .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-end;
    flex-flow: row wrap;
    /* -------------------------- *\
        TAB OPTIONS

        Comment out what you don't want to include.  Also, if only one style is used, remove the class
        name from the imported file to reduce output of code.
        \* -------------------------- */
    /*  --------------------------------------------------------------------------  *\

    TABS - HORIZONTAL - TRADITIONAL

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

    TABS - HORIZONTAL - BUTTONS

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

    TABS - HORIZONTAL - MINIMAL

\*  --------------------------------------------------------------------------  */
    /* -------------------------- *\
        TAB INDICATOR

        Comment out what you don't want to include.  Also, if only one style is used, remove the class
        name from the imported file to reduce output of code.
        \* -------------------------- */
    /*  --------------------------------------------------------------------------  *\

    TABS - TRADITIONAL

\*  --------------------------------------------------------------------------  */
    /* -------------------------- *\
        TAB ALIGNMENT

        Comment out what you don't want to include.  Also, if only one style is used, remove the class
        name from the imported file to reduce output of code.
        \* -------------------------- */
    /*  --------------------------------------------------------------------------  *\

    TABS - ALIGNMNET - LEFT

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

    TABS - ALIGNMNET - RIGHT

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

    TABS - ALIGNMNET - BOTTOM

\*  --------------------------------------------------------------------------  */
    /* -------------------------- *\
        TAB SIZING

        Comment out what you don't want to include.  Also, if only one style is used, remove the class
        name from the imported file to reduce output of code.
        \* -------------------------- */
    /*  --------------------------------------------------------------------------  *\

    TABS - SIZING - SMALL

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

    TABS - SIZING - LARGE

\*  --------------------------------------------------------------------------  */ }
    .tabs > dt:not(.sr-only) {
      position: relative;
      z-index: 100;
      width: 100%;
      padding: 0;
      margin: 0 0.875rem 0 0; }
      .tabs > dt:not(.sr-only) > button {
        width: 100%;
        color: #3d4b3c;
        border: none;
        padding: 0;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.71429;
        text-transform: uppercase; }
        .tabs > dt:not(.sr-only) > button:hover, .tabs > dt:not(.sr-only) > button:focus {
          color: #512c1f; }
        .tabs > dt:not(.sr-only) > button[aria-expanded="true"] {
          position: relative; }
          .tabs > dt:not(.sr-only) > button[aria-expanded="true"]::after {
            display: block;
            width: 100%;
            transform: matrix(1, 0, 0, -1, 0, 0);
            position: absolute;
            top: 100%;
            left: 0;
            transform: translateY(500%); } }
    @media (min-width: 768px) and (min-width: 768px) {
      .tabs > dt:not(.sr-only) {
        -webkit-box-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        order: 0;
        width: auto; } }

@media (min-width: 768px) {
    .tabs > dd {
      position: relative;
      z-index: 0;
      width: 100%;
      padding: 1.875rem; } }
    @media (min-width: 768px) and (min-width: 768px) {
      .tabs > dd {
        display: flex;
        justify-content: space-between;
        flex-flow: row nowrap;
        -webkit-box-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        order: 1;
        width: 100%;
        margin: 0.625rem 0 0;
        padding: 2rem 0;
        border-top: 0.0625rem solid #e6e0d7;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #4F4F4F; }
        .tabs > dd:only-of-type {
          margin: 2.5rem 0 0; }
        .tabs > dd .content-block {
          font-size: 1rem;
          line-height: 1.5rem; }
          .tabs > dd .content-block .messaging:not(:empty) {
            background-color: #f2eeea;
            font-size: 0.875rem;
            margin: 1.25rem 0;
            border: 0.0625rem solid #e6e0d7;
            padding: 0.75rem 1rem;
            position: relative; }
          .tabs > dd .content-block .messaging p {
            margin-bottom: 0; }
        .tabs > dd .promo-block {
          display: block;
          width: calc(33.33% - 64px); }
          .tabs > dd .promo-block .ta-center {
            display: none; }
          .tabs > dd .promo-block .promo-title {
            display: inline-block;
            margin-bottom: 1.375rem;
            font-size: 1.125rem;
            line-height: 1.3125rem;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            color: #3d4b3c; }
            .tabs > dd .promo-block .promo-title:only-child {
              display: none; }
          .tabs > dd .promo-block .feed-carousel-featured {
            margin-top: 0;
            padding: 0;
            flex-direction: column; }
            .tabs > dd .promo-block .feed-carousel-featured .slick-prev {
              transform: translate(-85%, 0); }
            .tabs > dd .promo-block .feed-carousel-featured .slick-next {
              transform: translate(85%, 0); }
          .tabs > dd .promo-block .card .title {
            margin: 0;
            font-size: 1rem; }
          .tabs > dd .promo-block .card .price {
            padding: 0;
            border-top: none;
            justify-content: flex-start;
            font-size: 1rem; }
          .tabs > dd .promo-block .card .stock-msg {
            font-size: 0.875rem; }
        .tabs > dd .video-w {
          width: 100%; } }

@media (min-width: 768px) {
      .tabs > dd :last-child {
        margin-bottom: 0; } }
    @media (min-width: 768px) and (max-width: 767.9px) {
      .tabs > dd[hidden] {
        display: none; } }

@media (min-width: 768px) {
    .tabs.traditional > dt {
      position: relative;
      z-index: 200;
      margin: 0 0.375rem -0.2rem; }
      .tabs.traditional > dt > button {
        border: .2rem solid currentColor;
        border-bottom-color: transparent; }
        .tabs.traditional > dt > button[aria-expanded="true"] {
          border-bottom-color: #fff; }
    .tabs.traditional > dd {
      position: relative;
      z-index: 100;
      border: 0.2rem solid #1b1f2a; }
    .tabs.traditional.t-bottom > dt > button {
      margin: -0.2rem 0.46875rem 0;
      border-bottom-color: currentColor;
      border-top-color: transparent; }
      .tabs.traditional.t-bottom > dt > button[aria-expanded="true"] {
        border-bottom-color: currentColor;
        border-top-color: #fff; }
    .tabs.buttons > dt {
      margin: 0 0.75rem; }
      .tabs.buttons > dt > button {
        color: #f2eeea;
        background: #b3222a; }
        .tabs.buttons > dt > button:hover, .tabs.buttons > dt > button:focus {
          background: #c25336;
          color: #512c1f; }
        .tabs.buttons > dt > button[aria-expanded="true"] {
          background: #1b1f2a;
          color: #fff; }
    .tabs.minimal > dt {
      margin: 0 0.75rem; }
      .tabs.minimal > dt > button {
        border-bottom: .5rem solid currentColor; }
    .tabs.minimal.t-bottom > dt > button {
      border-bottom: none;
      border-top: .5rem solid currentColor; }
    .tabs.w-ind > dt > button:before {
      position: absolute;
      z-index: 0;
      left: 50%;
      top: 100%;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      height: 0;
      width: 0;
      border-left: 1.5rem solid transparent;
      border-right: 1.5rem solid transparent;
      border-top: 1.5rem solid transparent;
      transition: all 0.25s;
      content: ""; }
    .tabs.w-ind > dt > button[aria-expanded="true"]:before {
      border-top-color: #1b1f2a; }
    .tabs.t-left {
      justify-content: flex-start; }
    .tabs.t-right {
      justify-content: flex-end; }
    .tabs.t-bottom > dt {
      order: 1; }
    .tabs.t-bottom > dd {
      order: 0; }
    .tabs.sm > dt > button {
      padding: 0.75rem 1.5rem 0.75rem; }
    .tabs.sm > dd {
      padding: 1.5rem; }
    .tabs.lg > dt > button {
      padding: 1.40625rem 2.34375rem; }
    .tabs.lg > dd {
      padding: 2rem; } }

@media (min-width: 992px) {
  .tabs > dd .promo-block {
    width: calc(25%); } }

.modal-background {
  background: rgba(45, 45, 45, 0.8);
  bottom: 0;
  position: fixed;
  z-index: 1004;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.modal {
  background: #fff;
  display: none;
  position: fixed;
  left: 50%;
  top: 50% !important;
  margin: 0 auto;
  max-height: 90%;
  max-width: 95%;
  outline: none;
  overflow: hidden;
  padding: 0;
  transform: translate(-50%, -50%);
  z-index: 9999; }
  @media (max-width: 767.9px) {
    .modal {
      width: 100%; } }
  .modal--large {
    width: 90vw;
    max-width: 62.5rem; }
    .modal--large .modal-content {
      padding: 1.5rem;
      overflow: auto; }
      .modal--large .modal-content .det-product .overview {
        padding: 0; }
        .modal--large .modal-content .det-product .overview .product-view.product-quickview.container {
          padding: 0;
          width: 95%; }
  .modal-close {
    font-size: 2rem;
    line-height: 2rem;
    height: 2rem;
    width: 2rem;
    position: absolute;
    z-index: 50;
    top: 0.25rem;
    right: 0.25rem;
    text-align: center; }
  .modal-header {
    padding: 0.875rem 2rem;
    text-align: center; }
    .modal-header-title {
      margin: 0; }
  .modal-content {
    max-height: 90vh;
    overflow: scroll;
    padding: 2rem; }
    .modal-content a {
      text-decoration: underline; }
    .modal-content .icon {
      display: inline-block;
      vertical-align: middle;
      width: 1.875rem; }
      .modal-content .icon + span {
        display: inline-block;
        vertical-align: middle; }
  .modal#previewModal {
    overflow: visible;
    width: 90%;
    max-width: 48.875rem; }
    @media (min-width: 768px) {
      .modal#previewModal {
        width: 95%; } }
    .modal#previewModal a.modal-close.btn-secondary {
      font-size: 1rem;
      line-height: 1.21429;
      height: auto;
      position: relative;
      top: auto;
      right: auto; }
    .modal#previewModal a.modal-close:not(.btn-secondary) {
      display: block;
      position: absolute;
      height: 1.875rem;
      width: 1.875rem;
      border-radius: 1.875rem;
      background: #2F2F30;
      text-align: center;
      line-height: 1.3125rem;
      top: 0;
      right: 0;
      transform: translate(50%, -50%); }
      .modal#previewModal a.modal-close:not(.btn-secondary):before {
        content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNSA1LjQxNjc5TDEuMDgzMjEgMEwwIDEuMDgzMjFMNS40MTY3OSA2LjVMMCAxMS45MTY4TDEuMDgzMjEgMTNMNi41IDcuNTgzMkwxMS45MTY4IDEzTDEzIDExLjkxNjhMNy41ODMyIDYuNUwxMyAxLjA4MzIxTDExLjkxNjggMEw2LjUgNS40MTY3OVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg==");
        margin-left: 0.0625rem; }
      .modal#previewModal a.modal-close:not(.btn-secondary):hover, .modal#previewModal a.modal-close:not(.btn-secondary):focus {
        background: #616161; }
    .modal#previewModal .to-top {
      display: none; }
    .modal#previewModal .modal-content-wrapper {
      overflow: auto;
      padding: 0;
      max-height: 90vh; }
      .modal#previewModal .modal-content-wrapper .modal-header {
        padding: 0.375rem 2rem;
        background: #3d4b3c; }
        .modal#previewModal .modal-content-wrapper .modal-header h2 {
          color: #e6e0d7;
          margin: 0;
          font-size: 1.125rem;
          line-height: 110%;
          font-weight: 400; }
          @media (min-width: 768px) {
            .modal#previewModal .modal-content-wrapper .modal-header h2 {
              font-size: 2.25rem; } }
      .modal#previewModal .modal-content-wrapper .modal-content {
        overflow: visible;
        padding: 0.75rem 0.875rem; }
        @media (min-width: 768px) {
          .modal#previewModal .modal-content-wrapper .modal-content {
            padding: 1.25rem 1.5rem 1.875rem;
            border-bottom: 1px solid #e6e0d7; } }
        .modal#previewModal .modal-content-wrapper .modal-content .modal-body {
          display: grid;
          grid-template-rows: auto;
          grid-template-columns: auto;
          column-gap: 1rem;
          row-gap: 0.75rem; }
          @media (min-width: 768px) {
            .modal#previewModal .modal-content-wrapper .modal-content .modal-body {
              grid-template-columns: auto 270px;
              grid-template-rows: auto;
              column-gap: 1rem; } }
          .modal#previewModal .modal-content-wrapper .modal-content .modal-body .product-added {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-auto-rows: min-content;
            column-gap: 0.625rem; }
            @media (min-width: 768px) {
              .modal#previewModal .modal-content-wrapper .modal-content .modal-body .product-added {
                grid-template-columns: 200px auto;
                column-gap: 0.75rem;
                padding: 0.375rem 0 0; } }
            .modal#previewModal .modal-content-wrapper .modal-content .modal-body .product-added .pa-img {
              border: 1px solid #e6e0d7; }
            .modal#previewModal .modal-content-wrapper .modal-content .modal-body .product-added .pa-info {
              padding: 0.875rem 0 0; }
              .modal#previewModal .modal-content-wrapper .modal-content .modal-body .product-added .pa-info h3 {
                font-family: "Rubik", sans-serif;
                font-size: 1rem;
                line-height: 1.5rem;
                margin: 0 0 0.5rem;
                font-weight: 500;
                color: #3d4b3c; }
              .modal#previewModal .modal-content-wrapper .modal-content .modal-body .product-added .pa-info p {
                color: #3d4b3c;
                font-size: 1rem;
                line-height: 1.5rem; }
          .modal#previewModal .modal-content-wrapper .modal-content .modal-body .cart-info {
            padding: 0.75rem 1.5rem 0;
            background: #e6e0d7;
            text-align: center; }
            @media (min-width: 768px) {
              .modal#previewModal .modal-content-wrapper .modal-content .modal-body .cart-info {
                padding: 1rem 1.5rem; } }
            .modal#previewModal .modal-content-wrapper .modal-content .modal-body .cart-info span {
              text-align: center;
              color: #3d4b3c;
              display: inline; }
              @media (min-width: 768px) {
                .modal#previewModal .modal-content-wrapper .modal-content .modal-body .cart-info span {
                  display: block;
                  width: 100%; } }
              .modal#previewModal .modal-content-wrapper .modal-content .modal-body .cart-info span.cart-qty {
                font-size: 1rem;
                font-weight: 400;
                line-height: 1.625rem;
                margin: 0;
                display: block; }
                @media (min-width: 768px) {
                  .modal#previewModal .modal-content-wrapper .modal-content .modal-body .cart-info span.cart-qty {
                    font-size: 1.125rem;
                    font-weight: 400;
                    line-height: 1.625rem;
                    margin: 0; } }
              .modal#previewModal .modal-content-wrapper .modal-content .modal-body .cart-info span.heading {
                font-size: 1.125rem;
                line-height: 1.625rem;
                font-weight: 500;
                margin: 0; }
                @media (min-width: 768px) {
                  .modal#previewModal .modal-content-wrapper .modal-content .modal-body .cart-info span.heading {
                    font-size: 1.125rem;
                    line-height: 1.625rem;
                    margin: 0; } }
              .modal#previewModal .modal-content-wrapper .modal-content .modal-body .cart-info span.cart-total {
                font-weight: 500;
                font-size: 1.125rem;
                line-height: 1.625rem; }
                @media (min-width: 768px) {
                  .modal#previewModal .modal-content-wrapper .modal-content .modal-body .cart-info span.cart-total {
                    font-size: 1.6875rem;
                    line-height: 1.625rem;
                    margin: 0.75rem auto; } }
            .modal#previewModal .modal-content-wrapper .modal-content .modal-body .cart-info .btn-primary {
              width: 100%;
              text-decoration: none;
              margin-top: 0.5rem; }
              @media (min-width: 768px) {
                .modal#previewModal .modal-content-wrapper .modal-content .modal-body .cart-info .btn-primary {
                  margin: 0; } }
            .modal#previewModal .modal-content-wrapper .modal-content .modal-body .cart-info .btn-secondary {
              width: 100%;
              margin: 0;
              padding-left: 0.5rem;
              padding-right: 0.5rem;
              text-decoration: none; }
              @media (min-width: 768px) {
                .modal#previewModal .modal-content-wrapper .modal-content .modal-body .cart-info .btn-secondary {
                  margin: 0; } }
      .modal#previewModal .modal-content-wrapper .related-products, .modal#previewModal .modal-content-wrapper .related {
        padding: 0.1875rem 0.875rem 0.75rem; }
        @media (min-width: 768px) {
          .modal#previewModal .modal-content-wrapper .related-products, .modal#previewModal .modal-content-wrapper .related {
            padding: 1.375rem 4.375rem 2.1875rem; } }
        .modal#previewModal .modal-content-wrapper .related-products h4, .modal#previewModal .modal-content-wrapper .related h4 {
          font-weight: 500;
          margin: 0 0 0.75rem;
          text-align: center;
          font-size: 1rem;
          line-height: 1.1875rem; }
        .modal#previewModal .modal-content-wrapper .related-products ul, .modal#previewModal .modal-content-wrapper .related ul {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          justify-content: center;
          align-items: flex-start; }
          .modal#previewModal .modal-content-wrapper .related-products ul li, .modal#previewModal .modal-content-wrapper .related ul li {
            width: calc(50% - 5px);
            padding: 0;
            margin: 0 0.625rem 0 0; }
            .modal#previewModal .modal-content-wrapper .related-products ul li:before, .modal#previewModal .modal-content-wrapper .related ul li:before {
              display: none; }
            .modal#previewModal .modal-content-wrapper .related-products ul li:nth-child(2), .modal#previewModal .modal-content-wrapper .related ul li:nth-child(2) {
              margin: 0; }
            .modal#previewModal .modal-content-wrapper .related-products ul li:nth-child(n+3), .modal#previewModal .modal-content-wrapper .related ul li:nth-child(n+3) {
              display: none; }
            @media (min-width: 768px) {
              .modal#previewModal .modal-content-wrapper .related-products ul li, .modal#previewModal .modal-content-wrapper .related ul li {
                width: calc(33.333% - 13.334px);
                margin: 0 1.25rem 0 0; }
                .modal#previewModal .modal-content-wrapper .related-products ul li:nth-child(2), .modal#previewModal .modal-content-wrapper .related ul li:nth-child(2) {
                  margin: 0 1.25rem 0 0; }
                .modal#previewModal .modal-content-wrapper .related-products ul li:nth-child(n+3), .modal#previewModal .modal-content-wrapper .related ul li:nth-child(n+3) {
                  display: block; }
                .modal#previewModal .modal-content-wrapper .related-products ul li:nth-child(3), .modal#previewModal .modal-content-wrapper .related ul li:nth-child(3) {
                  margin: 0; }
                .modal#previewModal .modal-content-wrapper .related-products ul li:nth-child(n+4), .modal#previewModal .modal-content-wrapper .related ul li:nth-child(n+4) {
                  display: none; } }
            .modal#previewModal .modal-content-wrapper .related-products ul li > *:last-child, .modal#previewModal .modal-content-wrapper .related ul li > *:last-child {
              margin: 0; }
            .modal#previewModal .modal-content-wrapper .related-products ul li .img-w, .modal#previewModal .modal-content-wrapper .related ul li .img-w {
              border: 1px solid #e6e0d7;
              display: block;
              margin: 0 0 0.875rem; }
            .modal#previewModal .modal-content-wrapper .related-products ul li .title, .modal#previewModal .modal-content-wrapper .related ul li .title {
              color: #3d4b3c;
              font-weight: 500;
              display: block;
              font-size: 1rem;
              line-height: 1.1875rem;
              margin: 0 0 0.5625rem; }
            .modal#previewModal .modal-content-wrapper .related-products ul li .price-wrapper, .modal#previewModal .modal-content-wrapper .related ul li .price-wrapper {
              display: flex;
              column-gap: 0.5rem; }
              .modal#previewModal .modal-content-wrapper .related-products ul li .price-wrapper .full-price, .modal#previewModal .modal-content-wrapper .related ul li .price-wrapper .full-price {
                text-decoration: line-through; }
              .modal#previewModal .modal-content-wrapper .related-products ul li .price-wrapper .sale-price, .modal#previewModal .modal-content-wrapper .related ul li .price-wrapper .sale-price {
                color: #f06943; }
            .modal#previewModal .modal-content-wrapper .related-products ul li .price, .modal#previewModal .modal-content-wrapper .related ul li .price {
              display: block;
              color: #4F4F4F;
              font-weight: 500;
              font-size: 1rem;
              line-height: 1.6875rem;
              margin: 0 0 0.75rem; }
            .modal#previewModal .modal-content-wrapper .related-products ul li .oos, .modal#previewModal .modal-content-wrapper .related ul li .oos {
              color: #c25336; }
            .modal#previewModal .modal-content-wrapper .related-products ul li .btn-secondary, .modal#previewModal .modal-content-wrapper .related ul li .btn-secondary {
              font-size: 0.875rem;
              line-height: 1.0625rem; }
              .modal#previewModal .modal-content-wrapper .related-products ul li .btn-secondary.disabled, .modal#previewModal .modal-content-wrapper .related ul li .btn-secondary.disabled {
                pointer-events: none;
                cursor: default;
                color: #828282;
                background: #f2eeea;
                border-color: #f2eeea; }

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

    ANIMATIONS.CSS

    This library can be used to add simple animations to things, it should 
    only be included if animations are going to be used to enhance the website 
    because this file adds a substantial amount of weight to the file size.

    Go into the _animations.scss file and remove any animations that aren't going
    to be used on the website so that the final CSS file's output is reduced to only 
    what is necessary.

    Animations.css is good to use with Owl Carousel to alter the animation effects
    of the slide transitions. Examples of this in action can be seen on 
    interactive/carousels.html .

    We also use animations.css to control the animated loading of content. Examples 
    of all the animations available are located in interactive/animations.html.

    @import '_animations';

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

    EFFECTS LIBRARY

    This library can be used to add simple interactive effects to components found
    throughout the Component Library.

    These are meant to show what we can do, and be a solid starting point. They may
    require some additional work to get things to work completely as expected.
    
    @import '_effects';

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

    FEEDS AND DETAIL COMPONENTS

    Each interactive component should have it's own file, along with the base file
    for each interactive component, we should have alteration files for each version.

    // FULL FEED LISTS
    @import 'feeds/_basic';
    @import 'feeds/_profile';
    @import 'feeds/_tile';
    // LATEST FEED
    @import '_latest';
    // FEATURED FEED
    @import 'featured/_flex';
    @import 'featured/_grid';
    @import 'featured/_grid-offset';
    // FEATURED ITEM


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

    FEED - TILES

\*  --------------------------------------------------------------------------  */
.feed-products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-flow: row wrap;
  margin: 0 -0.5rem; }
  .feed-products form {
    width: 100%; }
  .feed-products .card {
    width: calc(50% - 1rem);
    margin: 0 0.5rem; }
    .feed-products .card:nth-child(n + 3) {
      margin-top: 1rem; }
    .feed-products .card .img-w > a {
      position: relative;
      padding: 92% 0 0;
      display: block;
      overflow: hidden;
      margin: 0; }
      .feed-products .card .img-w > a img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
  @media (min-width: 768px) {
    .feed-products {
      margin: 0 -1rem; }
      .feed-products .card {
        width: calc(33.333% - 2rem);
        margin: 0 1rem; }
        .feed-products .card:nth-child(3) {
          margin-top: 0; }
        .feed-products .card:nth-child(n + 4) {
          margin-top: 2rem; }
      .feed-products.recent .card {
        width: calc(25% - 2rem);
        margin: 0 1rem; }
        .feed-products.recent .card:nth-child(4) {
          margin-top: 0; }
        .feed-products.recent .card:nth-child(n + 5) {
          margin-top: 2rem; } }

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

    FEED - BASIC

\*  --------------------------------------------------------------------------  */
.f-basic > article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  flex-flow: row nowrap;
  margin: 0 0 1rem;
  padding: 0 0 1rem;
  width: 100%;
  border-bottom: 0.0625rem solid #512c1f; }
  @media (min-width: 768px) {
    .f-basic > article {
      margin: 0 0 1.25rem;
      padding: 0 0 1.25rem; } }
  @media (min-width: 992px) {
    .f-basic > article {
      margin: 0 0 1.5rem;
      padding: 0 0 1.5rem; } }
  .f-basic > article > a {
    display: block;
    -webkit-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    order: 0;
    width: calc(37.5% - 1rem);
    margin: 0 2rem 0 0; }
    .f-basic > article > a img {
      display: block;
      width: 100%;
      height: auto; }
  .f-basic > article > div {
    -webkit-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    order: 0;
    width: 100%; }

.f-basic h3 {
  font-size: 1.25rem;
  line-height: 1.25;
  text-transform: none;
  margin: 0 0 0.25rem; }
  @media (min-width: 768px) {
    .f-basic h3 {
      font-size: 1.5rem; } }
  .f-basic h3 a {
    color: #1b1f2a;
    text-decoration: none; }
    .f-basic h3 a:hover, .f-basic h3 a:focus {
      color: #e6e0d7;
      text-decoration: underline; }

.f-basic .byline {
  margin: 0 0 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: normal; }
  @media (min-width: 768px) {
    .f-basic .byline {
      font-size: 1rem; } }
  .f-basic .byline span {
    margin: 0 0.5rem; }

.f-basic .tags {
  margin: 0 0 0.5rem; }
  .f-basic .tags a {
    color: #b3222a; }
    .f-basic .tags a:hover, .f-basic .tags a:focus {
      color: #e6e0d7;
      text-decoration: underline; }

.f-basic .summary {
  margin: 0; }
  .f-basic .summary a {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    color: #b3222a;
    text-decoration: none; }
    .f-basic .summary a svg {
      fill: currentColor;
      width: 1.125rem;
      height: 1.125rem;
      transition: all .25s linear; }
    .f-basic .summary a:hover, .f-basic .summary a:focus {
      color: #b3222a;
      text-decoration: underline; }
      .f-basic .summary a:hover svg, .f-basic .summary a:focus svg {
        transform: translate(0.3125rem, 0); }

.single-post article {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative; }
  @media (min-width: 992px) {
    .single-post article {
      flex-direction: row; } }
  .single-post article > a {
    display: block;
    width: 100%;
    position: relative;
    padding: 55% 0 0;
    overflow: hidden;
    display: block; }
    @media (min-width: 992px) {
      .single-post article > a {
        width: 49%; } }
    .single-post article > a img {
      position: absolute;
      height: auto;
      width: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      @media (min-width: 992px) {
        .single-post article > a img {
          height: 100%;
          width: auto; } }
  .single-post article .cnt {
    background: rgba(242, 238, 234, 0.5);
    margin: emCalc(7) 0 0;
    position: relative;
    padding: 4.8125rem 1.875rem 0 1.5625rem;
    width: 100%; }
    @media (min-width: 992px) {
      .single-post article .cnt {
        width: 51%;
        margin: 0 0 0 0.4375rem; } }
    .single-post article .cnt .tags {
      position: absolute;
      left: 0;
      top: 0.875rem;
      display: flex;
      background: #1b1f2a;
      padding: 0.5rem 1.125rem;
      color: #fff;
      opacity: 0.9; }
      .single-post article .cnt .tags.blog-diy {
        background: #4789ba; }
      .single-post article .cnt .tags.blog-gardening {
        background: #a3b17b; }
      .single-post article .cnt .tags.blog-woodworking {
        background: #d1a06e; }
      .single-post article .cnt .tags.blog-spotlights {
        background: #345866; }
      .single-post article .cnt .tags.blog-outdoors {
        background: #c25336; }
      .single-post article .cnt .tags a {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        font-weight: 500;
        font-size: 0.75rem;
        line-height: 1.125rem;
        text-transform: uppercase;
        color: #fff; }
        .single-post article .cnt .tags a svg {
          width: 1.25rem;
          height: 1.25rem;
          margin: 0 0.625rem 0 0; }
    .single-post article .cnt h3 {
      font-weight: 500;
      font-size: 1.875rem;
      line-height: 110%;
      color: #3d4b3c; }
      .single-post article .cnt h3 a {
        font-weight: 500;
        font-size: 1.25rem;
        line-height: 110%;
        color: #3d4b3c; }
        @media (min-width: 576px) {
          .single-post article .cnt h3 a {
            font-size: 1.875rem; } }
    .single-post article .cnt .byline {
      font-weight: normal;
      font-size: 1rem;
      line-height: 1.5rem;
      color: #3d4b3c; }
    .single-post article .cnt .summary span {
      font-weight: normal;
      font-size: 1rem;
      line-height: 1.5rem;
      color: #3d4b3c;
      display: block;
      margin: 0 0 1.25rem; }
    .single-post article .cnt .summary a {
      font-weight: 500;
      font-size: 1rem;
      line-height: 1.1875rem;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: #3d4b3c; }
      .single-post article .cnt .summary a:after {
        content: "";
        width: 0.75rem;
        height: 0.5625rem;
        display: block;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjA0MDcgNS4zMzE3NEw5LjIwMzUyIDEuNzAyOUM4Ljg2OTg2IDEuMzk2MjMgOC4zNjkzNiAxLjM5NjIzIDguMDM1NyAxLjcwMjlDNy43MDIwMyAyLjAwOTU2IDcuNzAyMDMgMi40Njk1NSA4LjAzNTcgMi43NzYyMkwxMC41MzgyIDUuMTI3M0gyLjMwNzc5QzEuODYyOTEgNS4wNzYxOSAxLjQ3MzYzIDUuNDMzOTYgMS40NzM2MyA1Ljg0Mjg0QzEuNDczNjMgNi4yNTE3MyAxLjg2MjkxIDYuNjA5NSAyLjMwNzc5IDYuNjA5NUgxMC40ODI2TDcuOTgwMDkgOC45NjA1OEM3LjY0NjQyIDkuMjY3MjQgNy42NDY0MiA5LjcyNzI0IDcuOTgwMDkgMTAuMDMzOUM4LjE0NjkyIDEwLjE4NzIgOC4zNjkzNiAxMC4yMzgzIDguNTM2MTkgMTAuMjM4M0M4Ljc1ODY0IDEwLjIzODMgOC45ODEwOCAxMC4xMzYxIDkuMTQ3OTEgOS45ODI3OUwxMi45ODUxIDYuMzUzOTVDMTMuMzc0MyA2LjA5ODM5IDEzLjM3NDMgNS42Mzg0IDEzLjA0MDcgNS4zMzE3NFoiIGZpbGw9IiMzQzRCM0MiIHN0cm9rZT0iIzNDNEIzQyIvPgo8L3N2Zz4=");
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0 0 0 0.5rem; }

.post-feed {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-start; }
  @media (min-width: 768px) {
    .post-feed {
      flex-direction: row; } }
  .post-feed article {
    width: 100%;
    margin: 0 0 1rem;
    position: relative;
    display: flex;
    flex-direction: column; }
    @media (min-width: 768px) {
      .post-feed article {
        width: calc(50% - 0.5rem);
        margin: 0 0 1rem 1rem; }
        .post-feed article:nth-child(2n + 1) {
          margin: 0 0 1rem; } }
    @media (min-width: 992px) {
      .post-feed article {
        width: calc(33.33% - 1.333rem);
        margin: 0 0 2rem 2rem; }
        .post-feed article:nth-child(2n + 1) {
          margin: 0 0 2rem 2rem; }
        .post-feed article:nth-child(3n + 1) {
          margin: 0 0 2rem; } }
    .post-feed article > a {
      position: relative;
      padding: 61.5% 0 0;
      overflow: hidden;
      display: block; }
      .post-feed article > a img {
        position: absolute;
        width: 100%;
        height: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .post-feed article .cnt {
      position: static;
      padding: 0.875rem 1.875rem;
      background: rgba(242, 238, 234, 0.5);
      margin: 0.3125rem 0 0; }
      .post-feed article .cnt .tags {
        position: absolute;
        left: 0;
        top: 1.5625rem;
        display: flex;
        background: #1b1f2a;
        padding: 0.5rem 1.125rem;
        color: #fff;
        opacity: 0.9; }
        .post-feed article .cnt .tags.blog-diy {
          background: #4789ba; }
        .post-feed article .cnt .tags.blog-gardening {
          background: #a3b17b; }
        .post-feed article .cnt .tags.blog-woodworking {
          background: #d1a06e; }
        .post-feed article .cnt .tags.blog-spotlights {
          background: #345866; }
        .post-feed article .cnt .tags.blog-outdoors {
          background: #c25336; }
        .post-feed article .cnt .tags a {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: flex-start;
          font-weight: 500;
          font-size: 0.75rem;
          line-height: 1.125rem;
          text-transform: uppercase;
          color: #fff; }
          .post-feed article .cnt .tags a svg {
            width: 1.25rem;
            height: 1.25rem;
            margin: 0 0.625rem 0 0; }
      .post-feed article .cnt h3 {
        font-weight: 500;
        font-size: 1.375rem;
        line-height: 120%;
        color: #3d4b3c; }
        .post-feed article .cnt h3 a {
          font-weight: 500;
          font-size: 1.375rem;
          line-height: 120%;
          color: #3d4b3c; }
      .post-feed article .cnt .byline {
        display: none; }
      .post-feed article .cnt .summary span {
        display: none; }
      .post-feed article .cnt .summary a {
        font-weight: 500;
        font-size: 1rem;
        line-height: 1.1875rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #3d4b3c;
        margin: 0 0 1rem; }
        .post-feed article .cnt .summary a:after {
          content: "";
          width: 0.75rem;
          height: 0.5625rem;
          display: block;
          background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjA0MDcgNS4zMzE3NEw5LjIwMzUyIDEuNzAyOUM4Ljg2OTg2IDEuMzk2MjMgOC4zNjkzNiAxLjM5NjIzIDguMDM1NyAxLjcwMjlDNy43MDIwMyAyLjAwOTU2IDcuNzAyMDMgMi40Njk1NSA4LjAzNTcgMi43NzYyMkwxMC41MzgyIDUuMTI3M0gyLjMwNzc5QzEuODYyOTEgNS4wNzYxOSAxLjQ3MzYzIDUuNDMzOTYgMS40NzM2MyA1Ljg0Mjg0QzEuNDczNjMgNi4yNTE3MyAxLjg2MjkxIDYuNjA5NSAyLjMwNzc5IDYuNjA5NUgxMC40ODI2TDcuOTgwMDkgOC45NjA1OEM3LjY0NjQyIDkuMjY3MjQgNy42NDY0MiA5LjcyNzI0IDcuOTgwMDkgMTAuMDMzOUM4LjE0NjkyIDEwLjE4NzIgOC4zNjkzNiAxMC4yMzgzIDguNTM2MTkgMTAuMjM4M0M4Ljc1ODY0IDEwLjIzODMgOC45ODEwOCAxMC4xMzYxIDkuMTQ3OTEgOS45ODI3OUwxMi45ODUxIDYuMzUzOTVDMTMuMzc0MyA2LjA5ODM5IDEzLjM3NDMgNS42Mzg0IDEzLjA0MDcgNS4zMzE3NFoiIGZpbGw9IiMzQzRCM0MiIHN0cm9rZT0iIzNDNEIzQyIvPgo8L3N2Zz4=");
          background-repeat: no-repeat;
          background-size: cover;
          margin: 0 0 0 0.5rem; }

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

    FEED - MENU

\*  --------------------------------------------------------------------------  */
.menu {
  background: url("../img/backgrounds/menu-logo-print.jpg") no-repeat fixed 50% 45%/66.667%;
  position: relative; }
  .menu:before {
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: ""; }
  .menu .container {
    position: relative;
    z-index: 100; }
    .menu .container .print {
      display: none; }
      @media (min-width: 768px) {
        .menu .container .print {
          display: inline-flex;
          position: absolute;
          top: 1.1875rem;
          right: 0;
          -webkit-transform: translate(0%, -50%);
          -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%); } }
    .menu .container .back-to-top {
      position: relative;
      position: -webkit-sticky;
      position: sticky;
      -webkit-transform: translate(110%, 0);
      -ms-transform: translate(110%, 0);
      transform: translate(110%, 0);
      width: 5.625rem;
      text-align: center;
      display: block; }
      @supports (position: -webkit-sticky) {
        .menu .container .back-to-top {
          bottom: 1.875rem;
          left: 100%; } }
      @supports (position: sticky) {
        .menu .container .back-to-top {
          bottom: 1.875rem;
          left: 100%; } }
      .menu .container .back-to-top svg {
        margin: 0 auto 1rem;
        display: block;
        width: 2.8125rem;
        height: 2.8125rem; }
  .menu h2, .menu h3 {
    text-align: center; }
  .menu h3 {
    margin: 2.5rem 0;
    padding: 2.5rem 0 0;
    border-top: 0.0625rem solid #512c1f; }
  .menu ul li {
    padding: 0; }
    .menu ul li:before {
      display: none; }
  @media (min-width: 768px) {
    .menu ul {
      -webkit-column-count: 2;
      -ms-column-count: 2;
      column-count: 2;
      -webkit-column-gap: 1.875rem;
      -ms-column-gap: 1.875rem;
      column-gap: 1.875rem; }
      .menu ul li {
        display: inline-block;
        width: 100%;
        margin: 0.9375rem 0; } }
  .menu h4 {
    color: #b3222a;
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 600;
    margin: 0 0 0.5rem; }
  .menu .summary {
    line-height: 1.3125;
    margin: -0.25rem 0 0.5rem;
    color: #512c1f; }
    .menu .summary :last-child {
      margin: 0; }
  .menu .price {
    color: #1b1f2a;
    margin: 0; }
  @media print {
    .menu {
      background: url("../img/backgrounds/menu-logo-print.jpg") repeat-y 0 0/contain;
      padding: 0 !important;
      margin: 0 !important; }
      .menu .container {
        padding: 0;
        background: none; }
      .menu h2 {
        display: none; }
      .menu h3 {
        font-size: 14pt;
        line-height: 1.25;
        margin: 0 0 .125in;
        padding: 0;
        border: none; }
        .menu h3 ~ h3 {
          margin: .125in 0;
          padding: .25in 0 0;
          border-top: 0.5pt solid #512c1f; }
      .menu h4 {
        font-size: 10pt;
        line-height: 1.25;
        margin: 0 0 .0625in; }
      .menu p {
        font-size: 8pt; }
        .menu p:last-child {
          margin: 0; }
      .menu .summary, .menu .summary p {
        font-size: 8pt;
        line-height: 1.5; }
      .menu ul {
        -webkit-column-count: 2;
        -ms-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 1.875rem;
        -ms-column-gap: 1.875rem;
        column-gap: 1.875rem;
        margin: 0; }
        .menu ul li {
          display: inline-block;
          width: 100%;
          margin: .125in 0; } }

.spicy {
  position: relative; }
  .spicy svg {
    position: absolute;
    top: 0.875rem;
    left: 0;
    -webkit-transform: translate(-133%, -50%);
    -ms-transform: translate(-133%, -50%);
    transform: translate(-133%, -50%);
    width: 1.0625rem;
    height: 1.0625rem; }

/* CSS Document */
.ta-center .top-copy, .ta-center .bottom-copy {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  line-height: 1.0625rem;
  max-width: 550px;
  margin: 0.5rem auto; }

.ta-center .top-copy {
  color: #3d4b3c; }
  @media (min-width: 768px) {
    .ta-center .top-copy {
      font-size: 1.125rem;
      line-height: 1.3125rem; } }

.ta-center .bottom-copy {
  color: #4F4F4F;
  text-transform: none; }
  @media (min-width: 768px) {
    .ta-center .bottom-copy {
      font-size: 1rem;
      line-height: 1.5rem; } }

.feed-carousel-featured {
  margin: 1rem 0 0;
  position: relative; }
  .feed-carousel-featured .slick-list {
    width: 100%;
    overflow: hidden; }
  @media (max-width: 767.9px) {
    .feed-carousel-featured.related-prods .slick-arrow {
      position: absolute;
      top: 40%;
      transform: translate(-60%, -100%); }
      .feed-carousel-featured.related-prods .slick-arrow.slick-next {
        transform: translate(60%, -100%); } }
  @media (max-width: 767.9px) {
    .feed-carousel-featured:not(.related-prods) .slick-track {
      width: 100% !important;
      flex-flow: row wrap;
      transform: none !important; }
      .feed-carousel-featured:not(.related-prods) .slick-track > :nth-child(n+5) {
        display: none; }
    .feed-carousel-featured:not(.related-prods) .card {
      width: calc(50% - 1rem) !important; } }
  @media (min-width: 768px) {
    .feed-carousel-featured {
      width: calc(100% + 2rem); }
      .feed-carousel-featured .slick-list {
        width: 100%;
        overflow: hidden; } }
  .feed-carousel-featured .card {
    margin: 0 0.5rem; }
    @media (min-width: 768px) {
      .feed-carousel-featured .card {
        margin: 0 1.25rem; } }
    @media (min-width: 992px) {
      .feed-carousel-featured .card {
        margin: 0 1.5rem; } }
    .feed-carousel-featured .card.no-stock-di, .feed-carousel-featured .card.no-stock {
      display: none !important; }
  @media (min-width: 768px) {
    .feed-carousel-featured {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: stretch;
      align-content: flex-start;
      flex-flow: row nowrap;
      margin: 1.5rem -1rem 0;
      padding: 0 2rem; }
      .feed-carousel-featured .card {
        transform: none;
        margin: 0 1rem;
        flex: 1 1 auto; } }
  @media (min-width: 992px) {
    .feed-carousel-featured {
      margin: 2rem -1rem 0;
      padding: 0 4rem; } }
  .feed-carousel-featured .slick-arrow {
    position: absolute;
    top: 40%;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%); }
  .feed-carousel-featured .slick-prev {
    left: 0.125rem; }
  .feed-carousel-featured .slick-next {
    right: 0.125rem; }

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

    FILTERS ARCHIVES

\*  --------------------------------------------------------------------------  */
.category .hero .container, .search .hero .container {
  display: flex;
  justify-content: center; }
  .category .hero .container div.sub-cat > h1, .search .hero .container div.sub-cat > h1 {
    padding: 0 !important; }
  .category .hero .container div.sub-cat p:empty, .search .hero .container div.sub-cat p:empty {
    display: none; }

@media (max-width: 767.9px) {
  .category > section > .container > .row > .col-md-3, .category > .section > .container > .row > .col-md-3, .search > section > .container > .row > .col-md-3, .search > .section > .container > .row > .col-md-3 {
    background: #fff;
    z-index: 1; } }

nav[data-rfk-sidebar] input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }
  @media (max-width: 767.9px) {
    nav[data-rfk-sidebar] input[type="checkbox"]:checked ~ .facets-heading:after {
      -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%); }
    nav[data-rfk-sidebar] input[type="checkbox"]:checked ~ .facetedSearch {
      display: block; } }

.facets-heading {
  font-weight: 600;
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #000;
  border-bottom: 1px solid #e6e0d7;
  padding: 1.25rem 0;
  margin: 0;
  display: block;
  position: relative; }
  @media (max-width: 767.9px) {
    .facets-heading:before, .facets-heading:after {
      position: absolute;
      left: 100%;
      top: 50%;
      width: 0.6875rem;
      height: 0.125rem;
      background: #1b1f2a;
      transition: all .25s;
      content: ""; }
    .facets-heading:before {
      -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%); }
    .facets-heading:after {
      -webkit-transform: translate(-100%, -50%) rotate(90deg);
      -ms-transform: translate(-100%, -50%) rotate(90deg);
      transform: translate(-100%, -50%) rotate(90deg); } }

@media (max-width: 767.9px) {
  .facetedSearch {
    display: none; } }

.acc-facets {
  margin: 0 0 remClac(24); }
  .acc-facets > dt {
    font-size: 1rem;
    line-height: 1.75;
    border-bottom: 1px solid #e6e0d7; }
    .acc-facets > dt:first-child {
      border-top: none; }
    .acc-facets > dt button {
      color: #1b1f2a;
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
      font-weight: normal;
      text-transform: capitalize; }
  .acc-facets > dd {
    padding: 1rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.71429; }
  .acc-facets ul {
    margin: 0; }
  .acc-facets li + li {
    margin: 1rem 0 0; }
  .acc-facets a {
    position: relative;
    padding: 0 0 0 1.875rem;
    color: #1b1f2a; }
    .acc-facets a:before {
      position: absolute;
      left: 0;
      top: 0.5625rem;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      width: 0.75rem;
      height: 0.75rem;
      display: block;
      background: #fff;
      border-radius: 50%;
      box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.1875rem #1b1f2a;
      content: ""; }
    .acc-facets a:hover, .acc-facets a:focus {
      color: #1b1f2a;
      text-decoration: none; }
    .acc-facets a.is-selected:before {
      background: #512c1f;
      box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.1875rem #512c1f; }
  .acc-facets form {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap; }
    .acc-facets form .form-el {
      -webkit-box-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: calc(50% - 0.75rem); }
      .acc-facets form .form-el input {
        width: 100%;
        padding: 0.5rem;
        text-align: center;
        border-radius: 0.25rem;
        border: 0.0625rem solid #e0c9b7; }
    .acc-facets form .form-btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: row nowrap;
      -webkit-box-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 100%;
      margin: 1rem 0 0; }
    .acc-facets form .form-inlineMessage {
      width: 100%;
      margin: 1rem 0 0;
      color: #b3222a; }
      .acc-facets form .form-inlineMessage:empty {
        display: none; }

.facet-btns {
  text-align: center;
  margin: 1.5rem 0 0; }

.feed-header {
  width: calc(100% + 1rem);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-top: -2rem;
  margin-bottom: 1.125rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #E6E0D7; }
  @media (max-width: 767.9px) {
    .feed-header {
      width: 100%;
      margin-top: 0; } }
  .feed-header .sort label {
    margin: 0 0.5rem 0 0; }
  .feed-header .sort select {
    background: none;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    color: #3d4b3c; }

.cat-filters {
  margin-right: 1.75rem; }
  .cat-filters .accordion > dt {
    border: none; }
  .cat-filters .accordion dt button {
    padding: 1rem 3.125rem 1rem 0;
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.03125rem;
    text-transform: capitalize;
    color: #3d4b3c; }
  .cat-filters .accordion dt:first-child button {
    padding-top: 0; }
  .cat-filters .accordion dd {
    padding: 0; }
    .cat-filters .accordion dd li {
      margin: 1.5rem 0; }
      .cat-filters .accordion dd li button {
        font-style: normal;
        font-weight: normal;
        font-size: 0.875rem;
        line-height: 1.0625rem;
        color: #4F4F4F; }
      .cat-filters .accordion dd li:first-child {
        margin-top: 0.75rem; }
  .cat-filters form [class*="btn-"] {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase; }

.ss-results .ss-infinite-container .ss-infinite-loadmore .ss-infinite-loadmore-button {
  background: #3d4b3c;
  color: #f2eeea;
  line-height: 3.125rem;
  padding: 0 2.5rem;
  font-size: 1.125rem; }
  .ss-results .ss-infinite-container .ss-infinite-loadmore .ss-infinite-loadmore-button:hover, .ss-results .ss-infinite-container .ss-infinite-loadmore .ss-infinite-loadmore-button:focus {
    background: #f2eeea;
    color: #3d4b3c; }

.ss-list .ss-list-link,
.ss-list .ss-ac-item-name,
.ss-ac-results .ss-list-link,
.ss-ac-results .ss-ac-item-name {
  white-space: normal; }

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

    DETAILS
    
    @import 'case-study/base';

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

    PRODUCT DETAIL

\*  --------------------------------------------------------------------------  */
@media (max-width: 991.9px) {
  main.product {
    overflow: hidden; } }

.det-product {
  /*  --------------------------------------------------------------------------  *\

    PRODUCT DETAIL - PRODUCT VIEW

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

    PRODUCT DETAIL - PRODUCT VIEW - LAYOUT

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

    PRODUCT DETAIL - PRODUCT VIEW - BREADCRUMBS

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

    PRODUCT DETAIL - PRODUCT VIEW - TITLE

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

    PRODUCT DETAIL - PRODUCT VIEW - INFO

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

    PRODUCT DETAIL - PRODUCT VIEW - IMAGE

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

    PRODUCT DETAIL - PRODUCT VIEW - THUMBNAILS

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

    PRODUCT DETAIL - PRODUCT VIEW - ADD ONS

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

    PRODUCT DETAIL - PRODUCT VIEW - PRICE

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

    PRODUCT DETAIL - PRODUCT VIEW - BULK PRICING

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

    PRODUCT DETAIL - PRODUCT VIEW - HEADINGS

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

    PRODUCT DETAIL - PRODUCT VIEW - FORM

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

    PRODUCT DETAIL - PRODUCT VIEW - HELP

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

    PRODUCT DETAIL - PRODUCT VIEW - ACCORDION

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

    PRODUCT DETAIL - PRODUCT VIEW - AVAILABILITY

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

    PRODUCT DETAIL - PRODUCT VIEW - STICKY INFO

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

    PRODUCT DETAIL - PRODUCT VIEW - FORMS

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

    PRODUCT DETAIL - PRODUCT VIEW - FORMS - ADD TO CART

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

    PRODUCT DETAIL - PRODUCT VIEW - SIMPLE FORMS

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

    PRODUCT DETAIL - PRODUCT VIEW - PERSONALIZED FORMS

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

    PRODUCT DETAIL - PRODUCT VIEW - PERSONALIZED FORMS

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

    PRODUCT DETAIL - PRODUCT VIEW - PERSONALIZED FORMS

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

    PRODUCT DETAIL - PRODUCT VIEW - FORMS - INSTOCK NOTIFY FORM

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

    PRODUCT DETAIL - PRODUCT VIEW - FORMS - OPTIONS

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

    PRODUCT DETAIL - PRODUCT VIEW - FORMS - OPTIONS - RECTANGLES

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

    PRODUCT DETAIL - PRODUCT VIEW - FORMS - OPTIONS - SWATCHES

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

    PRODUCT DETAIL - PRODUCT VIEW - FORMS - OPTIONS - RECTANGLES

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

    PRODUCT DETAIL - PRODUCT VIEW - FORMS - OPTIONS - INPUTS

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

    PRODUCT DETAIL - PRODUCT VIEW - FORMS - OPTIONS - PICKLIST BUNDLED

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

    PRODUCT DETAIL - DESCRIPTION

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

    PRODUCT DETAILS - REVIEWS

\*  --------------------------------------------------------------------------  */ }
  .det-product .overview {
    padding: 1rem 0 0; }
    @media (min-width: 768px) {
      .det-product .overview {
        padding: 1rem 0 3rem; } }
    .det-product .overview .added-to-cart {
      display: grid;
      grid-template-columns: 1fr 3fr;
      column-gap: 1rem;
      row-gap: 1rem;
      grid-template-rows: auto; }
      .det-product .overview .added-to-cart .cnt h3 {
        margin: 0 0 3rem; }
      .det-product .overview .added-to-cart .cnt .buttons {
        max-width: 18.75rem;
        display: flex;
        flex-direction: column; }
        .det-product .overview .added-to-cart .cnt .buttons .btn-primary, .det-product .overview .added-to-cart .cnt .buttons .btn-secondary {
          margin: 0 0 1rem !important; }
        .det-product .overview .added-to-cart .cnt .buttons .btn-primary {
          text-decoration: none;
          color: #fff; }
        .det-product .overview .added-to-cart .cnt .buttons .btn-secondary.modal-close.continue-shopping {
          position: relative;
          display: inline-block;
          top: auto;
          width: auto;
          right: auto;
          color: #3d4b3c;
          font-weight: 400;
          font-size: 1rem;
          line-height: 1.5rem;
          height: auto;
          text-decoration: none; }
          .det-product .overview .added-to-cart .cnt .buttons .btn-secondary.modal-close.continue-shopping:hover, .det-product .overview .added-to-cart .cnt .buttons .btn-secondary.modal-close.continue-shopping:focus {
            color: #fff; }
  .det-product .product-view .details-wrap #bundle-deal {
    border: 1px solid #e6e0d7;
    padding: 0.5rem;
    margin: 1.5rem 0 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; }
    @media (min-width: 992px) {
      .det-product .product-view .details-wrap #bundle-deal {
        flex-wrap: nowrap; } }
    .det-product .product-view .details-wrap #bundle-deal a.img-wrap {
      width: 7.5rem; }
    .det-product .product-view .details-wrap #bundle-deal a.btn-secondary {
      width: 100%;
      text-decoration: none;
      color: #1b1f2a;
      margin-top: 1rem; }
      .det-product .product-view .details-wrap #bundle-deal a.btn-secondary:hover, .det-product .product-view .details-wrap #bundle-deal a.btn-secondary:focus {
        color: #fff; }
      @media (min-width: 992px) {
        .det-product .product-view .details-wrap #bundle-deal a.btn-secondary {
          width: 10rem;
          margin-top: 0; } }
    .det-product .product-view .details-wrap #bundle-deal .cnt {
      width: calc(100% - 132px); }
      @media (min-width: 992px) {
        .det-product .product-view .details-wrap #bundle-deal .cnt {
          width: calc(100% - 312px); } }
      .det-product .product-view .details-wrap #bundle-deal .cnt h3 {
        font-family: "Rubik", sans-serif;
        font-size: 1.125rem;
        margin: 0 0 0.5rem; }
      .det-product .product-view .details-wrap #bundle-deal .cnt h4 {
        color: #646569;
        text-transform: capitalize;
        font-weight: 500;
        font-size: 0.875rem;
        margin: 0; }
      .det-product .product-view .details-wrap #bundle-deal .cnt .pricing {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-end; }
        .det-product .product-view .details-wrap #bundle-deal .cnt .pricing .prices {
          color: #646569;
          font-weight: 400;
          font-size: 0.875rem;
          display: block; }
          .det-product .product-view .details-wrap #bundle-deal .cnt .pricing .prices.price-reg {
            margin: 0 0.5rem 0 0; }
            .det-product .product-view .details-wrap #bundle-deal .cnt .pricing .prices.price-reg span {
              text-decoration: line-through; }
          .det-product .product-view .details-wrap #bundle-deal .cnt .pricing .prices.price-sale {
            color: #f06943;
            font-weight: 500; }
          .det-product .product-view .details-wrap #bundle-deal .cnt .pricing .prices.non-sale {
            color: #b3222a; }
  .det-product .product-view.product-view-oos {
    border-bottom: 0.0625rem solid #e6e0d7;
    padding-bottom: 2.5rem; }
    .det-product .product-view.product-view-oos .product-unavailable-block {
      padding: 1.8rem;
      background: #f2eeea; }
      .det-product .product-view.product-view-oos .product-unavailable-block h3 {
        font-family: "Rubik", sans-serif;
        font-weight: bold;
        color: #b3222a;
        font-size: 1.2rem; }
      .det-product .product-view.product-view-oos .product-unavailable-block p {
        color: #4F4F4F;
        margin: 0 0 0.5rem; }
      .det-product .product-view.product-view-oos .product-unavailable-block ul li {
        color: #4F4F4F; }
        .det-product .product-view.product-view-oos .product-unavailable-block ul li:before {
          left: 0.625rem; }
        .det-product .product-view.product-view-oos .product-unavailable-block ul li a {
          font-weight: bold;
          text-decoration: underline;
          color: #4F4F4F; }
          .det-product .product-view.product-view-oos .product-unavailable-block ul li a:hover, .det-product .product-view.product-view-oos .product-unavailable-block ul li a:focus {
            opacity: .6; }
  .det-product .product-view nav {
    margin: 0 0 2.5rem;
    padding-bottom: 0.375rem; }
    @media (min-width: 768px) {
      .det-product .product-view nav {
        border-bottom: 0.125rem solid #f2eeea; } }
    .det-product .product-view nav ul {
      display: flex;
      flex-direction: column; }
      @media (min-width: 768px) {
        .det-product .product-view nav ul {
          flex-direction: row; } }
      @media (min-width: 768px) {
        .det-product .product-view nav ul li {
          padding: 0 20px; }
          .det-product .product-view nav ul li:first-of-type {
            padding: 0 20px 0 0; }
          .det-product .product-view nav ul li.active a {
            border-bottom: 0.125rem solid #3c4b3c; } }
      .det-product .product-view nav ul li a {
        font-size: 16px;
        text-transform: uppercase;
        text-decoration: none;
        padding-bottom: 8px; }
        .det-product .product-view nav ul li a:hover {
          border-bottom: 0.125rem solid #b3222a; }
  .det-product .product-view .title {
    margin: 0 0 1rem; }
    .det-product .product-view .title .TTteaser {
      font-size: 16px;
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
    .det-product .product-view .title .TTteaser__rating {
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px; }
    .det-product .product-view .title .TTteaser__star svg {
      width: 16px;
      height: 16px; }
    .det-product .product-view .title .TTteaser__icon--full {
      fill: #f06943; }
    .det-product .product-view .title .TTteaser__icon--half {
      stroke: #f06943;
      fill: transparent;
      color: #f06943; }
    .det-product .product-view .title .TTteaser__icon--empty {
      stroke: #f06943; }
    .det-product .product-view .title .TTteaser__read-qa,
    .det-product .product-view .title .TTteaser__read-comments,
    .det-product .product-view .title .TTteaser__read-reviews,
    .det-product .product-view .title .TTteaser__write-review {
      font-size: 16px;
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      color: #000;
      text-decoration: none; }
      .det-product .product-view .title .TTteaser__read-qa:hover, .det-product .product-view .title .TTteaser__read-qa:focus,
      .det-product .product-view .title .TTteaser__read-comments:hover,
      .det-product .product-view .title .TTteaser__read-comments:focus,
      .det-product .product-view .title .TTteaser__read-reviews:hover,
      .det-product .product-view .title .TTteaser__read-reviews:focus,
      .det-product .product-view .title .TTteaser__write-review:hover,
      .det-product .product-view .title .TTteaser__write-review:focus {
        text-decoration: underline; }
    .det-product .product-view .title .TTteaser__read-qa {
      margin: 0 0 0 0.25rem; }
    .det-product .product-view .title .TTteaser__read-reviews {
      margin: 0 0.25rem; }
    .det-product .product-view .title .TTteaser__write-review {
      border: none;
      text-decoration: underline;
      background: transparent;
      padding: 0;
      cursor: pointer; }
  @media (min-width: 768px) {
    .det-product .product-view .add-cart {
      display: flex;
      flex-direction: row;
      justify-content: flex-end; } }
  @media (max-width: 767.9px) {
    .det-product .product-view .form-simple.form-variants .add-to-cart-desktop {
      display: block; } }
  .det-product .product-view .form-simple .add-to-cart-mobile {
    position: fixed;
    bottom: 0;
    z-index: 10000;
    width: 100%;
    left: 0;
    right: 0;
    background: white;
    border-top: 1px solid #f2eeea;
    justify-content: center;
    padding: 8px;
    display: none; }
    @media (min-width: 768px) {
      .det-product .product-view .form-simple .add-to-cart-mobile {
        display: none !important; } }
    .det-product .product-view .form-simple .add-to-cart-mobile .inner-wrapper {
      display: flex;
      background: #3d4b3c;
      border-radius: 50px; }
      .det-product .product-view .form-simple .add-to-cart-mobile .inner-wrapper .select-wrapper {
        display: flex;
        align-items: center;
        column-gap: 4px;
        background: #3d4b3c;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        padding: 0 10px 0 20px; }
        .det-product .product-view .form-simple .add-to-cart-mobile .inner-wrapper .select-wrapper .icon {
          margin-top: 4px; }
          .det-product .product-view .form-simple .add-to-cart-mobile .inner-wrapper .select-wrapper .icon svg {
            width: 15px;
            height: 15px;
            fill: white; }
        .det-product .product-view .form-simple .add-to-cart-mobile .inner-wrapper .select-wrapper #qty {
          border: none;
          color: white;
          appearance: none;
          background: transparent; }
      .det-product .product-view .form-simple .add-to-cart-mobile .inner-wrapper #form-action-addToCart {
        flex: 1;
        border-left: 1px solid white;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
  @media (max-width: 767.9px) {
    .det-product .product-view .form-simple .option-normal .quantity, .det-product .product-view .form-simple .option-normal .price-container {
      display: none !important; } }
  .det-product .product-view #form-action-addToCart, .det-product .product-view #addonsAddToCart {
    width: 100%; }
    @media (min-width: 768px) {
      .det-product .product-view #form-action-addToCart, .det-product .product-view #addonsAddToCart {
        width: 48%; } }
  .det-product .product-view .drop-btn.form-wishlist {
    margin-top: 1.5rem; }
    @media (min-width: 768px) {
      .det-product .product-view .drop-btn.form-wishlist {
        left: 0;
        right: auto;
        width: 48%;
        max-width: none;
        margin-top: 0; } }
    .det-product .product-view .drop-btn.form-wishlist .btn-tertiary {
      width: 100%;
      font-weight: 400;
      border-color: #fff;
      color: #3d4b3c; }
      .det-product .product-view .drop-btn.form-wishlist .btn-tertiary:hover, .det-product .product-view .drop-btn.form-wishlist .btn-tertiary:focus {
        border-color: #3d4b3c;
        background-color: #fff;
        color: #3d4b3c; }
  .det-product .product-view .replace-wishlist {
    margin-top: 1.5rem;
    font-weight: 400;
    border-color: #fff;
    color: #3d4b3c;
    padding-left: 0;
    padding-right: 0; }
    .det-product .product-view .replace-wishlist:hover, .det-product .product-view .replace-wishlist:focus {
      border-color: #3d4b3c;
      background-color: #fff;
      color: #3d4b3c; }
    @media (min-width: 768px) {
      .det-product .product-view .replace-wishlist {
        position: absolute;
        bottom: 0;
        left: 0;
        right: auto;
        width: 48%;
        max-width: none;
        margin-top: 0; } }
  .det-product .product-view .gallery-wrap {
    max-height: 107vw;
    overflow: hidden; }
    @media (min-width: 768px) {
      .det-product .product-view .gallery-wrap {
        min-height: 31.25rem; } }
    @media (min-width: 992px) {
      .det-product .product-view .gallery-wrap {
        min-height: 45.625rem; } }
    @media (min-width: 1400px) {
      .det-product .product-view .gallery-wrap {
        max-height: 46.9375rem; } }
    .det-product .product-view .gallery-wrap .gallery [data-content-region="certificate_image"] {
      display: none; }
      .det-product .product-view .gallery-wrap .gallery [data-content-region="certificate_image"] img {
        width: 100% !important; }
  @media (min-width: 768px) {
    .det-product .product-view {
      margin-top: 2rem; }
      .det-product .product-view:before, .det-product .product-view:after {
        display: block;
        height: 0;
        width: 100%;
        content: "";
        clear: both; }
      .det-product .product-view .gallery-wrap {
        position: relative;
        position: -webkit-sticky;
        position: sticky;
        margin: 0;
        width: 45%;
        float: left; }
        @supports (position: -webkit-sticky) {
          .det-product .product-view .gallery-wrap {
            top: 4.375rem; } }
        @supports (position: sticky) {
          .det-product .product-view .gallery-wrap {
            top: 4.375rem; } }
        .det-product .product-view .gallery-wrap .gallery {
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          flex-flow: column; }
          .det-product .product-view .gallery-wrap .gallery [data-content-region="certificate_image"] {
            display: block; }
      .det-product .product-view .title {
        width: 50%;
        float: right; }
      .det-product .product-view .details-wrap {
        position: relative;
        width: 50%;
        float: right; } }
  @media (min-width: 992px) {
    @supports (position: sticky) {
      .det-product .product-view .gallery-wrap {
        top: 9.375rem; } }
    @supports (position: -webkit-sticky) {
      .det-product .product-view .gallery-wrap {
        top: 9.375rem; } }
    .det-product .product-view .gallery-wrap .gallery [data-content-region="certificate_image"] {
      display: block; } }
  .det-product .product-view .limited-inventory, .det-product .product-view .limited-inventory p {
    color: #b3222a; }
  .det-product .product-view.product-quickview {
    margin-top: 0;
    padding-bottom: 3rem; }
    .det-product .product-view.product-quickview .gallery-wrap {
      top: 0; }
      @media (min-width: 768px) {
        .det-product .product-view.product-quickview .gallery-wrap {
          top: 0; } }
      @media (min-width: 992px) {
        .det-product .product-view.product-quickview .gallery-wrap {
          top: 0; } }
  @media (min-width: 768px) {
    .det-product.bundle .product-view .title {
      float: left;
      width: calc(41.667% - 2rem); }
    .det-product.bundle .product-view .gallery-wrap {
      margin: 1.5rem 0 0;
      width: 100%; }
    .det-product.bundle .product-view .details-wrap {
      width: calc(58.333% - 2rem); } }
  .det-product .bundle-products {
    margin: 1.5rem 0; }
    .det-product .bundle-products .bundle-heading {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      border-bottom: 0.125rem solid #4789ba;
      margin: 0 0 1rem; }
      .det-product .bundle-products .bundle-heading h3 {
        margin: 0 0 -1px;
        font-weight: 500;
        font-size: 0.875rem;
        line-height: 1.0625rem;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Rubik', sans-serif;
        padding: 0.3125rem 0.6875rem;
        background: #4789ba; }
        @media (min-width: 992px) {
          .det-product .bundle-products .bundle-heading h3 {
            font-size: 1rem;
            line-height: 1.1875rem;
            padding: 0.3125rem 1.25rem; } }
      .det-product .bundle-products .bundle-heading a {
        margin: 0;
        font-weight: 400;
        font-size: 0.75rem;
        line-height: 0.875rem;
        color: #4789ba; }
        @media (min-width: 992px) {
          .det-product .bundle-products .bundle-heading a {
            font-weight: 500;
            font-size: 0.8125rem;
            line-height: 0.9375rem; } }
    .det-product .bundle-products ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .det-product .bundle-products ul li {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start; }
        @media (min-width: 992px) {
          .det-product .bundle-products ul li {
            align-items: center; } }
        .det-product .bundle-products ul li:before {
          display: none; }
        .det-product .bundle-products ul li .bundle-img {
          width: 24%;
          margin: 0 2% 0 0; }
          @media (min-width: 992px) {
            .det-product .bundle-products ul li .bundle-img {
              width: 14%;
              margin: 0 2% 0 0; } }
        .det-product .bundle-products ul li .bundle-wrap {
          width: 74%;
          display: flex;
          flex-direction: column;
          justify-content: flex-start; }
          @media (min-width: 992px) {
            .det-product .bundle-products ul li .bundle-wrap {
              width: 84%;
              flex-direction: row;
              align-items: center;
              justify-content: space-between; } }
          .det-product .bundle-products ul li .bundle-wrap .bundle-title {
            margin: 0 0 0.25rem; }
            @media (min-width: 992px) {
              .det-product .bundle-products ul li .bundle-wrap .bundle-title {
                width: 38%;
                margin: 0 5% 0 0; } }
            .det-product .bundle-products ul li .bundle-wrap .bundle-title .sku-stock {
              color: #646569;
              font-size: 0.75rem;
              line-height: 1.125rem;
              margin: 0; }
              .det-product .bundle-products ul li .bundle-wrap .bundle-title .sku-stock .stock {
                font-weight: 500;
                color: #f06943; }
            .det-product .bundle-products ul li .bundle-wrap .bundle-title h3 {
              margin: 0;
              font-weight: 500;
              font-size: 0.875rem;
              line-height: 1.1875rem;
              color: #3d4b3c;
              text-transform: capitalize;
              font-family: 'Rubik', sans-serif; }
          .det-product .bundle-products ul li .bundle-wrap .bundle-price {
            margin: 0 0 0.25rem;
            display: flex;
            flex-direction: row;
            justify-content: flex-start; }
            @media (min-width: 992px) {
              .det-product .bundle-products ul li .bundle-wrap .bundle-price {
                width: 28%;
                margin: 0 2% 0 0; } }
            .det-product .bundle-products ul li .bundle-wrap .bundle-price span {
              font-size: 16px;
              line-height: 27px;
              color: #646569; }
              .det-product .bundle-products ul li .bundle-wrap .bundle-price span.full-price {
                text-decoration-line: line-through;
                margin: 0 0.75rem 0 0; }
              .det-product .bundle-products ul li .bundle-wrap .bundle-price span.bundled-price {
                font-weight: 500;
                color: #f06943; }
          .det-product .bundle-products ul li .bundle-wrap .quantity.form-field {
            margin: 0; }
            @media (min-width: 992px) {
              .det-product .bundle-products ul li .bundle-wrap .quantity.form-field {
                width: 26%; } }
            .det-product .bundle-products ul li .bundle-wrap .quantity.form-field .form-increment {
              margin: 0; }
            .det-product .bundle-products ul li .bundle-wrap .quantity.form-field input {
              border: none;
              width: 2.6875rem; }
            .det-product .bundle-products ul li .bundle-wrap .quantity.form-field .inc-minus {
              border-right: 1px solid #e6e0d7; }
            .det-product .bundle-products ul li .bundle-wrap .quantity.form-field .inc-plus {
              border-left: 1px solid #e6e0d7; }
  .det-product .replacement-products {
    margin: 1.5rem 0;
    width: 100%; }
    .det-product .replacement-products [data-picklist-title-url] {
      text-decoration: none; }
      .det-product .replacement-products [data-picklist-title-url]:hover {
        text-decoration: underline;
        color: #512c1f; }
    .det-product .replacement-products .replacement-heading {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      border-bottom: 0.125rem solid #f2eeea;
      margin: 0 0 1rem; }
      .det-product .replacement-products .replacement-heading label {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%; }
        .det-product .replacement-products .replacement-heading label span {
          margin: 0;
          font-weight: 500;
          font-size: 0.875rem;
          line-height: 1.0625rem;
          color: #3d4b3c;
          text-transform: capitalize;
          font-family: 'Rubik', sans-serif;
          padding: 0.4375rem 0; }
          @media (min-width: 992px) {
            .det-product .replacement-products .replacement-heading label span {
              font-size: 1rem;
              line-height: 1.1875rem; } }
    .det-product .replacement-products ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      display: block; }
      .det-product .replacement-products ul li {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding-bottom: 1rem;
        border-bottom: 1px solid #f2eeea; }
        @media (min-width: 992px) {
          .det-product .replacement-products ul li {
            align-items: center; } }
        .det-product .replacement-products ul li:before {
          display: none; }
        .det-product .replacement-products ul li + li {
          margin-top: 1rem; }
        .det-product .replacement-products ul li .replacement-img {
          width: 24%;
          margin: 0 2% 0 0; }
          @media (min-width: 992px) {
            .det-product .replacement-products ul li .replacement-img {
              width: 14%;
              margin: 0 2% 0 0; } }
        .det-product .replacement-products ul li .replacement-wrap {
          width: 74%;
          display: flex;
          flex-direction: column;
          justify-content: flex-start; }
          @media (min-width: 992px) {
            .det-product .replacement-products ul li .replacement-wrap {
              width: 84%;
              flex-direction: row;
              align-items: center;
              justify-content: space-between; } }
          .det-product .replacement-products ul li .replacement-wrap .replacement-title {
            margin: 0 0 0.25rem; }
            @media (min-width: 992px) {
              .det-product .replacement-products ul li .replacement-wrap .replacement-title {
                width: 38%;
                margin: 0 5% 0 0; } }
            .det-product .replacement-products ul li .replacement-wrap .replacement-title .sku-stock {
              color: #646569;
              font-size: 0.75rem;
              line-height: 1.125rem;
              margin: 0; }
              .det-product .replacement-products ul li .replacement-wrap .replacement-title .sku-stock .stock {
                font-weight: 500;
                color: #f06943; }
            .det-product .replacement-products ul li .replacement-wrap .replacement-title h3 {
              margin: 0;
              font-weight: 500;
              font-size: 0.875rem;
              line-height: 1.1875rem;
              color: #3d4b3c;
              text-transform: capitalize;
              font-family: 'Rubik', sans-serif; }
          .det-product .replacement-products ul li .replacement-wrap .replacement-price {
            margin: 0 0 0.25rem;
            display: flex;
            flex-direction: row;
            justify-content: flex-start; }
            @media (min-width: 992px) {
              .det-product .replacement-products ul li .replacement-wrap .replacement-price {
                width: 28%;
                margin: 0 2% 0 0; } }
            .det-product .replacement-products ul li .replacement-wrap .replacement-price span {
              font-size: 16px;
              line-height: 27px;
              color: #646569; }
              .det-product .replacement-products ul li .replacement-wrap .replacement-price span.full-price {
                text-decoration-line: line-through;
                margin: 0 0.75rem 0 0; }
              .det-product .replacement-products ul li .replacement-wrap .replacement-price span.rep-price {
                font-weight: 500;
                color: #f06943; }
          .det-product .replacement-products ul li .replacement-wrap .quantity.form-field {
            margin: 0; }
            @media (min-width: 992px) {
              .det-product .replacement-products ul li .replacement-wrap .quantity.form-field {
                width: 26%; } }
            .det-product .replacement-products ul li .replacement-wrap .quantity.form-field .form-increment {
              margin: 0; }
            .det-product .replacement-products ul li .replacement-wrap .quantity.form-field input {
              border: none;
              width: 2.6875rem; }
            .det-product .replacement-products ul li .replacement-wrap .quantity.form-field .inc-minus {
              border-right: 1px solid #e6e0d7; }
            .det-product .replacement-products ul li .replacement-wrap .quantity.form-field .inc-plus {
              border-left: 1px solid #e6e0d7; }
  .det-product .sku {
    margin: 0;
    color: #4F4F4F;
    font-size: 0.75rem;
    line-height: 1.5;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .12em; }
    .det-product .sku strong {
      font-weight: 600; }
    @media (min-width: 768px) {
      .det-product .sku {
        font-size: 1rem;
        margin: 0 0 0.5rem; } }
  .det-product .rating {
    justify-content: flex-start;
    margin: 0; }
    .det-product .rating svg {
      width: 0.75rem;
      height: 0.75rem;
      margin: 0 0.1875rem 0 0;
      stroke: #1b1f2a;
      stroke-width: 0.0625rem;
      fill: none; }
      .det-product .rating svg.full {
        fill: #1b1f2a; }
    .det-product .rating .review-link {
      margin: 0 0 0 0.5rem;
      font-size: 0.8125rem;
      font-weight: 500;
      width: auto; }
  .det-product .info {
    display: none;
    margin: 0 0 1.5rem;
    font-size: 0.8125rem; }
    @media (min-width: 768px) {
      .det-product .info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-flow: row wrap; } }
    @media (min-width: 992px) {
      .det-product .info {
        font-size: 0.875rem; } }
    .det-product .info strong {
      color: #b3222a;
      font-weight: bold; }
    .det-product .info dt {
      -webkit-box-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 1.125rem;
      height: 1.125rem;
      margin: 0 0.625rem 0 0; }
    .det-product .info dt ~ dt, .det-product .info dd:nth-of-type(n + 2) {
      margin-top: 0.625rem; }
    .det-product .info svg {
      width: 1.125rem;
      height: 1.125rem;
      fill: #1b1f2a; }
    .det-product .info dd {
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: calc(100% - 1.75rem);
      padding: 0;
      font-size: 0.875rem;
      line-height: 1.35714; }
  .det-product .alert-box.info {
    flex-flow: row nowrap;
    align-items: flex-start; }
    .det-product .alert-box.info svg {
      fill: currentColor;
      width: 1.5rem;
      height: 1.5rem; }
  .det-product figure.product-image {
    display: none;
    overflow: hidden;
    width: 100%;
    order: 1;
    border: 0.0625rem solid #f2eeea;
    margin: 0 0 1rem;
    position: relative; }
    @media (min-width: 992px) {
      .det-product figure.product-image {
        display: block; } }
    .det-product figure.product-image a {
      position: relative;
      z-index: 0;
      display: block;
      width: 100%;
      height: auto; }
      .det-product figure.product-image a > img {
        width: 100%;
        height: auto; }
    .det-product figure.product-image .easyzoom-flyout {
      position: absolute;
      left: 0;
      top: 0;
      overflow: hidden;
      width: 100%;
      height: 100%; }
      .det-product figure.product-image .easyzoom-flyout img {
        max-width: none;
        width: auto; }
    .det-product figure.product-image .arrow {
      position: absolute;
      z-index: 1000;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      width: 2.5rem;
      height: 2.5rem;
      padding: 0.5rem;
      color: #1b1f2a;
      display: none; }
      .det-product figure.product-image .arrow:hover, .det-product figure.product-image .arrow:focus {
        color: #512c1f; }
      .det-product figure.product-image .arrow svg {
        position: relative;
        width: 100%;
        height: 100%;
        fill: currentColor; }
      .det-product figure.product-image .arrow.prev {
        left: 0; }
      .det-product figure.product-image .arrow.next {
        right: 0; }
  .det-product .thumbnails {
    width: 100%;
    margin: 0 0 1rem;
    padding: 0 0 3rem;
    /*@media  (min-width: 992px) {
        display: block;
        margin:0;
        overflow: hidden;
        order: 2;
    
        .thumbnail {
            padding: remCalc(4) 0;
        }

        .slick-track {
            display: block;
        }
    }*/ }
    @media (min-width: 992px) {
      .det-product .thumbnails {
        padding: 0 0 2rem 0;
        display: block;
        margin: 0;
        overflow: hidden;
        overflow-y: visible;
        order: 2; } }
    @media (min-width: 992px) {
      .det-product .thumbnails .slick-list {
        width: calc(100% - 45px); } }
    @media (min-width: 992px) {
      .det-product .thumbnails .slick-slide {
        margin: 0 1rem 0 0; } }
    .det-product .thumbnails .slick-dots {
      position: absolute;
      z-index: 100;
      left: 0;
      bottom: 1rem;
      width: 100%; }
      @media (min-width: 768px) {
        .det-product .thumbnails .slick-dots {
          bottom: 0; } }
      .det-product .thumbnails .slick-dots button {
        background: #e6e0d7; }
      .det-product .thumbnails .slick-dots .slick-active button {
        background: #d1a06e; }
    .det-product .thumbnails .slick-arrow {
      background: none;
      position: absolute;
      top: calc(50% - 24px);
      transform: translate(0, -50%);
      background: rgba(230, 224, 215, 0.7);
      border: none;
      height: 1.5625rem;
      width: 1.5625rem;
      z-index: 1; }
      @media (min-width: 992px) {
        .det-product .thumbnails .slick-arrow {
          background: #3d4b3c;
          height: 1.875rem;
          width: 1.875rem; }
          .det-product .thumbnails .slick-arrow:hover, .det-product .thumbnails .slick-arrow:focus {
            background: #a3b17b; } }
      .det-product .thumbnails .slick-arrow:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 100%;
        width: 100%; }
    .det-product .thumbnails .slick-prev {
      left: 0.6875rem; }
      .det-product .thumbnails .slick-prev:before {
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNjA2MTQgNC43MzQ2NUw1LjcwMzU5IDEuNjM3Mkw0Ljk4MjE2IDAuOTE1NzcxTDAuNjUzMDc2IDUuMjQ0ODVMMS4wMTM3OSA1LjYwNTU3TDQuOTgyMTYgOS41NzM5NEw1LjcwMzU5IDguODUyNTFMMi42MDYxNCA1Ljc1NTA2SDEwLjg1NzJWNC43MzQ2NUgyLjYwNjE0WiIgZmlsbD0iIzNDNEIzQyIvPgo8L3N2Zz4=") no-repeat 50% 50%; }
      @media (min-width: 992px) {
        .det-product .thumbnails .slick-prev {
          display: none !important; } }
    .det-product .thumbnails .slick-next {
      right: 0.6875rem; }
      .det-product .thumbnails .slick-next:before {
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguOTA0MDkgNS4yNjUzNUw1LjgwNjY0IDguMzYyOEw2LjUyODA3IDkuMDg0MjNMMTAuODU3MSA0Ljc1NTE1TDEwLjQ5NjQgNC4zOTQ0M0w2LjUyODA3IDAuNDI2MDY1TDUuODA2NjQgMS4xNDc0OUw4LjkwNDA5IDQuMjQ0OTRMMC42NTMwNjYgNC4yNDQ5NEwwLjY1MzA2NiA1LjI2NTM1TDguOTA0MDkgNS4yNjUzNVoiIGZpbGw9IiMzQzRCM0MiLz4KPC9zdmc+") no-repeat 50% 50%; }
      @media (min-width: 992px) {
        .det-product .thumbnails .slick-next {
          right: 0;
          top: calc(50%); }
          .det-product .thumbnails .slick-next:before {
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMyAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjA4NDggNS45MTgzMkw2LjM2Nzg1IDkuNjM1MjZMNy4yMzM1NyAxMC41MDFMMTIuNDI4NSA1LjMwNjA4TDExLjk5NTYgNC44NzMyMkw3LjIzMzU3IDAuMTExMTgxTDYuMzY3ODYgMC45NzY4OTZMMTAuMDg0OCA0LjY5MzgzTDAuMTgzNTY5IDQuNjkzODNMMC4xODM1NjkgNS45MTgzMkwxMC4wODQ4IDUuOTE4MzJaIiBmaWxsPSIjRTZFMEQ3Ii8+Cjwvc3ZnPg==") no-repeat 50% 50%; } }
    .det-product .thumbnails .thumbnail picture,
    .det-product .thumbnails .thumbnail img {
      display: block;
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: all 0.25s linear; }
    .det-product .thumbnails .thumbnail a {
      display: block;
      position: relative;
      padding-top: 100%;
      overflow: hidden; }
      .det-product .thumbnails .thumbnail a:hover picture, .det-product .thumbnails .thumbnail a:focus picture {
        border-color: #1b1f2a; }
      .det-product .thumbnails .thumbnail a.is-active {
        border-color: #1b1f2a; }
      .det-product .thumbnails .thumbnail a.video-thumbnail:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 0 12px 22px;
        border-color: transparent transparent transparent #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0.9; }
      .det-product .thumbnails .thumbnail a.video-thumbnail:hover:after, .det-product .thumbnails .thumbnail a.video-thumbnail:focus:after {
        opacity: 0.5; }
    @media (min-width: 992px) {
      .det-product .thumbnails.few {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start; }
        .det-product .thumbnails.few .thumbnail {
          width: calc(33.33% - 8px);
          margin: 0 0.5rem; }
          .det-product .thumbnails.few .thumbnail:first-child {
            margin-left: 0; } }
  .det-product .add-ons {
    margin: 2.5rem 0 0; }
    .det-product .add-ons li {
      padding: 1.5rem 0;
      border-top: 0.125rem solid #512c1f; }
      .det-product .add-ons li:before {
        display: none; }
    .det-product .add-ons .form-field {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      flex-flow: row nowrap; }
      .det-product .add-ons .form-field figure {
        -webkit-box-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 6.875rem;
        margin: 0 1.5rem 0 0; }
      .det-product .add-ons .form-field div {
        -webkit-box-flex: 0 1 auto;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 100%; }
    .det-product .add-ons h4 {
      font-size: 1rem;
      font-weight: 500;
      margin: 0; }
    .det-product .add-ons .desc {
      font-size: 0.875rem;
      color: #512c1f; }
    .det-product .add-ons label {
      font-size: 0.875rem;
      margin: 1.25rem 0 0; }
      .det-product .add-ons label .buy {
        display: block; }
      .det-product .add-ons label .added {
        display: none;
        color: #b3222a; }
      .det-product .add-ons label .price {
        font-size: 1rem;
        font-weight: 500; }
    .det-product .add-ons input[type="checkbox"] {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      border: 0;
      overflow: hidden;
      clip: rect(0, 0, 0, 0); }
      .det-product .add-ons input[type="checkbox"] + label {
        display: block;
        position: relative;
        padding: 0 0 0 1.875rem; }
        .det-product .add-ons input[type="checkbox"] + label:before {
          content: "";
          width: 1rem;
          height: 1rem;
          border: 0.0625rem solid #512c1f;
          border-radius: 0.3125rem;
          display: block;
          position: absolute;
          left: 0;
          top: 0.75em;
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }
        .det-product .add-ons input[type="checkbox"] + label:after {
          content: "";
          position: absolute;
          left: 0.625rem;
          top: 0.7em;
          -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
          width: 0.5rem;
          height: 0.25rem;
          border-left: 0.0625rem solid rgba(179, 34, 42, 0);
          border-bottom: 0.0625rem solid rgba(179, 34, 42, 0); }
        .det-product .add-ons input[type="checkbox"] + label:hover:before, .det-product .add-ons input[type="checkbox"] + label:focus:before {
          border-color: #b3222a; }
      .det-product .add-ons input[type="checkbox"]:checked + label .buy {
        display: none; }
      .det-product .add-ons input[type="checkbox"]:checked + label .added {
        display: block; }
      .det-product .add-ons input[type="checkbox"]:checked + label:before, .det-product .add-ons input[type="checkbox"]:checked + label:after {
        border-color: #b3222a; }
  .det-product .price-container {
    margin-bottom: 1.5rem;
    width: 100%; }
  .det-product .price {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 500;
    margin: 0;
    padding: 1.5rem 0 0;
    color: #1b1f2a;
    border-top: 0.125rem solid #f2eeea;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center; }
    .det-product .price .full-price {
      text-decoration: line-through;
      font-weight: normal;
      margin: 0 0.5rem 0 0;
      color: #1b1f2a; }
      .det-product .price .full-price + span {
        color: #f06943; }
    .det-product .price .sub-text {
      font-weight: 400;
      color: #1b1f2a;
      margin: 0 0.75rem 0 0; }
    .det-product .price.w-total {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-flow: row nowrap;
      padding: 0 0 1.5rem;
      margin: 0 0 1.5rem;
      border-bottom: 0.0625rem solid #f2eeea; }
    .det-product .price small {
      font-size: .666em;
      color: #1b1f2a; }
    @media (min-width: 768px) {
      .det-product .price {
        font-size: 1.25rem;
        line-height: 1.5rem; } }
  .det-product .bulk-discount-table {
    margin: 0 0 1.5rem; }
    .det-product .bulk-discount-table table th {
      padding: 1rem;
      text-align: center;
      color: #fff;
      background-color: #3d4b3c; }
    .det-product .bulk-discount-table table tbody tr td {
      padding: 1rem;
      border-top: 0.0625rem solid #4F4F4F;
      border-bottom: 0.0625rem solid #4F4F4F; }
      .det-product .bulk-discount-table table tbody tr td:first-child {
        border-left: 0.0625rem solid #4F4F4F; }
      .det-product .bulk-discount-table table tbody tr td:last-child {
        border-right: 0.0625rem solid #4F4F4F; }
  .det-product .bulk-pricing {
    font-size: 0.875rem;
    line-height: 1.28571;
    margin: 0 0 1.5rem;
    color: #4789ba;
    font-weight: 600;
    white-space: nowrap;
    text-transform: capitalize; }
    .det-product .bulk-pricing li {
      padding: 0; }
      .det-product .bulk-pricing li:before {
        display: none; }
      .det-product .bulk-pricing li + li {
        margin: 0.5rem 0 0; }
  .det-product .overview .pdp-title-tags {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; }
  .det-product .overview .title-cat {
    text-decoration: none;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.125rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #3f6435;
    margin: 0 0 0.5rem;
    opacity: 0; }
    .det-product .overview .title-cat.active {
      opacity: 1; }
    .det-product .overview .title-cat.best {
      color: #4789ba; }
    .det-product .overview .title-cat.sale {
      color: #3d4b3c; }
    .det-product .overview .title-cat.exclusive {
      color: #b3222a; }
    .det-product .overview .title-cat.clearance {
      color: #c25336; }
    @media (min-width: 768px) {
      .det-product .overview .title-cat {
        font-size: 0.875rem; } }
  .det-product .overview h1 {
    font-size: 1.5rem;
    line-height: 110%;
    margin: 0 0 0.5rem; }
    @media (min-width: 768px) {
      .det-product .overview h1 {
        font-size: 1.875rem;
        margin: 0 0 1.125rem; } }
    @media (min-width: 992px) {
      .det-product .overview h1 {
        font-size: 2.8125rem; } }
  .det-product .overview .title-subtitle {
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.0625rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #3d4b3c;
    margin: 0 0 0.5rem; }
    @media (min-width: 768px) {
      .det-product .overview .title-subtitle {
        font-size: 1rem;
        line-height: 1.1875rem;
        margin: 0 0 1.125rem; } }
  .det-product .overview .promo-text {
    color: #f06943;
    margin-bottom: 0;
    margin-top: 0.5rem; }
  .det-product .overview .title-ratings {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start; }
    .det-product .overview .title-ratings span {
      color: #3d4b3c;
      font-size: 0.75rem;
      line-height: 1.125rem; }
      @media (min-width: 768px) {
        .det-product .overview .title-ratings span {
          font-size: 0.875rem;
          line-height: 1.3125rem; } }
    .det-product .overview .title-ratings a {
      color: #3d4b3c;
      font-size: 0.75rem;
      line-height: 1.125rem;
      text-decoration: underline; }
      @media (min-width: 768px) {
        .det-product .overview .title-ratings a {
          font-size: 0.875rem;
          line-height: 1.3125rem; } }
      .det-product .overview .title-ratings a:hover, .det-product .overview .title-ratings a:focus {
        color: #a3b17b; }
    .det-product .overview .title-ratings > div:first-child {
      margin: 0 0.625rem 0 0; }
    .det-product .overview .title-ratings small {
      display: block; }
  .det-product .options {
    margin: 0 0 1.5rem;
    padding: 0;
    border-bottom: 0.0625rem solid #e6e0d7; }
    .det-product .options.oos-options {
      border-bottom: 0.0625rem solid #e6e0d7 !important; }
      .det-product .options.oos-options .options-price {
        justify-content: flex-end !important;
        margin: 0 !important; }
  .det-product .form-btns [class*="btn-"] + [class*="btn-"], .det-product .form-btns [class*="btn-"] + .drop-btn {
    margin-top: 1rem; }
  @media (min-width: 768px) {
    .det-product .form-btns {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-flow: row nowrap; }
      .det-product .form-btns [class*="btn-"] + [class*="btn-"], .det-product .form-btns [class*="btn-"] + .drop-btn {
        margin-top: 0; } }
  .det-product .help {
    background: #f2eeea;
    padding: 1.125rem 1.875rem;
    margin: 1.5rem 0;
    display: flex;
    flex-direction: row;
    align-items: center; }
    @media (min-width: 768px) {
      .det-product .help {
        padding: 1.25rem; } }
    .det-product .help > div:first-child {
      width: 100%;
      max-width: 3.375rem;
      margin: 0 1.875rem 0 0; }
    .det-product .help > div:nth-child(2) > div {
      display: flex;
      flex-direction: row;
      align-items: center;
      margin: 0 0 0.625rem; }
      .det-product .help > div:nth-child(2) > div img {
        max-width: 2.375rem;
        margin: 0 1.125rem 0 0; }
    .det-product .help > div h3 {
      font-weight: 500;
      font-size: 14px;
      line-height: 16px;
      text-transform: capitalize;
      font-family: "Rubik", sans-serif;
      margin: 0; }
    .det-product .help > div p {
      font-size: 14px;
      line-height: 18px;
      color: black;
      margin: 0; }
  .det-product .help-grid {
    background: #f2eeea;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 1fr;
    padding: 1.125rem 1.875rem;
    margin: 1.5rem 0; }
    .det-product .help-grid h3, .det-product .help-grid .h3 {
      color: #3d4b3c;
      font-weight: 500;
      font-size: 1rem;
      line-height: 1.25;
      text-transform: capitalize;
      font-family: "Rubik", sans-serif;
      margin: 0; }
    .det-product .help-grid p {
      font-size: 14px;
      line-height: 18px;
      color: black;
      margin: 0; }
    .det-product .help-grid img {
      max-width: 2.375rem; }
    .det-product .help-grid .block {
      display: flex;
      align-items: center;
      gap: 1rem; }
    .det-product .help-grid .spacer {
      border-bottom: 2px solid #3f6435; }
    @media (min-width: 768px) {
      .det-product .help-grid {
        grid-template-columns: 1fr auto 1fr;
        padding: 1.25rem; }
        .det-product .help-grid .spacer {
          border-bottom: none;
          border-right: 2px solid #3f6435; } }
  .det-product .accordion.acc-options {
    margin: 0 -1.5rem -1.5rem;
    border-bottom: none;
    background: #fff; }
    .det-product .accordion.acc-options:only-child {
      margin: -1.5rem; }
    .det-product .accordion.acc-options button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-flow: row wrap;
      padding: 1.0625rem 1.25rem;
      color: #1b1f2a;
      text-transform: none; }
      .det-product .accordion.acc-options button span, .det-product .accordion.acc-options button small {
        font-size: 0.75rem;
        font-weight: normal;
        margin: 0 0 0 0.25rem;
        pointer-events: none; }
      .det-product .accordion.acc-options button span {
        color: #273542; }
        .det-product .accordion.acc-options button span:before {
          content: "- "; }
      .det-product .accordion.acc-options button small.required {
        color: #c25336; }
      .det-product .accordion.acc-options button:hover, .det-product .accordion.acc-options button:focus {
        color: #1b1f2a; }
      @media (min-width: 992px) {
        .det-product .accordion.acc-options button {
          flex-flow: row nowrap; } }
    .det-product .accordion.acc-options dd {
      padding: 0.625rem 1.125rem 1.25rem; }
      @media (min-width: 992px) {
        .det-product .accordion.acc-options dd {
          padding: 1.25rem 1.125rem 1.875rem 8.625rem; } }
    .det-product .accordion.acc-options dt, .det-product .accordion.acc-options dd {
      background: #f9f9f9; }
    .det-product .accordion.acc-options dt {
      position: relative; }
      .det-product .accordion.acc-options dt:first-child {
        border-top: none; }
      .det-product .accordion.acc-options dt.not-required button, .det-product .accordion.acc-options dt.not-required + dd {
        background: #e8e8e8; }
      .det-product .accordion.acc-options dt.open {
        background: #fff; }
        .det-product .accordion.acc-options dt.open + dd {
          background: #fff; }
      .det-product .accordion.acc-options dt img {
        display: none; }
      @media (min-width: 992px) {
        .det-product .accordion.acc-options dt img {
          display: block;
          position: absolute;
          z-index: -1;
          left: 1.25rem;
          top: 1.125rem;
          -webkit-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
          transform: translate(0, 0);
          width: 6.25rem;
          opacity: 0;
          visibility: hidden;
          transition: visibility 0s, opacity .25s linear; } }
    .det-product .accordion.acc-options button[aria-expanded="true"] {
      background: #fff; }
      @media (min-width: 992px) {
        .det-product .accordion.acc-options button[aria-expanded="true"] {
          margin: 0 0 0 7.5rem;
          width: calc(100% - 7.5rem); }
          .det-product .accordion.acc-options button[aria-expanded="true"] + img {
            z-index: 0;
            visibility: visible;
            opacity: 1; } }
    .det-product .accordion.acc-options dt.not-required button[aria-expanded="true"] {
      background: #fff; }
    .det-product .accordion.acc-options dd:not([hidden]) {
      background: #fff !important; }
  .det-product .availability {
    color: #3d4b3c; }
    .det-product .availability.oos {
      color: #c25336; }
  .det-product .sticky-info-sentinel {
    height: 1px; }
  .det-product .sticky-info {
    visibility: hidden;
    padding: 0.9375rem 0;
    border-top: 0.0625rem solid #f2eeea;
    border-bottom: 0.0625rem solid #f2eeea;
    background: #fff;
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    z-index: 10001;
    opacity: 0;
    transition: visibility 0s, opacity .15s linear;
    height: 0;
    display: none; }
    @supports (position: -webkit-sticky) {
      .det-product .sticky-info {
        top: 0; } }
    @supports (position: sticky) {
      .det-product .sticky-info {
        top: 0; } }
    @supports (position: sticky) {
      .det-product .sticky-info.js-stuck {
        visibility: visible;
        opacity: 1;
        height: auto;
        display: block; } }
    .det-product .sticky-info .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: row nowrap; }
    .det-product .sticky-info .img-w {
      width: 4.5rem;
      border: 0.0625rem solid #f2eeea;
      margin: 0 1rem 0 0;
      -webkit-box-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
    .det-product .sticky-info .prod-name {
      font-weight: 600;
      line-height: 1.14286;
      width: 33.333%;
      min-width: 25%;
      max-width: 33.333%;
      -webkit-box-flex: 1 1 auto;
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      font-size: 1rem; }
      @media (min-width: 992px) {
        .det-product .sticky-info .prod-name {
          font-size: 1.3125rem; } }
    .det-product .sticky-info .form-product {
      margin: 0 1rem;
      -webkit-box-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
      .det-product .sticky-info .form-product form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-flow: row nowrap; }
    .det-product .sticky-info .form-field.quantity {
      margin: 0 1rem 0 0;
      padding: 0;
      border-top: none; }
    .det-product .sticky-info + .jn.sticky {
      top: 7.875rem;
      z-index: 100; }
    .det-product .sticky-info .btt {
      display: none; }
      @media (min-width: 992px) {
        .det-product .sticky-info .btt {
          display: block; } }
  .det-product .form-product {
    position: relative;
    z-index: 998; }
  .det-product .form-field.quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row nowrap;
    margin: 1.5rem 0; }
    .det-product .form-field.quantity .form-increment {
      margin: 0 0 0 1rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      flex-flow: row nowrap; }
    .det-product .form-field.quantity input {
      width: 4.5rem;
      font-size: 1rem;
      font-weight: normal;
      text-align: center;
      padding: 0.3125rem;
      border: 0.0625rem solid #e6e0d7; }
    .det-product .form-field.quantity .inc-minus, .det-product .form-field.quantity .inc-plus {
      position: relative;
      border: 0.0625rem solid #e6e0d7;
      border-radius: 0;
      width: 2.6875rem;
      height: 2.6875rem;
      background: #fff; }
      .det-product .form-field.quantity .inc-minus:before, .det-product .form-field.quantity .inc-minus:after, .det-product .form-field.quantity .inc-plus:before, .det-product .form-field.quantity .inc-plus:after {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        content: "";
        background: #1b1f2a; }
      .det-product .form-field.quantity .inc-minus:hover:before, .det-product .form-field.quantity .inc-minus:hover:after, .det-product .form-field.quantity .inc-minus:focus:before, .det-product .form-field.quantity .inc-minus:focus:after, .det-product .form-field.quantity .inc-plus:hover:before, .det-product .form-field.quantity .inc-plus:hover:after, .det-product .form-field.quantity .inc-plus:focus:before, .det-product .form-field.quantity .inc-plus:focus:after {
        background: #512c1f; }
    .det-product .form-field.quantity .inc-minus {
      border-right: none; }
      .det-product .form-field.quantity .inc-minus:before {
        height: 0.125rem;
        width: 0.75rem; }
      .det-product .form-field.quantity .inc-minus:after {
        display: none; }
    .det-product .form-field.quantity .inc-plus {
      border-left: none; }
      .det-product .form-field.quantity .inc-plus:before {
        height: 0.125rem;
        width: 0.75rem; }
      .det-product .form-field.quantity .inc-plus:after {
        width: 0.125rem;
        height: 0.75rem; }
  .det-product .form-simple .form-field.quantity label {
    width: auto; }
  .det-product .form-simple .product-unavailable {
    color: #b3222a;
    font-weight: 700; }
  .det-product .form-personalized {
    margin: 1.5rem 0 0; }
    .det-product .form-personalized .options {
      padding: 1.5rem;
      border: 0.0625rem solid #e6e0d7;
      background: #fff; }
    .det-product .form-personalized .form-inlineMessage {
      display: block;
      color: #512c1f; }
    .det-product .form-personalized .form-field-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-flow: row wrap;
      margin: 0 -1rem 1rem; }
      .det-product .form-personalized .form-field-group > .form-cr {
        width: 33.333%;
        padding: 0.5rem 1rem;
        margin: 0; }
        .det-product .form-personalized .form-field-group > .form-cr:nth-child(n + 4) {
          padding-top: 0; }
  .det-product .form-bundle {
    margin: 1.5rem 0 0; }
    .det-product .form-bundle .options {
      padding: 0;
      margin: 0 0 1.5rem;
      border: 0.0625rem solid #e6e0d7;
      background: #fff; }
    .det-product .form-bundle .acc-options {
      margin: 0; }
    .det-product .form-bundle .acc-options.addons button[aria-expanded="true"] {
      margin: 0;
      width: 100%; }
    .det-product .form-bundle .acc-options.addons dd {
      padding: 1.25rem 1.125rem; }
    @media (min-width: 768px) {
      .det-product .form-bundle:before, .det-product .form-bundle:after {
        display: block;
        height: 0;
        width: 100%;
        content: "";
        clear: both; }
      .det-product .form-bundle .totals {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-flow: row wrap;
        margin: 1.5rem 0; }
      .det-product .form-bundle .price {
        width: 100%;
        -webkit-box-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
      .det-product .form-bundle .drop-btn {
        position: relative;
        z-index: 1000;
        right: auto;
        bottom: auto;
        float: right; }
      .det-product .form-bundle .quantity {
        margin: 0; } }
    @media (min-width: 992px) {
      .det-product .form-bundle .totals {
        width: 85%;
        margin: 1.5rem 0 1.5rem 15%; }
      .det-product .form-bundle + .help {
        margin: 1.5rem 0 0 15%;
        width: 85%; } }
    @media (min-width: 1200px) {
      .det-product .form-bundle .totals, .det-product .form-bundle + .help {
        margin: 1.5rem 0 1.5rem 27.5%;
        width: 72.5%; } }
  .det-product .form-grouped, .det-product .form-simple {
    margin: 1.5rem 0 0; }
    .det-product .form-grouped .options .grouped-products, .det-product .form-simple .options .grouped-products {
      margin: 1.5rem 0; }
      .det-product .form-grouped .options .grouped-products:first-child .grouped-heading label span, .det-product .form-simple .options .grouped-products:first-child .grouped-heading label span {
        padding: 0.3125rem 0;
        background: transparent; }
        @media (min-width: 992px) {
          .det-product .form-grouped .options .grouped-products:first-child .grouped-heading label span, .det-product .form-simple .options .grouped-products:first-child .grouped-heading label span {
            padding: 0.3125rem 0; } }
      .det-product .form-grouped .options .grouped-products:nth-child(2) .grouped-heading, .det-product .form-simple .options .grouped-products:nth-child(2) .grouped-heading {
        border-bottom: 0.125rem solid #4789ba; }
        .det-product .form-grouped .options .grouped-products:nth-child(2) .grouped-heading label span, .det-product .form-simple .options .grouped-products:nth-child(2) .grouped-heading label span {
          background: #4789ba;
          color: #fff; }
      .det-product .form-grouped .options .grouped-products .grouped-heading, .det-product .form-simple .options .grouped-products .grouped-heading {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        border-bottom: 0.125rem solid #f2eeea;
        margin: 0 0 1rem; }
        .det-product .form-grouped .options .grouped-products .grouped-heading h3, .det-product .form-simple .options .grouped-products .grouped-heading h3 {
          margin: 0;
          font-weight: 500;
          font-size: 0.875rem;
          line-height: 1.0625rem;
          color: #3d4b3c;
          text-transform: uppercase;
          font-family: 'Rubik', sans-serif;
          padding: 0.3125rem 0; }
          @media (min-width: 992px) {
            .det-product .form-grouped .options .grouped-products .grouped-heading h3, .det-product .form-simple .options .grouped-products .grouped-heading h3 {
              font-size: 1rem;
              line-height: 1.1875rem; } }
      .det-product .form-grouped .options .grouped-products ul, .det-product .form-simple .options .grouped-products ul {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        .det-product .form-grouped .options .grouped-products ul li, .det-product .form-simple .options .grouped-products ul li {
          margin: 0;
          padding: 0;
          display: flex;
          flex-flow: row wrap;
          align-items: flex-start;
          justify-content: flex-start;
          padding-bottom: 1rem;
          border-bottom: 1px solid #f2eeea;
          width: 100%; }
          @media (min-width: 992px) {
            .det-product .form-grouped .options .grouped-products ul li, .det-product .form-simple .options .grouped-products ul li {
              align-items: center; } }
          .det-product .form-grouped .options .grouped-products ul li:before, .det-product .form-simple .options .grouped-products ul li:before {
            display: none; }
          .det-product .form-grouped .options .grouped-products ul li + li, .det-product .form-simple .options .grouped-products ul li + li {
            margin-top: 1rem; }
          .det-product .form-grouped .options .grouped-products ul li .options-img, .det-product .form-simple .options .grouped-products ul li .options-img {
            width: 24%;
            margin: 0 2% 0 0; }
            @media (min-width: 992px) {
              .det-product .form-grouped .options .grouped-products ul li .options-img, .det-product .form-simple .options .grouped-products ul li .options-img {
                width: 14%;
                margin: 0 2% 0 0; } }
          .det-product .form-grouped .options .grouped-products ul li .options-wrap, .det-product .form-simple .options .grouped-products ul li .options-wrap {
            width: 74%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start; }
            @media (min-width: 992px) {
              .det-product .form-grouped .options .grouped-products ul li .options-wrap, .det-product .form-simple .options .grouped-products ul li .options-wrap {
                width: 84%;
                flex-direction: row;
                align-items: center;
                justify-content: space-between; } }
            .det-product .form-grouped .options .grouped-products ul li .options-wrap .options-title, .det-product .form-simple .options .grouped-products ul li .options-wrap .options-title {
              margin: 0 0 0.25rem; }
              @media (min-width: 992px) {
                .det-product .form-grouped .options .grouped-products ul li .options-wrap .options-title, .det-product .form-simple .options .grouped-products ul li .options-wrap .options-title {
                  width: 38%;
                  margin: 0 5% 0 0; } }
              .det-product .form-grouped .options .grouped-products ul li .options-wrap .options-title .sku-stock, .det-product .form-simple .options .grouped-products ul li .options-wrap .options-title .sku-stock {
                color: #646569;
                font-size: 0.75rem;
                line-height: 1.125rem;
                margin: 0; }
                .det-product .form-grouped .options .grouped-products ul li .options-wrap .options-title .sku-stock .stock, .det-product .form-simple .options .grouped-products ul li .options-wrap .options-title .sku-stock .stock {
                  font-weight: 500;
                  color: #f06943;
                  white-space: nowrap; }
              .det-product .form-grouped .options .grouped-products ul li .options-wrap .options-title .bundle-save, .det-product .form-simple .options .grouped-products ul li .options-wrap .options-title .bundle-save {
                display: none; }
              .det-product .form-grouped .options .grouped-products ul li .options-wrap .options-title h3, .det-product .form-simple .options .grouped-products ul li .options-wrap .options-title h3 {
                margin: 0;
                font-weight: 500;
                font-size: 0.875rem;
                line-height: 1.1875rem;
                color: #3d4b3c;
                text-transform: capitalize;
                font-family: 'Rubik', sans-serif; }
                .det-product .form-grouped .options .grouped-products ul li .options-wrap .options-title h3 a, .det-product .form-simple .options .grouped-products ul li .options-wrap .options-title h3 a {
                  color: #1b1f2a;
                  text-decoration: none; }
                  .det-product .form-grouped .options .grouped-products ul li .options-wrap .options-title h3 a:hover, .det-product .form-simple .options .grouped-products ul li .options-wrap .options-title h3 a:hover {
                    text-decoration: underline; }
            .det-product .form-grouped .options .grouped-products ul li .options-wrap .options-price, .det-product .form-simple .options .grouped-products ul li .options-wrap .options-price {
              margin: 0 0 0.25rem;
              display: flex;
              flex-direction: row;
              justify-content: flex-start; }
              @media (min-width: 992px) {
                .det-product .form-grouped .options .grouped-products ul li .options-wrap .options-price, .det-product .form-simple .options .grouped-products ul li .options-wrap .options-price {
                  width: 28%;
                  margin: 0 2% 0 0; } }
              .det-product .form-grouped .options .grouped-products ul li .options-wrap .options-price span, .det-product .form-simple .options .grouped-products ul li .options-wrap .options-price span {
                font-size: 16px;
                line-height: 27px;
                color: #1b1f2a; }
                .det-product .form-grouped .options .grouped-products ul li .options-wrap .options-price span.full-price, .det-product .form-simple .options .grouped-products ul li .options-wrap .options-price span.full-price {
                  text-decoration-line: line-through;
                  margin: 0 0.5rem 0 0; }
                .det-product .form-grouped .options .grouped-products ul li .options-wrap .options-price span.op-price, .det-product .form-simple .options .grouped-products ul li .options-wrap .options-price span.op-price {
                  font-weight: 500; }
                  .det-product .form-grouped .options .grouped-products ul li .options-wrap .options-price span.op-price .full-price + span, .det-product .form-simple .options .grouped-products ul li .options-wrap .options-price span.op-price .full-price + span {
                    color: #f06943; }
            .det-product .form-grouped .options .grouped-products ul li .options-wrap .quantity.form-field, .det-product .form-simple .options .grouped-products ul li .options-wrap .quantity.form-field {
              margin: 0; }
              @media (min-width: 992px) {
                .det-product .form-grouped .options .grouped-products ul li .options-wrap .quantity.form-field, .det-product .form-simple .options .grouped-products ul li .options-wrap .quantity.form-field {
                  width: 26%; } }
              .det-product .form-grouped .options .grouped-products ul li .options-wrap .quantity.form-field .form-increment, .det-product .form-simple .options .grouped-products ul li .options-wrap .quantity.form-field .form-increment {
                margin: 0; }
              .det-product .form-grouped .options .grouped-products ul li .options-wrap .quantity.form-field input, .det-product .form-simple .options .grouped-products ul li .options-wrap .quantity.form-field input {
                border: none;
                width: 2.6875rem; }
              .det-product .form-grouped .options .grouped-products ul li .options-wrap .quantity.form-field .inc-minus, .det-product .form-simple .options .grouped-products ul li .options-wrap .quantity.form-field .inc-minus {
                border-right: 1px solid #e6e0d7; }
              .det-product .form-grouped .options .grouped-products ul li .options-wrap .quantity.form-field .inc-plus, .det-product .form-simple .options .grouped-products ul li .options-wrap .quantity.form-field .inc-plus {
                border-left: 1px solid #e6e0d7; }
  .det-product .form-variants .grouped-heading h3 {
    color: #b3222a !important; }
  .det-product .form-variants #form-action-addToCart[disabled], .det-product .form-variants #form-action-addToCart.disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .2; }
  .det-product .form-variants .form-wishlist.hide {
    display: none; }
  .det-product .form-variants .options.top-level h3 span {
    font-size: 1rem;
    line-height: 1.1875rem;
    text-transform: none;
    margin-left: 0.4rem;
    color: #3d4b3c; }
    .det-product .form-variants .options.top-level h3 span.stock-oos {
      font-weight: 500;
      color: #f06943 !important;
      font-size: 0.875rem;
      margin: 0; }
      .det-product .form-variants .options.top-level h3 span.stock-oos.hide {
        display: none; }
  .det-product .form-variants .options.top-level .form-field {
    align-items: flex-start !important; }
    .det-product .form-variants .options.top-level .form-field .options.modified {
      margin: 0;
      width: 50%; }
      .det-product .form-variants .options.top-level .form-field .options.modified .opts-swatch label.swatch {
        height: 3.875rem;
        width: 3.875rem;
        opacity: 0.5;
        margin: 0 1rem 1rem 0; }
        .det-product .form-variants .options.top-level .form-field .options.modified .opts-swatch label.swatch .options-img {
          width: 100%;
          margin: 0; }
      .det-product .form-variants .options.top-level .form-field .options.modified .opts-swatch input[type="radio"]:checked + label {
        box-shadow: none;
        border: 2px solid #f06943;
        opacity: 1; }
    .det-product .form-variants .options.top-level .form-field .options-wrap {
      width: 50% !important;
      margin: 0.5rem 0 0; }
      .det-product .form-variants .options.top-level .form-field .options-wrap #qty-div {
        width: auto; }
        .det-product .form-variants .options.top-level .form-field .options-wrap #qty-div.hide {
          opacity: 0;
          visibility: hidden; }
  .det-product .oos-form {
    margin: 0 0 1.5rem;
    margin: 0; }
    .det-product .oos-form h3 {
      font-weight: 500;
      font-size: 16px;
      line-height: 27px;
      text-transform: capitalize;
      font-family: 'Rubik', sans-serif;
      margin: 0; }
    .det-product .oos-form p {
      font-size: 14px;
      line-height: 20px; }
    .det-product .oos-form .form {
      display: flex;
      flex-direction: column; }
      @media (min-width: 768px) {
        .det-product .oos-form .form {
          flex-direction: row; } }
      .det-product .oos-form .form input[type=email] {
        display: inline-flex;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: center;
        padding: 0.875rem 1.5rem;
        margin: 0;
        border: 0.125rem solid currentColor;
        border-radius: 2rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.21429;
        text-align: center;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        text-decoration: none;
        transition: all .25s;
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #f2eeea;
        border-color: #f2eeea;
        color: #646569;
        padding: 0.53125rem 1.375rem;
        text-transform: none;
        font-size: 0.875rem;
        text-align: left;
        margin: 0 0 1.25rem !important;
        width: 100% !important; }
        .det-product .oos-form .form input[type=email] + [class*="btn-"] {
          margin: 0.9375rem 0 0; }
        .det-product .oos-form .form input[type=email] svg {
          display: inline-block;
          width: 1.25rem;
          height: 1rem;
          fill: currentColor; }
        @media (min-width: 992px) {
          .det-product .oos-form .form input[type=email] {
            width: auto;
            margin: 0; }
            .det-product .oos-form .form input[type=email] + [class*="btn-"] {
              margin: 0 0 0 0.9375rem; } }
        .det-product .oos-form .form input[type=email]:hover, .det-product .oos-form .form input[type=email]:focus {
          text-decoration: none; }
        @media (min-width: 768px) {
          .det-product .oos-form .form input[type=email] {
            margin: 0 1.25rem 0 0 !important; } }
      .det-product .oos-form .form input[type=submit] {
        display: inline-flex;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: center;
        padding: 0.875rem 1.5rem;
        margin: 0;
        border: 0.125rem solid currentColor;
        border-radius: 2rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.21429;
        text-align: center;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        text-decoration: none;
        transition: all .25s;
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #3d4b3c;
        border-color: #3d4b3c;
        color: #fff;
        padding: 0.53125rem 1.3125rem; }
        .det-product .oos-form .form input[type=submit] + [class*="btn-"] {
          margin: 0.9375rem 0 0; }
        .det-product .oos-form .form input[type=submit] svg {
          display: inline-block;
          width: 1.25rem;
          height: 1rem;
          fill: currentColor; }
        @media (min-width: 992px) {
          .det-product .oos-form .form input[type=submit] {
            width: auto;
            margin: 0; }
            .det-product .oos-form .form input[type=submit] + [class*="btn-"] {
              margin: 0 0 0 0.9375rem; } }
        .det-product .oos-form .form input[type=submit]:hover, .det-product .oos-form .form input[type=submit]:focus {
          text-decoration: none; }
        .det-product .oos-form .form input[type=submit]:hover, .det-product .oos-form .form input[type=submit]:focus {
          background: #3f6435;
          border-color: #3f6435;
          color: #fff;
          cursor: pointer; }
  .det-product #instocknotify-container {
    margin: 0 0 1.5rem; }
    .det-product #instocknotify-container #InStockNotifyForm {
      display: flex;
      flex-direction: column; }
      @media (min-width: 768px) {
        .det-product #instocknotify-container #InStockNotifyForm {
          flex-wrap: wrap;
          flex-direction: row; } }
    .det-product #instocknotify-container #InStockNotifyOutOfStock, .det-product #instocknotify-container #InStockNotifyInvalidEmail, .det-product #instocknotify-container #InStockNotifyComplete {
      font-size: 14px;
      line-height: 20px;
      width: 100%;
      margin: 0 0 1.5rem; }
    .det-product #instocknotify-container #InStockNotifyEmail {
      width: 100% !important;
      margin: 0 0 12px !important; }
      @media (min-width: 768px) {
        .det-product #instocknotify-container #InStockNotifyEmail {
          margin: 0 1.25rem 0 0 !important;
          width: calc(100% - 175px) !important; } }
    .det-product #instocknotify-container #InStockNotifyComplete {
      font-weight: 600;
      font-size: 18px;
      color: #f06943;
      margin: 1rem 0; }
    .det-product #instocknotify-container input[type=text] {
      display: inline-flex;
      flex-flow: row nowrap;
      justify-content: center;
      align-items: center;
      padding: 0.875rem 1.5rem;
      margin: 0;
      border: 0.125rem solid currentColor;
      border-radius: 2rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.21429;
      text-align: center;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      text-decoration: none;
      transition: all .25s;
      width: 100%;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: #f2eeea;
      border-color: #f2eeea;
      color: #646569;
      padding: 0.53125rem 1.375rem;
      text-transform: none;
      font-size: 0.875rem;
      text-align: left;
      margin: 0 0 1.25rem !important;
      width: 100% !important;
      margin: 0 !important; }
      .det-product #instocknotify-container input[type=text] + [class*="btn-"] {
        margin: 0.9375rem 0 0; }
      .det-product #instocknotify-container input[type=text] svg {
        display: inline-block;
        width: 1.25rem;
        height: 1rem;
        fill: currentColor; }
      @media (min-width: 992px) {
        .det-product #instocknotify-container input[type=text] {
          width: auto;
          margin: 0; }
          .det-product #instocknotify-container input[type=text] + [class*="btn-"] {
            margin: 0 0 0 0.9375rem; } }
      .det-product #instocknotify-container input[type=text]:hover, .det-product #instocknotify-container input[type=text]:focus {
        text-decoration: none; }
    .det-product #instocknotify-container input[type=button] {
      display: inline-flex;
      flex-flow: row nowrap;
      justify-content: center;
      align-items: center;
      padding: 0.875rem 1.5rem;
      margin: 0;
      border: 0.125rem solid currentColor;
      border-radius: 2rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.21429;
      text-align: center;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      text-decoration: none;
      transition: all .25s;
      width: 100%;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: #3d4b3c;
      border-color: #3d4b3c;
      color: #fff;
      padding: 0.53125rem 1.3125rem;
      margin: 0 !important;
      width: auto; }
      .det-product #instocknotify-container input[type=button] + [class*="btn-"] {
        margin: 0.9375rem 0 0; }
      .det-product #instocknotify-container input[type=button] svg {
        display: inline-block;
        width: 1.25rem;
        height: 1rem;
        fill: currentColor; }
      @media (min-width: 992px) {
        .det-product #instocknotify-container input[type=button] {
          width: auto;
          margin: 0; }
          .det-product #instocknotify-container input[type=button] + [class*="btn-"] {
            margin: 0 0 0 0.9375rem; } }
      .det-product #instocknotify-container input[type=button]:hover, .det-product #instocknotify-container input[type=button]:focus {
        text-decoration: none; }
      .det-product #instocknotify-container input[type=button]:hover, .det-product #instocknotify-container input[type=button]:focus {
        background: #3f6435;
        border-color: #3f6435;
        color: #fff;
        cursor: pointer; }
  .det-product [class*="opts-"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-flow: row wrap;
    position: relative; }
    .det-product [class*="opts-"] p {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      flex-flow: row nowrap;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: 0;
      align-items: 0;
      align-content: auto;
      flex-flow: row wrap;
      margin: 0 0 0.5rem;
      width: 100%; }
    .det-product [class*="opts-"] small {
      font-size: 1em;
      font-weight: normal;
      color: #c25336;
      text-transform: uppercase;
      margin: 0 0 0 0.1875rem; }
    .det-product [class*="opts-"] + [class*="opts-"] {
      margin: 1.5rem 0 0; }
    .det-product [class*="opts-"] label {
      cursor: pointer; }
  .det-product .opts-rect {
    padding-bottom: 1rem; }
    .det-product .opts-rect label {
      padding: 0.375rem 1.25rem;
      background: #f2eeea;
      color: #3d4b3c;
      border: 0.0625rem solid #3d4b3c;
      font-size: 0.75rem;
      text-transform: uppercase;
      letter-spacing: .06em;
      font-weight: 400;
      border-radius: 6px; }
      .det-product .opts-rect label:hover {
        background: #3d4b3c;
        color: #fff !important; }
      .det-product .opts-rect label ~ label {
        margin: 0 0.5rem; }
      .det-product .opts-rect label:first-of-type {
        margin: 0 0.5rem 0 0; }
      .det-product .opts-rect label:last-of-type {
        margin: 0 0 0 0.5rem; }
      .det-product .opts-rect label:hover, .det-product .opts-rect label:focus {
        color: #512c1f; }
      .det-product .opts-rect label.unavailable {
        border-color: rgba(194, 83, 54, 0.666);
        opacity: .7;
        cursor: not-allowed; }
    .det-product .opts-rect input[type="radio"], .det-product .opts-rect input[type="checkbox"] {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      border: 0;
      overflow: hidden;
      clip: rect(0, 0, 0, 0); }
      .det-product .opts-rect input[type="radio"]:checked + label, .det-product .opts-rect input[type="checkbox"]:checked + label {
        background: #3d4b3c;
        color: #fff;
        border-color: #d1a06e; }
  .det-product .opts-swatch label ~ label {
    margin: 0 0.5rem; }
  .det-product .opts-swatch label:last-of-type {
    margin: 0 0 0 0.5rem; }
  .det-product .opts-swatch label:first-of-type {
    margin: 0 0.5rem 0 0; }
  .det-product .opts-swatch .swatch:hover, .det-product .opts-swatch .swatch:focus {
    border-color: #512c1f; }
  .det-product .opts-swatch .swatch.unavailable {
    border-color: rgba(194, 83, 54, 0.666);
    opacity: .7;
    cursor: not-allowed; }
  .det-product .opts-swatch input[type="radio"], .det-product .opts-swatch input[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0); }
    .det-product .opts-swatch input[type="radio"]:checked + label, .det-product .opts-swatch input[type="checkbox"]:checked + label {
      box-shadow: 0.125rem 0.125rem 0.1875rem rgba(27, 31, 42, 0.5);
      border-color: #d1a06e; }
  .det-product .opts-select label {
    display: block;
    width: 100%;
    margin: 0 0 0.5rem; }
  .det-product .opts-select select {
    width: 100%;
    height: 2.5rem;
    border-radius: 0;
    font-size: 1rem;
    background: #fff;
    border: 0.0625rem solid #f2eeea; }
  .det-product .opts-text {
    width: 100%; }
    .det-product .opts-text label, .det-product .opts-text .form-label {
      display: block;
      -webkit-box-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      margin: 0 0 0.5rem;
      width: 100%; }
    .det-product .opts-text input, .det-product .opts-text select {
      padding: 0.5rem 1rem;
      height: 2.5rem;
      width: 100%;
      border: 0.0625rem solid #e6e0d7;
      font-size: 1rem; }
      .det-product .opts-text input:hover, .det-product .opts-text input:focus, .det-product .opts-text select:hover, .det-product .opts-text select:focus {
        border-color: #d1a06e; }
    .det-product .opts-text textarea {
      padding: 0.5rem 1rem;
      height: 8.75rem;
      width: 100%;
      border: 0.0625rem solid #e6e0d7;
      font-size: 1rem;
      font-family: "Rubik", sans-serif; }
      .det-product .opts-text textarea:hover, .det-product .opts-text textarea:focus {
        border-color: #d1a06e; }
  .det-product .form-label {
    display: block;
    -webkit-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0.5rem;
    width: 100%; }
  .det-product .form-grouped, .det-product .form-bundle, .det-product .form-simple {
    /*
    .opts-picklist {

        .pl-image {
            @include position(absolute, null, (left, top), (0, 0));
            width: remCalc(32);
            height: remCalc(32);
            overflow: hidden;
            border: remCalc(1) solid $neutral-3;
            border-radius: 50%;

            > img {
                @include position(absolute, null, (left, top), (50%, 50%), translate(-50%, -50%));
                width: 100%;
                height: auto;
            }
        }

        .pl-name {
            font-size: remCalc(14);
            line-height: 1.5;
            font-weight: 600;
            margin: 0 0 remCalc(5);
        }

        .pl-sku {
            color: $tertiary;
            font-size: remCalc(11);
            line-height: 1;
            font-weight: 500;
            letter-spacing: .08em;
            margin: 0 0 remCalc(12);
        }

        .pl-avail {
            color: $tertiary;
            font-size: remCalc(12);
            line-height: (18 / 12);
            font-weight:  600;
            margin: 0;
        }

        .info {
            display: block;
        }

        li {
            //padding: 0 0 0 remCalc(40);
            padding:0;
            width: 100%;

            &:before {
                display: none;
            }

            @media  (min-width: 1200px) {

                .form-field {
                    @include flex(space-between, flex-start, null, row nowrap);
                }

                .form-field.quantity {
                    align-items: center;
                    margin-top: 0;
                }

                .info {
                    width: calc(100% - 11.25rem);
                    margin: 0;
                }
            }

            + li {
                //padding: remCalc(20) 0 0 remCalc(40);
                padding: remCalc(20) 0 0;
                margin: remCalc(20) 0 0;
                border-top: remCalc(1) solid $neutral-2;

                .pl-image {
                    top: remCalc(20);
                }
            }
        }
    }

    .form-field.quantity {
        align-items: center;

        label {
            font-size: remCalc(14);
            width:auto;
        }

        .form-increment {
            margin: 0 0 0 remCalc(16);
        }
    
        input {
            width: remCalc(50);
            font-size: remCalc(14);
            padding: remCalc(5);
            border: remCalc(1) solid $neutral-1;

            &::-webkit-outer-spin-button,
            &::-webkit-inner-spin-button {
              -webkit-appearance: none;
              margin: 0;
            }

            &[type=number] {
                -webkit-appearance: none;
                -moz-appearance: textfield;
                appearance: none;
            }
        }
    
        .inc-minus, .inc-plus {
            width: remCalc(43);
            height: remCalc(43);
        }
    
    }
    */ }
    .det-product .form-grouped .preorder-date, .det-product .form-bundle .preorder-date, .det-product .form-simple .preorder-date {
      font-weight: 700;
      color: #b3222a; }
    .det-product .form-grouped .options, .det-product .form-bundle .options, .det-product .form-simple .options {
      margin: 1.5rem 0 0;
      border-bottom: none; }
      .det-product .form-grouped .options .options-heading, .det-product .form-bundle .options .options-heading, .det-product .form-simple .options .options-heading {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        border-bottom: 0.125rem solid #f2eeea;
        margin: 0 0 1rem; }
        .det-product .form-grouped .options .options-heading h3, .det-product .form-bundle .options .options-heading h3, .det-product .form-simple .options .options-heading h3 {
          margin: 0;
          font-weight: 500;
          font-size: 0.875rem;
          line-height: 1.0625rem;
          color: #3d4b3c;
          text-transform: uppercase;
          font-family: 'Rubik', sans-serif;
          padding: 0.3125rem 0; }
          @media (min-width: 992px) {
            .det-product .form-grouped .options .options-heading h3, .det-product .form-bundle .options .options-heading h3, .det-product .form-simple .options .options-heading h3 {
              font-size: 1rem;
              line-height: 1.1875rem; } }
        .det-product .form-grouped .options .options-heading + .opts-picklist > li:first-child, .det-product .form-bundle .options .options-heading + .opts-picklist > li:first-child, .det-product .form-simple .options .options-heading + .opts-picklist > li:first-child {
          margin-top: 0; }
      .det-product .form-grouped .options .opts-picklist, .det-product .form-bundle .options .opts-picklist, .det-product .form-simple .options .opts-picklist {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        .det-product .form-grouped .options .opts-picklist:last-child li:last-child, .det-product .form-bundle .options .opts-picklist:last-child li:last-child, .det-product .form-simple .options .opts-picklist:last-child li:last-child {
          border-bottom: none; }
        .det-product .form-grouped .options .opts-picklist .price-diff, .det-product .form-bundle .options .opts-picklist .price-diff, .det-product .form-simple .options .opts-picklist .price-diff {
          color: #4789ba;
          font-weight: 500;
          font-size: 0.875rem;
          white-space: nowrap;
          display: block; }
        .det-product .form-grouped .options .opts-picklist li, .det-product .form-bundle .options .opts-picklist li, .det-product .form-simple .options .opts-picklist li {
          margin: 0;
          padding: 0;
          padding-bottom: 1rem;
          border-bottom: 1px solid #f2eeea;
          width: 100%;
          margin-top: 1rem; }
          .det-product .form-grouped .options .opts-picklist li:before, .det-product .form-bundle .options .opts-picklist li:before, .det-product .form-simple .options .opts-picklist li:before {
            display: none; }
          .det-product .form-grouped .options .opts-picklist li + li, .det-product .form-bundle .options .opts-picklist li + li, .det-product .form-simple .options .opts-picklist li + li {
            margin-top: 1rem; }
          .det-product .form-grouped .options .opts-picklist li .form-field, .det-product .form-bundle .options .opts-picklist li .form-field, .det-product .form-simple .options .opts-picklist li .form-field {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%; }
            @media (min-width: 992px) {
              .det-product .form-grouped .options .opts-picklist li .form-field, .det-product .form-bundle .options .opts-picklist li .form-field, .det-product .form-simple .options .opts-picklist li .form-field {
                align-items: center; } }
            .det-product .form-grouped .options .opts-picklist li .form-field .options-img, .det-product .form-bundle .options .opts-picklist li .form-field .options-img, .det-product .form-simple .options .opts-picklist li .form-field .options-img {
              width: 20%;
              margin: 0 4% 0 0; }
              @media (min-width: 992px) {
                .det-product .form-grouped .options .opts-picklist li .form-field .options-img, .det-product .form-bundle .options .opts-picklist li .form-field .options-img, .det-product .form-simple .options .opts-picklist li .form-field .options-img {
                  width: 10%;
                  margin: 0 4% 0 0; } }
            .det-product .form-grouped .options .opts-picklist li .form-field .options-wrap, .det-product .form-bundle .options .opts-picklist li .form-field .options-wrap, .det-product .form-simple .options .opts-picklist li .form-field .options-wrap {
              width: 74%;
              display: flex;
              flex-direction: column;
              justify-content: flex-start; }
              @media (min-width: 992px) {
                .det-product .form-grouped .options .opts-picklist li .form-field .options-wrap, .det-product .form-bundle .options .opts-picklist li .form-field .options-wrap, .det-product .form-simple .options .opts-picklist li .form-field .options-wrap {
                  width: 84%;
                  flex-direction: row;
                  align-items: center; } }
              .det-product .form-grouped .options .opts-picklist li .form-field .options-wrap.out-of-stock .form-field.quantity .form-increment, .det-product .form-bundle .options .opts-picklist li .form-field .options-wrap.out-of-stock .form-field.quantity .form-increment, .det-product .form-simple .options .opts-picklist li .form-field .options-wrap.out-of-stock .form-field.quantity .form-increment {
                display: none; }
              .det-product .form-grouped .options .opts-picklist li .form-field .options-wrap .options-title, .det-product .form-bundle .options .opts-picklist li .form-field .options-wrap .options-title, .det-product .form-simple .options .opts-picklist li .form-field .options-wrap .options-title {
                margin: 0 0 0.25rem; }
                @media (min-width: 992px) {
                  .det-product .form-grouped .options .opts-picklist li .form-field .options-wrap .options-title, .det-product .form-bundle .options .opts-picklist li .form-field .options-wrap .options-title, .det-product .form-simple .options .opts-picklist li .form-field .options-wrap .options-title {
                    width: 38%;
                    margin: 0 5% 0 0; } }
                .det-product .form-grouped .options .opts-picklist li .form-field .options-wrap .options-title .sku-stock, .det-product .form-bundle .options .opts-picklist li .form-field .options-wrap .options-title .sku-stock, .det-product .form-simple .options .opts-picklist li .form-field .options-wrap .options-title .sku-stock {
                  color: #646569;
                  font-size: 0.75rem;
                  line-height: 1.125rem;
                  margin: 0; }
                  .det-product .form-grouped .options .opts-picklist li .form-field .options-wrap .options-title .sku-stock .stock, .det-product .form-bundle .options .opts-picklist li .form-field .options-wrap .options-title .sku-stock .stock, .det-product .form-simple .options .opts-picklist li .form-field .options-wrap .options-title .sku-stock .stock {
                    font-weight: 500;
                    color: #f06943; }
                .det-product .form-grouped .options .opts-picklist li .form-field .options-wrap .options-title h3, .det-product .form-bundle .options .opts-picklist li .form-field .options-wrap .options-title h3, .det-product .form-simple .options .opts-picklist li .form-field .options-wrap .options-title h3 {
                  margin: 0;
                  font-weight: 500;
                  font-size: 0.875rem;
                  line-height: 1.1875rem;
                  color: #3d4b3c;
                  text-transform: capitalize;
                  font-family: 'Rubik', sans-serif; }
                  .det-product .form-grouped .options .opts-picklist li .form-field .options-wrap .options-title h3 a, .det-product .form-bundle .options .opts-picklist li .form-field .options-wrap .options-title h3 a, .det-product .form-simple .options .opts-picklist li .form-field .options-wrap .options-title h3 a {
                    color: #1b1f2a;
                    text-decoration: none; }
                    .det-product .form-grouped .options .opts-picklist li .form-field .options-wrap .options-title h3 a:hover, .det-product .form-bundle .options .opts-picklist li .form-field .options-wrap .options-title h3 a:hover, .det-product .form-simple .options .opts-picklist li .form-field .options-wrap .options-title h3 a:hover {
                      text-decoration: underline; }
              .det-product .form-grouped .options .opts-picklist li .form-field .options-wrap .options-price, .det-product .form-bundle .options .opts-picklist li .form-field .options-wrap .options-price, .det-product .form-simple .options .opts-picklist li .form-field .options-wrap .options-price {
                margin: 0 0 0.25rem;
                display: flex;
                flex-direction: row;
                justify-content: flex-start; }
                @media (min-width: 992px) {
                  .det-product .form-grouped .options .opts-picklist li .form-field .options-wrap .options-price, .det-product .form-bundle .options .opts-picklist li .form-field .options-wrap .options-price, .det-product .form-simple .options .opts-picklist li .form-field .options-wrap .options-price {
                    width: 28%;
                    margin: 0 2% 0 0; } }
                .det-product .form-grouped .options .opts-picklist li .form-field .options-wrap .options-price span, .det-product .form-bundle .options .opts-picklist li .form-field .options-wrap .options-price span, .det-product .form-simple .options .opts-picklist li .form-field .options-wrap .options-price span {
                  font-size: 16px;
                  line-height: 27px;
                  color: #1b1f2a; }
                  .det-product .form-grouped .options .opts-picklist li .form-field .options-wrap .options-price span.full-price, .det-product .form-bundle .options .opts-picklist li .form-field .options-wrap .options-price span.full-price, .det-product .form-simple .options .opts-picklist li .form-field .options-wrap .options-price span.full-price {
                    text-decoration-line: line-through;
                    margin: 0 0.5rem 0 0; }
                  .det-product .form-grouped .options .opts-picklist li .form-field .options-wrap .options-price span.op-price, .det-product .form-bundle .options .opts-picklist li .form-field .options-wrap .options-price span.op-price, .det-product .form-simple .options .opts-picklist li .form-field .options-wrap .options-price span.op-price {
                    font-weight: 500; }
                    .det-product .form-grouped .options .opts-picklist li .form-field .options-wrap .options-price span.op-price .full-price + span, .det-product .form-bundle .options .opts-picklist li .form-field .options-wrap .options-price span.op-price .full-price + span, .det-product .form-simple .options .opts-picklist li .form-field .options-wrap .options-price span.op-price .full-price + span {
                      color: #f06943; }
              .det-product .form-grouped .options .opts-picklist li .form-field .options-wrap .quantity.form-field, .det-product .form-bundle .options .opts-picklist li .form-field .options-wrap .quantity.form-field, .det-product .form-simple .options .opts-picklist li .form-field .options-wrap .quantity.form-field {
                margin: 0; }
                .det-product .form-grouped .options .opts-picklist li .form-field .options-wrap .quantity.form-field > a, .det-product .form-bundle .options .opts-picklist li .form-field .options-wrap .quantity.form-field > a, .det-product .form-simple .options .opts-picklist li .form-field .options-wrap .quantity.form-field > a {
                  text-align: center;
                  text-decoration: underline; }
                @media (min-width: 992px) {
                  .det-product .form-grouped .options .opts-picklist li .form-field .options-wrap .quantity.form-field, .det-product .form-bundle .options .opts-picklist li .form-field .options-wrap .quantity.form-field, .det-product .form-simple .options .opts-picklist li .form-field .options-wrap .quantity.form-field {
                    width: 26%; } }
                .det-product .form-grouped .options .opts-picklist li .form-field .options-wrap .quantity.form-field .form-increment, .det-product .form-bundle .options .opts-picklist li .form-field .options-wrap .quantity.form-field .form-increment, .det-product .form-simple .options .opts-picklist li .form-field .options-wrap .quantity.form-field .form-increment {
                  margin: 0; }
                .det-product .form-grouped .options .opts-picklist li .form-field .options-wrap .quantity.form-field input, .det-product .form-bundle .options .opts-picklist li .form-field .options-wrap .quantity.form-field input, .det-product .form-simple .options .opts-picklist li .form-field .options-wrap .quantity.form-field input {
                  border: none;
                  width: 2.6875rem; }
                .det-product .form-grouped .options .opts-picklist li .form-field .options-wrap .quantity.form-field .inc-minus, .det-product .form-bundle .options .opts-picklist li .form-field .options-wrap .quantity.form-field .inc-minus, .det-product .form-simple .options .opts-picklist li .form-field .options-wrap .quantity.form-field .inc-minus {
                  border-right: 1px solid #e6e0d7; }
                .det-product .form-grouped .options .opts-picklist li .form-field .options-wrap .quantity.form-field .inc-plus, .det-product .form-bundle .options .opts-picklist li .form-field .options-wrap .quantity.form-field .inc-plus, .det-product .form-simple .options .opts-picklist li .form-field .options-wrap .quantity.form-field .inc-plus {
                  border-left: 1px solid #e6e0d7; }
      .det-product .form-grouped .options.modified, .det-product .form-bundle .options.modified, .det-product .form-simple .options.modified {
        margin: 1.5rem 0; }
      .det-product .form-grouped .options .form-field .form-label, .det-product .form-bundle .options .form-field .form-label, .det-product .form-simple .options .form-field .form-label {
        font-weight: 500;
        color: #3c4b3c; }
  .det-product a {
    color: #c25336;
    text-decoration: underline; }
    .det-product a:hover, .det-product a:focus {
      color: #d1a06e; }
  .det-product .accordion.acc-description {
    margin: 0 0 1.5rem; }
    @media (min-width: 768px) {
      .det-product .accordion.acc-description {
        padding: 1.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-flow: row wrap;
        background: #fff;
        border: 0.0625rem solid #f2eeea; }
        .det-product .accordion.acc-description button {
          border-bottom: none;
          font-size: 1rem;
          font-weight: 600;
          line-height: 1;
          color: #1b1f2a;
          letter-spacing: 0.12em;
          text-transform: uppercase;
          padding: 0;
          cursor: default;
          pointer-events: none; }
          .det-product .accordion.acc-description button:before, .det-product .accordion.acc-description button:after {
            display: none; }
          .det-product .accordion.acc-description button:hover, .det-product .accordion.acc-description button:focus {
            color: #1b1f2a; }
          .det-product .accordion.acc-description button[aria-expanded="true"] {
            color: #1b1f2a; }
        .det-product .accordion.acc-description > dt,
        .det-product .accordion.acc-description > dd {
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          justify-content: 0;
          align-items: 0;
          align-content: auto;
          flex-flow: row wrap;
          width: 100%;
          order: 5; }
          .det-product .accordion.acc-description > dt:nth-of-type(1),
          .det-product .accordion.acc-description > dd:nth-of-type(1) {
            width: calc(66.667% - 3.875rem); }
          .det-product .accordion.acc-description > dt:nth-of-type(2),
          .det-product .accordion.acc-description > dd:nth-of-type(2) {
            width: calc(33.333% - 3.875rem); }
        .det-product .accordion.acc-description > dt {
          margin: 0 0 1.5rem;
          border-top: none; }
          .det-product .accordion.acc-description > dt:nth-of-type(1) {
            order: 1; }
          .det-product .accordion.acc-description > dt:nth-of-type(2) {
            order: 2; }
          .det-product .accordion.acc-description > dt:nth-of-type(n + 3) {
            border-top: 0.0625rem solid #f2eeea;
            margin: 2rem 0 1.5rem;
            padding: 2rem 0 0; }
        .det-product .accordion.acc-description > dd {
          display: block !important;
          padding: 0; }
          .det-product .accordion.acc-description > dd:nth-of-type(1) {
            order: 3; }
          .det-product .accordion.acc-description > dd:nth-of-type(2) {
            order: 4; }
          .det-product .accordion.acc-description > dd:nth-of-type(n + 3) > ul {
            -webkit-column-count: 3;
            -ms-column-count: 3;
            column-count: 3;
            -webkit-column-gap: 2rem;
            -ms-column-gap: 2rem;
            column-gap: 2rem; }
            .det-product .accordion.acc-description > dd:nth-of-type(n + 3) > ul > li {
              display: inline-block;
              width: 100%;
              margin: 0.5rem 0; } }
  @media (min-width: 768px) and (min-width: 992px) {
    .det-product .accordion.acc-description {
      padding: 2rem 3rem; } }
  @media (min-width: 768px) and (min-width: 1200px) {
    .det-product .accordion.acc-description {
      padding: 2.625rem 6rem; } }
  .det-product .featured-bullets li + li {
    margin: 0.5rem 0 0 0.5rem; }
  .det-product .featured-bullets .featured-bullets--header {
    display: flex;
    color: #3d4b3c;
    font-weight: 500;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    text-transform: uppercase;
    margin-left: 0; }
    .det-product .featured-bullets .featured-bullets--header::before {
      display: none; }
    .det-product .featured-bullets .featured-bullets--header a {
      text-transform: none;
      font-weight: 500;
      font-size: 0.875rem;
      line-height: 1.25rem;
      text-decoration-line: underline;
      margin: 0 0 0 0.25rem;
      color: #3d4b3c; }
      @media (min-width: 768px) {
        .det-product .featured-bullets .featured-bullets--header a {
          font-size: 1rem;
          line-height: 1.5rem; } }
      .det-product .featured-bullets .featured-bullets--header a:hover, .det-product .featured-bullets .featured-bullets--header a:focus {
        color: #a3b17b; }
  .det-product .short-desc {
    margin: 0 0 1.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #4F4F4F; }
    @media (min-width: 768px) {
      .det-product .short-desc {
        font-size: 1rem;
        line-height: 1.5rem;
        margin: 0 0 1.5rem; } }
    .det-product .short-desc .read-more {
      font-weight: 500;
      font-size: 0.875rem;
      line-height: 1.25rem;
      text-decoration-line: underline;
      margin: 0 0 0 0.25rem;
      color: #3d4b3c; }
      @media (min-width: 768px) {
        .det-product .short-desc .read-more {
          font-size: 1rem;
          line-height: 1.5rem; } }
      .det-product .short-desc .read-more:hover, .det-product .short-desc .read-more:focus {
        color: #a3b17b; }
  .det-product .reviews-wrap {
    position: relative;
    /*  --------------------------------------------------------------------------  *\

    PRODUCT DETAILS - REVIEWS - REVIEW

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

    PRODUCT DETAILS - REVIEWS - FORM

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

    PRODUCT DETAILS - REVIEWS - RATING

\*  --------------------------------------------------------------------------  */ }
    .det-product .reviews-wrap .reviews {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      flex-flow: row wrap; }
      .det-product .reviews-wrap .reviews article {
        border: 0.25rem solid #c25336;
        border-radius: 1rem;
        padding: 2rem; }
        @media (min-width: 768px) {
          .det-product .reviews-wrap .reviews article {
            width: calc(50% - 1rem); }
            .det-product .reviews-wrap .reviews article:nth-child(n + 3) {
              margin-top: 2rem; } }
      .det-product .reviews-wrap .reviews .rating {
        margin: 0 0 1rem; }
        .det-product .reviews-wrap .reviews .rating svg {
          width: 1.125rem;
          height: 1.125rem;
          margin: 0 0.1875rem 0 0; }
          .det-product .reviews-wrap .reviews .rating svg.full {
            fill: #1b1f2a; }
      .det-product .reviews-wrap .reviews h3 {
        font-size: 1rem; }
        .det-product .reviews-wrap .reviews h3 small {
          margin: 0.5rem 0 0;
          font-size: 0.75rem;
          color: #512c1f; }
        @media (min-width: 768px) {
          .det-product .reviews-wrap .reviews h3 {
            font-size: 1.25rem;
            line-height: 1.333;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            flex-flow: row nowrap; }
            .det-product .reviews-wrap .reviews h3 small {
              margin: 0 0 0 1rem;
              white-space: nowrap;
              font-size: 0.875rem;
              line-height: 2; } }
        @media (min-width: 992px) {
          .det-product .reviews-wrap .reviews h3 {
            font-size: 1.5rem; }
            .det-product .reviews-wrap .reviews h3 small {
              margin: 0 0 0 1.5rem;
              font-size: 1rem; } }
    .det-product .reviews-wrap .form-review {
      max-width: 50rem;
      margin: 0 auto; }
      .det-product .reviews-wrap .form-review .form-btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: row nowrap; }
      .det-product .reviews-wrap .form-review .g-recaptcha {
        padding: 0 0 0 13.5rem; }
    .det-product .reviews-wrap .rating-lg .review-link {
      font-size: 1rem;
      line-height: 1; }
    .det-product .reviews-wrap .rating-lg svg {
      width: 1.125rem;
      height: 1.125rem;
      margin: 0 0 0 0.125rem; }
    @media (min-width: 768px) {
      .det-product .reviews-wrap .rating-lg {
        position: absolute;
        left: 0;
        top: 0; } }

.det-article {
  /*  --------------------------------------------------------------------------  *\

    ARTICLE - BY LINE

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

    ARTICLE - TAGS

\*  --------------------------------------------------------------------------  */ }
  .det-article p.byline {
    font-size: 1.125rem;
    line-height: 1.5; }
  .det-article .tags {
    margin: 2.5rem 0 0;
    padding: 2.5rem 0 0;
    border-top: 0.0625rem solid #512c1f;
    color: #512c1f;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .12em; }
    .det-article .tags a {
      color: #b3222a; }
      .det-article .tags a:hover, .det-article .tags a:focus {
        color: #b3222a;
        text-decoration: underline; }

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

    ARTICLE - Hubspot Blog Card

\*  --------------------------------------------------------------------------  */
[data-hbs-blog-featured] article,
[data-hbs-blog-tag] article {
  border: 1px solid #f2eeea;
  padding: 0;
  position: relative;
  margin: 0.5rem !important;
  width: calc(100% - 1rem); }

[data-hbs-blog-featured] .tags,
[data-hbs-blog-tag] .tags {
  position: absolute;
  top: 5%;
  left: 0; }
  [data-hbs-blog-featured] .tags .tag,
  [data-hbs-blog-tag] .tags .tag {
    background: #1b1f2a;
    display: flex;
    color: #e0c9b7;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: .1em;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    padding: 0.5rem 0.75rem;
    text-transform: uppercase; }
    [data-hbs-blog-featured] .tags .tag:before,
    [data-hbs-blog-tag] .tags .tag:before {
      content: '';
      background: url(https://f.hubspotusercontent40.net/hubfs/6632597/KegWorks%20Assets/tag-assets/tag-wine.png) no-repeat 50% 50%/contain;
      margin: 0 0.5rem 0 0;
      width: 1rem;
      height: 1rem; }
  [data-hbs-blog-featured] .tags .tag-how-to-guide, [data-hbs-blog-featured] .tags .tag.tag-learn,
  [data-hbs-blog-tag] .tags .tag-how-to-guide,
  [data-hbs-blog-tag] .tags .tag.tag-learn {
    background: #b3222a; }
    [data-hbs-blog-featured] .tags .tag-how-to-guide:before, [data-hbs-blog-featured] .tags .tag.tag-learn:before,
    [data-hbs-blog-tag] .tags .tag-how-to-guide:before,
    [data-hbs-blog-tag] .tags .tag.tag-learn:before {
      background: url(https://f.hubspotusercontent40.net/hubfs/6632597/KegWorks%20Assets/tag-assets/tag-how-to.png) no-repeat 50% 50%/contain; }
  [data-hbs-blog-featured] .tags .tag-info:before,
  [data-hbs-blog-tag] .tags .tag-info:before {
    background: url(https://f.hubspotusercontent40.net/hubfs/6632597/KegWorks%20Assets/tag-assets/tag-info.png) no-repeat 50% 50%/contain; }
  [data-hbs-blog-featured] .tags .tag-news,
  [data-hbs-blog-tag] .tags .tag-news {
    background: #3d4b3c; }
    [data-hbs-blog-featured] .tags .tag-news:before,
    [data-hbs-blog-tag] .tags .tag-news:before {
      background: url(https://f.hubspotusercontent40.net/hubfs/6632597/KegWorks%20Assets/tag-assets/tag-news.png) no-repeat 50% 50%/contain; }
  [data-hbs-blog-featured] .tags .tag-reviews, [data-hbs-blog-featured] .tags .tag-beer-reviews,
  [data-hbs-blog-tag] .tags .tag-reviews,
  [data-hbs-blog-tag] .tags .tag-beer-reviews {
    background: #273542; }
    [data-hbs-blog-featured] .tags .tag-reviews:before, [data-hbs-blog-featured] .tags .tag-beer-reviews:before,
    [data-hbs-blog-tag] .tags .tag-reviews:before,
    [data-hbs-blog-tag] .tags .tag-beer-reviews:before {
      background: url(https://f.hubspotusercontent40.net/hubfs/6632597/KegWorks%20Assets/tag-assets/tag-reviews.png) no-repeat 50% 50%/contain; }
  [data-hbs-blog-featured] .tags .tag-blog-post,
  [data-hbs-blog-tag] .tags .tag-blog-post {
    background: #4789ba; }
    [data-hbs-blog-featured] .tags .tag-blog-post:before,
    [data-hbs-blog-tag] .tags .tag-blog-post:before {
      background: url(https://f.hubspotusercontent40.net/hubfs/6632597/KegWorks%20Assets/tag-assets/tag-blog.png) no-repeat 50% 50%/contain; }
  [data-hbs-blog-featured] .tags .tag-featured-project,
  [data-hbs-blog-tag] .tags .tag-featured-project {
    background: #d1a06e; }
    [data-hbs-blog-featured] .tags .tag-featured-project:before,
    [data-hbs-blog-tag] .tags .tag-featured-project:before {
      background: url(https://f.hubspotusercontent40.net/hubfs/6632597/KegWorks%20Assets/tag-assets/tag-featured.png) no-repeat 50% 50%/contain; }
  [data-hbs-blog-featured] .tags .tag-recipes,
  [data-hbs-blog-tag] .tags .tag-recipes {
    background: #a3b17b; }
    [data-hbs-blog-featured] .tags .tag-recipes:before,
    [data-hbs-blog-tag] .tags .tag-recipes:before {
      background: url(https://f.hubspotusercontent40.net/hubfs/6632597/KegWorks%20Assets/tag-assets/tag-recipes.png) no-repeat 50% 50%/contain; }
  [data-hbs-blog-featured] .tags .tag-beer,
  [data-hbs-blog-tag] .tags .tag-beer {
    background: #f06943; }
    [data-hbs-blog-featured] .tags .tag-beer:before,
    [data-hbs-blog-tag] .tags .tag-beer:before {
      background: url(https://f.hubspotusercontent40.net/hubfs/6632597/KegWorks%20Assets/tag-assets/tag-beer.png) no-repeat 50% 50%/contain; }
  [data-hbs-blog-featured] .tags .tag-cocktail-recipes, [data-hbs-blog-featured] .tags .tag-cocktails-recipes,
  [data-hbs-blog-tag] .tags .tag-cocktail-recipes,
  [data-hbs-blog-tag] .tags .tag-cocktails-recipes {
    background: #c25336; }
    [data-hbs-blog-featured] .tags .tag-cocktail-recipes:before, [data-hbs-blog-featured] .tags .tag-cocktails-recipes:before,
    [data-hbs-blog-tag] .tags .tag-cocktail-recipes:before,
    [data-hbs-blog-tag] .tags .tag-cocktails-recipes:before {
      background: url(https://f.hubspotusercontent40.net/hubfs/6632597/KegWorks%20Assets/tag-assets/tag-cocktail.png) no-repeat 50% 50%/contain; }
  [data-hbs-blog-featured] .tags .tag-wine:before,
  [data-hbs-blog-tag] .tags .tag-wine:before {
    background: url(https://f.hubspotusercontent40.net/hubfs/6632597/KegWorks%20Assets/tag-assets/tag-wine.png) no-repeat 50% 50%/contain; }
  [data-hbs-blog-featured] .tags .tag-spirits,
  [data-hbs-blog-tag] .tags .tag-spirits {
    background: #f06943; }
    [data-hbs-blog-featured] .tags .tag-spirits:before,
    [data-hbs-blog-tag] .tags .tag-spirits:before {
      background: url(https://f.hubspotusercontent40.net/hubfs/6632597/KegWorks%20Assets/tag-assets/tag-spirits.png) no-repeat 50% 50%/contain; }
  [data-hbs-blog-featured] .tags .tag-fun-stuff, [data-hbs-blog-featured] .tags [class*="tag-parties"],
  [data-hbs-blog-tag] .tags .tag-fun-stuff,
  [data-hbs-blog-tag] .tags [class*="tag-parties"] {
    background: #f06943; }
    [data-hbs-blog-featured] .tags .tag-fun-stuff:before, [data-hbs-blog-featured] .tags [class*="tag-parties"]:before,
    [data-hbs-blog-tag] .tags .tag-fun-stuff:before,
    [data-hbs-blog-tag] .tags [class*="tag-parties"]:before {
      background: url(https://f.hubspotusercontent40.net/hubfs/6632597/KegWorks%20Assets/tag-assets/tag-fun-stuff.png) no-repeat 50% 50%/contain; }

[data-hbs-blog-featured] .cnt,
[data-hbs-blog-tag] .cnt {
  padding: 1rem; }

[data-hbs-blog-featured] .readmore,
[data-hbs-blog-tag] .readmore {
  color: #512c1f;
  display: flex;
  font-weight: 600;
  align-items: center;
  text-transform: uppercase; }
  [data-hbs-blog-featured] .readmore:after,
  [data-hbs-blog-tag] .readmore:after {
    content: '';
    margin-left: 0.75rem;
    width: 1rem;
    height: 1rem;
    background: url('data:image/svg+xml;utf8,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5118 5.85011L6.56565 1.90396L7.48475 0.984863L13 6.50011L12.5404 6.95966L7.48475 12.0154L6.56565 11.0963L10.5118 7.15011H0V5.85011H10.5118Z" fill="%2398262B"/></svg>') no-repeat 50% 50%/contain; }
  [data-hbs-blog-featured] .readmore:hover, [data-hbs-blog-featured] .readmore:focus,
  [data-hbs-blog-tag] .readmore:hover,
  [data-hbs-blog-tag] .readmore:focus {
    color: #4789ba; }
    [data-hbs-blog-featured] .readmore:hover:after, [data-hbs-blog-featured] .readmore:focus:after,
    [data-hbs-blog-tag] .readmore:hover:after,
    [data-hbs-blog-tag] .readmore:focus:after {
      background: url('data:image/svg+xml;utf8,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5118 5.85011L6.56565 1.90396L7.48475 0.984863L13 6.50011L12.5404 6.95966L7.48475 12.0154L6.56565 11.0963L10.5118 7.15011H0V5.85011H10.5118Z" fill="%2389431c"/></svg>') no-repeat 50% 50%/contain; }

@media (min-width: 768px) {
  [data-hbs-blog-featured] article,
  [data-hbs-blog-tag] article {
    width: calc(33.3% - 1rem); } }

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

    COMMERCE COMPONENTS

    This is where all components directly related to commerce components will
    be styled.  This includes the Shopping Cart, Mini Cart, and Checkout.

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

    COMMERCE > SHOPPING CART

\*  --------------------------------------------------------------------------  */
div[data-cart-content] {
  margin: 0; }
  @media (min-width: 992px) {
    div[data-cart-content] {
      padding: 0 4.6875rem 0 0; } }

div[data-cart-totals] #idme-verification {
  margin: 1rem 0 0; }
  div[data-cart-totals] #idme-verification p {
    margin: 0 0 0.75rem; }

.cart .order-details-info {
  display: none;
  margin-top: 1rem; }

.cart .hero:before {
  display: none; }

.cart .hero .container {
  border-bottom: none; }
  .cart .hero .container > h1 {
    margin-bottom: 0;
    padding-bottom: 0; }

.cart section[data-rfk-widget] {
  padding-top: 0; }

.cont-shopping, .empty-cart {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
  color: #3d4b3c;
  display: flex;
  align-items: center;
  margin: 0.625rem 0 0; }
  @media (min-width: 768px) {
    .cont-shopping, .empty-cart {
      margin: 0; } }
  .cont-shopping svg, .empty-cart svg {
    width: 7px;
    height: 11px;
    color: currentColor;
    margin: 0 0.25rem 0 0; }
    .cont-shopping svg g path, .cont-shopping svg path, .empty-cart svg g path, .empty-cart svg path {
      fill: currentColor; }

.cont-shopping svg {
  height: 14px;
  width: 14px; }

.empty-cart svg {
  width: 18px;
  height: 17px; }

.flex {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .flex.jc-space-between {
    justify-content: space-between; }

[data-cart-page-title] {
  font-weight: 600;
  font-size: 2rem !important; }
  @media (min-width: 768px) {
    [data-cart-page-title] {
      font-size: 2.5rem !important; } }

[data-cart] {
  padding-top: 0; }
  @media (min-width: 768px) {
    [data-cart] {
      padding-top: 1.5rem;
      padding-bottom: 1rem; } }
  @media (max-width: 767.9px) {
    [data-cart] .col-xs-12 + .col-xs-12 {
      margin-top: 0; } }
  @media (max-width: 767.9px) {
    [data-cart] .totals-wrap {
      border: none; } }

.line-items {
  border: none;
  width: 100%;
  padding: 0 1rem; }
  @media (max-width: 767.9px) {
    .line-items {
      margin-bottom: 0; } }
  @media (min-width: 768px) {
    .line-items {
      margin-bottom: 1.5rem; } }
  @media (min-width: 768px) {
    .line-items .mob-only {
      display: none; } }
  .line-items .strong {
    font-weight: 700; }
  .line-items thead {
    display: none !important; }
    @media (min-width: 768px) {
      .line-items thead {
        display: block !important; } }
    .line-items thead tr {
      border: none; }
      .line-items thead tr th {
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        text-transform: uppercase;
        color: #3d4b3c;
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
        .line-items thead tr th:first-child {
          width: 70%;
          padding: 1rem; }
        .line-items thead tr th:last-child {
          width: 30%;
          padding: 1rem 1rem 1rem 0; }
  .line-items tr {
    display: flex;
    flex-direction: column;
    border-top: 0.0625rem solid #e6e0d7;
    border-bottom: 0.0625rem solid #e6e0d7;
    padding: 0 0 1.25rem; }
    @media (min-width: 768px) {
      .line-items tr {
        flex-direction: row;
        padding: 0; } }
    .line-items tr > td {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      padding: 1rem 0 0;
      background: transparent;
      border: none;
      text-align: left;
      width: 100%; }
      @media (min-width: 768px) {
        .line-items tr > td {
          padding: 1.5rem 0 1.5rem 1.0625rem;
          flex-direction: row; } }
      .line-items tr > td:first-child {
        width: 100% !important;
        flex-direction: row; }
        @media (min-width: 768px) {
          .line-items tr > td:first-child {
            justify-content: flex-start;
            width: 70% !important;
            padding: 1.5rem 1.875rem 1.5rem 0; } }
        .line-items tr > td:first-child > a, .line-items tr > td:first-child > img {
          border: 1px solid #f2eeea;
          width: 25%;
          display: block;
          margin: 0 1rem 0 0; }
          @media (min-width: 768px) {
            .line-items tr > td:first-child > a, .line-items tr > td:first-child > img {
              width: 40%;
              margin: 0 1.375rem 0 0; } }
        .line-items tr > td:first-child > div {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: space-between; }
          .line-items tr > td:first-child > div .sku, .line-items tr > td:first-child > div .option {
            font-weight: normal;
            font-size: 14px;
            line-height: 24px;
            text-transform: capitalize;
            color: #646569;
            margin: 0 0 0.5rem; }
          .line-items tr > td:first-child > div .options {
            margin-bottom: 1rem; }
            .line-items tr > td:first-child > div .options a {
              font-size: 0.875rem;
              font-weight: normal;
              color: #3f6435;
              text-decoration-line: underline;
              display: flex;
              align-items: center; }
              .line-items tr > td:first-child > div .options a:hover, .line-items tr > td:first-child > div .options a:focus {
                color: #a3b17b; }
          .line-items tr > td:first-child > div .purchasability {
            font-size: 14px;
            color: #b3222a; }
          .line-items tr > td:first-child > div .qty-status-wrap {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start; }
      .line-items tr > td:last-child {
        display: flex;
        flex-direction: column; }
        @media (min-width: 768px) {
          .line-items tr > td:last-child {
            width: 30%;
            padding: 1.5rem 1rem 1.5rem 0; } }
        .line-items tr > td:last-child > div {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center; }
          @media (min-width: 768px) {
            .line-items tr > td:last-child > div {
              justify-content: space-between; } }
          .line-items tr > td:last-child > div:last-child {
            justify-content: flex-start; }
            @media (min-width: 768px) {
              .line-items tr > td:last-child > div:last-child {
                justify-content: space-between; } }
          .line-items tr > td:last-child > div:first-child {
            flex-direction: column;
            margin: 0;
            align-items: flex-start; }
            @media (min-width: 768px) {
              .line-items tr > td:last-child > div:first-child {
                margin: 0 0 3.75rem;
                flex-direction: row;
                align-items: center; } }
      .line-items tr > td .item-options {
        justify-content: flex-end !important; }
        .line-items tr > td .item-options a {
          font-size: 0.875rem;
          font-weight: normal;
          color: #3f6435;
          text-decoration-line: underline;
          display: flex;
          align-items: center;
          margin: -1.875rem 0 0; }
          @media (min-width: 768px) {
            .line-items tr > td .item-options a {
              margin: 0 -1rem 0 0; } }
          .line-items tr > td .item-options a:hover, .line-items tr > td .item-options a:focus {
            color: #a3b17b; }
          .line-items tr > td .item-options a svg {
            height: 0.9375rem;
            width: 0.9375rem;
            fill: currentColor;
            margin: 0 0.5rem 0 0; }
    .line-items tr + tr {
      border-top: none; }
  .line-items td {
    vertical-align: top;
    position: relative; }
    .line-items td > div {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-end;
      width: 100%;
      margin: 0 0 1.125rem; }
      .line-items td > div:last-child {
        margin: 0; }
  .line-items img {
    width: 100%;
    max-width: 10rem;
    height: auto; }
  .line-items .brand {
    display: none; }
  .line-items .title {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #3d4b3c;
    margin: 0 0 0.5rem; }
    .line-items .title a {
      color: #3d4b3c;
      text-decoration: none;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 19px; }
      .line-items .title a:hover, .line-items .title a:focus {
        color: #a3b17b;
        text-decoration: underline; }
  .line-items .availability {
    font-weight: 400;
    color: #646569;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 0 1.5rem; }
  .line-items .price {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 27px;
    text-transform: capitalize;
    color: #4F4F4F; }
    .line-items .price.price--discounted {
      text-decoration: line-through;
      color: #512c1f; }
  .line-items .option {
    margin: 0.75rem 0 0; }
    .line-items .option span:first-child {
      font-weight: 700; }
  .line-items .form-field.quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row nowrap;
    margin: 0; }
    .line-items .form-field.quantity .form-increment {
      margin: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      flex-flow: row nowrap; }
    .line-items .form-field.quantity input {
      width: 3rem;
      font-size: 1rem;
      font-weight: normal;
      text-align: center;
      padding: 0.3125rem;
      border-left: 0.0625rem solid #e6e0d7;
      border-right: 0.0625rem solid #e6e0d7;
      border-top: none;
      border-bottom: none;
      color: #3d4b3c; }
    .line-items .form-field.quantity .inc-minus, .line-items .form-field.quantity .inc-plus {
      position: relative;
      border: 0.0625rem solid #e6e0d7;
      border-radius: 0;
      width: 2.1875rem;
      height: 2.1875rem;
      background: #fff; }
      .line-items .form-field.quantity .inc-minus:before, .line-items .form-field.quantity .inc-minus:after, .line-items .form-field.quantity .inc-plus:before, .line-items .form-field.quantity .inc-plus:after {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        content: "";
        background: #3d4b3c; }
      .line-items .form-field.quantity .inc-minus:hover:before, .line-items .form-field.quantity .inc-minus:hover:after, .line-items .form-field.quantity .inc-minus:focus:before, .line-items .form-field.quantity .inc-minus:focus:after, .line-items .form-field.quantity .inc-plus:hover:before, .line-items .form-field.quantity .inc-plus:hover:after, .line-items .form-field.quantity .inc-plus:focus:before, .line-items .form-field.quantity .inc-plus:focus:after {
        background: #512c1f; }
    .line-items .form-field.quantity .inc-minus {
      border-right: none; }
      .line-items .form-field.quantity .inc-minus:before {
        height: 0.0625rem;
        width: 0.625rem; }
      .line-items .form-field.quantity .inc-minus:after {
        display: none; }
    .line-items .form-field.quantity .inc-plus {
      border-left: none; }
      .line-items .form-field.quantity .inc-plus:before {
        height: 0.0625rem;
        width: 0.625rem; }
      .line-items .form-field.quantity .inc-plus:after {
        width: 0.0625rem;
        height: 0.625rem; }
  .line-items .cart-content-disclaimer {
    background: #E8EBED;
    border-radius: 4px;
    padding: 0.9375rem; }
    .line-items .cart-content-disclaimer ul li {
      text-align: left;
      padding: 0 0 0 12px; }
      .line-items .cart-content-disclaimer ul li:before {
        width: 4px;
        height: 4px;
        border-radius: 50%; }
      .line-items .cart-content-disclaimer ul li p {
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 24px;
        text-transform: capitalize;
        color: #e6e0d7; }
  .line-items .messaging {
    background-color: #f2eeea;
    font-size: 0.875rem;
    margin: 0 0 1.25rem;
    border: 0.0625rem solid #e6e0d7;
    padding: 0.75rem 1rem;
    position: relative; }
    .line-items .messaging:empty {
      display: none; }
    .line-items .messaging p {
      margin-bottom: 0; }

.help {
  background: #f2eeea;
  padding: 1.125rem 1.875rem;
  margin: 0 0 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 33.9375rem; }
  @media (min-width: 768px) {
    .help {
      padding: 1.25rem; } }
  .help > div:first-child {
    width: 100%;
    max-width: 3.375rem;
    margin: 0 1.875rem 0 0; }
  .help > div:nth-child(2) > div {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 0 0.625rem; }
    .help > div:nth-child(2) > div img {
      max-width: 2.375rem;
      margin: 0 1.125rem 0 0; }
  .help > div h3 {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-transform: capitalize;
    font-family: 'Rubik', sans-serif;
    margin: 0; }
  .help > div p {
    font-size: 14px;
    line-height: 18px;
    color: #828282;
    margin: 0; }

.help-grid {
  background: #f2eeea;
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 1fr;
  padding: 1.125rem 1.875rem;
  margin: 1.5rem 0; }
  .help-grid h3, .help-grid .h3 {
    color: #3d4b3c;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.25;
    text-transform: capitalize;
    font-family: "Rubik", sans-serif;
    margin: 0; }
  .help-grid p {
    font-size: 14px;
    line-height: 18px;
    color: black;
    margin: 0; }
  .help-grid img {
    max-width: 2.375rem; }
  .help-grid .block {
    display: flex;
    align-items: center;
    gap: 1rem; }
  .help-grid .spacer {
    border-bottom: 2px solid #3f6435; }
  @media (min-width: 768px) {
    .help-grid {
      grid-template-columns: 1fr auto 1fr;
      padding: 1.25rem; }
      .help-grid .spacer {
        border-bottom: none;
        border-right: 2px solid #3f6435; } }

.bfx-checkout-container .help {
  max-width: 100%;
  padding: 0.75rem 1.25rem;
  align-items: center; }
  @media (min-width: 992px) {
    .bfx-checkout-container .help {
      margin-top: 2rem;
      margin-right: 4.6875rem; } }
  .bfx-checkout-container .help > div:first-child {
    width: 100%;
    max-width: 1.5625rem;
    margin: 0 1rem 0 0; }
  .bfx-checkout-container .help > div:nth-child(2) > div {
    margin: 0; }
  .bfx-checkout-container .help img {
    max-width: 1.5625rem;
    margin: 0; }

.options-change {
  padding: 0;
  margin-bottom: 1rem; }

#CartEditProductFieldsForm {
  /*  --------------------------------------------------------------------------  *\

    PRODUCT DETAIL - PRODUCT VIEW - FORMS - OPTIONS - SWATCHES

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

    PRODUCT DETAIL - PRODUCT VIEW - FORMS - OPTIONS - RECTANGLES

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

    PRODUCT DETAIL - PRODUCT VIEW - FORMS - OPTIONS - PICKLIST BUNDLED

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

    PRODUCT DETAIL - PRODUCT VIEW - FORMS - OPTIONS - RECTANGLES

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

    PRODUCT DETAIL - PRODUCT VIEW - FORMS - OPTIONS - INPUTS

\*  --------------------------------------------------------------------------  */ }
  #CartEditProductFieldsForm .opts-swatch label ~ label {
    margin: 0 0.5rem; }
  #CartEditProductFieldsForm .opts-swatch label:last-of-type {
    margin: 0 0 0 0.5rem; }
  #CartEditProductFieldsForm .opts-swatch label:first-of-type {
    margin: 0 0.5rem 0 0; }
  #CartEditProductFieldsForm .opts-swatch .swatch:hover, #CartEditProductFieldsForm .opts-swatch .swatch:focus {
    border-color: #512c1f; }
  #CartEditProductFieldsForm .opts-swatch .swatch.unavailable {
    border-color: rgba(194, 83, 54, 0.666);
    opacity: .7;
    cursor: not-allowed; }
  #CartEditProductFieldsForm .opts-swatch input[type="radio"], #CartEditProductFieldsForm .opts-swatch input[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0); }
    #CartEditProductFieldsForm .opts-swatch input[type="radio"]:checked + label, #CartEditProductFieldsForm .opts-swatch input[type="checkbox"]:checked + label {
      box-shadow: 0.125rem 0.125rem 0.1875rem rgba(27, 31, 42, 0.5);
      border-color: #d1a06e; }
  #CartEditProductFieldsForm .opts-rect {
    padding-bottom: 1rem; }
    #CartEditProductFieldsForm .opts-rect label {
      padding: 0.375rem 1.25rem;
      background: #f2eeea;
      color: #3d4b3c;
      border: 0.0625rem solid #3d4b3c;
      font-size: 0.75rem;
      text-transform: uppercase;
      letter-spacing: .06em;
      font-weight: 400;
      border-radius: 6px; }
      #CartEditProductFieldsForm .opts-rect label:hover {
        background: #3d4b3c;
        color: #fff !important; }
      #CartEditProductFieldsForm .opts-rect label ~ label {
        margin: 0 0.5rem; }
      #CartEditProductFieldsForm .opts-rect label:first-of-type {
        margin: 0 0.5rem 0 0; }
      #CartEditProductFieldsForm .opts-rect label:last-of-type {
        margin: 0 0 0 0.5rem; }
      #CartEditProductFieldsForm .opts-rect label:hover, #CartEditProductFieldsForm .opts-rect label:focus {
        color: #512c1f; }
      #CartEditProductFieldsForm .opts-rect label.unavailable {
        border-color: rgba(194, 83, 54, 0.666);
        opacity: .7;
        cursor: not-allowed; }
    #CartEditProductFieldsForm .opts-rect input[type="radio"], #CartEditProductFieldsForm .opts-rect input[type="checkbox"] {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      border: 0;
      overflow: hidden;
      clip: rect(0, 0, 0, 0); }
      #CartEditProductFieldsForm .opts-rect input[type="radio"]:checked + label, #CartEditProductFieldsForm .opts-rect input[type="checkbox"]:checked + label {
        background: #3d4b3c;
        color: #fff;
        border-color: #d1a06e; }
  #CartEditProductFieldsForm .form-grouped, #CartEditProductFieldsForm .form-bundle, #CartEditProductFieldsForm .form-simple {
    /*
    .opts-picklist {

        .pl-image {
            @include position(absolute, null, (left, top), (0, 0));
            width: remCalc(32);
            height: remCalc(32);
            overflow: hidden;
            border: remCalc(1) solid $neutral-3;
            border-radius: 50%;

            > img {
                @include position(absolute, null, (left, top), (50%, 50%), translate(-50%, -50%));
                width: 100%;
                height: auto;
            }
        }

        .pl-name {
            font-size: remCalc(14);
            line-height: 1.5;
            font-weight: 600;
            margin: 0 0 remCalc(5);
        }

        .pl-sku {
            color: $tertiary;
            font-size: remCalc(11);
            line-height: 1;
            font-weight: 500;
            letter-spacing: .08em;
            margin: 0 0 remCalc(12);
        }

        .pl-avail {
            color: $tertiary;
            font-size: remCalc(12);
            line-height: (18 / 12);
            font-weight:  600;
            margin: 0;
        }

        .info {
            display: block;
        }

        li {
            //padding: 0 0 0 remCalc(40);
            padding:0;
            width: 100%;

            &:before {
                display: none;
            }

            @media  (min-width: 1200px) {

                .form-field {
                    @include flex(space-between, flex-start, null, row nowrap);
                }

                .form-field.quantity {
                    align-items: center;
                    margin-top: 0;
                }

                .info {
                    width: calc(100% - 11.25rem);
                    margin: 0;
                }
            }

            + li {
                //padding: remCalc(20) 0 0 remCalc(40);
                padding: remCalc(20) 0 0;
                margin: remCalc(20) 0 0;
                border-top: remCalc(1) solid $neutral-2;

                .pl-image {
                    top: remCalc(20);
                }
            }
        }
    }

    .form-field.quantity {
        align-items: center;

        label {
            font-size: remCalc(14);
            width:auto;
        }

        .form-increment {
            margin: 0 0 0 remCalc(16);
        }
    
        input {
            width: remCalc(50);
            font-size: remCalc(14);
            padding: remCalc(5);
            border: remCalc(1) solid $neutral-1;

            &::-webkit-outer-spin-button,
            &::-webkit-inner-spin-button {
              -webkit-appearance: none;
              margin: 0;
            }

            &[type=number] {
                -webkit-appearance: none;
                -moz-appearance: textfield;
                appearance: none;
            }
        }
    
        .inc-minus, .inc-plus {
            width: remCalc(43);
            height: remCalc(43);
        }
    
    }
    */ }
    #CartEditProductFieldsForm .form-grouped .preorder-date, #CartEditProductFieldsForm .form-bundle .preorder-date, #CartEditProductFieldsForm .form-simple .preorder-date {
      font-weight: 700;
      color: #b3222a; }
    #CartEditProductFieldsForm .form-grouped .options, #CartEditProductFieldsForm .form-bundle .options, #CartEditProductFieldsForm .form-simple .options {
      margin: 1.5rem 0 0;
      border-bottom: none; }
      #CartEditProductFieldsForm .form-grouped .options .options-heading, #CartEditProductFieldsForm .form-bundle .options .options-heading, #CartEditProductFieldsForm .form-simple .options .options-heading {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        border-bottom: 0.125rem solid #f2eeea;
        margin: 0 0 1rem; }
        #CartEditProductFieldsForm .form-grouped .options .options-heading h3, #CartEditProductFieldsForm .form-bundle .options .options-heading h3, #CartEditProductFieldsForm .form-simple .options .options-heading h3 {
          margin: 0;
          font-weight: 500;
          font-size: 0.875rem;
          line-height: 1.0625rem;
          color: #3d4b3c;
          text-transform: uppercase;
          font-family: 'Rubik', sans-serif;
          padding: 0.3125rem 0; }
          @media (min-width: 992px) {
            #CartEditProductFieldsForm .form-grouped .options .options-heading h3, #CartEditProductFieldsForm .form-bundle .options .options-heading h3, #CartEditProductFieldsForm .form-simple .options .options-heading h3 {
              font-size: 1rem;
              line-height: 1.1875rem; } }
        #CartEditProductFieldsForm .form-grouped .options .options-heading + .opts-picklist > li:first-child, #CartEditProductFieldsForm .form-bundle .options .options-heading + .opts-picklist > li:first-child, #CartEditProductFieldsForm .form-simple .options .options-heading + .opts-picklist > li:first-child {
          margin-top: 0; }
      #CartEditProductFieldsForm .form-grouped .options .opts-picklist, #CartEditProductFieldsForm .form-bundle .options .opts-picklist, #CartEditProductFieldsForm .form-simple .options .opts-picklist {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        #CartEditProductFieldsForm .form-grouped .options .opts-picklist:last-child li:last-child, #CartEditProductFieldsForm .form-bundle .options .opts-picklist:last-child li:last-child, #CartEditProductFieldsForm .form-simple .options .opts-picklist:last-child li:last-child {
          border-bottom: none; }
        #CartEditProductFieldsForm .form-grouped .options .opts-picklist .price-diff, #CartEditProductFieldsForm .form-bundle .options .opts-picklist .price-diff, #CartEditProductFieldsForm .form-simple .options .opts-picklist .price-diff {
          color: #4789ba;
          font-weight: 500;
          font-size: 0.875rem;
          white-space: nowrap;
          display: block; }
        #CartEditProductFieldsForm .form-grouped .options .opts-picklist li, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li, #CartEditProductFieldsForm .form-simple .options .opts-picklist li {
          margin: 0;
          padding: 0;
          padding-bottom: 1rem;
          border-bottom: 1px solid #f2eeea;
          width: 100%;
          margin-top: 1rem; }
          #CartEditProductFieldsForm .form-grouped .options .opts-picklist li:before, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li:before, #CartEditProductFieldsForm .form-simple .options .opts-picklist li:before {
            display: none; }
          #CartEditProductFieldsForm .form-grouped .options .opts-picklist li + li, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li + li, #CartEditProductFieldsForm .form-simple .options .opts-picklist li + li {
            margin-top: 1rem; }
          #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%; }
            @media (min-width: 992px) {
              #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field {
                align-items: center; } }
            #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-img, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-img, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-img {
              width: 20%;
              margin: 0 4% 0 0; }
              @media (min-width: 992px) {
                #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-img, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-img, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-img {
                  width: 10%;
                  margin: 0 4% 0 0; } }
            #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-wrap, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-wrap, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-wrap {
              width: 74%;
              display: flex;
              flex-direction: column;
              justify-content: flex-start; }
              @media (min-width: 992px) {
                #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-wrap, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-wrap, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-wrap {
                  width: 84%;
                  flex-direction: row;
                  align-items: center; } }
              #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-wrap.out-of-stock .form-field.quantity .form-increment, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-wrap.out-of-stock .form-field.quantity .form-increment, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-wrap.out-of-stock .form-field.quantity .form-increment {
                display: none; }
              #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-wrap .options-title, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-wrap .options-title, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-wrap .options-title {
                margin: 0 0 0.25rem; }
                @media (min-width: 992px) {
                  #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-wrap .options-title, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-wrap .options-title, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-wrap .options-title {
                    width: 38%;
                    margin: 0 5% 0 0; } }
                #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-wrap .options-title .sku-stock, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-wrap .options-title .sku-stock, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-wrap .options-title .sku-stock {
                  color: #646569;
                  font-size: 0.75rem;
                  line-height: 1.125rem;
                  margin: 0; }
                  #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-wrap .options-title .sku-stock .stock, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-wrap .options-title .sku-stock .stock, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-wrap .options-title .sku-stock .stock {
                    font-weight: 500;
                    color: #f06943; }
                #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-wrap .options-title h3, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-wrap .options-title h3, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-wrap .options-title h3 {
                  margin: 0;
                  font-weight: 500;
                  font-size: 0.875rem;
                  line-height: 1.1875rem;
                  color: #3d4b3c;
                  text-transform: capitalize;
                  font-family: 'Rubik', sans-serif; }
                  #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-wrap .options-title h3 a, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-wrap .options-title h3 a, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-wrap .options-title h3 a {
                    color: #1b1f2a;
                    text-decoration: none; }
                    #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-wrap .options-title h3 a:hover, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-wrap .options-title h3 a:hover, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-wrap .options-title h3 a:hover {
                      text-decoration: underline; }
              #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-wrap .options-price, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-wrap .options-price, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-wrap .options-price {
                margin: 0 0 0.25rem;
                display: flex;
                flex-direction: row;
                justify-content: flex-start; }
                @media (min-width: 992px) {
                  #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-wrap .options-price, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-wrap .options-price, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-wrap .options-price {
                    width: 28%;
                    margin: 0 2% 0 0; } }
                #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-wrap .options-price span, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-wrap .options-price span, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-wrap .options-price span {
                  font-size: 16px;
                  line-height: 27px;
                  color: #1b1f2a; }
                  #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-wrap .options-price span.full-price, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-wrap .options-price span.full-price, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-wrap .options-price span.full-price {
                    text-decoration-line: line-through;
                    margin: 0 0.5rem 0 0; }
                  #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-wrap .options-price span.op-price, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-wrap .options-price span.op-price, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-wrap .options-price span.op-price {
                    font-weight: 500; }
                    #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-wrap .options-price span.op-price .full-price + span, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-wrap .options-price span.op-price .full-price + span, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-wrap .options-price span.op-price .full-price + span {
                      color: #f06943; }
              #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-wrap .quantity.form-field, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-wrap .quantity.form-field, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-wrap .quantity.form-field {
                margin: 0; }
                #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-wrap .quantity.form-field > a, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-wrap .quantity.form-field > a, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-wrap .quantity.form-field > a {
                  text-align: center;
                  text-decoration: underline; }
                @media (min-width: 992px) {
                  #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-wrap .quantity.form-field, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-wrap .quantity.form-field, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-wrap .quantity.form-field {
                    width: 26%; } }
                #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-wrap .quantity.form-field .form-increment, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-wrap .quantity.form-field .form-increment, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-wrap .quantity.form-field .form-increment {
                  margin: 0; }
                #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-wrap .quantity.form-field input, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-wrap .quantity.form-field input, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-wrap .quantity.form-field input {
                  border: none;
                  width: 2.6875rem; }
                #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-wrap .quantity.form-field .inc-minus, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-wrap .quantity.form-field .inc-minus, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-wrap .quantity.form-field .inc-minus {
                  border-right: 1px solid #e6e0d7; }
                #CartEditProductFieldsForm .form-grouped .options .opts-picklist li .form-field .options-wrap .quantity.form-field .inc-plus, #CartEditProductFieldsForm .form-bundle .options .opts-picklist li .form-field .options-wrap .quantity.form-field .inc-plus, #CartEditProductFieldsForm .form-simple .options .opts-picklist li .form-field .options-wrap .quantity.form-field .inc-plus {
                  border-left: 1px solid #e6e0d7; }
      #CartEditProductFieldsForm .form-grouped .options.modified, #CartEditProductFieldsForm .form-bundle .options.modified, #CartEditProductFieldsForm .form-simple .options.modified {
        margin: 1.5rem 0; }
      #CartEditProductFieldsForm .form-grouped .options .form-field .form-label, #CartEditProductFieldsForm .form-bundle .options .form-field .form-label, #CartEditProductFieldsForm .form-simple .options .form-field .form-label {
        font-weight: 500;
        color: #3c4b3c; }
  #CartEditProductFieldsForm .opts-select label {
    display: block;
    width: 100%;
    margin: 0 0 0.5rem; }
  #CartEditProductFieldsForm .opts-select select {
    width: 100%;
    height: 2.5rem;
    border-radius: 0;
    font-size: 1rem;
    background: #fff;
    border: 0.0625rem solid #f2eeea; }
  #CartEditProductFieldsForm .opts-text {
    width: 100%; }
    #CartEditProductFieldsForm .opts-text label, #CartEditProductFieldsForm .opts-text .form-label {
      display: block;
      -webkit-box-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      margin: 0 0 0.5rem;
      width: 100%; }
    #CartEditProductFieldsForm .opts-text input, #CartEditProductFieldsForm .opts-text select {
      padding: 0.5rem 1rem;
      height: 2.5rem;
      width: 100%;
      border: 0.0625rem solid #e6e0d7;
      font-size: 1rem; }
      #CartEditProductFieldsForm .opts-text input:hover, #CartEditProductFieldsForm .opts-text input:focus, #CartEditProductFieldsForm .opts-text select:hover, #CartEditProductFieldsForm .opts-text select:focus {
        border-color: #d1a06e; }
    #CartEditProductFieldsForm .opts-text textarea {
      padding: 0.5rem 1rem;
      height: 8.75rem;
      width: 100%;
      border: 0.0625rem solid #e6e0d7;
      font-size: 1rem;
      font-family: "Rubik", sans-serif; }
      #CartEditProductFieldsForm .opts-text textarea:hover, #CartEditProductFieldsForm .opts-text textarea:focus {
        border-color: #d1a06e; }
  #CartEditProductFieldsForm .form-label {
    display: block;
    -webkit-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0.5rem;
    width: 100%; }
  #CartEditProductFieldsForm .swatch {
    width: 5rem;
    height: 5rem; }
    @media (min-width: 768px) {
      #CartEditProductFieldsForm .swatch {
        width: 6rem;
        height: 6rem; } }
  #CartEditProductFieldsForm .form-field {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1rem; }
    #CartEditProductFieldsForm .form-field label {
      margin: 0 !important; }

.shipping-countdown {
  width: 100%;
  padding: 1rem;
  background: #f06943;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  margin: 0; }

.totals-wrap {
  border: 0.0625rem solid #e6e0d7;
  border-radius: 0;
  background: #fff;
  padding: 0; }
  .totals-wrap .order-summary-heading {
    display: none;
    padding: 1.125rem 1.5rem;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #3d4b3c;
    font-family: "Rubik", sans-serif;
    text-align: center;
    margin: 0 1rem;
    border-bottom: 2px solid #e6e0d7; }
    @media (min-width: 768px) {
      .totals-wrap .order-summary-heading {
        display: block; } }
    .totals-wrap .order-summary-heading.oh-page {
      margin: 0 0 1rem; }
  .totals-wrap > div {
    padding: 1rem; }
    .totals-wrap > div:last-child {
      text-align: center; }
      .totals-wrap > div:last-child p {
        margin: 0; }
    .totals-wrap > div.cart-actions .btn-primary {
      padding-left: 1rem;
      padding-right: 1rem; }
      .totals-wrap > div.cart-actions .btn-primary:before {
        content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgOFY2QzMgNC40MDg3IDMuNjMyMTQgMi44ODI1OCA0Ljc1NzM2IDEuNzU3MzZDNS44ODI1OCAwLjYzMjE0MSA3LjQwODcgMCA5IDBDMTAuNTkxMyAwIDEyLjExNzQgMC42MzIxNDEgMTMuMjQyNiAxLjc1NzM2QzE0LjM2NzkgMi44ODI1OCAxNSA0LjQwODcgMTUgNlY4SDE2QzE2LjUzMDQgOCAxNy4wMzkxIDguMjEwNzEgMTcuNDE0MiA4LjU4NTc5QzE3Ljc4OTMgOC45NjA4NiAxOCA5LjQ2OTU3IDE4IDEwVjE4QzE4IDE4LjUzMDQgMTcuNzg5MyAxOS4wMzkxIDE3LjQxNDIgMTkuNDE0MkMxNy4wMzkxIDE5Ljc4OTMgMTYuNTMwNCAyMCAxNiAyMEgyQzEuNDY5NTcgMjAgMC45NjA4NTkgMTkuNzg5MyAwLjU4NTc4NiAxOS40MTQyQzAuMjEwNzE0IDE5LjAzOTEgMCAxOC41MzA0IDAgMThWMTBDMCA4LjkgMC45IDggMiA4SDNaTTggMTQuNzNWMTdIMTBWMTQuNzNDMTAuMzgxMyAxNC41MDk5IDEwLjY3OTMgMTQuMTcwMSAxMC44NDc4IDEzLjc2MzNDMTEuMDE2MiAxMy4zNTY2IDExLjA0NTggMTIuOTA1NiAxMC45MzE5IDEyLjQ4MDNDMTAuODE3OSAxMi4wNTUgMTAuNTY2OCAxMS42NzkzIDEwLjIxNzUgMTEuNDExMkM5Ljg2ODIzIDExLjE0MzIgOS40NDAyNyAxMC45OTc5IDkgMTAuOTk3OUM4LjU1OTczIDEwLjk5NzkgOC4xMzE3NyAxMS4xNDMyIDcuNzgyNDggMTEuNDExMkM3LjQzMzE5IDExLjY3OTMgNy4xODIxIDEyLjA1NSA3LjA2ODE1IDEyLjQ4MDNDNi45NTQyIDEyLjkwNTYgNi45ODM3NiAxMy4zNTY2IDcuMTUyMjQgMTMuNzYzM0M3LjMyMDcyIDE0LjE3MDEgNy42MTg3MiAxNC41MDk5IDggMTQuNzNaTTYgNlY4SDEyVjZDMTIgNS4yMDQzNSAxMS42ODM5IDQuNDQxMjkgMTEuMTIxMyAzLjg3ODY4QzEwLjU1ODcgMy4zMTYwNyA5Ljc5NTY1IDMgOSAzQzguMjA0MzUgMyA3LjQ0MTI5IDMuMzE2MDcgNi44Nzg2OCAzLjg3ODY4QzYuMzE2MDcgNC40NDEyOSA2IDUuMjA0MzUgNiA2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+");
        margin: 0 1rem 0 0; }
  .totals-wrap ul li {
    padding: 0; }
    .totals-wrap ul li:before {
      display: none; }
  .totals-wrap dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-flow: row wrap;
    margin: 0; }
    @media (min-width: 768px) {
      .totals-wrap dl {
        margin: 0; } }
    @media (min-width: 992px) {
      .totals-wrap dl {
        margin: 0; } }
    .totals-wrap dl dt,
    .totals-wrap dl dd {
      font-style: normal;
      font-weight: normal;
      font-size: 1rem;
      line-height: 1.5rem;
      margin: 1rem 0 0;
      padding: 1rem 0 0;
      border-top: 0.0625rem solid #e6e0d7;
      color: #4F4F4F;
      -webkit-box-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
      .totals-wrap dl dt:first-of-type,
      .totals-wrap dl dd:first-of-type {
        margin: 0;
        padding: 0;
        border-top: none; }
      .totals-wrap dl dt:last-of-type,
      .totals-wrap dl dd:last-of-type {
        font-weight: normal;
        font-size: 1.25rem;
        line-height: 1.5rem; }
        .totals-wrap dl dt:last-of-type:last-child,
        .totals-wrap dl dd:last-of-type:last-child {
          font-weight: 500; }
      .totals-wrap dl dt.cart-form, .totals-wrap dl dt.cart-toggle,
      .totals-wrap dl dd.cart-form,
      .totals-wrap dl dd.cart-toggle {
        width: 100%;
        text-align: left; }
      .totals-wrap dl dt.cart-form-promo,
      .totals-wrap dl dd.cart-form-promo {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between; }
        .totals-wrap dl dt.cart-form-promo button,
        .totals-wrap dl dd.cart-form-promo button {
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 100%;
          text-transform: capitalize;
          letter-spacing: normal;
          font-weight: normal;
          font-size: 1rem; }
          .totals-wrap dl dt.cart-form-promo button:focus,
          .totals-wrap dl dd.cart-form-promo button:focus {
            border: none !important;
            outline: 1px dashed #646569 !important;
            outline-offset: 2px; }
          .totals-wrap dl dt.cart-form-promo button::after, .totals-wrap dl dt.cart-form-promo button::before,
          .totals-wrap dl dd.cart-form-promo button::after,
          .totals-wrap dl dd.cart-form-promo button::before {
            display: none; }
          .totals-wrap dl dt.cart-form-promo button svg,
          .totals-wrap dl dd.cart-form-promo button svg {
            display: none; }
          .totals-wrap dl dt.cart-form-promo button:focus,
          .totals-wrap dl dd.cart-form-promo button:focus {
            border: none !important;
            outline: none !important; }
          .totals-wrap dl dt.cart-form-promo button:focus-visible,
          .totals-wrap dl dd.cart-form-promo button:focus-visible {
            outline: 1px dashed #646569 !important;
            outline-offset: 2px; }
        .totals-wrap dl dt.cart-form-promo button[class*="coupon-code-"],
        .totals-wrap dl dd.cart-form-promo button[class*="coupon-code-"] {
          color: #646569;
          font-size: 0.875rem;
          font-weight: normal;
          line-height: normal; }
        .totals-wrap dl dt.cart-form-promo .icon,
        .totals-wrap dl dd.cart-form-promo .icon {
          width: 1rem;
          height: 1rem; }
          .totals-wrap dl dt.cart-form-promo .icon svg,
          .totals-wrap dl dd.cart-form-promo .icon svg {
            width: 1rem;
            height: 1rem;
            line-height: 0 !important;
            font-size: 0 !important; }
        .totals-wrap dl dt.cart-form-promo > span,
        .totals-wrap dl dd.cart-form-promo > span {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          align-items: baseline;
          justify-content: space-between;
          width: 100%; }
          @media (min-width: 1300px) {
            .totals-wrap dl dt.cart-form-promo > span,
            .totals-wrap dl dd.cart-form-promo > span {
              justify-content: flex-start; } }
      .totals-wrap dl dt.coupon-code,
      .totals-wrap dl dd.coupon-code {
        border: none;
        margin-top: 0;
        padding-top: 0;
        display: block !important; }
        .totals-wrap dl dt.coupon-code .form-field > div,
        .totals-wrap dl dd.coupon-code .form-field > div {
          position: relative; }
      .totals-wrap dl dt #redeemModalLaunch,
      .totals-wrap dl dd #redeemModalLaunch {
        color: #3f6435;
        width: 100%;
        text-align: right;
        text-decoration: underline;
        display: block;
        margin-top: 0.5rem;
        margin-right: 1rem; }
        .totals-wrap dl dt #redeemModalLaunch:hover, .totals-wrap dl dt #redeemModalLaunch:focus,
        .totals-wrap dl dd #redeemModalLaunch:hover,
        .totals-wrap dl dd #redeemModalLaunch:focus {
          color: #a3b17b; }
    .totals-wrap dl dt {
      width: 75%; }
    .totals-wrap dl dd {
      width: 25%;
      text-align: right; }
  .totals-wrap .coupon-code [class*="btn-"] {
    position: absolute;
    top: 0;
    width: 40%;
    right: 0;
    height: 42px; }
  .totals-wrap [class*="btn-"] {
    width: 100%; }
  .totals-wrap .form {
    /* My arrow fix attempt*/
    /*select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background: $neutral-2 url(../../../../img/chevron-down.png) no-repeat;
        }*/ }
    .totals-wrap .form input,
    .totals-wrap .form textarea,
    .totals-wrap .form select {
      background: #f2eeea;
      border-radius: 3rem;
      border: 1px solid #f2eeea;
      font-weight: normal;
      font-size: 14px;
      line-height: 20px;
      color: #4F4F4F;
      display: block;
      padding: 10px 18px;
      width: 100%;
      margin: 0 0 16px; }
    .totals-wrap .form label {
      font-size: 14px;
      line-height: 18px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #1b1f2a;
      font-weight: 500;
      margin: 0 0 0.25rem;
      display: block; }
    .totals-wrap .form.coupon-form input {
      margin: 0; }
  .totals-wrap .coupon-code-add,
  .totals-wrap .coupon-code-cancel {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #646569; }
  .totals-wrap .u-hiddenVisually {
    display: none; }
  .totals-wrap .btn-txt {
    color: #b3222a;
    justify-content: flex-start;
    margin: 0; }
    .totals-wrap .btn-txt:hover, .totals-wrap .btn-txt:focus {
      color: #b3222a; }
  .totals-wrap .shipping-quotes form {
    margin: 1.5rem 0 0;
    padding: 1.5rem 0 0;
    border-top: 0.0625rem solid #e6e0d7; }
  .totals-wrap .shipping-quotes .form-cr label {
    width: 100%; }
  .totals-wrap .shipping-quotes .form-cr strong {
    float: right;
    text-align: right; }
  .totals-wrap .toggle {
    border-bottom: 0.0625rem solid #1b1f2a;
    padding: 0.25em 0;
    line-height: 1; }
    .totals-wrap .toggle:hover, .totals-wrap .toggle:focus {
      border-bottom-color: #e6e0d7; }
  .totals-wrap .paypal-smart-buttons {
    width: 100%;
    margin: 1rem 0 0; }
  .totals-wrap .cart-additionalCheckoutButtons {
    width: 100%; }
    .totals-wrap .cart-additionalCheckoutButtons .apple-pay-checkout-button {
      margin-top: 0.625rem; }

#redeemLink {
  display: block;
  margin-top: 1rem;
  font-style: italic;
  text-align: right;
  text-decoration: underline; }

[data-tid="instant-bolt-checkout-button"] {
  text-align: center; }
  [data-tid="instant-bolt-checkout-button"] [class*='__bolt-instant-button'] {
    height: 3rem; }
  [data-tid="instant-bolt-checkout-button"] svg .i {
    display: none; }

.apple-pay-checkout-button {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 60%;
  border-radius: 0.625rem;
  cursor: pointer;
  display: none;
  max-height: 4rem;
  min-height: 2rem;
  min-width: 5.625rem;
  width: 100%;
  padding: 1.5rem;
  background-color: #000;
  background-image: -webkit-named-image(apple-pay-logo-white); }

.apple-pay-supported .apple-pay-checkout-button {
  display: block; }

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

    COMMERCE > MINI CART

\*  --------------------------------------------------------------------------  */
.cart-dropdown {
  position: absolute;
  right: 0;
  top: 100%;
  display: none;
  padding: 1rem;
  background: #fff;
  color: #3d4b3c;
  border-radius: 0;
  box-shadow: 0 0 0.5rem 0 rgba(27, 31, 42, 0.2);
  width: 18.75rem; }
  .cart-dropdown:before {
    content: "Cart";
    color: #512c1f;
    font-family: "EB Garamond", serif;
    line-height: 1.25;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 1rem 0;
    display: block; }
  .cart-dropdown.is-open {
    display: block; }
  .cart-dropdown .btns-wrap {
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-flow: row nowrap;
    height: 2.5rem; }
    .cart-dropdown .btns-wrap [class*="btn"] {
      width: calc(50% - 0.5rem);
      margin: 0;
      white-space: nowrap;
      text-align: center;
      justify-content: center;
      height: 2.25rem; }
      .cart-dropdown .btns-wrap [class*="btn"].btn-primary {
        color: #fff; }
  .cart-dropdown .f-mini {
    display: flex;
    flex-direction: column;
    margin: 0 0 1rem;
    max-height: 340px;
    overflow: auto;
    padding: 0;
    border-top: 0.0625rem solid #512c1f; }
    .cart-dropdown .f-mini ul {
      flex-direction: column;
      -webkit-box-flex: 1 1 0px;
      -webkit-flex: 1 1 0px;
      -ms-flex: 1 1 0px;
      flex: 1 1 0px; }
      .cart-dropdown .f-mini ul > li {
        margin: 0;
        padding: 1rem 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-flow: row nowrap; }
        .cart-dropdown .f-mini ul > li:before {
          display: none; }
        .cart-dropdown .f-mini ul > li + li {
          margin: 0;
          padding: 1rem 0;
          border-top: 0.0625rem solid #512c1f; }
        .cart-dropdown .f-mini ul > li:nth-last-child(2), .cart-dropdown .f-mini ul > li:nth-last-child(-n + 2), .cart-dropdown .f-mini ul > li:first-child {
          margin: 0 !important; }
          .cart-dropdown .f-mini ul > li:nth-last-child(2) a, .cart-dropdown .f-mini ul > li:nth-last-child(-n + 2) a, .cart-dropdown .f-mini ul > li:first-child a {
            height: auto;
            white-space: normal; }
    .cart-dropdown .f-mini .img {
      width: calc(25% - 0.5rem);
      -webkit-box-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      height: auto; }
    .cart-dropdown .f-mini .cnt {
      width: calc(75% - 0.5rem);
      -webkit-box-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
      .cart-dropdown .f-mini .cnt p:last-child {
        margin: 0; }
    .cart-dropdown .f-mini .title {
      font-size: 1rem;
      font-weight: bold;
      margin: 0 0 0.5rem; }
      .cart-dropdown .f-mini .title a {
        color: #3d4b3c;
        text-align: left;
        align-items: flex-start; }
        .cart-dropdown .f-mini .title a:hover, .cart-dropdown .f-mini .title a:focus {
          color: #a3b17b; }

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

    ACCOUNT COMPONENTS

    Account components are used throughout the My Account section of the 
    solution.

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

    FEED - ORDERS

\*  --------------------------------------------------------------------------  */
.f-orders {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-flow: row wrap;
  margin: 0 -0.75rem 1.5rem; }
  .f-orders .card {
    width: calc(50% - 1.5rem);
    margin: 0 0.75rem; }
    .f-orders .card a img {
      border: 1px solid #e6e0d7; }
    .f-orders .card:nth-child(n + 6) {
      margin-top: 1.5rem; }
  @media (min-width: 768px) {
    .f-orders .card {
      width: calc(33.333% - 1.5rem); }
      .f-orders .card:nth-child(6) {
        margin-top: 0; }
      .f-orders .card:nth-child(n + 8) {
        margin-top: 1.5rem; } }
  @media (min-width: 992px) {
    .f-orders {
      margin: 0 -0.9375rem 2rem; }
      .f-orders .card h3 {
        font-size: 1.125rem; }
      .f-orders .card h4 {
        font-size: 1rem;
        margin: 0 0 0.25rem; } }
  .f-orders input[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0); }
    .f-orders input[type="checkbox"]:checked + .card {
      border-color: #b3222a;
      background: #b3222a; }
      .f-orders input[type="checkbox"]:checked + .card .cnt {
        color: #fff; }
        .f-orders input[type="checkbox"]:checked + .card .cnt:after {
          background: #b3222a; }
      .f-orders input[type="checkbox"]:checked + .card .price, .f-orders input[type="checkbox"]:checked + .card h3 {
        color: #fff; }

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

    FEED - ORDERS

\*  --------------------------------------------------------------------------  */
.mimic-cart {
  border-bottom: 0.0625rem solid #512c1f; }
  @media (min-width: 992px) {
    .mimic-cart {
      padding: 0 6.25rem 0 0; } }
  .mimic-cart li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: row nowrap;
    padding: 2rem 1rem 2rem 0;
    border-top: 0.0625rem solid #e6e0d7; }
    .mimic-cart li:before {
      display: none; }
  .mimic-cart .form-cr {
    display: none; }
    .mimic-cart .form-cr .form-checkbox + label:before {
      background-color: #fff;
      border: solid #1b1f2a;
      border-width: 1px;
      box-shadow: none;
      height: 1.23077rem;
      left: 0;
      top: 0;
      width: 1.23077rem;
      border-radius: 4px; }
    .mimic-cart .form-cr .form-checkbox + label:after {
      display: block;
      position: absolute;
      transition: all 50ms ease-out;
      height: 0.92308rem;
      left: 3px;
      top: 3px;
      width: 0.92308rem;
      background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2212%22%20height%3D%2211%22%20viewBox%3D%220%200%2012%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.137254902%200%200%200%200%200.505882353%200%200%200%200%200.870588235%200%200%200%200.7%200%22%20in%3D%22shadowBlurOuter1%22%20result%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M612.138%202935.716c-1.964%202.295-3.942%204.556-5.92%206.833-.098.115-.194.215-.29.33-.146.168-.42.15-.564%200-.998-.98-1.996-1.977-2.993-2.958-.37-.366.194-.965.564-.582.9.88%201.786%201.762%202.687%202.66%201.997-2.294%203.975-4.57%205.955-6.866.353-.4.916.183.563.582z%22%20transform%3D%22translate(-601%20-2934)%22%20stroke%3D%22%23FFF%22%20filter%3D%22url(%23a)%22%20stroke-width%3D%22.3%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: 100%;
      color: #4496f6;
      content: "";
      font-size: 0.92308rem;
      line-height: 1;
      text-align: center;
      border: none;
      opacity: 0;
      transform: scale(1); }
    .mimic-cart .form-cr .form-checkbox:checked + label:before {
      background-color: #1b1f2a;
      border-color: #1b1f2a; }
    .mimic-cart .form-cr .form-checkbox:checked + label:after {
      opacity: 1;
      transform: scale(1); }
  .mimic-cart .img-w {
    width: 25%;
    padding: 0 1rem 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: 0;
    align-items: 0;
    align-content: auto;
    flex-flow: row wrap; }
    .mimic-cart .img-w img {
      max-width: 10rem;
      width: 100%;
      height: auto; }
  .mimic-cart .cnt {
    width: 100%;
    -webkit-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .mimic-cart .form-cr {
    margin: 0 1rem 0 0;
    width: 1.125rem;
    -webkit-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }

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

    ACCOUNT > INBOX

\*  --------------------------------------------------------------------------  */
.inbox {
  border-bottom: 0.0625rem solid #512c1f; }
  .inbox li {
    padding: 2rem 0;
    border-top: 0.0625rem solid #512c1f; }
    .inbox li:before {
      display: none; }
    .inbox li :last-child {
      margin: 0; }
  .inbox .h4 {
    text-transform: none; }
  .inbox .date {
    margin: 0 0 0.25rem; }

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

    ACCOUNT - ADDRESSES

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

    ACCOUNT - ADDRESSES - LIST

\*  --------------------------------------------------------------------------  */
.addresses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-flow: row wrap;
  margin: 0 -0.75rem; }
  .addresses .card {
    width: calc(100% - 1.5rem);
    margin: 0 0.75rem;
    text-align: center; }
    @media (min-width: 768px) {
      .addresses .card {
        width: calc(50% - 1.5rem); } }
    .addresses .card .cnt {
      padding: 1rem; }
    .addresses .card:nth-child(n + 3) {
      margin-top: 1.5rem; }
  .addresses .form-actions {
    text-align: center;
    justify-content: center; }
  @media (min-width: 768px) {
    .addresses {
      margin: 0 -1rem; }
      .addresses .card {
        width: calc(33.333% - 2rem);
        margin: 0 1rem; }
        .addresses .card:nth-child(3) {
          margin-top: 0; }
        .addresses .card:nth-child(n + 4) {
          margin-top: 1.5rem; }
      .addresses > .btn-primary {
        justify-content: center;
        flex-flow: column nowrap;
        width: calc(33.333% - 2rem);
        margin: 0 1rem;
        border-radius: 0.5rem; }
        .addresses > .btn-primary svg {
          display: block;
          width: 3rem;
          height: 3rem;
          margin: 0 auto 1.5rem;
          stroke: #fff;
          stroke-width: 0.125rem;
          stroke-linecap: round; } }
  @media (min-width: 992px) {
    .addresses .card {
      width: calc(25% - 2rem); }
      .addresses .card:nth-child(4) {
        margin-top: 0; }
      .addresses .card:nth-child(n + 5) {
        margin-top: 1.5rem; }
      .addresses .card h3 {
        font-size: 1.125rem; }
    .addresses > .btn-primary {
      width: calc(25% - 2rem); } }

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

    ACCOUNT - ADDRESSES - FORM

\*  --------------------------------------------------------------------------  */
.form-address #FormField_38,
.form-address #FormField_48 {
  display: none; }

@media (min-width: 768px) {
  .form-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: row wrap; }
    .form-address .form-el {
      width: calc(50% - 1rem); }
      .form-address .form-el[data-type*="Address"] {
        width: 100%; } }

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

    ACCOUNT - FORM

\*  --------------------------------------------------------------------------  */
.form-account #FormField_38,
.form-account #FormField_48 {
  display: none; }

.form-account .g-recaptcha {
  width: 100%; }
  .form-account .g-recaptcha > div {
    margin: 0 auto; }

@media (min-width: 768px) {
  .form-account {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: row wrap; }
    .form-account .form-el {
      width: calc(50% - 1rem); }
      .form-account .form-el[data-type*="Address"] {
        width: 100%; } }

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

    ACCOUNT - WISHLISTS - TABLE

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

    ACCOUNT - WISHLISTS - TABLE

\*  --------------------------------------------------------------------------  */
table.table-wishlists {
  margin-top: -1.5rem; }
  table.table-wishlists td {
    border-color: #f2eeea; }
  table.table-wishlists .table-thead th {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.6875rem;
    color: #3d4b3c; }
  table.table-wishlists tbody td {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.1875rem;
    color: #4F4F4F; }
    table.table-wishlists tbody td a {
      font-weight: 500;
      font-size: 1rem;
      line-height: 1.1875rem;
      color: #4F4F4F; }
    table.table-wishlists tbody td:first-child {
      width: 25%;
      text-align: left;
      border-left: none;
      padding-left: 0; }
    table.table-wishlists tbody td:nth-child(2) {
      width: 1px; }
    table.table-wishlists tbody td:nth-child(3) {
      width: 9.375rem;
      color: #616161; }
    table.table-wishlists tbody td:nth-child(4) {
      width: 9.375rem; }
      table.table-wishlists tbody td:nth-child(4) span {
        color: #616161; }
    table.table-wishlists tbody td:last-child {
      width: auto;
      border-right: none;
      padding-right: 0; }
    table.table-wishlists tbody td.table-actions > form {
      display: flex;
      justify-content: flex-end; }
      table.table-wishlists tbody td.table-actions > form .btn-txt {
        margin: 0;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1.25rem;
        text-decoration-line: underline;
        color: #3d4b3c; }
        table.table-wishlists tbody td.table-actions > form .btn-txt:hover, table.table-wishlists tbody td.table-actions > form .btn-txt:focus {
          color: #a3b17b; }

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

    ACCOUNT - WISHLISTS - ITEMS

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

    ACCOUNT - WISHLISTS - DETAILS

\*  --------------------------------------------------------------------------  */
.feed-wishlist {
  position: relative; }
  .feed-wishlist:before {
    width: 100%;
    height: 1px;
    content: "";
    position: absolute;
    top: -3rem;
    left: 0;
    background: #f2eeea; }
  .feed-wishlist .wish-container {
    width: calc(50% - 1rem);
    margin: 0 0.5rem; }
    .feed-wishlist .wish-container form {
      margin-top: 0.5rem; }
    @media (min-width: 768px) {
      .feed-wishlist .wish-container {
        width: calc(33.333% - 2rem);
        margin: 0 1rem; } }
    .feed-wishlist .wish-container .card {
      width: 100%;
      margin: 0; }

.footer-wishlist {
  margin: 1.5rem 0 0;
  padding: 0.75rem 0 0;
  width: 100%; }
  @media (min-width: 768px) {
    .footer-wishlist {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-flow: row nowrap; } }
  .footer-wishlist .btn-txt {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: capitalize;
    color: #3d4b3c; }
  .footer-wishlist > div {
    display: flex;
    align-items: center;
    margin: 0.6875rem 0 0; }
    .footer-wishlist > div h5 {
      margin: 0 0.5rem 0.6875rem 0;
      font-weight: 500;
      font-size: 1rem;
      line-height: 1.5rem;
      text-transform: capitalize;
      color: #3d4b3c; }
  .footer-wishlist .social {
    font-size: 1.25em;
    color: #d1a06e;
    margin: 0 auto 1.875rem; }
    .footer-wishlist .social ul {
      margin: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-flow: row wrap; }
    .footer-wishlist .social li {
      margin: 0 0 0.5rem; }
      .footer-wishlist .social li + li {
        margin: 0 0 0.5rem 0.5rem; }
    @media (min-width: 992px) {
      .footer-wishlist .social {
        position: relative;
        margin: 0; }
        .footer-wishlist .social li {
          margin: 0 0 0.6875rem; }
          .footer-wishlist .social li + li {
            margin: 0 0 0.6875rem 0.6875rem; } }
    .footer-wishlist .social a {
      display: block;
      width: 1.875rem;
      height: 1.875rem;
      color: #3d4b3c;
      background: #e6e0d7;
      border-radius: 50%;
      position: relative; }
      .footer-wishlist .social a:hover, .footer-wishlist .social a:focus {
        color: #a3b17b; }
      @media (min-width: 768px) {
        .footer-wishlist .social a {
          width: 2.5rem;
          height: 2.5rem; } }
      .footer-wishlist .social a svg {
        width: 50%;
        height: 50%;
        fill: currentColor;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        .footer-wishlist .social a svg path {
          fill: currentColor; }

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

    ACCOUNT - WISHLISTS - FORM

\*  --------------------------------------------------------------------------  */
.form-wishlist {
  margin: 0 auto;
  max-width: 36.5rem; }

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

    THIRD PARTY PLUGINS

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

    THIRD PARTY PLUGINS > REZKU

    Reservation system

\*  --------------------------------------------------------------------------  */
.rezku-wrap iframe {
  display: block;
  float: right;
  border-radius: 1.25rem; }

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

    THIRD PARTY PLUGINS > GOOGLE MAPS

\*  --------------------------------------------------------------------------  */
.map {
  position: relative;
  padding: 40% 0 0; }
  @media (min-width: 768px) {
    .map {
      padding: 27% 0 0; } }
  @media (min-width: 1425px) {
    .map {
      padding: 0;
      height: 350px; } }
  .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

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

    THIRD PARTY PLUGINS > BorderFree

\*  --------------------------------------------------------------------------  */
div.bfx-wm-dialog {
  overflow-y: initial; }

#bfx-wm-sellpoints ul li:before {
  background: initial; }

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

    ALERTS

\*  --------------------------------------------------------------------------  */
.alert {
  background: #b3222a;
  color: #fff;
  padding: 0.5rem 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #fff; }
  .alert .container {
    text-align: center; }
  .alert.admin-bar .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row nowrap; }
    .alert.admin-bar .container a, .alert.admin-bar .container div {
      color: #fff;
      margin: 0 0.5rem; }
  .alert.admin-bar svg {
    width: 1.875rem;
    height: 1.5rem;
    fill: #fff; }

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

    CUSTOM WIDGETS STYLING

\*  --------------------------------------------------------------------------  */
/* First, remove some styling that BigCommerce adds to widgets */
[data-sub-layout-container] {
  z-index: unset !important; }

[data-sub-layout] {
  padding: 0 !important;
  z-index: unset !important; }

/* Custom styling below */
.sub-cat .product-promo {
  color: #fff;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.25rem 0.75rem;
  font-weight: 500; }

.modal-content::-webkit-scrollbar {
  -webkit-appearance: none; }

.modal-content::-webkit-scrollbar:vertical {
  width: 10px; }

.modal-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  border: 2px solid #ffffff; }

.modal-content::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff; }

.modal-content .quickView .overview {
  padding-top: 0;
  padding-bottom: 0; }
  .modal-content .quickView .overview .product-quickview {
    width: 95%;
    padding: 0; }
    .modal-content .quickView .overview .product-quickview .help {
      margin-bottom: 0; }
    .modal-content .quickView .overview .product-quickview .gallery-wrap {
      min-height: 0; }
    .modal-content .quickView .overview .product-quickview.product-view-oos {
      border-bottom: none; }
      .modal-content .quickView .overview .product-quickview.product-view-oos .replace-wishlist {
        position: relative;
        margin: 1.5rem 0; }

.catalog-page .row {
  justify-content: space-around; }
  .catalog-page .row .col-xs-12 {
    margin-top: 3.5rem; }
    .catalog-page .row .col-xs-12:first-child {
      margin-top: 1rem; }
  .catalog-page .row .img-w {
    position: relative; }
    .catalog-page .row .img-w .slick-arrow {
      display: none;
      position: absolute;
      width: 2.1875rem;
      height: 2.1875rem; }
      @media (min-width: 768px) {
        .catalog-page .row .img-w .slick-arrow {
          display: block; } }
    .catalog-page .row .img-w .slick-prev {
      top: 50%;
      left: 0; }
      @media (min-width: 992px) {
        .catalog-page .row .img-w .slick-prev {
          left: auto;
          right: 100%;
          transform: translate(25%, 0); } }
    .catalog-page .row .img-w .slick-next {
      top: 50%;
      right: 0; }
      @media (min-width: 992px) {
        .catalog-page .row .img-w .slick-next {
          left: 100%;
          right: auto;
          transform: translate(-25%, 0); } }
    .catalog-page .row .img-w .slick-dots {
      display: flex !important;
      position: absolute;
      top: 100%;
      transform: translateY(100%); }
      @media (min-width: 992px) {
        .catalog-page .row .img-w .slick-dots {
          display: none !important; } }

.catalog-page .banners .banner.img-side .cnt a {
  display: none; }

.catalog-page .reviews {
  position: relative; }
  .catalog-page .reviews .container {
    position: relative; }
  .catalog-page .reviews h2 {
    text-align: center; }
    .catalog-page .reviews h2 small {
      font-family: Rubik;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 19px;
      /* identical to box height */
      text-transform: uppercase;
      color: #3d4b3c; }
  .catalog-page .reviews .review-cards {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    align-items: stretch; }
    @media (min-width: 992px) {
      .catalog-page .reviews .review-cards {
        margin-bottom: -12.5rem; } }
    .catalog-page .reviews .review-cards .review-card {
      display: block;
      width: 100%;
      max-width: 21.875rem;
      margin-bottom: 1.5rem;
      padding: 2.0625rem;
      background-color: #fff;
      border: 1px solid #e6e0d7;
      border-radius: 1.25rem;
      text-align: center;
      z-index: 1; }
      .catalog-page .reviews .review-cards .review-card svg {
        width: 2.0625rem;
        height: 2.0625rem;
        margin-bottom: 0.5rem; }
      .catalog-page .reviews .review-cards .review-card p {
        word-break: break-word; }
      .catalog-page .reviews .review-cards .review-card .byline {
        font-size: 0.75rem;
        line-height: 1.125rem; }
      .catalog-page .reviews .review-cards .review-card:nth-child(n+2) {
        display: none; }
      @media (min-width: 768px) {
        .catalog-page .reviews .review-cards .review-card {
          width: calc(50% - 1rem); }
          .catalog-page .reviews .review-cards .review-card:nth-child(-n+2) {
            display: block; } }
      @media (min-width: 992px) {
        .catalog-page .reviews .review-cards .review-card {
          width: calc(33.33% - 1rem); }
          .catalog-page .reviews .review-cards .review-card:nth-child(-n+3) {
            display: block; } }

.catalog-page .banners {
  max-height: 37.5rem;
  /*  --------------------------------------------------------------------------  *\

    BANNERS - LAYOUT - WITH IMAGE BEHIND

\*  --------------------------------------------------------------------------  */
  padding: 0;
  z-index: 0; }
  .catalog-page .banners.img-behind {
    position: relative;
    z-index: 0;
    background: #1b1f2a;
    overflow: hidden;
    text-align: center; }
    @media (min-width: 768px) {
      .catalog-page .banners.img-behind {
        flex: 1 1 auto;
        min-width: calc(25% - 16px);
        max-width: 100%;
        margin: 0 0.5rem; } }
    .catalog-page .banners.img-behind > .img-w {
      margin: 0; }
      .catalog-page .banners.img-behind > .img-w::before {
        content: "";
        width: 100%;
        height: 100%;
        background: #292b25;
        opacity: 0.3;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
    .catalog-page .banners.img-behind.no-cnt > .img-w:before {
      display: none; }
    .catalog-page .banners.img-behind > .cnt {
      position: absolute;
      z-index: 100;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 66.67%; }
      .catalog-page .banners.img-behind > .cnt a.cnt-link {
        height: 100%;
        width: 100%;
        display: block;
        max-width: none; }
        .catalog-page .banners.img-behind > .cnt a.cnt-link:hover, .catalog-page .banners.img-behind > .cnt a.cnt-link:focus {
          text-decoration: none; }
          .catalog-page .banners.img-behind > .cnt a.cnt-link:hover *, .catalog-page .banners.img-behind > .cnt a.cnt-link:focus * {
            text-decoration: none; }
      .catalog-page .banners.img-behind > .cnt small,
      .catalog-page .banners.img-behind > .cnt h2,
      .catalog-page .banners.img-behind > .cnt p {
        display: block;
        color: #fff; }
    .catalog-page .banners.img-behind.small {
      min-width: unset;
      max-height: 528px; }
      .catalog-page .banners.img-behind.small .img-w::before {
        width: 80%;
        height: 60%;
        max-width: 550px; }
      .catalog-page .banners.img-behind.small .cnt {
        width: 80%;
        max-width: 550px; }
        .catalog-page .banners.img-behind.small .cnt h1 {
          color: #fff; }
          .catalog-page .banners.img-behind.small .cnt h1 small {
            font-family: Rubik;
            font-size: 0.75rem;
            line-height: 1.3125rem;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            color: #f2eeea; }
            @media (min-width: 768px) {
              .catalog-page .banners.img-behind.small .cnt h1 small {
                font-size: 1.125rem; } }
      @media (min-width: 768px) {
        .catalog-page .banners.img-behind.small {
          margin: 0;
          min-width: calc(100vw - 32px); } }
    .catalog-page .banners.img-behind.hov-eff {
      overflow: hidden; }
      .catalog-page .banners.img-behind.hov-eff > .cnt {
        -webkit-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
        transform: translate(0, 100%);
        transition: transform 0.5s 0.15s; }
      .catalog-page .banners.img-behind.hov-eff:hover > .cnt, .catalog-page .banners.img-behind.hov-eff:focus > .cnt {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0); }
  .catalog-page .banners .banner.img-behind {
    margin: 0; }

.promotional-banner {
  padding: 0; }
  .promotional-banner .container {
    padding: 0;
    width: 100%; }
    @media (min-width: 992px) {
      .promotional-banner .container {
        background: none; } }
    .promotional-banner .container .inner-container {
      display: grid;
      grid-template-columns: 1fr;
      align-items: center;
      grid-template-areas: "img" "description"; }
      @media (min-width: 768px) {
        .promotional-banner .container .inner-container {
          grid-template-columns: 1fr 1fr;
          grid-template-areas: "img description"; }
          .promotional-banner .container .inner-container.right {
            grid-template-areas: "description img"; } }
      .promotional-banner .container .inner-container picture {
        grid-area: img;
        width: 100%;
        height: 100%; }
        @media (min-width: 992px) {
          .promotional-banner .container .inner-container picture {
            padding-right: 0.25rem; }
            .promotional-banner .container .inner-container picture.right {
              padding-left: 0.25rem; } }
      .promotional-banner .container .inner-container img {
        aspect-ratio: 1.4;
        object-fit: cover;
        height: 100%;
        width: 100%;
        display: flex; }
      .promotional-banner .container .inner-container .content {
        text-align: center;
        padding: 1rem; }
        @media (min-width: 992px) {
          .promotional-banner .container .inner-container .content {
            height: 100%; } }
        .promotional-banner .container .inner-container .content small {
          display: block;
          text-align: center;
          text-transform: uppercase;
          font-size: 0.875rem;
          font-weight: bold; }
        .promotional-banner .container .inner-container .content h3 {
          text-align: center;
          font-size: 18px; }
          @media (min-width: 992px) {
            .promotional-banner .container .inner-container .content h3 {
              font-size: 1.875rem; } }
        .promotional-banner .container .inner-container .content p {
          text-align: left; }
        .promotional-banner .container .inner-container .content a {
          width: 100%; }
        @media (min-width: 768px) {
          .promotional-banner .container .inner-container .content {
            padding: 1.5rem; }
            .promotional-banner .container .inner-container .content a {
              width: auto;
              padding-left: 64px;
              padding-right: 64px; } }
        @media (min-width: 992px) {
          .promotional-banner .container .inner-container .content {
            margin-left: -0.25rem;
            padding: 3.75rem 6.25rem; } }
      @media (min-width: 992px) {
        .promotional-banner .container .inner-container.right .content {
          margin-right: -0.25rem; } }

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

    GROOVE VELOCITY

    Created by Groove Commerce - Baltimore Maryland

    This is a custom curated framework designed and built by Groove Commerce in Baltimore
    for building BigCommerce eCommerce websites. This theme is based on the Cornerstone
    theme, but enhanced with performance, accessibility, and workflow in mind.

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

    BASE FILES

    These files establish the base of the theme, they include variables, 
    mixins, resets, functions, and fonts.

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

    FONTS

\*  --------------------------------------------------------------------------  */
@font-face {
  font-family: "ico";
  src: url("../fonts/ico.eot?57ff1df8facb2a977bb787428a9e2a98");
  src: url("../fonts/ico.eot?57ff1df8facb2a977bb787428a9e2a98#iefix") format("embedded-opentype"), url("../fonts/ico.woff?57ff1df8facb2a977bb787428a9e2a98") format("woff"), url("../fonts/ico.ttf?57ff1df8facb2a977bb787428a9e2a98") format("truetype");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "ico";
  display: inline-block;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow-down:before {
  content: "\f101"; }

.icon-arrow-left:before {
  content: "\f102"; }

.icon-arrow-right:before {
  content: "\f103"; }

.icon-arrow-up:before {
  content: "\f104"; }

.icon-brand-facebook:before {
  content: "\f105"; }

.icon-brand-instagram:before {
  content: "\f106"; }

.icon-brand-linkedin:before {
  content: "\f107"; }

.icon-brand-pinterest:before {
  content: "\f108"; }

.icon-brand-tiktok:before {
  content: "\f109"; }

.icon-brand-twitter:before {
  content: "\f10a"; }

.icon-brand-youtube:before {
  content: "\f10b"; }

.icon-cart-plus:before {
  content: "\f10c"; }

.icon-cart:before {
  content: "\f10d"; }

.icon-check-circle:before {
  content: "\f10e"; }

.icon-chevron-down:before {
  content: "\f10f"; }

.icon-chevron-left:before {
  content: "\f110"; }

.icon-chevron-right:before {
  content: "\f111"; }

.icon-chevron-up:before {
  content: "\f112"; }

.icon-close:before {
  content: "\f113"; }

.icon-download:before {
  content: "\f114"; }

.icon-envelope-open:before {
  content: "\f115"; }

.icon-envelope:before {
  content: "\f116"; }

.icon-exclamation-triangle:before {
  content: "\f117"; }

.icon-filters-toggles:before {
  content: "\f118"; }

.icon-filters:before {
  content: "\f119"; }

.icon-free-shipping:before {
  content: "\f11a"; }

.icon-in-stock:before {
  content: "\f11b"; }

.icon-info-circle:before {
  content: "\f11c"; }

.icon-lock:before {
  content: "\f11d"; }

.icon-map-marker:before {
  content: "\f11e"; }

.icon-minus:before {
  content: "\f11f"; }

.icon-pencil:before {
  content: "\f120"; }

.icon-phone:before {
  content: "\f121"; }

.icon-play:before {
  content: "\f122"; }

.icon-plus:before {
  content: "\f123"; }

.icon-print:before {
  content: "\f124"; }

.icon-question-circle:before {
  content: "\f125"; }

.icon-returns:before {
  content: "\f126"; }

.icon-rss:before {
  content: "\f127"; }

.icon-search:before {
  content: "\f128"; }

.icon-select-updown:before {
  content: "\f129"; }

.icon-share:before {
  content: "\f12a"; }

.icon-size-chart:before {
  content: "\f12b"; }

.icon-slash:before {
  content: "\f12c"; }

.icon-star-empty:before {
  content: "\f12d"; }

.icon-star-full:before {
  content: "\f12e"; }

.icon-thumbs-up:before {
  content: "\f12f"; }

.icon-times:before {
  content: "\f130"; }

.icon-trash:before {
  content: "\f131"; }

.icon-user:before {
  content: "\f132"; }

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

    GLOBAL SITE VARIABLES

    ORGANIZATION OF OUR CSS DEFINITIONS GROUP CLASS DEFINITIONS BY THE FOLLOWING TYPES

    POSITIONING (DISPLAY, FLEX, FLEX ITEM, POSITION, LEFT, TOP, TRANSFORM)
    BOX SIZING (WIDTH, HEIGHT, MARGIN, PADDING)
    BOX STYLING (OPACITY, BACKGROUND, BOX SHADOW, BORDER, BORDER RADIUS, OVERFLOW)
    FONT STYLING (FONT, FONT-FAMILY, FONT-STYLE, FONT-SIZE, LINE-HEIGHT, FONT-WEIGHT)
    TEXT STYLING (TEXT-DECORATION, TEXT-TRANSFORM, TEXT-ALIGN, TEXT-SHADOW)
    OTHER (TRANSITONS, ANIMATIONS, CURSOR)

    IF A MIXIN IS AVAILABLE USE THAT INSTEAD WRITING ALL PROPERTIES OUT

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

    COLORS
    
    IT'S IMPORTANT TO USE A GENERIC NAMING SYSTEM FOR COLORS USED THROUGHOUT THE 
    SITE. THIS ALLOWS US TO BUILD UPDATE VARIABLES IN THE FUTURE WITHOUT HAVING 
    POTENTIAL ISSUES LIKE RED BECOMING GREEN DUE TO A RE-BRAND.

    Primary, Seoncdary, and Tertiary refer to the most used, second most used
    and third most used color in the pallete.  These are generally shades of
    gray used to set the color of copy and backgrounds of elements.

    Aceent colors are used to set the brand colors used throughout the web 
    design. These are commonly used to accent an element like when used as a 
    border or design element to a heading, or draw the users attention to a
    call to action like a button.

    The reason we want to stick to this style naming convention for colors
    is so that if the branding of the company changes, we can quickly update
    a variable from a light shade of green to a WCAG compliant shade of green
    and not have to do a find and replace for $lt-green and change it to 
    $dk-green.

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

    FONT SETTINGS

    These variables define the font settings used throughout the website.

    Setting the copies font family, size, color and line-height allows us to 
    use these variables throughout our files and ensure we are consistently
    setting things up.  These are all used in the reset file on the body and 
    html element, which should mean the only time you need to re-use these
    are when you are resetting a more specific class back to these values.

    The headings file under structure utilize the heading variables.

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

    MEDIA QUERIES

    Common media queries that we utilize throughout the SCSS for the website.

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

    GRID SETUP

    Grid variables that are used to set the base variables of the Grid Mixins.

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

    FEED SPACING FOR CARDS

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

    COMPONENT SPACING FOR CARDS, CONTAINERS, & SECTIONS

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

    MISC VARIABLES

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

    GLOBAL MIXINS

    These are a common set of mixins that are commonly 

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

    SCREEN READER ONLY

    This mixin hides all content from the view, but keeps it audible for 
    screen readers.

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

    CLEARS

    Both of the following mixins can be used to clear floated elements.

    Clearfix makes the before and after of the wrapping element able to clear
    the floats contained within it. This is good to use when all floated 
    elements are contained with in a single parent element.

    Clear makes the element itself clear the floats, this is used when an 
    element is following a floated element and needs to be on a new row.

    While floating is older and not as prefered as using newer techniques for 
    page layout, it still serves a useful purpose and should be used 
    appropriately.

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

    THE APPEARANCE MIXIN

    This is used to reset an objects experience of the default settings applied
    by the browser.

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

    THE HOVER/FOCUS MIXIN

    90% of the time when a hover psuedo class is added to an element the focus 
    psuedo class should be defined as well. These psuedo classes are also 
    generally the same styles.

    We've created the hover mixin to apply both the hover & focus states.

    This MUST be used whenever defining a hover state, unless the focus state
    requires different behavior to be applied.

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

    THE TRAMSFORM MIXINS

    Transform is used to move an element on the page, without triggering a 
    re-paint.  This is key when animating either through animate or transition
    on an element, the animation will be faster and work better when using the
    transform property rather than the left, top, right, and bottom properties.

    The transform mixins are a set of commonly coupled CSS 3 properties used
    together.  They are each individually defined because they don't all need
    to be used all the time.

    Transform is a must for all of the others to work, and the others are 
    useless without it.

    Transform Origin will change the location where the transform will start
    to take effect from.

    Perspective will be be amount of distance in space the transform should be
    applied from.

    Backface is used to hide the backside of an element when it's rotated and
    the back of the parent element is not visible.  Without this applied, the
    back side of the element will appear behind the front of the element.

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

    THE POSITION MIXIN

    The position mixin was created to help position elements by combining 
    severally coupled properties into the mixin.

    When positioning something relative, absolute, fixed, or sticky we almost
    always are defining the z-index, so that is our second variable.  Setting
    the variable to null will ignore the z-index property completely and the
    z-index will be inherited from it's natural position in the dom. Otherwise
    pass in an integer and the z-index will be defined.

    The next variable applies the direction, this can either be an array of 
    directions passed in like (top, left), or it can be a single direction like
    left.

    The next variable applies the coordinates corresponding to the direction. 
    For each direction passed in, a corresponding coordinate needs to accompany
    it. For example if (top, left) is set as our direction, then (0, 0) would 
    set the top: 0; left: 0; properties.

    The last variable to be passed in is the transform property which will 
    call the transform mixin.

    Only the position variable is required to make the mixin wor, which is why
    we default to relative, the rest are preset to null.

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

    THE FLEX MIXINS

    This group of mixins can be used to ensure all vendor prefixing is 
    correctly applied to support older browsers.  In addition, we couple the 
    common properties that work with flex.

    When the flex mixin is called, the first property will set the display of
    the object to flex.

    The first variable allows you to set the justify content property which 
    aligns the child elements accross the first axis. 

    Remember:
        - when setting flex-flow to column the first axis is the Y-axis 
        - when setting flex-flow to row the first axis is the X-axis

    The second variable allows you to set the align items property which 
    aligns the child elements accross the second axis. 

    Remember:
        - when setting flex-flow to column the second axis is the Y-axis 
        - when setting flex-flow to row the second axis is the X-axis

    The third variable allows you to set align content, which has no effect
    when there is only one line of items, 

    The final variable is flex-flow which allows you to set the direction and 
    whether the items inside can wrap or not.

    The Flex Item mixin is used to apply properties to the flexed item.

    The first three variables are required in order for this mixin to work.

    The grow variable tells the flex item whether it's allowed to grow to 
    fill the unused space.

    The shrink variable tells the flex item whether it's allowed to shrink
    to accomodate more elements within the space.

    The flex basis variable defines how much space the element should take up
    initially, then scale proportionatly based on that with the other sibling
    elements. Generally we leave this set to auto.

    The final variable defines the order for the element to appear.

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

    THE SET WIDTH MIXIN

    This mixin is used to set the width of an element based on a group of
    media queries and their corresponding widths. For example the div within
    the header, section, and footer elements all use this mixin to set the
    width of the element at a corresponding media query so they are all
    styled with the same width.
    
    The first variable is a set of media queries, the first item in the array
    will be set as the default. The following items will all be set to their
    corresponding media queries.
    
    The second variable is an array of widths, normally % based, but could be
    any value acceptable to be defined in the width property.

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

    THE CSS3 GRID MIXINS

    This set of mixins are used to build grid layouts using the CSS3 Grid 
    property.

    Grid Columns is used to set the columns on a parent element.

    Grid Rows is used to set the rows on a parent element.
    
    Grid Column Gap will define the space between the columns.

    Grid Row Gap will define the space between the rows.

    Grid will combine all of the above mixins into 1 mixin used to define
    the base of the parent item.  The above mixins can be used on their own
    to change their values at various media queries.

    IE11 does support grid, so we can utilize it to create complex layouts, 
    however there are some elements of the grid which it does not support.  
    This mixin will fix all of that and write out the proper settings to 
    support IE.

    We utilize the @supports feature which is not supported by IE11, but is
    supported by all browsers that also happen to use grid.  So using this 
    feature we can reset some of the settings applied to IE11.

    The grid item mixin will set specific values needed for the placement of
    the item itself.

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

    THE GRID LAYOUT MIXINS

    This mixin is used to create a row and column based grid structure, like 
    the one found in bootstrap, actually exactly like the one found in bootstrap.

    The Set Col Widths mixin is looped over and sets the width based of an 
    element based on how many columns are defined.

    Generate Columns is used to loop over each media query and then calls the 
    Set Col Widths mixin to build each group out.

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

    CSS 3 EFFECTS

    These mixins in the past have had lots of browser prefixes to make them
    work across all the browsers.

    We will maintain the prefixes, and remove them as needed.

    The mixins will continue to work, as to not break the code, but as older
    browsers decline in use, we will remove unnecessary prefixes to help keep
    our file size limited.

    Effects include:
    * Box Shadow
    * Animations
    * Filters
    * Tranistions

\*  --------------------------------------------------------------------------  */
/*--- FILTERS ---*/
/*--- TRANSITION ---*/
/*  --------------------------------------------------------------------------  *\

    THE FONT SIZE MIXIN

    This mixin was originally used to support REM and PX based measurement for
    fonts.  However, since we have moved to a completely rem based measurement
    this mixin is less likely to be used.

    This is marked for deletion in an upcoming update, but we want to keep this
    around for a little while longer.

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

    THE BUTTON MIXIN

    This mixin controls the base button styles since there are several different
    buttons class structures used throughout BigCommerce.

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

    BORDER MIXIN

    This mixin creates border around given selector for testing purposes

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

    FOCUS TOOLTIP

    This mixin creates a tooltip on focus for accessibility

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

    COMMON RESETS TO HELP MAKE BROWSERS DISPLAY MORE CONSISTANTLY

\*  --------------------------------------------------------------------------  */
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  color: inherit; }

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

    RESETS THE FONT SIZE TO BE BASE 10

\*  --------------------------------------------------------------------------  */
html {
  font-size: 100%;
  scroll-behavior: smooth; }

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

    PREVENTS HORIZONTAL SCROLLING WHEN IT'S UNDESIRED

\*  --------------------------------------------------------------------------  */
@media (max-width: 991.9px) {
  html, body {
    width: 100%; } }

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

    REMOVES OUTLINE ON FOCUS

\*  --------------------------------------------------------------------------  */
:focus {
  outline: none; }

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

    ANCHOR STYLES

    SETS A TRANSITION DEFAULT HERE FOR ALL ANCHORS.
    
    SETS UP THE SKIP CONTENT BUTTON THAT SHOULD BE FOUND AS THE FIRST ELEMENT 
    AFTER THE OPENING BODY TAG ON ALL PAGES.

\*  --------------------------------------------------------------------------  */
a {
  transition: all .25s; }
  a.skip-content {
    position: fixed;
    z-index: 10000;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -101%);
    -ms-transform: translate(-50%, -101%);
    transform: translate(-50%, -101%);
    background: #fff;
    color: #393939;
    transition: transform 0.25s, background 0.25s, color 0.25s; }
    a.skip-content:focus {
      background: #393939;
      color: #fff;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
    @media print {
      a.skip-content {
        display: none; } }

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

    RESETS THE BUTTON TO BE JUST LIKE ALL OTHER INLINE ELEMENTS

\*  --------------------------------------------------------------------------  */
button {
  background: none;
  border: none;
  font-size: 1em;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  cursor: pointer;
  color: initial; }

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

    RESETS STYLES ON INPUT ELEMENTS FOR FORMS

\*  --------------------------------------------------------------------------  */
input, select, textarea {
  border-radius: 0px;
  font-family: "Poppins", Arial, Helvetica, sans-serif; }

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

    PROVIDES A CLASS FOR SCREEN READER ONLY ELEMENTS

\*  --------------------------------------------------------------------------  */
.sr-only {
  position: absolute;
  width: 1px !important;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

.icons-svg-sprite {
  display: none; }

ins {
  text-decoration: none; }

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

    PROVIDES A CLASS FOR FOCUSED ELEMENTS

\*  --------------------------------------------------------------------------  */
[contenteditable="true"]:focus-visible,
[href]:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible,
button:focus-visible,
details:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 1px dashed #626b61 !important;
  outline-offset: 1px !important;
  outline: none; }

.facets button:focus-visible {
  outline-offset: -2px !important; }

input:focus-visible + label {
  outline: none;
  outline: 1px dashed #626b61 !important;
  outline-offset: 1px !important; }

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

@media (max-width: 991.9px) {
  .visuallyhidden-below-desktop {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; } }

[data-sub-layout-container], [data-sub-layout] {
  display: block !important;
  padding: 0 !important; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select:focus,
  textarea:focus,
  input[type=text]:focus {
    font-size: 16px; } }

@media (max-width: 767.9px) {
  .hide-mobile {
    display: none; } }

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

    GLOBAL ELEMENTS

    These files establish global elements that appear throughout the website.

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

    HEADER

\*  --------------------------------------------------------------------------  */
body {
  padding: 0; }

a.skip {
  position: fixed;
  z-index: 10001;
  left: 50%;
  top: 0.9375rem;
  -webkit-transform: translate(-50%, -150%);
  -ms-transform: translate(-50%, -150%);
  transform: translate(-50%, -150%);
  background: #fff;
  color: #393939;
  padding: 0.5rem 0.75rem; }
  a.skip:focus {
    transform: translate(-50%, 0);
    background: #393939;
    color: #fff; }
  @media print {
    a.skip {
      display: none; } }

body > header {
  /*  ----------------------------------------------------------------------  *\
        RESETS
        This code resets some of the styling for the a, label, button, and li
        to make it function as a navigation
    \*  ----------------------------------------------------------------------  */
  /*  ----------------------------------------------------------------------  *\
        RESETS & VARIABLES
        Set some varialbes that apply to the scss files for header
    \*  ----------------------------------------------------------------------  */
  background: #fff;
  /*  --------------------------------------------------------------------------  *\

    HEADER - CART

\*  --------------------------------------------------------------------------  */ }
  body > header a, body > header label, body > header button {
    display: block;
    font-size: 0.875rem;
    white-space: nowrap;
    text-decoration: none; }
    body > header a:hover, body > header a:focus, body > header label:hover, body > header label:focus, body > header button:hover, body > header button:focus {
      color: #393939; }
  body > header a, body > header li {
    color: #393939; }
    body > header a.sale, body > header li.sale {
      color: #9c2f00; }
  body > header .sale {
    color: #393939;
    font-weight: 600; }
  @media (min-width: 992px) {
    body > header .container > .logo {
      display: none; } }
  @media print {
    body > header {
      display: none; } }
  body > header .mobile-cart {
    display: flex;
    margin-left: 0.75rem; }
    @media (min-width: 768px) {
      body > header .mobile-cart {
        margin-left: 1rem; } }
    body > header .mobile-cart i {
      font-size: 1.25rem; }
    @media (min-width: 992px) {
      body > header .mobile-cart {
        position: absolute;
        right: 1rem;
        top: 2.25rem;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        display: none; } }
  @media (max-width: 991.9px) {
    body > header .desktop-cart {
      display: none; } }
  body > header .toggle-elements [data-cart-preview] {
    display: none; }
    @media (max-width: 991.9px) {
      body > header .toggle-elements [data-cart-preview] {
        display: flex;
        margin-left: 0.75rem; }
        body > header .toggle-elements [data-cart-preview] i {
          font-size: 1.25rem; }
        body > header .toggle-elements [data-cart-preview] .text {
          display: none; } }
  body > header [data-cart-preview] {
    position: relative;
    display: flex; }
  body > header .cart-quantity {
    align-self: center;
    background: #c9b072;
    border-radius: 2.5rem;
    display: none;
    color: #393939;
    font-size: 0.625rem;
    line-height: .5em;
    position: relative;
    margin-right: 4px; }
    body > header .cart-quantity.is-empty {
      display: none; }
    body > header .cart-quantity.has-quantity {
      display: flex;
      align-items: center;
      justify-content: center; }
  body > header .cart-dropdown {
    display: block;
    position: fixed;
    z-index: 9999;
    right: 0;
    top: 0;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    transition: all 0.4s ease;
    background: #fff;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);
    height: 100%;
    max-width: 100%;
    padding: 0; }
    body > header .cart-dropdown:before {
      display: none; }
    body > header .cart-dropdown [data-cart-quantity] {
      background-color: #f1ece8;
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      font-size: 0.875rem;
      font-weight: 400;
      line-height: 1.75rem;
      margin: 0;
      text-align: left;
      padding: 0.75rem 2.5rem 0.75rem 1rem;
      gap: 0.375rem; }
      body > header .cart-dropdown [data-cart-quantity] a {
        text-decoration: underline; }
      body > header .cart-dropdown [data-cart-quantity] svg {
        height: 1.25rem;
        width: 1.25rem; }
      body > header .cart-dropdown [data-cart-quantity] span {
        flex: 0 0 auto; }
      body > header .cart-dropdown [data-cart-quantity] span:empty {
        display: none; }
      @media (min-width: 768px) {
        body > header .cart-dropdown [data-cart-quantity] {
          flex-flow: row wrap;
          gap: 0.75rem; }
          body > header .cart-dropdown [data-cart-quantity] span {
            max-width: none; } }
      @media (min-width: 992px) {
        body > header .cart-dropdown [data-cart-quantity] {
          font-size: 1.125rem;
          line-height: 3rem;
          padding: 0.75rem 1.5rem; } }
    body > header .cart-dropdown dl {
      display: grid;
      grid-template-columns: auto 1fr;
      grid-template-rows: auto;
      column-gap: 0.625rem;
      row-gap: 0.25rem;
      padding: 0;
      margin: 0;
      border-top: 1px solid #f1ece8;
      margin: 0.3125rem 0 0.3125rem 0;
      padding: 0.625rem 0 0.625rem 0; }
    body > header .cart-dropdown dd, body > header .cart-dropdown dt {
      color: #444444;
      margin: 0;
      padding: 0;
      font-size: .8em; }
    body > header .cart-dropdown form div {
      text-align: left; }
    body > header .cart-dropdown.is-loading {
      min-width: 90%; }
      @media (min-width: 768px) {
        body > header .cart-dropdown.is-loading {
          min-width: 31.25rem; } }
    body > header .cart-dropdown.is-visible {
      width: 100%;
      transform: translate(0, 0); }
      @media (min-width: 768px) {
        body > header .cart-dropdown.is-visible {
          max-width: clamp(250px, 50dvw, 600px); } }
    body > header .cart-dropdown .empty {
      text-align: center;
      margin-bottom: 1.25rem;
      font-style: italic; }
    body > header .cart-dropdown .mini-cart-close {
      position: absolute;
      z-index: 1;
      top: 50%;
      right: 1rem;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      height: 1.5rem;
      width: 1.5rem; }
      body > header .cart-dropdown .mini-cart-close svg {
        stroke: #444444;
        pointer-events: none;
        height: 1.5rem;
        width: 1.5rem; }
    body > header .cart-dropdown .mini-cart-header {
      position: relative; }
    body > header .cart-dropdown .accordion {
      grid-template-columns: 1fr;
      border-top: none;
      margin-bottom: 1.5rem;
      padding: 0; }
      body > header .cart-dropdown .accordion > dt {
        border: none; }
      body > header .cart-dropdown .accordion dd {
        padding-bottom: 1.125rem; }
      body > header .cart-dropdown .accordion input,
      body > header .cart-dropdown .accordion textarea,
      body > header .cart-dropdown .accordion select {
        background: #f2eeea;
        border-radius: 3rem;
        border: 1px solid #f2eeea;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #4F4F4F;
        display: block;
        padding: 10px 18px;
        width: 100%;
        margin: 0 0 16px; }
      body > header .cart-dropdown .accordion label {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #1b1f2a;
        font-weight: 500;
        margin: 0 0 0.25rem;
        display: block; }
      body > header .cart-dropdown .accordion.code {
        grid-template-columns: 1fr auto;
        align-items: center;
        padding: 0 0 1.125rem; }
        body > header .cart-dropdown .accordion.code * {
          font-size: 1rem; }
        body > header .cart-dropdown .accordion.code dt {
          display: flex;
          align-items: center;
          column-gap: 0.5rem;
          font-weight: normal; }
          body > header .cart-dropdown .accordion.code dt a {
            text-decoration: underline; }
        body > header .cart-dropdown .accordion.code dd {
          padding: 0; }
      body > header .cart-dropdown .accordion.certificates dt span {
        display: inline-flex;
        column-gap: 0.5rem; }
      body > header .cart-dropdown .accordion button[type="submit"] svg, body > header .cart-dropdown .accordion a svg {
        width: 1.5rem;
        height: 1.5rem; }
      body > header .cart-dropdown .accordion.total button#promo {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 0;
        padding-right: 0;
        text-transform: capitalize;
        letter-spacing: normal; }
        @media (min-width: 768px) {
          body > header .cart-dropdown .accordion.total button#promo {
            font-size: 1rem; } }
        body > header .cart-dropdown .accordion.total button#promo.is-open .icon svg {
          transform: rotate(180deg); }
        body > header .cart-dropdown .accordion.total button#promo::after, body > header .cart-dropdown .accordion.total button#promo::before {
          display: none; }
        body > header .cart-dropdown .accordion.total button#promo .icon, body > header .cart-dropdown .accordion.total button#promo svg {
          width: 1.5rem;
          height: 1.5rem;
          transition: transform .3s ease-in-out; }
        body > header .cart-dropdown .accordion.total button#promo:focus {
          border: none !important;
          outline: none !important; }
        body > header .cart-dropdown .accordion.total button#promo:focus-visible {
          outline: 1px dashed #646569 !important;
          outline-offset: 2px; }
      body > header .cart-dropdown .accordion .coupon-code {
        position: relative; }
        body > header .cart-dropdown .accordion .coupon-code a {
          text-align: right;
          text-decoration: underline; }
        body > header .cart-dropdown .accordion .coupon-code button {
          position: absolute;
          top: 0;
          width: 30%;
          right: 0;
          height: 42px; }
    body > header .cart-dropdown .free-shipping-box {
      text-align: center;
      font-size: 0.75rem; }
      body > header .cart-dropdown .free-shipping-box > [data-content-region]:not(:empty) {
        padding: 0.625rem; }
    body > header .cart-dropdown [data-sub-layout] {
      padding: 0; }
    body > header .cart-dropdown .widget-title {
      text-align: left; }
    body > header .cart-dropdown .checkout {
      position: fixed;
      z-index: 1;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: #fff;
      width: 100%;
      padding: 1rem;
      box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
      @media (min-width: 992px) {
        body > header .cart-dropdown .checkout {
          padding: 1rem 1.5rem; } }
    body > header .cart-dropdown .buttons {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0.5rem;
      text-transform: uppercase; }
      body > header .cart-dropdown .buttons .btn-primary,
      body > header .cart-dropdown .buttons .btn-secondary {
        font-size: 0.875rem; }
      body > header .cart-dropdown .buttons [data-tid="instant-bolt-checkout-button"] {
        height: auto; }
        body > header .cart-dropdown .buttons [data-tid="instant-bolt-checkout-button"] > svg > svg {
          height: auto !important; }
      @media (min-width: 992px) {
        body > header .cart-dropdown .buttons {
          grid-template-columns: 1fr 1fr;
          gap: 1rem; } }
    body > header .cart-dropdown .content {
      padding: 1rem;
      overflow-x: hidden;
      max-height: calc(100dvh - 275px); }
      @media (min-width: 992px) {
        body > header .cart-dropdown .content {
          padding: 1.5rem;
          max-height: calc(100dvh - 200px); } }
    body > header .cart-dropdown .related-products {
      margin: 1rem;
      padding: 1rem; }
      body > header .cart-dropdown .related-products a {
        white-space: normal; }
      body > header .cart-dropdown .related-products .yotpo {
        display: none; }
      body > header .cart-dropdown .related-products .slick-arrow {
        scale: .75;
        text-indent: -999px;
        z-index: 1; }
      body > header .cart-dropdown .related-products .title a {
        font-size: inherit; }
      body > header .cart-dropdown .related-products .price-container .price {
        display: flex;
        flex-flow: column wrap; }
        body > header .cart-dropdown .related-products .price-container .price span {
          margin: 0; }
      @media (max-width: 767.9px) {
        body > header .cart-dropdown .related-products .slick-list {
          margin: 0 !important; } }
    body > header .cart-dropdown .subtotal {
      width: 100%;
      font-size: 1.125rem;
      font-weight: 500;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-flow: row nowrap;
      margin: 0 0 1rem;
      text-transform: none; }
      @media (min-width: 992px) {
        body > header .cart-dropdown .subtotal {
          font-size: 1.5rem; } }
    body > header .cart-dropdown .view-cart {
      float: right; }
    body > header .cart-dropdown .or-use-label {
      margin-bottom: 1rem; }
    body > header .cart-dropdown .products-header {
      border-bottom: 1px solid #e0c9b7;
      font-size: 1.5rem;
      font-weight: 600;
      text-transform: none;
      padding-bottom: 1.5rem;
      margin: 0 0 1.5rem;
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      align-items: center; }
      body > header .cart-dropdown .products-header h3 {
        font-size: inherit;
        margin: 0; }
    body > header .cart-dropdown .products {
      position: static;
      display: block;
      left: auto;
      top: auto;
      transform: none;
      background: none;
      margin: 1.875rem 0;
      width: 100%; }
      body > header .cart-dropdown .products p {
        margin: 0;
        color: #000; }
      body > header .cart-dropdown .products li {
        padding: 0; }
        body > header .cart-dropdown .products li:before {
          display: none; }
      body > header .cart-dropdown .products > li {
        border-bottom: 1px solid #e4e4cf;
        margin: 0;
        position: relative;
        padding: 1rem 0;
        width: 100%; }
        body > header .cart-dropdown .products > li a {
          background: none !important;
          height: auto;
          padding: 0;
          transition: opacity .3s ease-in-out;
          text-decoration: none; }
          body > header .cart-dropdown .products > li a:hover, body > header .cart-dropdown .products > li a:focus {
            opacity: .7;
            text-decoration: underline; }
        @media (min-width: 992px) {
          body > header .cart-dropdown .products > li {
            padding: 1.5rem 0; } }
        body > header .cart-dropdown .products > li:first-child {
          padding-top: 0; }
      body > header .cart-dropdown .products > li > .cnt {
        display: grid;
        grid-template-columns: 64px 1fr;
        grid-template-rows: auto;
        column-gap: 1.25rem;
        font-size: 1rem;
        transition: background-color .3s ease-in-out; }
        body > header .cart-dropdown .products > li > .cnt:hover, body > header .cart-dropdown .products > li > .cnt:focus {
          background-color: transparent; }
        @media (min-width: 992px) {
          body > header .cart-dropdown .products > li > .cnt {
            grid-template-columns: 140px 1fr; } }
      body > header .cart-dropdown .products img {
        width: 100%;
        height: auto;
        max-height: none; }
      body > header .cart-dropdown .products .cnt-header {
        display: flex;
        flex-flow: row wrap;
        align-items: top;
        justify-content: space-between;
        color: #333333;
        margin-bottom: 0.5rem; }
      body > header .cart-dropdown .products .name {
        font-family: "Poppins", Arial, Helvetica, sans-serif;
        flex: 1 1 auto;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.5;
        margin: 0 1rem 0 0;
        max-width: 40ch;
        text-transform: none;
        white-space: normal; }
      body > header .cart-dropdown .products .price-total {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.5;
        margin: 0; }
      body > header .cart-dropdown .products .product-sku, body > header .cart-dropdown .products .product-quantity {
        margin-bottom: 0.5rem;
        font-size: 0.875rem;
        font-weight: 500; }
      body > header .cart-dropdown .products .options {
        display: block;
        color: #333333;
        margin: 1rem 0;
        position: static !important;
        list-style: none;
        max-width: 40ch; }
        body > header .cart-dropdown .products .options li + li {
          margin-top: 0; }
      body > header .cart-dropdown .products .cart-remove {
        background-color: transparent;
        color: #333333;
        display: flex;
        align-items: center;
        justify-items: center;
        gap: 0.25rem;
        margin: 0;
        padding: 0;
        height: auto;
        width: auto; }
        body > header .cart-dropdown .products .cart-remove svg {
          cursor: pointer;
          height: 1rem;
          margin-top: 0;
          padding: spacing("eighth");
          transition: background-color 0.15s ease;
          width: 1rem; }
        body > header .cart-dropdown .products .cart-remove span {
          display: inline-block;
          text-decoration: underline; }
        body > header .cart-dropdown .products .cart-remove:hover, body > header .cart-dropdown .products .cart-remove:focus {
          color: #757575; }
          body > header .cart-dropdown .products .cart-remove:hover svg, body > header .cart-dropdown .products .cart-remove:focus svg {
            background-color: #757575; }
        @media (min-width: 992px) {
          body > header .cart-dropdown .products .cart-remove {
            position: absolute;
            z-index: 1;
            bottom: 1.5rem;
            right: 0; } }

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

    MODAL

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

    MODAL - BACKGROUND

\*  --------------------------------------------------------------------------  */
.modal-background {
  transition: all 0.4s ease;
  position: fixed;
  z-index: 1500 !important;
  left: 0;
  top: 0 !important;
  width: 100%;
  height: 100%;
  background: rgba(204, 204, 204, 0.75);
  visibility: hidden;
  opacity: 0; }
  .has-activeModal .modal-background {
    opacity: 1;
    visibility: visible; }

.hidden {
  display: none; }

.dialog_label {
  text-align: center; }

.dialog_form {
  margin: 15px; }

.dialog_form .label_text {
  box-sizing: border-box;
  padding-right: 0.5em;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  width: 30%;
  text-align: right; }

.dialog_form .label_info {
  box-sizing: border-box;
  padding-right: 0.5em;
  font-size: 12px;
  width: 30%;
  text-align: right;
  display: inline-block; }

.dialog_form_item {
  margin: 10px 0;
  font-size: 0; }

.dialog_form_item .wide_input {
  box-sizing: border-box;
  max-width: 70%;
  width: 27em; }

.dialog_form_item .city_input {
  box-sizing: border-box;
  max-width: 70%;
  width: 17em; }

.dialog_form_item .state_input {
  box-sizing: border-box;
  max-width: 70%;
  width: 15em; }

.dialog_form_item .zip_input {
  box-sizing: border-box;
  max-width: 70%;
  width: 9em; }

.dialog_form_actions {
  text-align: right;
  padding: 0 20px 20px; }

.dialog_close_button {
  float: right;
  position: absolute;
  top: 10px;
  left: 92%;
  height: 25px; }

.dialog_close_button img {
  border: 0; }

.dialog_desc {
  padding: 10px 20px; }

/* native <dialog> element uses the ::backdrop pseudo-element */
/* dialog::backdrop, */
.dialog-backdrop {
  display: none;
  position: fixed;
  overflow-y: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15000; }

@media screen and (min-width: 640px) {
  .dialog-backdrop {
    background: rgba(0, 0, 0, 0.75); } }

.dialog-backdrop.active {
  display: block; }

.no-scroll {
  overflow-y: auto !important; }

/* this is added to the body when a dialog is open */
.has-dialog {
  overflow: hidden; }

/* styling for alert-dialog example */
.notes {
  display: block;
  font-size: 1rem;
  line-height: 1.3;
  min-width: 400px;
  max-width: 100%;
  width: 33%; }

.toast {
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  padding: 1rem;
  border: none;
  border-radius: 0.25rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  position: fixed;
  top: 1rem;
  right: 1rem;
  transform: translateY(-150%);
  transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1); }

.toast.active {
  transform: translateY(0); }

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

    MODAL - LOADING OVERLAY

\*  --------------------------------------------------------------------------  */
.loadingOverlay-container {
  min-height: 120px;
  position: relative; }

.loadingOverlay {
  position: fixed;
  z-index: 15000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  transition: all 250ms ease-out;
  display: flex;
  align-items: center;
  min-height: 200px; }
  .loadingOverlay:after {
    position: absolute;
    z-index: 15;
    left: 50%;
    top: 50%;
    border-radius: 100%;
    border: 0.25rem solid #393939;
    content: "";
    animation: spinner 1s ease-out 0s infinite; }
  .loadingOverlay:after {
    height: 4rem;
    width: 4rem;
    border-top-color: transparent;
    border-bottom-color: transparent; }
  .loadingOverlay:before {
    height: 2.625rem;
    width: 2.625rem;
    border-radius: 2.625rem;
    border: solid 0.125rem;
    border-color: #393939 #393939 #c9b072 #c9b072;
    content: "";
    display: block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0);
    transform-style: preserve-3d;
    animation: spin 0.5s infinite cubic-bezier(0.69, 0.31, 0.56, 0.83); }

.loadingOverlay.ng-enter,
.loadingOverlay.ng-leave.ng-leave-active {
  opacity: 0; }

.loadingOverlay.ng-enter.ng-enter-active,
.loadingOverlay.ng-leave {
  opacity: 1; }

@keyframes spinner {
  from {
    transform: translate(-50%, -50%) rotate(0deg); }
  to {
    transform: translate(-50%, -50%) rotate(360deg); } }

@keyframes spin {
  0% {
    transform: translateY(-50%) rotate(0); }
  100% {
    transform: translateY(-50%) rotate(360deg); } }

.loadingNotification {
  left: 50%;
  position: fixed;
  text-align: center;
  top: 3rem;
  transform: translateX(-50%);
  transform-style: preserve-3d;
  transition: all 0.2s ease-out;
  z-index: 500; }

.loadingNotification.ng-hide-add-active,
.loadingNotification.ng-hide-remove {
  opacity: 0;
  top: 3.6rem;
  transform: scale(0.9) translateX(-50%); }

.loadingNotification.ng-hide-remove-active {
  opacity: 1;
  top: 3rem;
  transform: scale(1) translateX(-50%); }

.loadingNotification-label {
  background: #666;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  padding: 0.35714rem 0.78571rem; }

/* Widgets / PLP */
.modal .modal-window {
  padding: 0;
  overflow: hidden; }

.video-fullscreen {
  padding: 56.25% 0 0;
  position: relative;
  overflow: hidden; }
  .video-fullscreen iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%; }

@media (min-width: 768px) {
  .video-modal-launcher .flex-container {
    display: flex;
    column-gap: 1rem; }
    .video-modal-launcher .flex-container .video-wrapper {
      flex: 1;
      display: flex;
      flex-direction: column; } }

@media (min-width: 768px) {
  .video-modal-launcher.row-2 p, .video-modal-launcher.row-3 p {
    margin: 0; }
  .video-modal-launcher.row-2 .content, .video-modal-launcher.row-2 .video-wrapper, .video-modal-launcher.row-3 .content, .video-modal-launcher.row-3 .video-wrapper {
    padding-bottom: 0; } }

.single-modal {
  display: block; }
  .single-modal .video-wrapper.video-only {
    grid-template-columns: 1fr;
    grid-template-areas: "img"; }
    @media (min-width: 768px) {
      .single-modal .video-wrapper.video-only .youtube-icon {
        width: 90px; } }
  @media (min-width: 768px) {
    .single-modal .video-wrapper {
      display: grid;
      grid-template-columns: 5fr 1fr 6fr;
      grid-template-areas: "content . img"; }
      .single-modal .video-wrapper .cnt {
        grid-area: content; }
      .single-modal .video-wrapper .video {
        grid-area: img; } }

.video-wrapper {
  padding-bottom: 1.5rem; }
  .video-wrapper picture {
    aspect-ratio: 2 / 1; }
    .video-wrapper picture img {
      height: 100%;
      object-fit: cover; }
  .video-wrapper h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px; }
    @media (min-width: 992px) {
      .video-wrapper h3 {
        font-size: 24px;
        line-height: 32px; } }
  .video-wrapper .video {
    position: relative; }
  .video-wrapper .youtube-icon {
    position: absolute;
    fill: red;
    font-size: 2rem;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 64px; }
  .video-wrapper small {
    display: block;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.04em; }
    @media (min-width: 992px) {
      .video-wrapper small {
        font-size: 14px;
        line-height: 21px; } }
  .video-wrapper p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 1.5rem; }
    @media (min-width: 992px) {
      .video-wrapper p {
        margin: 0 0 2rem; } }
  .video-wrapper .video {
    margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .video-wrapper .video {
        margin: 0; }
        .video-wrapper .video picture, .video-wrapper .video img {
          height: 100%;
          object-fit: cover; } }
  .video-wrapper .btn-txt {
    font-size: 14px;
    letter-spacing: 0;
    justify-content: flex-start; }
  @media (min-width: 992px) {
    .video-wrapper .cnt {
      padding: 1.875rem 0; } }

.home-banner-block {
  background-repeat: no-repeat;
  background-size: cover;
  height: 28.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  @media (min-width: 992px) {
    .home-banner-block {
      height: 35rem; } }
  .home-banner-block .bg-image {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%; }
    .home-banner-block .bg-image img {
      z-index: 0;
      height: 100%;
      object-fit: cover; }
      .home-banner-block .bg-image img.dt {
        display: none; }
        @media (min-width: 992px) {
          .home-banner-block .bg-image img.dt {
            display: block; } }
      @media (min-width: 992px) {
        .home-banner-block .bg-image img .mob {
          display: none; } }
  .home-banner-block .container {
    z-index: 1;
    width: 100% !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .home-banner-block .content {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 !important; }
    .home-banner-block .content--subheading {
      margin-bottom: 0;
      text-transform: uppercase;
      color: white !important; }
    .home-banner-block .content--heading {
      color: white !important;
      margin-bottom: 1rem; }
    .home-banner-block .content--cta {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 0.5rem;
      padding: 0 !important; }
      .home-banner-block .content--cta a {
        margin: 0; }
    @media (min-width: 992px) {
      .home-banner-block .content {
        text-align: left; }
        .home-banner-block .content--cta {
          justify-content: start;
          flex-direction: row; } }

[data-searchspring-rec] .slick-next, [data-searchspring-rec] .slick-prev {
  position: absolute;
  top: 25%; }
  @media (max-width: 998px) {
    [data-searchspring-rec] .slick-next, [data-searchspring-rec] .slick-prev {
      display: none; } }

[data-searchspring-rec] .slick-prev {
  left: -45px; }

[data-searchspring-rec] .slick-next {
  right: -45px; }

[data-searchspring-rec] .card {
  padding: 0 1rem; }

@media (max-width: 767px) {
  [data-searchspring-rec] .slick-list {
    padding-left: 0 !important;
    overflow: visible !important;
    margin-right: 32px !important; } }

/*--------------404 page styles start------------------*/
.error-page-container {
  background-color: #f8f6f4;
  padding: 1.6875rem 30px; }
  .error-page-container .error-page, .error-page-container .error-page-content {
    max-height: 100% !important;
    background-color: #f8f6f4; }
    .error-page-container .error-page .container, .error-page-container .error-page-content .container {
      position: relative;
      margin: 0 auto;
      top: 0;
      left: auto;
      transform: inherit; }
      .error-page-container .error-page .container .breadcrumbs a, .error-page-container .error-page .container .breadcrumbs span, .error-page-container .error-page-content .container .breadcrumbs a, .error-page-container .error-page-content .container .breadcrumbs span {
        color: #4f4f4f; }
      .error-page-container .error-page .container nav.breadcrumbs li + li:before, .error-page-container .error-page-content .container nav.breadcrumbs li + li:before {
        color: #4f4f4f; }
      .error-page-container .error-page .container h1, .error-page-container .error-page-content .container h1 {
        text-align: center;
        color: #9a9b9d !important;
        text-transform: none;
        font-weight: 600;
        font-size: 65px;
        letter-spacing: 0px;
        padding: 5px 0;
        margin-bottom: 5px; }
      .error-page-container .error-page .container img, .error-page-container .error-page-content .container img {
        width: auto;
        margin: 0 auto; }
  .error-page-container .error-page-content {
    padding: 0 0 80px; }
    .error-page-container .error-page-content .ta-center {
      text-transform: uppercase;
      font-size: 30px;
      color: #9a9b9d !important;
      margin-bottom: 10px; }
    .error-page-container .error-page-content .ta-sub-center {
      text-align: center; }
      .error-page-container .error-page-content .ta-sub-center a {
        text-align: center;
        color: #bf4a50;
        font-weight: 500;
        font-size: 20px;
        text-decoration: none; }
  .error-page-container .error-page .container {
    padding: 0; }

@media screen and (max-width: 1000px) {
  .error-page-container nav.breadcrumbs {
    display: block !important; }
  .error-page-container img {
    width: 100% !important; }
  .error-page-container h1 {
    font-size: 35px; }
  .error-page-container .ta-center {
    font-size: 20px; }
  .error-page-container .ta-sub-center {
    font-size: 15px; } }

@media screen and (max-width: 767px) {
  .error-page-container h1 {
    font-size: 50px !important; }
  .error-page-container .ta-center {
    font-size: 22px !important; }
  .error-page-container .ta-sub-center {
    font-size: 15px !important; } }

@media screen and (max-width: 480px) {
  .error-page-container {
    padding: 1.6875rem 10px; }
    .error-page-container h1 {
      font-size: 30px !important; }
    .error-page-container .ta-center {
      font-size: 18px !important; }
    .error-page-container .ta-sub-center a {
      font-size: 15px !important; } }

/*--------------404 page styles End------------------*/
.stamped-review-content-body [alt="Rate"] {
  display: none; }

.blog_post ul li a {
  text-decoration: underline; }

/*--------------Copy Changes 100821------------------*/
.det-product .overview .title-subtitle {
  font-family: Rubik,sans-serif; }

.tabs > dd .promo-block .promo-title:only-child {
  display: none; }

.banners .banner.img-behind > .img-w::before {
  width: 100% !important;
  height: 100% !important; }

@media screen and (max-width: 767px) {
  .widgets section .container .banners .banner.img-behind > a img {
    height: 100% !important;
    width: auto !important; } }

.banners.home .picture img.dt-only, .banners.home img.dt-only, .banners.home picture img {
  margin: auto;
  width: auto !important;
  max-width: 100%; }

.widgets .banner img {
  height: auto !important;
  width: 100% !important; }

.category-page img {
  height: auto !important;
  width: 100% !important; }

.category .bg-tan h2 {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Rubik,sans-serif; }

.form-product .options .form-field .form-label {
  display: inline;
  margin: 0 0 0 5px; }

.form-product .options .form-field .form-label--alternate {
  display: none; }

.form-product .options .form-field .form-checkbox {
  position: relative;
  top: -1px; }
  .form-product .options .form-field .form-checkbox:before {
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    border-radius: 0;
    background-color: white;
    border-color: transparent;
    box-sizing: border-box;
    color: #3c4b3c;
    content: close-quote;
    display: inline-block;
    height: 16px;
    outline: 1px solid #3c4b3c;
    transition-duration: .5s;
    transition-property: background-color, border-color;
    width: 16px; }
  .form-product .options .form-field .form-checkbox:checked:before {
    background-color: #3c4b3c; }
  .form-product .options .form-field .form-checkbox:checked:after {
    position: absolute;
    left: 8px;
    top: 6px;
    transform: translate(-50%, -50%) rotate(-45deg);
    height: 4px;
    width: 10px;
    border-left: .125rem solid #fff;
    border-bottom: .125rem solid #fff;
    content: ""; }

.paypal-message {
  margin-top: 1.5rem; }

.hero.category-page p {
  margin-bottom: 0; }

@media screen and (max-width: 767px) {
  .hero.category-page {
    min-height: 200px; }
    .hero.category-page img {
      position: absolute;
      left: 50%;
      top: 50%;
      width: auto !important;
      transform: translate(-50%, -50%);
      height: 100% !important; }
    .hero.category-page .container {
      padding: 1rem;
      position: relative;
      left: auto;
      top: auto;
      transform: none;
      min-height: 200px;
      align-items: center; } }

body > header .utility ul li {
  min-height: 20px;
  min-width: 20px; }

.bg-tan .accordion {
  width: 100%;
  background-color: #f2eeea;
  border: none;
  outline: none;
  text-align: left;
  padding: 15px 20px 15px 0;
  text-transform: uppercase;
  font-weight: 500;
  margin: 15px 0 0 0 !important;
  font-size: 1rem;
  font-family: "Rubik", sans-serif;
  color: #3c4b3c;
  cursor: pointer;
  transition: background-color 0.2s linear; }

.bg-tan .accordion:after {
  content: "";
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: all .25s;
  float: right; }

.bg-tan .accordion.is-open:after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg); }

.bg-tan .accordion:focus {
  border: 0; }

.bg-tan .accordion:hover,
.bg-tan .accordion.is-open {
  background-color: #f2eeea; }

.bg-tan .accordion-content {
  background-color: #f2eeea;
  border-left: 1px solid #f2eeea;
  border-right: 1px solid #f2eeea;
  padding: 0 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out; }
  .bg-tan .accordion-content p {
    padding: 0 0 15px;
    margin: 0; }
    .bg-tan .accordion-content p:last-child {
      padding-bottom: 0; }

.cat-container-searchspring {
  min-height: auto !important; }

/*------------------------------------------ CUSTOM GW STYLES ------------------------------------------ */
/*--------------Megamenu App Styles------------------*/
body > header .main > li > div:before {
  opacity: .97 !important; }

/*---- fixed nested drodown nav presentation --------*/
body > header .main > li > div > div > ul ul a {
  padding: .125rem 10px !important;
  color: #666 !important; }

/*---- body>header .custom ul li:nth-child(2) a {color: #b3222a !important; font-weight: 500;} --------*/
/*--------------Megamenu Mobile Only Nav Items ------------------*/
@media (min-width: 767px) {
  .mobilenav-only {
    display: none; } }

/* hide any mega menu link item */
.mm-display-none {
  display: none !important; }

@media screen and (min-width: 1025px) {
  nav ul.main li.menu-height-225 > div.row-container > div.column-container > ul {
    max-height: unset;
    height: 225px; }
  nav ul.main li.menu-height-250 > div.row-container > div.column-container > ul {
    max-height: unset;
    height: 250px; }
  nav ul.main li.menu-height-275 > div.row-container > div.column-container > ul {
    max-height: unset;
    height: 275px; }
  nav ul.main li.menu-height-300 > div.row-container > div.column-container > ul {
    max-height: unset;
    height: 300px; }
  nav ul.main li.menu-height-325 > div.row-container > div.column-container > ul {
    max-height: unset;
    height: 325px; }
  nav ul.main li.menu-height-350 > div.row-container > div.column-container > ul {
    max-height: unset;
    height: 350px; }
  nav ul.main li.menu-height-375 > div.row-container > div.column-container > ul {
    max-height: unset;
    height: 375px; }
  nav ul.main li.menu-height-400 > div.row-container > div.column-container > ul {
    max-height: unset;
    height: 400px; }
  nav ul.main li.menu-height-425 > div.row-container > div.column-container > ul {
    max-height: unset;
    height: 425px; }
  nav ul.main li.menu-height-450 > div.row-container > div.column-container > ul {
    max-height: unset;
    height: 450px; }
  nav ul.main li.menu-height-475 > div.row-container > div.column-container > ul {
    max-height: unset;
    height: 475px; }
  nav ul.main li.menu-height-500 > div.row-container > div.column-container > ul {
    max-height: unset;
    height: 500px; }
  nav ul.main li.menu-accent-color a:first-child {
    color: #b3222a !important; }
  nav ul.main li.menu-accent-color a:hover {
    color: #ffffff !important; }
  nav ul.main li.menu-accent-color .row-container a {
    color: #3c4b3c !important; }
  nav ul.main li.submenu-accent-color a {
    color: #b3222a !important; }
  nav ul.main li.submenu-accent-color a:hover {
    color: #b3222a !important; }
  nav ul.main li.submenu-accent-color-wh a {
    color: #9c5d32 !important; }
  nav ul.main li.submenu-accent-color-wh a:hover {
    color: #9c5d32 !important; } }

@media (min-width: 992px) {
  body > header .main .card .img-w:before {
    background: none; }
  body > header .main .card {
    width: 45%;
    max-width: 506px; } }

@media screen and (max-width: 767px) {
  .hero.category-page {
    min-height: 0; }
  .hero.category-page .container {
    min-height: 100px; } }

/********mobile/desktop show/hide PB layouts*******/
@media only screen and (min-width: 992px) {
  div[data-layout-name*=mobile-only] {
    display: none; } }

@media only screen and (max-width: 991px) {
  div[data-layout-name*=desktop-only] {
    display: none; } }

/* hide up arrow in lower right corner */
a.to-top {
  display: none; }

/* fix text margins on product cards */
.card p.price {
  margin: 0 0; }

.card .title {
  line-height: 1.1875rem;
  margin: 0 0 .5rem; }

/* modals to appear above justuno/attentive/chat */
.modal-background {
  z-index: 2150000000; }

.modal {
  z-index: 2160000000; }

/* hide add to cart buttons on SS recs 031423 */
.ss-add-to-cart {
  display: none; }

/** .paypal-message {display:none !important;} **/
form[data-cart-item-add] {
  position: relative; }

.klav-block {
  position: absolute;
  width: 100%;
  background: #f2eeea;
  text-align: center;
  padding-top: 35px;
  height: auto;
  padding-bottom: 54px;
  z-index: 1; }
  .klav-block.hide {
    display: none; }
  .klav-block a.button.klaviyo-bis-trigger {
    display: inline-flex !important; }

.form-variants .klav-block {
  bottom: -38px;
  border: 1px solid white; }

a.button.klaviyo-bis-trigger {
  appearance: none;
  background: #3c4b3c;
  border-color: #3c4b3c;
  color: #fff;
  padding: 0.53125rem 1.3125rem;
  margin: 0 auto !important;
  align-self: center;
  position: static;
  transform: unset;
  border: 0.125rem solid currentColor;
  border-radius: 2rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.21429;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .25s;
  width: calc(100% - 26px) !important;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  display: none !important; }

/********catalog-request*******/
.form-cont .klaviyo-form-Skk2v9 p span {
  font-family: 'EB Garamond', serif !important;
  text-transform: capitalize !important;
  color: #000 !important;
  font-size: 1.3rem !important; }

.modal--large.yt-video-modal .modal-content {
  padding: 2px !important; }

.modal--large .modal-close {
  top: 6px;
  right: 6px;
  background: white;
  border-radius: 25px; }

.modal--large .form-product {
  min-height: 200px; }

/*******************Product Description *******************/
#descriptionPanel .content-block h2 {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  font-family: Rubik,sans-serif; }

.modal-backdrop .yotpo-modal .modal-close-btn-wrapper, .yotpo-new-review-btn-wrapper {
  border: none; }

.yotpo-ask-question-btn-wrapper.yotpo-header-form-button {
  border: none; }

.yotpo-question-btn.yotpo-ask-question-btn-s {
  padding: 20px; }

.yotpo-ask-question-btn-wrapper {
  border: none !important; }

.alert-success {
  background-color: #f2eeea !important; }

/*******************  CSS to add SVG before Megamenu: "GIFTS" *******************/
.section-gifts {
  display: flex;
  align-items: center;
  font-size: 1.2em;
  /* Adjust font size */ }

.section-gifts::before {
  content: "";
  display: inline-block;
  width: 16px;
  /* Adjust SVG size as needed */
  height: 16px;
  margin-right: 10px;
  /* Space between SVG and text */
  margin-top: 4px;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23B3222A' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 6a1.25 1.25 0 0 0-1.25-1.25h-1.06a2.19 2.19 0 0 0 .23-1A2.22 2.22 0 0 0 11.2 1.5 3.78 3.78 0 0 0 8 3.07 3.78 3.78 0 0 0 4.8 1.5a2.22 2.22 0 0 0-2.22 2.22 2.19 2.19 0 0 0 .23 1H1.75A1.25 1.25 0 0 0 .5 6v2.5h1.25v4.79A1.25 1.25 0 0 0 3 14.5h10a1.25 1.25 0 0 0 1.25-1.25V8.46h1.25zm-4.3-3.25a1 1 0 0 1 0 2H8.68a2.36 2.36 0 0 1 2.52-2zm-6.4 0a2.36 2.36 0 0 1 2.52 2H4.8a1 1 0 0 1 0-1.95zM1.75 6h4.37v1.21H1.75zm4.37 7.29H3V8.46h3.12zm1.26 0V6h1.24v7.29zm5.62 0H9.88V8.46H13zm1.25-6H9.88V6h4.37z'%3E%3C/path%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent !important; }

nav li.section-gifts {
  padding-left: 0 !important; }

li.section-gifts > a {
  padding-left: 40px !important; }

.section-gifts:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 6a1.25 1.25 0 0 0-1.25-1.25h-1.06a2.19 2.19 0 0 0 .23-1A2.22 2.22 0 0 0 11.2 1.5 3.78 3.78 0 0 0 8 3.07 3.78 3.78 0 0 0 4.8 1.5a2.22 2.22 0 0 0-2.22 2.22 2.19 2.19 0 0 0 .23 1H1.75A1.25 1.25 0 0 0 .5 6v2.5h1.25v4.79A1.25 1.25 0 0 0 3 14.5h10a1.25 1.25 0 0 0 1.25-1.25V8.46h1.25zm-4.3-3.25a1 1 0 0 1 0 2H8.68a2.36 2.36 0 0 1 2.52-2zm-6.4 0a2.36 2.36 0 0 1 2.52 2H4.8a1 1 0 0 1 0-1.95zM1.75 6h4.37v1.21H1.75zm4.37 7.29H3V8.46h3.12zm1.26 0V6h1.24v7.29zm5.62 0H9.88V8.46H13zm1.25-6H9.88V6h4.37z'%3E%3C/path%3E%3C/svg%3E");
  color: #fff; }

@media (max-width: 991.9px) {
  .section-gifts::before {
    background-image: none; } }

/*******************  CSS to add SVG before megamenu item: "WAREHOUSE" *******************/
.section-warehouse {
  display: flex;
  align-items: center;
  font-size: 1.2em;
  /* Adjust font size */ }

.section-warehouse::before {
  content: "";
  display: inline-block;
  width: 16px;
  /* Adjust SVG size as needed */
  height: 16px;
  margin-right: 10px;
  /* Space between SVG and text */
  margin-top: 4px;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' viewBox='0 0 32 32' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;' version='1.1' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:serif='http://www.serif.com/' xmlns:xlink='http://www.w3.org/1999/xlink' transform='rotate(45)matrix(-1, 0, 0, -1, 0, 0)'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' stroke='%23CCCCCC' stroke-width='0.064'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg transform='matrix(1,0,0,1,-240,0)'%3E%3Cg transform='matrix(0.659966,0.659966,-0.707107,0.707107,99.2547,-165.504)'%3E%3Cpath d='M265.071,9.908C265.071,9.331 264.805,8.782 264.34,8.402C262.917,7.24 259.755,4.658 257.911,3.152C257.103,2.493 255.897,2.493 255.089,3.152C253.245,4.658 250.083,7.24 248.66,8.402C248.195,8.782 247.929,9.331 247.929,9.908C247.929,12.936 247.929,22.745 247.929,27C247.929,27.53 248.154,28.039 248.556,28.414C248.958,28.789 249.503,29 250.071,29C253.365,29 259.635,29 262.929,29C263.497,29 264.042,28.789 264.444,28.414C264.846,28.039 265.071,27.53 265.071,27C265.071,22.745 265.071,12.936 265.071,9.908Z' style='fill:%23ffcb05;'/%3E%3C/g%3E%3Cpath d='M267.894,17.147C268.506,16.536 268.824,15.69 268.766,14.826L268.236,6.872C268.136,5.372 266.942,4.178 265.442,4.078L257.487,3.547C256.624,3.49 255.778,3.808 255.166,4.419C253.025,6.561 246.089,13.497 243.08,16.506C242.518,17.068 242.201,17.831 242.201,18.627C242.201,19.423 242.518,20.186 243.08,20.748L251.565,29.234C252.128,29.796 252.891,30.112 253.687,30.112C254.482,30.112 255.246,29.796 255.808,29.234L267.894,17.147ZM266.48,15.733L254.394,27.819C254.206,28.007 253.952,28.112 253.687,28.112C253.422,28.112 253.167,28.007 252.98,27.819C252.98,27.819 244.494,19.334 244.494,19.334C244.307,19.146 244.201,18.892 244.201,18.627C244.201,18.362 244.307,18.107 244.494,17.92L256.581,5.834C256.785,5.63 257.066,5.524 257.354,5.543C257.354,5.543 265.309,6.073 265.309,6.073C265.809,6.107 266.207,6.505 266.24,7.005L266.771,14.959C266.79,15.247 266.684,15.529 266.48,15.733ZM262.879,9.435C263.66,10.215 263.66,11.482 262.879,12.263C262.099,13.043 260.831,13.043 260.051,12.263C259.27,11.482 259.27,10.215 260.051,9.435C260.831,8.654 262.099,8.654 262.879,9.435Z' style='fill:%23241f21;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent !important; }

nav li.section-warehouse {
  padding-left: 0 !important; }

li.section-warehouse > a {
  padding-left: 40px !important; }

.section-warehouse:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' viewBox='0 0 32 32' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;' version='1.1' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:serif='http://www.serif.com/' xmlns:xlink='http://www.w3.org/1999/xlink' transform='rotate(45)matrix(-1, 0, 0, -1, 0, 0)'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' stroke='%23CCCCCC' stroke-width='0.064'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg transform='matrix(1,0,0,1,-240,0)'%3E%3Cg transform='matrix(0.659966,0.659966,-0.707107,0.707107,99.2547,-165.504)'%3E%3Cpath d='M265.071,9.908C265.071,9.331 264.805,8.782 264.34,8.402C262.917,7.24 259.755,4.658 257.911,3.152C257.103,2.493 255.897,2.493 255.089,3.152C253.245,4.658 250.083,7.24 248.66,8.402C248.195,8.782 247.929,9.331 247.929,9.908C247.929,12.936 247.929,22.745 247.929,27C247.929,27.53 248.154,28.039 248.556,28.414C248.958,28.789 249.503,29 250.071,29C253.365,29 259.635,29 262.929,29C263.497,29 264.042,28.789 264.444,28.414C264.846,28.039 265.071,27.53 265.071,27C265.071,22.745 265.071,12.936 265.071,9.908Z' style='fill:%23ffcb05;'/%3E%3C/g%3E%3Cpath d='M267.894,17.147C268.506,16.536 268.824,15.69 268.766,14.826L268.236,6.872C268.136,5.372 266.942,4.178 265.442,4.078L257.487,3.547C256.624,3.49 255.778,3.808 255.166,4.419C253.025,6.561 246.089,13.497 243.08,16.506C242.518,17.068 242.201,17.831 242.201,18.627C242.201,19.423 242.518,20.186 243.08,20.748L251.565,29.234C252.128,29.796 252.891,30.112 253.687,30.112C254.482,30.112 255.246,29.796 255.808,29.234L267.894,17.147ZM266.48,15.733L254.394,27.819C254.206,28.007 253.952,28.112 253.687,28.112C253.422,28.112 253.167,28.007 252.98,27.819C252.98,27.819 244.494,19.334 244.494,19.334C244.307,19.146 244.201,18.892 244.201,18.627C244.201,18.362 244.307,18.107 244.494,17.92L256.581,5.834C256.785,5.63 257.066,5.524 257.354,5.543C257.354,5.543 265.309,6.073 265.309,6.073C265.809,6.107 266.207,6.505 266.24,7.005L266.771,14.959C266.79,15.247 266.684,15.529 266.48,15.733ZM262.879,9.435C263.66,10.215 263.66,11.482 262.879,12.263C262.099,13.043 260.831,13.043 260.051,12.263C259.27,11.482 259.27,10.215 260.051,9.435C260.831,8.654 262.099,8.654 262.879,9.435Z' style='fill:%23241f21;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  color: #fff; }

@media (max-width: 991.9px) {
  .section-warehouse::before {
    background-image: none; } }

li.disabled-link {
  cursor: default;
  pointer-events: none;
  text-decoration: none; }

li.disabled-link li {
  cursor: initial;
  pointer-events: initial;
  text-decoration: initial; }

/*******************  CSS to fix hover states of accent color menu items *******************/
nav ul.main li.menu-accent-color a {
  color: #B3222A !important;
  /* Text color */ }

nav ul.main li.menu-accent-color:hover a {
  color: #ffffff !important; }

nav ul.main li.menu-accent-color .row-container a {
  color: #3c4b3c !important; }

nav ul.main li.menu-accent-color .row-container a:hover {
  color: #3c4b3c !important; }

nav ul.main li.menu-accent-color .row-container li li a {
  color: #666 !important; }

nav ul.main li.menu-accent-color .row-container li li a:hover {
  color: #666 !important; }

nav ul.main li.submenu-accent-color a {
  color: #b3222a !important; }

nav ul.main li.submenu-accent-color a:hover {
  color: #b3222a !important; }

nav ul.main li.submenu-accent-color-wh a {
  color: #9c5d32 !important; }

nav ul.main li.submenu-accent-color-wh a:hover {
  color: #9c5d32 !important; }

.gift-certificate-form input {
  border-color: black !important; }

.slick-dots {
  display: none; }