/*============================================================================
  Smoke Cartel Theme
  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
  #Reponsive 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
==============================================================================*/
@font-face {
  font-family: 'smokecartel';
  font-display: block;
  src: url("https://cdn.shopify.com/s/files/1/0350/8253/t/6/assets/smokecartel.woff2") format("woff2"), url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/smokecartel.woff?v=13956537744593894983") format("woff"), url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/smokecartel.ttf?v=4703900802072555709") format("truetype"), url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/smokecartel.svg?v=15567148758839900330#smokecartel") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "smokecartel";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-heart:before {
  content: '\e800'; }

.icon-shop:before {
  content: '\e801'; }

.icon-heart-1:before {
  content: '\e802'; }

.icon-comment:before {
  content: '\e803'; }

.icon-truck:before {
  content: '\e804'; }

.icon-star:before {
  content: '\e805'; }

.icon-basket:before {
  content: '\e806'; }

.icon-comment-1:before {
  content: '\e807'; }

.icon-award:before {
  content: '\e808'; }

.icon-up-open:before {
  content: '\e809'; }

.icon-thumbs-up-1:before {
  content: '\e80a'; }

.icon-thumbs-down:before {
  content: '\e80c'; }

.icon-cancel-alt-filled:before {
  content: '\e80d'; }

.icon-th-large:before {
  content: '\e80e'; }

.icon-cancel:before {
  content: '\e80f'; }

.icon-ok:before {
  content: '\e810'; }

.icon-plus:before {
  content: '\e811'; }

.icon-th-list:before {
  content: '\e812'; }

.icon-minus:before {
  content: '\e813'; }

.icon-lightbulb:before {
  content: '\e814'; }

.icon-left-open:before {
  content: '\e815'; }

.icon-right-open:before {
  content: '\e816'; }

.icon-phone:before {
  content: '\e817'; }

.icon-gift:before {
  content: '\e818'; }

.icon-network:before {
  content: '\e819'; }

.icon-play-circled:before {
  content: '\e81a'; }

.icon-book:before {
  content: '\e81b'; }

.icon-graduation-cap:before {
  content: '\e81c'; }

.icon-eye:before {
  content: '\e81d'; }

.icon-beaker:before {
  content: '\e81e'; }

.icon-zoom-in:before {
  content: '\e81f'; }

.icon-lock:before {
  content: '\e820'; }

.icon-diamond:before {
  content: '\e821'; }

.icon-fire-1:before {
  content: '\e822'; }

.icon-fire:before {
  content: '\e822'; }

.icon-resize-full:before {
  content: '\e823'; }

.icon-search:before {
  content: '\e824'; }

.icon-photo:before {
  content: '\e825'; }

.icon-down-open:before {
  content: '\e826'; }

.icon-flash:before {
  content: '\e827'; }

.icon-cloud:before {
  content: '\e828'; }

.icon-user:before {
  content: '\f061'; }

.icon-smile:before {
  content: '\f118'; }

.icon-frown:before {
  content: '\f119'; }

.icon-direction:before {
  content: '\f124'; }

.icon-toggle-off:before {
  content: '\f204'; }

.icon-toggle-on:before {
  content: '\f205'; }

#loading {
  display: none; }

body.is-loading #main {
  display: none; }

body.is-loading #loading {
  display: block; }

/*============================================================================
  #Breakpoint and Grid Variables
==============================================================================*/
/*================ The following are dependencies of csswizardry grid ================*/
/*============================================================================
  #General Variables
==============================================================================*/
/*================ Typography ================*/
.muted {
  color: #859bab; }

.green {
  color: #22a358; }

.black {
  color: #000; }

.white {
  color: #FFF; }

.red {
  color: #d05751; }

.secondary-panel {
  background: #eef3f7;
  border: 1px solid #859bab;
  margin-bottom: 15px;
  padding: 15px; }

.green-panel {
  border: 1px solid #22a358;
  margin-bottom: 15px;
  background: #EEF7F2;
  padding: 15px; }

.muted-panel {
  padding: 15px;
  border: 1px solid #859bab; }

.black-bg {
  background: black;
  box-shadow: 1000px 0 0 #000, -1000px 0 0 #000; }

/*============================================================================
  #Sass Mixins
==============================================================================*/
.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;
  max-width: 100%; }

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; }

/*============================================================================
  #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: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; }

/*============================================================================
  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 !important; }

.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 !important; }

  .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: 768px) {
  /** 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 !important; }

  .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: 768px) {
  /** 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 !important; }

  .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: 769px) {
  /** 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 !important; }

  .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; } }
/*============================================================================
  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: 768px) {
  /* 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: 768px) {
  /* 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: 769px) {
  /* 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%; } }
/*============================================================================
  PULL
    - Pull classes, to move grid items back to the left by certain amounts
==============================================================================*/
.pull-left {
  float: left; }

.pull-right {
  float: right; }

.half {
  width: 50%;
  display: inline-block; }

/*============================================================================
  #Basic Styles
==============================================================================*/
html {
  background-color: #000; }

body {
  background-color: white;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: 'liga', 'kern';
  direction: ltr; }

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

.wrapper {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 15px; }
  .wrapper:after {
    content: '';
    display: table;
    clear: both; }
  @media screen and (min-width: 480px) {
    .wrapper {
      padding: 0 30px; } }

.main-content {
  display: block;
  margin-top: 30px;
  padding-bottom: 60px; }

#collection-slide .main-content {
  margin-top: 0;
  padding-bottom: 0; }

/*============================================================================
  #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; }

.center-grid-all {
  display: flex;
  justify-content: center;
  align-items: center; }

@media screen and (min-width: 769px) {
  .center-grid {
    display: flex;
    justify-content: center;
    align-items: center; }

  .large--display-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-left: 0; }

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

  .image-feature > .large--display-table-cell:first-child {
    padding-left: 0; }

  .image-feature.grid--rev > .large--display-table-cell:first-child {
    padding-left: 30px; }

  .image-feature.grid--rev > .large--display-table-cell:last-child {
    padding-left: 0; }

  .image-feature.black {
    background: #000;
    border-radius: 5px;
    overflow: hidden;
    color: #FFF;
    padding: 15px; }

  .image-feature.black .grid, .image-feature.black .grid--rev, .image-feature.black .grid--full {
    margin-left: -15px; }

  .image-feature.black h3, .image-feature.black .h3, .image-feature.black h4, .image-feature.black .h4, .image-feature.black p {
    color: #FFF; } }
.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.blur-up, .lazyload {
  opacity: 0; }

.blur-up.lazyloaded, .lazyloaded {
  opacity: 1;
  transition: opacity 400ms; }

/*============================================================================
  #Typography
==============================================================================*/
body,
input,
textarea,
button,
select {
  font-size: 14px;
  line-height: 1.6;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  color: #333333;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  display: block;
  font-family: "Myriad Set Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0 0 0.5em;
  line-height: 1.4;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: 'liga', 'kern';
  direction: ltr;
  letter-spacing: -.01em; }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
    text-decoration: none;
    font-weight: inherit; }

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

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

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

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

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

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

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

em {
  font-style: italic; }

b, strong {
  font-weight: bold; }

small, .small {
  font-size: 12px; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.5em; }

i.big {
  font-size: 64px; }

/*================ Blockquotes ================*/
blockquote {
  font-size: 1.125em;
  line-height: 1.45;
  font-style: italic;
  margin: 0 0 30px;
  padding: 15px 30px;
  border-left: 1px solid #d6dee4; }
  blockquote p {
    margin-bottom: 0; }
    blockquote p + cite {
      margin-top: 15px; }
  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: 15px;
  margin: 0 0 30px; }

/*================ Horizontal Rules ================*/
hr {
  clear: both;
  border-top: solid #d6dee4;
  border-width: 1px 0 0;
  margin: 30px 0;
  height: 0; }
  hr.hr--small {
    margin: 15px 0; }
  hr.hr--clear {
    border-top-color: transparent; }

hr.green {
  border-color: #22a358; }

hr.extend {
  width: 300vw;
  position: relative;
  left: -100vw; }

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

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

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

  .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: 769px) and (max-width: 768px) {
    .section-header__right {
      margin-bottom: 30px; } }

.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: 15px; } }

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

.collection-view button {
  display: block;
  background: none;
  border: 0 none;
  float: left;
  padding: 10px 8px;
  color: #d6dee4;
  line-height: 1; }
  .collection-view button:hover, .collection-view button:focus {
    color: #859bab; }

.collection-view button.change-view--active {
  cursor: default;
  color: #859bab; }

/*============================================================================
  #Rich Text Editor
==============================================================================*/
.rte {
  margin-bottom: 15px; }
  .rte a {
    text-decoration: underline; }
  .rte .dynamic-elem a {
    text-decoration: none; }
  .rte > div {
    margin-bottom: 15px; }
  .rte li {
    margin-bottom: 0.4em; }

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

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

a:hover,
a:focus {
  color: #b2c0ca; }

button {
  overflow: visible; }

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

.btn, .btn--secondary,
.rte .btn--secondary,
.rte .btn,
.rte .btn--secondary {
  border: 1px solid #333333;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 20px;
  border-radius: 4px;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
  font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
  background: #22a358;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }
  .btn:hover, .btn--secondary:hover,
  .rte .btn:hover,
  .rte .btn--secondary:hover {
    background-color: #1d8c4b;
    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: #526878;
    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: #FFF;
    background-color: #859bab; }

.btn--muted {
  display: inline-block;
  color: #859bab;
  border: 1px solid #859bab;
  padding: 6px 16px;
  border-radius: 4px;
  background: none; }

.btn.block, .block.btn--secondary, .btn--muted.block {
  display: block;
  width: 100%; }

.btn-small {
  padding: 8px 15px; }

.thumb-btn {
  padding-left: 75px;
  position: relative;
  display: block;
  margin-bottom: 30px;
  overflow: hidden;
  padding: 10px 10px  10px 115px;
  cursor: pointer; }

.thumb-btn .img-span {
  position: absolute;
  top: -20px;
  width: 100px;
  left: 0; }

.thumb-btn .play-btn {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  line-height: 24px;
  font-size: 24px;
  left: 48px;
  color: #FFF; }

.btn--offer {
  width: calc(100% - 80px) !important;
  margin-top: 10px;
  padding: 10px 20px 10px 20px; }

.btn--secondary,
.rte .btn--secondary {
  background-color: #FFF;
  color: #333333; }
  .btn--secondary:hover,
  .rte .btn--secondary:hover {
    background-color: #a2a2a2;
    color: white; }
  .btn--secondary:active, .btn--secondary:focus,
  .rte .btn--secondary:active,
  .rte .btn--secondary:focus {
    background-color: #888888;
    color: white; }

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

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

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

#add-to-cart-target {
  margin-right: 80px; }

#like-product-btn {
  position: absolute;
  right: 0;
  width: 80px;
  font-size: 24px;
  top: 0;
  padding: 2px 0 2px 10px; }

#like-product-btn .likescount {
  font-size: 12px;
  padding: 0 5px;
  display: inline-block;
  position: absolute;
  top: 13px; }

#like-product-btn.active {
  color: #d28383; }

.extend {
  width: calc(100% + 30px);
  padding: 0 15px;
  margin-left: -15px; }

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

#main {
  opacity: 1; }

/*============================================================================
  #Lists
==============================================================================*/
ul, ol {
  margin: 0 0 15px 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; }

/* Icons */
.social-icons a {
  border-bottom: none;
  display: inline-block;
  width: auto;
  height: 18px; }

.social-icons a:hover {
  opacity: 0.8; }

.social-icons a.facebook:after {
  background: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/sprite.png?v=5171430557527480649") 0px -27px no-repeat;
  display: block;
  width: 25px;
  height: 25px;
  content: ""; }

.social-icons .instagram:after {
  background: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/sprite.png?v=5171430557527480649") -82px -27px no-repeat;
  display: block;
  width: 25px;
  height: 25px;
  content: ""; }

.social-icons a.pinterest:after {
  background: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/sprite.png?v=5171430557527480649") -109px -28px no-repeat;
  display: block;
  width: 25px;
  height: 25px;
  content: ""; }

.social-icons a.rss:after {
  background: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/sprite.png?v=5171430557527480649") -216px -29px no-repeat;
  display: block;
  width: 25px;
  height: 25px;
  content: ""; }

.social-icons a.tumblr:after {
  background: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/sprite.png?v=5171430557527480649") -55px -27px no-repeat;
  display: block;
  width: 25px;
  height: 25px;
  content: ""; }

.social-icons a.twitter:after {
  background: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/sprite.png?v=5171430557527480649") -27px -27px no-repeat;
  display: block;
  width: 25px;
  height: 25px;
  content: ""; }

.social-icons a.youtube:after {
  background: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/sprite.png?v=5171430557527480649") -136px -27px no-repeat;
  display: block;
  width: 25px;
  height: 25px;
  content: ""; }

.social-icons.light a:after {
  background: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/sprite.png?v=5171430557527480649") 0 0 no-repeat;
  display: block;
  width: 25px;
  height: 25px;
  content: "";
  margin: 0 auto; }

.social-icons.light a.facebook:after {
  background-position: 0px -52px; }

.social-icons.light .instagram:after {
  background-position: -82px -52px; }

.social-icons.light a.pinterest:after {
  background-position: -109px -52px; }

.social-icons.light a.rss:after {
  background-position: -216px -52px; }

.social-icons.light a.tumblr:after {
  background-position: -55px -52px; }

.social-icons.light a.twitter:after {
  background-position: -27px -52px; }

.social-icons.light a.youtube:after {
  background-position: -136px -52px; }

.social-icons.light a.googleplus:after {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAQAAABu4E3oAAAA7UlEQVR4Ae2QM0CEARhA/8s15dpuS1OurX3PU54ypluybdvG2tYtmUtcsm28bI/hLZ8p/PMCdCihnUMOWeKE2BufNdHvF4g5pBkTnAHwQ+7Gawfvl4zBneYAZAoCpjTQyzH15L1VIAKmHqwDQA5LpExwgpT2t6ecc/agb8JXFpMAVTeaLhB857Wh9KOPpQKdSJgh7Otv1r0pWxa+AyoAuH413YsCwukDIOHzdDUGOcQHI0To0wEEf1bSA2g8secAuY9LYOaZXQMofVyyCoif2DD22WImbAIRWGBNCKvMoP6VB8QxwDZLdBEp/HIuAVozyF0zsr8lAAAAAElFTkSuQmCC") no-repeat 0 0; }

.social-icons.light a.email:after {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAQAAABu4E3oAAAA8ElEQVR4Ae2QJVgkUBRGWevb13F3p+J0rLdpVCThFNzd3d1dCk5a3N0qchjXlyfNf5+e77tqZpKRRRmPHLPLKWdadiolhzxQLnLpAOawxZMA/NXmzT/GgHaRyyyN9FJhwHMYoocpkcsO6fzijjYdWsozlqSyLXLZpF56mkudStUsi1tcpXctW2KXavn9HWjgG18o5JWfclbFptilRnp+QsIhR7RTKT0PkfBJSqvFLttUSs8ELnDlL8OMY4sT5yRJaYW4sHXSiOaWCB0axg2xpLAmcplinxVCDHgQy+yLh1zGO21EEadn0bTyTpmZsWTSBx1x1lneOZOqAAAAAElFTkSuQmCC") no-repeat 0 0; }

/*
#social-buttons .menu-title {
	display: block;
	clear: both;
}

#social-buttons a {
	display: block;
    border-radius: 4px;
    text-align: center;
    padding: 3px 0px 15px !important;
    color: white;
    position: relative;
    height: 32px;
    margin-bottom: 10px;
    width: 80%;
}

#social-buttons .social-icons.light a:after {
	margin: 0 15px;
}

#social-buttons a span {
	position: absolute;
    right: 15px;
    top: 5px;
}

#social-buttons a.facebook {
	background-color: #306199;
}

#social-buttons a.twitter {
	background-color: #26c4f1;
}

#social-buttons a.googleplus {
	background-color: #e93f2e;
}

#social-buttons a.email {
	background-color: #A0A0A0;
}

#social-buttons a.instagram {
	background-color: #306a92;
}
*/
.ggelible {
  margin-top: -5px;
  font-size: 12px; }

.ggicon {
  background: transparent url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/ggicon_18x.gif?v=9549727342956955040") no-repeat top left;
  display: inline-block;
  width: 18px;
  height: 20px;
  position: relative;
  top: 5px;
  margin-right: 4px; }

p.optionp {
  font-size: 12px;
  margin: 15px 0 0; }

#share-buttons img {
  width: 35px;
  padding: 5px;
  border: 0;
  box-shadow: 0;
  display: inline; }

/*============================================================================
  Pill Style Submenu
==============================================================================*/
.pill-nav {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  margin-left: -15px;
  width: calc(100% + 30px);
  padding: 0 15px;
  margin-bottom: 15px; }

.pill-nav a {
  display: flex;
  background: #eef3f7;
  border: 1px solid #b1cbde;
  padding: 5px 20px;
  border-radius: 60px;
  color: #4a555d;
  font-size: 14px;
  margin-right: 15px;
  white-space: nowrap; }

.pill-nav a.selected {
  background: #859bab;
  border: 1px solid #5d707d;
  color: #FFF; }

.pill-nav a .icon-ok {
  color: #4a555d;
  margin-right: 5px;
  margin-left: -5px; }

.pill-nav a:hover {
  background: #b0eac9;
  border: 1px solid #22a358;
  color: #17713c; }

.pill-nav a .icon-right-open {
  display: none;
  color: #22a358;
  font-size: 10px;
  position: relative;
  top: 2px;
  margin-left: 5px;
  margin-right: -5px; }

.pill-nav a:hover .icon-right-open {
  display: block; }

/*============================================================================
  #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; }

th {
  font-weight: bold; }

th, td {
  text-align: left;
  padding: 15px;
  border: 1px solid #d6dee4; }

.text-center th, .text-center td {
  text-align: center; }

.centertext {
  text-align: center; }

/*============================================================================
  Responsive tables, defined with .table--responsive on table element.
  Only defined for IE9+
==============================================================================*/
@media screen and (max-width: 480px) {
  .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: none;
    text-align: right;
    font-size: 12px;
    clear: both;
    padding-bottom: 10px;
    display: block; } }

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

  .table__section + .table__section {
    position: relative;
    margin-top: 10px;
    padding-top: 15px; } }
/*============================================================================
  #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: 30px; }

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

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

.inline-block {
  display: inline-block; }

.relative {
  position: relative; }

.link, .smoothto {
  cursor: pointer; }

.grid.tight, .tight.grid--rev, .tight.grid--full {
  margin-left: -15px; }

.grid.tight > .grid__item, .tight.grid--rev > .grid__item, .tight.grid--full > .grid__item {
  padding-left: 15px; }

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

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

img,
iframe {
  border: none;
  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%; }

@media screen and (max-width: 768px) {
  #product-function-video {
    max-height: 100% !important; } }
/*============================================================================
  #Forms
==============================================================================*/
form {
  margin-bottom: 0; }

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

/*================ Prevent zoom on touch devices in active inputs ================*/
@media screen and (max-width: 768px) {
  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 #d6dee4;
  padding: 15px;
  border-radius: 4px;
  font-size: 12px; }

legend {
  border: 0;
  padding: 0 5px;
  background: #FFF;
  color: #859bab;
  margin-left: -5px; }

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

input,
textarea,
select {
  border: 1px solid #859bab;
  max-width: 100%;
  padding: 8px 10px;
  border-radius: 4px; }
  input:focus,
  textarea:focus,
  select:focus {
    border: 1px solid #b7c5d0; }
  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%; }

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.shopify.com/s/files/1/0350/8253/t/6/assets/ico-select.svg?v=354012039368648229");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-color: #FFF;
  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; }

/*================ Input Group ================*/
.input-group {
  position: relative;
  display: table;
  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: 4px 0 0 4px; }
  .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 4px 4px 0;
    font-size: 12px;
    padding: 0 20px;
    border-left: none; }
  .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 .btn, .input-group .btn--secondary,
.input-group .input-group-field {
  height: 37px; }

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

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

.input-block {
  display: block;
  width: 100%; }

#adroll_bounce_notice {
  display: none !important; }

/*============================================================================
  #Pagination
==============================================================================*/
.pagination, #paging {
  margin-bottom: 1em;
  text-align: center;
  font-size: 18px; }
  .pagination > span, #paging > span {
    display: inline-block;
    line-height: 1; }
  .pagination a, #paging a {
    display: block; }
  .pagination a,
  .pagination .page.current, #paging a,
  #paging .page.current {
    padding: 10px; }

