/** Shopify CDN: Minification failed

Line 271:3 Unexpected "zoom"
Line 339:3 Unexpected "zoom"
Line 2167:3 Unexpected "zoom"
Line 7688:3 Unexpected "zoom"

**/
/*============================================================================

  Flow Shopify Theme
  by WeTheme
  http://www.wetheme.com

  Built with:
  Shopify Timber
  Copyright 2016 Shopify Inc.
  Author Carson Shold @cshold
  Built with Sass - http://sass-lang.com/

  Some things to know about this file:
    - Sass is compiled on Shopify's server so you don't need to convert it to CSS yourself
    - The output CSS is compressed and comments are removed
    - You cannot use @imports in this file
        * Use grunt or gulp tasks to enable @imports - https://github.com/Shopify/shopify-css-import
    - Helpers variables, mixins, and starter classes are provided. Change as needed.
    - The file is prepped with a CSS reset
    - The font icons are prepared using https://icomoon.io/app
==============================================================================*/
/*============================================================================
  Table of Contents

  #Breakpoint and Grid Variables
  #General Variables
  #Sass Mixins
  #Normalize
  #Grid Setup
  #Basic Styles
  #Helper Classes
  #Typography
  #Rich Text Editor
  #Links and Buttons
  #Lists
  #Tables
  #Responsive Tables
  #OOCSS Media Object
  #Images and Iframes
  #Forms
  #Icons
  #Pagination
  #Site Header
  #Site Nav and Dropdowns
  #Mobile Nav
  #Drawers
  #Site Footer
  #Product and Collection Grids
  #Collection Filters
  #Breadcrumbs
  #Product Page
  #Notes and Form Feedback
  #Cart Page
  #Ajax Cart Styles

  Theme Specific

  #Homepage
  #Product Page
  #Collection Page
  #Cart Page
  #Search Overlay
  #Footer
  #Plyr

==============================================================================*/
/*============================================================================
  #Breakpoint and Grid Variables
==============================================================================*/
/*================ The following are dependencies of csswizardry grid ================*/
/*============================================================================
  #General Variables
==============================================================================*/
/*================ Typography ================*/
@font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/cdn/fonts/roboto/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2?h1=dmVyc2Vkc2tpbi5jb20&hmac=38af9cb6f3d67e0913c3e72686c1688cbb18e5daf97717e1defc6c0f3c118154") format("woff2"), url("/cdn/fonts/roboto/roboto_n7.1babbb6a27f91b14216bafa40bf222e08f6999f4.woff?h1=dmVyc2Vkc2tpbi5jb20&hmac=6c9e407216f4353de10277bb4aceacee488a441a9996b85828b6e5543adc4bce") format("woff"); }

@font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/cdn/fonts/roboto/roboto_n4.da808834c2315f31dd3910e2ae6b1a895d7f73f5.woff2?h1=dmVyc2Vkc2tpbi5jb20&hmac=0ce30e12bd8fde2a10b9b1489826e72746cbb16671ee331eb2576acd0993a9c7") format("woff2"), url("/cdn/fonts/roboto/roboto_n4.a512c7b68cd7f12c72e1a5fd58e7f7315c552e93.woff?h1=dmVyc2Vkc2tpbi5jb20&hmac=bf7139b68949e5fa7d4f824d9a84078851daf66b26c6726400604e4f8f069acd") format("woff"); }

@font-face {
  font-family: Roboto;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("/cdn/fonts/roboto/roboto_n5.126dd24093e910b23578142c0183010eb1f2b9be.woff2?h1=dmVyc2Vkc2tpbi5jb20&hmac=69c5436d83f922c6065429301462334df082450c4be97714d3a7539544852a83") format("woff2"), url("/cdn/fonts/roboto/roboto_n5.ef0ac6b5ed77e19e95b9512154467a6fb9575078.woff?h1=dmVyc2Vkc2tpbi5jb20&hmac=de1f1120456bb9486cc4f6ce4587edaa597e0b778917976804d2bafcef73a210") format("woff"); }

@font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/cdn/fonts/roboto/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2?h1=dmVyc2Vkc2tpbi5jb20&hmac=38af9cb6f3d67e0913c3e72686c1688cbb18e5daf97717e1defc6c0f3c118154") format("woff2"), url("/cdn/fonts/roboto/roboto_n7.1babbb6a27f91b14216bafa40bf222e08f6999f4.woff?h1=dmVyc2Vkc2tpbi5jb20&hmac=6c9e407216f4353de10277bb4aceacee488a441a9996b85828b6e5543adc4bce") format("woff"); }

@font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("/cdn/fonts/roboto/roboto_i4.f98951b4b9b6e1096fc799cd05debd098bd422ac.woff2?h1=dmVyc2Vkc2tpbi5jb20&hmac=6927049eb850d8198a08263059fa7e74f4fc4ab29b49ffce315d066b9e7548cc") format("woff2"), url("/cdn/fonts/roboto/roboto_i4.688a26691d45bc4053b6ae24a196cabdeedbc25c.woff?h1=dmVyc2Vkc2tpbi5jb20&hmac=94a77d59a3b5463a162f1039865418d7eb9c5be9c22762db09375738bb030da7") format("woff"); }

@font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("/cdn/fonts/roboto/roboto_i7.9c922c35bb84952cfb17e8c1d42e440e75aa8ccf.woff2?h1=dmVyc2Vkc2tpbi5jb20&hmac=df3bdf46bf139d99f08032e9986be42ada6203cf17abc9ed2f364b12d6e90c37") format("woff2"), url("/cdn/fonts/roboto/roboto_i7.c50b5683f5731edb8040ff2110a54947108434de.woff?h1=dmVyc2Vkc2tpbi5jb20&hmac=18e7e1333653ee35591bfb54c81fbe4cec982042c6ec86433d4d5bc7361937e6") format("woff"); }