.pagination .page.current, #paging .page.current {
  background: #eef3f7;
  border-radius: 4px; }

.pagination span.next a, .pagination span.prev a, #paging span.next a, #paging span.prev a {
  color: #FFF;
  border-radius: 4px;
  background: #22a358;
  padding: 10px 15px; }

/*============================================================================
  #Site Header
==============================================================================*/
.site-header {
  background: #000; }
  .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; }

#topbar h3, #topbar .h3 {
  color: #859bab;
  letter-spacing: normal;
  font-size: 14px;
  margin: 6px 0px; }

.header-icon {
  display: inline-block;
  font-size: 24px;
  position: relative; }

#main-header .site-header__cart-toggle .cart-icon {
  padding: 6px 8px;
  margin-right: 0;
  display: inline-block; }

.site-header__logo {
  text-align: center;
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  top: -10px; }
  @media screen and (min-width: 769px) {
    .site-header__logo {
      text-align: left; } }
  .site-header__logo a,
  .site-header__logo a:hover,
  .site-header__logo a:focus {
    text-decoration: none; }
  .site-header__logo a, .site-header__logo img {
    display: block; }
  .site-header__logo img {
    margin: 0 auto; }

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

.site-header__cart-toggle {
  display: inline-block;
  color: #FFF;
  font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px; }

.site-header__cart-toggle:hover {
  color: #FFF; }

.site-header__cart-toggle .cart-icon {
  background: #22a358;
  padding: 8px 0px 8px 6px;
  border-radius: 80px;
  position: relative;
  font-size: 22px;
  margin-right: 12px; }

.site-header__cart-toggle .CartCount {
  position: absolute;
  background: #1d2327;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 64px;
  top: -6px;
  right: -10px; }

.search-bar {
  max-width: 100%; }
  @media screen and (max-width: 768px) {
    .search-bar {
      margin-left: auto;
      margin-right: auto; } }

.site-header__search input.input-group-field {
  border: none;
  border-radius: 4px 0 0 4px; }

.site-header__search button.btn, .site-header__search button.btn--secondary {
  background: #859bab;
  font-size: 12px;
  padding: 2px 12px;
  box-shadow: none;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  border-radius: 4px !important;
  -khtml-border-radius: 4px !important;
  border: none;
  margin: 4px;
  height: 29px; }

.site-header__search button.btn--muted {
  background: #FFF;
  color: #859bab; }

.site-header__search .input-group-btn {
  background: #FFF;
  border-radius: 0 3px 3px 0; }

#shipping-upgrade-message {
  background: #22a358;
  color: white;
  border-top: 1px solid #000; }

#shipping-upgrade-message .icon-truck {
  font-size: 36px;
  margin-right: 10px;
  vertical-align: middle;
  display: inline-block;
  color: #9edcb8; }

#shipping-upgrade-message .text-left {
  display: inline-block;
  vertical-align: middle; }

/*============================================================================
  #Site Nav and Dropdowns
==============================================================================*/
#menu {
  background: #1d2327;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  transition: max-height 0.8s; }

#menu.opened {
  max-height: max-content;
  max-height: -moz-max-content;
  max-height: -webkit-max-content;
  position: relative;
  padding-top: 15px;
  margin-top: -10px; }

.fixed-top-left {
  position: absolute;
  top: 15px;
  left: 15px; }

.fixed-top-right {
  position: absolute;
  top: 15px;
  right: 15px; }

.fixed-bottom-right {
  position: absolute;
  bottom: 15px;
  right: 15px; }

.fixed-bottom-left {
  position: absolute;
  bottom: 15px;
  left: 15px; }

#instagram-feed a {
  position: relative; }

.instagram-media {
  margin: 0 auto !important; }

#learnmenu ul li {
  color: #859bab; }

.site-nav {
  font-size: 1.14286em;
  cursor: default;
  margin: 0 0 0 -15px; }
  .site-nav li {
    margin: 0;
    display: block; }
  .site-nav > li {
    position: relative;
    display: inline-block; }

.menu-icon {
  background: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/sprite.png?v=5171430557527480649") -28px -100px no-repeat;
  display: inline-block;
  width: 25px;
  height: 25px;
  position: relative;
  top: 4px; }

#NavDrawer .social-icons {
  display: block;
  height: 50px;
  text-align: center; }

#NavDrawer .social-icons a {
  width: 16%; }

#menu-preview {
  display: block;
  height: 100%; }

#menu-preview.bubbler {
  background: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/bubbler-hover.jpg?v=15251240722854343405") no-repeat center center; }

/* v1.0.6 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
  width: 600px;
  height: 400px;
  position: relative;
  direction: ltr; }

.royalSlider > * {
  float: left; }

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none; }

.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0; }

.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsArrow,
.rsThumbsArrow {
  cursor: pointer; }

.rsThumb {
  float: left;
  position: relative; }

.rsThumbs img {
  max-width: 48px; }

.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }

.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  -o-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  transition: visibility 0s linear 0.3s,opacity 0.3s linear; }

.rsGCaption {
  width: 100%;
  float: left;
  text-align: center; }

.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  display: none; }

.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%; }

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto; }

.rsContent {
  width: 100%;
  height: 100%;
  position: relative; }

.rsPreloader {
  position: absolute;
  z-index: 0; }

.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none; }

.rsNavItem {
  opacity: 0.4; }

.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22; }

.rsTabs {
  float: left;
  background: none !important; }

.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsVideoContainer {
  /*left: 0;
  top: 0;
  position: absolute;*/
  /*width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  float: left;*/
  width: auto;
  height: auto;
  line-height: 0;
  position: relative; }

.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: .3s; }

.rsVideoFrameHolder.rsVideoActive {
  opacity: 1; }

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 44px; }

.rsABlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15; }

img.rsImg {
  max-width: none; }

.grab-cursor {
  cursor: url(grab.png) 8 8, move; }

.grabbing-cursor {
  cursor: url(grabbing.png) 8 8, move; }

.rsNoDrag {
  cursor: auto; }

.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  background: url(blank.gif); }

/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/
/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
  background: #000;
  color: #FFF; }

.white-top .rsDefault,
.white-top .rsDefault .rsOverflow,
.white-top .rsDefault .rsSlide,
.white-top .rsDefault .rsVideoFrameHolder,
.white-top .rsDefault .rsThumbs,
.white-top-perm .rsDefault,
.white-top-perm .rsDefault .rsOverflow,
.white-top-perm .rsDefault .rsSlide,
.white-top-perm .rsDefault .rsVideoFrameHolder,
.white-top-perm .rsDefault .rsThumbs {
  background: #FFF; }

/***************
*
*  1. Arrows
*
****************/
.rsDefault .rsArrow {
  height: 100%;
  width: 44px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 1; }

.rsDefault.rsVer .rsArrow {
  width: 100%;
  height: 44px; }

.rsDefault.rsVer .rsArrowLeft {
  top: 0;
  left: 0; }

.rsDefault.rsVer .rsArrowRight {
  bottom: 0;
  left: 0; }

.rsDefault.rsHor .rsArrowLeft {
  left: 0;
  top: 0; }

.rsDefault.rsHor .rsArrowRight {
  right: 0;
  top: 0; }

.rsDefault .rsArrowIcn {
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  border-radius: 64px;
  position: absolute;
  cursor: pointer;
  background: url(//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/rs-default.png?v=498207552902164932);
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000;
  border-radius: 2px; }

.rsDefault .rsArrowIcn:hover {
  background-color: rgba(0, 0, 0, 0.9); }

.rsWhite,
.rsWhite .rsOverflow,
.rsWhite .rsSlide,
.rsWhite .rsVideoFrameHolder,
.rsWhite .rsThumbs {
  background: #FFF;
  color: #000; }

.rsWhite .rsArrowIcn, .rsWhite .rsFullscreenIcn {
  background-color: rgba(133, 155, 171, 0.5) !important; }

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
  background-position: -64px -32px; }

.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
  background-position: -64px -64px; }

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn {
  background-position: -96px -32px; }

.rsDefault.rsVer .rsArrowRight .rsArrowIcn {
  background-position: -96px -64px; }

.rsDefault .rsArrowDisabled .rsArrowIcn {
  opacity: .2;
  filter: alpha(opacity=20);
  *display: none; }

/***************
*
*  3. Thumbnails
*
****************/
.rsDefault .rsThumbsHor {
  width: 100%;
  height: 72px; }

.rsDefault .rsThumbsVer {
  width: 48px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -60px; }

.rsDefault.rsWithThumbsHor .rsThumbsContainer {
  position: relative;
  height: 100%; }

.rsDefault.rsWithThumbsVer .rsThumbsContainer {
  position: relative;
  width: 100%; }

.rsDefault .rsThumb {
  float: left;
  overflow: hidden;
  width: 48px;
  height: 72px; }

.rsDefault .rsThumb img {
  width: 100%;
  height: 100%; }

.rsDefault .rsThumb.rsNavSelected, .rsNavItem:hover {
  opacity: 1; }

.rsDefault .rsTmb {
  display: block; }

/* Thumbnails with text */
.rsDefault .rsTmb h5, .rsDefault .rsTmb .h5 {
  font-size: 16px;
  margin: 0;
  padding: 0;
  line-height: 20px;
  color: #FFF; }

.rsDefault .rsTmb span {
  color: #DDD;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 18px; }

/* Thumbnails arrow icons */
.rsDefault .rsThumbsArrow {
  height: 100%;
  width: 20px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
  background: #000;
  background: rgba(0, 0, 0, 0.75); }

.rsDefault .rsThumbsArrow:hover {
  background: rgba(0, 0, 0, 0.9); }

.rsDefault.rsWithThumbsVer .rsThumbsArrow {
  width: 100%;
  height: 20px; }

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft {
  top: 0;
  left: 0; }

.rsDefault.rsWithThumbsVer .rsThumbsArrowRight {
  bottom: 0;
  left: 0; }

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft {
  left: 0;
  top: 0; }

.rsDefault.rsWithThumbsHor .rsThumbsArrowRight {
  right: 0;
  top: 0; }

.rsDefault .rsThumbsArrowIcn {
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
  position: absolute;
  cursor: pointer;
  background: url(//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/rs-default.png?v=498207552902164932); }

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background-position: -128px -32px; }

.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
  background-position: -128px -48px; }

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background-position: -144px -32px; }

.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
  background-position: -144px -48px; }

.rsDefault .rsThumbsArrowDisabled {
  display: none !important; }

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
  .rsDefault .rsThumb {
    width: 48px;
    height: 72px; }

  .rsDefault .rsThumbsHor {
    height: 72px; }

  .rsDefault .rsThumbsVer {
    width: 59px; } }
/***************
*
*  6. Play/close video button
*
****************/
.rsDefault .rsPlayBtn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  cursor: pointer; }

.rsDefault .rsPlayBtnIcon {
  width: 64px;
  display: block;
  height: 64px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(rs-default.png) no-repeat 0 -32px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000; }

.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
  background-color: rgba(0, 0, 0, 0.9); }

.rsDefault .rsBtnCenterer {
  position: absolute;
  left: 50%;
  top: 50%; }

.rsDefault .rsCloseVideoBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 500;
  position: absolute;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0); }

.rsDefault .rsCloseVideoBtn.rsiOSBtn {
  top: -38px;
  right: -6px; }

.rsDefault .rsCloseVideoIcn {
  margin: 6px;
  width: 32px;
  height: 32px;
  background: url(//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/rs-default.png?v=498207552902164932) -64px 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000; }

.rsDefault .rsCloseVideoIcn:hover {
  background-color: rgba(0, 0, 0, 0.9); }

/***************
*
*  7. Preloader
*
****************/
.rsDefault .rsPreloader {
  width: 20px;
  height: 20px;
  background-image: url(//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/preloader-white.gif?v=13343348448189141891);
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px; }

/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption {
  position: absolute;
  float: none;
  bottom: 6px;
  left: 6px;
  text-align: left;
  background: black;
  background: rgba(0, 0, 0, 0.75);
  color: #FFF;
  padding: 2px 8px;
  width: auto;
  font-size: 12px;
  border-radius: 2px; }

.zoom-gallery-container {
  position: relative; }

.zoom-gallery-btn {
  position: absolute;
  top: 15px;
  right: 0;
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.05);
  text-align: center;
  border-radius: 5px;
  z-index: 1; }

.zoom-gallery-btn:hover {
  background: rgba(255, 255, 255, 0.2); }

.zoom-gallery-btn i {
  color: white;
  display: inline-block;
  font-size: 16px;
  line-height: 100%;
  margin-top: 8px; }

.zoom-gallery-container .zoom-gallery-btn {
  background: rgba(0, 0, 0, 0.4); }

/*============================================================================
  #Mobile Nav
  - List of items inside the mobile drawer
==============================================================================*/
.mobile-nav {
  margin: -15px -15px 0 -15px;
  padding-top: 15px;
  display: none; }
  .mobile-nav li {
    margin-bottom: 0; }

.mobile-nav.active {
  display: block; }

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

.mobile-nav__item {
  position: relative;
  display: block; }
  .mobile-nav > .mobile-nav__item {
    background-color: #26313a; }

.mobile-nav__item {
  font-size: 13px;
  border-bottom: 1px solid #3b4b58;
  text-indent: 15px; }

.mobile-nav .h4, .mobile-nav-btn {
  padding: 15px;
  margin-top: 15px;
  color: #FFF; }

.mobile-nav-btn {
  display: block;
  margin: 0 -15px;
  border-bottom: 1px solid #4b565f;
  color: #FFF !important;
  font-size: 16px; }

.mobile-nav-btn.last {
  border-bottom: none; }

#drawer-tabs-content .tab-content h5, #drawer-tabs-content .tab-content .h5 {
  background: #2f3b46;
  width: calc(100% + 30px);
  margin-left: -15px;
  padding: 10px 10px 10px 15px;
  letter-spacing: 1px;
  border-top: 1px solid #4b5e6f;
  border-bottom: 1px solid #4b5e6f; }

.mobile-nav-btn i {
  float: right; }

.mobile-nav__item a {
  display: block; }

.mobile-nav__item a,
.mobile-nav__toggle button {
  color: #FFF;
  padding: 15px;
  text-decoration: none; }
  .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: #FFF; }
  .mobile-nav__item a:active, .mobile-nav__item a:focus,
  .mobile-nav__toggle button:active,
  .mobile-nav__toggle button:focus {
    background-color: #1a2127; }

.mobile-nav__item--active {
  font-weight: bold; }

.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-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: 700px;
    transition: all 700ms cubic-bezier(0.57, 0.06, 0.05, 0.95); }
  .mobile-nav__sublist .mobile-nav__item:after {
    top: 0;
    bottom: auto; }
  .mobile-nav__sublist .mobile-nav__link {
    padding-left: 30px;
    font-weight: normal; }

#PageContainer {
  overflow: hidden; }

/*============================================================================
  #Drawers
==============================================================================*/
.js-drawer-open {
  overflow: hidden; }

.drawer {
  -webkit-transform: translateZ(0);
  will-change: transform;
  display: none;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  top: 0;
  bottom: 0;
  padding: 0 15px 15px;
  max-width: 95%;
  z-index: 10;
  color: #859bab;
  background-color: #26313a;
  transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1); }
  .drawer a {
    color: #859bab; }
    .drawer a:hover, .drawer a:focus {
      opacity: 0.7; }
  .drawer input,
  .drawer textarea {
    border-color: #000; }

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

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

.is-moved-by-drawer {
  transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1); }
  .js-drawer-open-left .is-moved-by-drawer {
    -ms-transform: translateX(340px);
    -webkit-transform: translateX(340px);
    transform: translateX(340px); }
  .js-drawer-open-right .is-moved-by-drawer {
    -ms-transform: translateX(-340px);
    -webkit-transform: translateX(-340px);
    transform: translateX(-340px); }

.js-drawer-open #NavDrawer {
  box-shadow: 0 -15px 30px 0 #000; }

.js-drawer-open #PageContainer.is-moved-by-drawer {
  opacity: 0.25; }

.drawer__header {
  display: table;
  height: 70px;
  width: 100%;
  position: relative; }

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

.drawer__title {
  width: 100%; }

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

.drawer__close button {
  position: absolute;
  right: -20px;
  padding: 0 20px;
  color: inherit;
  font-size: 32px;
  top: 10px; }
  .drawer__close button:active, .drawer__close button:focus {
    background-color: #e9e9e9; }

.drawer-top {
  background: #13171b; }

#drawer-tabs {
  padding: 0; }

#drawer-tabs li {
  background: #13171b;
  height: 70px;
  font-size: 11px;
  text-align: center;
  margin-bottom: 0;
  display: inline-block;
  border-bottom: 1px solid; }

#drawer-tabs li a {
  display: block; }

#drawer-tabs li i {
  font-size: 28px;
  display: block; }

#drawer-tabs li.active {
  background: #26313a;
  border: 1px solid;
  border-bottom: 1px solid transparent; }

#drawer-tabs li.active a {
  color: #FFF; }

#index-top {
  height: auto;
  max-height: 360px;
  overflow: hidden;
  background: #000; }

#index-featured {
  width: 100%;
  padding: 0 30px;
  display: block; }

#index-featured.rsWithBullets {
  z-index: 5 !important; }

#index-featured .slick-slide > a {
  display: block;
  position: relative; }

#index-featured .slick-dots {
  margin-left: -30px; }

#index-featured img {
  margin: 0 auto;
  width: 100%; }

#drawer-tabs-content .tab-content {
  display: none;
  padding-bottom: 50px; }

#drawer-tabs-content .tab-content.active {
  display: block; }

.bannerlink {
  display: block;
  z-index: 1; }

.product-slide {
  position: relative; }

.product-slide .content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.product-slide a img {
  max-height: 360px;
  height: 100%;
  width: auto !important; }

.product-slide .content > .grid__item {
  height: 100%; }

#freegrinder {
  border: 1px solid #CCC;
  border-radius: 4px;
  display: block;
  overflow: hidden;
  background: #f3f6f4;
  position: relative; }

#freegrinder .freegrinder-image {
  width: 28%;
  display: inline-block;
  float: left;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

#freegrinder .freegrinder-content {
  width: 68%;
  padding-top: 15px;
  margin-left: 28%; }

#freegrinder .freegrinder-content h2, #freegrinder .freegrinder-content .h2 {
  margin-bottom: 10px;
  font-weight: bold; }

#freegrinder .collapsed-text {
  display: none; }

#freegrinder .onp-sl {
  display: inline-block;
  float: none;
  clear: none;
  text-align: left;
  background: none;
  border: none;
  width: auto;
  margin-top: 8px;
  margin-bottom: 20px; }

#freegrinder .onp-sl .onp-sl-outer-wrap, #freegrinder .onp-sl .onp-sl-inner-wrap {
  margin: 0 !important;
  padding: 0 !important; }

#freegrinder.collapsed {
  cursor: pointer;
  height: 82px;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out; }

#freegrinder.collapsed h2, #freegrinder.collapsed .h2 {
  position: relative;
  top: -4px; }

#freegrinder.collapsed .collapsed-text {
  display: block;
  position: relative;
  top: -10px; }

#freegrinder.collapsed .freegrinder-content p, #freegrinder.collapsed #freegrinder-locker {
  display: none; }

.onp-sl {
  display: block; }

.onp-sl .onp-sl-outer-wrap {
  position: relative; }

.onp-sl-control {
  width: auto;
  overflow: hidden;
  display: inline-block;
  height: 30px;
  vertical-align: top;
  margin-right: 10px; }

#AddToCartForm .onp-sl-strong {
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  color: #d05751; }

#AddToCartForm .onp-sl-inner-wrap {
  padding-bottom: 60px; }

.onp-sl-message {
  margin: 6px 0 10px;
  font-size: 12px; }

.onp-sl-message .bottom {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%; }

.inline-checkbox {
  float: left;
  margin: 5px 8px 4px 0px !important; }

#product-addons p {
  margin: 15px 0 10px 0;
  font-size: 12px; }

#product-addons p img {
  float: left;
  margin-right: 10px; }

#addons-wrapper {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  overflow: auto;
  table-layout: fixed; }

#optional-addons .addon .img-holder .icon i {
  display: none; }

#optional-addons .addon .img-holder .icon i.icon-plus {
  display: block; }

#optional-addons .addon .content .price .green {
  display: none; }

#optional-addons .addon:hover .icon, #optional-addons .addon.active .icon {
  background: #22a358 !important; }

#optional-addons .addon.active .img-holder .icon i.icon-plus {
  display: none; }

#optional-addons .addon.active .img-holder .icon i.icon-ok {
  display: block; }

#optional-addons .addon.active .content .price .green {
  display: inline;
  margin-left: 5px; }

/*============================================================================
  #Site Footer
==============================================================================*/
#email-subscribe {
  background: #1d2327;
  padding: 30px 0px; }

.site-footer {
  background-color: #000;
  padding: 30px 0;
  color: #FFF; }
  @media screen and (min-width: 769px) {
    .site-footer {
      padding: 60px 0; } }

#disclaimer {
  background: #eef3f7;
  border-top: 1px solid #859bab;
  padding: 30px 0; }

#featuredon {
  margin-bottom: 30px; }

#featuredon img {
  opacity: 0.5; }

#asseenon {
  min-height: 92px; }

/*============================================================================
  #Product and Collection Grids
==============================================================================*/
h1.section-header__title, .section-header__title.h1 {
  display: block; }

.sidelink {
  font-size: 14px;
  letter-spacing: 1px;
  padding: 6px 12px;
  border: 1px solid;
  border-radius: 4px;
  margin-left: 10px;
  position: relative;
  top: -4px;
  display: inline-block; }

.headline {
  overflow: hidden;
  position: relative;
  color: #b2c0ca;
  padding-top: 15px; }

.headline h1, .headline .h1 {
  color: #FFF; }

.grid__image {
  display: block;
  margin: 0 auto 15px; }
  .grid__image img {
    display: block;
    margin: 0 auto; }

.collection-header-img {
  position: absolute;
  width: 21%;
  bottom: 0;
  height: 100%; }

.collection-header-img img {
  display: block;
  max-height: 100%;
  position: absolute;
  bottom: 0; }

.collection-feature-point {
  background: #26313a;
  display: block;
  padding: 12px 15px; }

.collection-feature-point strong, .collection-feature-point i {
  color: #FFF; }

.collection-feature-point i {
  font-size: 24px;
  margin-left: 10px; }

.template-collection .rte h2, .template-collection .rte .h2, .template-collection .rte h3, .template-collection .rte .h3, .template-collection .rte h4, .template-collection .rte .h4 {
  margin-top: 0; }

.slide-top {
  display: none; }

.slick-active .slide-top {
  display: block; }

.product-item-slide .quick-info {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.85);
  width: 100%;
  padding: 10px;
  padding-bottom: 45px; }

.product-item-slide .quick-info p.title {
  margin-bottom: 15px; }

.product-item-slide:hover .quick-info, .product-item-slide:hover .pricing {
  display: block; }

.product-item-slide .pricing {
  position: absolute;
  top: 15px;
  left: 15px;
  background: #26313a;
  color: #FFF;
  width: 56px;
  height: 56px;
  border-radius: 64px;
  padding: 15px 0;
  font-size: 18px;
  text-align: center; }

.product-item-slide .pricing .cents {
  display: none; }

.product-item-slide .pricing .price .dollar {
  position: relative;
  top: -2px;
  margin-right: 2px; }

.product-item-slide .pricing .onsale {
  position: absolute;
  text-align: left;
  font-size: 14px;
  width: max-content;
  left: 60px;
  top: 12px;
  background: rgba(0, 0, 0, 0.6);
  display: inline-block;
  padding: 5px 15px;
  border-radius: 45px;
  text-shadow: 0 1px 0 #000; }

/*============================================================================
  #Collection Filters & Search Live
==============================================================================*/
.filter--active {
  font-weight: bold; }

#collection-filter ul, #search-filter ul, #collection-side-filter ul {
  margin-bottom: 0; }

#collection-filter label, #search-filter label, #collection-side-filter label {
  display: block;
  overflow: hidden; }

#collection-filter ul li a.active, #collection-side-filter ul li a.active {
  color: #22a358;
  font-weight: bold;
  text-decoration: underline; }

#collection-filter label span.pull-right, #search-filter label span.pull-right, #collection-side-filter label span.pull-right {
  color: #859bab;
  font-size: 12px;
  position: relative;
  top: 1px; }

#collection-side-filter fieldset {
  padding: 5px 15px 10px 15px;
  margin-bottom: 10px; }

#collection-side-filter ul li {
  margin-bottom: 0; }

#filter-popup .filter {
  margin-bottom: 15px; }

span.color-swatch {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
  margin-right: 5px; }

#search-query-container {
  padding-bottom: 15px;
  margin-bottom: 30px; }

.search-bar .autocomplete {
  position: absolute;
  top: 36px;
  left: 0;
  text-align: left;
  width: 100%;
  z-index: 101;
  background: #26313a;
  border-radius: 0 0 5px 5px;
  box-shadow: inset 0 15px 15px -15px black, 0px 5px 30px -2px rgba(0, 0, 0, 0.6);
  border: 1px solid #FFF; }

.search-bar .autocomplete .close {
  position: absolute;
  top: 2px;
  right: -100px;
  background: #859bab;
  border: 1px solid #26313a;
  color: #FFF;
  padding: 5px 15px 5px 35px;
  border-radius: 70px;
  box-shadow: 1px 10px 40px -5px rgba(0, 0, 0, 0.8); }

.search-bar .autocomplete .close i {
  font-size: 26px;
  position: absolute;
  top: -5px;
  left: -2px; }

.search-bar .autocomplete ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.search-bar .autocomplete ul li {
  display: block;
  margin-bottom: 0;
  overflow: hidden; }

.search-bar .autocomplete .products .scroll-wrapper {
  width: 100%;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
  min-height: 280px; }

.search-bar .autocomplete .products {
  position: relative; }

.search-bar .autocomplete .products .shadow {
  position: absolute;
  top: 35px;
  right: 0;
  width: 20px;
  height: 200px;
  box-shadow: inset -20px 0px 10px -15px #000;
  background: transparent; }

.search-bar .autocomplete .products ul {
  display: inline-flex; }

.search-bar .autocomplete .products ul li {
  width: 140px; }

.search-bar .autocomplete .products ul li a {
  padding: 0;
  text-align: center;
  vertical-align: top; }

.search-bar .autocomplete .products ul li a .content {
  display: block;
  padding: 10px;
  white-space: break-spaces;
  font-size: 13px; }

.search-bar .autocomplete .products ul li a img {
  display: block; }

.search-bar .autocomplete .queries ul li a {
  padding: 5px 10px;
  display: block;
  border-top: 1px solid #3d474e; }

.search-bar .autocomplete ul li a strong {
  color: #FFF; }

.search-bar .autocomplete .queries ul li:first-child a {
  border-top: none;
  padding-top: 10px; }

.search-bar .autocomplete .queries ul li:last-child a {
  padding-bottom: 10px; }

.search-bar .autocomplete .tag {
  font-size: 11px;
  background: #4c5d69;
  padding: 3px 10px;
  color: #d1e0ea; }

.search-bar .autocomplete label {
  background: #181b1d;
  color: #FFF;
  width: 100%;
  display: block;
  padding: 8px 15px;
  font-size: 12px;
  box-shadow: inset 0 5px 20px -5px rgba(0, 0, 0, 0.7); }

#warely-search-results-top {
  margin-bottom: 20px; }

#warely-search-results-top .collection-result {
  border-radius: 5px;
  overflow: hidden;
  background: #FFF;
  border: 1px solid #859bab;
  margin-bottom: 15px; }

#warely-search-results-top .collection-result .content a {
  display: block;
  color: #000;
  text-align: center;
  margin-bottom: 0;
  vertical-align: middle; }

#warely-search-results-top .collection-result img {
  display: block; }

#collection-side-scroll {
  opacity: 0; }

.collection-additional {
  background: #FFF;
  z-index: 1;
  position: relative; }

#collection-side-scroll .sidebar-search {
  display: block;
  margin: 10px 0 15px;
  position: relative; }

#collection-side-scroll .sidebar-search input {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #859bab;
  padding: 5px 10px 5px 36px; }

#collection-side-scroll .sidebar-search .icon-search {
  color: #859bab;
  position: absolute;
  top: 6px;
  left: 10px; }

#collection-side-scroll .options {
  background: #f2f5f7;
  border: 1px solid #859bab;
  border-radius: 5px; }

#collection-side-scroll .options li {
  border-bottom: 1px solid #859bab;
  padding: 8px 12px;
  margin-bottom: 0; }

#collection-side-scroll .options li.last {
  border-bottom: none; }

#collection-side-scroll .options li a {
  display: block; }

#collection-side-scroll .options li a:hover {
  color: #000; }

#collection-side-cart {
  position: absolute;
  top: 5px;
  right: 0; }

#collection-side-cart .cart-icon {
  position: relative; }

#collection-side-cart .icon-basket {
  font-size: 24px;
  color: #859bab; }

#collection-side-cart .CartCount {
  position: absolute;
  font-size: 10px;
  background: #22a358;
  color: #FFF;
  width: 18px;
  height: 18px;
  display: block;
  border-radius: 64px;
  line-height: 18px;
  top: -16px;
  text-align: center;
  right: -14px; }

.popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100vh;
  z-index: 100001; }

.popup > .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 420px;
  max-height: 90vh;
  height: auto;
  margin-left: -210px;
  background: #FFF;
  padding: 20px 30px;
  border-radius: 10px;
  box-shadow: 0 1px 8px -2px rgba(0, 0, 0, 0.85);
  transform: translateY(-50%);
  z-index: 10;
  overflow-y: scroll; }

#share-product .content {
  overflow: initial; }

.popup.scroll .content {
  overflow: visible; }

.popup .content-inner {
  overflow-y: scroll;
  height: -webkit-fill-available;
  display: block;
  max-height: 80vh; }

.popup.overflow .content {
  overflow: visible; }

.popup > .content.large {
  width: 60%;
  margin-left: -30%; }

.popup .close {
  color: #FFF;
  position: absolute;
  top: -35px;
  font-size: 32px;
  right: -40px;
  line-height: 32px; }

.popup .close.inner {
  top: 10px;
  right: 10px;
  color: #000;
  background: #FFF; }

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

.ssi-buttons {
  display: inline-block !important;
  overflow: hidden;
  padding: 20px 0 20px 0; }

.ssi-button {
  height: 40px !important;
  width: auto;
  display: block;
  font-weight: normal;
  float: left;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 15px !important;
  line-height: 40px !important;
  margin: 4px !important;
  overflow: hidden !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5) !important; }

.ssi-button-small {
  font-weight: normal;
  height: 30px !important;
  width: auto;
  display: block;
  float: left;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 14px !important;
  line-height: 30px !important;
  margin: 0 7px 7px 0 !important;
  overflow: hidden !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5) !important; }

.ssi-button:hover,
.ssi-button:visited,
.ssi-button-small:hover,
.ssi-button-small:visited {
  color: #fff !important;
  text-decoration: none !important; }

.ssi-button:last-child,
.ssi-button-small:last-child {
  margin-right: 0; }

.ssi-button img,
.ssi-button-small img {
  height: 100% !important;
  width: auto !important;
  float: left !important; }

.ssi-button-fb {
  background: #4b69a5; }

.ssi-button-twitter {
  background: #34b7ef; }

.ssi-button-google {
  background: #bbbbbb; }

.ssi-button-yahoo {
  background: #aa48b0; }

.ssi-button-amazon {
  background: #ff9300; }

.ssi-button-instagram {
  background: #4e7ea6; }

.ssi-button-tumblr {
  background: #54667d; }

.ssi-button-linkedin {
  background: #0097d5; }

.ssi-button-windows {
  background: #00b7ff; }

.ssi-button-vkontakte {
  background: #71a3d7; }

.ssi-button-odnoklassniki {
  background: #ffa350; }

.ssi-button-meetup {
  background: #f3575d; }

.ssi-button-strava {
  background: #ff6c22; }

.ssi-button-text {
  padding-right: 10px;
  width: 98% !important;
  text-align: center;
  white-space: nowrap; }

.ssi-button-text img {
  margin-right: 10px; }

#age-verify .ssi-button-text {
  width: 31% !important; }

#age-verify .ssi-buttons {
  padding: 0; }

#age-verify .input-full {
  border: 1px solid #859bab;
  width: 100%;
  max-width: 100%;
  padding: 8px 10px;
  border-radius: 4px;
  margin-bottom: 15px; }

/* Magazine */
.template-article article a {
  color: #26313a; }

.template-article article .dynamic-elem a {
  color: inherit; }

.template-article article .rte p, .template-article article .rte ul {
  line-height: 200%; }

.template-article article .rte .dynamic-elem p {
  line-height: normal; }

.article-author .grid__item.one-fifth img {
  border-radius: 200px;
  border: 3px solid #859bab; }

.featured-article .article-summary {
  display: block;
  margin-top: -90px; }

.featured-article h4, .featured-article .h4 {
  display: inline-block;
  background: #FFF;
  margin: 0;
  text-transform: uppercase;
  font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 400;
  letter-spacing: 2px;
  padding: 3px 10px 3px 0; }

.featured-article h2, .featured-article .h2, .featured-article .title {
  background: #FFF;
  display: inline-block;
  font-weight: 400;
  word-break: break-word;
  letter-spacing: 1px;
  padding: 5px 10px 5px 0; }

.article-blog-sidebar h4, .article-blog-sidebar .h4 {
  background: #FFF;
  display: inline-block;
  font-size: 16px;
  margin-top: -25px;
  font-weight: 400;
  word-break: break-word;
  letter-spacing: 1px;
  padding: 5px 10px 5px 0;
  margin-bottom: 0; }

.mag-title {
  font-weight: 500;
  background: #26313a;
  letter-spacing: 4px;
  display: inline-block;
  padding: 5px 30px;
  color: #FFF; }

.magazine-category {
  text-transform: uppercase;
  font-weight: 450;
  font-size: 14px;
  font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
  padding: 15px 20px !important;
  letter-spacing: 2px; }

.magazine-category.active {
  background: white;
  border-bottom: 5px solid #859bab !important;
  padding-bottom: 10px !important; }

.magazine-item {
  padding-bottom: 60px; }

.magazine-item h2, .magazine-item .h2 {
  font-weight: 400; }

.magazine-item .category {
  text-transform: uppercase;
  font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 500;
  letter-spacing: 2px; }

.magazine-item .author, .magazine-author, .topic-line {
  text-transform: uppercase;
  font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 500;
  letter-spacing: 2px; }

.topic-line:not(.last) {
  border-bottom: 1px solid #c5d3de;
  padding-bottom: 10px; }

.topic-line a {
  color: #26313a; }

/*============================================================================
  #Breadcrumbs
==============================================================================*/
.breadcrumb-container {
  overflow: hidden; }

div#breadcrumb {
  display: block;
  font-size: 12px; }

div#breadcrumb div {
  display: inline; }

div#breadcrumb a {
  border-bottom: none;
  color: #333;
  padding: 12px;
  margin: 0 -4px;
  display: inline-block; }

div#breadcrumb a:hover {
  border-bottom: none;
  color: #22a358; }

div#breadcrumb a.active {
  color: #22a358; }

div#breadcrumb a.active:hover {
  border-bottom: none; }

div#breadcrumb span.tag {
  margin-right: 6px; }

div#breadcrumb span.active {
  padding: 8px 10px;
  margin: 0 -4px;
  color: #22a358; }

/*============================================================================
  #Product Page
==============================================================================*/
.product-single__variants {
  display: none; }
  .no-js .product-single__variants {
    display: block; }

.product-single h1 .spacer, .product-single .h1 .spacer {
  display: inline-block;
  width: 15px; }

.product-single h1 .light-label, .product-single .h1 .light-label {
  font-size: 16px;
  color: #FFF;
  background: #859bab;
  display: inline-block;
  padding: 6px 12px 6px 10px;
  border-radius: 4px;
  position: relative;
  top: -4px; }

#addgglabel {
  display: block;
  position: relative; }

.addglassguard {
  display: block;
  margin-top: 20px;
  margin-bottom: 5px; }

#ProductPhoto {
  width: 100%;
  padding: 0;
  position: relative;
  margin-bottom: 0; }

#ProductPhoto.rsVideoPlaying {
  z-index: 10; }

#ProductPhoto .spinner {
  position: absolute;
  top: 50%;
  margin: -20px 0 0 -25px;
  left: 50%;
  z-index: -1;
  display: none; }

#ProductPhoto img {
  width: 100%;
  object-fit: contain; }

#ProductPhoto.heady {
  max-height: none !important; }

#ProductPhotoContainer, #ProductPhotoWrapper {
  position: relative;
  z-index: 100;
  margin: 0 !important; }

#ProductPhotoContainer .shadow {
  position: absolute;
  width: 100%;
  box-shadow: inset 0px -30px 20px -20px #000, inset 0px -50px 50px -35px #000;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 60px; }

#ProductPhoto a.open-gallery {
  position: absolute;
  color: #FFF;
  top: 10px;
  right: 10px;
  font-size: 24px;
  padding: 5px;
  line-height: 28px;
  display: none;
  z-index: 2;
  opacity: 0.5; }

#ProductPhoto:hover a.open-gallery {
  display: block;
  padding: 20px 0; }