@font-face {
  font-family: 'icons';
  src: url("/cdn/shop/t/614/assets/icons.eot?v=3720371381315992971690848696");
  src: url("/cdn/shop/t/614/assets/icons.eot?v=3720371381315992971690848696#iefix") format("embedded-opentype"), url("/cdn/shop/t/614/assets/icons.woff?v=113366325635122866781690848698") format("woff"), url("/cdn/shop/t/614/assets/icons.ttf?v=123693388586322309211690848698") format("truetype"), url("/cdn/shop/t/614/assets/icons.svg?v=65642800963308246471690848697#timber-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Neue Montreal Medium';
  src: url("/cdn/shop/t/614/assets/NeueMontreal-Medium.otf?v=108547123787254133421690848705") format("opentype");
  font-style: bold;
  font-weight: bold;
  font-display: block;
  font-display: swap; }

@font-face {
  font-family: 'Cartograph-Mono';
  src: url("/cdn/shop/t/614/assets/Cartograph-Mono-CF.eot?v=88656032654277659461690848632");
  src: url("/cdn/shop/t/614/assets/Cartograph-Mono-CF.eot?v=88656032654277659461690848632#iefix") format("embedded-opentype"), url("/cdn/shop/t/614/assets/Cartograph-Mono-CF.woff2?v=95838293875946388821690848635") format("woff2"), url("/cdn/shop/t/614/assets/Cartograph-Mono-CF.woff?v=125451707742021847681690848634") format("woff"), url("/cdn/shop/t/614/assets/Cartograph-Mono-CF.ttf?v=79551670640004051721690848634") format("truetype"), url("/cdn/shop/t/614/assets/Cartograph-Mono-CF.svg?v=50768302711596072461690848633") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Cartograph-Mono';
  src: url("/cdn/shop/t/614/assets/Cartograph-Mono-CF-Demi-Bold.eot?v=8829593958828887511690848624");
  src: url("/cdn/shop/t/614/assets/Cartograph-Mono-CF-Demi-Bold.eot?v=8829593958828887511690848624#iefix") format("embedded-opentype"), url("/cdn/shop/t/614/assets/Cartograph-Mono-CF-Demi-Bold.woff2?v=93354101344744368521690848626") format("woff2"), url("/cdn/shop/t/614/assets/Cartograph-Mono-CF-Demi-Bold.woff?v=12771474498624787631690848626") format("woff"), url("/cdn/shop/t/614/assets/Cartograph-Mono-CF-Demi-Bold.ttf?v=47324280811403918861690848625") format("truetype"), url("/cdn/shop/t/614/assets/Cartograph-Mono-CF-Demi-Bold.svg?v=147068067561648273081690848625") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Cartograph-Mono';
  src: url("/cdn/shop/t/614/assets/Cartograph-Mono-CF-Bold.eot?v=175848357908101031071690848621");
  src: url("/cdn/shop/t/614/assets/Cartograph-Mono-CF-Bold.eot?v=175848357908101031071690848621#iefix") format("embedded-opentype"), url("/cdn/shop/t/614/assets/Cartograph-Mono-CF-Bold.woff2?v=18668876917796092741690848623") format("woff2"), url("/cdn/shop/t/614/assets/Cartograph-Mono-CF-Bold.woff?v=153218170080472223011690848623") format("woff"), url("/cdn/shop/t/614/assets/Cartograph-Mono-CF-Bold.ttf?v=121447732206005282331690848622") format("truetype"), url("/cdn/shop/t/614/assets/Cartograph-Mono-CF-Bold.svg?v=69947689921754912131690848622") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Cartograph-Mono';
  src: url("/cdn/shop/t/614/assets/Cartograph-Mono-CF-Heavy.eot?v=33097638304499229071690848627");
  src: url("/cdn/shop/t/614/assets/Cartograph-Mono-CF-Heavy.eot?v=33097638304499229071690848627#iefix") format("embedded-opentype"), url("/cdn/shop/t/614/assets/Cartograph-Mono-CF-Heavy.woff2?v=159467136422746116241690848629") format("woff2"), url("/cdn/shop/t/614/assets/Cartograph-Mono-CF-Heavy.woff?v=118508535944078400431690848629") format("woff"), url("/cdn/shop/t/614/assets/Cartograph-Mono-CF-Heavy.ttf?v=140292598383046365041690848628") format("truetype"), url("/cdn/shop/t/614/assets/Cartograph-Mono-CF-Heavy.svg?v=129520813857217067491690848628") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Doyle';
  src: url("/cdn/shop/t/614/assets/Doyle-Light.eot?v=58546628777271243501690848651");
  src: url("/cdn/shop/t/614/assets/Doyle-Light.eot?v=58546628777271243501690848651#iefix") format("embedded-opentype"), url("/cdn/shop/t/614/assets/Doyle-Light.woff2?v=123184934885728329781690848654") format("woff2"), url("/cdn/shop/t/614/assets/Doyle-Light.woff?v=67443986838330261721690848653") format("woff"), url("/cdn/shop/t/614/assets/Doyle-Light.ttf?v=122619308559267858861690848653") format("truetype"), url("/cdn/shop/t/614/assets/Doyle-Light.svg?v=77137738962776130671690848652") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Doyle';
  src: url("/cdn/shop/t/614/assets/Doyle-LightItalic.eot?v=99399972412212319721690848654");
  src: url("/cdn/shop/t/614/assets/Doyle-LightItalic.eot?v=99399972412212319721690848654#iefix") format("embedded-opentype"), url("/cdn/shop/t/614/assets/Doyle-LightItalic.woff2?v=29581894456145543531690848657") format("woff2"), url("/cdn/shop/t/614/assets/Doyle-LightItalic.woff?v=131104265785015348401690848657") format("woff"), url("/cdn/shop/t/614/assets/Doyle-LightItalic.ttf?v=6224282194876717681690848656") format("truetype"), url("/cdn/shop/t/614/assets/Doyle-LightItalic.svg?v=75576223840933896231690848655") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Doyle';
  src: url("/cdn/shop/t/614/assets/Doyle-Regular.eot?v=86139119267214731801690848664");
  src: url("/cdn/shop/t/614/assets/Doyle-Regular.eot?v=86139119267214731801690848664#iefix") format("embedded-opentype"), url("/cdn/shop/t/614/assets/Doyle-Regular.woff2?v=103507550486796471181690848666") format("woff2"), url("/cdn/shop/t/614/assets/Doyle-Regular.woff?v=41132080797377308691690848666") format("woff"), url("/cdn/shop/t/614/assets/Doyle-Regular.ttf?v=142180923238663807371690848665") format("truetype"), url("/cdn/shop/t/614/assets/Doyle-Regular.svg?v=2950448331754112711690848665") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Doyle';
  src: url("/cdn/shop/t/614/assets/Doyle-RegularItalic.eot?v=120049814410293262421690848667");
  src: url("/cdn/shop/t/614/assets/Doyle-RegularItalic.eot?v=120049814410293262421690848667#iefix") format("embedded-opentype"), url("/cdn/shop/t/614/assets/Doyle-RegularItalic.woff2?v=23884056548745488581690848670") format("woff2"), url("/cdn/shop/t/614/assets/Doyle-RegularItalic.woff?v=52741122829398318511690848669") format("woff"), url("/cdn/shop/t/614/assets/Doyle-RegularItalic.ttf?v=181383415814738928131690848668") format("truetype"), url("/cdn/shop/t/614/assets/Doyle-RegularItalic.svg?v=172735304032550481541690848668") format("svg");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Doyle';
  src: url("/cdn/shop/t/614/assets/Doyle-Medium.eot?v=103471682691966809861690848657");
  src: url("/cdn/shop/t/614/assets/Doyle-Medium.eot?v=103471682691966809861690848657#iefix") format("embedded-opentype"), url("/cdn/shop/t/614/assets/Doyle-Medium.woff2?v=20229150119248214351690848660") format("woff2"), url("/cdn/shop/t/614/assets/Doyle-Medium.woff?v=118760055743216171301690848660") format("woff"), url("/cdn/shop/t/614/assets/Doyle-Medium.ttf?v=45847250881797043711690848659") format("truetype"), url("/cdn/shop/t/614/assets/Doyle-Medium.svg?v=109168847191222980201690848659") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Doyle';
  src: url("/cdn/shop/t/614/assets/Doyle-MediumItalix.eot?114677");
  src: url("/cdn/shop/t/614/assets/Doyle-MediumItalix.eot?114677#iefix") format("embedded-opentype"), url("/cdn/shop/t/614/assets/Doyle-MediumItalix.woff2?114677") format("woff2"), url("/cdn/shop/t/614/assets/Doyle-MediumItalix.woff?114677") format("woff"), url("/cdn/shop/t/614/assets/Doyle-MediumItalix.ttf?114677") format("truetype"), url("/cdn/shop/t/614/assets/Doyle-MediumItalix.svg?114677") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Doyle';
  src: url("/cdn/shop/t/614/assets/Doyle-Bold.eot?v=106291771324256551171690848645");
  src: url("/cdn/shop/t/614/assets/Doyle-Bold.eot?v=106291771324256551171690848645#iefix") format("embedded-opentype"), url("/cdn/shop/t/614/assets/Doyle-Bold.woff2?v=129708945660100217021690848648") format("woff2"), url("/cdn/shop/t/614/assets/Doyle-Bold.woff?v=18466441720959064641690848647") format("woff"), url("/cdn/shop/t/614/assets/Doyle-Bold.ttf?v=13105238923026193861690848647") format("truetype"), url("/cdn/shop/t/614/assets/Doyle-Bold.svg?v=141404445460261303621690848646") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Doyle';
  src: url("/cdn/shop/t/614/assets/Doyle-BoldItalic.eot?v=18996193957105052751690848648");
  src: url("/cdn/shop/t/614/assets/Doyle-BoldItalic.eot?v=18996193957105052751690848648#iefix") format("embedded-opentype"), url("/cdn/shop/t/614/assets/Doyle-BoldItalic.woff2?v=159361248997624824261690848651") format("woff2"), url("/cdn/shop/t/614/assets/Doyle-BoldItalic.woff?v=31116597980956033711690848650") format("woff"), url("/cdn/shop/t/614/assets/Doyle-BoldItalic.ttf?v=56516172530541449721690848650") format("truetype"), url("/cdn/shop/t/614/assets/Doyle-BoldItalic.svg?v=27471487651741783441690848649") format("svg");
  font-weight: 700;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Doyle';
  src: url("/cdn/shop/t/614/assets/Doyle-Black.eot?v=131442493680113942971690848639");
  src: url("/cdn/shop/t/614/assets/Doyle-Black.eot?v=131442493680113942971690848639#iefix") format("embedded-opentype"), url("/cdn/shop/t/614/assets/Doyle-Black.woff2?v=109009513245650337901690848642") format("woff2"), url("/cdn/shop/t/614/assets/Doyle-Black.woff?v=123863081526182247571690848641") format("woff"), url("/cdn/shop/t/614/assets/Doyle-Black.ttf?v=158749258324211947681690848641") format("truetype"), url("/cdn/shop/t/614/assets/Doyle-Black.svg?v=78903326508268212961690848640") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Doyle';
  src: url("/cdn/shop/t/614/assets/Doyle-BlackItalic.eot?v=4602800470884304351690848642");
  src: url("/cdn/shop/t/614/assets/Doyle-BlackItalic.eot?v=4602800470884304351690848642#iefix") format("embedded-opentype"), url("/cdn/shop/t/614/assets/Doyle-BlackItalic.woff2?v=3130417033861733601690848645") format("woff2"), url("/cdn/shop/t/614/assets/Doyle-BlackItalic.woff?v=74138148676086118521690848644") format("woff"), url("/cdn/shop/t/614/assets/Doyle-BlackItalic.ttf?v=45978816051203271451690848644") format("truetype"), url("/cdn/shop/t/614/assets/Doyle-BlackItalic.svg?v=19053604093321045251690848643") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "NeuzeitGro";
  src: url("/cdn/shop/t/614/assets/NeuzeitGro-Reg.woff2?v=76225355224174476021690848708") format("woff2"), url("/cdn/shop/t/614/assets/NeuzeitGro-Reg.woff?v=172896500439606696721690848707") format("woff"), url("/cdn/shop/t/614/assets/NeuzeitGro-Reg.otf?v=59967841922563841851690848707") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap; }

@font-face {
  font-family: "NeuzeitGro";
  src: url("/cdn/shop/t/614/assets/NeuzeitGro-Bol.woff2?v=131397807180466516321690848706") format("woff2"), url("/cdn/shop/t/614/assets/NeuzeitGro-Bol.woff?v=77072186128055511481690848706") format("woff"), url("/cdn/shop/t/614/assets/NeuzeitGro-Bol.otf?v=152819528318478271201690848705") format("opentype");
  font-style: normal;
  font-weight: 700;
  font-display: swap; }

/*============================================================================
  #Sass Mixins
==============================================================================*/
.clearfix {
  *zoom: 1; }
  .clearfix:after {
    content: '';
    display: table;
    clear: both; }

/*============================================================================
  Prefixer mixin for generating vendor prefixes:
    - Based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/addons/_prefixer.scss
    - Usage:

      // Input:
      .element {
        @include prefixer(transform, scale(1), ms webkit spec);
      }

      // Output:
      .element {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
      }
==============================================================================*/
/*============================================================================
  Layer promotion mixin for creating smoother animations with higher FPS.
==============================================================================*/
/*============================================================================
  Dependency-free breakpoint mixin
    - Based on http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/
    - Usage docs: http://shopify.github.io/Timber/#sass-mixins
==============================================================================*/
/*============================================================================
  #Normalize
==============================================================================*/
*, input, :before, :after {
  box-sizing: border-box; }

html, body {
  padding: 0;
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

input:focus, textarea:focus, select:focus {
  outline: none; }

/*============================================================================
  #Grid Setup
    - Based on csswizardry grid, but with floated columns, a fixed gutter size, and BEM classes
    - Breakpoints defined above, under #Breakpoint and Grid Variables
    - Note the inclusion of .grid-uniform to take care of clearfixes on evenly sized grid items
==============================================================================*/
/* Force clearfix on grids */
.grid, .grid--rev, .grid--full,
.grid-uniform {
  *zoom: 1; }
  .grid:after, .grid--rev:after, .grid--full:after,
  .grid-uniform:after {
    content: '';
    display: table;
    clear: both; }

/* Manual grid__item clearfix */
.grid__item.clear {
  clear: both; }

/*============================================================================
  Drop relative positioning into silent classes which can't take advantage of
  the `[class*="push--"]` and `[class*="pull--"]` selectors.
==============================================================================*/
/*============================================================================
  Grid Setup
    1. Allow the grid system to be used on lists.
    2. Remove any margins and paddings that might affect the grid system.
    3. Apply a negative `margin-left` to negate the columns' gutters.
==============================================================================*/
.grid, .grid--rev, .grid--full,
.grid-uniform {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -30px; }

.grid__item {
  box-sizing: border-box;
  float: left;
  min-height: 1px;
  padding-left: 30px;
  vertical-align: top;
  width: 100%; }

/*============================================================================
  Reversed grids allow you to structure your source in the opposite
  order to how your rendered layout will appear.
==============================================================================*/
.grid--rev {
  direction: rtl;
  text-align: left; }
  .grid--rev > .grid__item {
    direction: ltr;
    text-align: left;
    float: right; }

/* Gutterless grids have all the properties of regular grids, minus any spacing. */
.grid--full {
  margin-left: 0; }
  .grid--full > .grid__item {
    padding-left: 0; }

/**
 * Centered grids align grid items centrally without needing to use push or pull
 * classes. Extends `.grid`.
 */
.grid--center {
  text-align: center; }
  .grid--center > .grid__item {
    text-align: left; }

@media screen and (min-width: 769px) {
  .grid.grid--center, .grid--center.grid--rev, .grid--center.grid--full {
    margin-left: 0; } }

/*============================================================================
  WIDTHS
    - Create width classes, prefixed by the specified namespace.
==============================================================================*/
/*================ Clearfix helper on uniform grids ================*/
/*================ Helper show/hide classes around our breakpoints ================*/
/*================ Our regular, non-responsive width and helper classes ================*/
/** Whole */
.one-whole {
  width: 100%; }

/* Halves */
.one-half {
  width: 50%; }

/* Thirds */
.one-third {
  width: 33.333%; }

.two-thirds {
  width: 66.666%; }

/* Quarters */
.one-quarter {
  width: 25%; }

.two-quarters {
  width: 50%; }

.three-quarters {
  width: 75%; }

/* Fifths */
.one-fifth {
  width: 20%; }

.two-fifths {
  width: 40%; }

.three-fifths {
  width: 60%; }

.four-fifths {
  width: 80%; }

/* Sixths */
.one-sixth {
  width: 16.666%; }

.two-sixths {
  width: 33.333%; }

.three-sixths {
  width: 50%; }

.four-sixths {
  width: 66.666%; }

.five-sixths {
  width: 83.333%; }

/* Eighths */
.one-eighth {
  width: 12.5%; }

.two-eighths {
  width: 25%; }

.three-eighths {
  width: 37.5%; }

.four-eighths {
  width: 50%; }

.five-eighths {
  width: 62.5%; }

.six-eighths {
  width: 75%; }

.seven-eighths {
  width: 87.5%; }

/* Tenths */
.one-tenth {
  width: 10%; }

.two-tenths {
  width: 20%; }

.three-tenths {
  width: 30%; }

.four-tenths {
  width: 40%; }

.five-tenths {
  width: 50%; }

.six-tenths {
  width: 60%; }

.seven-tenths {
  width: 70%; }

.eight-tenths {
  width: 80%; }

.nine-tenths {
  width: 90%; }

/* Twelfths */
.one-twelfth {
  width: 8.333%; }

.two-twelfths {
  width: 16.666%; }

.three-twelfths {
  width: 25%; }

.four-twelfths {
  width: 33.333%; }

.five-twelfths {
  width: 41.666%; }

.six-twelfths {
  width: 50%; }

.seven-twelfths {
  width: 58.333%; }

.eight-twelfths {
  width: 66.666%; }

.nine-twelfths {
  width: 75%; }

.ten-twelfths {
  width: 83.333%; }

.eleven-twelfths {
  width: 91.666%; }

.show {
  display: block !important; }

.hide {
  display: none !important; }

.text-left {
  text-align: left !important; }

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

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

.left {
  float: left !important; }

.right {
  float: right !important; }

/*================ Our responsive classes, if we have enabled them ================*/
@media only screen and (max-width: 480px) {
  /** Whole */
  .small--one-whole {
    width: 100%; }

  /* Halves */
  .small--one-half {
    width: 50%; }

  /* Thirds */
  .small--one-third {
    width: 33.333%; }

  .small--two-thirds {
    width: 66.666%; }

  /* Quarters */
  .small--one-quarter {
    width: 25%; }

  .small--two-quarters {
    width: 50%; }

  .small--three-quarters {
    width: 75%; }

  /* Fifths */
  .small--one-fifth {
    width: 20%; }

  .small--two-fifths {
    width: 40%; }

  .small--three-fifths {
    width: 60%; }

  .small--four-fifths {
    width: 80%; }

  /* Sixths */
  .small--one-sixth {
    width: 16.666%; }

  .small--two-sixths {
    width: 33.333%; }

  .small--three-sixths {
    width: 50%; }

  .small--four-sixths {
    width: 66.666%; }

  .small--five-sixths {
    width: 83.333%; }

  /* Eighths */
  .small--one-eighth {
    width: 12.5%; }

  .small--two-eighths {
    width: 25%; }

  .small--three-eighths {
    width: 37.5%; }

  .small--four-eighths {
    width: 50%; }

  .small--five-eighths {
    width: 62.5%; }

  .small--six-eighths {
    width: 75%; }

  .small--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .small--one-tenth {
    width: 10%; }

  .small--two-tenths {
    width: 20%; }

  .small--three-tenths {
    width: 30%; }

  .small--four-tenths {
    width: 40%; }

  .small--five-tenths {
    width: 50%; }

  .small--six-tenths {
    width: 60%; }

  .small--seven-tenths {
    width: 70%; }

  .small--eight-tenths {
    width: 80%; }

  .small--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .small--one-twelfth {
    width: 8.333%; }

  .small--two-twelfths {
    width: 16.666%; }

  .small--three-twelfths {
    width: 25%; }

  .small--four-twelfths {
    width: 33.333%; }

  .small--five-twelfths {
    width: 41.666%; }

  .small--six-twelfths {
    width: 50%; }

  .small--seven-twelfths {
    width: 58.333%; }

  .small--eight-twelfths {
    width: 66.666%; }

  .small--nine-twelfths {
    width: 75%; }

  .small--ten-twelfths {
    width: 83.333%; }

  .small--eleven-twelfths {
    width: 91.666%; }

  .small--show {
    display: block !important; }

  .small--hide {
    display: none !important; }

  .small--text-left {
    text-align: left !important; }

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

  .small--text-center {
    text-align: center; }

  .small--left {
    float: left !important; }

  .small--right {
    float: right !important; }

  .grid-uniform .small--one-half:nth-child(2n+1),
  .grid-uniform .small--one-third:nth-child(3n+1),
  .grid-uniform .small--one-quarter:nth-child(4n+1),
  .grid-uniform .small--one-fifth:nth-child(5n+1),
  .grid-uniform .small--one-sixth:nth-child(6n+1),
  .grid-uniform .small--two-sixths:nth-child(3n+1),
  .grid-uniform .small--three-sixths:nth-child(2n+1),
  .grid-uniform .small--two-eighths:nth-child(4n+1),
  .grid-uniform .small--four-eighths:nth-child(2n+1),
  .grid-uniform .small--five-tenths:nth-child(2n+1),
  .grid-uniform .small--one-twelfth:nth-child(12n+1),
  .grid-uniform .small--two-twelfths:nth-child(6n+1),
  .grid-uniform .small--three-twelfths:nth-child(4n+1),
  .grid-uniform .small--four-twelfths:nth-child(3n+1),
  .grid-uniform .small--six-twelfths:nth-child(2n+1) {
    clear: both; } }
@media only screen and (min-width: 481px) and (max-width: 769px) {
  /** Whole */
  .medium--one-whole {
    width: 100%; }

  /* Halves */
  .medium--one-half {
    width: 50%; }

  /* Thirds */
  .medium--one-third {
    width: 33.333%; }

  .medium--two-thirds {
    width: 66.666%; }

  /* Quarters */
  .medium--one-quarter {
    width: 25%; }

  .medium--two-quarters {
    width: 50%; }

  .medium--three-quarters {
    width: 75%; }

  /* Fifths */
  .medium--one-fifth {
    width: 20%; }

  .medium--two-fifths {
    width: 40%; }

  .medium--three-fifths {
    width: 60%; }

  .medium--four-fifths {
    width: 80%; }

  /* Sixths */
  .medium--one-sixth {
    width: 16.666%; }

  .medium--two-sixths {
    width: 33.333%; }

  .medium--three-sixths {
    width: 50%; }

  .medium--four-sixths {
    width: 66.666%; }

  .medium--five-sixths {
    width: 83.333%; }

  /* Eighths */
  .medium--one-eighth {
    width: 12.5%; }

  .medium--two-eighths {
    width: 25%; }

  .medium--three-eighths {
    width: 37.5%; }

  .medium--four-eighths {
    width: 50%; }

  .medium--five-eighths {
    width: 62.5%; }

  .medium--six-eighths {
    width: 75%; }

  .medium--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .medium--one-tenth {
    width: 10%; }

  .medium--two-tenths {
    width: 20%; }

  .medium--three-tenths {
    width: 30%; }

  .medium--four-tenths {
    width: 40%; }

  .medium--five-tenths {
    width: 50%; }

  .medium--six-tenths {
    width: 60%; }

  .medium--seven-tenths {
    width: 70%; }

  .medium--eight-tenths {
    width: 80%; }

  .medium--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .medium--one-twelfth {
    width: 8.333%; }

  .medium--two-twelfths {
    width: 16.666%; }

  .medium--three-twelfths {
    width: 25%; }

  .medium--four-twelfths {
    width: 33.333%; }

  .medium--five-twelfths {
    width: 41.666%; }

  .medium--six-twelfths {
    width: 50%; }

  .medium--seven-twelfths {
    width: 58.333%; }

  .medium--eight-twelfths {
    width: 66.666%; }

  .medium--nine-twelfths {
    width: 75%; }

  .medium--ten-twelfths {
    width: 83.333%; }

  .medium--eleven-twelfths {
    width: 91.666%; }

  .medium--show {
    display: block !important; }

  .medium--hide {
    display: none !important; }

  .medium--text-left {
    text-align: left !important; }

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

  .medium--text-center {
    text-align: center; }

  .medium--left {
    float: left !important; }

  .medium--right {
    float: right !important; }

  .grid-uniform .medium--one-half:nth-child(2n+1),
  .grid-uniform .medium--one-third:nth-child(3n+1),
  .grid-uniform .medium--one-quarter:nth-child(4n+1),
  .grid-uniform .medium--one-fifth:nth-child(5n+1),
  .grid-uniform .medium--one-sixth:nth-child(6n+1),
  .grid-uniform .medium--two-sixths:nth-child(3n+1),
  .grid-uniform .medium--three-sixths:nth-child(2n+1),
  .grid-uniform .medium--two-eighths:nth-child(4n+1),
  .grid-uniform .medium--four-eighths:nth-child(2n+1),
  .grid-uniform .medium--five-tenths:nth-child(2n+1),
  .grid-uniform .medium--one-twelfth:nth-child(12n+1),
  .grid-uniform .medium--two-twelfths:nth-child(6n+1),
  .grid-uniform .medium--three-twelfths:nth-child(4n+1),
  .grid-uniform .medium--four-twelfths:nth-child(3n+1),
  .grid-uniform .medium--six-twelfths:nth-child(2n+1) {
    clear: both; } }
@media only screen and (max-width: 769px) {
  /** Whole */
  .medium-down--one-whole {
    width: 100%; }

  /* Halves */
  .medium-down--one-half {
    width: 50%; }

  /* Thirds */
  .medium-down--one-third {
    width: 33.333%; }

  .medium-down--two-thirds {
    width: 66.666%; }

  /* Quarters */
  .medium-down--one-quarter {
    width: 25%; }

  .medium-down--two-quarters {
    width: 50%; }

  .medium-down--three-quarters {
    width: 75%; }

  /* Fifths */
  .medium-down--one-fifth {
    width: 20%; }

  .medium-down--two-fifths {
    width: 40%; }

  .medium-down--three-fifths {
    width: 60%; }

  .medium-down--four-fifths {
    width: 80%; }

  /* Sixths */
  .medium-down--one-sixth {
    width: 16.666%; }

  .medium-down--two-sixths {
    width: 33.333%; }

  .medium-down--three-sixths {
    width: 50%; }

  .medium-down--four-sixths {
    width: 66.666%; }

  .medium-down--five-sixths {
    width: 83.333%; }

  /* Eighths */
  .medium-down--one-eighth {
    width: 12.5%; }

  .medium-down--two-eighths {
    width: 25%; }

  .medium-down--three-eighths {
    width: 37.5%; }

  .medium-down--four-eighths {
    width: 50%; }

  .medium-down--five-eighths {
    width: 62.5%; }

  .medium-down--six-eighths {
    width: 75%; }

  .medium-down--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .medium-down--one-tenth {
    width: 10%; }

  .medium-down--two-tenths {
    width: 20%; }

  .medium-down--three-tenths {
    width: 30%; }

  .medium-down--four-tenths {
    width: 40%; }

  .medium-down--five-tenths {
    width: 50%; }

  .medium-down--six-tenths {
    width: 60%; }

  .medium-down--seven-tenths {
    width: 70%; }

  .medium-down--eight-tenths {
    width: 80%; }

  .medium-down--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .medium-down--one-twelfth {
    width: 8.333%; }

  .medium-down--two-twelfths {
    width: 16.666%; }

  .medium-down--three-twelfths {
    width: 25%; }

  .medium-down--four-twelfths {
    width: 33.333%; }

  .medium-down--five-twelfths {
    width: 41.666%; }

  .medium-down--six-twelfths {
    width: 50%; }

  .medium-down--seven-twelfths {
    width: 58.333%; }

  .medium-down--eight-twelfths {
    width: 66.666%; }

  .medium-down--nine-twelfths {
    width: 75%; }

  .medium-down--ten-twelfths {
    width: 83.333%; }

  .medium-down--eleven-twelfths {
    width: 91.666%; }

  .medium-down--show {
    display: block !important; }

  .medium-down--hide {
    display: none !important; }

  .medium-down--text-left {
    text-align: left !important; }

  .medium-down--text-right {
    text-align: right !important; }

  .medium-down--text-center {
    text-align: center; }

  .medium-down--left {
    float: left !important; }

  .medium-down--right {
    float: right !important; }

  .grid-uniform .medium-down--one-half:nth-child(2n+1),
  .grid-uniform .medium-down--one-third:nth-child(3n+1),
  .grid-uniform .medium-down--one-quarter:nth-child(4n+1),
  .grid-uniform .medium-down--one-fifth:nth-child(5n+1),
  .grid-uniform .medium-down--one-sixth:nth-child(6n+1),
  .grid-uniform .medium-down--two-sixths:nth-child(3n+1),
  .grid-uniform .medium-down--three-sixths:nth-child(2n+1),
  .grid-uniform .medium-down--two-eighths:nth-child(4n+1),
  .grid-uniform .medium-down--four-eighths:nth-child(2n+1),
  .grid-uniform .medium-down--five-tenths:nth-child(2n+1),
  .grid-uniform .medium-down--one-twelfth:nth-child(12n+1),
  .grid-uniform .medium-down--two-twelfths:nth-child(6n+1),
  .grid-uniform .medium-down--three-twelfths:nth-child(4n+1),
  .grid-uniform .medium-down--four-twelfths:nth-child(3n+1),
  .grid-uniform .medium-down--six-twelfths:nth-child(2n+1) {
    clear: both; } }
@media only screen and (min-width: 770px) {
  /** Whole */
  .large--one-whole {
    width: 100%; }

  /* Halves */
  .large--one-half {
    width: 50%; }

  /* Thirds */
  .large--one-third {
    width: 33.333%; }

  .large--two-thirds {
    width: 66.666%; }

  /* Quarters */
  .large--one-quarter {
    width: 25%; }

  .large--two-quarters {
    width: 50%; }

  .large--three-quarters {
    width: 75%; }

  /* Fifths */
  .large--one-fifth {
    width: 20%; }

  .large--two-fifths {
    width: 40%; }

  .large--three-fifths {
    width: 60%; }

  .large--four-fifths {
    width: 80%; }

  /* Sixths */
  .large--one-sixth {
    width: 16.666%; }

  .large--two-sixths {
    width: 33.333%; }

  .large--three-sixths {
    width: 50%; }

  .large--four-sixths {
    width: 66.666%; }

  .large--five-sixths {
    width: 83.333%; }

  /* Eighths */
  .large--one-eighth {
    width: 12.5%; }

  .large--two-eighths {
    width: 25%; }

  .large--three-eighths {
    width: 37.5%; }

  .large--four-eighths {
    width: 50%; }

  .large--five-eighths {
    width: 62.5%; }

  .large--six-eighths {
    width: 75%; }

  .large--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .large--one-tenth {
    width: 10%; }

  .large--two-tenths {
    width: 20%; }

  .large--three-tenths {
    width: 30%; }

  .large--four-tenths {
    width: 40%; }

  .large--five-tenths {
    width: 50%; }

  .large--six-tenths {
    width: 60%; }

  .large--seven-tenths {
    width: 70%; }

  .large--eight-tenths {
    width: 80%; }

  .large--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .large--one-twelfth {
    width: 8.333%; }

  .large--two-twelfths {
    width: 16.666%; }

  .large--three-twelfths {
    width: 25%; }

  .large--four-twelfths {
    width: 33.333%; }

  .large--five-twelfths {
    width: 41.666%; }

  .large--six-twelfths {
    width: 50%; }

  .large--seven-twelfths {
    width: 58.333%; }

  .large--eight-twelfths {
    width: 66.666%; }

  .large--nine-twelfths {
    width: 75%; }

  .large--ten-twelfths {
    width: 83.333%; }

  .large--eleven-twelfths {
    width: 91.666%; }

  .large--show {
    display: block !important; }

  .large--hide {
    display: none !important; }

  .large--text-left {
    text-align: left !important; }

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

  .large--text-center {
    text-align: center; }

  .large--left {
    float: left !important; }

  .large--right {
    float: right !important; }

  .grid-uniform .large--one-half:nth-child(2n+1),
  .grid-uniform .large--one-third:nth-child(3n+1),
  .grid-uniform .large--one-quarter:nth-child(4n+1),
  .grid-uniform .large--one-fifth:nth-child(5n+1),
  .grid-uniform .large--one-sixth:nth-child(6n+1),
  .grid-uniform .large--two-sixths:nth-child(3n+1),
  .grid-uniform .large--three-sixths:nth-child(2n+1),
  .grid-uniform .large--two-eighths:nth-child(4n+1),
  .grid-uniform .large--four-eighths:nth-child(2n+1),
  .grid-uniform .large--five-tenths:nth-child(2n+1),
  .grid-uniform .large--one-twelfth:nth-child(12n+1),
  .grid-uniform .large--two-twelfths:nth-child(6n+1),
  .grid-uniform .large--three-twelfths:nth-child(4n+1),
  .grid-uniform .large--four-twelfths:nth-child(3n+1),
  .grid-uniform .large--six-twelfths:nth-child(2n+1) {
    clear: both; } }
@media only screen and (min-width: 1200px) {
  /** Whole */
  .extra-large--one-whole {
    width: 100%; }

  /* Halves */
  .extra-large--one-half {
    width: 50%; }

  /* Thirds */
  .extra-large--one-third {
    width: 33.333%; }

  .extra-large--two-thirds {
    width: 66.666%; }

  /* Quarters */
  .extra-large--one-quarter {
    width: 25%; }

  .extra-large--two-quarters {
    width: 50%; }

  .extra-large--three-quarters {
    width: 75%; }

  /* Fifths */
  .extra-large--one-fifth {
    width: 20%; }

  .extra-large--two-fifths {
    width: 40%; }

  .extra-large--three-fifths {
    width: 60%; }

  .extra-large--four-fifths {
    width: 80%; }

  /* Sixths */
  .extra-large--one-sixth {
    width: 16.666%; }

  .extra-large--two-sixths {
    width: 33.333%; }

  .extra-large--three-sixths {
    width: 50%; }

  .extra-large--four-sixths {
    width: 66.666%; }

  .extra-large--five-sixths {
    width: 83.333%; }

  /* Eighths */
  .extra-large--one-eighth {
    width: 12.5%; }

  .extra-large--two-eighths {
    width: 25%; }

  .extra-large--three-eighths {
    width: 37.5%; }

  .extra-large--four-eighths {
    width: 50%; }

  .extra-large--five-eighths {
    width: 62.5%; }

  .extra-large--six-eighths {
    width: 75%; }

  .extra-large--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .extra-large--one-tenth {
    width: 10%; }

  .extra-large--two-tenths {
    width: 20%; }

  .extra-large--three-tenths {
    width: 30%; }

  .extra-large--four-tenths {
    width: 40%; }

  .extra-large--five-tenths {
    width: 50%; }

  .extra-large--six-tenths {
    width: 60%; }

  .extra-large--seven-tenths {
    width: 70%; }

  .extra-large--eight-tenths {
    width: 80%; }

  .extra-large--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .extra-large--one-twelfth {
    width: 8.333%; }

  .extra-large--two-twelfths {
    width: 16.666%; }

  .extra-large--three-twelfths {
    width: 25%; }

  .extra-large--four-twelfths {
    width: 33.333%; }

  .extra-large--five-twelfths {
    width: 41.666%; }

  .extra-large--six-twelfths {
    width: 50%; }

  .extra-large--seven-twelfths {
    width: 58.333%; }

  .extra-large--eight-twelfths {
    width: 66.666%; }

  .extra-large--nine-twelfths {
    width: 75%; }

  .extra-large--ten-twelfths {
    width: 83.333%; }

  .extra-large--eleven-twelfths {
    width: 91.666%; }

  .extra-large--show {
    display: block !important; }

  .extra-large--hide {
    display: none !important; }

  .extra-large--text-left {
    text-align: left !important; }

  .extra-large--text-right {
    text-align: right !important; }

  .extra-large--text-center {
    text-align: center; }

  .extra-large--left {
    float: left !important; }

  .extra-large--right {
    float: right !important; }

  .grid-uniform .extra-large--one-half:nth-child(2n+1),
  .grid-uniform .extra-large--one-third:nth-child(3n+1),
  .grid-uniform .extra-large--one-quarter:nth-child(4n+1),
  .grid-uniform .extra-large--one-fifth:nth-child(5n+1),
  .grid-uniform .extra-large--one-sixth:nth-child(6n+1),
  .grid-uniform .extra-large--two-sixths:nth-child(3n+1),
  .grid-uniform .extra-large--three-sixths:nth-child(2n+1),
  .grid-uniform .extra-large--two-eighths:nth-child(4n+1),
  .grid-uniform .extra-large--four-eighths:nth-child(2n+1),
  .grid-uniform .extra-large--five-tenths:nth-child(2n+1),
  .grid-uniform .extra-large--one-twelfth:nth-child(12n+1),
  .grid-uniform .extra-large--two-twelfths:nth-child(6n+1),
  .grid-uniform .extra-large--three-twelfths:nth-child(4n+1),
  .grid-uniform .extra-large--four-twelfths:nth-child(3n+1),
  .grid-uniform .extra-large--six-twelfths:nth-child(2n+1) {
    clear: both; } }
/*============================================================================
  PUSH
    - Push classes, to move grid items over to the right by certain amounts
==============================================================================*/
[class*="push--"] {
  position: relative; }

/* Whole */
.push--one-whole {
  left: 100%; }

/* Halves */
.push--one-half {
  left: 50%; }

/* Thirds */
.push--one-third {
  left: 33.333%; }

.push--two-thirds {
  left: 66.666%; }

/* Quarters */
.push--one-quarter {
  left: 25%; }

.push--two-quarters {
  left: 50%; }

.push--three-quarters {
  left: 75%; }

/* Fifths */
.push--one-fifth {
  left: 20%; }

.push--two-fifths {
  left: 40%; }

.push--three-fifths {
  left: 60%; }

.push--four-fifths {
  left: 80%; }

/* Sixths */
.push--one-sixth {
  left: 16.666%; }

.push--two-sixths {
  left: 33.333%; }

.push--three-sixths {
  left: 50%; }

.push--four-sixths {
  left: 66.666%; }

.push--five-sixths {
  left: 83.333%; }

/* Eighths */
.push--one-eighth {
  left: 12.5%; }

.push--two-eighths {
  left: 25%; }

.push--three-eighths {
  left: 37.5%; }

.push--four-eighths {
  left: 50%; }

.push--five-eighths {
  left: 62.5%; }

.push--six-eighths {
  left: 75%; }

.push--seven-eighths {
  left: 87.5%; }

/* Tenths */
.push--one-tenth {
  left: 10%; }

.push--two-tenths {
  left: 20%; }

.push--three-tenths {
  left: 30%; }

.push--four-tenths {
  left: 40%; }

.push--five-tenths {
  left: 50%; }

.push--six-tenths {
  left: 60%; }

.push--seven-tenths {
  left: 70%; }

.push--eight-tenths {
  left: 80%; }

.push--nine-tenths {
  left: 90%; }

/* Twelfths */
.push--one-twelfth {
  left: 8.333%; }

.push--two-twelfths {
  left: 16.666%; }

.push--three-twelfths {
  left: 25%; }

.push--four-twelfths {
  left: 33.333%; }

.push--five-twelfths {
  left: 41.666%; }

.push--six-twelfths {
  left: 50%; }

.push--seven-twelfths {
  left: 58.333%; }

.push--eight-twelfths {
  left: 66.666%; }

.push--nine-twelfths {
  left: 75%; }

.push--ten-twelfths {
  left: 83.333%; }

.push--eleven-twelfths {
  left: 91.666%; }

@media only screen and (min-width: 481px) and (max-width: 769px) {
  /* Whole */
  .push--medium--one-whole {
    left: 100%; }

  /* Halves */
  .push--medium--one-half {
    left: 50%; }

  /* Thirds */
  .push--medium--one-third {
    left: 33.333%; }

  .push--medium--two-thirds {
    left: 66.666%; }

  /* Quarters */
  .push--medium--one-quarter {
    left: 25%; }

  .push--medium--two-quarters {
    left: 50%; }

  .push--medium--three-quarters {
    left: 75%; }

  /* Fifths */
  .push--medium--one-fifth {
    left: 20%; }

  .push--medium--two-fifths {
    left: 40%; }

  .push--medium--three-fifths {
    left: 60%; }

  .push--medium--four-fifths {
    left: 80%; }

  /* Sixths */
  .push--medium--one-sixth {
    left: 16.666%; }

  .push--medium--two-sixths {
    left: 33.333%; }

  .push--medium--three-sixths {
    left: 50%; }

  .push--medium--four-sixths {
    left: 66.666%; }

  .push--medium--five-sixths {
    left: 83.333%; }

  /* Eighths */
  .push--medium--one-eighth {
    left: 12.5%; }

  .push--medium--two-eighths {
    left: 25%; }

  .push--medium--three-eighths {
    left: 37.5%; }

  .push--medium--four-eighths {
    left: 50%; }

  .push--medium--five-eighths {
    left: 62.5%; }

  .push--medium--six-eighths {
    left: 75%; }

  .push--medium--seven-eighths {
    left: 87.5%; }

  /* Tenths */
  .push--medium--one-tenth {
    left: 10%; }

  .push--medium--two-tenths {
    left: 20%; }

  .push--medium--three-tenths {
    left: 30%; }

  .push--medium--four-tenths {
    left: 40%; }

  .push--medium--five-tenths {
    left: 50%; }

  .push--medium--six-tenths {
    left: 60%; }

  .push--medium--seven-tenths {
    left: 70%; }

  .push--medium--eight-tenths {
    left: 80%; }

  .push--medium--nine-tenths {
    left: 90%; }

  /* Twelfths */
  .push--medium--one-twelfth {
    left: 8.333%; }

  .push--medium--two-twelfths {
    left: 16.666%; }

  .push--medium--three-twelfths {
    left: 25%; }

  .push--medium--four-twelfths {
    left: 33.333%; }

  .push--medium--five-twelfths {
    left: 41.666%; }

  .push--medium--six-twelfths {
    left: 50%; }

  .push--medium--seven-twelfths {
    left: 58.333%; }

  .push--medium--eight-twelfths {
    left: 66.666%; }

  .push--medium--nine-twelfths {
    left: 75%; }

  .push--medium--ten-twelfths {
    left: 83.333%; }

  .push--medium--eleven-twelfths {
    left: 91.666%; } }
@media only screen and (max-width: 769px) {
  /* Whole */
  .push--medium-down--one-whole {
    left: 100%; }

  /* Halves */
  .push--medium-down--one-half {
    left: 50%; }

  /* Thirds */
  .push--medium-down--one-third {
    left: 33.333%; }

  .push--medium-down--two-thirds {
    left: 66.666%; }

  /* Quarters */
  .push--medium-down--one-quarter {
    left: 25%; }

  .push--medium-down--two-quarters {
    left: 50%; }

  .push--medium-down--three-quarters {
    left: 75%; }

  /* Fifths */
  .push--medium-down--one-fifth {
    left: 20%; }

  .push--medium-down--two-fifths {
    left: 40%; }

  .push--medium-down--three-fifths {
    left: 60%; }

  .push--medium-down--four-fifths {
    left: 80%; }

  /* Sixths */
  .push--medium-down--one-sixth {
    left: 16.666%; }

  .push--medium-down--two-sixths {
    left: 33.333%; }

  .push--medium-down--three-sixths {
    left: 50%; }

  .push--medium-down--four-sixths {
    left: 66.666%; }

  .push--medium-down--five-sixths {
    left: 83.333%; }

  /* Eighths */
  .push--medium-down--one-eighth {
    left: 12.5%; }

  .push--medium-down--two-eighths {
    left: 25%; }

  .push--medium-down--three-eighths {
    left: 37.5%; }

  .push--medium-down--four-eighths {
    left: 50%; }

  .push--medium-down--five-eighths {
    left: 62.5%; }

  .push--medium-down--six-eighths {
    left: 75%; }

  .push--medium-down--seven-eighths {
    left: 87.5%; }

  /* Tenths */
  .push--medium-down--one-tenth {
    left: 10%; }

  .push--medium-down--two-tenths {
    left: 20%; }

  .push--medium-down--three-tenths {
    left: 30%; }

  .push--medium-down--four-tenths {
    left: 40%; }

  .push--medium-down--five-tenths {
    left: 50%; }

  .push--medium-down--six-tenths {
    left: 60%; }

  .push--medium-down--seven-tenths {
    left: 70%; }

  .push--medium-down--eight-tenths {
    left: 80%; }

  .push--medium-down--nine-tenths {
    left: 90%; }

  /* Twelfths */
  .push--medium-down--one-twelfth {
    left: 8.333%; }

  .push--medium-down--two-twelfths {
    left: 16.666%; }

  .push--medium-down--three-twelfths {
    left: 25%; }

  .push--medium-down--four-twelfths {
    left: 33.333%; }

  .push--medium-down--five-twelfths {
    left: 41.666%; }

  .push--medium-down--six-twelfths {
    left: 50%; }

  .push--medium-down--seven-twelfths {
    left: 58.333%; }

  .push--medium-down--eight-twelfths {
    left: 66.666%; }

  .push--medium-down--nine-twelfths {
    left: 75%; }

  .push--medium-down--ten-twelfths {
    left: 83.333%; }

  .push--medium-down--eleven-twelfths {
    left: 91.666%; } }
@media only screen and (min-width: 770px) {
  /* Whole */
  .push--large--one-whole {
    left: 100%; }

  /* Halves */
  .push--large--one-half {
    left: 50%; }

  /* Thirds */
  .push--large--one-third {
    left: 33.333%; }

  .push--large--two-thirds {
    left: 66.666%; }

  /* Quarters */
  .push--large--one-quarter {
    left: 25%; }

  .push--large--two-quarters {
    left: 50%; }

  .push--large--three-quarters {
    left: 75%; }

  /* Fifths */
  .push--large--one-fifth {
    left: 20%; }

  .push--large--two-fifths {
    left: 40%; }

  .push--large--three-fifths {
    left: 60%; }

  .push--large--four-fifths {
    left: 80%; }

  /* Sixths */
  .push--large--one-sixth {
    left: 16.666%; }

  .push--large--two-sixths {
    left: 33.333%; }

  .push--large--three-sixths {
    left: 50%; }

  .push--large--four-sixths {
    left: 66.666%; }

  .push--large--five-sixths {
    left: 83.333%; }

  /* Eighths */
  .push--large--one-eighth {
    left: 12.5%; }

  .push--large--two-eighths {
    left: 25%; }

  .push--large--three-eighths {
    left: 37.5%; }

  .push--large--four-eighths {
    left: 50%; }

  .push--large--five-eighths {
    left: 62.5%; }

  .push--large--six-eighths {
    left: 75%; }

  .push--large--seven-eighths {
    left: 87.5%; }

  /* Tenths */
  .push--large--one-tenth {
    left: 10%; }

  .push--large--two-tenths {
    left: 20%; }

  .push--large--three-tenths {
    left: 30%; }

  .push--large--four-tenths {
    left: 40%; }

  .push--large--five-tenths {
    left: 50%; }

  .push--large--six-tenths {
    left: 60%; }

  .push--large--seven-tenths {
    left: 70%; }

  .push--large--eight-tenths {
    left: 80%; }

  .push--large--nine-tenths {
    left: 90%; }

  /* Twelfths */
  .push--large--one-twelfth {
    left: 8.333%; }

  .push--large--two-twelfths {
    left: 16.666%; }

  .push--large--three-twelfths {
    left: 25%; }

  .push--large--four-twelfths {
    left: 33.333%; }

  .push--large--five-twelfths {
    left: 41.666%; }

  .push--large--six-twelfths {
    left: 50%; }

  .push--large--seven-twelfths {
    left: 58.333%; }

  .push--large--eight-twelfths {
    left: 66.666%; }

  .push--large--nine-twelfths {
    left: 75%; }

  .push--large--ten-twelfths {
    left: 83.333%; }

  .push--large--eleven-twelfths {
    left: 91.666%; } }
@media only screen and (min-width: 1200px) {
  /* Whole */
  .push--extra-large--one-whole {
    left: 100%; }

  /* Halves */
  .push--extra-large--one-half {
    left: 50%; }

  /* Thirds */
  .push--extra-large--one-third {
    left: 33.333%; }

  .push--extra-large--two-thirds {
    left: 66.666%; }

  /* Quarters */
  .push--extra-large--one-quarter {
    left: 25%; }

  .push--extra-large--two-quarters {
    left: 50%; }

  .push--extra-large--three-quarters {
    left: 75%; }

  /* Fifths */
  .push--extra-large--one-fifth {
    left: 20%; }

  .push--extra-large--two-fifths {
    left: 40%; }

  .push--extra-large--three-fifths {
    left: 60%; }

  .push--extra-large--four-fifths {
    left: 80%; }

  /* Sixths */
  .push--extra-large--one-sixth {
    left: 16.666%; }

  .push--extra-large--two-sixths {
    left: 33.333%; }

  .push--extra-large--three-sixths {
    left: 50%; }

  .push--extra-large--four-sixths {
    left: 66.666%; }

  .push--extra-large--five-sixths {
    left: 83.333%; }

  /* Eighths */
  .push--extra-large--one-eighth {
    left: 12.5%; }

  .push--extra-large--two-eighths {
    left: 25%; }

  .push--extra-large--three-eighths {
    left: 37.5%; }

  .push--extra-large--four-eighths {
    left: 50%; }

  .push--extra-large--five-eighths {
    left: 62.5%; }

  .push--extra-large--six-eighths {
    left: 75%; }

  .push--extra-large--seven-eighths {
    left: 87.5%; }

  /* Tenths */
  .push--extra-large--one-tenth {
    left: 10%; }

  .push--extra-large--two-tenths {
    left: 20%; }

  .push--extra-large--three-tenths {
    left: 30%; }

  .push--extra-large--four-tenths {
    left: 40%; }

  .push--extra-large--five-tenths {
    left: 50%; }

  .push--extra-large--six-tenths {
    left: 60%; }

  .push--extra-large--seven-tenths {
    left: 70%; }

  .push--extra-large--eight-tenths {
    left: 80%; }

  .push--extra-large--nine-tenths {
    left: 90%; }

  /* Twelfths */
  .push--extra-large--one-twelfth {
    left: 8.333%; }

  .push--extra-large--two-twelfths {
    left: 16.666%; }

  .push--extra-large--three-twelfths {
    left: 25%; }

  .push--extra-large--four-twelfths {
    left: 33.333%; }

  .push--extra-large--five-twelfths {
    left: 41.666%; }

  .push--extra-large--six-twelfths {
    left: 50%; }

  .push--extra-large--seven-twelfths {
    left: 58.333%; }

  .push--extra-large--eight-twelfths {
    left: 66.666%; }

  .push--extra-large--nine-twelfths {
    left: 75%; }

  .push--extra-large--ten-twelfths {
    left: 83.333%; }

  .push--extra-large--eleven-twelfths {
    left: 91.666%; } }
/*============================================================================
  PULL
    - Pull classes, to move grid items back to the left by certain amounts
==============================================================================*/
/*============================================================================
  #Basic Styles
==============================================================================*/
html {
  background-color: white; }

body {
  background-color: white; }

[tabindex='-1']:focus {
  outline: none; }

.wrapper {
  *zoom: 1;
  max-width: 1660px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px; }
  .wrapper:after {
    content: '';
    display: table;
    clear: both; }
  @media screen and (min-width: 480px) {
    .wrapper {
      padding: 0 20px; } }
  @media screen and (min-width: 480px) {
    .wrapper.quiz {
      padding: 0; } }
  @media screen and (min-width: 480px) {
    .wrapper.sweepstakes {
      padding: 0; } }
  .wrapper.fullbleed {
    padding: 0; }
    @media screen and (min-width: 480px) {
      .wrapper.fullbleed {
        padding: 0; } }

@media screen and (min-width: 769px) {
  .wrapper--tight {
    padding: 0 120px; } }

.about-content, .product-page, .sms-content, .blog {
  padding: 0; }

.main-content {
  display: block;
  padding-bottom: 50px; }
  @media screen and (min-width: 769px) {
    .main-content {
      padding-top: 50px; } }

.product-content {
  display: block; }
  @media screen and (min-width: 1200px) {
    .product-content {
      padding: 50px; } }
  @media screen and (min-width: 1200px) {
    .product-content .grid, .product-content .grid--rev, .product-content .grid--full {
      margin-left: -50px; } }

/*============================================================================
  #Helper Classes
==============================================================================*/
.is-transitioning {
  display: block !important;
  visibility: visible !important; }

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

.display-table-cell {
  display: table-cell;
  vertical-align: middle;
  float: none; }

@media screen and (min-width: 770px) {
  .large--display-table {
    display: table;
    table-layout: fixed;
    width: 100%; }

  .large--display-table-cell {
    display: table-cell;
    vertical-align: middle;
    float: none; } }
@media screen and (min-width: 769px) {
  .medium--display-table {
    display: table;
    table-layout: fixed;
    width: 100%; }

  .medium--display-table-cell {
    display: table-cell;
    vertical-align: middle;
    float: none; } }
.visually-hidden, .supports-fontface .icon-fallback-text .fallback-text {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.show-tabletAndUp {
  display: none !important; }
  @media screen and (min-width: 768px) {
    .show-tabletAndUp {
      display: block !important; } }

.hide-tabletAndUp {
  display: block !important; }
  @media screen and (min-width: 768px) {
    .hide-tabletAndUp {
      display: none !important; } }

/*============================================================================
  #Typography
==============================================================================*/
body,
input,
textarea,
button,
select {
  font-size: 14px;
  line-height: 1.6;
  color: black;
  font-family: "NeuzeitGro", Roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  outline: 0; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .header-font, .custom-font {
  display: block;
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: 0 0 0.5em;
  line-height: 1.4;
  letter-spacing: 1px; }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a, .header-font a, .custom-font a {
    text-decoration: none;
    font-weight: inherit; }

/*================ Use em() Sass function to declare font-size ================*/
h1, .h1 {
  font-size: 2.57143em; }

h2, .h2 {
  font-size: 2em; }

h3, .h3 {
  font-size: 1.64286em; }

h4, .h4 {
  font-size: 1.42857em; }

h5, .h5 {
  font-size: 1.14286em; }

h6, .h6 {
  font-size: 1em; }

p {
  margin: 0 0 10px 0; }
  p img {
    margin: 0; }

em {
  font-style: italic; }

b, strong {
  font-weight: bold; }

small {
  font-size: 0.9em; }

sup, sub {
  position: relative;
  font-size: 60%;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.5em; }

/*================ Blockquotes ================*/
blockquote {
  font-size: 1.125em;
  line-height: 1.45;
  font-style: italic;
  margin: 0 0 20px;
  padding: 10px 20px;
  border-left: 1px solid gray; }
  blockquote p {
    margin-bottom: 0; }
    blockquote p + cite {
      margin-top: 10px; }
  blockquote cite {
    display: block;
    font-size: 0.75em; }
    blockquote cite:before {
      content: '\2014 \0020'; }

/*================ Code ================*/
code, pre {
  background-color: #faf7f5;
  font-family: Consolas,monospace;
  font-size: 1em;
  border: 0 none;
  padding: 0 2px;
  color: #51ab62; }

pre {
  overflow: auto;
  padding: 10px;
  margin: 0 0 20px; }

/*================ Horizontal Rules ================*/
hr {
  clear: both;
  border-top: solid gray;
  border-width: 1px 0 0;
  margin: 20px 0;
  height: 0; }
  hr.hr--small {
    margin: 10px 0; }
  hr.hr--clear {
    border-top-color: transparent; }

/*================ Section Headers ================*/
.section-header {
  margin-bottom: 13.33333px; }

@media screen and (min-width: 770px) {
  .section-header {
    display: table;
    width: 100%; }

  .section-header__title {
    margin-bottom: 8px; }

  .section-header__left {
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 0; }
    .section-header__left h1, .section-header__left .h1, .section-header__left h2, .section-header__left .h2, .section-header__left h3, .section-header__left .h3, .section-header__left h4, .section-header__left .h4,
    .section-header__left .h1, .section-header__left .h2, .section-header__left .h3, .section-header__left .h4 {
      margin-bottom: 0; }

  .section-header__right {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 335px; } }
  @media screen and (min-width: 770px) and (max-width: 769px) {
    .section-header__right {
      margin-bottom: 20px; } }

.section-header__right .form-horizontal,
.section-header__right .collection-view {
  display: inline-block;
  vertical-align: middle; }
@media screen and (min-width: 481px) {
  .section-header__right label + select,
  .section-header__right .collection-view {
    margin-left: 10px; } }

.collection-view {
  display: inline-block;
  border: 1px solid gray;
  border-radius: 0px;
  padding: 0 5px;
  height: 37px;
  overflow: hidden;
  /*================ Only show on larger screens ================*/ }
  @media screen and (min-width: 770px) {
    .collection-view {
      display: inline-block; } }

.change-view {
  display: block;
  background: none;
  border: 0 none;
  float: left;
  padding: 10px 8px;
  color: gray;
  line-height: 1; }
  .change-view:hover, .change-view:focus {
    color: black; }

.change-view--active {
  cursor: default;
  color: black; }

/*============================================================================
  #Rich Text Editor
==============================================================================*/
.rte {
  margin-bottom: 10px; }
  .rte a {
    text-decoration: underline; }
  .rte h1, .rte .h1, .rte h2, .rte .h2, .rte h3, .rte .h3, .rte h4, .rte .h4, .rte h5, .rte .h5, .rte h6, .rte .h6 {
    margin-top: 1em; }
    .rte h1:first-child, .rte .h1:first-child, .rte h2:first-child, .rte .h2:first-child, .rte h3:first-child, .rte .h3:first-child, .rte h4:first-child, .rte .h4:first-child, .rte h5:first-child, .rte .h5:first-child, .rte h6:first-child, .rte .h6:first-child {
      margin-top: 0; }
    .rte h1 a, .rte .h1 a, .rte h2 a, .rte .h2 a, .rte h3 a, .rte .h3 a, .rte h4 a, .rte .h4 a, .rte h5 a, .rte .h5 a, .rte h6 a, .rte .h6 a {
      text-decoration: none; }
  .rte > div {
    margin-bottom: 10px; }
  .rte li {
    margin-bottom: 0.4em; }

.rte--header {
  margin-bottom: 0; }

/*============================================================================
  #Links and Buttons
==============================================================================*/
a,
.text-link {
  color: black;
  text-decoration: none;
  background: transparent; }

button {
  overflow: visible; }

button[disabled],
html input[disabled] {
  cursor: default; }

.btn, .btn--secondary,
.rte .btn--secondary,
.rte .btn,
.rte .btn--secondary {
  display: inline-block;
  padding: 8px 10px;
  width: auto;
  margin: 0;
  line-height: 1.42;
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.4;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0px;
  /*================ Set primary button colors - can override later ================*/
  background-color: black;
  color: white; }
  .btn:hover, .btn--secondary:hover,
  .rte .btn:hover,
  .rte .btn--secondary:hover {
    background-color: black;
    color: white; }
  .btn:active, .btn--secondary:active, .btn:focus, .btn--secondary:focus,
  .rte .btn:active,
  .rte .btn--secondary:active,
  .rte .btn:focus,
  .rte .btn--secondary:focus {
    background-color: black;
    color: white; }
  .btn[disabled], [disabled].btn--secondary, .btn.disabled, .disabled.btn--secondary,
  .rte .btn[disabled],
  .rte [disabled].btn--secondary,
  .rte .btn.disabled,
  .rte .disabled.btn--secondary {
    cursor: default;
    color: #b6b6b6;
    background-color: #f6f6f6; }

.btn--secondary,
.rte .btn--secondary {
  background-color: black; }
  .btn--secondary:hover,
  .rte .btn--secondary:hover {
    background-color: black;
    color: white; }
  .btn--secondary:active, .btn--secondary:focus,
  .rte .btn--secondary:active,
  .rte .btn--secondary:focus {
    background-color: black;
    color: white; }

.btn--small {
  padding: 4px 5px;
  font-size: 0.85714em; }

.btn--large {
  padding: 12px 15px;
  font-size: 1.14286em; }

.btn--full {
  width: 100%; }

/*================ Force an input/button to look like a text link ================*/
.text-link {
  display: inline;
  border: 0 none;
  background: none;
  padding: 0;
  margin: 0; }

/*============================================================================
  #Lists
==============================================================================*/
ul, ol {
  margin: 0 0 10px 20px;
  padding: 0; }

ol {
  list-style: decimal; }

ul ul, ul ol,
ol ol, ol ul {
  margin: 4px 0 5px 20px; }

li {
  margin-bottom: 0.25em; }

ul.square {
  list-style: square outside; }

ul.disc {
  list-style: disc outside; }

ol.alpha {
  list-style: lower-alpha outside; }

.no-bullets {
  list-style: none outside;
  margin-left: 0; }

.inline-list {
  margin-left: 0; }
  .inline-list li {
    display: inline-block;
    margin-bottom: 0; }

/*============================================================================
  #Tables
==============================================================================*/
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

table.full {
  width: 100%;
  margin-bottom: 1em; }

.table-wrap {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.table-wrap.cart input {
  width: 90px; }

th {
  font-weight: bold; }

th, td {
  text-align: left;
  padding: 10px;
  border: 1px solid gray; }

/*============================================================================
  Responsive tables, defined with .table--responsive on table element.
  Only defined for IE9+
==============================================================================*/
@media screen and (max-width: 769px) {
  .table--responsive thead {
    display: none; }
  .table--responsive tr {
    display: block; }
  .table--responsive tr,
  .table--responsive td {
    float: left;
    clear: both;
    width: 100%; }
  .table--responsive th,
  .table--responsive td {
    display: block;
    text-align: right;
    padding: 15px; }
  .table--responsive td:before {
    content: attr(data-label);
    float: left;
    text-align: center;
    font-size: 12px;
    padding-right: 10px; }
  .table--responsive.cart-table img {
    margin: 0 auto; }
  .table--responsive.cart-table .js-qty, .table--responsive.cart-table .ajaxcart__qty {
    float: right; } }

@media screen and (max-width: 480px) {
  .table--small-hide {
    display: none !important; }

  .table__section + .table__section {
    position: relative;
    margin-top: 10px;
    padding-top: 15px; }
    .table__section + .table__section:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 15px;
      right: 15px; } }
/*============================================================================
	Sections
==============================================================================*/
.shopify-section .homepage-sections-wrapper {
  padding: 50px 0; }

.shopify-section .homepage-sections-wrapper--white {
  padding: 40px 0; }

.flow-homepage .shopify-section:first-child .homepage-sections-wrapper--slideshow {
  padding: 0;
  margin-bottom: 30px; }

.shopify-section .homepage-sections-wrapper.homepage-sections-wrapper--no-padding {
  padding: 0; }

.homepage-sections-wrapper--white .homepage-video-play-button {
  background: #fff; }

.homepage-sections-wrapper--light .homepage-video-play-button-inner {
  border-color: transparent transparent transparent black; }

.map-section-wrapper a.homepage-featured-box-btn,
.image-with-text-wrapper a.homepage-featured-box-btn {
  color: #ffffff; }

.homepage-sections-wrapper--light {
  background-color: white;
  color: black; }

.homepage-sections-wrapper--light a {
  color: white; }

.homepage-sections-wrapper--light h2.homepage-sections--title:after, .homepage-sections-wrapper--light .homepage-sections--title.h2:after,
.homepage-sections-wrapper--light .homepage-sections--title.h2:after {
  background: black; }

.homepage-sections-wrapper--light .homepage-video-play-button {
  background: white; }

.homepage-sections-wrapper--light .homepage-video-play-button-inner {
  border-color: transparent transparent transparent black; }

.homepage-sections-wrapper--light .homepage-featured-content-box,
.homepage-sections-wrapper--light .homepage-map-content-box {
  background: white; }

.homepage-sections-wrapper--accent {
  background: #e6ede0;
  color: #337626; }

.homepage-sections-wrapper--accent a {
  color: #337626; }

.homepage-sections-wrapper--accent h2.homepage-sections--title:after, .homepage-sections-wrapper--accent .homepage-sections--title.h2:after,
.homepage-sections-wrapper--accent .homepage-sections--title.h2:after {
  background: #337626; }

.homepage-sections-wrapper--accent .homepage-video-play-button {
  background: #e6ede0; }

.homepage-sections-wrapper--accent .homepage-video-play-button-inner {
  border-color: transparent transparent transparent #337626; }

.image-with-text-wrapper .homepage-sections-wrapper--accent .homepage-featured-content-box,
.map-section-wrapper .homepage-sections-wrapper--accent .homepage-map-content-box {
  background: #337626;
  color: #e6ede0; }

.homepage-sections-wrapper--dark {
  background: #242424;
  color: white; }

.homepage-sections-wrapper--dark a {
  color: white; }

.homepage-sections-wrapper--dark h2.homepage-sections--title:after, .homepage-sections-wrapper--dark .homepage-sections--title.h2:after,
.homepage-sections-wrapper--dark .homepage-sections--title.h2:after {
  background: white; }

.homepage-sections-wrapper--dark .homepage-video-play-button {
  background: #242424; }

.homepage-sections-wrapper--dark .homepage-video-play-button-inner {
  border-color: transparent transparent transparent white; }

.image-with-text-wrapper .homepage-sections-wrapper--dark .homepage-featured-content-box,
.map-section-wrapper .homepage-sections-wrapper--dark .homepage-map-content-box {
  background: white;
  color: #242424; }

.homepage-sections-wrapper.text-advert-section {
  padding: 0; }

.image-with-text-wrapper .homepage-sections-wrapper--dark .homepage-featured-content-box,
.map-section-wrapper .homepage-sections-wrapper--dark .homepage-map-content-box {
  background: white;
  color: black; }

.image-with-text-wrapper .homepage-sections-wrapper--dark .homepage-featured-content-box h2.homepage-sections--title:after, .image-with-text-wrapper .homepage-sections-wrapper--dark .homepage-featured-content-box .homepage-sections--title.h2:after,
.map-section-wrapper .homepage-sections-wrapper--dark .homepage-map-content-box h2.homepage-sections--title:after,
.map-section-wrapper .homepage-sections-wrapper--dark .homepage-map-content-box .homepage-sections--title.h2:after {
  background-color: black; }

.instagram-section-wrapper .fa-instagram {
  color: #000; }

.shopify-section.instagram-section-wrapper,
.shopify-section.featured-collections-wrapper {
  margin-top: 0; }

.template-index #shopify-section-footer {
  margin-top: 0;
  border-top: 1px solid; }

.homepage-collections-background .section-header {
  margin-bottom: 0; }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.notification-bar {
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-size: 11px;
  text-align: center;
  padding: 10px 0;
  min-height: 41px; }
  .notification-bar p {
    margin: 5px 0 5px 0; }
    @media screen and (min-width: 769px) {
      .notification-bar p {
        margin: 0; } }
  .notification-bar #sharing {
    text-align: center;
    padding: 0;
    width: auto;
    margin: -2px auto 0 auto !important;
    opacity: 1; }
    .notification-bar #sharing #sm-icons {
      margin: 5px 0 0 0; }
      @media screen and (min-width: 769px) {
        .notification-bar #sharing #sm-icons {
          margin: 0; } }
    .notification-bar #sharing.is-clean a {
      background: transparent !important;
      border: none !important; }
    .notification-bar #sharing .fa-2x {
      font-size: 1.2em !important; }
    .notification-bar #sharing li {
      margin-top: 3px;
      display: inline-block; }
    @media screen and (min-width: 769px) {
      .notification-bar #sharing {
        padding: 0;
        position: absolute;
        top: 7px;
        right: 20px;
        bottom: auto;
        width: auto;
        margin: 0; } }

.notification-bar .custom-font {
  margin: 0; }

.image-gallery-wrapper .icon--placeholder {
  height: 200px; }

.image-bar--title {
  text-transform: uppercase;
  padding-top: 10px; }

/*============================================================================
  #OOCSS Media Object
    - http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
==============================================================================*/
.media,
.media-flex {
  overflow: hidden;
  _overflow: visible;
  zoom: 1; }

.media-img {
  float: left;
  margin-right: 20px; }

.media-img-right {
  float: right;
  margin-left: 20px; }

.media-img img,
.media-img-right img {
  display: block; }

/*============================================================================
  #Images and Iframes
==============================================================================*/
img {
  border: 0 none; }

svg:not(:root) {
  overflow: hidden; }

img,
iframe {
  max-width: 100%; }

.video-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  height: auto; }
  .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*============================================================================
  #Forms
==============================================================================*/
form {
  margin-bottom: 0; }

.form-vertical {
  margin-bottom: 10px; }

/*================ Prevent zoom on touch devices in active inputs ================*/
@media screen and (max-width: 769px) {
  input,
  textarea {
    font-size: 16px; } }
input,
textarea,
button,
select {
  padding: 0;
  margin: 0;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text; }

button {
  background: none;
  border: none;
  cursor: pointer; }

button,
input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none; }

button {
  background: none;
  border: none;
  display: inline-block;
  cursor: pointer; }

input[type="image"] {
  padding-left: 0;
  padding-right: 0; }

fieldset {
  border: 1px solid gray;
  padding: 10px; }

legend {
  border: 0;
  padding: 0; }

button,
input[type="submit"] {
  cursor: pointer; }

input,
textarea,
select {
  font-size: 16px;
  border: 1px solid gray;
  max-width: 100%;
  padding: 7px 10px 5px;
  border-radius: 0px; }
  input:focus,
  textarea:focus,
  select:focus {
    border: 1px solid #666666; }
  input[disabled], input.disabled,
  textarea[disabled],
  textarea.disabled,
  select[disabled],
  select.disabled {
    cursor: default;
    background-color: #f6f6f6;
    border-color: #b6b6b6; }
  input.input-full,
  textarea.input-full,
  select.input-full {
    width: 100%; }
  @media screen and (min-width: 769px) {
    input,
    textarea,
    select {
      font-size: 13px; } }

textarea {
  min-height: 100px; }

/*================ Input element overrides ================*/
input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin: 0 8px 0 0;
  padding: 0;
  width: auto; }

input[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox; }

input[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio; }

input[type="image"] {
  padding-left: 0;
  padding-right: 0; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: right center;
  background-image: url("/cdn/shop/t/614/assets/ico-select.svg?v=145142949295650484321690848767");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-color: transparent;
  padding-right: 28px;
  text-indent: 0.01px;
  text-overflow: '';
  cursor: pointer;
  /*================ Hide the svg arrow in IE9 and below ================*/ }
  .ie9 select, .lt-ie9 select {
    padding-right: 10px;
    background-image: none; }

optgroup {
  font-weight: bold; }

option {
  color: #000;
  background-color: #fff; }

select::-ms-expand {
  display: none; }

/*================ Form labels ================*/
.hidden-label {
  position: absolute;
  height: 0;
  width: 0;
  margin-bottom: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }
  .ie9 .hidden-label, .lt-ie9 .hidden-label {
    position: static;
    height: auto;
    width: auto;
    margin-bottom: 2px;
    overflow: visible;
    clip: initial; }

label[for] {
  cursor: pointer; }

/*================ Horizontal Form ================*/
.form-vertical input,
.form-vertical select,
.form-vertical textarea {
  display: block;
  margin-bottom: 10px; }
.form-vertical input[type="radio"],
.form-vertical input[type="checkbox"] {
  display: inline-block; }

/*================ Error styles ================*/
input.error,
select.error,
textarea.error {
  border-color: #d02e2e;
  background-color: #fff6f6;
  color: #d02e2e; }

label.error {
  color: #d02e2e; }

.qty-error {
  margin-top: 10px; }

/*================ Input Group ================*/
.input-group {
  position: relative;
  display: flex;
  border-collapse: separate; }
  .input-group .input-group-field:first-child,
  .input-group .input-group-btn:first-child,
  .input-group .input-group-btn:first-child > .btn,
  .input-group .input-group-btn:first-child > .btn--secondary,
  .input-group input[type="hidden"]:first-child + .input-group-field,
  .input-group input[type="hidden"]:first-child + .input-group-btn > .btn,
  .input-group input[type="hidden"]:first-child + .input-group-btn > .btn--secondary {
    border-radius: 0px 0 0 0px; }
  .input-group .input-group-field:last-child,
  .input-group .input-group-btn:last-child > .btn,
  .input-group .input-group-btn:last-child > .btn--secondary {
    border-radius: 0 0px 0px 0; }
  .input-group input::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin-top: -1px;
    margin-bottom: -1px; }

.input-group-field,
.input-group-btn {
  display: table-cell;
  vertical-align: middle;
  margin: 0; }

.input-group .input-group-field {
  width: 100%; }

.input-group-btn {
  position: relative;
  white-space: nowrap;
  padding: 0; }

/*============================================================================
  #Icons
==============================================================================*/
.icon-fallback-text .icon {
  display: none; }
  .supports-fontface .icon-fallback-text .icon {
    display: inline-block; }

/*============================================================================
  A generic way to visually hide content while
  remaining accessible to screen readers (h5bp.com)
==============================================================================*/
.icon:before {
  display: none; }

.supports-fontface .icon:before {
  display: inline;
  font-family: "icons";
  text-decoration: none;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*================ Icon mapping ================*/
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-amazon_payments:before {
  content: "\e800"; }

.icon-american_express:before {
  content: "\41"; }

.icon-arrow-down:before {
  content: "\e607"; }

.icon-bitcoin:before {
  content: "\42"; }

.icon-cart:before {
  content: "\e600"; }

.icon-cirrus:before {
  content: "\43"; }

.icon-dankort:before {
  content: "\64"; }

.icon-diners_club:before {
  content: "\63"; }

.icon-discover:before {
  content: "\44"; }

.icon-dogecoin:before {
  content: "\e904"; }

.icon-dwolla:before {
  content: "\e905"; }

.icon-facebook:before {
  content: "\66"; }

.icon-fancy:before {
  content: "\46"; }

.icon-forbrugsforeningen:before {
  content: "\e906"; }

.icon-google-plus:before {
  content: "\e900"; }

.icon-grid-view:before {
  content: "\e603"; }

.icon-hamburger:before {
  content: "\e601"; }

.icon-instagram:before {
  content: "\e901"; }

.icon-interac:before {
  content: "\49"; }

.icon-jcb:before {
  content: "\4a"; }

.icon-laser:before {
  content: "\e907"; }

.icon-list-view:before {
  content: "\e604"; }

.icon-litecoin:before {
  content: "\e908"; }

.icon-maestro:before {
  content: "\6d"; }

.icon-master:before {
  content: "\4d"; }

.icon-minus:before {
  content: "\e602"; }

.icon-paypal:before {
  content: "\50"; }

.icon-pinterest:before {
  content: "\70"; }

.icon-plus:before {
  content: "\e605"; }

.icon-rss:before {
  content: "\72"; }

.icon-search:before {
  content: "\73"; }

.icon-solo:before {
  content: "\e902"; }

.icon-stripe:before {
  content: "\53"; }

.icon-switch:before {
  content: "\e903"; }

.icon-tumblr:before {
  content: "\74"; }

.icon-twitter:before {
  content: "\54"; }

.icon-vimeo:before {
  content: "\76"; }

.icon-visa:before {
  content: "\56"; }

.icon-x:before {
  content: "\e606"; }

.icon-youtube:before {
  content: "\79"; }

.icon-all-skin-types:before {
  content: "\e909"; }

.icon-aging-skin:before {
  content: "\e90c"; }

.icon-problem-skin:before, .icon-acne-prone:before {
  content: "\e90a"; }

.icon-dullness:before {
  content: "\e90d"; }

.icon-dryness:before {
  content: "\e90b"; }

.icon-fb:before {
  content: "\e90e"; }

.icon-ig:before {
  content: "\e90f"; }

.icon-pin:before {
  content: "\e910"; }

.icon-arrow:before {
  content: "\e911"; }

.payment-icons svg {
  height: 40px;
  width: 55px; }

.social-icons li {
  margin: 0 10px 10px;
  vertical-align: middle; }
  @media screen and (min-width: 481px) {
    .social-icons li {
      margin-left: 0; } }
  .social-icons li .icon {
    font-size: 30px;
    line-height: 26px; }
  .social-icons li a {
    color: #000000; }
    .social-icons li a:hover {
      color: black; }

/*============================================================================
  #Pagination
==============================================================================*/
.pagination {
  margin-bottom: 1em;
  text-align: right; }
  .pagination > span {
    display: inline-block;
    line-height: 1; }
  .pagination a {
    display: block; }
  .pagination a,
  .pagination .page.current {
    padding: 8px; }

/*============================================================================
  #Site Header
==============================================================================*/
header {
  border-bottom: 1px solid white; }
  .template-index header {
    margin-bottom: 0; }
  header .grid--center .grid__item {
    text-align: center; }
  header .grid--full.grid--center {
    position: relative; }
    header .grid--full.grid--center .top-links--icon-links {
      position: absolute;
      top: 10px;
      right: 0; }

.white--match header {
  margin-bottom: 0; }

.header-section--wrapper {
  z-index: 10000; }

.site-header {
  padding: 10px 0;
  background-color: white; }
  .site-header.logo_above {
    padding-top: 19px;
    padding-bottom: 3px; }
  .site-header .grid--table {
    display: table;
    table-layout: fixed;
    width: 100%; }
    .site-header .grid--table > .grid__item {
      float: none;
      display: table-cell;
      vertical-align: middle; }

.sticky-header {
  background-color: white;
  z-index: 1000 !important;
  left: 0 !important;
  height: auto !important; }

.template-index .overlay-header-wrapper {
  max-height: 0px !important;
  min-height: 0px !important; }

.template-index .overlay-header {
  transition: background-color 400ms linear, border-bottom 400ms linear !important; }
  .template-index .overlay-header.ui.sticky:not(.top), .template-index .overlay-header:not(.sticky) {
    position: relative;
    z-index: 1000;
    border-bottom: transparent;
    background-color: transparent; }
    .template-index .overlay-header.ui.sticky:not(.top) .top-links a, .template-index .overlay-header.ui.sticky:not(.top) .top-links a:visited, .template-index .overlay-header.ui.sticky:not(.top) .overlay--currency-wrapper select, .template-index .overlay-header.ui.sticky:not(.top) .site-nav--mobile .site-nav__link, .template-index .overlay-header:not(.sticky) .top-links a, .template-index .overlay-header:not(.sticky) .top-links a:visited, .template-index .overlay-header:not(.sticky) .overlay--currency-wrapper select, .template-index .overlay-header:not(.sticky) .site-nav--mobile .site-nav__link {
      color: white; }
    .template-index .overlay-header.ui.sticky:not(.top) .top-links .site-nav__dropdown a, .template-index .overlay-header:not(.sticky) .top-links .site-nav__dropdown a {
      color: #000000; }
    .template-index .overlay-header.ui.sticky:not(.top) .site-header__logo-image, .template-index .overlay-header.ui.sticky:not(.top) .site-header__logo-link, .template-index .overlay-header:not(.sticky) .site-header__logo-image, .template-index .overlay-header:not(.sticky) .site-header__logo-link {
      display: none; }
  .template-index .overlay-header.sticky.top .site-header__logo-overlay-image, .template-index .overlay-header.sticky.top .site-header__logo-overlay-link {
    display: none; }

header:not(.overlay-header) .site-header__logo-overlay-image,
header:not(.overlay-header) .site-header__logo-overlay-link {
  display: none; }

.site-header__logo {
  text-align: center;
  margin: 0 auto;
  max-width: 100%; }
  .site-header__logo a,
  .site-header__logo a:hover,
  .site-header__logo a:focus {
    text-decoration: none; }
  .site-header__logo a {
    display: block; }
    .grid--center .site-header__logo a {
      display: inline-block; }
  .site-header__logo img {
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    max-width: 100%; }

.site-header__logo-link {
  max-width: 450px;
  margin: 0 auto; }

.site-header__cart-toggle {
  display: inline-block; }

.site-header__search {
  display: inline-block;
  max-width: 400px;
  margin-top: 10px;
  width: 100%; }

.site-nav__dropdown {
  background: white; }

.site-nav__dropdown .site-nav__link {
  padding: 10px 30px;
  background: white; }

.site-nav__dropdown .site-nav__link:hover {
  background: white;
  color: #595959; }

.top-links {
  margin-bottom: 0; }

.top-links ul.site-nav, .top-links ul.site-nav--mobile {
  display: inline-block;
  font-size: 13px;
  line-height: 13px; }
  @media screen and (min-width: 769px) {
    .top-links ul.site-nav, .top-links ul.site-nav--mobile {
      font-size: 11px; } }
  @media screen and (min-width: 1200px) {
    .top-links ul.site-nav, .top-links ul.site-nav--mobile {
      font-size: 13px; } }

.top-links ul li {
  display: inline-block;
  list-style-type: none;
  font-family: "NeuzeitGro", Roboto, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: normal; }
  .top-links ul li .site-nav__title-link {
    font-family: "Cartograph-Mono", Roboto, sans-serif; }
    @media screen and (min-width: 769px) {
      .top-links ul li .site-nav__title-link.nav-right-link {
        font-size: 11px; } }
    @media screen and (min-width: 1200px) {
      .top-links ul li .site-nav__title-link.nav-right-link {
        font-size: 13px; } }

.top-links--icon-links {
  margin: 0 0 0 40px;
  display: inline-block;
  position: relative;
  top: 4px; }
  .top-links--icon-links .site-nav__dropdown li {
    padding-left: 0;
    margin: 0;
    line-height: 13px; }

.top-links--icon-links li {
  position: relative;
  padding-left: 15px; }
  @media screen and (min-width: 769px) {
    .top-links--icon-links li .site-nav__link {
      font-size: 11px; } }
  @media screen and (min-width: 1200px) {
    .top-links--icon-links li .site-nav__link {
      font-size: 13px; } }

.top-links--icon-links li a {
  color: #a3a3a3;
  position: relative; }

.top-links__icon-ig {
  font-size: 1.2em;
  line-height: .75em;
  vertical-align: -15%; }

.site-header__cart-indicator {
  background-color: #9cd4b9;
  border-radius: 100%;
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-size: 8px;
  height: 12px;
  line-height: 12px;
  position: absolute;
  right: 0;
  text-align: center;
  top: -2px;
  width: 12px; }
  @media screen and (min-width: 769px) {
    .site-header__cart-indicator {
      right: -4px;
      top: -4px; } }

.hide {
  display: none !important; }

.search-bar {
  max-width: 100%; }
  @media screen and (max-width: 769px) {
    .search-bar {
      margin-left: auto;
      margin-right: auto; } }
  .search-bar .input-group-btn {
    display: flex;
    width: auto; }

.search-bar span.input-group-btn .btn, .search-bar span.input-group-btn .btn--secondary {
  line-height: 1; }

#SearchContainer .input-group .btn, #SearchContainer .input-group .btn--secondary {
  height: 39px; }

#SearchContainer .search-input {
  color: #000; }

.site-header__logo {
  font-size: 18px; }

.white--match .flow-homepage div:first-child .homepage-sections-wrapper {
  padding-top: 0; }

/*============================================================================
  #Site Nav and Dropdowns
==============================================================================*/
.site-nav, .site-nav--mobile {
  cursor: default;
  margin: 0 0 0 -10px; }
  .site-nav li, .site-nav--mobile li {
    margin: 0;
    display: block; }
  .site-nav > li, .site-nav--mobile > li {
    position: relative;
    display: inline-block; }

.top-links a,
.top-links a:visited,
.site-header__logo-link,
.site-header__logo-link:visited {
  color: #000000; }

.top-links a:hover,
.top-links a:active,
.site-header__logo-link:hover,
.site-header__logo-link:active {
  color: #595959; }

.top-links .top-links--icon-links a:hover,
.top-links .top-links--icon-links a:active,
.top-links .top-links--icon-links a,
.top-links--icon-links select {
  color: #333333; }

/*================ Home to hamburger and cart that toggle drawers ================*/
.text-right .site-nav--mobile {
  margin: 0 -10px 0 0; }
.site-nav--mobile i {
  font-size: 1.5rem; }
.site-nav--mobile .hide-tablet-and-up {
  display: none; }
  @media screen and (min-width: 769px) {
    .site-nav--mobile .hide-tablet-and-up {
      display: inline-block; } }

.site-nav__link {
  display: block;
  text-decoration: none;
  padding: 10px;
  white-space: nowrap;
  color: #333333;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 769px) {
    .site-nav__link {
      padding: 10px 10px; } }
  @media screen and (min-width: 1200px) {
    .site-nav__link {
      padding: 10px; } }
  .site-nav__link:hover, .site-nav__link:active, .site-nav__link:focus {
    color: #0d0d0d; }
  .site-nav__link .icon-arrow-down {
    position: relative;
    font-size: 10px;
    padding-left: 5px; }
  .site-nav--active > .site-nav__link {
    font-weight: bold; }
  .site-nav--mobile .site-nav__link {
    display: inline-block; }

.site-nav__title-link {
  font-weight: 700;
  text-transform: uppercase; }

/*================ Dropdowns ================*/
.site-nav__dropdown {
  visibility: hidden;
  position: absolute;
  left: 0;
  margin: 0;
  z-index: 6;
  padding: 20px 40px;
  transform: translateY(-12px); }
  .site-nav__dropdown.has-grand-child {
    flex-wrap: unset; }
  .supports-no-touch .site-nav--has-dropdown:hover .site-nav__dropdown, .site-nav--has-dropdown.nav-hover .site-nav__dropdown, .nav-focus + .site-nav__dropdown {
    visibility: visible;
    transform: translateY(0);
    display: block;
    transition: all ease 300ms; }
  .site-nav__dropdown a {
    background-color: white; }
    .site-nav__dropdown a:hover, .site-nav__dropdown a:active, .site-nav__dropdown a:focus {
      background-color: #d8d8d8;
      color: black; }
  .site-nav__dropdown .site-nav--has-dropdown {
    position: relative; }
    .site-nav__dropdown .site-nav--has-dropdown > .site-nav__link, .site-nav__dropdown .site-nav--has-dropdown > .site-nav__category-header {
      font-family: "Cartograph-Mono", Roboto, sans-serif;
      font-size: 0.923em;
      font-weight: 900;
      text-transform: uppercase; }
    .site-nav__dropdown .site-nav--has-dropdown.nav-hover:before {
      color: #595959; }

.site-nav__category-header {
  letter-spacing: .5px;
  display: block;
  white-space: nowrap;
  padding: 15px 30px 15px 10px; }

.site-nav__category-link {
  margin: 0; }
  .site-nav__category-link .site-nav__link:before {
    font-family: 'icons';
    padding-right: 7px;
    font-size: 1.3em;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .site-nav__category-link .site-nav__link[href="/collections/shop-by-concern/"] {
    display: flex;
    align-items: flex-end;
    padding: 10px 30px 10px 15px !important; }
    .site-nav__category-link .site-nav__link[href="/collections/shop-by-concern/"]:before {
      content: "\e909"; }
  .site-nav__category-link .site-nav__link[href="/collections/shop-by-concern/aging-skin"] {
    display: flex;
    align-items: flex-end;
    padding: 10px 30px 10px 15px !important; }
    .site-nav__category-link .site-nav__link[href="/collections/shop-by-concern/aging-skin"]:before {
      content: "\e90c"; }
  .site-nav__category-link .site-nav__link[href="/collections/shop-by-concern/problem-skin"] {
    display: flex;
    align-items: flex-end;
    padding: 10px 30px 10px 15px !important; }
    .site-nav__category-link .site-nav__link[href="/collections/shop-by-concern/problem-skin"]:before {
      content: "\e90a"; }
  .site-nav__category-link .site-nav__link[href="/collections/shop-by-concern/dullness"] {
    display: flex;
    align-items: flex-end;
    padding: 10px 30px 10px 15px !important; }
    .site-nav__category-link .site-nav__link[href="/collections/shop-by-concern/dullness"]:before {
      content: "\e90d"; }
  .site-nav__category-link .site-nav__link[href="/collections/shop-by-concern/dryness"] {
    display: flex;
    align-items: flex-end;
    padding: 10px 30px 10px 15px !important; }
    .site-nav__category-link .site-nav__link[href="/collections/shop-by-concern/dryness"]:before {
      content: "\e90b"; }

.site-nav__subdropdown {
  visibility: hidden;
  transform: translateX(-12px);
  position: absolute;
  opacity: 0;
  left: 100%;
  top: 0;
  margin: 0;
  z-index: 6;
  background: white; }
  .nav-hover .nav-hover .site-nav__subdropdown {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
    transition: all ease 300ms; }
  .site-nav__subdropdown a {
    background-color: #f2f2f2; }
    .site-nav__subdropdown a:hover, .site-nav__subdropdown a:active, .site-nav__subdropdown a:focus {
      background-color: #d8d8d8;
      color: black; }

.top-links .site-nav li:last-child a, .top-links .site-nav--mobile li:last-child a {
  padding-right: 0; }

.site-nav__dropdown li {
  width: 100%; }

.site-nav__dropdown li a {
  padding: 15px 30px 15px 15px !important; }

.dropdown-alignment--center .site-nav__dropdown li a {
  padding: 15px 30px 15px 30px !important; }

/*================ Search bar in header ================*/
.nav-search {
  position: relative;
  padding: 10px 0; }
  @media screen and (max-width: 769px) {
    .nav-search {
      padding: 0 0 10px;
      margin: 0 auto;
      text-align: center; } }

/*============================================================================
  #Mobile Nav
  - List of items inside the mobile drawer
==============================================================================*/
.mobile-nav {
  font-size: 18px;
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0; }
  .mobile-nav li {
    list-style: none;
    margin-bottom: 0; }

.mobile-nav__search {
  padding: 10px; }
  .mobile-nav__search .search-bar {
    margin-bottom: 0; }

.mobile-nav__item {
  position: relative;
  display: block; }
  .mobile-nav > .mobile-nav__item {
    background-color: white; }
  .mobile-nav__item:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    border-bottom: 1px solid white; }
  .mobile-nav > .mobile-nav__item:last-child:after {
    display: none; }

.mobile-nav__item a {
  display: block; }

.mobile-nav__link,
.mobile-nav__item a,
.mobile-nav__toggle button {
  color: #333333;
  padding: 10px 20px;
  text-decoration: none; }
  .mobile-nav__link:hover, .mobile-nav__link:active, .mobile-nav__link:focus,
  .mobile-nav__item a:hover,
  .mobile-nav__item a:active,
  .mobile-nav__item a:focus,
  .mobile-nav__toggle button:hover,
  .mobile-nav__toggle button:active,
  .mobile-nav__toggle button:focus {
    color: #0d0d0d; }
  .mobile-nav__link:active, .mobile-nav__link:focus,
  .mobile-nav__item a:active,
  .mobile-nav__item a:focus,
  .mobile-nav__toggle button:active,
  .mobile-nav__toggle button:focus {
    background-color: #f2f2f2; }

[data-link-title="shop"] .mobile-nav__sublist .mobile-nav__toggle:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 40px; }

.mobile-nav .search-bar {
  padding: 30px 15px 0;
  width: 100%; }

.mobile-nav__has-sublist {
  display: table;
  width: 100%; }
  .mobile-nav__has-sublist .mobile-nav__link {
    display: table-cell;
    vertical-align: middle;
    width: 100%; }

.mobile-nav__toggle {
  display: table-cell;
  vertical-align: middle;
  width: 1%; }

.mobile-nav--expanded .mobile-nav__toggle-open {
  display: none; }

.mobile-nav__toggle-close {
  display: none; }
  .mobile-nav--expanded .mobile-nav__toggle-close {
    display: block; }

.mobile-menu-currency-button {
  width: 100%;
  text-align: left; }
  .mobile-menu-currency-button .text {
    font-size: 18px; }
  .mobile-menu-currency-button .icon {
    float: right; }

.mobile-menu-currency-selected:after {
  content: "\f00c";
  float: right;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased; }

.currency-picker {
  border: 1px solid white;
  padding-right: 10px;
  background: none;
  font-weight: bold; }

.overlay--currency-wrapper .currency-picker {
  border: none; }

.mobile-nav__sublist {
  margin: 0;
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  transition: all 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .mobile-nav--expanded + .mobile-nav__sublist {
    visibility: visible;
    max-height: 3000px;
    transition: all 700ms cubic-bezier(0.57, 0.06, 0.05, 0.95); }
  .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__link {
    font-family: "NeuzeitGro", Roboto, sans-serif;
    font-weight: 400;
    text-transform: initial; }
  .mobile-nav__sublist .mobile-nav__item {
    padding-left: 2em; }
  .mobile-nav__sublist .mobile-nav__item:after {
    top: 0;
    bottom: auto; }
  .mobile-nav__sublist .mobile-nav__link {
    padding-left: 20px;
    font-size: 16px; }

.mobile-nav-bar-wrapper {
  padding: 7px 0 10px;
  background: white;
  color: #333333;
  border-bottom: 1px solid white; }

.mobile-nav-bar-wrapper .site-nav__link {
  padding: 0;
  position: relative; }

.mobile-nav-bar-wrapper .site-nav--mobile,
.mobile-nav-bar-wrapper .text-right .site-nav--mobile {
  margin: 0; }

.mobile-nav-bar-wrapper .mobile-grid--table {
  display: table;
  table-layout: fixed;
  width: 100%; }

.mobile-nav-bar-wrapper .mobile-grid--table .grid__item {
  display: table-cell;
  float: none;
  vertical-align: middle; }

.mobile-nav-bar-wrapper .mobile-grid--table .grid__item {
  padding: 0; }

.mobile-nav-bar-wrapper .site-header__cart-indicator {
  height: 11px;
  width: 11px;
  right: -4px;
  top: -1px; }

#NavDrawer {
  background-color: white;
  border-right: none; }

#NavDrawer .hidden {
  display: none; }

.mobile-nav-header {
  margin: 0;
  padding: 10px;
  opacity: 0.5;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  display: inline-block; }

/*============================================================================
  #Drawers
==============================================================================*/
#CartDrawer {
  text-align: center; }
  #CartDrawer .drawer__title {
    margin-bottom: 0;
    padding-bottom: 0; }
  #CartDrawer .grid--rev .grid__item {
    text-align: center; }
  #CartDrawer #CartContainer {
    display: flex;
    flex-direction: column; }

#ShopNowTitle {
  display: none; }

#DrawerOverlay {
  position: fixed;
  z-index: 1499;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: black;
  opacity: 0;
  transition: width 0s linear 0.6s, opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; }
  .js-drawer-open #DrawerOverlay {
    width: 100%;
    opacity: 0.4;
    transition: opacity 0.4s, width 0s linear 0s; }

.drawer {
  display: none;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  top: 0;
  bottom: 0;
  max-width: 90%;
  z-index: 1500;
  color: #333333;
  background-color: white;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; }
  .drawer a {
    color: #333333; }
    .drawer a:hover, .drawer a:focus {
      opacity: 0.7; }
  .drawer input,
  .drawer textarea {
    border-color: #e6e6e6; }
  .drawer > * {
    opacity: 0;
    transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; }
    .js-drawer-open .drawer > * {
      transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s;
      opacity: 1; }

.drawer--left {
  width: 768px;
  left: -768px;
  border-right: 1px solid #e6e6e6; }
  .js-drawer-open-left .drawer--left {
    display: block;
    -ms-transform: translateX(768px);
    -webkit-transform: translateX(768px);
    transform: translateX(768px); }
    .lt-ie9 .js-drawer-open-left .drawer--left {
      left: 0; }

.drawer--right {
  width: 450px;
  right: -450px;
  border-left: 1px solid #e6e6e6; }
  .js-drawer-open-right .drawer--right {
    display: block;
    -ms-transform: translateX(-450px);
    -webkit-transform: translateX(-450px);
    transform: translateX(-450px); }
    .lt-ie9 .js-drawer-open-right .drawer--right {
      right: 0; }
  .drawer--right .drawer__header {
    padding: 20px;
    position: relative;
    z-index: 100; }

.drawer--shop__now {
  position: fixed;
  max-height: 90vh;
  overflow-y: auto;
  width: 100%;
  height: auto;
  transition: opacity,visibility 0.3s;
  top: 50%;
  right: unset;
  bottom: unset;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  margin: auto; }
  .js-drawer-open-right .drawer--shop__now {
    transform: translate(-50%, -50%);
    opacity: 1;
    visibility: visible; }
  @media screen and (min-width: 769px) {
    .drawer--shop__now {
      max-width: 900px; } }

.is-moved-by-drawer {
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; }
  .js-drawer-open-left .is-moved-by-drawer {
    -ms-transform: translateX(768px);
    -webkit-transform: translateX(768px);
    transform: translateX(768px);
    opacity: 0.1; }
  .js-drawer-open-right .is-moved-by-drawer {
    -ms-transform: translateX(-450px);
    -webkit-transform: translateX(-450px);
    transform: translateX(-450px);
    opacity: 0.1; }

.drawer__header {
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 100; }

.drawer__title,
.drawer__close {
  display: table-cell;
  vertical-align: middle; }

.drawer__close {
  width: 1%;
  text-align: center;
  font-size: 1.28571em; }

.drawer__close button {
  position: absolute;
  top: 22px;
  right: 15px;
  color: inherit;
  z-index: 1000000; }
  .drawer__close button:active, .drawer__close button:focus {
    background-color: #f2f2f2; }

/*============================================================================
  #Shopify Product Reviews
==============================================================================*/
#shopify-product-reviews {
  margin-bottom: 0 !important; }

#shopify-product-reviews .spr-container {
  border: none; }

#shopify-product-reviews--wrapper {
  padding: 50px 0; }

[data-bv-show=rating_summary] .bv_main_container .bv_button_buttonMinimalist {
  font-family: "Cartograph-Mono", Roboto, sans-serif !important; }

[data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_flex {
  flex-wrap: wrap !important; }

#shopify-product-reviews h2.spr-header-title, #shopify-product-reviews .spr-header-title.h2 {
  display: none; }

.grid-view-item form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 210px; }
  @media screen and (max-width: 769px) {
    .grid-view-item form {
      min-height: 242px; } }

.spr-review-content-body {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: black !important;
  font-family: "NeuzeitGro", Roboto, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased !important;
  -webkit-text-size-adjust: 100% !important;
  text-align: left !important; }

.spr-form-review-rating {
  text-align: center; }

.spr-form-review-rating a {
  float: none !important; }

.spr-badge-caption {
  display: inline-block; }

.reveal .hidden {
  display: block !important;
  visibility: visible !important; }

.product:hover .reveal img {
  opacity: 1; }

.reveal {
  position: relative; }

.reveal > a > img {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

/* Only run hover effect on desktop */
@media only screen and (min-width: 767px) {
  .grid-view-item .grid__image:hover > a > img {
    opacity: 0; }

  .grid-view-item .grid__image:hover .hidden {
    z-index: 4;
    opacity: 1; } }
.reveal .hidden {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  overflow: hidden; }

.grid-view-item--desc-wrapper {
  position: relative;
  z-index: 1; }

.shop-now-wrapper {
  position: relative;
  width: 100%;
  z-index: 1000;
  left: 0;
  visibility: visible; }
  @media screen and (min-width: 769px) {
    .shop-now-wrapper {
      visibility: hidden; }
      .grid-view-item:hover .shop-now-wrapper {
        visibility: visible; } }

.small--one-half .grid-view-item form {
  min-height: 225px; }

.grid-view-item form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 210px; }
  @media screen and (max-width: 769px) {
    .grid-view-item form {
      min-height: 242px; } }

/*============================================================================
  #Site Footer
==============================================================================*/
.site-footer {
  background-color: white;
  padding: 40px 0;
  color: black;
  border-top: 1px solid; }

.links-footer a {
  margin: 0.2em 0; }

.footer--has-dropdown-title {
  margin-bottom: 0.25em;
  display: inline-block; }

.links-footer .footer--level-2 {
  padding-left: 10px;
  font-size: 95%; }

.footer-alignment--center {
  text-align: center; }

.footer-alignment--center .payment-icons {
  margin-top: 30px; }

.footer-description {
  padding-bottom: 20px; }

.image-footer svg {
  height: 200px; }

@media screen and (min-width: 769px) {
  .flex__item.right-footer {
    display: flex;
    align-items: flex-end;
    flex-direction: column; } }

/*============================================================================
  #Product and Collection Grids
==============================================================================*/
.grid__image {
  display: flex;
  position: relative;
  margin: 0 auto 30px;
  align-items: center;
  justify-content: center; }
  .grid__image img {
    margin: 0 auto; }

.spr-badge {
  margin-top: 5px; }

.grid__item .grid-view-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  font-family: "object-fit: contain"; }

.collection-main-body .grid__image img {
  max-height: 700px; }

.products--match-height .grid__item .grid__image {
  height: 250px;
  text-align: center; }

.products--match-height .grid__item .grid-view-item img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

@media only screen and (min-width: 769px) and (max-width: 1080px) {
  .products--match-height .grid__item.large--one-half .grid__image {
    height: 500px; }

  .products--match-height .grid__item.large--one-third .grid__image {
    height: 400px; }

  .products--match-height .grid__item.large--one-quarter .grid__image {
    height: 300px; }

  .products--match-height .grid__item.large--one-fifth .grid__image {
    height: 200px; } }
@media screen and (min-width: 1080px) {
  .products--match-height .grid__item.large--one-half .grid__image {
    height: 500px; }

  .products--match-height .grid__item.large--one-third .grid__image {
    height: 400px; }

  .products--match-height .grid__item.large--one-quarter .grid__image {
    height: 300px; }

  .products--match-height .grid__item.large--one-fifth .grid__image {
    height: 200px; } }
/*============================================================================
  # Filters
==============================================================================*/
.filter--active {
  font-weight: bold; }

/*============================================================================
  #Breadcrumbs
==============================================================================*/
.breadcrumb {
  margin-bottom: 20px; }
  .breadcrumb a,
  .breadcrumb span {
    display: inline-block;
    padding: 0 7px 0 0;
    margin-right: 7px; }
    .breadcrumb a:first-child,
    .breadcrumb span:first-child {
      padding-left: 0; }

/*============================================================================
  #Product Page
==============================================================================*/
.no-js:not(html) {
  display: none; }
  .no-js .no-js:not(html) {
    display: block; }

.no-js .js {
  display: none; }

@media screen and (min-width: 1200px) {
  .product-single .grid__item {
    padding-left: 50px; } }

.product-single__variants {
  display: none; }
  .no-js .product-single__variants {
    display: block; }

.product__video {
  width: 100%; }

.product-single__photos a, .product-single__photos img {
  display: block;
  margin: 0 auto; }
.product-single__photos li {
  margin-bottom: 20px; }
.product-single__photos .product-single__thumbnail-wrapper:nth-child(4n+2) {
  clear: both; }
.product-single__photos .product-single__thumbnail {
  display: inline;
  margin: 0; }

.product__thumb {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 100%; }

.product__thumb-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  transition: opacity 0.5s ease; }
  .product__thumb-icon .icon {
    fill: white;
    width: 60px;
    height: 60px; }

.product-single__photos .product-single__photo-wrapper:last-child {
  margin-bottom: 0; }

.grid-image--centered {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  width: 100%; }

#featured-image-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: none; }

.product__meta--vendor h4, .product__meta--vendor .h4,
.product__meta--sku h4,
.product__meta--sku .h4 {
  font-size: 95%;
  margin-bottom: 10px; }

.product__meta--sku {
  text-align: right; }

.product__meta--tags {
  text-transform: capitalize; }

/*============================================================================
  #Notes and Form Feedback
==============================================================================*/
.note,
.errors {
  border-radius: 0px;
  padding: 6px 12px;
  margin-bottom: 10px;
  border: 1px solid transparent;
  font-size: 0.9em;
  text-align: left; }
  .note ul,
  .note ol,
  .errors ul,
  .errors ol {
    margin-top: 0;
    margin-bottom: 0; }
  .note li:last-child,
  .errors li:last-child {
    margin-bottom: 0; }
  .note p,
  .errors p {
    margin-bottom: 0; }

.note {
  border-color: gray; }

.errors ul {
  list-style: disc outside;
  margin-left: 20px; }

.form-success {
  color: #56ad6a;
  background-color: #ecfef0;
  border-color: #56ad6a; }
  .form-success a {
    color: #56ad6a;
    text-decoration: underline; }
    .form-success a:hover {
      text-decoration: none; }

.form-error,
.errors {
  color: #d02e2e;
  background-color: #fff6f6;
  border-color: #d02e2e; }
  .form-error a,
  .errors a {
    color: #d02e2e;
    text-decoration: underline; }
    .form-error a:hover,
    .errors a:hover {
      text-decoration: none; }

/*============================================================================
  #Cart Page
==============================================================================*/
.cart__row {
  position: relative;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid gray; }
  .cart__row:first-child {
    margin-top: 0; }
  .cart__row:first-child {
    padding-top: 0; }
  .cart__row .js-qty, .cart__row .ajaxcart__qty {
    margin: 0 auto; }

.cart-table th {
  font-weight: normal; }
.cart-table td,
.cart-table th {
  padding: 30px 15px;
  border: none; }

@media screen and (min-width: 770px) {
  .cart__row--table-large {
    display: table;
    table-layout: fixed;
    width: 100%; }
    .cart__row--table-large .grid__item {
      display: table-cell;
      vertical-align: middle;
      float: none; } }
#shopify-section-cart-template .cart--button-update,
#shopify-section-cart-template .cart--button-checkout {
  margin-bottom: 10px; }

.cart__image {
  display: block; }
  .cart__image img {
    display: block;
    max-width: 240px;
    max-height: 240px;
    object-fit: contain;
    font-family: "object-fit: contain"; }

.cart__subtotal {
  margin: 0 0 0 6.66667px;
  display: inline; }

.cart__mini-labels {
  display: block;
  margin: 6.66667px 0;
  font-size: 0.85714em; }
  @media screen and (min-width: 770px) {
    .cart__mini-labels {
      display: none; } }

.cart__remove {
  display: block; }

/*============================================================================
  #Ajax Cart Styles (conditionally loaded)
==============================================================================*/
.js-qty-wrapper {
  display: inline-block;
  margin-right: 5px; }

.ajaxcart__qty,
.ajaxcart__qty button,
.ajaxcart__qty input,
.js-qty,
.ajaxcart__qty,
.js-qty button,
.ajaxcart__qty button,
.js-qty input,
.ajaxcart__qty input {
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  border: none; }

.ajaxcart__row .grid .ajaxcart__quantity-wrapper, .ajaxcart__row .grid--rev .ajaxcart__quantity-wrapper, .ajaxcart__row .grid--full .ajaxcart__quantity-wrapper,
.js-qty .grid .ajaxcart__quantity-wrapper,
.ajaxcart__qty .grid .ajaxcart__quantity-wrapper,
.js-qty .grid--rev .ajaxcart__quantity-wrapper,
.ajaxcart__qty .grid--rev .ajaxcart__quantity-wrapper,
.js-qty .grid--full .ajaxcart__quantity-wrapper,
.ajaxcart__qty .grid--full .ajaxcart__quantity-wrapper {
  padding: 10px; }

.ajaxcart__quantity-wrapper .ajaxcart__qty-adjust,
.js-qty .js-qty__adjust,
.ajaxcart__qty .js-qty__adjust,
.js-qty .ajaxcart__qty-adjust,
.ajaxcart__qty .ajaxcart__qty-adjust {
  color: #000;
  font-size: 10px;
  display: inline-block;
  position: unset;
  padding: 0; }
  @media screen and (max-width: 480px) {
    .ajaxcart__quantity-wrapper .ajaxcart__qty-adjust,
    .js-qty .js-qty__adjust,
    .ajaxcart__qty .js-qty__adjust,
    .js-qty .ajaxcart__qty-adjust,
    .ajaxcart__qty .ajaxcart__qty-adjust {
      font-size: 8px; } }

#CartContainer form .ajaxcart__footer {
  width: 100%;
  background-color: #f8f8f8; }

/*================ Quantity Selectors ================*/
.js-qty, .ajaxcart__qty {
  position: relative;
  min-width: 75px;
  overflow: visible;
  display: inline-block; }
  .js-qty input, .ajaxcart__qty input {
    display: inline-block;
    background: none;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 50px; }
  @media screen and (max-width: 480px) {
    .js-qty input, .ajaxcart__qty input {
      width: 20px;
      font-size: 13px; } }

.js-qty__adjust, .ajaxcart__qty-adjust {
  cursor: pointer;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  border: 0 none;
  padding: 0 8px;
  background: none;
  text-align: center;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .js-qty__adjust:hover, .ajaxcart__qty-adjust:hover, .js-qty__adjust:focus, .ajaxcart__qty-adjust:focus {
    color: black; }

.js-qty__adjust--plus, .ajaxcart__qty--plus {
  right: 0; }

.js-qty__adjust--minus, .ajaxcart__qty--minus {
  left: 0; }

.ajaxcart__row {
  padding: 15px 0 15px 30px; }
  .ajaxcart__row.is-loading .loading {
    display: flex; }
  .ajaxcart__row .loading {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
    display: none;
    align-items: center;
    justify-content: center; }
  .ajaxcart__row .recharge-information {
    text-transform: uppercase;
    color: #92c4a5;
    font-family: "Cartograph-Mono";
    font-size: 12px;
    margin-bottom: 20px; }
    .ajaxcart__row .recharge-information .icon-repeat {
      width: 20px;
      display: inline-block;
      vertical-align: top; }
    .ajaxcart__row .recharge-information svg {
      fill: #92c4a5; }
  @media screen and (max-width: 768px) {
    .ajaxcart__row {
      padding: 10px 20px; }
      .ajaxcart__row .grid, .ajaxcart__row .grid--rev, .ajaxcart__row .grid--full {
        margin-left: -20px; }
      .ajaxcart__row .grid__item {
        margin: 0;
        padding-left: 20px; }
      .ajaxcart__row .ajaxcart__product-name,
      .ajaxcart__row .ajaxcart__product-meta,
      .ajaxcart__row .ajaxcart__product-type,
      .ajaxcart__row .ajaxcart-item__price {
        font-size: 14px;
        line-height: 1.5; }
      .ajaxcart__row .ajaxcart__qty-remove {
        top: 10px; } }

.ajax-cart--notes {
  padding: 0 30px 30px 30px; }

.ajaxcart__product:first-child {
  border-top: none; }

.ajaxcart__product {
  position: relative;
  border-top: 1px solid #e6e6e6; }

.ajaxcart__product-image {
  display: block;
  overflow: hidden; }
  .ajaxcart__product-image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 150px;
    object-fit: contain;
    font-family: "object-fit: contain"; }

.ajaxcart__product-name,
.ajaxcart__product-meta {
  display: block; }

.ajaxcart__product-name + .ajaxcart__product-meta {
  padding-top: 4px; }

.ajaxcart__product-name,
.ajaxcart__product-meta {
  text-align: center;
  font-size: 15px;
  margin-bottom: 0;
  padding-top: 0; }

.ajaxcart__product-name {
  font-weight: 500; }

.ajaxcart-item__price {
  opacity: 0.5; }

.ajaxcart__quantity-wrapper {
  display: inline-block;
  width: 100%; }

.ajaxcart__footer .cart__checkout {
  margin-top: 10px;
  margin-bottom: 20px; }

.additional_checkout_buttons input {
  border: 0 !important; }

.ajaxcart__special_instructions {
  width: 100%;
  opacity: 0.5;
  text-align: center;
  padding: 30px 0 20px;
  display: inline-block;
  margin-top: 30px; }

.ajaxcart__subtotal_header {
  width: 100%;
  display: inline-block;
  text-align: center;
  text-transform: uppercase; }

.ajaxcart__subtotal_header p {
  opacity: 0.5;
  font-weight: 500;
  font-size: 11px;
  margin: 20px 0 0 0; }

.ajaxcart__subtotal {
  font-weight: 500;
  font-size: 26px;
  width: 100%;
  display: inline-block;
  text-align: center; }

.empty-cart {
  text-align: center; }

/*================ Quantity Selectors in Ajax Cart ================*/
.is-loading .ajaxcart__qty {
  opacity: 0.5;
  transition: none; }

.ajaxcart__qty-num {
  border-color: #e6e6e6;
  color: #333333; }

.ajaxcart__qty-adjust {
  color: #333333; }

.ajaxcart__qty--plus {
  border-color: #e6e6e6; }

.ajaxcart__qty--minus {
  border-color: #e6e6e6; }

.ajaxcart__qty-remove {
  position: absolute;
  top: 17px;
  right: 0; }

/*============================================================================
  #Homepage
==============================================================================*/
.homepage-hero-wrapper img {
  vertical-align: middle;
  max-width: 100%;
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover, object-position: center"; }

.homepage-hero-menu-indiv-image img {
  object-fit: contain;
  font-family: "object-fit: contain"; }

.homepage-hero-menu-wrapper {
  padding: 0 0 0 30px; }

.homepage-hero-menu ul {
  margin: 0;
  padding: 0; }

.homepage-hero-content--video {
  margin: 0 auto;
  float: none; }
  @media screen and (min-width: 769px) {
    .homepage-hero-content--video {
      padding: 30px; } }
  .homepage-hero-content--video .homepage-hero-content-overlay-wrapper::before {
    z-index: 3; }
  .homepage-hero-content--video .homepage-hero-content-video-text-block {
    z-index: 4;
    margin-top: 0px; }
    .homepage-hero-content--video .homepage-hero-content-video-text-block p {
      display: none; }
      @media screen and (min-width: 769px) {
        .homepage-hero-content--video .homepage-hero-content-video-text-block p {
          display: block; } }

.homepage-hero-content-image-text-block, .homepage-hero-content-video-text-block {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  z-index: 2;
  text-align: center;
  color: #fff;
  padding: 0 30px; }

.homepage-hero-content-image-text-block h2, .homepage-hero-content-image-text-block .h2 {
  color: #ffffff; }

.homepage-hero-content-image-text-block p {
  color: #ffffff; }

@media screen and (max-width: 768px) {
  .homepage-hero-content-image-text-block h2, .homepage-hero-content-image-text-block .h2,
  .homepage-hero-content-image-text-block p {
    color: black; } }
.homepage-hero-content-video-text-block {
  padding: 0; }

.homepage-hero-content-link-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 4; }

.homepage-hero-content-image-text-block a {
  color: #fff; }

.homepage-hero-content-image-text-block h2, .homepage-hero-content-image-text-block .h2,
.homepage-hero-content-video-text-block h2,
.homepage-hero-content-video-text-block .h2 {
  font-size: 50px;
  margin-bottom: 10px; }

@media screen and (max-width: 768px) {
  .homepage-hero-content-video-text-block h2, .homepage-hero-content-video-text-block .h2 {
    font-size: 26px;
    margin-bottom: 10px; } }
.homepage-hero-content-image-text-block p, .homepage-hero-content-video-text-block p {
  margin-bottom: 20px; }

.homepage-hero-content-video-text-block p {
  font-size: 20px; }

.homepage-hero-menu ul li {
  list-style-type: none;
  margin: 0; }

.homepage-hero-menu ul li a,
.homepage-hero-menu ul li.no-link {
  display: inline-block;
  color: black;
  width: 100%; }

.homepage-hero-menu-indiv-image img {
  margin-bottom: 10px; }

.homepage-sections--description {
  text-align: center;
  margin-bottom: 40px;
  margin-top: -20px; }

.hero--x-small {
  height: 94px; }

.hero--small {
  height: 225px; }

.hero--medium {
  height: 357px; }

.hero--large {
  height: 488px; }

.hero--x-large {
  height: 582px; }

.homepage-hero-content-overlay-wrapper {
  overflow: hidden;
  transition: opacity 0.3s linear; }
  .homepage-hero-content-overlay-wrapper.overlay-hidden::before {
    display: none; }

.homepage-video-play-button {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  margin: 20px auto 0 auto;
  text-align: center;
  position: relative;
  cursor: pointer; }
  @media screen and (min-width: 769px) {
    .homepage-video-play-button {
      width: 100px;
      height: 100px;
      margin: 40px auto 0 auto; } }
  .homepage-sections-wrapper--white .homepage-video-play-button, .homepage-sections-wrapper--feature .homepage-video-play-button {
    background-color: #ed2628; }
  .homepage-sections-wrapper--light .homepage-video-play-button .homepage-video-play-button-inner {
    border-color: transparent transparent transparent #3e3e3e; }

.homepage-video-play-button-inner {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 20px;
  border-color: transparent transparent transparent #fff;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 50%;
  margin-left: -10%; }
  @media screen and (min-width: 769px) {
    .homepage-video-play-button-inner {
      border-width: 15px 0 15px 30px; } }

.homepage-hero-content-overlay-wrapper::before {
  background-color: #000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1; }

.homepage-hero-content-video-image-block {
  background-size: cover;
  background-position: center center;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.custom-navigation a {
  color: #a4a4a4;
  -moz-transition: all 0.15s ease 0s;
  -webkit-transition: all 0.15s ease 0s;
  transition: all 0.15s ease 0s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  z-index: 2;
  width: 50px;
  height: 50px;
  text-align: center;
  vertical-align: middle; }

.custom-navigation a i {
  line-height: inherit; }

.custom-navigation .flex-prev {
  left: -70px; }

.custom-navigation .flex-next {
  right: -70px; }

.flexslider .slides > li {
  margin-bottom: 0; }

.flexslider-container:hover a.flex-next {
  right: 0px; }

.flexslider-container:hover a.flex-prev {
  left: 0px; }

.homepage-hero-menu--indiv-text p {
  opacity: 0.5; }

.homepage-hero-content-overlay-wrapper div.zoom-effect--inner {
  max-width: 100%;
  -webkit-transition: margin .1s ease, transform .25s ease;
  -moz-transition: margin .1s ease, transform .25s ease;
  -o-transition: margin .1s ease, transform .25s ease;
  transition: margin .1s ease, transform .25s ease; }

.homepage-hero-content-overlay-wrapper:hover div.zoom-effect--inner {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); }

.icon {
  display: inline-block;
  height: auto;
  vertical-align: middle;
  width: auto; }

.icon--placeholder {
  background-color: rgba(120, 129, 136, 0.1);
  border: 1px solid rgba(120, 129, 136, 0.2);
  fill: rgba(120, 129, 136, 0.35);
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  width: 100%; }

.vjs-vimeo {
  padding-top: 0 !important;
  height: 100% !important; }

img[data-sizes="auto"] {
  display: block;
  width: 100%; }

.supports-js .animations-disabled .wow {
  visibility: visible !important; }
.supports-js .wow {
  visibility: hidden; }
.supports-js .animations-disabled .show-on-scroll {
  visibility: visible; }
.supports-js .show-on-scroll {
  visibility: hidden; }
.supports-js .fadeLazyload {
  transition: opacity 1s; }
  .supports-js .fadeLazyload.lazyload, .supports-js .fadeLazyload.lazyloading {
    opacity: 0; }
  .supports-js .fadeLazyload .lazyloaded {
    opacity: 1; }

.animations-disabled .fadeIn, .animations-disabled .fadeInUp {
  animation-name: none; }

.no-js img.lazyload {
  display: none; }

.shown-on-scroll {
  animation-delay: 0.25s; }

.collection-grid--title,
.blog-grid--title {
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-weight: 500;
  margin-bottom: 0; }

.collection-grid--count,
.product-grid--vendor-text {
  font-weight: 700; }

.product-grid--vendor-text {
  margin-bottom: 0; }

.grid-view-item {
  position: relative;
  text-align: left; }

.grid-view-item-image {
  overflow: hidden; }

.grid-view-item--desc-wrapper {
  text-align: left;
  letter-spacing: 1px; }

.collection-style--none .collection-sidebar-filter {
  display: inline-block; }

.collection-none-sidebar-wrapper {
  margin-bottom: 30px;
  text-align: center;
  display: inline-block;
  width: 100%; }

.product-grid--price {
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  line-height: 1.4; }

.product-grid--vendor-text {
  margin-bottom: 5px; }

.product-grid--from-wrapper,
.product-grid--compare-price,
.product-grid--bundle-price {
  font-size: 90%;
  margin-right: 2px; }

.product-grid--compare-price {
  text-decoration: line-through; }

h2.section-header__title, .section-header__title.h2 {
  font-size: 24px;
  text-align: center;
  font-weight: 300;
  margin-bottom: 50px;
  width: 100%;
  text-align: center;
  display: inline-block; }

h2.homepage-sections--title, .homepage-sections--title.h2,
h1.page-category--title,
.page-category--title.h1,
h1.page--title,
.page--title.h1,
h2.page--title,
.page--title.h2,
h1.list-collections--title,
.list-collections--title.h1 {
  font-size: 16.8px;
  text-align: center;
  display: inline-block;
  position: relative;
  padding-bottom: 15px; }
  @media screen and (min-width: 770px) {
    h2.homepage-sections--title, .homepage-sections--title.h2,
    h1.page-category--title,
    .page-category--title.h1,
    h1.page--title,
    .page--title.h1,
    h2.page--title,
    .page--title.h2,
    h1.list-collections--title,
    .list-collections--title.h1 {
      font-size: 24px; } }

.sitewide--title-wrapper {
  position: relative;
  margin-bottom: 0; }

.sitewide--title-wrapper-bottom {
  margin-top: 25px; }

/*============================================================================
  #Video Hero
==============================================================================*/
.video-hero .wrapper {
  padding: 0; }
.video-hero .grid__item {
  text-align: center; }
.video-hero .homepage-hero-menu-wrapper {
  padding: 0; }
@media only screen and (min-width: 768px) {
  .video-hero .grid, .video-hero .grid--rev, .video-hero .grid--full {
    display: table;
    width: 100%;
    margin-left: 0; }
  .video-hero .grid__item {
    display: table-cell;
    float: none;
    vertical-align: middle; }
  .video-hero .row--table {
    width: 100%; } }
@media only screen and (max-width: 767px) {
  .video-hero .row--table {
    display: block; }
    .video-hero .row--table div[class*='col-'] {
      float: left;
      display: block; }
  .video-hero .grid__item {
    margin-top: 0px; } }

.video-hero__subhead {
  font-weight: 700; }

.video-hero__head {
  font-size: 3em;
  font-weight: 700;
  border-bottom: 6px solid;
  display: inline-block;
  margin-bottom: .5em; }

.video-hero__description {
  color: black;
  font-size: .8em;
  padding: 0 20px; }
  .homepage-hero-menu--indiv-text .video-hero__description {
    opacity: 1; }

/*============================================================================
  #Homepage Sections - Image with Text Overlay
==============================================================================*/
.shopify-section.image-with-text-overlay-wrapper .homepage-sections-wrapper {
  padding: 0; }

.image-with-text-overlay-wrapper .homepage-content--image::before {
  opacity: 0;
  background-color: #000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1; }

.image-with-text-overlay-wrapper .homepage-featured-content-box {
  background: none; }

.image-with-text-overlay-wrapper .featured-row__subtext p,
.image-with-text-wrapper .featured-row__subtext p {
  margin-top: 15px; }

.image-with-text-overlay-wrapper .featured-row__subtext p:first-child,
.image-with-text-wrapper .featured-row__subtext p:first-child {
  margin-top: 0; }

.image-with-text-overlay-wrapper h2.homepage-sections--title, .image-with-text-overlay-wrapper .homepage-sections--title.h2 {
  padding-bottom: 10px;
  margin-bottom: 0;
  font-size: 38px; }

.image-with-text-overlay-wrapper--white h2.homepage-sections--title, .image-with-text-overlay-wrapper--white .homepage-sections--title.h2,
.image-with-text-overlay-wrapper--white .featured-row__subtext {
  color: white; }

.image-with-text-overlay-wrapper--white h2.homepage-sections--title:after, .image-with-text-overlay-wrapper--white .homepage-sections--title.h2:after {
  background: white; }

.image-with-text-overlay-wrapper--accent h2.homepage-sections--title, .image-with-text-overlay-wrapper--accent .homepage-sections--title.h2,
.image-with-text-overlay-wrapper--accent .featured-row__subtext {
  color: #e6ede0; }

.image-with-text-overlay-wrapper--accent h2.homepage-sections--title:after, .image-with-text-overlay-wrapper--accent .homepage-sections--title.h2:after {
  background: #e6ede0; }

.image-with-text-overlay-wrapper--dark h2.homepage-sections--title, .image-with-text-overlay-wrapper--dark .homepage-sections--title.h2,
.image-with-text-overlay-wrapper--dark .featured-row__subtext {
  color: black; }

.image-with-text-overlay-wrapper--dark h2.homepage-sections--title:after, .image-with-text-overlay-wrapper--dark .homepage-sections--title.h2:after {
  background: black; }

@media only screen and (min-width: 769px) {
  .image-with-text-overlay-wrapper--textPosition-left .homepage-featured-content-box {
    left: 0;
    right: auto; }

  .image-with-text-overlay-wrapper--textPosition-center .homepage-featured-content-box {
    left: 25%;
    right: 25%; }

  .image-with-text-overlay-wrapper--textPosition-right .homepage-featured-content-box {
    left: auto;
    right: 0; }

  .image-with-text-overlay-wrapper--textAlignment-left .homepage-featured-content-box .homepage-featured-content-box-inner,
  .image-with-text-overlay-wrapper--textAlignment-left .homepage-featured-content-box .homepage-featured-content-box-inner h2.homepage-sections--title,
  .image-with-text-overlay-wrapper--textAlignment-left .homepage-featured-content-box .homepage-featured-content-box-inner .homepage-sections--title.h2 {
    text-align: left; }

  .image-with-text-overlay-wrapper--textAlignment-left .homepage-featured-content-box .homepage-featured-content-box-inner h2.homepage-sections--title:after, .image-with-text-overlay-wrapper--textAlignment-left .homepage-featured-content-box .homepage-featured-content-box-inner .homepage-sections--title.h2:after {
    margin-left: 0; }

  .image-with-text-overlay-wrapper--textAlignment-center .homepage-featured-content-box .homepage-featured-content-box-inner,
  .image-with-text-overlay-wrapper--textAlignment-center .homepage-featured-content-box .homepage-featured-content-box-inner h2.homepage-sections--title,
  .image-with-text-overlay-wrapper--textAlignment-center .homepage-featured-content-box .homepage-featured-content-box-inner .homepage-sections--title.h2 {
    text-align: center; }

  .image-with-text-overlay-wrapper--textAlignment-right .homepage-featured-content-box .homepage-featured-content-box-inner,
  .image-with-text-overlay-wrapper--textAlignment-right .homepage-featured-content-box .homepage-featured-content-box-inner h2.homepage-sections--title,
  .image-with-text-overlay-wrapper--textAlignment-right .homepage-featured-content-box .homepage-featured-content-box-inner .homepage-sections--title.h2 {
    text-align: right; }

  .image-with-text-overlay-wrapper--textAlignment-right .homepage-featured-content-box .homepage-featured-content-box-inner h2.homepage-sections--title:after, .image-with-text-overlay-wrapper--textAlignment-right .homepage-featured-content-box .homepage-featured-content-box-inner .homepage-sections--title.h2:after {
    margin-right: 0; } }
/*============================================================================
  #Homepage Sections - Slideshow
==============================================================================*/
@media only screen and (min-width: 768px) {
  .slideshow-wrapper--captionHorizontal-left .homepage-featured-content-box {
    left: 50px;
    right: auto; }

  .slideshow-wrapper--captionHorizontal-center .homepage-featured-content-box {
    left: 25%;
    right: 25%; }

  .slideshow-wrapper--captionHorizontal-right .homepage-featured-content-box {
    left: auto;
    right: 50px; }

  .slideshow-wrapper--captionAlignment-left .homepage-featured-content-box .homepage-featured-content-box-inner,
  .slideshow-wrapper--captionAlignment-left .homepage-featured-content-box .homepage-featured-content-box-inner h2.homepage-sections--title,
  .slideshow-wrapper--captionAlignment-left .homepage-featured-content-box .homepage-featured-content-box-inner .homepage-sections--title.h2 {
    text-align: left; }

  .slideshow-wrapper--captionAlignment-left .homepage-featured-content-box .homepage-featured-content-box-inner h2.homepage-sections--title:after, .slideshow-wrapper--captionAlignment-left .homepage-featured-content-box .homepage-featured-content-box-inner .homepage-sections--title.h2:after {
    margin-left: 0; }

  .slideshow-wrapper--captionAlignment-center .homepage-featured-content-box .homepage-featured-content-box-inner,
  .slideshow-wrapper--captionAlignment-center .homepage-featured-content-box .homepage-featured-content-box-inner h2.homepage-sections--title,
  .slideshow-wrapper--captionAlignment-center .homepage-featured-content-box .homepage-featured-content-box-inner .homepage-sections--title.h2 {
    text-align: center; }

  .slideshow-wrapper--captionAlignment-right .homepage-featured-content-box .homepage-featured-content-box-inner,
  .slideshow-wrapper--captionAlignment-right .homepage-featured-content-box .homepage-featured-content-box-inner h2.homepage-sections--title,
  .slideshow-wrapper--captionAlignment-right .homepage-featured-content-box .homepage-featured-content-box-inner .homepage-sections--title.h2 {
    text-align: right; }

  .slideshow-wrapper--captionAlignment-right .homepage-featured-content-box .homepage-featured-content-box-inner h2.homepage-sections--title:after, .slideshow-wrapper--captionAlignment-right .homepage-featured-content-box .homepage-featured-content-box-inner .homepage-sections--title.h2:after {
    margin-right: 0; }

  .homepage-slider-container .homepage-featured-content-box {
    width: auto;
    max-width: 50%; } }
/*============================================================================
  #Homepage Sections - Text Adverts
==============================================================================*/
.text-advert-section {
  text-align: center; }
  .text-advert-section .owl-theme .owl-nav.disabled + .owl-dots {
    margin-left: 30px;
    margin-top: 0px;
    margin-bottom: 20px; }

.text-advert-section .grid__item {
  margin-top: 20px; }
  body .text-advert-section .grid__item {
    margin-bottom: 20px !important; }
  @media screen and (min-width: 770px) {
    .text-advert-section .grid__item {
      border-left: 1px solid #bfbfbf; } }

.text-advert-section .grid__item:first-child {
  border-left: none; }

.text-advert-section .grid__item span {
  width: 100%;
  display: inline-block;
  padding: 0; }

.text-advert-section .grid__item span.text-advert-section--header {
  padding: 0 10px;
  margin: 0; }

.text-advert-section .grid__item span.text-advert-section--sub-header {
  padding: 0px 10px 0 10px;
  margin: 0;
  opacity: 0.5; }

.text-advert-section .grid__item a {
  display: block; }

h1.account--title, .account--title.h1 {
  font-size: 24px;
  text-align: center;
  font-weight: 300;
  margin-bottom: 50px;
  text-align: left;
  display: block; }

h1.account--title.no-margin, .account--title.no-margin.h1 {
  margin-bottom: 0; }

#addresses .account-section--btn {
  margin-bottom: 20px; }

h4.account--sub-title, .account--sub-title.h4 {
  font-weight: 300;
  font-size: 18px; }

.account-register-link {
  text-decoration: underline; }

h5.account-customer-name, .account-customer-name.h5 {
  margin: 10px 0 5px;
  display: inline-block; }

h1.page-sections--title, .page-sections--title.h1,
h2.page-sections--title,
.page-sections--title.h2 {
  font-size: 24px;
  text-align: center;
  font-weight: 300;
  margin: 50px 0; }

h3.homepage-blog--title, .homepage-blog--title.h3 {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.3;
  margin: 20px 0; }

.homepage-blog--excerpt {
  font-size: 13px; }

.homepage-blog--date {
  font-size: 13px;
  font-weight: 300;
  margin: 10px 0 0;
  display: inline-block; }

.homepage-blog--underline {
  width: 55px;
  display: inline-block;
  height: 2px;
  background-color: black; }

.homepage-featured-grid-item {
  width: 22%;
  float: left;
  position: relative; }

.homepage-collection-grid-item {
  position: relative; }

.homepage-collection-link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center; }

.collection-item__title {
  color: black;
  text-transform: uppercase; }

.homepage-collection-grid-image-single {
  max-width: 450px;
  max-height: 450px;
  margin: 0 auto;
  object-fit: cover;
  object-position: top;
  font-family: "object-fit: cover, object-position: top"; }

.homepage-hero-right-onboarding p {
  margin: 0px; }

.homepage-featured-products-grid {
  padding: 0 0 50px; }

.homepage-featured-products-grid--clear {
  display: inline-block; }

.homepage-hero-right-onboarding p a {
  text-decoration: underline; }

.homepage-featured-products-grid .grid__image {
  margin-bottom: 0; }

.homepage-featured-products-grid .helper-content .grid__image {
  margin-bottom: 15px; }

.homepage-featured-grid-item {
  margin-bottom: 45px; }

.homepage-featured-grid-item--width2 {
  width: 48%; }

.gutter-sizer {
  width: 4%; }

.template-index .main-content {
  padding-top: 0;
  padding-bottom: 0; }

.homepage-hero-content-overlay-wrapper {
  position: relative; }

.homepage-hero-content-overlay-wrapper .icon--placeholder {
  height: 525px; }

.homepage-hero-content-overlay-menu-item {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  transition: all 0.15s ease-in-out 0s;
  opacity: 0;
  background-position: center center;
  background-size: cover;
  display: block;
  z-index: 0; }

.homepage-hero-content-overlay-menu-item.active {
  opacity: 1;
  display: block;
  z-index: 1000; }

.homepage-featured-grid-item-details {
  opacity: 0;
  position: absolute;
  z-index: 1000;
  width: 100%;
  text-align: center;
  padding-top: 20px; }

.homepage-hero-menu ul li {
  margin-top: 20px; }

.homepage-hero-menu ul li:first-child {
  margin-top: 0; }

.homepage-hero-menu-link .h4,
.homepage-hero-menu-link p,
.no-link .h4,
.no-link p {
  margin-bottom: 0; }

.homepage-hero-menu-indiv-image {
  display: inline-block;
  width: 100%;
  text-align: left; }

.homepage-hero-menu-indiv-image--x-small {
  height: 50px; }

.homepage-hero-menu-indiv-image--small {
  height: 100px; }

.homepage-hero-menu-indiv-image--medium {
  height: 150px; }

.homepage-hero-menu-indiv-image--large {
  height: 200px; }

.homepage-hero-menu-indiv-image--x-large {
  height: 250px; }

.homepage-featured-grid-item-details a {
  color: #000000; }

.homepage-featured-grid-item-details .product-grid--price {
  opacity: 1;
  font-weight: 500; }

.homepage-collection-grid-bg-color {
  padding-top: 60%; }

.homepage-collection-grid-item .grid-image {
  position: relative; }

.homepage-collection-grid-item-details {
  opacity: 1;
  z-index: 1;
  width: 100%;
  text-align: center;
  font-weight: 500; }

.homepage-featured-grid-item:hover .homepage-featured-grid-item-details,
.homepage-collection-grid-item:hover .homepage-collection-grid-item-details,
.homepage-instagram-indiv:hover .homepage-instagram-hover {
  opacity: 1; }

.homepage-instagram-indiv {
  position: relative; }

.homepage-instagram-hover {
  opacity: 0; }

.homepage-instagram-indiv .homepage-instagram-hover, .homepage-instagram-hover .fa-stack {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */ }

.homepage-featured-content-wrapper, .homepage-map-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top; }

.homepage-sections-wrapper .sitewide--title-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 0 10px; }
  .homepage-sections-wrapper .sitewide--title-wrapper .featured-products-cta {
    display: none;
    border: none; }
  @media screen and (min-width: 769px) {
    .homepage-sections-wrapper .sitewide--title-wrapper {
      padding: 0 30px; }
      .homepage-sections-wrapper .sitewide--title-wrapper .featured-products-cta {
        display: block; } }
.homepage-sections-wrapper .homepage-sections--title {
  text-align: left;
  text-transform: uppercase; }
  .homepage-sections-wrapper .homepage-sections--title:after {
    content: "";
    border-bottom: 2px solid;
    width: 180px;
    margin-left: 10px;
    display: inline-block; }
    @media screen and (min-width: 769px) {
      .homepage-sections-wrapper .homepage-sections--title:after {
        margin-left: 20px;
        width: 200px; } }
.homepage-sections-wrapper.section__full-width {
  padding: 0;
  line-height: 0; }
  .homepage-sections-wrapper.section__full-width .feature-row__text--full-width, .homepage-sections-wrapper.section__full-width .map__text--full-width {
    line-height: 1.6; }

.map-container-error {
  color: red;
  border: solid red 1px;
  background-color: white;
  position: absolute;
  top: 50%;
  left: 25%;
  padding: 1em;
  transform: translate(-50%, -50%); }
  .map__text--right .map-container-error {
    left: 75%; }

@media only screen and (max-width: 768px) {
  .map-container-error {
    left: 50% !important;
    top: auto;
    transform: translate(-50%, 50%); } }
.homepage-sections-wrapper--light .feature-row__text--full-width .homepage-featured-content-box, .homepage-sections-wrapper--light .map__text--full-width .homepage-map-box {
  background: #f8f8f8; }
.homepage-sections-wrapper--dark .feature-row__text--full-width .homepage-featured-content-box, .homepage-sections-wrapper--dark .map__text--full-width .homepage-map-box {
  background: #242424;
  color: #fff; }
.homepage-sections-wrapper--accent .feature-row__text--full-width .homepage-featured-content-box, .homepage-sections-wrapper--accent .map__text--full-width .homepage-map-box {
  background: #e6ede0;
  color: #fff; }

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

.homepage-instagram-background .main-content {
  margin-top: 0; }

.instagram-container-error {
  color: red;
  border: solid red 1px;
  background-color: white;
  padding: 1em;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1; }

.instagram-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover, object-position: center"; }

.instagram-grid-4 {
  width: 25%;
  padding-bottom: 25%; }

.instagram-grid-5 {
  width: 20%;
  padding-bottom: 20%; }

.instagram-grid-6 {
  width: 16.666%;
  padding-bottom: 16.666%; }

@media only screen and (max-width: 768px) {
  .instagram-grid-4, .instagram-grid-5, .instagram-grid-6 {
    width: 50%;
    padding-bottom: 50%; } }
.homepage-instagram-indiv {
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .homepage-instagram-indiv > * {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }

.collection-sidebar-mobile-wrapper img.collection-page--sidebar-image {
  margin-bottom: 20px; }

.collection-sidebar-mobile-wrapper .section-header {
  padding-bottom: 20px; }

.homepage-featured-content-box, .homepage-map-content-box {
  width: 50%;
  background: #f8f8f8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 1; }
  @media screen and (min-width: 770px) {
    .homepage-featured-content-box.content_box--center, .homepage-map-content-box.content_box--center {
      right: 50%;
      left: 25%;
      text-align: center; } }
  @media screen and (max-width: 769px) {
    .feature-row__text--full-width .homepage-featured-content-box, .feature-row__text--full-width .homepage-map-content-box {
      margin-top: 0; } }

.feature-row__text--right .homepage-featured-content-box, .map__text--right .homepage-map-content-box {
  left: 0; }
  @media screen and (max-width: 770px) {
    .feature-row__text--right .homepage-featured-content-box, .map__text--right .homepage-map-content-box {
      margin-top: 0; } }

.feature-row__text--right .homepage-content--image, .map__text--right .homepage-map--image {
  float: right; }

.homepage-featured-content-box-inner, .homepage-map-content-box-inner {
  padding: 20px;
  text-align: center; }

.homepage-featured-content-box-inner p, .homepage-map-content-box-inner p {
  margin-bottom: 0; }

.homepage-featured-content-box .homepage-featured-box-btn {
  margin-top: 20px; }

.homepage-featured-box-btn.homepage-transparent-box-btn {
  background: transparent;
  color: black;
  border: none;
  height: auto;
  font-size: inherit;
  margin: auto; }
  .homepage-featured-box-btn.homepage-transparent-box-btn:hover {
    background: transparent; }

.homepage-featured-line {
  display: flex;
  border-bottom: 3px solid;
  align-self: flex-end;
  margin-bottom: 5px;
  margin-left: 6px; }

.homepage-quiz {
  padding: 30px; }
  @media screen and (min-width: 770px) {
    .homepage-quiz {
      padding: 0; } }
  .homepage-quiz h3, .homepage-quiz .h3 {
    letter-spacing: 1px;
    text-align: left; }
    @media screen and (min-width: 769px) {
      .homepage-quiz h3, .homepage-quiz .h3 {
        font-size: 1.4em; } }
    @media screen and (min-width: 1200px) {
      .homepage-quiz h3, .homepage-quiz .h3 {
        font-size: 1.8em; } }
  .homepage-quiz .homepage-quiz__copy {
    font-size: 18px;
    text-align: left;
    line-height: 1.3; }
    @media screen and (min-width: 769px) {
      .homepage-quiz .homepage-quiz__copy {
        font-size: 15px;
        margin: 20px 0; } }
    @media screen and (min-width: 1200px) {
      .homepage-quiz .homepage-quiz__copy {
        font-size: 20px;
        margin: 25px 0; } }
  @media screen and (min-width: 769px) {
    .homepage-quiz .homepage-featured-box-btn {
      margin: 0; } }

.homepage-featured-rich-text {
  text-align: center; }

.homepage-featured-rich-text p:last-child,
.homepage-featured-rich-text .rte {
  margin-bottom: 0; }

.homepage-featured-rich-text .featured-products-wrapper .featured-row__subtext {
  margin-bottom: 30px; }

.homepage-content--image img {
  display: block;
  height: auto;
  width: 100%; }

#homepage-collection-mobile .helper-section {
  width: 100%; }

/*============================================================================
  #Search Overlay
==============================================================================*/
.search-full-screen {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 500; }

.search-full-screen .search-fullscreen--inner {
  background: #faf0ec none repeat scroll 0 0;
  height: 100%;
  transition: opacity 0.1s cubic-bezier(0.46, 0.01, 0.32, 1) 0s;
  width: 100%; }

/*============================================================================
  #Product Page
==============================================================================*/
.product-page--images li {
  list-style-type: none;
  margin-bottom: 30px; }

.product-page--images li:last-child {
  margin-bottom: 0; }

.product-page--images li img {
  display: block; }

.product-page--images {
  margin: 0; }

.product-details-wrapper {
  background: #f8f8f8;
  padding: 40px;
  position: relative; }
  @media screen and (max-width: 1200px) {
    .product-details-wrapper {
      padding: 15px; } }
  @media screen and (max-width: 480px) {
    .product-details-wrapper {
      padding: 30px; } }

.product-details-wrapper .social-sharing.is-clean a {
  border: none;
  background: none; }

.product-details-product-title, .product-details-product-subtitle {
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 0;
  letter-spacing: 1px; }
  .indiv-search-listing-grid .product-details-product-title, .indiv-search-listing-grid .product-details-product-subtitle {
    font-size: 1em; }

.product-grid--use-me-if {
  margin: 15px 0; }

.product-details--form-wrapper {
  margin-bottom: 30px; }
  .product-details--form-wrapper.product-details--form-wrapper---out-of-stock {
    margin-bottom: 10px; }

.product-details--form-wrapper---below {
  margin-top: 20px; }

.product-details--form-wrapper--no-description {
  margin-bottom: 0; }

.product-description,
.product-description a,
.product__meta {
  color: black; }

.product__meta {
  margin-left: 0px; }
  .product__meta .grid__item {
    padding: 10px 0 10px 0; }

.product-page--title-wrapper {
  display: flex;
  align-items: flex-end; }
  @media screen and (min-width: 770px) {
    .product-page--title-wrapper {
      margin-bottom: 30px; } }
  .product-page--title-wrapper .homepage-sections--title {
    padding-right: 10px;
    margin-bottom: 0; }
  @media screen and (min-width: 770px) {
    .product-page--title-wrapper .product-page__title-line {
      flex: 1 0;
      position: relative;
      bottom: 6px;
      width: 100%;
      height: 1px;
      background-color: black; } }

.banner {
  display: flex;
  justify-content: center;
  flex-direction: column;
  background-size: cover;
  background-position: top left;
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-size: 1.5em;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 50px 20px; }
  @media screen and (min-width: 769px) {
    .banner {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      font-size: 2em;
      padding: 50px; } }

@media screen and (min-width: 769px) {
  .banner--product-page {
    margin-top: 50px; } }
.banner--product-page h6, .banner--product-page .h6 {
  margin: 0;
  letter-spacing: 2px; }
.banner--product-page .banner__underline {
  border-bottom: 1px solid;
  padding-bottom: 10px;
  font-size: .7em;
  transition: .25s; }
.banner--product-page:hover .banner__underline {
  color: #7eb892; }

@media screen and (min-width: 769px) {
  .hr--product-page {
    margin: 60px auto; } }

#AddToCartForm .selector-wrapper label,
.product-sub-label {
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-size: 11px;
  color: black;
  font-weight: 900;
  margin: 20px 0 10px 0;
  display: block; }

#AddToCartForm select {
  min-width: 70%; }

#AddToCartForm #Quantity {
  width: 30px; }
  @media screen and (max-width: 770px) {
    #AddToCartForm #Quantity {
      font-size: 13px;
      width: 20px; } }

#AddToCartForm .js-qty, #AddToCartForm .ajaxcart__qty {
  padding: 15px;
  border: 1px solid; }
  @media screen and (max-width: 770px) {
    #AddToCartForm .js-qty, #AddToCartForm .ajaxcart__qty {
      padding: 10px; } }

#AddToCartForm {
  margin-bottom: 0; }

.social-sharing {
  padding-top: 30px; }

.blog-main--wrapper .social-sharing {
  bottom: 0px;
  opacity: 1;
  position: relative;
  right: 0px;
  text-align: left;
  margin-top: 15px; }

.blog-main--wrapper .social-sharing h5, .blog-main--wrapper .social-sharing .h5 {
  text-transform: none;
  font-size: 12px; }

.blog-main--wrapper .fa-rss {
  font-size: 14px;
  margin-left: 5px; }

.blog-page-related-products .wrapper {
  padding: 50px 0 0 0; }
@media screen and (min-width: 769px) {
  .blog-page-related-products .product-featured-box-btn {
    width: 100%;
    height: auto; } }
@media screen and (min-width: 769px) {
  .blog-page-related-products .grid-uniform {
    display: flex; }
    .blog-page-related-products .grid-uniform .grid__item {
      flex: 1;
      max-width: 33.33333%; } }

#shopify-section-featured-blog .icon--placeholder {
  height: 200px; }

@media screen and (min-width: 770px) {
  .blog__list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-right: -30px; } }

.blog__item {
  width: 100%; }
  @media screen and (min-width: 770px) {
    .blog__item {
      width: 50%;
      padding: 30px; } }

.blog__article-title {
  margin: 25px 0 15px; }
  @media screen and (min-width: 769px) {
    .blog__article-title {
      min-height: 70px; } }

.blog__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 50px; }
  @media screen and (min-width: 770px) {
    .blog__footer {
      justify-content: space-between;
      flex-direction: row; } }

.blog__footer-copy {
  font-size: 1em;
  line-height: 1.3;
  letter-spacing: 1px;
  width: 100%; }
  @media screen and (min-width: 770px) {
    .blog__footer-copy {
      max-width: 60%; } }

.blog__footer-link {
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-size: 1em;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 25px; }
  @media screen and (min-width: 769px) {
    .blog__footer-link {
      font-size: .7em;
      margin-top: inherit; } }
  @media screen and (min-width: 1200px) {
    .blog__footer-link {
      font-size: 1em; } }

.social-sharing h5, .social-sharing .h5 {
  text-transform: uppercase;
  font-size: 11px; }

.social-sharing a {
  margin: 0 10px;
  color: black; }

.product-description ul.tabs {
  border-bottom: 1px solid #DDDDDD;
  display: flex;
  margin: 20px auto;
  justify-content: space-between;
  font-size: 10px; }
  @media screen and (min-width: 769px) {
    .product-description ul.tabs {
      font-size: 8px; } }
  @media only screen and (min-width: 1000px) {
    .product-description ul.tabs {
      font-size: 1em; } }
  .product-description ul.tabs li {
    margin-bottom: 0;
    padding: 0;
    list-style: none;
    text-transform: uppercase;
    line-height: 1.7; }
  .product-description ul.tabs li.tab-line {
    position: relative; }
    .product-description ul.tabs li.tab-line:after {
      content: "";
      width: 1px;
      height: 100%;
      background-color: #DDDDDD;
      display: inline-flex;
      position: absolute; }
.product-description ul.tabs li a {
  letter-spacing: 1px; }
.product-description ul.tabs li a.active {
  font-weight: 700; }
.product-description .tabs__list {
  list-style: none;
  margin-left: 0; }
  .product-description .tabs__list li {
    margin-bottom: 0; }
.product-description .tabs-content {
  display: none; }

.product-page-related-products {
  margin-top: 0; }

.product-page-related-products .main-content {
  padding: 0 15px; }
  @media screen and (min-width: 1200px) {
    .product-page-related-products .main-content {
      padding: 0 120px; } }

.mobile-product-sub-images img {
  display: block;
  margin-top: 50px; }

#ComparePrice, .ComparePrice {
  margin: 30px 0 0; }

.product-page--sale-badge {
  background-color: #f26c4f;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
  padding: 10px 20px;
  text-transform: uppercase;
  width: 100%;
  text-align: center; }

.product-sticky-wrapper {
  position: relative; }

.product-single__photo-wrapper {
  position: relative; }

@media screen and (min-width: 770px) {
  .product-single__video {
    min-height: 600px;
    display: flex;
    align-items: center; } }

.product-single__photo-wrapper:last-child {
  padding-bottom: 0px; }

.sale-badge {
  background: #f26c4f;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
  padding: 10px 20px;
  text-transform: uppercase;
  z-index: 4;
  position: absolute;
  top: 0;
  left: 0; }

.sold-out-badge {
  z-index: 5;
  position: absolute;
  display: none;
  align-items: center;
  justify-content: center;
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  color: #ABA8A8;
  background-color: white;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1px;
  line-height: 1;
  padding: 10px;
  text-transform: uppercase; }

/*============================================================================
  #Collection Page
==============================================================================*/
@media screen and (min-width: 770px) {
  .collection-main-body.large--four-fifths {
    padding-left: 0; } }

.grid__item.collection-main-body {
  margin-top: 0; }
  .grid__item.collection-main-body .collection-main-body-inner .grid__item:first-child, .grid__item.collection-main-body .collection-main-body-inner .grid__item:nth-child(2) {
    margin-top: 0; }

.collection-main-body .collection-main-body-inner > div {
  list-style-type: none;
  margin-bottom: 70px; }
  @media screen and (max-width: 767px) {
    .collection-main-body .collection-main-body-inner > div {
      margin-bottom: 50px; } }

.breadcrumb a {
  text-decoration: underline; }

.collection-sidebar__title {
  font-size: 24px;
  margin: 30px 0; }

.collection-sidebar__title__single {
  font-size: 24px;
  margin: 0 0 30px 0; }

.collection-central-description-block {
  text-align: center; }
  .collection-central-description-block img {
    max-width: 600px;
    margin: 0 auto; }

.collection-central-description-block .collection-sidebar__description {
  padding-bottom: 20px; }

.collection-main-central-header {
  margin-bottom: 50px;
  width: 100%;
  display: inline-block; }

.collection-main-central-header > div {
  vertical-align: bottom; }

.collection-sidebar-wrapper .page--title {
  text-align: left; }

.collection-sidebar-wrapper h1.page--title:after, .collection-sidebar-wrapper .page--title.h1:after {
  right: auto; }

.collection-sidebar-filter label {
  width: 100%;
  display: inline-block;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.2;
  margin-bottom: .75em; }

.collection-sidebar-filter.grid__item {
  margin-bottom: 20px;
  text-align: left;
  position: relative;
  left: 50%;
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 40px; }
  @media only screen and (min-width: 769px) {
    .collection-sidebar-filter.grid__item {
      position: static;
      left: auto;
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 20px;
      margin-top: 0;
      text-align: right; } }

.pagination {
  text-align: center;
  width: 100%;
  margin-top: 50px; }

.pagination-loading {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 1em;
  height: 64px; }
  .pagination-loading i {
    margin-top: 24px; }

.template-blog .pagination {
  text-align: center; }

.blog-homepage--comments .fa-comment {
  margin-right: 5px; }

.pagination .pagination-num-showing {
  font-size: 12px;
  font-style: italic;
  line-height: 30px; }

.pagination .pagination-number,
.pagination .pagination-arrow,
.pagination .ellipsis {
  display: inline-block; }

.pagination .ellipsis {
  opacity: 0.5;
  padding: 0 10px; }

.pagination .active a,
.pagination .pagination-number a:hover,
.pagination .pagination-arrow a:hover {
  background-color: #f8f8f8 !important; }

.pagination .pagination-number a {
  font-family: helvetica;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  padding: 15px 20px;
  text-decoration: none;
  text-transform: uppercase; }

.pagination .pagination-arrow a {
  font-family: helvetica;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  padding: 20px;
  text-decoration: none;
  text-transform: uppercase; }

.pagination .disabled {
  display: none; }

.pagination ul {
  margin: 0;
  padding: 0; }

#paginate {
  padding: 20px 0; }

.list-collections--more-link {
  padding-top: 30px;
  text-align: center; }

.list-collections--more-link a {
  text-decoration: underline; }

.collection-none--sort-by {
  margin-top: -20px;
  padding-bottom: 40px;
  text-align: center; }

.collection-central--sort-by {
  text-align: center;
  display: inline-block; }

.collection-central--sort-by #sort-by {
  margin-left: 5px; }

.list-collections--banner-image {
  margin-bottom: 20px;
  text-align: center; }

.list-collections--indiv-collection-title {
  text-align: center; }

@media only screen and (max-width: 768px) {
  #shopify-section-list-collections-template .list-collections--title {
    text-align: center; } }
/*============================================================================
  #Popup
==============================================================================*/
.display-flex {
  display: flex; }

.popup_copy {
  background-size: cover; }
  @media screen and (min-width: 769px) {
    .popup_copy {
      display: flex;
      align-items: center;
      justify-content: center; } }
  @media screen and (min-width: 769px) {
    .popup_copy .popup--body {
      width: 100%; } }

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

#popup.slide-up {
  background: #ffffff;
  color: #000000;
  top: inherit !important;
  /* prevent overwriting by shopify admin header (it moves all fixed elements down 40px) */
  bottom: 0;
  right: 0;
  position: fixed;
  width: 500px;
  z-index: 999999;
  padding: 20px 0;
  transition: .4s ease-in-out;
  transform: translateY(100%);
  max-height: 88vh;
  overflow: scroll; }

@media screen and (max-width: 768px) {
  #popup.slide-up {
    width: 100%; } }
#popup.slide-up.visible {
  transform: translateY(0%); }

#popup .input-group-field,
.popup#fullscreen .input-group-field {
  background: #ffffff;
  color: #000000 !important;
  border: 1px solid #000000; }

#popup .input-group-field::placeholder,
.popup#fullscreen .input-group-field::placeholder {
  color: #b7b7b7 !important; }

#popup form#contact_form .btn, #popup form#contact_form .btn--secondary,
.popup#fullscreen form#contact_form .btn,
.popup#fullscreen form#contact_form .btn--secondary {
  color: #ffffff;
  background: #000000; }

#popup .social-media-footer ul li a {
  color: #000000;
  transition: all 0.15s ease-in-out 0s; }

#popup .social-media-footer ul li a:hover {
  color: #000000; }

#popup a,
#popup #newsletter-wrapper #newsletter_submit {
  color: #000000; }

#popup h3, #popup .h3 {
  margin-top: 0; }

#popup .popup--body input#mce-EMAIL {
  background: #ffffff;
  border-color: #000000;
  color: #000000; }

#popup .popup--body input#mc-embedded-subscribe {
  background: #000000;
  color: #ffffff; }

#popup.slide-up .popup--image {
  max-height: 160px;
  display: inline-block;
  width: 100%; }

#popup.slide-up .popup--no-image-text-wrapper {
  text-align: center; }

#popup.slide-up .popup--image img,
#popup.slide-up .popup--image svg {
  max-height: 160px;
  max-width: 300px;
  display: inline;
  object-fit: contain;
  font-family: "object-fit: contain"; }

#popup.slide-up .popup--image-wrapper {
  text-align: center; }
  @media screen and (min-width: 769px) {
    #popup.slide-up .popup--image-wrapper {
      text-align: right; } }

#popup .popup--close-btn {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px; }

#popup #newsletter_text {
  border: 1px solid #ebebeb;
  background: #ebebeb;
  border-radius: 0; }

#popup #newsletter-wrapper {
  padding: 0; }

#popup #sm-icons {
  margin-top: 20px;
  margin-bottom: 0; }

#popup .popup--close-btn {
  cursor: pointer; }

.popup_image--inner img {
  object-fit: cover;
  object-position: right;
  font-family: "object-fit: contain, object-position: right"; }

.fullscreen-popup-fancybox .fancybox-skin {
  background: #ffffff; }

@media screen and (min-width: 770px) {
  .pop-up-text-header-text {
    font-size: 1.75em; } }
@media screen and (min-width: 1200px) {
  .pop-up-text-header-text {
    font-size: 2.5em; } }

.popup-underline {
  border-bottom: 2px solid;
  display: inline-block;
  line-height: 1.2; }

.out-of-stock-popup-fancybox .popup--close.out-of-stock-close {
  background: #D3D3D3;
  top: 0 !important;
  right: 0 !important;
  cursor: pointer; }

#out-of-stock-thankyou.popup {
  background: black;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80vw;
  height: 80vw; }
  @media screen and (min-width: 770px) {
    #out-of-stock-thankyou.popup {
      width: 30vw;
      height: 30vw; } }
  #out-of-stock-thankyou.popup .popup--body {
    text-align: center;
    padding: 25px; }
    @media screen and (min-width: 1200px) {
      #out-of-stock-thankyou.popup .popup--body {
        padding: 50px; } }
    #out-of-stock-thankyou.popup .popup--body p {
      max-width: 200px; }

.product-description .ingredients__list {
  margin: 0; }
  .product-description .ingredients__list .ingredient {
    display: inline;
    text-transform: capitalize;
    list-style: none; }
    .product-description .ingredients__list .ingredient:hover {
      text-decoration: underline;
      cursor: pointer; }
    .product-description .ingredients__list .ingredient::after {
      content: ", "; }
    .product-description .ingredients__list .ingredient:last-child::after {
      content: ""; }
.product-description .ingredients__info {
  margin: 10px 0;
  font-size: 10px; }
  @media screen and (min-width: 1200px) {
    .product-description .ingredients__info {
      font-size: 14px; } }
.product-description .product-attributes__list {
  margin: 0; }
  .product-description .product-attributes__list .product-attribute {
    display: inline;
    list-style: none;
    font-weight: bold; }
    .product-description .product-attributes__list .product-attribute::after {
      content: " | "; }
    .product-description .product-attributes__list .product-attribute:last-child::after {
      content: ""; }

.popup-clearforme {
  background: white;
  color: black;
  border: 1px solid;
  display: flex;
  align-items: center;
  justify-content: center; }
  .popup-clearforme .fancybox-skin {
    background: white; }
  .popup-clearforme .popup--headline {
    font-family: "Cartograph-Mono";
    font-size: 1.25rem;
    padding: 6px 20px;
    background: black;
    color: white;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 30px;
    letter-spacing: 1px;
    word-break: break-word; }
  .popup-clearforme .popup--body {
    text-align: left;
    padding: 50px 25px 80px; }
    @media screen and (min-width: 1200px) {
      .popup-clearforme .popup--body {
        padding: 70px 40px 120px; } }
  .popup-clearforme .popup--caption {
    font-size: 11px;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    padding-bottom: 15px;
    letter-spacing: 1px; }
    @media screen and (min-width: 1200px) {
      .popup-clearforme .popup--caption {
        padding-bottom: 25px; } }

.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  margin: 0;
  padding: 5px;
  position: relative;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 40px; }
  .fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%; }
    .fancybox-button svg path {
      fill: #000; }

.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 401; }