#ProductPhoto a.open-gallery:hover {
  opacity: 1; }

.product-video {
  max-height: 100%; }

#product-function-video {
  max-height: 530px; }

.product-single__photos {
  margin-bottom: 30px; }

.product-single__photos a, .product-single__photos img,
.product-single__thumbnails a,
.product-single__thumbnails img {
  display: block;
  margin: 0 auto;
  position: relative;
  overflow: hidden; }

#product-single__thumbnails-wrapper .product-single__thumbnails img {
  max-width: 74px;
  max-height: 111px;
  background: #000;
  width: 100%; }

.product-single__thumbnails {
  margin-left: -15px; }

.product-single__thumbnails .grid__item {
  padding-left: 15px;
  margin-bottom: 15px; }

.product-single__thumbnails li.active a {
  box-shadow: 0 0px 0px 4px #22a358; }

.product-single__thumbnails .overlaythumb .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: transparent url(//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/360overlay.png?v=41914286777015238) center center; }

.product-single__thumbnails .videothumb.overlaythumb .overlay {
  background: transparent url(//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/videooverlay.png?v=3901623463512545186) center center; }

.insta-media {
  background: #FFF; }

.insta-media img.mobile {
  display: none !important; }

.product-option .option button {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #5a666f;
  color: #859bab;
  margin: 0 5px 15px 0;
  position: relative;
  vertical-align: middle;
  overflow: hidden; }

.product-option .option button i.icon-ok {
  display: none; }

.product-option .option button.active i.icon-ok {
  display: inline-block;
  color: #22a358; }

.product-option .option button:hover {
  border: 1px solid #FFF;
  color: #FFF; }

.product-option .option {
  margin-bottom: 15px;
  position: relative; }

.product-option .option button.active {
  color: #FFF;
  border: 1px solid #FFF;
  box-shadow: 0 0 0 1px #FFF; }

.product-option.collapsed .product-option .option button.active {
  float: left; }

.product-option .option .img-btn button img {
  position: relative;
  margin-top: -5px;
  margin-bottom: -11px;
  display: inline-block;
  width: 48px;
  left: -10px; }

.product-option .option button:disabled,
.product-option .option button[disabled] {
  color: #283035;
  border: 1px solid #283035;
  background: transparent; }

.product-option .option button:disabled img {
  opacity: 0.3; }

.product-option .option .img-btn button span {
  display: inline-block;
  line-height: 14px;
  padding: 12px 0;
  vertical-align: top;
  height: 38px; }

.product-option.collapsed .option-select {
  overflow-x: scroll;
  position: relative; }

.product-option.collapsed .shadow {
  position: absolute;
  width: 30px;
  box-shadow: inset -30px 0 20px -20px #000, inset -50px 0 50px -35px #000;
  bottom: 0;
  right: 0;
  z-index: 1;
  height: 100%; }

.product-option.collapsed .option-select .inner {
  width: 10000px; }

#product-addons label input {
  margin: 18px 10px 0 0 !important; }

.payovertime {
  margin-bottom: 0;
  color: #5a666f; }

.payovertime span.subtext {
  display: block;
  font-size: 12px;
  margin-top: 10px; }

.image-feature h2, .image-feature .h2, .image-feature h3, .image-feature .h3, .image-feature h4, .image-feature .h4, .image-feature h5, .image-feature .h5 {
  line-height: 1.6;
  font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
  color: #333;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; }

.multifunction-share {
  height: 32px;
  display: inline-block; }

.warely-reactions-current > button {
  padding: 5px 10px;
  background: #eef3f7;
  border: 1px solid #eef3f7;
  border-radius: 5px;
  margin: 0 10px 10px 0; }

.warely-reactions-current > button.active {
  background: #d6f1e2;
  border: 1px solid #22a358; }

.warely-reactions-current > button .count {
  font-size: 12px;
  vertical-align: text-top;
  margin-left: 5px; }

.warely-reaction-container {
  display: inline-block;
  padding: 5px 10px;
  background: #eef3f7;
  border-radius: 5px;
  position: relative;
  margin-bottom: 15px; }

.warely-reaction-container .actions > button {
  color: #5a666f;
  margin-right: 5px;
  border-right: 1px solid #ced7de;
  padding-right: 10px; }

/*
.warely-reaction-container .actions > button:hover {
	color: #000;
}
*/
.warely-reaction-container .actions > button.last {
  border-right: none;
  margin-right: 0; }

.emoji-picker-container {
  position: absolute;
  z-index: 1000;
  top: -1px;
  left: -1px; }

.emoji-mart,
.emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15; }

.emoji-mart {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff; }

.emoji-mart .emoji-mart-emoji {
  padding: 6px; }

.emoji-mart-bar {
  border: 0 solid #d9d9d9; }

.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.emoji-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  color: #858585;
  line-height: 0; }

.emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  transition: color .1s ease-out;
  margin: 0;
  box-shadow: none;
  background: none;
  border: none; }

.emoji-mart-anchor:hover,
.emoji-mart-anchor-selected {
  color: #464646; }

.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0; }

.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #464646; }

.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px; }

.emoji-mart-anchors svg,
.emoji-mart-anchors img {
  fill: #858585;
  height: 18px;
  width: 18px; }

.emoji-mart-scroll {
  overflow-y: scroll;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform;
  /* avoids "repaints on scroll" in mobile Chrome */ }

.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative; }

.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 5px 25px 6px 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  outline: 0; }

.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
  /* remove webkit/blink styles for <input type="search">
   * via https://stackoverflow.com/a/9422689 */
  -webkit-appearance: none; }

.emoji-mart-search-icon {
  position: absolute;
  top: 7px;
  right: 11px;
  z-index: 2;
  padding: 2px 5px 1px;
  border: none;
  background: none; }

.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default; }

.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%; }

.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0; }

.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.95); }

.emoji-mart-category-list {
  margin: 0;
  padding: 0; }

.emoji-mart-category-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block; }

.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none; }

.emoji-mart-emoji-native {
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji"; }

.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585; }

.emoji-mart-no-results-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%; }

.emoji-mart-no-results .emoji-mart-category-label {
  display: none; }

.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: .2em; }

.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none; }

.emoji-mart-preview {
  position: relative;
  height: 70px; }

.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.emoji-mart-preview-emoji {
  left: 12px; }

.emoji-mart-preview-data {
  left: 68px;
  right: 12px;
  word-break: break-all; }

.emoji-mart-preview-skins {
  right: 30px;
  text-align: right; }

.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right; }

.emoji-mart-preview-name {
  font-size: 14px; }

.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888; }

.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: .5em; }

.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb; }

.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle; }

.emoji-mart-title .emoji-mart-emoji {
  padding: 0; }

.emoji-mart-title-label {
  color: #999A9C;
  font-size: 26px;
  font-weight: 300; }

.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff; }

.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff; }

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px; }

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
  opacity: .75; }

.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: .125s;
  transition-timing-function: ease-out; }

.emoji-mart-skin-swatch:nth-child(1) {
  transition-delay: 0s; }

.emoji-mart-skin-swatch:nth-child(2) {
  transition-delay: 0.03s; }

.emoji-mart-skin-swatch:nth-child(3) {
  transition-delay: 0.06s; }

.emoji-mart-skin-swatch:nth-child(4) {
  transition-delay: 0.09s; }

.emoji-mart-skin-swatch:nth-child(5) {
  transition-delay: 0.12s; }

.emoji-mart-skin-swatch:nth-child(6) {
  transition-delay: 0.15s; }

.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px; }

.emoji-mart-skin-swatch.selected:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease-out; }

.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: .125s;
  transition-timing-function: ease-out;
  cursor: default; }

.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0; }

.emoji-mart-skin-swatch.custom.selected:after {
  content: "";
  width: 0;
  height: 0; }

.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%; }

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0; }

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
  opacity: .75; }

.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #888;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff; }

.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%; }

.emoji-mart-skin-tone-1 {
  background-color: #ffc93a; }

.emoji-mart-skin-tone-2 {
  background-color: #fadcbc; }

.emoji-mart-skin-tone-3 {
  background-color: #e0bb95; }

.emoji-mart-skin-tone-4 {
  background-color: #bf8f68; }

.emoji-mart-skin-tone-5 {
  background-color: #9b643d; }

.emoji-mart-skin-tone-6 {
  background-color: #594539; }

/* For screenreaders only, via https://stackoverflow.com/a/19758620 */
.emoji-mart-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.featured.product {
  margin-bottom: 15px; }

.featured.product a .image-holder {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center; }

.featured.product a .content {
  max-width: 50%;
  padding: 15px;
  z-index: 1; }

.featured a.grid__image .product-title > span {
  margin-top: 15px; }

.featured.product .feature-ribbon {
  margin-bottom: 10px; }

.featured.product.instagram-text-right-featured a .content, .featured.product.instagram-text-left-featured a .content {
  background: rgba(0, 0, 0, 0.5);
  position: absolute; }

.featured.product.instagram-text-right-featured a .content, .featured.product.instagram-text-left-featured a .content {
  color: #FFF;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }

.featured.product.instagram-text-right-featured a .content {
  right: 0;
  text-align: right; }

.featured.product.instagram-text-left-featured a .content {
  text-align: left;
  left: 0; }

.featured.product.transparent-featured a img, .featured.product.white-featured a img {
  background: transparent !important; }

.featured.product.transparent-featured .image-container, .featured.product.white-featured .image-container {
  float: right; }

.insta-followers-tag {
  display: inline-block !important;
  background: #405DE6;
  color: #FFF;
  font-size: 12px;
  border-radius: 3px;
  padding: 0 4px;
  position: relative;
  margin-left: 2px; }

.insta-followers-tag .arrow-left {
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-right: 4px solid #405DE6;
  position: absolute;
  left: -3px;
  top: 6px; }

.featured.product.transparent-featured a .content {
  color: #333; }

.featured.product.transparent-featured a .content.alt {
  color: #FFF; }

.animated-bg {
  background: linear-gradient(-45deg, #c1f1ae, #c9f0fd, #e7ffb0, #ffd494);
  background-size: 400% 400%;
  animation: gradientBG 15s ease infinite;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.animated-bg-alt {
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400%;
  animation: gradientBG 15s ease infinite;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@keyframes gradientBG {
  0% {
    background-position: 0% 50%; }

  50% {
    background-position: 100% 50%; }

  100% {
    background-position: 0% 50%; } }

.featured.product.white-featured .image-holder {
  border: 1px solid #859bab;
  padding-right: 15px; }

.featured.product.black-featured .image-holder {
  background: #000; }

.featured.product.black-featured .image-container {
  float: right; }

.featured.product.black-featured .image-holder .content {
  color: #FFF; }

#reel-container, #reel-image-reel, #reel-container:hover, #reel-image-reel:hover {
  cursor: ew-resize; }

.reel-how {
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  position: absolute;
  bottom: 14px;
  width: 80%;
  left: 10%;
  text-align: center;
  font-size: 12px;
  padding: 4px 0;
  border-radius: 6px; }

#rating-field {
  color: #22a358;
  font-size: 12px;
  margin-left: 6px;
  position: relative;
  top: -4px; }

#ProductPrice, #ComparePrice, .price-subtext {
  margin-bottom: 0;
  font-weight: 400; }

#ComparePrice {
  margin-top: 10px; }

.unit-price {
  display: block;
  font-size: 14px;
  clear: both;
  width: 100%;
  float: left;
  color: #596975;
  margin: 5px 0 10px; }

#ProductPrice .dollar, #ProductPrice .cents {
  font-size: 70%;
  position: relative;
  top: -6px;
  margin-right: 10px; }

#ProductPrice .dollar {
  margin-right: 0; }

#ProductPrice .cents {
  margin-left: 2px;
  letter-spacing: 2px; }

#option-container {
  overflow: hidden; }

#option-container.noselect {
  padding-bottom: 0; }

#price-container {
  display: block;
  position: relative;
  top: -15px;
  left: -15px;
  width: calc(100% + 30px);
  background: #FFF;
  padding: 10px 15px;
  border-bottom: 1px solid #859bab; }

#option-container.noselect #price-container {
  margin-bottom: -16px; }

#price-container h2, #price-container .h2 {
  margin: 0; }

#price-container #ComparePrice {
  position: relative;
  padding: 10px 0 0 0; }

#price-container #ComparePrice .onsale {
  background: #d05751;
  color: #FFF;
  padding: 3px 15px;
  border-radius: 4px; }

.onsale-price .tag {
  background: #d05751;
  color: #FFF; }

.wholesale .tag {
  background: #7f15e0 !important; }

.consumable-type span.useicon {
  position: relative;
  float: left;
  opacity: 1;
  top: -1px;
  left: 0;
  width: 24px;
  height: 24px;
  margin-right: 6px; }

.consumable-type {
  margin-bottom: 15px; }

.consumable-type a, .consumable-type span.node {
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle; }

#useicons-info .content .text-left img {
  background: #26313a;
  display: inline-block;
  padding: 10px;
  border-radius: 100px; }

#option-container .selector-wrapper {
  display: block;
  margin-bottom: 15px;
  text-align: right; }

#option-container .selector-wrapper:last-of-type {
  margin-bottom: 0; }

#option-container .selector-wrapper label {
  font-weight: bold;
  color: #657582;
  width: 80px;
  display: inline-block;
  text-align: left; }

#option-container .selector-wrapper .single-option-selector {
  display: inline-block;
  margin-left: 15px;
  margin-bottom: 0;
  width: calc(100% - 100px); }

#multifunction-share span.p {
  margin-bottom: 10px; }

#multifunction-share > span {
  display: inline-block; }

#product-fit p {
  margin-bottom: 0; }

#product-fit .product-special {
  display: block;
  padding: 15px;
  margin-bottom: 15px;
  border: 1px solid; }

#product-fit .product-special.fit {
  border-color: #22a358;
  background: #F0F7F3; }

#product-fit .product-special.nofit {
  border-color: #D60000;
  background: #FAF5F5; }

#product-fit .product-special.warning {
  border-color: #F2DDB1;
  background: #fcf8e3; }

#product-fit .product-special img {
  float: left;
  width: 50px;
  margin: 0 10px 0; }

#product-top.white-top, #product-top.white-top-perm {
  background: #FFF;
  margin-top: 15px; }

#product-top.white-top .shadow, #product-top.white-top-perm .shadow {
  display: none !important; }

#product-top.white-top h1, #product-top.white-top .h1, #product-top.white-top-perm h1, #product-top.white-top-perm .h1 {
  color: #000 !important; }

#product-top.white-top #addtocartbox, #product-top.white-top-perm #addtocartbox {
  background: #eef3f7;
  border: 1px solid; }

#product-top.white-top #addtocartbox #shipping-est, #product-top.white-top-perm #addtocartbox #shipping-est {
  background: #FFF;
  color: #859bab; }

#product-top.white-top #addtocartbox #shipping-est strong, #product-top.white-top #addtocartbox #shipping-est #projectedtime,
#product-top.white-top-perm #addtocartbox #shipping-est strong, #product-top.white-top-perm #addtocartbox #shipping-est #projectedtime {
  color: #5a666f; }

#product-top.white-top h4, #product-top.white-top .h4, #product-top.white-top-perm h4, #product-top.white-top-perm .h4 {
  color: #5a666f; }

#product-top.white-top #product-options strong.muted, #product-top.white-top-perm #product-options strong.muted {
  color: #000; }

#product-top.white-top .rsDefault .rsThumbs, #product-top.white-top-perm .rsDefault .rsThumbs {
  background: #FFF;
  color: #000; }

#product-top.white-top #ProductPhoto, #product-top.white-top-perm #ProductPhoto {
  background: #FFF; }

#product-top.white-top .rsSlide, #product-top.white-top-perm .rsSlide {
  background: #FFF !important; }

#product-top.white-top .product-option .option button.active, #product-top.white-top-perm .product-option .option button.active {
  color: #000;
  border: 1px solid #000;
  box-shadow: 0 0 0 1px #000; }

#product-top.white-top .rsDefault .rsThumbsArrow, #product-top.white-top-perm .rsDefault .rsThumbsArrow {
  background: #FFF;
  background: rgba(133, 155, 171, 0.6); }

#ProductPhoto.single-photo-option .rsNav {
  display: none !important; }

#product-top.white-top .useicon.small.dry {
  background-image: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/icon-dryherb_icon_dark_24x.png?v=10535403734952338297"); }

#product-top.white-top .useicon.small.oil {
  background-image: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/icon-concentrates_icon_dark_24x.png?v=2779425394718855514"); }

#product-top.white-top .useicon.small.juice {
  background-image: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/icon-juice_icon_dark_24x.png?v=6984233915930902115"); }

#product-top.white-top .useicon.small.cartridge {
  background-image: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/icon-cartridge_icon_dark_24x.png?v=16744081827591996628"); }

#product-top.white-top .useicon.small.dry.oil {
  background-image: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/icon-both_icon_dark_24x.png?390590"); }

#product-top.white-top .product-option .option button:disabled,
#product-top.white-top .product-option .option button[disabled],
#product-top.white-top-perm .product-option .option button:disabled,
#product-top.white-top-perm .product-option .option button[disabled] {
  opacity: 0.2; }

.infobox .muted-panel {
  background: #eef3f7;
  border: none; }

.infobox .muted-panel small {
  color: #6e7f8c; }

.product-trust-banner h3, .product-trust-banner .h3 {
  margin-bottom: 0; }

#product-questions .question {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  clear: both; }

#product-questions .question .response {
  margin: 10px 0 30px;
  clear: both;
  float: left;
  width: 100%; }

#product-questions .question .response p {
  margin-bottom: 0; }

#product-questions .question .response p i.muted {
  margin-top: 5px; }

#product-questions .question .response .vote {
  float: right;
  margin-left: 12px; }

#product-questions .question .bottom {
  text-align: right;
  font-size: 11px;
  color: #888; }

#product-questions .question .bottom strong {
  float: left; }

#product-questions a.showall {
  position: relative;
  top: -10px;
  left: -20px; }

#featured-review {
  position: relative;
  margin: 30px 0 10px 0; }

#featured-review p.review-content {
  margin: 15px 40px; }

#featured-review .quote {
  position: absolute;
  font-size: 64px;
  line-height: 70px; }

#featured-review .quote.bottom {
  bottom: 0;
  right: 15px; }

#featured-review .secondary-panel {
  position: relative; }

#featured-review .review-arrow {
  left: 50%;
  margin-left: -15px; }

#shipping-est {
  display: block;
  position: relative;
  padding: 12px 15px;
  border-top: 1px solid #5a666f;
  margin: 15px 0 0 0;
  font-size: 12px;
  left: -15px;
  background: #859bab;
  width: calc(100% + 30px);
  color: #d2e5f3;
  margin-bottom: -15px;
  border-radius: 0 0 4px 4px;
  min-height: 46px;
  overflow: hidden; }

#delivery-state, .delivery-state {
  display: inline;
  width: auto !important;
  margin-bottom: 0;
  font-size: 12px;
  padding: 0 10px; }

#projectedtime {
  display: inline-block;
  font-weight: bold;
  color: #FFF; }

#shipping-est .shipping-claim {
  font-size: 14px;
  font-weight: bold;
  margin: 0 30px 0 35px;
  color: #FFF; }

#shipping-est .shipping-claim i {
  font-size: 24px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  color: #FFF; }

/*============================================================================
  #Notes and Form Feedback
==============================================================================*/
.note,
.errors {
  border-radius: 4px;
  padding: 6px 12px;
  margin-bottom: 15px;
  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: #d6dee4; }

.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; }

#live-button {
  position: fixed;
  left: 70px;
  bottom: 15px; }

/*============================================================================
  #Cart Page
==============================================================================*/
.cart__subtotal {
  margin: 0 0 0 10px;
  display: inline; }

.cart__mini-labels {
  display: block;
  margin: 10px 0;
  font-size: 0.85714em; }
  @media screen and (min-width: 769px) {
    .cart__mini-labels {
      display: none; } }

.cart__remove {
  display: block; }

.input-mini {
  display: inline-block;
  width: 60px;
  padding: 4px 6px; }

.cart-history-item table th, .cart-history-item table td {
  padding: 10px 15px; }

.dopecheckbox {
  width: 20px;
  position: relative;
  margin: 15px auto;
  display: inline-block;
  float: left;
  margin-right: 15px; }
  .dopecheckbox label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    border: 1px solid #859bab;
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF;
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5); }
    .dopecheckbox label:after {
      content: '';
      width: 12px;
      height: 7px;
      position: absolute;
      top: 5px;
      left: 4px;
      border: 3px solid #22a358;
      border-top: none;
      border-right: none;
      background: transparent;
      opacity: 0;
      transform: rotate(-45deg); }
    .dopecheckbox label:hover::after {
      opacity: 0.5; }
  .dopecheckbox input[type=checkbox] {
    visibility: hidden; }
    .dopecheckbox input[type=checkbox]:checked + label:after {
      opacity: 1; }

.dopecheckbox.small {
  margin: 0 10px 0 0;
  height: 16px;
  width: 16px; }

.dopecheckbox.small label {
  width: 16px;
  height: 16px; }

.dopecheckbox.small label:after {
  width: 10px;
  height: 6px;
  top: 3px;
  left: 3px; }

.rounded {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  /* future proofing */
  -khtml-border-radius: 4px;
  /* for old Konqueror browsers */ }

.product-top {
  position: relative; }

.product-inner .subtitle {
  margin: -5px 0 20px;
  font-size: 13px;
  color: #444; }

.product-inner {
  margin-bottom: 30px; }

.product {
  position: relative; }

.product .quick-add {
  display: none;
  position: absolute;
  top: 15px;
  right: 15px;
  background: #22a358;
  color: #FFF;
  padding: 5px 15px;
  border-radius: 70px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.3);
  z-index: 11; }

.product:hover .quick-add {
  display: block; }

.product-inner .quick-add:hover {
  background: #29bf68; }

.product img.product {
  min-width: 100%;
  display: none; }

.product img.product.variant {
  display: none;
  transition: opacity 0.2s linear;
  opacity: 0; }

.product img.product.active, .product.grid__item img.product.loaded {
  display: block !important;
  position: absolute; }

.product img.product.active {
  position: relative;
  opacity: 1;
  height: initial !important; }

.product img.product.active.loaded {
  background: black url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/white-loading.gif?v=615222015557050791") no-repeat center center;
  position: relative; }

.product .image-holder.white-bg img.product.active.loaded {
  background: #FFF no-repeat center center;
  position: relative; }

.left-control, .right-control {
  position: absolute;
  top: 50%;
  color: white;
  opacity: 0.3;
  margin-top: -12px;
  font-size: 24px;
  z-index: 11;
  right: 0;
  line-height: 24px;
  text-shadow: 0px 1px rgba(0, 0, 0, 0.85), 0px -1px rgba(0, 0, 0, 0.85), 1px 0 rgba(0, 0, 0, 0.85), -1px 0 rgba(0, 0, 0, 0.85); }

.left-control {
  left: 0;
  padding-left: 4px;
  right: auto; }

.slide-control:hover, .scroller-control:hover {
  opacity: 1; }

.product .price > i {
  font-size: 12px;
  position: relative;
  top: -4px;
  margin-right: 4px;
  color: #859bab; }

.price {
  white-space: nowrap; }

.price .dollar, .price .cents {
  font-size: 70%;
  position: relative;
  vertical-align: text-top; }

.price .cents {
  margin-left: 2px;
  letter-spacing: 1px; }

.stars-container .count {
  position: relative;
  font-size: 12px;
  margin-left: 2px;
  color: #859bab;
  top: -3px; }

.product.soldout .soldout-notice {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 3;
  font-size: 24px;
  color: rgba(255, 255, 255, 0.75);
  line-height: 48px;
  text-align: center; }

.product.soldout:hover .soldout-notice {
  opacity: 0.5; }

.image-holder.white-bg .soldout-notice {
  background: rgba(255, 255, 255, 0.6);
  color: rgba(0, 0, 0, 0.5); }

.product.soldout .soldout-notice > span {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: block; }

.product.soldout .soldout-notice > span i {
  font-size: 64px;
  display: block; }

.product .fits-item {
  background: #22a358;
  z-index: 5; }

.product .fits-item span.hovershow {
  display: none; }

.product .fits-item:hover span.hovershow {
  display: inline; }

.smokecartel-choice img {
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 3px; }

.like-btn {
  position: absolute;
  color: #FFF;
  top: 15px;
  left: 12px;
  z-index: 1;
  font-size: 32px;
  line-height: 32px;
  z-index: 2;
  text-shadow: 0px 1px rgba(0, 0, 0, 0.85), 0px -1px rgba(0, 0, 0, 0.85), 1px 0 rgba(0, 0, 0, 0.85), -1px 0 rgba(0, 0, 0, 0.85);
  opacity: 0.2;
  cursor: pointer; }

.like-btn:hover {
  color: #d28383;
  opacity: 1; }

.like-btn.active {
  color: #d28383;
  opacity: 1;
  text-shadow: 0px 1px rgba(0, 0, 0, 0.3), 0px -1px rgba(0, 0, 0, 0.3), 1px 0 rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.3); }

a.grid__image {
  display: table;
  width: 100%;
  color: #384650; }

a.grid__image .product-title {
  display: table-footer-group; }

a.grid__image .product-title > span {
  display: block;
  margin: 10px 0 0; }

a.grid__image .tag {
  z-index: 3; }

.demo-btn {
  background: rgba(0, 0, 0, 0.5);
  color: rgba(255, 255, 255, 0.6);
  padding: 2px 12px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  -khtml-border-radius: 60px;
  border-radius: 60px;
  position: absolute;
  top: 17px;
  right: 15px;
  width: 90px;
  cursor: pointer;
  z-index: 2;
  transition: background-color .25s ease-in-out;
  -moz-transition: background-color .25s ease-in-out;
  -webkit-transition: background-color .25s ease-in-out; }

.demo-btn:hover {
  color: #FFF;
  background: #000; }

.demo-btn.active {
  opacity: 1;
  background: #859bab; }

/* Stars */
span.stars, span.stars > * {
  display: inline-block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAABUUlEQVR42s2UsUoDQRCGDQc+gk9g5XWpA4HrjVY2afIQeQU7n8AqjTZpDKSwTBHQLlYHvsJVhsAdSm7XQb6FsLqze4Jg8XHL7D//LBPyH1XrscaFcKlptOaeUEKvswGTDQRfEZtugFekG1zRaMFQ+9FgLFwLC+FVaA6arHdu0Czo+XIZCR8IkqFn5J5SCO9uUgSDtvB3MBBqoVWaWzSD0BKHCDWG2q/QTzDoawYTb6EtHC5uohnc0OCW+QSWWosmaLBC/OK2DAU1iyZosBTOOX+Du6Vi0J0/z4MN/DoP9tA9D5g8g03nPGDyKexT8mDOpJ1gmeyEM2o7NHM/DxrhTZiy+Vw4dgacc+6maBs/D2rhVsiUxWZo6lAebIW7gEnG3TaaB3yVu3genPgG1JLyoOJ8JjxATq1KyYNSuOf/vwJDrYzlwSPPfPbzgJpF84/y4BND5bYy4pOq5wAAAABJRU5ErkJggg==") 0 -16px repeat-x;
  text-align: left;
  width: 80px;
  height: 16px; }

span.stars > * {
  max-width: 80px;
  background-position: 0 0; }

#rating-field a {
  color: #22a358; }

.star-banner {
  background: rgba(0, 0, 0, 0.2) !important;
  padding: 8px 0 0px !important; }

.star-banner span.count {
  height: 16px;
  line-height: 16px;
  color: white;
  top: 8px;
  position: absolute;
  margin-left: 6px;
  font-size: 12px;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3), 1px -1px 0 rgba(0, 0, 0, 0.3), -1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(0, 0, 0, 0.3); }

.jointicon {
  display: inline-block;
  width: auto;
  min-width: 46px;
  text-align: center;
  margin-bottom: 6px;
  color: #859bab;
  margin-right: 30px;
  font-size: inherit; }

.jointicon span {
  font-weight: bold;
  color: black;
  display: block; }

.jointicon i {
  display: block; }

.jointicon img {
  width: 48px; }

.jointicon.small img {
  width: 36px; }

.jointicon.big img {
  width: 64px; }

.loading {
  position: absolute;
  left: 50%;
  top: 32%;
  font-size: 18px;
  margin-left: -40px; }

#collect-text {
  position: relative;
  margin-top: 5px; }

#collect-text.hide-collect-text {
  overflow: hidden;
  max-height: 200px; }

#collect-text .shadow {
  display: block;
  height: 40px;
  box-shadow: inset 0 -40px 30px -30px #000;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 0; }

#collect-text .shadow.white {
  box-shadow: inset 0 -40px 30px -30px #FFF; }

#collect-text.show-text {
  max-height: none !important;
  display: block !important; }

#collect-text.show-text .shadow {
  display: none; }

#show-collect-text {
  margin-top: -5px;
  display: block;
  font-style: italic;
  padding-top: 20px; }

#collection-instagram-container {
  position: relative; }

.scroller {
  position: relative;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  /* Not implemented yet */
  -o-user-select: none;
  user-select: none;
  margin-bottom: 20px;
  -webkit-overflow-scrolling: touch; }

.scroller-wrapper {
  width: 100%;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
  min-height: 350px; }

.scroller-shadow {
  width: 36px;
  height: 240px;
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: inset -24px 0px 20px -15px #FFF;
  background: transparent; }

.scroller-dark .scroller-shadow {
  box-shadow: inset -20px 0px 30px -10px rgba(0, 0, 0, 0.8); }

.internal {
  position: relative;
  display: inline-block;
  vertical-align: top; }

.internal .slide-container {
  display: inline-block;
  width: 160px;
  position: relative;
  text-align: center;
  margin-right: 30px;
  vertical-align: top;
  padding-bottom: 10px; }

.internal .slide-container p {
  margin-bottom: 10px;
  font-size: 12px; }

.internal .slide-container img {
  background: #000;
  min-width: 100%;
  min-height: 240px;
  object-fit: cover; }

.internal .slide-container .video-holder img {
  height: 240px;
  width: auto;
  min-width: auto; }

.internal .slide-container span.dollar {
  font-size: 12px;
  position: relative;
  margin-right: 4px;
  font-family: Helvetica,Arial,Verdana,sans-serif;
  top: 2px;
  line-height: 100%; }

.internal .slide-container span.cents {
  top: 2px;
  line-height: 100%; }

.internal .slide-container span.sale-price {
  position: absolute;
  left: 42px;
  top: 0;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3), 1px -1px 0 rgba(0, 0, 0, 0.3), -1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(0, 0, 0, 0.3);
  opacity: 0.75; }

.internal .img-container {
  margin-bottom: 8px; }

.internal .slide-container a {
  display: block;
  white-space: normal; }

.internal .slide-container .price {
  font-size: 16px; }

.internal .slide-container .compare_price span {
  display: inline-block;
  border: 1px solid #859bab;
  padding: 0 8px;
  color: #859bab;
  border-radius: 4px; }

.internal .slide-container img {
  width: 100%; }

.internal .slide-container .video-holder {
  height: 240px;
  width: 100%;
  margin-bottom: 16px;
  text-align: center; }

.internal .slide-container .video-holder video {
  max-height: 240px;
  margin-bottom: 10px;
  width: 100%;
  background: #000; }

.scroller.small .internal .slide-container {
  width: 120px;
  margin-right: 15px; }

.scroller.small .internal .slide-container img, .scroller.small .scroller-wrapper {
  min-height: auto; }

.scroller.small .internal .slide-container a {
  font-size: 10px; }

.scroller .scroller-btn, #collection-instagram-container .scroller-btn {
  position: absolute;
  color: #000;
  padding: 6px;
  font-size: 24px;
  left: -45px;
  top: 100px;
  line-height: 30px;
  cursor: pointer; }

.scroller .scroller-btn.next, #collection-instagram-container .scroller-btn.next {
  right: -45px;
  left: auto; }

.scroller .demo-btn {
  background: transparent url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/play-icon_thumb.png?v=10347897033363575594") center center;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  top: 100px;
  opacity: 0.2;
  left: 50%;
  padding: 0;
  bottom: initial;
  right: initial;
  transition: background-color .25s ease-in-out;
  -moz-transition: background-color .25s ease-in-out;
  -webkit-transition: background-color .25s ease-in-out; }

.scroller .slide-container:hover .demo-btn {
  opacity: 1; }

.scroller .demo-btn.active {
  background: transparent url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/stop-icon_thumb.png?v=15743813229728412039") center center; }

.scroller-dark {
  -webkit-box-shadow: inset 0 240px 0 #000;
  -moz-box-shadow: inset 0 240px 0 #000;
  box-shadow: inset 0 240px 0 #000;
  overflow-y: visible; }

.scroller-dark .scroller-extend {
  background: #000;
  width: 1000%;
  position: absolute;
  height: 240px;
  left: -1000px;
  z-index: 0;
  overflow: hidden; }

.scroller.scroller-dark .scroller-btn {
  color: #FFF; }

.scroller-btn.circle-btn {
  background: #eef7f2;
  border-radius: 100px;
  height: 45px;
  width: 45px;
  padding: 10px 6px;
  text-align: center;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4); }

.slide-category-link {
  color: #FFF;
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 240px;
  width: 160px;
  font-size: 18px;
  white-space: normal; }

.slide-category-link span {
  position: absolute;
  top: 50%;
  margin-top: -40px; }

.slide-category-link span > i {
  display: inline-block;
  background: #26313a;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 18px;
  text-align: center;
  border-radius: 64px; }

.slider-pill-nav {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  vertical-align: middle;
  margin-bottom: 0;
  padding-bottom: 0;
  justify-content: center;
  position: relative;
  top: 1px; }

.slider-pill-nav a {
  display: flex;
  background: #eef3f7;
  padding: 5px 18px;
  border-radius: 5px 5px 0 0;
  color: #4a555d;
  font-size: 15px;
  margin-right: 10px;
  white-space: nowrap;
  letter-spacing: 0.4px;
  position: relative;
  line-height: 30px; }

.slider-pill-nav a.active {
  background: #000;
  color: #FFF; }

.mobile-category {
  margin-bottom: 30px; }

.mobile-category a {
  color: #000;
  font-weight: 400; }

.mobile-category:hover span.image {
  opacity: 0.8; }

.mobile-category span.image {
  display: block;
  overflow: hidden;
  background: #d3e6f4;
  border-radius: 200px;
  margin-bottom: 10px; }

.mobile-category span.image img {
  display: block;
  width: 100%; }

.useicon {
  display: inline-block;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  opacity: 0.4; }

.useicon:hover {
  opacity: 1; }

.useicon.dry {
  background-image: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/icon-dryherb_icon.png?v=13285678069237351011"); }

.useicon.oil {
  background-image: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/icon-concentrates_icon.png?v=17985368342970603973"); }

.useicon.juice {
  background-image: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/icon-juice_icon.png?v=8470916560249941039"); }

.useicon.cartridge {
  background-image: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/icon-cartridge_icon.png?v=9166461282120172203"); }

.useicon.dry.oil {
  background-image: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/icon-both_icon.png?v=9825549390081500815"); }

.useicon.small.dry {
  background-image: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/icon-dryherb_icon_24x.png?v=13285678069237351011"); }

.useicon.small.oil {
  background-image: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/icon-concentrates_icon_24x.png?v=17985368342970603973"); }

.useicon.small.juice {
  background-image: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/icon-juice_icon_24x.png?v=8470916560249941039"); }

.useicon.small.cartridge {
  background-image: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/icon-cartridge_icon_24x.png?v=9166461282120172203"); }

.useicon.small.dry.oil {
  background-image: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/icon-both_icon_24x.png?v=9825549390081500815"); }

.product:hover .img-container .hover {
  display: inline-block;
  top: 0;
  position: absolute;
  height: 100%;
  width: auto;
  min-width: auto; }

.product .hover.giphy {
  margin-left: -42%; }

.product .hover.instagram:not(.active) {
  margin-left: -50%; }

.tag {
  background: #eef3f7;
  color: #677e90;
  padding: 4px 10px;
  border-radius: 4px; }

.tag.dark {
  background: #859bab;
  color: #FFF; }

.tag.green {
  background: #22a358;
  color: #FFF; }

.img-protect {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 1; }

.img-container {
  position: relative;
  display: inline-block;
  overflow: hidden; }

.product .img-container {
  width: 100%; }

.img-container img {
  display: block; }

.img-container .bottombanner {
  position: absolute;
  bottom: 10px;
  width: 100%;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  padding: 4px 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out; }

#addons-popup-content .addon .added, #addons-popup-content .addon.active .pre {
  display: none; }

#addons-popup-content .addon.active {
  background: #22a358;
  border: 1px solid #22a358;
  color: #FFF; }

#addons-popup-content .addon.active .added {
  display: block; }

#category-reviews {
  height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: scroll;
  color: #41505d; }

#category-reviews .customer-review {
  margin: auto 10%; }

#category-reviews .customer-review.active {
  display: block !important; }

#category-reviews .customer-review .title {
  display: block;
  font-size: 16px; }

#category-reviews .customer-review .content {
  display: block;
  font-size: 13px;
  margin: 10px 0;
  position: relative; }

#category-reviews .customer-review .product {
  display: block;
  font-size: 13px; }

.minimal #header-content, .minimal #featuredon, .minimal #footer-content, .minimal #addtocartbox {
  display: none !important; }

.insta-feed-container {
  min-height: 185px; }

.footer-extend {
  background: #000;
  width: 1000%;
  position: absolute;
  height: 240px;
  left: -1000px;
  z-index: 0;
  overflow: hidden;
  top: 41px; }

.template-index.main-content {
  margin-top: 15px; }

#share-buttons-top, .addthis_inline_share_toolbox {
  min-height: 35px; }

#white-img-slider {
  min-height: 360px;
  height: 360px;
  opacity: 0; }

#white-img-slider.rsHor {
  opacity: 1;
  height: auto !important; }

.pushowl-widget-node {
  display: none !important; }

#addedtocart-right .route-widget-shopify {
  margin-top: 10px; }

.pieWrapper {
  width: 80px;
  height: 80px;
  margin: auto;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%; }

.pie {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #22a358; }

.rightPie {
  border-radius: 50%;
  z-index: 1;
  clip: rect(0px, 40px, 80px, 0px);
  -webkit-transform: rotate(180deg); }

.leftPie {
  border-radius: 50%;
  z-index: 2;
  clip: rect(0px, 40px, 80px, 0px);
  background: #22a358; }

.percentOverlay {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #FFF;
  position: absolute;
  z-index: 4;
  left: 10px;
  top: 10px;
  line-height: 60px;
  text-align: center;
  color: #000;
  font-size: 18px; }

.feature-ribbon {
  display: inline-block;
  background: #d6f1e2;
  padding: 4px 10px 4px 15px;
  margin-bottom: 15px;
  position: relative;
  color: #22a358;
  text-shadow: none;
  border-radius: 3px 0 0 3px;
  margin-right: 10px; }

.feature-ribbon .arrow-top {
  width: 0;
  height: 0;
  border-bottom: 15px solid transparent;
  border-left: 10px solid #d6f1e2;
  position: absolute;
  top: 0;
  right: -10px; }

.feature-ribbon .arrow-bottom {
  width: 0;
  height: 0;
  border-bottom: 15px solid #d6f1e2;
  border-right: 10px solid transparent;
  position: absolute;
  bottom: 0;
  right: -10px; }

.feature-ribbon.dark {
  background: #22a358;
  color: #FFF; }

.feature-ribbon.dark .arrow-top {
  border-left: 10px solid #22a358; }

.feature-ribbon.dark .arrow-bottom {
  border-bottom: 10px solid #22a358; }

.template-list-collections #featuredon {
  display: none; }

.subscription-boxes ul li {
  margin-bottom: 10px;
  font-weight: bold;
  border-bottom: 1px solid #859bab;
  padding-bottom: 10px;
  font-size: 12px; }

.subscription-boxes .description {
  margin-bottom: 20px;
  height: 100px; }

.subscription-boxes .box-img {
  margin-top: -130px; }

.subscription-boxes .secondary-panel {
  margin-top: 130px; }

#wholesale-addtocart-table {
  margin-bottom: 15px;
  margin-left: -16px;
  width: calc(100% + 32px);
  margin-top: -16px;
  overflow-x: scroll; }

#wholesale-addtocart-table thead {
  background: #eef3f7; }

#wholesale-addtocart-table th {
  padding: 10px 15px; }

#wholesale-addtocart-table td {
  padding: 5px 15px;
  white-space: nowrap; }

#wholesale-addtocart-table input[type="number"] {
  padding: 5px 10px; }

#user-review .review {
  border: 1px solid #DDD;
  background: #F3F3F3;
  padding: 6px 12px;
  border-radius: 6px;
  position: relative;
  color: #444444; }

#user-review .review h4, #user-review .review .h4 {
  margin-bottom: 6px;
  color: #444444; }

#user-review .review h4 .rating, #user-review .review .h4 .rating {
  margin-left: 10px;
  position: relative;
  top: 4px; }

#user-review .review-author {
  text-align: right;
  margin-bottom: 8px;
  font-size: 10px; }