.popup#fullscreen {
  background: #ffffff;
  color: #000000;
  padding-right: 0;
  width: 60vw; }
  .popup#fullscreen .grid.display-table, .popup#fullscreen .display-table.grid--rev, .popup#fullscreen .display-table.grid--full {
    margin-left: 0; }
  .popup#fullscreen .popup_copy {
    padding-left: 0; }
  @media screen and (min-width: 770px) {
    .popup#fullscreen .popup--body {
      padding: 25px; } }
  @media screen and (min-width: 1200px) {
    .popup#fullscreen .popup--body {
      padding: 50px; } }
  .popup#fullscreen .popup--body h2, .popup#fullscreen .popup--body .h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 20px; }
  @media screen and (min-width: 770px) {
    .popup#fullscreen .popup--body .popup--description {
      font-size: 1.25em;
      margin-bottom: 10px; } }
  @media screen and (min-width: 1200px) {
    .popup#fullscreen .popup--body .popup--description {
      font-size: 1.75em;
      margin-bottom: 40px; } }
  .popup#fullscreen .popup--body .popup--description p {
    margin: 0;
    line-height: 1.25; }
  .popup#fullscreen .popup--body .input-group {
    width: 100%;
    display: flex;
    flex-direction: column; }
    .popup#fullscreen .popup--body .input-group .form-control {
      width: 100%; }
  .popup#fullscreen .popup--body .footer-email-submit {
    margin-top: 0px; }
  .popup#fullscreen .popup_image {
    margin-top: 0px;
    padding-left: 0;
    text-align: right;
    vertical-align: top !important; }
    @media screen and (min-width: 770px) {
      .popup#fullscreen .popup_image img {
        max-height: 700px; } }
  .popup#fullscreen .popup_image--inner {
    text-align: right; }
  .popup#fullscreen .note.form-success {
    margin-bottom: 82px;
    padding: 0;
    color: #56ad6a !important;
    background: none;
    border: none;
    font-size: 20px; }
  .popup#fullscreen .footer-email-input {
    background: none;
    margin-bottom: 20px; }