#user-review a.more {
  position: absolute;
  left: 12px;
  bottom: -24px;
  font-size: 10px; }

.subscore {
  margin-bottom: 10px; }

.subscore > div {
  display: block;
  color: #859bab; }

.subscore > div .stars {
  position: relative;
  top: 4px; }

.product-reviews-content .review, #product-reviews-content .review {
  display: block;
  clear: both;
  margin-bottom: 30px;
  width: 100%;
  float: left; }

.product-reviews-content .review .author, #product-reviews-content .review .author {
  width: 100px;
  float: left;
  height: 100%;
  background: #FFF;
  padding-bottom: 10px;
  z-index: 2; }

.product-reviews-content .review .author img, #product-reviews-content .review .author img {
  background: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/apple-icon-120x120_60x.png?v=17954186311229910378") no-repeat center center;
  height: 60px;
  width: 60px; }

.product-reviews-content .review .author .type, #product-reviews-content .review .author .type {
  font-size: 11px; }

.product-reviews-content .review .author strong, #product-reviews-content .review .author strong {
  display: block;
  color: #22a358; }

.product-reviews-content .review .content, .review-content .content, #product-reviews-content .review .content, .review-content .content {
  background: #eef3f7;
  border: 1px solid #859bab;
  padding: 15px;
  border-radius: 6px;
  position: relative;
  width: -moz-calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
  float: left; }

.review-content .content {
  width: 100%;
  clear: both;
  float: none;
  margin-bottom: 15px; }

.review-content .content p {
  color: #333 !important; }

.review-content .onproduct, .review-content .author {
  margin-left: 15px; }

.product-reviews-content .review .content p a, #product-reviews-content .review .content p a {
  color: inherit; }

.product-reviews-content .review i.date, #product-reviews-content .review i.date {
  float: right;
  font-size: 11px;
  color: #888; }

.review-arrow {
  width: 10px;
  height: 8px;
  display: block;
  background: transparent url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/review-arrow.gif?v=14172757945041301524") no-repeat top left;
  position: absolute;
  bottom: -8px;
  right: 20%; }

.review-arrow.dark {
  background: transparent url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/review-arrow-dark.gif?v=14976055822279733977") no-repeat top left; }

.review-content .review-arrow {
  right: auto;
  left: 30px; }

.product-reviews-content .review-arrow, #product-reviews-content .review-arrow {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  left: -9px;
  top: 25px; }

.product-reviews-content .review .stars-manual, #product-reviews-content .review .stars-manual {
  margin-top: 6px; }

.product-reviews-content .review h4, .product-reviews-content .review .h4, #product-reviews-content .review h4, #product-reviews-content .review .h4 {
  margin: 5px 0 15px; }

.product-reviews-content p, #product-reviews-content p {
  margin-bottom: 5px; }

.product-reviews-content .bottom, #product-reviews-content .bottom {
  text-align: right;
  font-size: 11px;
  color: #888; }

.product-reviews-content .response, #product-reviews-content .response {
  margin: 15px 0 0 100px;
  position: relative;
  display: block;
  float: left;
  clear: both;
  width: calc(100% - 100px); }

.response-arrow {
  width: 100px;
  height: 150px;
  position: absolute;
  left: -100px;
  top: -60px;
  z-index: -1; }

span.long,
span.wide {
  width: 1px;
  height: 100%;
  display: block;
  background: #DDD;
  position: absolute;
  left: 25px;
  bottom: 0; }

.distribution .count,
.percentage {
  display: inline-block;
  position: relative; }

span.wide {
  height: 1px;
  width: 50px; }

.distribution .count {
  top: -4px;
  width: 30px;
  margin-right: 15px; }

.distribution a {
  padding-bottom: 10px;
  position: relative;
  display: block; }

.percentage {
  width: 120px;
  background: #eef3f7;
  height: 12px;
  top: -2px; }

.subscore .percentage {
  width: 100%;
  height: 20px;
  top: 0;
  border: 1px solid #859bab;
  margin-bottom: 10px;
  border-radius: 64px;
  overflow: hidden; }

.subscore .percentage .bar {
  border: 2px solid #FFF;
  border-radius: 40px; }

.percentage .bar {
  background: #22a358;
  height: 100%;
  display: block;
  color: #FFF;
  text-align: center;
  font-size: 12px; }

.review .subscore > div,
.star-span {
  margin-right: 10px;
  display: inline-block; }

.star-span span {
  font-size: 20px;
  color: #EAC45B; }

.review .meta .subscore {
  font-weight: 700;
  border-bottom: none;
  margin-top: 5px;
  margin-bottom: 0; }

.review .subscore .percentage {
  background: white; }

.review .subscore > div {
  display: block; }

#reviews-breakdown .subratings-content .clearfix {
  display: none;
  clear: none; }

#subratings {
  margin-top: 15px; }

#reviews-media-container, .review-media-container {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  width: calc(100% + 30px);
  margin-left: -15px;
  padding-left: 15px; }

#reviews-media {
  margin-bottom: 25px; }

#reviews-media, .review-media {
  width: auto;
  float: left;
  overflow: hidden;
  display: flex; }

#reviews-media .media, .review-media > a {
  width: max-content;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 10px;
  white-space: nowrap; }

.instagram-photo {
  animation: hideMe 10s infinite;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  position: absolute !important;
  z-index: 1;
  border-bottom: 2px solid #FFF; }

@keyframes hideMe {
  66%, 100% {
    opacity: 1; }

  83% {
    opacity: 0; } }

.product .product-inner:hover img.product.instagram-photo {
  display: none !important; }

#collection-header div#breadcrumb {
  text-align: left !important; }

.instagram_feed img {
  display: block; }

.instagram_feed .title {
  margin: 15px 0 10px;
  display: block; }

.bannerprompt {
  padding: 20px 0; }

.bannerprompt a.cancel {
  color: #000;
  border: 2px solid #000;
  display: inline-block;
  border-radius: 100px; }

#sales-promo, #mobile-sales-promo {
  padding-top: 10px;
  display: block;
  position: relative; }

#sales-promo-coupon {
  position: relative;
  top: -10px; }

#sales-promo .meter {
  height: 18px;
  padding: 2px;
  margin-bottom: 15px; }

#mobile-sales-promo .meter {
  height: 24px;
  padding: 1px;
  margin-bottom: 10px; }

#sales-promo .meter > span {
  height: 12px;
  background: #d05751; }

#mobile-sales-promo .meter > span {
  height: 20px;
  background: #d05751; }

#mobile-sales-promo .ends-text-overlay {
  position: absolute;
  z-index: 4;
  margin: 0;
  width: 100%;
  left: 0; }

#mobile-sales-promo .ends-text-overlay small {
  color: #000; }

.meter {
  position: relative;
  background: #EEE;
  border: 1px solid #AAA;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  padding: 3px;
  text-align: left;
  height: 30px; }

.meter > span {
  display: block !important;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background-color: #22a358;
  position: relative;
  color: white;
  text-align: center;
  height: 22px; }

.meter > span:after, .meter > span > span {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  z-index: 1;
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  -webkit-animation: move 2s linear infinite;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden; }

.meter > span:after {
  display: none; }

@-webkit-keyframes move {
  0% {
    background-position: 30px 30px; }

  100% {
    background-position: 0 0; } }

.meter.flash-deal, .meter.slim {
  padding: 2px;
  height: 18px;
  margin-bottom: 5px; }

.meter.flash-deal > span, .meter.slim > span {
  height: 12px;
  background: #d05751; }

.meter.slim > span {
  background: #859bab; }

.variant-lowstock {
  margin-top: 10px; }

.meter .bar.outside > span {
  position: absolute;
  color: #22a358;
  width: 70px;
  right: -85px;
  display: inline-block;
  text-align: left;
  white-space: nowrap; }

.slide-container .meter {
  border: none;
  width: 100%;
  display: block;
  position: absolute;
  top: 220px;
  padding: 2px;
  height: 12px; }

.slide-container .limited-offer {
  color: #FFF;
  position: absolute;
  top: 13px;
  font-size: 12px;
  background: rgba(216, 62, 78, 0.4);
  padding: 1px 20px 1px 15px;
  right: 23px;
  z-index: 0;
  border-radius: 30px 0 0 30px; }

.slide-container .endsin {
  font-size: 10px !important;
  color: #D83E4E;
  display: block;
  width: 100%;
  overflow: hidden; }

.slide-container .meter > span {
  height: 8px !important; }

#progress .step {
  display: inline-block;
  width: 33%;
  float: left; }

#progress .step .bar-inner {
  background: #EEE;
  border: 1px solid #CCC;
  padding: 8px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #A0A0A0; }

#progress .step .bar-inner.active {
  background: #D1F0DE;
  color: #22a358;
  border-color: #22a358; }

/* Widget: Purchase options */
div#rc_container {
  display: block;
  clear: both;
  width: 100%;
  flex: none;
  margin-bottom: 1em; }

div#rc_container > .select-wrapper {
  display: none; }

#rc_subscription_id,
#rc_shipping_interval_unit_type,
#rc_duplicateSelect {
  display: none !important; }

label.rc_label {
  vertical-align: middle;
  display: inline !important;
  float: none !important;
  line-height: 2 !important;
  padding-left: 0; }

label.rc_label__deliver_every {
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block !important;
  padding: 8px 0 0 23px; }

.rc_subscription-only label.rc_label__deliver_every {
  padding-left: 0; }

span.rc_label__delivery {
  padding-right: 4px; }

input.rc_radio {
  vertical-align: middle;
  margin: 0 3px 0 0;
  padding: 0 5px 0 0;
  width: 16px;
  /*height: 16px;*/
  -webkit-appearance: radio;
  float: none !important; }

input.rc_radio:focus {
  outline: 0; }

select.rc_select {
  margin-bottom: 0;
  vertical-align: middle;
  max-width: 100%;
  font-size: 100%; }

div.rc_block {
  white-space: nowrap; }

div.rc_block__type {
  width: 100%;
  margin: 0;
  border-radius: 4px;
  padding: 8px; }

.rc_subscription-only div.rc_block__type {
  padding-left: 0; }

div.rc_block__type__options {
  display: none; }

div.rc_block__type--active div.rc_block__type__options,
.rc_subscription-only div.rc_block__type__options {
  display: block; }

/* Widget: Popup */
div.rc_popup {
  display: block;
  white-space: nowrap;
  padding: 8px; }

.rc_subscription-only div.rc_popup {
  padding: 0; }

div.rc_block__type--active + div.rc_popup {
  margin-top: 8px; }

div.rc_popup__hover,
a.rc_popup__hover {
  display: inline-block;
  position: relative;
  height: 35px;
  clear: both;
  cursor: pointer; }

img.rc_popup__icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 21px;
  top: -2px;
  margin-right: 3px;
  -ms-interpolation-mode: bicubic;
  image-rendering: unset; }

div.rc_popup__block {
  display: none;
  position: absolute;
  top: 100%;
  cursor: default;
  left: 0;
  text-align: left;
  white-space: normal; }

div.rc_popup__block:before {
  display: block;
  content: "";
  width: 1px;
  border: 10px solid transparent;
  position: absolute;
  top: -20px;
  right: 60px; }

div.rc_popup__hover:hover .rc_popup__block,
div.rc_popup__block:hover {
  display: block; }

div.rc_popup__hover--mobile div.rc_popup__block:hover {
  display: none; }

div.rc_popup__block {
  width: 300px;
  padding: 0; }

div.rc_popup__close {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 23px;
  text-align: center;
  line-height: 40px;
  z-index: 300;
  cursor: pointer;
  font-family: arial; }

div.rc_popup__block__content {
  white-space: normal;
  padding: 20px 20px 20px; }

div.rc_popup__block__content a {
  text-decoration: none; }

div.rc_popup__block__footer {
  padding: 0;
  margin-bottom: 25px;
  text-align: right;
  height: 28px; }

div.rc_popup__block__footer a {
  display: block;
  border: none; }

img.rc_popup__badge {
  height: 28px;
  margin-left: auto;
  margin-right: 0;
  -ms-interpolation-mode: bicubic;
  image-rendering: unset; }

/* Widget: Purchase options */
label.rc_label {
  color: black; }

div.rc_block__type--active {
  background-color: #eef3f7; }

div.rc_block__type--active label.rc_label {
  color: #333333; }

/* Widget: Popup */
div.rc_popup__block {
  z-index: 56; }

div.rc_popup__block:before {
  border-bottom-color: #26313a; }

div.rc_popup__block {
  background-color: #26313a !important; }

div.rc_popup__close,
div.rc_popup__block__content,
div.rc_popup__block__content strong {
  color: #ffffff !important; }

div.rc_popup__block__content a {
  color: #22a358 !important; }

div.rc_block__type {
  width: auto !important;
  float: left; }

#rc_container {
  margin-bottom: -5px;
  margin-top: 10px; }

.rc_popup {
  display: inline-block !important;
  padding-bottom: 0 !important;
  padding-top: 10px !important;
  float: right; }

div.rc_popup__hover, a.rc_popup__hover {
  height: 24px !important; }

div.rc_popup__block {
  width: 320px !important;
  right: 0 !important;
  left: auto !important;
  font-size: 12px !important;
  top: 36px; }

div.rc_popup__block__footer, div.rc_popup__block__content a {
  display: none; }

/* ReCharge CSS */
#collection-points .panel, #collection-points-desktop .panel {
  padding: 10px 10px 10px 15px;
  margin-bottom: 10px; }

#collection-points .panel > span, #collection-points-desktop .panel > span {
  font-size: 12px; }

#collection-points .panel .pull-right, #collection-points-desktop .panel .pull-right {
  display: inline-block;
  background: #859bab;
  border-radius: 64px;
  padding: 5px; }

#collection-points .green-panel .pull-right {
  background: #22a358; }

#cp-desktop {
  border-top: 1px solid #d6dee4;
  border-bottom: 1px solid #d6dee4;
  padding: 10px 0; }

#cp-desktop .grid__item span {
  font-size: 12px; }

#cp-desktop .grid__item i {
  font-size: 36px;
  color: #859bab;
  float: left;
  line-height: initial;
  margin-right: 10px; }

#cp-desktop .grid__item img {
  background: #859bab;
  float: left;
  padding: 8px;
  border-radius: 100px;
  margin-right: 10px;
  margin-top: 1px; }

#cp-desktop .grid__item img.svg {
  border-radius: 0;
  background: transparent;
  height: 44px;
  padding: 0; }

.collection-trust-banner {
  font-size: 90%;
  margin-top: 10px; }

.collection-trust-banner-logo img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px; }

.collection-trust-banner-logo .text {
  display: inline-block;
  vertical-align: middle; }

.collection-trust-banner-logo .text .rated {
  font-size: 13px; }

.collection-trust-banner-logo .text .rated .stars {
  top: 4px;
  position: relative;
  margin-right: 10px; }

.social-proof-popup {
  font-size: 12px;
  position: fixed;
  bottom: 15px;
  left: 15px;
  z-index: 100000;
  margin: 0;
  max-width: 400px;
  box-shadow: inset 0px 1px 1px white, 0px 1px 15px rgba(0, 0, 0, 0.2), 0px 1px 2px rgba(0, 0, 0, 0.1);
  overflow: hidden; }

.social-proof-popup .close {
  position: absolute;
  top: 0;
  font-size: 20px;
  right: 0;
  color: #bfceda;
  display: none; }

.social-proof-popup:hover .close {
  display: block; }

.social-proof-popup.collection-recently-bought {
  padding: 0 15px 0 0; }

.social-proof-popup.collection-recently-bought img, .social-proof-popup.collection-product-review img {
  display: block; }

.product-feature.black-featured {
  background: #000;
  color: #FFF; }

.product-feature img {
  vertical-align: bottom; }

.product-feature .product-blurb {
  line-height: 1.8; }

.product-feature .sub-blurb {
  line-height: 2; }

.highlights-grid {
  margin-top: 30px; }

.highlights-grid .highlight {
  display: block;
  background: #eef3f7;
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 3px; }

.product-feature.black-featured {
  padding: 30px; }

.product-feature.black-featured .highlights-grid .highlight {
  background: #1d2327; }

#product-img-slider {
  overflow: hidden; }

#product-img-slider img {
  display: block; }

#scroll-bottom-widget {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 100; }

#scroll-bottom-widget .widget {
  background: #eef3f7;
  border: 1px solid #859bab;
  margin-bottom: 15px;
  display: block;
  border-radius: 5px;
  box-shadow: inset 0px 1px 1px white, 0px 1px 15px rgba(0, 0, 0, 0.2), 0px 1px 2px rgba(0, 0, 0, 0.1);
  padding: 10px; }

#scroll-bottom-widget .widget .btn--muted {
  background: #FFF; }

#scroll-bottom-widget .btn, #scroll-bottom-widget .btn--secondary {
  font-size: 12px;
  padding: 8px 20px;
  margin-left: 10px; }

#scroll-bottom-widget .green {
  display: inline-block;
  line-height: 28px;
  margin-top: -4px;
  font-weight: 600; }

#scroll-bottom-widget .green i {
  font-size: 24px;
  position: relative;
  top: 2px; }

#scroll-bottom-widget .like-product-btn.active {
  color: #d28383;
  border-color: #d28383; }

#scroll-bottom-widget .like-product-btn.active::after {
  content: "Liked";
  margin-left: 10px; }

#overtake {
  background: #EEF7F2;
  border-bottom: 1px solid #22a358;
  overflow: scroll; }

#overtake hr {
  border-top: solid #22a358; }

#overtake-target {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

#overtake .close-btn {
  position: absolute;
  font-size: 48px;
  color: #b2cebd;
  top: -10px;
  right: 12px;
  line-height: 48px; }

body.template-index #featuredon, body.template-index #footer-feature {
  display: none; }

#credential_picker_container {
  z-index: 999999 !important; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes waitShow {
  99% {
    visibility: hidden; }

  100% {
    visibility: visible; } }

@keyframes waitShow {
  99% {
    visibility: hidden; }

  100% {
    visibility: visible; } }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

.waitShow {
  -webkit-animation-name: waitShow;
  animation-name: waitShow;
  animation: 3s waitShow;
  animation-fill-mode: forwards;
  visibility: hidden;
  display: block !important;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 160px; }

.waitShow2 {
  -webkit-animation-name: waitShow;
  animation-name: waitShow;
  animation: 7s waitShow;
  animation-fill-mode: forwards;
  visibility: hidden;
  display: block !important;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 200px;
  font-size: 12px; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }

  to {
    opacity: 0; } }

@keyframes fadeOut {
  from {
    opacity: 1; }

  to {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@media only screen and (min-width: 769px) {
  .featured-home div > a:hover, .mobile-category-section div > a:hover img {
    box-shadow: 0 0 0 1px #000; }

  .zoom-gallery-btn {
    display: none; }

  #ProductPhotoWrapper:hover .zoom-gallery-btn, .zoom-gallery-container:hover .zoom-gallery-btn {
    display: block; }

  #product-top.white-top .product-option .option button:hover, #product-top.white-top-perm .product-option .option button:hover {
    color: #000;
    border: 2px solid #000; }

  #product-top .wrapper {
    padding: 0 15px; }

  #product-top .wrapper > .grid, #product-top .wrapper > .grid--rev, #product-top .wrapper > .grid--full {
    margin-left: -15px !important; }

  #collection-header div#breadcrumb a {
    margin: 0;
    padding: 0 8px 0 0;
    color: #859bab; }

  #collection-header div#breadcrumb {
    margin-bottom: 10px; }

  #collection-header div#breadcrumb .dash {
    margin-right: 8px;
    position: relative;
    top: -1px; }

  #ProductPhoto:not(.rsHor) {
    height: auto;
    overflow: hidden; }

  #ProductPhoto:not(.rsHor) .image, #ProductPhoto:not(.rsHor) .rsTmb {
    display: none; }

  #ProductPhoto:not(.rsHor) .featured-image {
    display: block; }

  .header-icon-like-btn.has-likes .dot {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #d28383;
    border-radius: 100px;
    top: 4px;
    right: -4px; }

  #exit-intent .exit-intent-img {
    margin: -20px 0 -20px -30px;
    border-radius: 10px 0 0 10px; }

  .large--two-thirds #product-specs #product-highlights li {
    width: 50%;
    float: left; }

  #collection-trust-placement {
    background: #eef3f7;
    padding: 20px 0;
    border-radius: 8px; }

  #collection-side-scroll.active {
    opacity: 1;
    position: fixed;
    top: 15px;
    margin-left: -30px; }

  .desktop:not(html) {
    display: block; }

  br.desktop {
    margin: 15px 0 0; }

  .desktop-inline {
    display: inline-block; }

  .mobile:not(html), div#breadcrumb a.mobile {
    display: none; }

  .mobile-inline {
    display: none; }

  #main-menu li a:hover {
    background: #859bab; }

  #main-menu li a i {
    color: #859bab;
    font-size: 10px;
    position: relative;
    top: -2px; }

  #main-menu li a:hover i {
    color: #FFF; }

  #main-menu li a.active {
    background: #1d2327;
    color: #22a358;
    border-radius: 4px 4px 0 0; }

  #menu .topmenu {
    margin: 10px 0;
    padding-bottom: 15px; }

  #menu .topmenu > .grid, #menu .topmenu > .grid--rev, #menu .topmenu > .grid--full {
    margin-left: -15px !important; }

  #menu .topmenu .border-right {
    border-right: 1px solid #323a40;
    padding: 0 15px; }

  #menu .topmenu .last {
    padding-left: 15px; }

  #menu .topmenu .grid__item {
    vertical-align: top;
    z-index: 1; }

  #menu .topmenu .scroller {
    margin-bottom: 0; }

  #menu .topmenu .border-right .menu-bg-img {
    right: 20px; }

  #menu .topmenu .menu-bg-img {
    position: absolute;
    bottom: 0;
    right: 0px;
    max-height: 80%;
    z-index: -1; }

  #menu .topmenu-btn {
    display: inline-block; }

  #menu .topmenu-btn img {
    margin-bottom: 15px; }

  #menu .topmenu .grid__item.large--one-quarter > i {
    font-size: 100px; }

  #menu .topmenu h4, #menu .topmenu .h4 {
    color: #FFF; }

  #menu .topmenu ul:not(#instagram-feed) > li > a:not(.btn--muted) {
    font-size: 14px;
    padding: 0 15px 5px 0;
    display: block; }

  #menu .topmenu ul:not(#instagram-feed) > li > a:not(.btn--muted):hover {
    color: #22a358; }

  #menu .topmenu .scroller .scroller-btn, #menu .topmenu .scroller .compare_price {
    color: #859bab; }

  #menu .topmenu .scroller .slide-container > a, #menu .topmenu .scroller .price {
    color: #FFF; }

  .tooltip:hover:after {
    content: attr(title);
    padding: 5px 10px;
    color: #FFF;
    position: absolute;
    left: 50%;
    top: 100%;
    white-space: normal;
    z-index: 200;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    background: #26313a;
    margin-top: 12px;
    font-size: 14px;
    width: max-content;
    max-width: 240px;
    transform: translate(-50%, 0); }

  .header-icon .tooltip:hover:after {
    font-size: 12px;
    width: auto;
    left: 50%;
    margin: 0;
    transform: translateX(-50%); }

  .tooltip.top:hover:after {
    bottom: 100%;
    top: auto;
    margin-bottom: 10px; }

  .tooltip:hover:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #26313a;
    border-width: 6px;
    margin-left: -6px; }

  .tooltip.top:hover:before {
    bottom: 100%;
    top: auto;
    transform: rotate(180deg); }

  .index-category .category .image {
    position: relative;
    display: block;
    border-radius: 4px;
    overflow: hidden; }

  .index-category .category .image img.desktop {
    display: block;
    width: 100%; }

  .index-category .category .overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 150px rgba(0, 0, 0, 0.6); }

  .index-category .category:hover .overlay {
    display: block; }

  .index-category .category:hover .overlay .btn, .index-category .category:hover .overlay .btn--secondary {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

  .index-category .category .title {
    display: block;
    margin-top: -45px;
    position: relative; }

  .index-category .category .title .h2, .index-category .category .title .h3 {
    display: inline-block;
    clear: both;
    background: #FFF;
    padding: 5px 20px 0 15px;
    font-size: 36px;
    color: #000;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 10px;
    border-radius: 0 4px 0 0; }

  .index-category.collection-category-links .category .title .h2 {
    padding-top: 20px;
    font-size: 18px;
    white-space: nowrap; }

  .index-category.collection-category-links .category .title .h3 {
    padding-top: 10px;
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 0;
    margin-top: 10px; }

  .index-category .category .title .subtext {
    display: block;
    margin-left: 15px; }

  .index-category .large--one-quarter .category .title {
    margin-top: -30px; }

  .index-category .large--one-quarter .category .title .h2 {
    font-size: 24px;
    margin-bottom: 5px; }

  .category-btn {
    display: block;
    position: relative;
    cursor: pointer;
    overflow: hidden; }

  .category-btn .image img.gif {
    display: none;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    margin-left: -70px; }

  .category-btn:hover .image img.gif {
    display: inline-block; }

  .full-category-btn a {
    display: block;
    border: 1px solid #859bab;
    border-radius: 4px;
    overflow: hidden; }

  .full-category-btn a img {
    display: block; }

  .product.grid__item .demo-btn.active {
    width: 120px;
    margin-right: -60px; }

  .product.grid__item .demo-btn.active:after {
    content: ' Off'; }

  .grid--centerup {
    display: table;
    table-layout: fixed;
    width: 100%; }
    .grid--centerup > .grid__item {
      float: none;
      display: table-cell;
      vertical-align: middle; }

  .white-bg .product-top-content {
    padding: 30px 0 30px 30px; }

  .product-top-content {
    padding-bottom: 30px; }

  .internal .slide-container a.like-btn {
    display: none; }

  .internal .slide-container:hover a.like-btn {
    display: block; }

  #product-img-slider {
    border-radius: 8px; }

  .product-trust-banner {
    margin-top: -15px; }

  .product-trust-banner i, .collection-trust-banner i {
    display: inline-block;
    position: relative;
    margin-right: 5px;
    margin-bottom: -15px;
    top: 3px; }

  #addtocartbox {
    background: #FFF;
    padding: 15px;
    position: relative;
    margin-bottom: 15px; }

  #multifunction-share .share-header {
    font-size: 14px;
    color: #5a666f;
    background: #eef3f7;
    display: inline-block;
    vertical-align: top;
    padding: 4px 15px;
    border-radius: 4px 0 0 4px;
    margin-right: -4px;
    border: 1px solid #859bab;
    border-right: none;
    font-weight: bold; }

  #addgglabel {
    font-size: 12px; }

  span.desktop {
    display: inline !important; }

  .product .product-inner .like-btn {
    display: none; }

  .product .product-inner:hover .like-btn {
    display: block; }

  #optional-addons {
    margin-top: 10px; }

  #included-addons, #optional-addons-container {
    display: inline-block; }

  #addons-wrapper {
    min-height: 60px;
    width: 100%; }

  #optional-addons .addon {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle; }

  #optional-addons .addon .img-holder {
    display: inline-block;
    position: relative;
    padding-left: 24px;
    vertical-align: middle; }

  #optional-addons .addon .img-holder img {
    display: block; }

  #optional-addons .addon .img-holder .icon {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 60px;
    background: #26313a;
    color: #FFF;
    text-align: center;
    line-height: 24px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
    top: 11px;
    left: 0px; }

  #optional-addons .addon .title {
    max-width: 260px;
    white-space: normal;
    display: block; }

  #optional-addons .addon .content {
    display: inline-block;
    margin-left: 5px;
    font-size: 13px;
    vertical-align: middle; }

  #optional-addons .addon .content .price {
    display: block;
    color: #FFF; }

  #optional-addons .shadow {
    box-shadow: inset -25px 0px 10px -20px rgba(0, 0, 0, 0.9);
    position: absolute;
    right: 0;
    height: 100%;
    width: 20px;
    top: 0; }

  #product-tabs {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #000;
    height: 48px; }

  .template-collection #product-tabs {
    display: none !important; }

  #product-tabs ul {
    margin: 0;
    display: inline-block;
    margin-left: -15px;
    float: left; }

  #product-tabs ul li {
    list-style: none;
    display: inline-block; }

  #product-tabs ul li a {
    display: inline-block;
    padding: 13px 15px 9px;
    margin-bottom: 0; }

  #product-tabs ul li a:hover {
    border-bottom: 4px solid #859bab;
    color: #FFF; }

  #product-tabs .btn, #product-tabs .btn--secondary {
    font-size: 11px;
    padding: 8px 15px;
    margin: 6px 0;
    display: inline-block; }

  .onp-sl {
    max-height: 30px;
    overflow: hidden; }

  #collection-trust-banner {
    margin-bottom: 30px;
    text-align: center; }

  #collection-header #collect-text.hide-collect-text {
    max-height: 145px; }

  .collection-header {
    margin-bottom: 10px; }

  #collection-header .shadow {
    box-shadow: inset 0 -40px 30px -30px #FFF; }

  .featured-article h2, .featured-article .h2, .featured-article .title {
    margin-right: 20%;
    font-size: 32px; }

  .article-blog-sidebar h4, .article-blog-sidebar .h4 {
    margin-right: 15%; }

  .popup > .content.small {
    width: 320px;
    margin-left: -160px; }

  #category-reviews .customer-review .quote {
    font-size: 36px;
    color: #b9c7d2;
    position: absolute;
    left: -30px;
    top: 0;
    line-height: 20px; }

  #category-reviews .customer-review .quote.last {
    top: auto;
    left: auto;
    bottom: 0;
    right: -30px; } }