.fancybox-close {
  top: 32px !important;
  right: 32px !important;
  background: none; }

.popup--close {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.3; }

.popup--close:hover {
  opacity: 1; }

.popup--close:before, .popup--close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333; }

.popup--close:before {
  transform: rotate(45deg); }

.popup--close:after {
  transform: rotate(-45deg); }

/*============================================================================
  Featured Product
==============================================================================*/
.indiv-product {
  position: relative;
  text-align: center; }

.indiv-product-vendor-text {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 11.2px; }

.homepage-sections--indiv-product-slider {
  position: relative; }

.homepage-sections--indiv-product-slider .flex-control-nav {
  width: auto;
  right: 0;
  bottom: 0;
  z-index: 10; }

.homepage-slider-container .flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 20px;
  display: flex;
  justify-content: center; }
  .homepage-slider-container .flex-control-nav li {
    margin: 0 10px; }

.homepage-sections--indiv-product-slider img {
  width: 100%; }

/*============================================================================
  #Blog Page
==============================================================================*/
#shopify-section-blog-template, #shopify-section-article-template {
  padding: 0 20px;
  margin: 0 auto;
  max-width: 1000px; }
  @media screen and (min-width: 769px) {
    #shopify-section-blog-template, #shopify-section-article-template {
      padding: 25px 60px; } }
  @media screen and (min-width: 1200px) {
    #shopify-section-blog-template, #shopify-section-article-template {
      padding: 25px 120px; } }