@media only screen and (max-width: 769px) {
  .mobile-no-margin {
    margin: 0; }

  .center-grid-mobile {
    display: flex;
    justify-content: center;
    align-items: center; }

  .mobile-pull-left {
    float: left; }

  .mobile-pull-right {
    float: right; }

  .template-cart {
    margin-top: 0; }

  .template-cart .extend-cart-offer {
    margin-bottom: 15px;
    display: block; }

  #asseenon {
    min-height: 128px; }

  .insta-feed-container {
    min-height: 557px !important; }

  #collect-text {
    font-size: 13px; }

  #collect-text.paged {
    max-height: 25px; }

  #collect-text .shadow {
    box-shadow: inset 0 -40px 15px -25px #FFF; }

  #show-collect-text {
    margin-top: -15px; }

  h3.forsale, .forsale.h3 {
    font-size: 18px; }

  #youtube-iframe {
    height: 220px; }

  .breadcrumb-container {
    background: #FFF !important;
    margin-bottom: -10px;
    margin-top: 5px; }

  div#breadcrumb a {
    padding: 10px;
    font-size: 12px;
    color: #859bab; }

  div#breadcrumb a.home {
    padding-left: 5px; }

  #collection-points {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    float: left;
    width: calc(100% + 30px);
    margin-left: -15px;
    padding-left: 15px; }

  #collection-points .inner {
    width: auto;
    float: left;
    overflow: hidden;
    display: flex; }

  #collection-points .panel {
    width: max-content;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 20px;
    white-space: nowrap; }

  #collection-points .panel .pull-right {
    position: relative;
    color: #859bab;
    background: none !important;
    padding: 0;
    margin-left: 10px; }

  #collection-points .panel .pull-right.svg {
    height: 24px; }

  #collection-points .green-panel .pull-right {
    color: #22a358; }

  #collection-points .panel > span {
    font-size: 12px; }

  #web-messenger-container {
    margin-top: 61px; }

  #mobile-sales-promo {
    display: block !important;
    z-index: 10; }

  .scroller.small .internal .slide-container p {
    display: none; }

  .template-collection {
    margin-top: 0; }

  #breadcrumb {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    width: auto;
    white-space: nowrap;
    overflow: auto;
    table-layout: fixed; }

  #collection-header #breadcrumb {
    margin-top: 5px;
    margin-bottom: -10px; }

  .breadcrumb-article, .breadcrumb-blog {
    margin-left: -15px;
    margin-right: -15px; }

  .breadcrumb-container.article, .breadcrumb-container.blog {
    background: #eef3f7 !important;
    margin-top: 0; }

  .magazine-category {
    padding: 10px 15px !important;
    letter-spacing: 1px; }

  h1.mag-title, .mag-title.h1 {
    font-size: 24px !important;
    background: none;
    color: #000;
    font-weight: normal;
    padding: 0;
    margin-bottom: 20px;
    letter-spacing: 1px; }

  h2.mag-title, .mag-title.h2 {
    font-size: 18px !important; }

  #article-topics li.h4 {
    font-size: 14px; }

  .slider-pill-nav {
    margin-left: -15px;
    margin-right: -15px;
    justify-content: normal; }

  .slider-pill-nav a:first-child {
    margin-left: 10px; }

  .slider-pill-nav a.active:after {
    bottom: -10px; }

  /*================ Home to hamburger and cart that toggle drawers ================*/
  .site-nav--mobile {
    display: inline-block;
    float: left; }
    .text-right .site-nav--mobile {
      margin: 2px -5px 0 0; }

  .site-nav__link {
    display: inline-block;
    text-decoration: none;
    padding: 15px 10px;
    white-space: nowrap;
    color: #FFF;
    vertical-align: middle;
    position: relative; }
    .site-nav__link:hover, .site-nav__link:active, .site-nav__link:focus {
      color: #22a358; }
    .site-nav--mobile .site-nav__link {
      display: inline-block;
      color: #FFF;
      font-size: 18px; }

  #mobile-header-like-btn.has-likes .dot {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #d28383;
    border-radius: 100px; }

  .site-header__cart-toggle .CartCount {
    background: #22a358;
    font-size: 11px;
    padding: 0 6px;
    top: 5px;
    right: -4px; }

  .nav-bar {
    background-color: #000; }

  #mobile-header {
    color: #FFF;
    height: auto !important;
    overflow: auto !important;
    z-index: 4; }

  #collection-start #products .grid, #collection-start #products .grid--rev, #collection-start #products .grid--full {
    margin-left: -15px; }

  #collection-start #products .grid__item {
    padding-left: 15px; }

  .featured.product .image-holder .feature-tag {
    font-size: 18px; }

  .featured.product .image-holder .product-blurb {
    font-size: 12px; }

  .featured.product.white-featured .image-holder {
    border-left: 0;
    border-right: 0; }

  #mobile-header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000; }

  #mobile-header.hidden {
    display: none !important; }

  #header-content.fixed {
    padding-bottom: 61px;
    background: #000; }

  #mobile-header > button {
    display: inline-block; }

  .mobile-logo {
    margin: 15px auto -5px auto; }

  .search-bar .autocomplete {
    position: relative;
    top: -2px;
    z-index: auto;
    margin-bottom: -15px; }

  #warely-search-results-top {
    margin-top: -15px; }

  .mobile-top-scroll-menu {
    background: #000;
    position: relative; }

  .mobile-top-scroll-menu ul {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 0;
    margin: 0; }

  .mobile-top-scroll-menu ul li {
    flex: 0 0 auto;
    margin: 0; }

  .mobile-top-scroll-menu ul li a {
    text-transform: uppercase;
    font-weight: 450;
    font-size: 12px;
    font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 5px 15px 5px;
    letter-spacing: 0.5px;
    display: inline-block;
    border-bottom: 5px solid #000; }

  .mobile-top-scroll-menu ul li a.active {
    color: #FFF;
    border-bottom: 5px solid #859bab; }

  .mobile-top-scroll-menu .shadow {
    box-shadow: inset -25px 0px 10px -20px rgba(0, 0, 0, 0.9);
    position: absolute;
    right: 0;
    height: 100%;
    width: 20px;
    top: 0; }

  .mobile-top-scroll-menu.fixed {
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    z-index: 2; }

  .extend-mobile {
    width: calc(100% + 30px);
    padding: 0 15px;
    margin-left: -15px; }

  .extend-mobile-nopadding {
    width: calc(100% + 30px);
    margin-left: -15px; }

  .secondary-panel.extend-mobile-nopadding, .muted-panel.extend-mobile-nopadding,
  .secondary-panel.extend-mobile, .muted-panel.extend-mobile,
  .rounded.extend-mobile-nopadding, .rounded.extend-mobile,
  .article__featured-image.extend-mobile-nopadding > .rounded {
    border-left: 0;
    border-right: 0;
    border-radius: 0; }

  p.extend-mobile {
    padding: 0; }

  .product-option .option button.active {
    color: #000;
    border-color: #000;
    background: #f2f6f9; }

  .product-option .option button:hover {
    color: #22a358;
    border-color: #000; }

  .product-option .option button:disabled, .product-option .option button[disabled] {
    opacity: 0.25; }

  .fadeIn, .fadeOut {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }

  .desktop:not(html), .scroller .scroller-btn.desktop, .desktop-inline {
    display: none; }

  .mobile:not(html) {
    display: block; }

  .mobile-inline {
    display: inline-block; }

  s.mobile {
    display: inline-block !important; }

  #ProductPrice .subtext {
    position: static; }

  .pagination {
    font-size: 14px; }

  .pagination .prev {
    display: block;
    font-size: 18px;
    margin-bottom: 15px; }

  .pagination .next {
    display: block;
    font-size: 18px;
    margin-top: 15px; }

  .pagination.top .next {
    display: none; }

  .pagination .next a, .pagination .prev a {
    padding: 15px; }

  .product-reviews-content .review .author.mobile, #product-reviews-content .review .author.mobile {
    float: none;
    clear: both;
    padding: 10px 0 2px 12px;
    width: 200px; }

  .product-reviews-content .review .content, #product-reviews-content .review .content {
    width: 99%;
    padding: 2% 4%;
    display: block; }

  .product-reviews-content .review-arrow, #product-reviews-content .review-arrow {
    -ms-transform: initial;
    -webkit-transform: initial;
    transform: initial;
    bottom: -8px;
    left: 20px;
    top: initial; }

  .product-reviews-content .bottom strong, #product-reviews-content .bottom strong {
    clear: both;
    display: block;
    float: none !important; }

  .review .subscore > div {
    display: block;
    float: none; }

  .product-reviews-content .response, #product-reviews-content .response {
    margin-left: 50px;
    width: calc(100% - 50px); }

  .response-arrow {
    width: 50px;
    left: -50px;
    height: 150px;
    bottom: 70px; }

  div.categories .grid__item {
    border-bottom: 1px solid #DDD;
    padding: 15px 0;
    margin-left: 15px;
    width: 100%; }

  div.categories .grid__item.first {
    border-top: 1px solid #DDD; }

  div.categories .grid__item.large--one-half {
    border: none; }

  div.categories .full-category-btn a {
    border: none !important;
    border-radius: 0 !important; }

  div.categories .grid__item span.image {
    margin-left: 15px;
    display: inline-block;
    float: left; }

  div.categories .grid__item .image-container {
    float: left;
    height: 64px;
    width: 64px;
    display: inline-block;
    margin-right: 15px;
    text-align: center; }

  div.categories .grid__item .image-container img {
    height: 100%; }

  div.categories .grid__item span.content {
    font-size: 20px; }

  div.categories .grid__item span.subtext {
    font-size: 12px; }

  .search-bar {
    display: block;
    margin-bottom: 15px; }

  .search-bar .icon-search {
    position: absolute;
    color: #859bab;
    top: 68px;
    left: 20px; }

  .search-bar input.input-group-field {
    padding-left: 40px; }

  .search-bar .autocomplete .products ul li a .img {
    display: block;
    background: #000; }

  .search-bar .autocomplete .products ul li {
    width: 130px; }

  .search-bar .autocomplete .products ul li a img {
    display: inline-block;
    max-width: 90px; }

  .search-bar .autocomplete .products .shadow {
    display: none; }

  #collection-instagram-container {
    position: relative;
    overflow: scroll;
    margin-bottom: 30px;
    left: -30px;
    margin-top: -30px;
    width: calc(100% + 60px);
    -webkit-overflow-scrolling: touch; }

  #collection-instagram {
    width: auto;
    margin: 0;
    display: -webkit-inline-box; }

  #collection-instagram-container .grid__item {
    display: inline-block !important;
    width: 200px;
    height: 200px;
    margin: 0;
    padding: 0;
    clear: none !important;
    overflow: hidden;
    position: relative; }

  #collection-instagram-container .grid__item .price {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    font-size: 18px;
    padding: 4px 10px; }

  #collection-instagram-container .grid__item .price .cents {
    display: none; }

  #mobile-search .search-bar {
    padding: 0 10px; }

  #live-stream {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: 0 !important; }

  #live-stream-message {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-bottom: 0; }

  #live-stream #youtube-stream {
    height: 240px !important; }

  #freegrinder .freegrinder-content h4, #freegrinder .freegrinder-content .h4 {
    font-size: 14px;
    margin-top: -5px; }

  #freegrinder.collapsed .collapsed-text {
    font-size: 12px;
    top: 0; }

  #freegrinder .freegrinder-content {
    margin-bottom: 15px; }

  #index-top .wrapper {
    padding: 0;
    overflow: visible; }

  #index-top.subscription .wrapper {
    padding: 015px; }

  #index-featured, #index-top {
    overflow: visible; }

  #index-featured {
    padding: 0;
    margin-top: 2px; }

  #index-featured .slick-dots {
    margin: 0;
    bottom: -6px;
    display: none; }

  .template-index.main-content {
    margin-top: 0; }

  #index-featured .slick-dots li {
    width: 8px;
    height: 8px; }

  #glassguard .grid__item img {
    max-height: 90px; }

  .onp-sl {
    text-align: center;
    max-height: 30px;
    overflow: hidden; }

  .collection-categories {
    margin-top: -31px; }

  #product-pair .pair-action {
    margin-top: 0 !important; }

  #product-top h1, #product-top .h1 {
    font-size: 24px !important; }

  #products .product img.product.active.instagram-photo, #products-pre .product img.product.active.instagram-photo {
    display: none !important; }

  #addons-wrapper {
    box-shadow: inset 0 96px #000;
    min-height: 200px; }

  #included-addons, #optional-addons-container {
    display: inline-block; }

  #addons-wrapper .addon {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-left: 15px; }

  #addons-wrapper .addon .img-holder {
    display: block;
    height: 96px;
    position: relative; }

  #addons-wrapper .addon .img-holder img {
    height: 96px;
    width: auto; }

  #addons-wrapper .addon .img-holder .icon {
    display: block;
    position: absolute;
    bottom: -18px;
    width: 36px;
    height: 36px;
    background: #859bab;
    color: #FFF;
    left: 50%;
    margin-left: -18px;
    border-radius: 100px;
    line-height: 36px;
    font-size: 20px;
    border: 1px solid rgba(0, 0, 0, 0.3); }

  #addons-wrapper .addon .content {
    display: block;
    max-width: 150px;
    white-space: normal;
    margin-top: 25px;
    font-size: 12px; }

  #addons-wrapper .addon .content .price {
    display: block;
    font-size: 14px;
    color: #000;
    margin-top: 8px; }

  #optional-addons-container {
    margin-right: 15px; }

  .social-proof-popup {
    width: 100%;
    left: 0;
    bottom: 0;
    border: none;
    border-top: 1px solid;
    border-radius: 0; }

  #save5email {
    top: -85px !important;
    left: 145px !important; }

  .popup .close {
    right: 0px;
    top: -40px; }

  .popup > .content {
    width: 96% !important;
    margin-left: -48% !important; }

  .popup .content-inner {
    height: auto !important; }

  #ProductTitleTop {
    opacity: 1; }

  #ProductPhoto:not(.rsFullscreen) {
    width: calc(100% + 30px) !important;
    margin-left: -15px;
    background: #000;
    box-shadow: 300px 0 0 #000, -300px 0 0 #000;
    max-height: 530px; }

  #ProductPhoto .rsOverflow {
    max-height: 458px; }

  #ProductPhoto.heady {
    overflow: hidden;
    width: calc(100% + 30px) !important;
    margin-left: -15px; }

  /*
  #ProductPhoto:not(.heady) img {
  	max-height: 360px;
  	width: auto;
  	min-height: 0;
  }
  */
  /*
  body.is-loading #loading {
  	top: 240px;
  }
  */
  .mobile-fullbox {
    position: relative;
    left: -15px;
    border-left: none;
    border-right: none;
    border-radius: 0;
    width: calc(100% + 30px); }

  #option-container {
    margin-bottom: -1px;
    border-top: none; }

  .product-single h1, .product-single .h1 {
    font-size: 24px; }

  .muted-mobile {
    color: #859bab; }

  .product.grid__item p > a {
    font-size: 13px; }

  #trust-banner .grid__item i.big {
    float: left;
    font-size: 42px !important;
    background: #eef3f7;
    width: 76px;
    height: 76px;
    border-radius: 64px;
    line-height: 72px;
    color: #6e8596; }

  #trust-banner .grid__item {
    width: calc(100% + 15px); }

  #trust-banner .grid__item .trust-text {
    margin: 15px 0 15px 100px;
    text-align: left; }

  #trust-banner .grid__item h3, #trust-banner .grid__item .h3 {
    font-size: 18px;
    margin-bottom: 5px; }

  #trust-banner #reviews-badge {
    zoom: 0.65;
    -moz-transform: scale(0.65);
    float: left;
    margin: 15px 0; }

  #ProductPhoto img {
    height: 100%;
    width: auto !important;
    margin-left: auto !important;
    max-width: 100%;
    max-height: 458px; }

  #ProductPhoto .featured-image .rsTmb img {
    display: inline-block; }

  #ProductPhoto .featured-image .rsTmb img.preload-thumb {
    opacity: 0.4; }

  #loading {
    height: calc(100vh - 64px); }

  #index-featured .slick-arrow {
    display: none !important; }

  .product-slide p {
    margin-bottom: 5px; }

  .product-slide span.btn--muted {
    padding: 0;
    border: none;
    font-size: 12px; }

  .product-slide h3, .product-slide .h3, .product-slide .type-btn {
    display: none; }

  .product-slide p.price {
    font-style: 24px;
    display: inline-block; }

  .product-slide .product-btn {
    display: inline-block;
    float: right;
    padding: 10px 20px 0 10px; }

  .product-slide .product-btn a.btn, .product-slide .product-btn a.btn--secondary {
    font-size: 11px;
    padding: 6px 12px; }

  #product-top h1, #product-top .h1 {
    margin-top: 15px; }

  #multifunction-share .share-header {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    color: #22a358; }

  #trust-banner.product-trust-banner {
    margin-top: 30px;
    margin-bottom: 30px; }

  #collection-trust-banner #trust-banner.product-trust-banner {
    margin-top: -30px; }

  #trust-banner.product-trust-banner .grid__item .trust-text {
    margin: 15px 0 15px 15px; }

  #addtocartbox {
    clear: both;
    background: #f6f8f9;
    padding: 20px 15px;
    border-radius: 0;
    border-top: 1px solid;
    margin-top: 15px;
    border-left: none !important;
    border-right: none !important; }

  #shipping-est {
    overflow: visible;
    height: 95px;
    border-radius: 0;
    margin-bottom: -20px;
    border-bottom: 1px solid #5a666f;
    border-top: 0;
    background: transparent;
    color: #5a666f;
    margin-top: 10px;
    background: #f6f8f9 !important; }

  #mobile-addcart-trust i {
    color: #5a666f;
    font-size: 32px; }

  #mobile-addcart-trust .text {
    display: inline-block;
    color: #5a666f;
    position: relative;
    top: 4px; }

  #mobile-addcart-trust .text .first {
    display: block;
    line-height: 12px;
    margin-top: 25px; }

  #product-top .product-top-content #shipping-est .white {
    color: #22a358 !important; }

  #projectedtime {
    color: #5a666f; }

  #addtocartbox .action-section {
    margin-top: 20px; }

  #shipping-est .pull-right, .shipping-est-box .pull-right {
    display: block;
    float: none;
    margin-top: 10px; }

  .collection-trust-banner-logo img {
    width: 64px;
    margin-right: 10px; }

  .collection-trust-banner-logo .text .h3 {
    font-size: 18px; }

  .collection-trust-banner-logo .text .rated {
    font-size: 11px;
    margin-bottom: 5px; }

  #trust-banner.product-trust-banner i.h1, .collection-trust-banner i.h1, #collection-trust-placement #share-buttons-top i.h1 {
    display: inline-block;
    vertical-align: text-bottom;
    background: #eef3f7;
    margin-bottom: 0;
    border-radius: 64px;
    padding: 4px;
    font-size: 24px;
    width: 42px;
    height: 42px;
    margin-left: 15px; }

  .collection-trust-banner h3, .collection-trust-banner .h3 {
    font-size: 16px;
    margin-bottom: 1px; }

  .collection-trust-banner .trust-text, #collection-trust-placement #share-buttons-top .share-right {
    display: inline-block;
    margin: 10px 0 10px 22px; }

  .index-category {
    width: calc(100% + 45px); }

  .index-category .grid__item {
    float: none;
    padding-left: 15px;
    clear: both;
    height: 91px;
    border-bottom: 1px solid #859bab;
    overflow: hidden; }

  .index-category .category .image {
    position: relative;
    display: block;
    height: 90px;
    float: left; }

  .index-category .category .image img.mobile {
    display: block;
    max-height: 100%;
    width: 90px;
    height: 80px;
    margin: 5px;
    border-radius: 4px; }

  .index-category .category .overlay {
    display: none; }

  .index-category .category .overlay .btn, .index-category .category .overlay .btn--secondary {
    display: none; }

  .index-category .category .title {
    padding-left: 115px;
    display: block; }

  .index-category .category .title .h2, .index-category .category .title .h3 {
    color: #000;
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: 400;
    margin-bottom: 10px;
    padding-top: 10px; }

  .index-category .category .title .subtext {
    font-size: 12px; }

  .template-index .index-category .category .image {
    height: 90px; }

  .template-index .index-category .category .title .h2 {
    font-size: 22px;
    margin-bottom: 5px;
    padding-top: 15px; }

  .template-index .index-category .category .title .h3, .collection-category-links .category .title .h3 {
    font-size: 18px;
    margin-bottom: 5px; }

  .template-index .index-category .grid__item {
    height: 91px; }

  .function-thumb {
    position: absolute;
    right: 0;
    top: 10px;
    border-radius: 5px;
    overflow: hidden;
    width: 64px;
    z-index: 50;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.5);
    border: 1px solid #859bab; }

  .function-thumb i {
    font-size: 32px;
    position: absolute;
    top: 31px;
    z-index: 1000;
    right: 10px;
    color: rgba(255, 255, 255, 0.7); }

  .like-btn {
    font-size: 28px;
    line-height: 28px; }

  .scroller-wrapper {
    margin-left: -15px;
    width: calc(100% + 30px);
    padding: 0 15px; }

  #ProductPhoto a.open-gallery {
    display: block !important;
    color: rgba(255, 255, 255, 0.4); }

  #ProductPhotoContainer .shadow {
    display: none; }

  #product {
    box-shadow: 0px -1000px 0 #000; }

  #product-top .product-top-content {
    background: #FFF;
    box-shadow: 40px 0 0 0px #FFF; }

  #product-top .product-top-content .white {
    color: #000 !important; }

  #product-top .subtitle {
    color: #576573 !important; }

  #addgglabel img {
    left: 35px !important; }

  .dopecheckbox label {
    background: #f7f8f9;
    box-shadow: none; }

  #product-options {
    margin-top: 15px; }

  #product-options label > a {
    display: inline-block;
    margin-bottom: 15px;
    float: left;
    margin-right: 15px; }

  #product-options label > span {
    top: 0 !important;
    margin: 0 !important; }

  .warely-result-title {
    font-size: 22px; }

  #collection-top h1, #collection-top .h1 {
    font-size: 28px; }

  #collection-header h1, #collection-header .h1 {
    font-size: 28px;
    margin: 10px 0 0 0; }

  .product-option.collapsed .shadow {
    box-shadow: inset -30px 0 20px -20px #FFF, inset -50px 0 50px -35px #FFF; }

  .template-list-collections .index-category .grid__item.first {
    border-top: 1px solid #c7d1d8; }

  #included-in-box {
    border: none; }

  #included-in-box .text-content {
    padding: 0 15px 0 45px; }

  #category-reviews {
    background: #eef3f7;
    border-radius: 5px;
    margin-top: 15px;
    height: 180px; }

  #category-reviews .customer-review {
    margin: auto 15px; }

  #category-reviews .customer-review .title {
    font-size: 14px;
    color: #333; }

  #category-reviews .customer-review .content, #category-reviews .customer-review .product {
    font-size: 12px; }

  #product-top.white-top #ProductPhoto, #product-top.white-top-perm #ProductPhoto {
    background: #FFF;
    box-shadow: 300px 0 0 #FFF, -300px 0 0 #FFF; }

  #product-top.white-top #addtocartbox #shipping-est, #product-top.white-top-perm #addtocartbox #shipping-est {
    border: none;
    background: transparent !important; }

  #scroll-bottom-widget .btn, #scroll-bottom-widget .btn--secondary {
    margin-left: 0; }

  #likes-notice {
    bottom: 70px !important; }

  div.rc_popup {
    float: left; }

  div.rc_block__type--active {
    background: #dbe3ea; }

  div.rc_popup__block {
    right: auto !important;
    left: 0 !important; }

  div.rc_popup__block:before {
    right: auto;
    left: 60px; }

  #collection-to-product {
    position: fixed;
    background: #000;
    z-index: 100;
    text-align: center; }

  #collection-to-product img {
    height: 100%;
    max-height: 458px;
    max-width: 100%;
    display: inline-block;
    vertical-align: top; }

  .image-feature img {
    margin-bottom: 15px; }

  .consumable-type span.useicon {
    margin-right: 10px; }

  .consumable-type .useicon.small.dry {
    background-image: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/icon-dryherb_icon_dark_24x.png?v=10535403734952338297"); }

  .consumable-type .useicon.small.oil {
    background-image: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/icon-concentrates_icon_dark_24x.png?v=2779425394718855514"); }

  .consumable-type .useicon.small.juice {
    background-image: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/icon-juice_icon_dark_24x.png?v=6984233915930902115"); }

  .consumable-type .useicon.small.cartridge {
    background-image: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/icon-cartridge_icon_dark_24x.png?v=16744081827591996628"); }

  .consumable-type .useicon.small.dry.oil {
    background-image: url("//cdn.shopify.com/s/files/1/0350/8253/t/6/assets/icon-both_icon_dark_24x.png?390590"); }

  .consumable-type span.text {
    position: relative;
    top: 1px; } }