.blog-banner {
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: top;
  border-bottom: 1px solid; }

.blog-banner-copy {
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-size: 2em;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding-bottom: 10px; }
  @media screen and (min-width: 769px) {
    .blog-banner-copy {
      font-size: 2.75em; } }
  @media screen and (min-width: 1200px) {
    .blog-banner-copy {
      font-size: 3em; } }

.blog-title-bold {
  font-weight: 700; }

.blog-grid--title {
  margin: 10px 0 0 0; }

.blog-grid--date {
  opacity: 0.5; }

.blog__article-content {
  font-size: 1.2em; }

.blog__social-sharing.social-sharing a {
  margin: 0 20px 0 0; }

.blog-main--wrapper {
  margin-top: 30px; }

.page-main--wrapper,
.error-page--wrapper {
  padding-top: 30px; }

.blog-sidebar--meta {
  margin: 0;
  padding: 0; }

.blog-sidebar--meta li {
  list-style-type: none; }

.article__featured-image img {
  margin-bottom: 10px; }

.blog-sidebar--recent-articles li,
.blog-sidebar--all-categories li {
  border-top: 1px solid #b3b3b3;
  padding-top: 15px; }

.blog-sidebar--recent-articles li:first-child,
.blog-sidebar--all-categories li:first-child {
  border-top: none; }

.blog-sidebar--recent-articles time {
  font-size: 12px;
  opacity: 0.5;
  margin-bottom: 10px;
  display: inline-block; }

.blog-sidebar-image {
  margin-bottom: 15px; }

.article--details {
  background: #f8f8f8;
  padding: 40px;
  position: relative;
  margin-bottom: 30px;
  border: 1px dashed #b3b3b3; }

.article--details p.article--author-date,
.article--details p.article--tags {
  margin-bottom: 0; }

.article--details p.article--tags {
  margin-top: 15px; }

.article--image-wrapper {
  padding-bottom: 20px; }

#comments .comment-wrapper {
  background: #f8f8f8;
  padding: 20px;
  margin-top: 20px; }

#comments .comment-wrapper .comment-data {
  font-size: 12px; }

/*============================================================================
  #Contact Page
==============================================================================*/
.newsletter-footer input.footer-email-submit,
form#contact_form .btn,
form#contact_form .btn--secondary, .btn--secondary,
.cart--button-checkout, .cart--button-update, .btn--full,
.article-comment--btn, .account-section--btn {
  font-weight: 400;
  background: #000000;
  text-transform: uppercase;
  padding: 10px 20px;
  font-size: 11px;
  color: #ffffff;
  display: inline-block;
  min-width: 140px; }
  @media screen and (min-width: 769px) {
    .newsletter-footer input.footer-email-submit,
    form#contact_form .btn,
    form#contact_form .btn--secondary, .btn--secondary,
    .cart--button-checkout, .cart--button-update, .btn--full,
    .article-comment--btn, .account-section--btn {
      font-size: 14px; } }

.account-section--btn,
.article-comment--btn {
  background: #000000;
  margin-top: 0;
  padding: 10px 20px;
  color: #ffffff;
  display: inline-block; }

.contact-form--submit-button {
  text-align: center; }

/*============================================================================
  #Cart Page
==============================================================================*/
.cart--button-checkout,
.cart--button-update {
  padding: 15px 35px;
  background: #000000;
  color: #ffffff;
  transition: all 0.15s ease-in-out 0s; }

.cart--button-checkout:hover,
.cart--button-update:hover {
  background: #ffffff;
  color: #000000; }

.cart--button-update {
  opacity: 0.75; }

.cart--empty-cart {
  text-align: center; }

.blog-grid--link {
  text-decoration: underline; }

.additional_checkout_buttons {
  text-align: center;
  padding: 10px 0; }

.additional_checkout_buttons {
  border: medium none; }

/*============================================================================
  #Slideshow section
==============================================================================*/
.flexslider {
  margin-bottom: 0;
  overflow-x: hidden; }

.flexslider-container {
  position: relative;
  overflow: hidden; }

.flexslider-homepage {
  overflow: hidden; }

.slider-caption {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background-color: #fff !important;
  color: #252525;
  font-size: 30px;
  padding: 10px 20px; }

.slider-caption a {
  text-decoration: none; }

.slider-caption h4, .slider-caption .h4 {
  margin-bottom: 0; }

.flex-direction-nav {
  position: absolute;
  width: 100%;
  top: 55%;
  opacity: 0.5;
  z-index: 100; }

.flex-direction-nav a {
  -moz-transition: all 0.15s ease 0s;
  -webkit-transition: all 0.15s ease 0s;
  transition: all 0.15s ease 0s;
  display: block;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  text-indent: -9999px;
  bottom: 0;
  width: 40px;
  z-index: 99999;
  text-decoration: none;
  outline: 0; }

.flex-direction-nav a.flex-prev {
  background: url("/cdn/shop/t/614/assets/slider-arrows.png?v=146840779361393806721690848724") repeat scroll 0 0;
  margin: 0 0 0 -40px;
  left: -55px; }

.flex-direction-nav a.flex-next {
  background: url("/cdn/shop/t/614/assets/slider-arrows.png?v=146840779361393806721690848724") repeat scroll 0 100%;
  margin: 0 -40px 0 0;
  right: -55px; }

.flexslider-container:hover .flex-direction-nav a.flex-next {
  margin-right: 70px; }

.flexslider-container:hover .flex-direction-nav a.flex-prev {
  margin-left: 70px; }

/*============================================================================
  #404 Page
==============================================================================*/
.error-page--wrapper {
  text-align: center; }

.error-page--wrapper a {
  text-decoration: underline; }

/*============================================================================
  #Footer
==============================================================================*/
footer a,
footer a:active,
footer a:hover {
  color: #000000; }

.footer-header {
  color: #000000;
  font-size: 14px;
  margin-bottom: 10px;
  font-family: "NeuzeitGro", Roboto, sans-serif;
  font-weight: bold; }

.footer-article,
.footer-content a,
.footer-article a {
  color: #131313; }

#sm-icons .fa-2x {
  font-size: 1.5em; }

.social-media-footer ul {
  margin: 3em 0 0;
  padding: 0; }

.social-media-footer ul li {
  list-style-type: none;
  display: inline-block;
  margin: 0 15px 0 0; }
  @media screen and (min-width: 769px) {
    .social-media-footer ul li {
      margin: 0 55px 0 0; } }
  .social-media-footer ul li:last-child {
    margin-right: 0; }

.social-media-footer ul li a {
  color: #000000;
  transition: all 0.15s ease-in-out 0s; }

.social-media-footer ul li a:hover {
  color: #000000; }

.popup--body input#mce-EMAIL {
  border: none;
  border-bottom: 1px solid #000000;
  padding-left: 0px;
  background: #ffffff;
  color: #000000; }

.links-footer ul {
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  text-align: center; }

.links-footer ul li {
  display: inline;
  list-style-type: none;
  color: #9e9797; }
  .links-footer ul li a {
    padding: 0 12px; }
  .links-footer ul li:after {
    content: "|";
    display: inline; }
  .links-footer ul li:last-child:after {
    display: none; }

.bottom--footer {
  margin-top: 40px; }

.bottom--footer a {
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-size: 10px;
  color: #9e9797;
  letter-spacing: 1px; }

.bottom--footer---links {
  padding: 0;
  margin: 0; }

.bottom--footer---links li {
  list-style-type: none;
  display: inline-block;
  padding: 0 15px;
  border-left: 1px solid black;
  line-height: 1; }

.bottom--footer---links li:first-child {
  padding-left: 0;
  border-left: none; }

.homepage-instagram-link-btn-wrapper {
  display: inline-block;
  margin-top: 20px;
  text-align: center;
  width: 100%; }

.newsletter-footer {
  max-width: 450px;
  text-align: left; }
  .newsletter-footer h6, .newsletter-footer .h6 {
    margin-bottom: 15px; }
  .newsletter-footer .input-group {
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 769px) {
      .newsletter-footer .input-group {
        flex-direction: row; } }
  .newsletter-footer .footer-email-input {
    display: inline-block;
    margin-bottom: 0px;
    color: #333;
    border: 1px solid;
    height: 45px;
    padding-left: 20px; }
  .newsletter-footer input.footer-email-submit {
    padding: 10px 25px;
    letter-spacing: 1px;
    margin-top: 10px; }
    @media screen and (min-width: 769px) {
      .newsletter-footer input.footer-email-submit {
        margin: 0; } }

.social-media-footer {
  margin-top: 10px; }

.homepage-hero-content-image-text-block--mobile {
  display: none; }

.homepage-instagram-link-btn-wrapper a,
.homepage-featured-box-btn,
.ajaxcart__footer .cart__checkout,
.homepage-hero-content-image-text-block .btn,
.homepage-hero-content-image-text-block .btn--secondary,
.homepage-hero-content-image-text-block .btn--secondary,
.onboarding--sold-out a.btn,
.onboarding--sold-out a.btn--secondary,
.quick-view-button,
.new-btn,
.grid-view-item .add-to-cart-button {
  font-weight: 400;
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-style: normal;
  line-height: 1.4;
  background: #000000;
  color: #ffffff;
  transition: all 0.15s ease-in-out 0s;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 11px;
  border: 2px solid #000000;
  width: 100%;
  padding: 10px 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  @media screen and (min-width: 769px) {
    .homepage-instagram-link-btn-wrapper a,
    .homepage-featured-box-btn,
    .ajaxcart__footer .cart__checkout,
    .homepage-hero-content-image-text-block .btn,
    .homepage-hero-content-image-text-block .btn--secondary,
    .homepage-hero-content-image-text-block .btn--secondary,
    .onboarding--sold-out a.btn,
    .onboarding--sold-out a.btn--secondary,
    .quick-view-button,
    .new-btn,
    .grid-view-item .add-to-cart-button {
      padding: 15px 30px;
      font-size: 14px; } }

.product-featured-box-btn {
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-size: .7em;
  font-style: normal;
  font-weight: 700;
  line-height: 5;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #000000;
  color: #ffffff;
  transition: all 0.15s ease-in-out 0s;
  display: inline-block;
  border: 3px solid #000000;
  width: 80%;
  height: auto;
  text-align: center; }
  @media screen and (min-width: 769px) {
    .product-featured-box-btn {
      line-height: 4; } }
  @media screen and (min-width: 1200px) {
    .product-featured-box-btn {
      font-size: 1em;
      width: 220px;
      height: 55px;
      line-height: 49px; } }

a.btn--pagination {
  display: inline-block;
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-size: 1em;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1px;
  color: black;
  background: white;
  border: 3px solid;
  padding: 15px 50px;
  transition: all 0.15s ease-in-out 0s; }
  a.btn--pagination:hover {
    color: white;
    background: black;
    border-color: black; }

/* Payment Buttons */
#AddToCart,
.shopify-product-form .shopify-payment-button__button--unbranded {
  visibility: visible;
  border-radius: 0;
  font-weight: 400;
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-style: normal;
  line-height: 1.4;
  background: #000000;
  color: #ffffff;
  transition: all 0.15s ease-in-out 0s;
  display: inline-block;
  padding: 12px 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 11px;
  border: 3px solid #000000;
  font-weight: 100; }
  @media screen and (min-width: 769px) {
    #AddToCart,
    .shopify-product-form .shopify-payment-button__button--unbranded {
      padding: 15px 30px;
      font-size: 14px; } }
  #AddToCart.disabled,
  .shopify-product-form .shopify-payment-button__button--unbranded.disabled {
    border: 1px solid;
    background: #ffffff;
    color: #000000; }
    #AddToCart.disabled:hover,
    .shopify-product-form .shopify-payment-button__button--unbranded.disabled:hover {
      background: #ffffff;
      color: #000000; }

#AddToCart:hover,
.shopify-product-form .shopify-payment-button__button--unbranded:hover {
  background: #ffffff;
  color: #000000; }

.shopify-product-form .shopify-payment-button__button--branded {
  border-radius: 0; }

.shopify-product-form .shopify-payment-button__more-options {
  font-size: 14px;
  width: 70%;
  margin: 16px 15% 0 15%; }

.shopify-product-form .selector-wrapper select option {
  color: black; }
.shopify-product-form .selector-wrapper select option[disabled]:first-child {
  display: none;
  color: grey; }

.shopify-product-form .shopify-payment-button__button--hidden {
  display: none; }

.product-details--form-wrapper---out-of-stock .shopify-payment-button {
  display: none; }

/* Turns the Add to Cart button into a secondary CTA when the smart payment buttons are enabled */
.paymentButtonsWrapper #AddToCart.add-to-cart--secondary {
  background: #f8f8f8;
  color: #000000;
  transition: color 0.25s ease-in-out, background 0.25s ease-in-out; }

.paymentButtonsWrapper #AddToCart.add-to-cart--secondary:hover {
  background: white;
  color: #1a1a1a; }

.shopify-payment-button {
  display: inline-block; }

@media screen and (max-width: 480px) {
  .paymentButtonsWrapper #AddToCart,
  .paymentButtonsWrapper .shopify-payment-button {
    width: 100%;
    min-width: 190px;
    height: 44px; }
    .paymentButtonsWrapper #AddToCart.disabled,
    .paymentButtonsWrapper .shopify-payment-button.disabled {
      min-width: 175.11px; } }
@media screen and (min-width: 480px) and (max-width: 769px) {
  .paymentButtonsWrapper {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start; }
    .paymentButtonsWrapper #AddToCart {
      width: 100%;
      max-width: 230px; } }
@media screen and (min-width: 769px) {
  .paymentButtonsWrapper #AddToCart,
  .paymentButtonsWrapper .shopify-payment-button {
    width: 100%;
    max-width: 230px; } }
@media screen and (min-width: 1200px) {
  .paymentButtonsWrapper {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start; }

  #ShopNowContainer .paymentButtonsWrapper {
    display: inherit; } }
/* Instagram Section */
.instagram-section-wrapper .homepage-sections-wrapper--dark .homepage-instagram-link-btn-wrapper a {
  background: white;
  color: black !important; }
  .instagram-section-wrapper .homepage-sections-wrapper--dark .homepage-instagram-link-btn-wrapper a:hover, .instagram-section-wrapper .homepage-sections-wrapper--dark .homepage-instagram-link-btn-wrapper a:active {
    background: #ebebeb; }

.homepage-instagram-link-btn-wrapper a:hover,
.homepage-instagram-link-btn-wrapper a:active,
.homepage-featured-box-btn:hover,
.product-featured-box-btn:hover,
.homepage-hero-content-image-text-block .btn:hover,
.homepage-hero-content-image-text-block .btn--secondary:hover,
.homepage-hero-content-image-text-block .btn--secondary:hover,
.onboarding--sold-out a.btn:hover,
.onboarding--sold-out a.btn--secondary:hover,
.cart__checkout:hover {
  background: #ffffff;
  color: #000000; }

.onboarding--sold-out {
  margin-bottom: 40px; }

.footer-article a {
  text-decoration: underline; }

.footer-article a.footer-read-more-link {
  text-decoration: none; }

/*============================================================================
  #Account Pages
==============================================================================*/
#create_customer .errors ul {
  padding: 0;
  margin: 0; }

#create_customer .errors ul li {
  list-style-type: none;
  text-align: center; }

.account-addresses--return-to-account {
  text-align: right; }

.account-addresses--return-to-account i {
  margin-right: 5px; }

.homepage-featured-content-box .rte, .homepage-map-content-box .rte {
  margin-bottom: 0; }

/*============================================================================
  #Onboarding
==============================================================================*/
.placeholder-noblocks {
  text-align: center; }

/*============================================================================
  #Mobile
==============================================================================*/
.mobile-advert {
  text-align: center; }

@media only screen and (max-width: 1180px) {
  .social-sharing {
    bottom: 0px;
    margin-top: 30px;
    position: relative;
    right: 0px;
    text-align: left; }

  #ShopNowContainer .social-sharing {
    text-align: center; } }
@media only screen and (min-width: 768px) and (max-width: 1192px) {
  .homepage-hero-advert {
    padding: 15px; }

  .homepage-hero-advert .h3 {
    font-size: 16px; } }
@media only screen and (max-width: 768px) {
  #shopify-section-footer .grid .grid__item:first-child, #shopify-section-footer .grid--rev .grid__item:first-child, #shopify-section-footer .grid--full .grid__item:first-child {
    margin-top: 0; }

  #shopify-section-footer .grid .grid__item:first-child .footer-header, #shopify-section-footer .grid--rev .grid__item:first-child .footer-header, #shopify-section-footer .grid--full .grid__item:first-child .footer-header {
    padding-top: 20px;
    border-top: none; }

  .bottom--footer {
    text-align: center; }

  .bottom--footer .payment-icons {
    margin-top: 20px; }

  .site-nav__link {
    color: #333333; }

  .image-gallery-wrapper .image-bar .grid__item:first-child {
    margin-top: 0; }

  .grid__item.mobile--no-top-margin,
  .image-with-text-overlay-wrapper .homepage-featured-content-box {
    margin-top: 0; }

  .notification-bar__message p {
    padding: 0 10px; }

  .product__meta--sku,
  .product__meta--vendor {
    text-align: left; }

  .collection-sidebar-filter .collection-sidebar-filter-select {
    max-width: 100%;
    min-width: inherit; }

  .image-with-text-overlay-wrapper .homepage-content--image::before {
    opacity: 0 !important; }

  .image-with-text-overlay-wrapper .homepage-featured-content-box {
    background: white; }

  .image-with-text-overlay-wrapper h2.homepage-sections--title, .image-with-text-overlay-wrapper .homepage-sections--title.h2 {
    font-size: 30px; }

  .image-with-text-overlay-wrapper--white h2.homepage-sections--title, .image-with-text-overlay-wrapper--white .homepage-sections--title.h2,
  .image-with-text-overlay-wrapper--white .featured-row__subtext {
    color: black; }

  .image-with-text-overlay-wrapper--white h2.homepage-sections--title:after, .image-with-text-overlay-wrapper--white .homepage-sections--title.h2:after {
    background: black; }

  .no-menu-mobile {
    display: none; }

  .collection-sidebar-filter.mobile-filter--center {
    margin-left: 25%; }

  .collection-sidebar-wrapper .page--title {
    text-align: center; }

  .collection-sidebar-wrapper h1.page--title:after, .collection-sidebar-wrapper .page--title.h1:after {
    right: 0; }

  .grid-view-item--desc-wrapper {
    margin-left: 0; }

  .homepage-hero-content-overlay-wrapper .icon--placeholder {
    height: 230px; }

  .homepage-hero-menu-wrapper {
    padding: 20px 0 0 0; }

  #popup .popup--image-wrapper {
    text-align: left; }

  .table--responsive td::before {
    content: none !important; }

  form.cart .cart-table,
  .table--responsive th,
  .table--responsive td {
    text-align: center !important; }

  .table--responsive.cart-table .js-qty, .table--responsive.cart-table .ajaxcart__qty,
  .table--responsive.cart-table .ajaxcart__qty {
    float: none; }

  .cart-table td,
  .cart-table th {
    padding: 5px; }

  .newsletter-footer input.footer-email-input {
    border-style: solid;
    border-width: 1px;
    padding-left: 10px; }

  .homepage-instagram-indiv {
    margin-top: 0 !important; }

  .cart-total-label {
    display: none !important; }

  .ui.sticky.bound {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    right: auto !important; }

  .ajaxcart__quantity-wrapper .grid__item {
    margin-top: 0px; }

  .grid__item {
    margin-top: 30px; }
    .grid__item.small__no-top-margin {
      margin-top: 0; }

  .homepage-section--video-wrapper .grid__item {
    margin-top: 0; }

  .payment-icons {
    text-align: center; }

  .homepage-hero-advert {
    margin-bottom: 0; }

  .homepage-featured-grid-item {
    width: 48%;
    float: left;
    position: relative; }

  .homepage-collection-grid-item {
    position: relative; }

  .homepage-featured-products-grid .grid__image {
    margin-bottom: 0; }

  .homepage-featured-grid-item {
    margin-bottom: 45px; }

  .homepage-featured-grid-item--width2 {
    width: 100%; }

  .gutter-sizer {
    width: 4%; }

  .homepage-featured-grid-item-details {
    position: relative;
    opacity: 1; }

  .homepage-featured-content-box, .homepage-map-content-box {
    width: 100%;
    transform: none;
    text-align: center; }

  .homepage-collection-grid-item-details {
    opacity: 1; }

  .social-sharing {
    position: relative;
    width: 100%;
    bottom: 0;
    right: 0;
    margin-top: 30px;
    text-align: left; }

  .product-page-related-products .product-grid--price {
    margin-bottom: 30px; }

  .collection-sidebar-mobile-wrapper {
    text-align: center; }
    .collection-sidebar-mobile-wrapper img {
      max-width: 300px;
      margin: 0 auto; }

  .template-collection .breadcrumb {
    display: none; }

  .collection-main-central-header > div {
    display: table-cell;
    float: none;
    padding-bottom: 60px; }

  .collection-central-description-block--mobile {
    margin-bottom: 50px; }

  .homepage-blog-mobile .owl-item .grid__item {
    padding-left: 0; }

  .collection-main-central-header {
    margin-bottom: 0;
    display: inline-block; }

  .collection-main-body-inner--sidebar .grid__item {
    padding: 0 10px; }

  .homepage-featured-products-grid {
    padding: 0 0 40px; }

  .table--responsive td::before {
    content: attr(data-label);
    float: left;
    font-size: 15px;
    padding-right: 10px;
    text-align: center; }

  .account-area--order-details tr {
    margin-top: 30px; }

  .account-area--order-details td {
    border-top: 1px solid gray;
    border-bottom: none;
    border-left: none;
    border-right: none; }

  .account-area--order-details td:first-child {
    border: none; }

  .homepage-hero-wrapper .grid__item {
    margin-top: 0; }

  .blog-template--main,
  .blog-template--main .blog-template--individual:first-child {
    margin-top: 0; }

  #shopify-section-article-template .blog-main--wrapper {
    padding-top: 0; } }
@media only screen and (max-width: 480px) {
  .footer-header {
    padding-top: 30px;
    border-top: 1px solid #e6e6e6; }

  .homepage-hero-content-image-text-block {
    display: none; }

  .homepage-hero-content-image-text-block--mobile {
    display: block;
    position: relative;
    color: inherit;
    top: auto;
    transform: none;
    padding: 30px 0; }

  footer .grid__item {
    margin-top: 30px; }

  footer #contact_form .input-group {
    width: 100%; }

  .collection-main-central-header > div {
    display: inline-block;
    padding-bottom: 60px; }

  .footer-article p {
    margin-bottom: 0; } }
/* Sticky */
.is_stuck {
  z-index: 6; }

.helper-section {
  display: inline-block; }

.helper-note {
  z-index: 8005; }

.account--top-margin {
  margin-top: 50px; }

.newsletter--popup-full-width {
  width: 100%; }

/**
 * Collapsible horizontal list
 */
/*ul*/
.list--horizontal, .nav .ul {
  list-style-type: none;
  padding-left: 0; }
  .list--horizontal li, .nav .ul li,
  .list--horizontal .list-item,
  .nav .ul .list-item {
    margin-right: 1.5em;
    margin-bottom: 0;
    float: left; }
    .list--horizontal li:last-child, .nav .ul li:last-child,
    .list--horizontal .list-item:last-child,
    .nav .ul .list-item:last-child {
      margin-right: 0; }

/* Clearfix */
.nav .ul {
  *zoom: 1; }
  .nav .ul:before, .nav .ul:after {
    content: " ";
    display: table; }
  .nav .ul:after {
    clear: both; }

/**
 * Set a nav item max width
 * Used with the offset helper as well
 */
/**
 * Dropdown navigation
 */
/*nav*/
.nav {
  /*ul*/ }
  .nav .ul {
    /* List style and floa stuff */
    width: 100%;
    position: relative;
    z-index: 5;
    /**
     * Parent menu item
     */ }
    .nav .ul .li {
      position: relative;
      /**
       * Sub navigation
       */
      /* Bring the sub navigation in */
      /* Optional fix for right browser edge navigation elements */ }
      .nav .ul .li .sub-ul {
        position: absolute;
        left: -9999px;
        padding-top: 0.25em;
        /* Slight Offset */
        box-shadow: 0 6px 8px -8px #000;
        /* Optional depth */
        list-style: none;
        padding-left: 0;
        /**
         * Child menu item
         */ }
        .nav .ul .li .sub-ul .sub-li {
          float: none;
          /* Child item anchor */ }
          .nav .ul .li .sub-ul .sub-li .sub-a {
            white-space: nowrap;
            /* Stop text wrapping and creating multi-line dropdown items */
            display: block;
            min-width: 160px; }
      .nav .ul .li:hover .sub-ul, .nav .ul .li.focus .sub-ul {
        left: 0; }

.helper-note .h3 {
  color: #fff;
  font-family: "ProximaNovaLight","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 19px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: initial;
  margin-left: 40px;
  text-transform: none; }

.shop-now-button {
  position: absolute;
  transition: all ease-in-out 250ms;
  bottom: 30px;
  opacity: 1;
  transform: translateY(0);
  border: none;
  background-color: white;
  color: #000;
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-style: normal;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 100%;
  padding: 10px 0;
  display: inline-flex;
  align-items: center;
  justify-content: center; }
  .shop-now-button .trigger-icon {
    display: none; }
  @media screen and (min-width: 769px) {
    .shop-now-button {
      bottom: -80px;
      opacity: 0;
      background-color: rgba(255, 255, 255, 0.8);
      padding: 15px 30px;
      font-size: 14px; }
      .shop-now-button:hover {
        background-color: white; }
      .shop-now-button .trigger-icon {
        display: block;
        width: 18px;
        height: 18px;
        margin-right: 8px; }
        .shop-now-button .trigger-icon svg {
          width: 100%;
          height: 100%; }
      .grid-view-item:hover .shop-now-button {
        bottom: 30px;
        opacity: 1; } }

.shop-now-modal {
  position: fixed;
  z-index: 1200 !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  display: none;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4); }

.shop-now-content {
  background-color: #fefefe;
  margin-top: 15%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%; }

#ShopNowContainer {
  padding: 0 20px 40px;
  text-align: left; }
  @media screen and (min-width: 769px) {
    #ShopNowContainer {
      padding: 20px 60px 60px; }
      #ShopNowContainer .grid, #ShopNowContainer .grid--rev, #ShopNowContainer .grid--full {
        margin-left: -60px; }
      #ShopNowContainer .grid__item {
        padding-left: 60px; } }

#ShopNowContainer .product-meta-header .push--large--one-half {
  left: auto; }

.product-meta-header .product__meta--vendor,
.product-meta-header .product__meta--sku {
  margin-top: 0; }

#ShopNowContainer .owl-theme .owl-controls {
  margin-top: 0; }

#ShopNowContainer .product-details-wrapper {
  background-color: transparent;
  padding: 0; }
  @media screen and (min-width: 769px) {
    #ShopNowContainer .product-details-wrapper {
      padding: 40px;
      background: #f8f8f8; } }

#ShopNowContainer .hr--product {
  display: none; }

#ShopNowContainer .link-to-product {
  display: block;
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-weight: 500;
  text-decoration: underline;
  text-transform: uppercase; }

#ShopNowContainer .form-vertical select {
  display: inline-block;
  width: 100%; }
  #ShopNowContainer .form-vertical select.original-select {
    display: none; }

#ShopNowContainer .js-qty-wrapper {
  text-align: center; }

#ShopNowContainer .js-qty-wrapper .js-qty, #ShopNowContainer .js-qty-wrapper .ajaxcart__qty {
  display: inline-block; }

#ShopNowContainer .nonajax-quantity-selector {
  display: inline-block; }

#ShopNowContainer .quantity-selector {
  width: 100%; }

.pagination-infinite ul {
  display: none; }

/*
   Swatches Styles
*/
.swatch {
  margin: 1em 0; }

/* Label */
.swatch .header {
  font-size: 11px;
  text-transform: uppercase;
  color: black;
  margin: 20px 0 10px 0;
  display: inline-block;
  width: 100%; }

/* Hide radio buttons.*/
.swatch input[type="radio"] {
  display: none; }

.swatch label {
  min-width: 50px !important;
  margin: 0;
  border: gray 1px solid;
  text-align: center;
  line-height: 1.6;
  white-space: nowrap; }

.swatch-element label {
  padding: 8px 20px; }

.color.swatch-element label {
  padding: 0;
  width: 50px;
  height: 50px;
  float: left;
  border-radius: 100px;
  border: 4px solid #f8f8f8; }

.color.swatch-element input:checked + label {
  border: 2px solid #000000; }

.swatch input:checked + label {
  background: #000000;
  color: #ffffff;
  border-color: transparent;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.swatch .swatch-element.soldout {
  text-decoration: line-through; }

.swatch .swatch-element {
  float: left;
  -webkit-transform: translateZ(0);
  /* webkit flicker fix */
  -webkit-font-smoothing: antialiased;
  /* webkit text rendering fix */
  /* Spacing between buttons */
  margin: 0px 10px 10px 0;
  /* To position the sold out graphic and tooltip */
  position: relative; }

/* Image with the cross in it */
.crossed-out {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.swatch .swatch-element .crossed-out {
  display: none; }

.swatch .swatch-element.soldout .crossed-out {
  display: block; }

.swatch .swatch-element.soldout label {
  filter: alpha(opacity=60);
  /* internet explorer */
  -khtml-opacity: 0.6;
  /* khtml, old safari */
  -moz-opacity: 0.6;
  /* mozilla, netscape */
  opacity: 0.6;
  /* fx, safari, opera */ }

/* Tooltips */
.swatch .tooltip {
  text-align: center;
  background: gray;
  color: #fff;
  bottom: 100%;
  padding: 10px;
  display: block;
  position: absolute;
  width: 100px;
  left: -23px;
  margin-bottom: 15px;
  /* Make it invisible by default */
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  visibility: hidden;
  /* Animations */
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 10000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.swatch .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%; }

/* CSS triangle */
.swatch .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid gray 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0; }

.swatch .swatch-element:hover .tooltip {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px); }

.swatch.error {
  background-color: #e8d2d2 !important;
  color: #333333 !important;
  padding: 1em;
  border-radius: 5px; }

.swatch.error p {
  margin: 0.7em 0; }

.swatch.error p:first-child {
  margin-top: 0; }

.swatch.error p:last-child {
  margin-bottom: 0; }

.swatch.error code {
  font-family: monospace; }

.search-drawer > .input-group {
  padding: 30px 0; }

.indiv-search-listing-grid {
  padding-bottom: 10px; }

#search-results {
  text-align: left;
  padding-left: 30px; }
  #search-results hr {
    margin: 5px 0; }
  #search-results h2, #search-results .h2 {
    font-size: 14px;
    margin: 20px 0;
    opacity: 0.5;
    text-transform: uppercase;
    font-weight: bold; }

#search-show-more {
  color: white;
  margin: 30px 0; }

.flex {
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media screen and (min-width: 769px) {
    .flex {
      flex-direction: row; } }

.flex-row {
  display: flex;
  flex-direction: row;
  align-items: center; }

@media screen and (min-width: 769px) {
  .flex-align--flex-end {
    align-items: flex-end;
    justify-content: space-between; } }

/* Newsletter Section */
.newsletter--section {
  text-align: center; }
  .newsletter--section #newsletter-wrapper {
    width: 100%; }
  .newsletter--section .newsletter_title h3, .newsletter--section .newsletter_title .h3 {
    margin: 10px;
    text-align: center; }
  .newsletter--section p {
    text-align: center; }
  .newsletter--section input#newsletter_text {
    width: 72%; }
  .newsletter--section.homepage-sections-wrapper--white input#newsletter_text {
    border: solid 1px #ccc; }
  .newsletter--section .wrapper {
    padding: 0; }
  .newsletter--section .flex__item {
    display: flex;
    align-items: center;
    justify-content: center; }
  .newsletter--section .newsletter_title {
    padding: 40px; }
  .newsletter--section .newsletter--section-grid-content-box {
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    margin: 45px;
    padding: 40px 0;
    flex-direction: column;
    text-align: center; }
  .shopify-section .newsletter--section {
    padding: 0; }
  .newsletter--section .grid__item {
    padding: 0; }
  @media only screen and (min-width: 768px) {
    .newsletter--section {
      text-align: left; }
      .newsletter--section .grid, .newsletter--section .grid--rev, .newsletter--section .grid--full {
        display: table;
        width: 100%;
        margin-left: 0; }
      .newsletter--section .grid__item {
        display: table-cell;
        float: none;
        vertical-align: middle; }
      .newsletter--section .row--table {
        width: 100%; } }
  @media only screen and (max-width: 767px) {
    .newsletter--section .row--table {
      display: block; }
      .newsletter--section .row--table div[class*='col-'] {
        float: left;
        display: block; }
    .newsletter--section .grid__item {
      margin-top: 0px; } }
  @media only screen and (min-width: 768px) {
    .newsletter--section .newsletter--section-grid_inner {
      width: 100%; }
      .newsletter--section .newsletter--section-grid_inner #newsletter-wrapper {
        width: 100%; }
      .newsletter--section .newsletter--section-grid_inner input#newsletter_text {
        width: 80%;
        margin-bottom: 0; }
      .newsletter--section .newsletter--section-grid_inner.newsletter_form {
        float: left; }
        .newsletter--section .newsletter--section-grid_inner.newsletter_form form {
          width: 100%; }
      .newsletter--section .newsletter--section-grid_inner.newsletter_title {
        float: right; } }

#newsletter-wrapper {
  display: flex;
  color: black;
  padding: 7px 0; }

#newsletter_text {
  display: inline-block;
  margin-bottom: 0px;
  color: #333333;
  height: 37px;
  border: 0;
  padding: 10px;
  margin-right: 7px; }

form#contact_form #newsletter-wrapper #newsletter_submit {
  margin: 0;
  border: 0 none;
  cursor: pointer;
  display: inline-block;
  height: 36px;
  color: white;
  background-color: black; }

.homepage-sections-wrapper--dark form#contact_form #newsletter-wrapper #newsletter_submit {
  color: white; }

.homepage-sections-wrapper--accent form#contact_form #newsletter-wrapper #newsletter_submit {
  color: #337626; }

.homepage-headline {
  font-size: 2em;
  line-height: 1.5;
  letter-spacing: 4px;
  text-align: left; }
  @media screen and (min-width: 769px) {
    .homepage-headline {
      font-size: 2em; } }
  @media screen and (min-width: 1200px) {
    .homepage-headline {
      font-size: 3.5em; } }

.homepage-subheadline {
  font-size: .9rem;
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-weight: 100;
  letter-spacing: 0;
  margin-top: .5rem; }
  @media screen and (min-width: 769px) {
    .homepage-subheadline {
      font-size: 1.7rem;
      letter-spacing: 1px; } }

.homepage-headline-thin {
  font-weight: 100;
  margin-left: 0; }
  @media screen and (min-width: 1200px) {
    .homepage-headline-thin {
      margin-left: 70px; } }

.homepage-p {
  font-size: 1.538em; }

@media screen and (min-width: 769px) {
  .featured-row__subtext {
    font-size: 1em; } }

.homepage-subhead {
  margin: 40px auto; }

.homepage-bold {
  font-weight: bold; }

.featured-row__customText {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

/*============================================================================
  Shop By Product
==============================================================================*/
@media screen and (min-width: 769px) {
  .sticky {
    position: sticky;
    position: -webkit-sticky;
    /* Safari */
    top: 100px; } }

@media screen and (min-width: 769px) {
  .sticky-product {
    position: sticky;
    position: -webkit-sticky;
    /* Safari */
    top: 0; } }

@media screen and (min-width: 769px) {
  .collection-sidebar-wrapper--sticky {
    position: sticky;
    top: 66px;
    /* 66px is from the sticky header height */
    height: calc(100vh - 66px - 50px);
    /* 50px is from the zendesk help widget button height */
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1;
    background: #fff;
    /* width */ }
    .collection-sidebar-wrapper--sticky::-webkit-scrollbar {
      width: 0px; } }

@media screen and (min-width: 769px) {
  .large--one-fifth.collection-sidebar-wrapper {
    width: 17%; } }

@media screen and (min-width: 769px) {
  .collection-main-body.grid__item {
    float: right; } }

.collection-nav {
  font-family: "NeuzeitGro", Roboto, sans-serif;
  letter-spacing: 1px; }
  .collection-nav.collection-nav--key {
    display: none;
    float: left;
    color: #7eb892;
    border: 1px solid #7eb892;
    padding: 20px 15px 5px;
    margin-top: 25px; }
    @media screen and (min-width: 769px) {
      .collection-nav.collection-nav--key {
        display: block;
        font-size: .7em;
        padding: 25px 15px 8px; } }
    @media screen and (min-width: 1200px) {
      .collection-nav.collection-nav--key {
        font-size: 1em; } }
  .collection-nav li {
    margin-bottom: 1em;
    display: none; }
    @media screen and (min-width: 769px) {
      .collection-nav li {
        display: flex; } }
  .collection-nav select {
    display: inline-block;
    width: 100%;
    max-width: 300px; }
    @media screen and (min-width: 769px) {
      .collection-nav select {
        display: none; } }
  .collection-nav [class^="icon-"], .collection-nav [class*=" icon-"] {
    font-size: 1.3em; }

.page--sidebar-title {
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.2;
  margin-bottom: 1.5em; }

.subnav {
  list-style: none;
  margin: 0; }
  .subnav a:hover {
    color: #8e8e8e; }

.subnav__flex {
  display: flex;
  max-width: 185px; }

.subnav__link {
  font-size: 1em;
  line-height: 1.7;
  padding-left: 10px; }
  .subnav__link.subnav__link--view-all {
    padding-left: 23px; }

/*============================================================================
  Quiz
==============================================================================*/
.quiz {
  font-size: 16px; }
  @media screen and (min-width: 769px) {
    .quiz {
      font-size: 13px; } }
  .quiz select {
    font-size: 16px; }
    @media screen and (min-width: 769px) {
      .quiz select {
        font-size: 13px; } }
  .quiz label > * {
    pointer-events: none; }

.nav-multi-steps {
  display: inline-block;
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .nav-multi-steps {
      margin-top: 50px; } }

.multi-steps {
  width: 100%;
  border-radius: .25em;
  margin: 0 auto; }
  .multi-steps .multi-steps__step {
    display: inline-block;
    float: left;
    width: calc(100% / 5);
    font-family: "Cartograph-Mono", Roboto, sans-serif;
    font-size: .4rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ebebeb;
    padding-top: 5px; }
    .multi-steps .multi-steps__step .multi-steps__step-number {
      font-size: 2.75em;
      line-height: 1; }
    .multi-steps .multi-steps__step:last-of-type::after {
      display: none; }
    .multi-steps .multi-steps__step .multi-steps__progress-bar {
      position: relative;
      width: 100%;
      height: 14px;
      background-color: #f6f6f6;
      margin-bottom: 5px; }
      .multi-steps .multi-steps__step .multi-steps__progress-bar:after {
        content: "";
        position: absolute;
        width: 0;
        height: 100%; }
    .multi-steps .multi-steps__step.current, .multi-steps .multi-steps__step.visited {
      color: black; }
      .multi-steps .multi-steps__step.current .multi-steps__progress-bar:after, .multi-steps .multi-steps__step.visited .multi-steps__progress-bar:after {
        width: 100%;
        -webkit-transition: width 2s;
        transition: width 2s; }
      .multi-steps .multi-steps__step.current:nth-child(1) .multi-steps__progress-bar:after, .multi-steps .multi-steps__step.visited:nth-child(1) .multi-steps__progress-bar:after {
        background-color: #eee9e3; }
      .multi-steps .multi-steps__step.current:nth-child(1) .multi-steps__step-number, .multi-steps .multi-steps__step.visited:nth-child(1) .multi-steps__step-number {
        color: #eee9e3; }
      .multi-steps .multi-steps__step.current:nth-child(2) .multi-steps__progress-bar:after, .multi-steps .multi-steps__step.visited:nth-child(2) .multi-steps__progress-bar:after {
        background-color: #8fbacb; }
      .multi-steps .multi-steps__step.current:nth-child(2) .multi-steps__step-number, .multi-steps .multi-steps__step.visited:nth-child(2) .multi-steps__step-number {
        color: #8fbacb; }
      .multi-steps .multi-steps__step.current:nth-child(3) .multi-steps__progress-bar:after, .multi-steps .multi-steps__step.visited:nth-child(3) .multi-steps__progress-bar:after {
        background-color: #edc4d2; }
      .multi-steps .multi-steps__step.current:nth-child(3) .multi-steps__step-number, .multi-steps .multi-steps__step.visited:nth-child(3) .multi-steps__step-number {
        color: #edc4d2; }
      .multi-steps .multi-steps__step.current:nth-child(4) .multi-steps__progress-bar:after, .multi-steps .multi-steps__step.visited:nth-child(4) .multi-steps__progress-bar:after {
        background-color: #eebba8; }
      .multi-steps .multi-steps__step.current:nth-child(4) .multi-steps__step-number, .multi-steps .multi-steps__step.visited:nth-child(4) .multi-steps__step-number {
        color: #eebba8; }
      .multi-steps .multi-steps__step.current:nth-child(5) .multi-steps__progress-bar:after, .multi-steps .multi-steps__step.visited:nth-child(5) .multi-steps__progress-bar:after {
        background-color: #a8d7b6; }
      .multi-steps .multi-steps__step.current:nth-child(5) .multi-steps__step-number, .multi-steps .multi-steps__step.visited:nth-child(5) .multi-steps__step-number {
        color: #a8d7b6; }
  .no-touch .multi-steps a:hover {
    /* steps already visited */
    color: black; }
  @media screen and (min-width: 769px) {
    .multi-steps {
      max-width: 1000px;
      width: 80%;
      margin: auto; }
      .multi-steps .multi-steps__step {
        font-size: 1em; } }

.msf-view {
  display: none;
  width: 100%; }
  @media screen and (min-width: 769px) {
    .msf-view {
      max-width: 550px; } }
  @media screen and (min-width: 769px) {
    .msf-view .flex-2-col {
      margin-bottom: 20px; } }

.basics .btn.btn--quiz:not([disabled]), .basics .btn--quiz.btn--secondary:not([disabled]) {
  background-color: #eee9e3;
  color: black; }
.skin .btn.btn--quiz:not([disabled]), .skin .btn--quiz.btn--secondary:not([disabled]) {
  background-color: #8fbacb;
  color: black; }
.environment .btn.btn--quiz:not([disabled]), .environment .btn--quiz.btn--secondary:not([disabled]) {
  background-color: #edc4d2;
  color: black; }
.lifestyle .btn.btn--quiz:not([disabled]), .lifestyle .btn--quiz.btn--secondary:not([disabled]) {
  background-color: #eebba8;
  color: black; }
.goals .btn.btn--quiz:not([disabled]), .goals .btn--quiz.btn--secondary:not([disabled]) {
  background-color: #a8d7b6;
  color: black; }

.btn.btn--quiz, .btn--quiz.btn--secondary {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  width: 210px;
  height: 50px;
  margin: 25px; }

.msf-content {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  position: relative; }

.quiz__headline {
  padding: 10px 0;
  text-align: left;
  text-transform: uppercase; }
  @media screen and (min-width: 769px) {
    .quiz__headline {
      padding: 40px 0; } }
  .quiz__headline.quiz__headline--checkbox {
    padding-bottom: 0; }
  @media screen and (min-width: 769px) {
    .quiz__headline.quiz__headline--age {
      padding: 0; } }
  .quiz__headline h6, .quiz__headline .h6 {
    position: relative;
    letter-spacing: 1px; }
    .quiz__headline h6 .tooltip, .quiz__headline .h6 .tooltip {
      position: absolute;
      margin: 0 6px; }
      @media screen and (min-width: 769px) {
        .quiz__headline h6 .tooltip, .quiz__headline .h6 .tooltip {
          top: -3px; } }

.msf-navigation {
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  margin-top: 25px; }

.msf-nav-button {
  display: none; }

.radio-input-wrap {
  text-align: center;
  width: 100%;
  position: relative;
  color: #ebebeb; }
  .basics .radio-input-wrap {
    color: #eee9e3; }
  .skin .radio-input-wrap {
    color: #8fbacb; }
  .environment .radio-input-wrap {
    color: #edc4d2; }
  .lifestyle .radio-input-wrap {
    color: #eebba8; }
  .goals .radio-input-wrap {
    color: #a8d7b6; }
  @media screen and (min-width: 769px) {
    .radio-input-wrap:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      border-top: 3px solid;
      width: 100%;
      transform: translateY(-50%); } }

.radio-input-container {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 25px;
  flex-direction: column; }
  @media screen and (min-width: 769px) {
    .radio-input-container {
      flex-direction: row;
      margin-bottom: 50px; } }
  .radio-input-container .radio-input {
    display: flex;
    padding: 0;
    flex-direction: row;
    margin: 10px;
    color: black; }
    @media screen and (min-width: 769px) {
      .radio-input-container .radio-input {
        display: inline-block;
        padding: 0 20px;
        margin: 0; } }
    .radio-input-container .radio-input:first-child {
      padding-left: 0; }
    .radio-input-container .radio-input:last-child {
      padding-right: 0; }
  .radio-input-container input[type="radio"] {
    opacity: 0;
    position: absolute; }
    .radio-input-container input[type="radio"] + label {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: row; }
      @media screen and (min-width: 769px) {
        .radio-input-container input[type="radio"] + label {
          flex-direction: column; } }
      .radio-input-container input[type="radio"] + label .radio-input__dot {
        display: inline-block;
        width: 30px;
        height: 30px;
        vertical-align: middle;
        cursor: pointer;
        border-radius: 50%;
        border: 3px solid;
        background-color: white;
        background-repeat: no-repeat;
        background-position: center;
        text-align: center;
        line-height: 44px;
        flex-shrink: 0; }
        @media screen and (min-width: 769px) {
          .radio-input-container input[type="radio"] + label .radio-input__dot {
            flex-shrink: inherit; } }
        .basics .radio-input-container input[type="radio"] + label .radio-input__dot {
          color: #eee9e3; }
        .skin .radio-input-container input[type="radio"] + label .radio-input__dot {
          color: #8fbacb; }
        .environment .radio-input-container input[type="radio"] + label .radio-input__dot {
          color: #edc4d2; }
        .lifestyle .radio-input-container input[type="radio"] + label .radio-input__dot {
          color: #eebba8; }
        .goals .radio-input-container input[type="radio"] + label .radio-input__dot {
          color: #a8d7b6; }
      .radio-input-container input[type="radio"] + label .radio-input__label {
        text-align: left;
        padding-left: 17px;
        line-height: 1.2; }
        @media screen and (min-width: 769px) {
          .radio-input-container input[type="radio"] + label .radio-input__label {
            top: 45px;
            position: absolute;
            width: 40%;
            text-align: center;
            padding: 0; } }
    .radio-input-container input[type="radio"]:checked + label .radio-input__dot {
      background-color: black; }
      .basics .radio-input-container input[type="radio"]:checked + label .radio-input__dot {
        background-color: #eee9e3;
        border: 3px solid #eee9e3; }
      .skin .radio-input-container input[type="radio"]:checked + label .radio-input__dot {
        background-color: #8fbacb;
        border: 3px solid #8fbacb; }
      .environment .radio-input-container input[type="radio"]:checked + label .radio-input__dot {
        background-color: #edc4d2;
        border: 3px solid #edc4d2; }
      .lifestyle .radio-input-container input[type="radio"]:checked + label .radio-input__dot {
        background-color: #eebba8;
        border: 3px solid #eebba8; }
      .goals .radio-input-container input[type="radio"]:checked + label .radio-input__dot {
        background-color: #a8d7b6;
        border: 3px solid #a8d7b6; }

.checkbox-container {
  display: flex;
  justify-content: space-between;
  position: relative;
  flex-direction: column; }
  .checkbox-container .checkbox {
    display: flex;
    padding: 0;
    flex-direction: row;
    margin: 10px; }
  .checkbox-container input[type="checkbox"] {
    visibility: hidden;
    position: absolute; }
    .checkbox-container input[type="checkbox"]:checked ~ .checkbox__dot {
      background-color: black; }
      .basics .checkbox-container input[type="checkbox"]:checked ~ .checkbox__dot {
        background-color: #eee9e3;
        border: 2px solid #eee9e3; }
      .skin .checkbox-container input[type="checkbox"]:checked ~ .checkbox__dot {
        background-color: #8fbacb;
        border: 2px solid #8fbacb; }
      .environment .checkbox-container input[type="checkbox"]:checked ~ .checkbox__dot {
        background-color: #edc4d2;
        border: 2px solid #edc4d2; }
      .lifestyle .checkbox-container input[type="checkbox"]:checked ~ .checkbox__dot {
        background-color: #eebba8;
        border: 2px solid #eebba8; }
      .goals .checkbox-container input[type="checkbox"]:checked ~ .checkbox__dot {
        background-color: #a8d7b6;
        border: 2px solid #a8d7b6; }
  .checkbox-container label {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row; }
    .checkbox-container label .checkbox__dot {
      display: inline-block;
      width: 30px;
      height: 30px;
      vertical-align: middle;
      cursor: pointer;
      border-radius: 50%;
      border: 3px solid;
      background-color: white;
      background-repeat: no-repeat;
      background-position: center;
      text-align: center;
      line-height: 44px;
      flex-shrink: 0; }
      .goals .checkbox-container label .checkbox__dot {
        color: #a8d7b6; }
    .checkbox-container label .checkbox__label {
      text-align: left;
      padding-left: 17px;
      line-height: 1.2; }

.quiz-number-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 40px; }

.quiz-number-input {
  position: relative;
  background-color: white;
  overflow: hidden;
  display: block;
  width: fit-content;
  border-bottom: 3px solid black;
  margin-bottom: 20px; }
  .quiz-number-input input {
    position: relative;
    display: block;
    padding: 0;
    border: 0;
    margin: 0 auto;
    text-align: center;
    color: black;
    font-size: 25px;
    font-family: "Cartograph-Mono", Roboto, sans-serif;
    font-weight: 100;
    z-index: 1; }
    .quiz-number-input input[type=number]::-webkit-inner-spin-button, .quiz-number-input input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .quiz-number-input input [type=number] {
      -moz-appearance: textfield; }

.flex-2-col {
  display: flex;
  justify-content: center; }
  .flex-2-col .col {
    width: 50%;
    margin: 0 0 25px;
    min-width: unset; }
  .flex-2-col .select {
    width: 100%; }
  .flex-2-col .quiz__headline {
    text-align: left; }

.loading {
  display: none;
  position: fixed;
  z-index: 999;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: white; }

.loading__copy {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%; }

.tooltip {
  display: inline-block;
  text-align: center;
  width: 25px;
  height: 25px;
  font-size: 15px;
  line-height: 1.4;
  border-radius: 100%;
  color: white; }
  .basics .tooltip {
    background-color: #eee9e3;
    border: 2px solid #eee9e3; }
  .skin .tooltip {
    background-color: #8fbacb;
    border: 2px solid #8fbacb; }
  .environment .tooltip {
    background-color: #edc4d2;
    border: 2px solid #edc4d2; }
  .lifestyle .tooltip {
    background-color: #eebba8;
    border: 2px solid #eebba8; }
  .goals .tooltip {
    background-color: #a8d7b6;
    border: 2px solid #a8d7b6; }

.image-bar__content--center {
  display: flex;
  justify-content: center; }

.homepage-icon {
  width: 30px;
  height: 30px; }

.sitewide--title-image-bar {
  margin-bottom: 30px; }

.homepage-sections--title {
  letter-spacing: 1px; }
  @media screen and (min-width: 769px) {
    .homepage-sections--title {
      margin-bottom: 30px; } }

/*============================================================================
  Quiz Results Page - Collection Page
==============================================================================*/
.results-page {
  max-width: 900px;
  margin: 25px auto 0;
  padding: 0 20px; }
  @media screen and (min-width: 769px) {
    .results-page {
      margin: 50px auto 0; } }

.results-page__title {
  font-size: 1.5em;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.9;
  letter-spacing: 3px; }
  @media screen and (min-width: 1200px) {
    .results-page__title {
      font-size: 2.76923em; } }

.results-page__title-thin {
  font-weight: 300; }
  @media screen and (min-width: 1200px) {
    .results-page__title-thin {
      font-size: 2rem; } }

.results-page__description {
  margin: 25px auto; }

.results-page__subhead {
  display: flex;
  align-items: flex-end;
  margin-bottom: 40px; }
  .results-page__subhead:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 3px;
    background: black; }
  .results-page__subhead h4, .results-page__subhead .h4 {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    flex-shrink: 0;
    margin: 0 15px -6px 0; }

.product-grid--product-title {
  display: inline-block;
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-size: .7rem;
  text-transform: uppercase;
  line-height: 1.5;
  min-height: 55px; }
  @media screen and (min-width: 769px) {
    .product-grid--product-title {
      font-size: .75rem; } }
  .product-grid--product-title:hover {
    color: #8e8e8e; }
  .results-page__product .product-grid--product-title {
    font-size: 1rem; }

.product-grid--title {
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-weight: 700;
  text-transform: uppercase; }

.grid-view-item .product-grid--subtitle {
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  text-transform: uppercase; }
.grid-view-item .highlight-best-seller-badge {
  background: white;
  color: black;
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  padding: 3px;
  position: absolute;
  top: 5px;
  right: 5px;
  text-transform: uppercase;
  z-index: 9; }

.product-description {
  margin: 15px 0; }

.product-item--price {
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-size: 1em;
  margin: 15px 0; }

.tags-list a:hover {
  color: #8e8e8e; }

.product-tags-title {
  font-weight: 900;
  text-transform: uppercase;
  margin: 0; }

.product-tags-list {
  margin: 0; }
  .product-tags-list li {
    list-style: none; }
    .product-tags-list li span {
      margin-right: 5px; }

.product__container {
  margin: 20px 0; }
  .indiv-search-listing-grid .product__container {
    margin: 5px 0; }

.product__price {
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-size: 1.2em;
  font-weight: 700; }
  .indiv-search-listing-grid .product__price {
    font-size: 1em; }

.product__price--compare,
.product__price--bundle {
  margin-left: 2px; }

.product__price--compare {
  text-decoration: line-through; }

.btn--results-page {
  text-transform: uppercase; }

.results-page__product.grid-view-item {
  text-align: left;
  margin-bottom: 40px;
  margin-left: initial; }
  @media screen and (min-width: 769px) {
    .results-page__product.grid-view-item {
      margin-left: -30px;
      margin-bottom: 0; } }
  .results-page__product.grid-view-item .grid__item {
    margin-top: 0; }

.results-page__add-all {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid black; }
  .results-page__add-all .btn--results-page {
    margin: 20px 0; }

.results-section-header {
  background: #f8f8f8;
  margin-bottom: 40px; }
  .results-section-header .results-section-header__row {
    display: flex;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 0;
    flex-direction: column; }
    @media screen and (min-width: 767px) {
      .results-section-header .results-section-header__row {
        flex-direction: row; } }
  .results-section-header.results-section-header--has-image .results-section-header__col {
    width: 100%;
    padding: 0 20px; }
    @media screen and (min-width: 767px) {
      .results-section-header.results-section-header--has-image .results-section-header__col {
        width: 50%; }
        .results-section-header.results-section-header--has-image .results-section-header__col:first-child {
          padding-right: 20px; }
        .results-section-header.results-section-header--has-image .results-section-header__col:last-child {
          padding-left: 20px; } }

.recycling-program-header {
  background: #EEF0F2;
  margin-bottom: 40px;
  border-bottom: none; }
  .recycling-program-header .recycling-program-header__row {
    display: flex;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 0;
    flex-direction: column-reverse; }
    @media screen and (min-width: 767px) {
      .recycling-program-header .recycling-program-header__row {
        flex-direction: row; } }
  .recycling-program-header.recycling-program-header--has-image .recycling-program-header__col {
    width: 100%;
    padding: 0 20px; }
    @media screen and (min-width: 767px) {
      .recycling-program-header.recycling-program-header--has-image .recycling-program-header__col {
        width: 50%; }
        .recycling-program-header.recycling-program-header--has-image .recycling-program-header__col:first-child {
          padding-right: 20px; }
        .recycling-program-header.recycling-program-header--has-image .recycling-program-header__col:last-child {
          padding-left: 20px; } }

.recycling-program__title {
  font-size: 2.5em;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 3px; }
  @media screen and (min-width: 1200px) {
    .recycling-program__title {
      font-size: 2.76923em; } }

.recycling-program__description {
  margin: 25px auto; }

.recycling-program-content {
  margin: auto;
  background: #f8f8f8;
  padding-bottom: 30px; }
  @media screen and (min-width: 770px) {
    .recycling-program-content {
      padding: 60px 0; } }

.recycling-program-content-row {
  display: grid;
  grid-template-columns: 1fr; }
  @media screen and (min-width: 770px) {
    .recycling-program-content-row {
      grid-template-columns: 1fr 2fr;
      grid-gap: 40px; } }
  .recycling-program-content-row h2, .recycling-program-content-row .h2 {
    background: white;
    display: inline-block;
    padding: 35px 0;
    font-weight: 100;
    width: 100%;
    font-size: 2.5em; }
    @media screen and (min-width: 770px) {
      .recycling-program-content-row h2, .recycling-program-content-row .h2 {
        width: auto;
        padding: 10px 20px; } }
  .recycling-program-content-row .recycling-program-content-col:first-child {
    text-align: center; }
    @media screen and (min-width: 770px) {
      .recycling-program-content-row .recycling-program-content-col:first-child {
        text-align: right; } }

.recycling-program-content-block {
  display: flex;
  flex-direction: column;
  grid-gap: 40px;
  align-items: center; }
  @media screen and (min-width: 770px) {
    .recycling-program-content-block {
      align-items: flex-start;
      flex-direction: row;
      margin-bottom: 20px; } }
  .recycling-program-content-block h3, .recycling-program-content-block .h3 {
    text-transform: uppercase;
    text-align: center; }
    @media screen and (min-width: 770px) {
      .recycling-program-content-block h3, .recycling-program-content-block .h3 {
        text-align: left; } }
  .recycling-program-content-block .recycling-program-content-block-col.img img {
    width: 100px;
    flex-shrink: 0; }
  .recycling-program-content-block .recycling-program-content-block-col--text {
    width: 100%;
    max-width: 500px; }
    @media screen and (min-width: 770px) {
      .recycling-program-content-block .recycling-program-content-block-col--text {
        padding-right: 40px; } }

.recycling-program-content-block-icon {
  max-width: 150px;
  margin: auto; }

.recycling-program-content-block-copy {
  padding: 20px;
  max-width: 400px;
  margin: auto; }
  @media screen and (min-width: 770px) {
    .recycling-program-content-block-copy {
      max-width: none;
      padding: 0;
      margin: 0; } }

.recycling-program-content-disclaimer {
  font-size: 12px;
  text-align: center;
  color: #656565;
  padding: 20px;
  max-width: 400px;
  margin: auto; }
  @media screen and (min-width: 770px) {
    .recycling-program-content-disclaimer {
      max-width: none; } }

.recycling-program-footer .container {
  max-width: 1000px;
  width: 95%;
  margin: 0 auto; }

.collection-grid--recycling-program {
  max-width: 1200px;
  padding: 20px; }
  @media screen and (min-width: 770px) {
    .collection-grid--recycling-program {
      margin: 60px auto; } }

.recycling-program-footnotes {
  background: black;
  color: white;
  padding: 60px 0; }
  .recycling-program-footnotes .container {
    max-width: 1200px;
    width: 95%;
    margin: 0 auto; }

.recycling-program-footnotes__body p {
  margin: 0; }

.recycling-program-footer-inner {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 30px;
  margin: 30px auto;
  justify-content: center; }
  @media screen and (min-width: 768px) {
    .recycling-program-footer-inner {
      display: flex;
      justify-content: space-between;
      margin: 60px auto; } }

.recycling-program-footer__icon {
  width: 30px; }
  @media screen and (min-width: 768px) {
    .recycling-program-footer__icon {
      width: 40px; } }

.recycling-program-footer__item {
  display: flex;
  align-items: center; }

.recycling-program-footer__name {
  display: block;
  font-family: "Cartograph-Mono";
  font-size: 1rem;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1; }
  @media screen and (min-width: 769px) {
    .recycling-program-footer__name {
      font-size: 1rem; } }
  @media screen and (min-width: 1200px) {
    .recycling-program-footer__name {
      font-size: 1.2rem; } }

.about__banner {
  width: 100%;
  position: relative;
  padding-top: 44.628%; }

.about__banner-image {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: auto; }

.about__banner-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }
  @media screen and (min-width: 769px) {
    .about__banner-details {
      align-items: flex-end;
      position: absolute;
      top: 0;
      right: 4em;
      height: 100%; } }

.about__banner-headline {
  font-size: 2.3em;
  color: black;
  letter-spacing: 7px;
  line-height: 1.2;
  margin: 20px; }
  @media screen and (min-width: 769px) {
    .about__banner-headline {
      font-size: 2.75em;
      color: white; } }
  @media screen and (min-width: 770px) {
    .about__banner-headline {
      font-size: 3em; } }
  @media screen and (min-width: 1200px) {
    .about__banner-headline {
      font-size: 4em;
      margin-right: 12%; } }

.about__banner-subhead {
  font-size: 1.25em;
  line-height: 1.9;
  color: black;
  margin: 20px; }
  @media screen and (min-width: 769px) {
    .about__banner-subhead {
      font-size: 1.1em;
      line-height: 1.5;
      margin-right: 5%;
      color: white;
      max-width: 400px; } }
  @media screen and (min-width: 770px) {
    .about__banner-subhead {
      font-size: 1.2em;
      max-width: 450px; } }
  @media screen and (min-width: 1200px) {
    .about__banner-subhead {
      font-size: 1.75em;
      line-height: 1.9;
      max-width: 650px; } }

.mega-header {
  background: transparent;
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 0; }
  @media screen and (min-width: 769px) {
    .mega-header {
      background: #BBC7CB; } }

.mega-header__inside {
  display: block; }
  @media screen and (min-width: 1200px) {
    .mega-header__inside {
      display: grid;
      grid-column-gap: 24px;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: repeat(3, 1fr);
      grid-column-gap: 28px;
      padding: 2rem;
      margin-left: auto;
      margin-right: auto;
      height: 100%;
      grid-template-columns: repeat(12, 1fr);
      grid-template-rows: repeat(4, 1fr);
      padding: 0; } }

.mega-header-image {
  width: 100%;
  height: 0;
  padding-top: 66.64%;
  background-image: url("/cdn/shop/t/614/assets/about-hero.jpg?v=152048556056329150441690848607");
  background-size: cover;
  background-repeat: no-repeat; }
  @media screen and (min-width: 1200px) {
    .mega-header-image {
      grid-row: 1 / -1;
      grid-column: 1 / -1;
      background-size: cover;
      padding-top: 0;
      height: 100%; } }

.mega-header__headline {
  position: relative;
  z-index: 1;
  font-size: 2.3em;
  color: black;
  letter-spacing: 7px;
  line-height: 1.2;
  margin: 20px;
  grid-column: 1 / 5;
  grid-row: 2; }
  @media screen and (min-width: 480px) {
    .mega-header__headline {
      grid-row: 3; } }
  @media screen and (min-width: 769px) {
    .mega-header__headline {
      font-size: 3.5em;
      grid-column: 5 / 13;
      grid-row: 2; } }
  @media screen and (min-width: 1200px) {
    .mega-header__headline {
      font-size: 4.5em; } }

.mega-header__header-sub {
  position: relative;
  z-index: 1;
  font-size: 1.25em;
  line-height: 1.9;
  grid-column: 1 / 5;
  grid-row: 3;
  color: black;
  margin: 20px; }
  @media screen and (min-width: 480px) {
    .mega-header__header-sub {
      grid-row: 4; } }
  @media screen and (min-width: 769px) {
    .mega-header__header-sub {
      grid-column: 7 / 13;
      grid-row: 3;
      font-size: 1.75em;
      color: white; } }

.about__section {
  padding: 20px;
  position: relative; }
  @media screen and (min-width: 769px) {
    .about__section {
      padding: 120px 0; } }

.about__text-image {
  background-color: #f3f3f3; }

.about__text-image-grid {
  max-width: 1200px;
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    .about__text-image-grid {
      display: flex; } }

@media screen and (min-width: 767px) {
  .about__text-image-grid-item--girl {
    max-width: 300px; } }
@media screen and (min-width: 769px) {
  .about__text-image-grid-item--girl {
    max-width: 450px; } }

.about__text-image-head-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start; }

.about__text-image-head {
  font-size: 12em;
  font-weight: 400;
  margin: 0 0 15px;
  line-height: 1; }

.about__text-image-subhead {
  font-size: 1.7em;
  font-weight: 100; }
  @media screen and (min-width: 769px) {
    .about__text-image-subhead {
      font-size: 2.154em;
      position: relative;
      left: 27%;
      margin-bottom: 40px; } }

.about__text-image-grid-item {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  width: 100%; }
  .about__text-image-grid-item:nth-child(2) {
    align-items: flex-start; }

.about__text-image-copy {
  font-size: 1.231em;
  line-height: 2;
  letter-spacing: 1px;
  max-width: 400px;
  width: 100%;
  text-align: left; }
  @media screen and (min-width: 769px) {
    .about__text-image-copy {
      margin: 40px; } }

.about__text-regular {
  font-size: .9rem;
  line-height: 1.75;
  margin-bottom: 1.2em; }

.about__text-bold {
  font-size: 1.5em;
  font-weight: 500; }

.about__section--highlights {
  margin: 0 20px; }
  @media screen and (min-width: 769px) {
    .about__section--highlights {
      margin: 0 120px; } }

.about__section-headline {
  font-size: 2em; }

.about__section-headline-1 {
  font-size: 2.3em; }

.about__section-headline, .about__section-headline-1 {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.8em; }
  @media screen and (min-width: 769px) {
    .about__section-headline, .about__section-headline-1 {
      font-size: 2em;
      margin-bottom: 0; } }

.about__section-highlights-grid {
  max-width: 1200px;
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    .about__section-highlights-grid {
      display: flex;
      flex-wrap: wrap;
      margin-left: 33.33333333334%; } }

.about__section-highlights-grid-item {
  padding-top: 10px;
  padding-bottom: 10px; }
  @media screen and (min-width: 769px) {
    .about__section-highlights-grid-item {
      width: 50%;
      padding-top: 25px;
      padding-bottom: 25px; } }

.about-icon {
  width: 40px;
  height: 40px; }

.about__highlights-headline {
  font-size: 1em;
  margin: 20px 0 10px;
  text-transform: uppercase; }
  @media screen and (min-width: 769px) {
    .about__highlights-headline {
      font-size: 1.33333em; } }

.about__highlights-detail {
  font-size: 1em;
  letter-spacing: 1px; }
  @media screen and (min-width: 769px) {
    .about__highlights-detail {
      max-width: 330px; } }
  .about__highlights-detail p > a {
    text-decoration: underline; }

.ingredients__headline-container {
  margin: 10px 0; }

.ingredients__headline {
  margin-bottom: 0;
  font-weight: 600; }

.about__section--clean {
  background-color: #F6F3F4;
  padding: 0; }

.about__section--clean-grid {
  max-width: 1200px;
  align-items: center;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 769px) {
    .about__section--clean-grid {
      display: flex; } }

@media screen and (min-width: 769px) {
  .about__section--clean-image-container {
    width: 40%; } }

.about__section--clean-headline-container {
  margin-bottom: 1.875rem;
  padding: 20px; }
  @media screen and (min-width: 769px) {
    .about__section--clean-headline-container {
      margin-top: 1.8rem; } }

.about__section--clean-list-grid {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  list-style: none;
  font-size: 1em;
  letter-spacing: 1.5px;
  margin: 0;
  text-transform: uppercase; }

.about__section--clean-headline {
  text-transform: uppercase; }

.about__section--clean-copy {
  max-width: 420px;
  margin: 40px;
  font-size: 1.231em;
  letter-spacing: 1px; }

.about__section--clean-footnote p {
  margin-top: 20px; }
  @media screen and (min-width: 1200px) {
    .about__section--clean-footnote p {
      margin-left: 50%; } }

.about__section--links {
  padding: 0; }
  @media screen and (min-width: 1200px) {
    .about__section--links {
      padding: 0 120px; } }

@media screen and (min-width: 769px) {
  .about__section--links-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px; } }

.about__section--links-grid-item {
  display: block; }
  @media screen and (min-width: 769px) {
    .about__section--links-grid-item {
      width: 50%;
      padding: 20px; } }

.about__section--links-grid-link-bg {
  position: relative;
  padding: 10% 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .about__section--links-grid-link-bg:hover .homepage-featured-box-btn {
    color: black;
    background-color: white; }
  .about__section--links-grid-link-bg .homepage-featured-box-btn {
    position: absolute;
    left: 50%;
    z-index: 1;
    font-size: 1em;
    text-transform: uppercase;
    transform: translateX(-50%); }
    @media screen and (min-width: 769px) {
      .about__section--links-grid-link-bg .homepage-featured-box-btn {
        font-size: 1em; } }

.about__section--logos {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  padding: 40px 0;
  margin: auto; }
  .about__section--logos .about__section--logos-item {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    @media screen and (min-width: 769px) {
      .about__section--logos .about__section--logos-item {
        width: 25%; } }
  .about__section--logos .about__section--logos-link {
    max-width: 200px;
    margin: auto; }
  .about__section--logos .about__section--logos-head {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-family: "Cartograph-Mono";
    line-height: 1.7;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 20px;
    min-height: 46px; }
  .about__section--logos .about__section--logos-subhead {
    margin-top: 10px;
    text-align: center; }
  .about__section--logos .about__section--logos-image {
    width: 100%;
    max-width: 60px;
    margin: auto; }

/*
 *  webui popover plugin  - v1.2.17
 *  A lightWeight popover plugin with jquery ,enchance the  popover plugin of bootstrap with some awesome new features. It works well with bootstrap ,but bootstrap is not necessary!
 *  https://github.com/sandywalker/webui-popover
 *
 *  Made by Sandy Duan
 *  Under MIT License
 */
.webui-popover-content {
  display: none; }

.webui-popover-rtl {
  direction: rtl;
  text-align: right; }

/*  webui popover  */
.webui-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  min-width: 50px;
  min-height: 32px;
  padding: 20px;
  font-size: 12px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  background-clip: padding-box;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  max-width: 300px; }
  @media screen and (min-width: 769px) {
    .webui-popover {
      max-width: 350px; } }

.webui-popover.top,
.webui-popover.top-left,
.webui-popover.top-right {
  margin-top: -10px; }

.webui-popover.right,
.webui-popover.right-top,
.webui-popover.right-bottom {
  margin-left: 10px; }

.webui-popover.bottom,
.webui-popover.bottom-left,
.webui-popover.bottom-right {
  margin-top: 10px; }

.webui-popover.left,
.webui-popover.left-top,
.webui-popover.left-bottom {
  margin-left: -10px; }

.webui-popover.pop {
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
  -o-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
  transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
  opacity: 0;
  filter: alpha(opacity=0); }

.webui-popover.pop-out {
  -webkit-transition-property: "opacity,transform";
  -o-transition-property: "opacity,transform";
  transition-property: "opacity,transform";
  -webkit-transition: 0.15s linear;
  -o-transition: 0.15s linear;
  transition: 0.15s linear;
  opacity: 0;
  filter: alpha(opacity=0); }

.webui-popover.fade,
.webui-popover.fade-out {
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  opacity: 0;
  filter: alpha(opacity=0); }

.webui-popover.out {
  opacity: 0;
  filter: alpha(opacity=0); }

.webui-popover.in {
  -webkit-transform: none;
  -o-transform: none;
  transform: none;
  opacity: 1;
  filter: alpha(opacity=100); }

.webui-popover .webui-popover-content {
  overflow: auto;
  display: block; }

.webui-popover .webui-popover-content > div:first-child {
  width: 99%; }

.webui-popover-inner .close {
  font-family: arial;
  margin: 8px 10px 0 0;
  float: right;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  color: #000000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  text-decoration: none; }

.webui-popover-inner .close:hover,
.webui-popover-inner .close:focus {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.webui-popover-inner .close:after {
  content: "\00D7";
  width: 0.8em;
  height: 0.8em;
  padding: 4px;
  position: relative; }

.webui-popover-title {
  display: inline-block;
  padding: 5px 10px;
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  background-color: black;
  color: white;
  text-transform: uppercase; }

.webui-popover-content {
  overflow: auto;
  display: none; }

.webui-popover-inverse {
  background-color: #333333;
  color: #eeeeee; }

.webui-popover-inverse .webui-popover-title {
  background: #333333;
  border-bottom: 1px solid #3b3b3b;
  color: #eeeeee; }

.webui-no-padding .webui-popover-content {
  padding: 0; }

.webui-no-padding .list-group-item {
  border-right: none;
  border-left: none; }

.webui-no-padding .list-group-item:first-child {
  border-top: 0; }

.webui-no-padding .list-group-item:last-child {
  border-bottom: 0; }

.webui-popover > .webui-arrow,
.webui-popover > .webui-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.webui-popover > .webui-arrow {
  border-width: 11px; }

.webui-popover > .webui-arrow:after {
  border-width: 10px;
  content: ""; }

.webui-popover.top > .webui-arrow,
.webui-popover.top-right > .webui-arrow,
.webui-popover.top-left > .webui-arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0; }

.webui-popover.top > .webui-arrow:after,
.webui-popover.top-right > .webui-arrow:after,
.webui-popover.top-left > .webui-arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0; }

.webui-popover.right > .webui-arrow,
.webui-popover.right-top > .webui-arrow,
.webui-popover.right-bottom > .webui-arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }

.webui-popover.right > .webui-arrow:after,
.webui-popover.right-top > .webui-arrow:after,
.webui-popover.right-bottom > .webui-arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff; }

.webui-popover.bottom > .webui-arrow,
.webui-popover.bottom-right > .webui-arrow,
.webui-popover.bottom-left > .webui-arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0; }

.webui-popover.bottom > .webui-arrow:after,
.webui-popover.bottom-right > .webui-arrow:after,
.webui-popover.bottom-left > .webui-arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0; }

.webui-popover.left > .webui-arrow,
.webui-popover.left-top > .webui-arrow,
.webui-popover.left-bottom > .webui-arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }

.webui-popover.left > .webui-arrow:after,
.webui-popover.left-top > .webui-arrow:after,
.webui-popover.left-bottom > .webui-arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px; }

.webui-popover-inverse.top > .webui-arrow,
.webui-popover-inverse.top-left > .webui-arrow,
.webui-popover-inverse.top-right > .webui-arrow,
.webui-popover-inverse.top > .webui-arrow:after,
.webui-popover-inverse.top-left > .webui-arrow:after,
.webui-popover-inverse.top-right > .webui-arrow:after {
  border-top-color: #333333; }

.webui-popover-inverse.right > .webui-arrow,
.webui-popover-inverse.right-top > .webui-arrow,
.webui-popover-inverse.right-bottom > .webui-arrow,
.webui-popover-inverse.right > .webui-arrow:after,
.webui-popover-inverse.right-top > .webui-arrow:after,
.webui-popover-inverse.right-bottom > .webui-arrow:after {
  border-right-color: #333333; }

.webui-popover-inverse.bottom > .webui-arrow,
.webui-popover-inverse.bottom-left > .webui-arrow,
.webui-popover-inverse.bottom-right > .webui-arrow,
.webui-popover-inverse.bottom > .webui-arrow:after,
.webui-popover-inverse.bottom-left > .webui-arrow:after,
.webui-popover-inverse.bottom-right > .webui-arrow:after {
  border-bottom-color: #333333; }

.webui-popover-inverse.left > .webui-arrow,
.webui-popover-inverse.left-top > .webui-arrow,
.webui-popover-inverse.left-bottom > .webui-arrow,
.webui-popover-inverse.left > .webui-arrow:after,
.webui-popover-inverse.left-top > .webui-arrow:after,
.webui-popover-inverse.left-bottom > .webui-arrow:after {
  border-left-color: #333333; }

.webui-popover i.icon-refresh:before {
  content: ""; }

.webui-popover i.icon-refresh {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 20px;
  top: 50%;
  left: 50%;
  position: absolute;
  margin-left: -15px;
  margin-right: -15px;
  background: url(../img/loading.gif) no-repeat; }

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }

.webui-popover-backdrop {
  background-color: rgba(0, 0, 0, 0.65);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998; }

.webui-popover .dropdown-menu {
  display: block;
  position: relative;
  top: 0;
  border: none;
  box-shadow: none;
  float: none; }

#versed-skincare-clean-skincare-faq .main-content {
  padding-top: 20px; }
  @media screen and (min-width: 770px) {
    #versed-skincare-clean-skincare-faq .main-content {
      padding-top: 50px; } }

.faq .page--title {
  font-size: 2em;
  font-weight: 100;
  letter-spacing: 2px;
  padding-bottom: 0; }
  @media screen and (min-width: 769px) {
    .faq .page--title {
      font-size: 4em; } }
  @media screen and (min-width: 770px) {
    .faq .page--title {
      font-size: 6em; } }

/* Accordion styles */
.accordions {
  overflow: hidden; }

.accordion {
  width: 100%;
  color: white;
  overflow: hidden;
  position: relative;
  margin-bottom: 1em; }

.accordion-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 1em;
  padding-bottom: .4em;
  margin-bottom: .75em;
  font-family: "Cartograph-Mono", Roboto, sans-serif;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: 2px;
  border-bottom: 1px solid;
  color: black;
  cursor: pointer;
  text-transform: uppercase; }
  @media screen and (min-width: 769px) {
    .accordion-label {
      font-size: 2em;
      margin-bottom: .5em; } }
  .accordion-label::after {
    content: ' ';
    background-image: url("/cdn/shop/t/614/assets/icon-plus.svg?v=116808687769048070461690848696");
    background-position: center;
    background-size: 100% 100%;
    height: 20px;
    width: 20px;
    position: absolute;
    right: 0; }
    @media screen and (min-width: 770px) {
      .accordion-label::after {
        height: 28px;
        width: 28px; } }

.accordion-content {
  visibility: hidden;
  height: 0;
  max-height: 0;
  color: black;
  background: white; }
  @media screen and (min-width: 770px) {
    .accordion-content {
      margin-bottom: .3em; } }
  .accordion-content strong, .accordion-content h4, .accordion-content .h4 {
    display: block;
    font-family: "Cartograph-Mono", Roboto, sans-serif;
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #7eb892;
    font-weight: 700;
    font-style: normal;
    margin: 1.25rem 0 0.5rem;
    line-height: 1.4;
    letter-spacing: 1px; }
  .accordion-content p {
    font-size: 1.2em;
    margin-bottom: 0; }
  .accordion-content a {
    text-decoration: underline; }

.accordion-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: black;
  cursor: pointer; }

.accordion-input {
  position: absolute;
  opacity: 0;
  z-index: -1; }
  .accordion-input:checked + .accordion-label::after {
    background-image: url("/cdn/shop/t/614/assets/icon-minus.svg?v=106198352297145634491690848695"); }
  .accordion-input:checked ~ .accordion-content {
    visibility: visible;
    max-height: 100%;
    height: 100%; }

#preload {
  display: none; }

#sweepstakes-container iframe {
  margin: 0px;
  padding: 0px;
  min-height: 2500px;
  height: 100%;
  border: none;
  display: block;
  width: 100%;
  border: none;
  overflow-y: auto;
  overflow-x: hidden; }
  @media screen and (min-width: 769px) {
    #sweepstakes-container iframe {
      min-height: 1800px; } }

.sustainability .container {
  margin: 0 auto;
  max-width: 1000px;
  width: 100%; }

.sustainability-header {
  background: #afd6c3;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .sustainability-header {
      padding: 0 30px;
      margin-bottom: 0; } }
  @media screen and (min-width: 769px) {
    .sustainability-header {
      padding: 0 60px; } }

.sustainability-header__row {
  min-height: 30vh;
  padding-top: 30px;
  padding-bottom: 30px; }
  @media screen and (min-width: 768px) {
    .sustainability-header__row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  @media screen and (min-width: 769px) {
    .sustainability-header__row {
      height: 60vh; } }

@media screen and (min-width: 769px) {
  .sustainability-header__col {
    width: 50%; } }

.sustainability-header__h1 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: white;
  margin: 0 0 1rem 2rem; }
  @media screen and (min-width: 768px) {
    .sustainability-header__h1 {
      font-size: 2rem;
      padding-top: 0;
      margin: 0; } }
  @media screen and (min-width: 1200px) {
    .sustainability-header__h1 {
      font-size: 3rem; } }

.sustainability-header__p {
  font-size: .8rem;
  color: #020504;
  max-width: 15rem;
  color: #020504;
  margin: 0 0 0 5rem; }
  @media screen and (min-width: 768px) {
    .sustainability-header__p {
      max-width: 24rem;
      font-size: 1rem;
      margin: 0; } }
  @media screen and (min-width: 769px) {
    .sustainability-header__p {
      font-size: 1.2rem; } }

.sustainability-header__span {
  display: block; }
  @media screen and (min-width: 769px) {
    .sustainability-header__span {
      display: block; } }

.sustainability-icons {
  display: flex;
  flex-direction: column;
  background: #f6f3ee; }
  @media screen and (min-width: 768px) {
    .sustainability-icons {
      background: transparent;
      padding: 0 30px; } }
  @media screen and (min-width: 769px) {
    .sustainability-icons {
      padding: 0 60px;
      margin: 60px auto; } }

.sustainability-icons__wrapper {
  display: flex; }
  .sustainability-icons__wrapper.owl-carousel {
    padding: 0; }

.sustainability__header {
  display: flex;
  align-items: flex-end;
  margin: 30px; }
  @media screen and (min-width: 770px) {
    .sustainability__header {
      margin: 0; } }
  .sustainability__header .sustainability__title {
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    padding-right: 10px;
    margin-bottom: 0; }
    @media screen and (min-width: 770px) {
      .sustainability__header .sustainability__title {
        font-size: 2.5rem; } }
  .sustainability__header .sustainability__title-line {
    position: relative;
    bottom: 8px;
    width: 50px;
    height: 1px;
    background-color: black; }
    @media screen and (min-width: 770px) {
      .sustainability__header .sustainability__title-line {
        width: 120px;
        height: 2px;
        bottom: 12px; } }

.sustainability-icons__icon {
  max-width: 75px; }
  @media screen and (min-width: 768px) {
    .sustainability-icons__icon {
      max-width: 100px; } }
  @media screen and (min-width: 769px) {
    .sustainability-icons__icon {
      max-width: 150px; } }

.sustainability-icons__item {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  padding: 30px;
  margin: 0 30px 30px;
  min-height: 260px;
  border: 1px solid;
  background: white; }
  @media screen and (min-width: 768px) {
    .sustainability-icons__item {
      border: none;
      background: transparent;
      padding: 20px;
      margin: 0; } }
  .sustainability-icons__item h5, .sustainability-icons__item .h5 {
    font-size: 2rem;
    font-weight: 400;
    align-self: center; }
    @media screen and (min-width: 768px) {
      .sustainability-icons__item h5, .sustainability-icons__item .h5 {
        font-size: 3rem;
        align-self: flex-start; } }
  .sustainability-icons__item p {
    font-size: 1rem;
    line-height: 1.4;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .sustainability-icons__item p {
        font-size: 1rem; } }

.sustainability-two-column {
  background: url(/cdn/shop/files/sustainabilitypage_HAtexture-crop.png?v=1587153192) no-repeat #c8d7dd;
  background-position: 130% top;
  background-size: 62%;
  padding: 30px;
  padding: 30px; }
  @media screen and (min-width: 480px) {
    .sustainability-two-column {
      padding: 60px;
      background-size: 42%;
      background-position: right top; } }

.sustainability-two-column__headline {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 2rem; }
  @media screen and (min-width: 768px) {
    .sustainability-two-column__headline {
      font-size: 2.5rem;
      margin-bottom: 4rem; } }

.sustainability-two-column__bold-header {
  display: inline-block;
  font-family: "Cartograph-Mono";
  font-weight: 500;
  font-size: 1rem;
  background: black;
  color: white;
  text-transform: uppercase;
  line-height: 1;
  padding: 7px 4px 4px 7px;
  margin: 0 0 1rem;
  letter-spacing: 2px; }
  @media screen and (min-width: 768px) {
    .sustainability-two-column__bold-header {
      font-size: 1.4rem;
      margin: 0 0 2rem; } }

.sustainability-two-column__row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px; }
  @media screen and (min-width: 768px) {
    .sustainability-two-column__row {
      margin: auto -50px; } }

.sustainability-two-column__sub-headline {
  font-size: 1rem;
  text-transform: uppercase; }
  @media screen and (min-width: 768px) {
    .sustainability-two-column__sub-headline {
      font-size: 1.5rem; } }

.sustainability-two-column__detail {
  font-size: 1rem; }
  @media screen and (min-width: 768px) {
    .sustainability-two-column__detail {
      font-size: 1rem; } }
  .sustainability-two-column__detail a {
    text-decoration: underline; }

.sustainability-two-column__col {
  padding-left: 15px;
  padding-right: 15px;
  width: 50%; }
  @media screen and (min-width: 768px) {
    .sustainability-two-column__col {
      padding-left: 50px;
      padding-right: 50px; } }

.sustainability-two-column__item {
  margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .sustainability-two-column__item {
      margin-bottom: 60px;
      min-height: unset; } }

.sustainability-two-column-blocks {
  background: #f6f3ee;
  padding: 30px; }
  @media screen and (min-width: 770px) {
    .sustainability-two-column-blocks {
      padding: 60px; } }

.sustainability-two-column-blocks__headline {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 500; }
  @media screen and (min-width: 770px) {
    .sustainability-two-column-blocks__headline {
      font-size: 2.5rem; } }

@media screen and (min-width: 768px) {
  .sustainability-two-column-blocks__row {
    display: flex;
    margin-left: -30px;
    margin-right: -30px; } }

.sustainability-two-column-blocks__col:first-child {
  margin-bottom: 30px; }
@media screen and (min-width: 768px) {
  .sustainability-two-column-blocks__col {
    background: transparent;
    flex: 1;
    padding-left: 30px;
    padding-right: 30px; }
    .sustainability-two-column-blocks__col:first-child {
      margin: 0; } }

.sustainability-two-column-blocks__col-content {
  padding: 20px 30px;
  border: 1px solid;
  background: white; }
  .sustainability-two-column-blocks__col-content h6, .sustainability-two-column-blocks__col-content .h6 {
    font-size: 1.2rem;
    text-transform: uppercase; }
    .sustainability-two-column-blocks__col-content h6 span, .sustainability-two-column-blocks__col-content .h6 span {
      font-style: italic;
      text-decoration: underline; }
  .sustainability-two-column-blocks__col-content p {
    font-size: 1rem;
    margin: 0; }
  .sustainability-two-column-blocks__col-content a {
    text-decoration: underline; }

.sustainability-footer-inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 0 30px;
  margin: 30px auto; }
  @media screen and (min-width: 768px) {
    .sustainability-footer-inner {
      display: flex;
      justify-content: space-between;
      margin: 60px auto; } }

.sustainability-footer__icon {
  width: 30px; }
  @media screen and (min-width: 768px) {
    .sustainability-footer__icon {
      width: 40px; } }

.sustainability-footer__item {
  display: flex;
  flex: auto;
  align-items: center;
  justify-content: flex-start; }

.sustainability-footer__name {
  display: block;
  font-family: "Cartograph-Mono";
  font-size: .7rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: -7px; }
  @media screen and (min-width: 769px) {
    .sustainability-footer__name {
      font-size: 1rem; } }
  @media screen and (min-width: 1200px) {
    .sustainability-footer__name {
      font-size: 1.2rem; } }

.sustainability-footnotes {
  color: #4D4D4D;
  font-size: .6rem;
  line-height: 1.5;
  padding: 20px; }
  @media screen and (min-width: 769px) {
    .sustainability-footnotes {
      font-size: .8rem;
      padding: 30px; } }

#OutOfStockNotification {
  padding: 0;
  max-width: 400px; }

.out-of-stock-email-submit {
  font-size: .5rem;
  border: 2px solid transparent; }
  @media screen and (min-width: 769px) {
    .out-of-stock-email-submit {
      font-size: .7rem; } }
  .out-of-stock-email-submit:hover {
    border-color: black; }

.out-of-stock-email-input {
  font-size: .9rem;
  border-color: black;
  margin-right: 5px;
  color: black; }
  @media screen and (min-width: 769px) {
    .out-of-stock-email-input {
      background: #E6E6E6; } }
  .out-of-stock-email-input::placeholder, .out-of-stock-email-input::-webkit-input-placeholder, .out-of-stock-email-input:-moz-placeholder, .out-of-stock-email-input::-moz-placeholder, .out-of-stock-email-input:-ms-input-placeholder {
    text-align: center;
    color: black; }

.custom-font {
  font-family: "Cartograph-Mono"; }

.kca-form__title {
  display: none; }

#kca-forms-container {
  padding: 0 !important;
  margin-top: 40px; }
  #kca-forms-container .kca-form__input-group input {
    min-width: 220px; }
  #kca-forms-container .kca-form__input-group label {
    display: block;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px; }
    #kca-forms-container .kca-form__input-group label:after {
      content: ":"; }
  #kca-forms-container .kca-forms-wrapper {
    margin: 0;
    max-width: none;
    font-size: 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px; }
    @media screen and (min-width: 769px) {
      #kca-forms-container .kca-forms-wrapper {
        grid-template-columns: 1fr 1fr; } }
    #kca-forms-container .kca-forms-wrapper.kca-forms-wrapper--with-password-form.kca-forms-wrapper--with-info-form .kca-form {
      padding: 0;
      width: auto;
      margin: 0; }
      @media screen and (min-width: 760px) {
        #kca-forms-container .kca-forms-wrapper.kca-forms-wrapper--with-password-form.kca-forms-wrapper--with-info-form .kca-form {
          padding: 0 !important;
          width: auto !important;
          margin: 0 !important; } }

.btn--edit {
  font-size: 14px;
  margin: 20px 0; }

@media (max-width: 770px) {
  .bundle-header {
    margin-top: 20px; }
    .bundle-header .link-more-curalate {
      display: none; } }

.bundle-header.mobile {
  display: none; }
  @media (max-width: 770px) {
    .bundle-header.mobile {
      display: block;
      text-align: center;
      border: 0; }
      .bundle-header.mobile .link-more-curalate {
        display: inline-block; } }

.bundle-grid {
  display: flex; }
  .bundle-grid .bundle {
    display: flex;
    width: 50%;
    padding: 20px 50px 40px;
    align-items: flex-end; }
    @media (max-width: 1100px) {
      .bundle-grid .bundle {
        padding: 20px 20px 40px; } }
    @media (max-width: 770px) {
      .bundle-grid .bundle {
        flex-wrap: wrap;
        padding: 20px; } }
    .bundle-grid .bundle > a {
      width: 50%;
      margin-right: 20px;
      display: flex; }
      @media (max-width: 770px) {
        .bundle-grid .bundle > a {
          margin-bottom: 20px;
          margin-right: 0;
          width: 100%; } }
      .bundle-grid .bundle > a img {
        object-fit: contain;
        max-height: 340px;
        align-self: end; }
    .bundle-grid .bundle .text-content {
      font-size: 16px;
      align-self: flex-end; }
      .bundle-grid .bundle .text-content .btn, .bundle-grid .bundle .text-content .btn--secondary {
        padding: 15px 30px;
        font-size: 16px;
        margin-top: 10px; }
        @media (max-width: 460px) {
          .bundle-grid .bundle .text-content .btn, .bundle-grid .bundle .text-content .btn--secondary {
            font-size: 11px; } }
        @media (max-width: 400px) {
          .bundle-grid .bundle .text-content .btn, .bundle-grid .bundle .text-content .btn--secondary {
            padding: 15px 12px; } }
      .bundle-grid .bundle .text-content span {
        margin-right: 6px; }

.cart-upsell-products h3, .cart-upsell-products .h3 {
  font-size: 14px;
  margin: 40px 0 0 0;
  text-align: center;
  text-transform: uppercase; }
.cart-upsell-products .owl-carousel {
  margin: 10px 0 20px; }
.cart-upsell-products .grid-view-item .grid__image {
  margin: 0 auto 10px; }
.cart-upsell-products .grid-view-item .grid-view-item--desc-wrapper {
  font-size: 10px; }
  .cart-upsell-products .grid-view-item .grid-view-item--desc-wrapper [data-bv-show=rating_summary] .bv_main_container {
    margin-bottom: 10px !important; }
    .cart-upsell-products .grid-view-item .grid-view-item--desc-wrapper [data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_normal,
    .cart-upsell-products .grid-view-item .grid-view-item--desc-wrapper [data-bv-show=rating_summary] .bv_main_container .bv_main_container_line_break,
    .cart-upsell-products .grid-view-item .grid-view-item--desc-wrapper [data-bv-show=rating_summary] .bv_main_container .bv_main_container_CTA_row {
      display: none !important; }
    .cart-upsell-products .grid-view-item .grid-view-item--desc-wrapper [data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_flex {
      display: flex;
      flex-wrap: wrap; }
      .cart-upsell-products .grid-view-item .grid-view-item--desc-wrapper [data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_flex .bv_stars_component_container {
        flex-basis: 100%; }
        .cart-upsell-products .grid-view-item .grid-view-item--desc-wrapper [data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_flex .bv_stars_component_container #star-button svg {
          width: 10px !important; }
@media screen and (min-width: 769px) {
  .cart-upsell-products h3, .cart-upsell-products .h3 {
    font-size: 24px;
    margin: 40px 0 0 0; }
  .cart-upsell-products .owl-carousel {
    margin: 10px 0 40px; }
  .cart-upsell-products .grid-view-item .grid__image {
    margin: 0 auto 10px; }
  .cart-upsell-products .grid-view-item .grid-view-item--desc-wrapper {
    font-size: 14px; } }

@media screen and (max-width: 769px) {
  #shopify-section-header .header-section--wrapper {
    height: auto !important; } }

body:not(.cro-scrolled) .search-button__mobile {
  display: none; }

body.cro-scrolled:not(.mobile-search-open) {
  display: block; }

@media screen and (max-width: 769px) {
  body.mobile-search-open #shopify-section-cart-drawer {
    display: none; } }

@media screen and (max-width: 769px) {
  body.cro-searching {
    margin: 0 !important;
    overflow: auto !important;
    position: unset !important; }
    body.cro-searching #search-results__mobile {
      display: block;
      padding: 20px 40px; }
    body.cro-searching .search-form__mobile .search-close {
      display: block; }
    body.cro-searching .search-form__mobile .search-submit {
      display: none; }
    body.cro-searching #CartDrawer,
    body.cro-searching .flow-homepage,
    body.cro-searching .main-content,
    body.cro-searching #shopify-section-footer {
      display: none; } }

#search-results__mobile {
  display: none; }
  @media screen and (min-width: 770px) {
    #search-results__mobile {
      display: none !important; } }

.search-form__mobile .input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid black;
  margin-top: 10px; }
  .search-form__mobile .input-wrapper input[type="search"] {
    border: none;
    width: 100%;
    padding: 4px 30px 4px 20px;
    font-family: "Cartograph-Mono",Roboto,sans-serif; }
.search-form__mobile .search-submit, .search-form__mobile .search-close {
  border: none;
  background: none;
  position: absolute;
  right: 10px; }
.search-form__mobile .search-close {
  display: none; }
@media screen and (min-width: 770px) {
  .search-form__mobile {
    display: none !important; } }

.search-form__mobile-navbar {
  padding: 0 15px; }
  .search-form__mobile-navbar .input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    border: none;
    border-bottom: 1px solid;
    margin-top: 10px; }
    .search-form__mobile-navbar .input-wrapper input[type="search"] {
      border: none;
      width: 100%;
      padding: 4px 30px 4px 20px;
      font-family: "Cartograph-Mono",Roboto,sans-serif; }
  .search-form__mobile-navbar .search-submit, .search-form__mobile-navbar .search-close {
    border: none;
    background: none;
    position: absolute;
    right: 10px; }
  .search-form__mobile-navbar .search-close {
    display: none; }
  @media screen and (min-width: 770px) {
    .search-form__mobile-navbar {
      display: none !important; } }

.category-nav {
  list-style: none;
  margin: 0; }
  .category-nav .category-nav__group:not(:last-child) {
    border-bottom: 1px solid #000000; }

.category-nav__menu {
  display: none;
  margin: 17px 0 0 20px;
  list-style: none;
  letter-spacing: 0.98px;
  text-align: left; }
  .category-nav__menu li:not(:last-child) {
    line-height: 1;
    margin-bottom: 15px; }
  .category-nav__menu li a {
    position: relative; }
    .category-nav__menu li a:after {
      content: "";
      position: absolute;
      z-index: -1;
      right: 0;
      width: 0;
      bottom: -2px;
      background: #000;
      height: 1px; }
  .category-nav__menu li.filter--active a:after, .category-nav__menu li:hover a:after {
    left: 0;
    right: auto;
    width: 100%;
    transition-property: width;
    transition-duration: 0.3s;
    transition-timing-function: ease-out; }

.category-nav__group {
  margin-bottom: 0;
  padding: 20px 0; }
  .category-nav__group h5, .category-nav__group .h5 {
    margin-bottom: 0;
    font-family: "NeuzeitGro";
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.98px;
    text-transform: uppercase;
    margin-top: 4px; }
  .category-nav__group.opened .category--toggle {
    transform: rotate(45deg); }

.category-nav__heading {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .category-nav__heading .category--toggle {
    line-height: 1;
    font-size: 22px;
    transition: .3s;
    transform-origin: center; }

.grid-item__group {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .grid-item__group {
      flex-direction: column;
      align-items: flex-start; } }
  .grid-item__group .product-grid--price {
    font-size: 16px; }
  .grid-item__group .product-grid--price {
    margin-bottom: 2px; }
  .grid-item__group .tags-list {
    margin-bottom: 2px;
    line-height: 0; }

.collection-main-body .grid-view-item .grid__image {
  margin-bottom: 22px; }
.collection-main-body .grid-view-item .add-to-cart-button {
  max-width: 100%; }

.grid-view-item-image {
  overflow: unset; }

.badge {
  position: absolute;
  top: -13px;
  z-index: 9;
  left: 50%;
  transform: translateX(-50%);
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.91px;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  padding: 7px 15px 4px;
  background-color: #b1d3bc;
  width: max-content; }
  .badge.badge--sale {
    background-color: #e4bcab; }
  @media screen and (max-width: 767px) {
    .badge {
      font-size: 11px; } }

.options {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 8px -5px;
  position: relative; }
  .options .option-group {
    margin: 5px; }
  .options label {
    color: #bfbfbf;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.98px;
    line-height: normal;
    position: relative; }
    .options label:after {
      content: "";
      display: none;
      position: absolute;
      z-index: -1;
      right: 0;
      width: 0;
      bottom: -2px;
      background: #000;
      height: 1px; }
    .options label:hover {
      color: #000000; }
  .options input {
    display: none; }
    .options input:checked + label {
      color: #000000; }
      .options input:checked + label:after {
        left: 0;
        right: auto;
        width: 100%;
        transition-property: width;
        transition-duration: 0.3s;
        transition-timing-function: ease-out; }

.option-active {
  height: 1px;
  width: 20px;
  background: black;
  position: absolute;
  top: 25px;
  left: 0;
  transition: .3s;
  transform: translate(6px, 0); }

.category-title {
  font-family: "NeuzeitGro", Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  text-align: left;
  margin-bottom: 8px; }

@media screen and (min-width: 750px) {
  .extra-padding {
    padding-top: 62px; } }

.btn-filter.btn, .btn-filter.btn--secondary, .new-collection .btn, .new-collection .btn--secondary, .new-btn.btn, .new-btn.btn--secondary {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.91px;
  background-image: linear-gradient(black, black 50%, white 50%, white) !important;
  background-size: 100% 200% !important;
  border: 1px solid #000000 !important;
  transition: .3s;
  max-width: 100% !important; }
  .btn-filter.btn:hover, .btn-filter.btn--secondary:hover, .new-collection .btn:hover, .new-collection .btn--secondary:hover, .new-btn.btn:hover, .new-btn.btn--secondary:hover {
    background-image: linear-gradient(black, black 50%, white 50%, white) !important;
    background-position: 100% 100% !important; }

.notify-popup {
  background-image: linear-gradient(white, white 50%, black 50%, black) !important;
  background-size: 100% 200% !important;
  border: 1px solid #000000 !important;
  transition: .3s;
  max-width: 100% !important;
  cursor: pointer; }
  .notify-popup:hover {
    background-image: linear-gradient(white, white 50%, black 50%, black) !important;
    background-position: 100% 100% !important; }

@media screen and (min-width: 750px) {
  .mobile {
    display: none !important; } }

@media screen and (max-width: 749px) {
  .desktop {
    display: none !important; } }

@media screen and (max-width: 749px) {
  .category-navigation {
    display: none;
    border-top: 1px solid #707070;
    top: var(--offset-header, 120px);
    left: 0;
    background: white;
    width: 100%;
    height: calc(100% - var(--offset-header, 120px));
    overflow: auto;
    z-index: 10;
    padding: 0 20px 20px; } }

.category-search input {
  display: block;
  width: 100%;
  padding: 12px 10px 7px 56px;
  color: #707070;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.98px;
  text-transform: none;
  margin: 10px 0 40px; }
.category-search .input-wrapper {
  position: relative; }
.category-search .search-submit {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 0; }

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

.category-filters {
  font-family: "NeuzeitGro", Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.98px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin: 0 -10px 40px;
  padding: 20px; }
  .category-filters span {
    text-transform: uppercase; }
  .category-filters button {
    font-family: "NeuzeitGro", Roboto, sans-serif;
    text-transform: none;
    font-weight: 700;
    min-width: 98px;
    padding: 7px 10px 5px; }

.category-nav__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 30px 0 10px; }
  .category-nav__header h3, .category-nav__header .h3 {
    margin-bottom: 0; }

.btn.quick-view-button, .quick-view-button.btn--secondary {
  width: 100%;
  max-width: 100%; }

.Sidebar {
  position: fixed;
  top: 0;
  right: 0;
  background: white;
  z-index: 1001;
  width: 100%;
  max-width: 514px;
  height: 100%;
  transition: .3s;
  transform: translateX(100%);
  opacity: 0;
  pointer-events: none;
  visibility: hidden; }
  .Sidebar.Open {
    transition: transform .3s;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: translateX(0); }

.Sidebar__Container {
  padding: 68px 108px;
  height: 100%;
  overflow: auto; }

.Sidebar__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid;
  padding-bottom: 10px; }
  .Sidebar__Header h5, .Sidebar__Header .h5 {
    font-family: "NeuzeitGro", Roboto, sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.26px;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 0; }

.Overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: .4;
  display: none;
  z-index: 1000; }

.icon-close {
  width: 16px;
  height: 16px;
  position: relative;
  display: block;
  margin-bottom: 2px; }
  .icon-close:before, .icon-close:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 1px;
    background: black; }
  .icon-close:before {
    transform: translate(-50%, -50%) rotate(45deg); }
  .icon-close:after {
    transform: translate(-50%, -50%) rotate(-45deg); }

.Sidebar__Content {
  padding-top: 25px; }
  .Sidebar__Content .grid__item {
    width: 100% !important;
    padding: 0 !important;
    display: block !important;
    clear: both !important;
    float: none !important; }
    .Sidebar__Content .grid__item .btn, .Sidebar__Content .grid__item .btn--secondary {
      max-width: 100%; }

.underline-link {
  letter-spacing: 0.98px;
  text-decoration: underline;
  margin-top: 17px;
  display: inline-block; }

.notify-collection {
  margin-top: 17px; }
  .notify-collection input[type="email"] {
    font-family: "Cartograph-Mono";
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.91px;
    width: 100%;
    text-align: center;
    border: none;
    border-bottom: 1px solid;
    margin-bottom: 20px;
    margin-top: 10px;
    background: none;
    padding: 8px;
    color: black; }
    .notify-collection input[type="email"]::placeholder {
      color: black; }
  .notify-collection p {
    letter-spacing: 0.68px; }

.checkbox-group {
  margin-top: 20px; }

.checkbox-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer; }

.checkbox-group label {
  position: relative;
  cursor: pointer; }

.checkbox-group label:before {
  content: '';
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #000000;
  padding: 9px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 12px; }

.checkbox-group input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: -9px;
  left: 10px;
  width: 9px;
  height: 21px;
  border: solid #000000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg); }

@media screen and (max-width: 767px) {
  .new-collection .product-grid--price {
    letter-spacing: normal;
    margin-bottom: 14px; } }
@media screen and (max-width: 767px) {
  .new-collection .product-grid--price .product-grid--bundle-price, .new-collection .product-grid--price .product-grid--compare-price {
    font-size: 10px; } }
@media screen and (max-width: 767px) {
  .new-collection .product-grid--use-me-if {
    margin: 10px 0;
    letter-spacing: normal; } }
@media screen and (max-width: 767px) {
  .new-collection .collection-sidebar-filter.grid__item {
    margin-left: 0;
    margin-top: 0; } }
.new-collection .collection-main-body-inner {
  display: flex;
  flex-wrap: wrap;
  clear: both; }
.new-collection .grid-view-item {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .new-collection .grid-view-item form {
    display: flex;
    flex-direction: column;
    flex: 1; }
  .new-collection .grid-view-item .flex-container {
    margin-top: auto; }

.Banner {
  position: relative;
  margin-bottom: 60px;
  display: flex;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .Banner {
      margin-top: 30px;
      margin-bottom: 0;
      padding: 0 10px; } }
  .Banner:not(.hasContent) {
    padding-top: var(--aspect-ratio, 0); }
    @media screen and (max-width: 767px) {
      .Banner:not(.hasContent) {
        padding-top: var(--aspect-ratio-mobile, 0); } }
  .Banner:not(.height-image_height) img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .Banner.height-large {
    min-height: 22vw; }
  .Banner.height-middle {
    min-height: 30vw; }
  .Banner.height-small {
    min-height: 22vw; }
  .Banner .Banner__ImageWrapper {
    width: 100%; }
  .Banner.hasContent:not(.height-image_height) .Banner__ImageWrapper {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .Banner.height-image_height .Banner__Content {
    position: absolute;
    width: fit-content;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: auto; }

.Banner__Content {
  position: relative;
  z-index: 2;
  padding: 42px 100px; }
  @media screen and (max-width: 767px) {
    .Banner__Content {
      padding: 35px 60px; } }

.Banner__Preheading {
  font-family: "Cartograph-Mono";
  font-size: 24px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  text-align: left;
  text-transform: uppercase; }

.Banner__Heading {
  font-family: "NeuzeitGro", Roboto, sans-serif;
  font-size: 50px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 14px; }

.Banner__Subheading {
  margin-bottom: 20px;
  font-size: 24px; }

.grid-banner {
  order: var(--order-desktop) !important; }
  @media screen and (max-width: 767px) {
    .grid-banner {
      order: var(--order-mobile) !important; } }
  @media screen and (min-width: 767px) {
    .grid-banner.large--one-third a {
      position: relative;
      display: block;
      height: 100%; }
    .grid-banner.large--one-third img.desktop {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: fill; } }

.PLPFooter {
  margin: 0 -20px;
  margin-top: 60px; }
  @media screen and (max-width: 479px) {
    .PLPFooter {
      margin: 0 -10px; } }

.PLPFooter__Container {
  padding: 80px 20px;
  max-width: 744px;
  width: 100%;
  margin: 0 auto;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 18px; }
  .PLPFooter__Container h6, .PLPFooter__Container .h6, .PLPFooter__Container h2, .PLPFooter__Container .h2 {
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 700;
    margin: 0 0 0.5em;
    line-height: 1.4;
    letter-spacing: 1px; }
  .PLPFooter__Container a {
    font-weight: 700;
    text-decoration: underline; }
  .PLPFooter__Container strong {
    font-weight: 800; }

#geo-announcement-bar.owl-carousel {
  display: block;
  opacity: 0;
  visibility: hidden;
  max-height: 50px; }
  .no-js #geo-announcement-bar.owl-carousel, #geo-announcement-bar.owl-carousel.owl-loaded {
    opacity: 1;
    visibility: visible; }

#bv-content-list-products-wrapper {
  overflow: auto !important;
  height: 600px !important; }