@charset "UTF-8";
/*================ VENDOR ================*/
/*================ Hero Slider ================*/
/*============================================================================
  Slick Slider 1.6.0

  - If upgrading Slick's styles, use the following variables/functions
    instead of the slick defaults (from slick-theme.scss)
  - This file includes default slick.scss styles (at Slick Slider SCSS)
    and slick-theme.scss (at Slick Slider Theme). Upgrade each area individually.
  - Remove `outline: none` from `.slick-dots li button`
==============================================================================*/
/*================ Slick Slider SCSS ================*/
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

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

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

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

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

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

/*================ Slick Slider Theme ================*/
.slick-loading .slick-list {
  background: white url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/ajax-loader.gif?v=107777042924318627441668107998) center center no-repeat; }

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev:focus,
  .slick-next:focus {
    outline: 0 none; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick-icons, sans-serif";
    font-size: 20px;
    line-height: 1;
    color: black;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    /*     content: $slick-prev-character; */
    content: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/arrow-preview.png?v=38162750573740478911684450801); }
    [dir="rtl"] .slick-prev:before {
      content: "\2192"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    /*     content: $slick-next-character; */
    content: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/arrow-next.png?v=97707686499064807491684450800); }
    [dir="rtl"] .slick-next:before {
      content: "\2190"; }

.slick-vertical .slick-arrow.slick-prev {
  display: none !important; }
.slick-vertical .slick-arrow.slick-next {
  background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/angle-arrow-down.png?v=65720847514031550261684450798);
  background-repeat: no-repeat;
  width: 25px;
  top: auto;
  bottom: -40px;
  left: 40%; }
  .slick-vertical .slick-arrow.slick-next:before {
    content: ''; }

.slick-arrow.custom-arrow-left {
  background: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/slider-arrow-left.svg?v=124096844720178106391668107971);
  left: 50%; }

.slick-arrow.custom-arrow-right {
  background: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/slider-arrow-right.svg?v=7544064813574509401668108002);
  right: 50%; }

.slick-arrow.custom-arrow-left,
.slick-arrow.custom-arrow-right {
  background-size: 100% 100%;
  cursor: pointer;
  display: inline-block;
  height: 60px;
  opacity: 0.3;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 55px;
  z-index: 99; }
  .slick-arrow.custom-arrow-left:hover,
  .slick-arrow.custom-arrow-right:hover {
    opacity: 1; }

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

.slick-dots {
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button, .slick-dots li a {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover:before, .slick-dots li button:focus:before, .slick-dots li a:hover:before, .slick-dots li a:focus:before {
        opacity: 1; }
      .slick-dots li button:focus, .slick-dots li a:focus {
        outline: 0 none; }
      .slick-dots li button:before, .slick-dots li a:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "\2022";
        width: 20px;
        height: 20px;
        font-family: "slick-icons, sans-serif";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: white;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: white;
      opacity: 0.75; }

/*============================================================================
  Shopify Timber v1.4.0
  Copyright 2014 Shopify Inc.
  Author Carson Shold @cshold
  Built with Sass - http://sass-lang.com/

  Some things to know about this file:
    - Sass is compiled on Shopify's server so you don't need to convert it to CSS yourself
    - The output CSS is compressed and comments are removed
    - You cannot use @imports in this file
        * Use grunt or gulp tasks to enable @imports - https://github.com/Shopify/shopify-css-import
    - Helpers variables, mixins, and starter classes are provided. Change as needed.
==============================================================================*/
/*============================================================================
  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
  #OOCSS Media Object
  #Images and Iframes
  #Forms
  #Icons
  #Pagination
  #Site Header
  #Site Nav and Dropdowns
  #Mobile Nav Bar
  #Site Footer
  #Product Grid and List Views
  #Collection Filters
  #Breadcrumbs
  #Product Page
  #Blogs and Comments
  #Notes and Form Feedback
  #Cart Page
  #Demo Styles - for empty store state
  #FlexSlider
  #Magnific Popup
  #Product Reviews
  #Password Page
  #Custom Content
  #Blank States
  #Lazysizes
  #Featured blog post
==============================================================================*/
/*============================================================================
  #Breakpoint and Grid Variables
==============================================================================*/
/*================ The following are dependencies of csswizardry grid ================*/
/*============================================================================
  #General Variables
==============================================================================*/
/*================ Typography ================*/
/*============================================================================
  Get font-families from theme settings
==============================================================================*/
@font-face {
  font-family: "Georgia Pro";
  font-weight: 600;
  font-style: normal;
  src: url("https://fonts.shopifycdn.com/georgia_pro/georgiapro_n6.4c198cda7f3b5037ca02fe5b1bb1044b64c273b1.woff2?h1=YWxvaGEuY29t&hmac=c270394aca00aa748d4a1a4b747358685ebc1576cf2dafa004c772d2ba6eeb37") format("woff2"), url("https://fonts.shopifycdn.com/georgia_pro/georgiapro_n6.b2cdad6efe6cd81641a3635cd353ea013d31ae53.woff?h1=YWxvaGEuY29t&hmac=a883a40940306def14a270102381d3272dad1d5236698788eed30067ca7505b4") format("woff"); }

@font-face {
  font-family: Montserrat;
  font-weight: 600;
  font-style: normal;
  src: url("https://fonts.shopifycdn.com/montserrat/montserrat_n6.7a3c341961dc23aaabcc116124b80f2a7abec1a2.woff2?h1=YWxvaGEuY29t&hmac=cfa543264e3bddf7ea1c395ca849a5c53dee2e544c3df8ca0b1c79960ba137a0") format("woff2"), url("https://fonts.shopifycdn.com/montserrat/montserrat_n6.2c97c1a692c63ad09ab0635cb73b1939c5f417c0.woff?h1=YWxvaGEuY29t&hmac=0071d3a98eba9db2985993a48de3621912212d97aa7d093b2212d07f2608fe4f") format("woff"); }

@font-face {
  font-family: Montserrat;
  font-weight: 500;
  font-style: normal;
  src: url("https://fonts.shopifycdn.com/montserrat/montserrat_n5.e72d00d31ae5399d260a80ec70322c62c1819762.woff2?h1=YWxvaGEuY29t&hmac=db639483a2d0f3681ee130268e4140f51f06b8beeb163ea8b0d434de54ceb52f") format("woff2"), url("https://fonts.shopifycdn.com/montserrat/montserrat_n5.18a018b6c83e89030c5d70a6d4c02c969f228500.woff?h1=YWxvaGEuY29t&hmac=a89d8fd1a53d378c2b9f2abaa576d6d7c007872381f4b281dc1333d79eb832df") format("woff"); }

@font-face {
  font-family: Montserrat;
  font-weight: 900;
  font-style: normal;
  src: url("https://fonts.shopifycdn.com/montserrat/montserrat_n9.ddaed62de62f3d3d87e64f4d0463dca05fc9c8e4.woff2?h1=YWxvaGEuY29t&hmac=c745de0a963dd334286b44554d82a639f5d44790a3534dc75b2e01bba307fd94") format("woff2"), url("https://fonts.shopifycdn.com/montserrat/montserrat_n9.85cc5f32e331fc9b3a109639b08869c64782e161.woff?h1=YWxvaGEuY29t&hmac=923b5b9170d38490f485de36c3a18c81d869c7b3ea352fc9aa580439ddec3825") format("woff"); }

@font-face {
  font-family: Montserrat;
  font-weight: 600;
  font-style: normal;
  src: url("https://fonts.shopifycdn.com/montserrat/montserrat_n6.7a3c341961dc23aaabcc116124b80f2a7abec1a2.woff2?h1=YWxvaGEuY29t&hmac=cfa543264e3bddf7ea1c395ca849a5c53dee2e544c3df8ca0b1c79960ba137a0") format("woff2"), url("https://fonts.shopifycdn.com/montserrat/montserrat_n6.2c97c1a692c63ad09ab0635cb73b1939c5f417c0.woff?h1=YWxvaGEuY29t&hmac=0071d3a98eba9db2985993a48de3621912212d97aa7d093b2212d07f2608fe4f") format("woff"); }

@font-face {
  font-family: Montserrat;
  font-weight: 900;
  font-style: italic;
  src: url("https://fonts.shopifycdn.com/montserrat/montserrat_i9.7523f2a03fdaaa8b60d141507f9ba8d5c839661a.woff2?h1=YWxvaGEuY29t&hmac=759b56284c98653b2ac8a2a3d5588783f066ea401cbb12ad1de3bc88212cefbb") format("woff2"), url("https://fonts.shopifycdn.com/montserrat/montserrat_i9.fb9fe3dd44a3fefe44594bbed91d1246d54a459f.woff?h1=YWxvaGEuY29t&hmac=5e4ea143b01b31ccdc43e3884aebd2a58b1f04e718adec62ff0d485eeddcfef8") format("woff"); }

@font-face {
  font-family: "icons";
  src: url("//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/icons.eot?v=127993231238440630801668107974");
  src: url("//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/icons.eot?v=127993231238440630801668107974#iefix") format("embedded-opentype"), url("//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/icons.woff?v=128241160549938628401668107999") format("woff"), url("//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/icons.ttf?v=148425252643202812521668108018") format("truetype"), url("//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/icons.svg?v=38241972204498128771668107995#timber-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Avenir-Black';
  src: url("Avenir-Black.eot?#iefix") format("embedded-opentype"), url("Avenir-Black.woff") format("woff"), url("Avenir-Black.ttf") format("truetype"), url("Avenir-Black.svg#Avenir-Black") format("svg");
  font-weight: normal;
  font-style: normal; }

/*
 @font-face {
  font-family: 'Avenir-Medium';
  src: url('Avenir-Medium.eot?#iefix') format('embedded-opentype'),  url('Avenir-Medium.woff') format('woff'), url('Avenir-Medium.ttf')  format('truetype'), url('Avenir-Medium.svg#Avenir-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
} 
*/
/* @font-face {
  font-family: 'Avenir-Light';
  src: url('Avenir-Light.eot?#iefix') format('embedded-opentype'),  url('Avenir-Light.woff') format('woff'), url('Avenir-Light.ttf')  format('truetype'), url('Avenir-Light.svg#Avenir-Light') format('svg');
  font-weight: normal;
  font-style: normal;
} */
/* @font-face {
  font-family: 'ArialMT';
  src: url('ArialMT.eot?#iefix') format('embedded-opentype'),  url('ArialMT.woff') format('woff'), url('ArialMT.ttf')  format('truetype'), url('ArialMT.svg#ArialMT') format('svg');
  font-weight: normal;
  font-style: normal;
} */
/* @font-face {
  font-family: 'Arial-BoldMT';
  src: url('Arial-BoldMT.eot?#iefix') format('embedded-opentype'),  url('Arial-BoldMT.woff') format('woff'), url('Arial-BoldMT.ttf')  format('truetype'), url('Arial-BoldMT.svg#Arial-BoldMT') format('svg');
  font-weight: normal;
  font-style: normal;
} */
/* @font-face {
  font-family: 'MyriadPro-Regular';
  src: url('MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),  url('MyriadPro-Regular.otf')  format('opentype'),
	     url('MyriadPro-Regular.woff') format('woff'), url('MyriadPro-Regular.ttf')  format('truetype'), url('MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
} */
/* @font-face {
  font-family: 'CourierStd-Bold';
  src: url('CourierStd-Bold.eot?#iefix') format('embedded-opentype'),  url('CourierStd-Bold.otf')  format('opentype'),
	     url('CourierStd-Bold.woff') format('woff'), url('CourierStd-Bold.ttf')  format('truetype'), url('CourierStd-Bold.svg#CourierStd-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
} */
@font-face {
  font-family: 'Avenir-Book';
  src: url("Avenir-Book.eot?#iefix") format("embedded-opentype"), url("Avenir-Book.woff") format("woff"), url("Avenir-Book.ttf") format("truetype"), url("Avenir-Book.svg#Avenir-Book") format("svg");
  font-weight: normal;
  font-style: normal; }

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

/*============================================================================
  Prefix mixin for generating vendor prefixes.
  Based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/addons/_prefixer.scss
  Usage:
    // Input:
    .element {
      @include prefix(transform, scale(1), ms webkit spec);
    }
    // Output:
    .element {
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
    }
==============================================================================*/
/* =================================
Mixins - JG: 
================================= */
@media only screen and (max-width: 480px) {
  .breakout-full {
    width: calc(100% + 30px);
    margin-left: -15px; } }

/*============================================================================
  Flexbox prefix mixins from Bourbon
    https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/css3/_flex-box.scss
==============================================================================*/
/*============================================================================
  #Normalize
==============================================================================*/
*, input, :before, :after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

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

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

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

.vertical-middle {
  position: relative;
  top: 50%;
  transform: translate(0, -50%); }

/*============================================================================
  #Grid Setup
    - Based on csswizardry grid, but with floated columns and a fixed gutter size
    - 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 {
  float: left;
  padding-left: 30px;
  vertical-align: top;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .grid-item.one-whole {
    padding-left: 0; }

/*============================================================================
  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 ================*/
/*============================================================================
  HELPERS
==============================================================================*/
/*================ Helper show/hide classes around our breakpoints ================*/
/*================ Our regular, non-responsive width and helper classes ================*/
/** Whole */
.one-whole {
  width: 100%; }

/* Halves */
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
  width: 50%; }

/* Thirds */
.one-third, .two-sixths, .four-twelfths {
  width: 33.333%; }

.two-thirds, .four-sixths, .eight-twelfths {
  width: 66.666%; }

/* Quarters */
.one-quarter, .two-eighths, .three-twelfths {
  width: 25%; }

.three-quarters, .six-eighths, .nine-twelfths {
  width: 75%; }

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

.two-fifths, .four-tenths {
  width: 40%; }

.three-fifths, .six-tenths {
  width: 60%; }

.four-fifths, .eight-tenths {
  width: 80%; }

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

.five-sixths, .ten-twelfths {
  width: 83.333%; }

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

.three-eighths {
  width: 37.5%; }

.five-eighths {
  width: 62.5%; }

.seven-eighths {
  width: 87.5%; }

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

.three-tenths {
  width: 30%; }

.seven-tenths {
  width: 70%; }

.nine-tenths {
  width: 90%; }

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

.five-twelfths {
  width: 41.666%; }

.seven-twelfths {
  width: 58.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, .small--two-quarters, .small--three-sixths, .small--four-eighths, .small--five-tenths, .small--six-twelfths {
    width: 50%; }

  /* Thirds */
  .small--one-third, .small--two-sixths, .small--four-twelfths {
    width: 33.333%; }

  .small--two-thirds, .small--four-sixths, .small--eight-twelfths {
    width: 66.666%; }

  /* Quarters */
  .small--one-quarter, .small--two-eighths, .small--three-twelfths {
    width: 25%; }

  .small--three-quarters, .small--six-eighths, .small--nine-twelfths {
    width: 75%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .small--seven-twelfths {
    width: 58.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--two-quarters:nth-child(2n+1), .grid-uniform .small--three-sixths:nth-child(2n+1), .grid-uniform .small--four-eighths:nth-child(2n+1), .grid-uniform .small--five-tenths:nth-child(2n+1), .grid-uniform .small--six-twelfths:nth-child(2n+1),
  .grid-uniform .small--one-third:nth-child(3n+1),
  .grid-uniform .small--two-sixths:nth-child(3n+1),
  .grid-uniform .small--four-twelfths:nth-child(3n+1),
  .grid-uniform .small--one-quarter:nth-child(4n+1),
  .grid-uniform .small--two-eighths:nth-child(4n+1),
  .grid-uniform .small--three-twelfths:nth-child(4n+1),
  .grid-uniform .small--one-fifth:nth-child(5n+1),
  .grid-uniform .small--two-tenths:nth-child(5n+1),
  .grid-uniform .small--one-sixth:nth-child(6n+1),
  .grid-uniform .small--two-twelfths: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, .medium--two-quarters, .medium--three-sixths, .medium--four-eighths, .medium--five-tenths, .medium--six-twelfths {
    width: 50%; }

  /* Thirds */
  .medium--one-third, .medium--two-sixths, .medium--four-twelfths {
    width: 33.333%; }

  .medium--two-thirds, .medium--four-sixths, .medium--eight-twelfths {
    width: 66.666%; }

  /* Quarters */
  .medium--one-quarter, .medium--two-eighths, .medium--three-twelfths {
    width: 25%; }

  .medium--three-quarters, .medium--six-eighths, .medium--nine-twelfths {
    width: 75%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .medium--seven-twelfths {
    width: 58.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--two-quarters:nth-child(2n+1), .grid-uniform .medium--three-sixths:nth-child(2n+1), .grid-uniform .medium--four-eighths:nth-child(2n+1), .grid-uniform .medium--five-tenths:nth-child(2n+1), .grid-uniform .medium--six-twelfths:nth-child(2n+1),
  .grid-uniform .medium--one-third:nth-child(3n+1),
  .grid-uniform .medium--two-sixths:nth-child(3n+1),
  .grid-uniform .medium--four-twelfths:nth-child(3n+1),
  .grid-uniform .medium--one-quarter:nth-child(4n+1),
  .grid-uniform .medium--two-eighths:nth-child(4n+1),
  .grid-uniform .medium--three-twelfths:nth-child(4n+1),
  .grid-uniform .medium--one-fifth:nth-child(5n+1),
  .grid-uniform .medium--two-tenths:nth-child(5n+1),
  .grid-uniform .medium--one-sixth:nth-child(6n+1),
  .grid-uniform .medium--two-twelfths: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, .medium-down--two-quarters, .medium-down--three-sixths, .medium-down--four-eighths, .medium-down--five-tenths, .medium-down--six-twelfths {
    width: 50%; }

  /* Thirds */
  .medium-down--one-third, .medium-down--two-sixths, .medium-down--four-twelfths {
    width: 33.333%; }

  .medium-down--two-thirds, .medium-down--four-sixths, .medium-down--eight-twelfths {
    width: 66.666%; }

  /* Quarters */
  .medium-down--one-quarter, .medium-down--two-eighths, .medium-down--three-twelfths {
    width: 25%; }

  .medium-down--three-quarters, .medium-down--six-eighths, .medium-down--nine-twelfths {
    width: 75%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .medium-down--seven-twelfths {
    width: 58.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--two-quarters:nth-child(2n+1), .grid-uniform .medium-down--three-sixths:nth-child(2n+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--six-twelfths:nth-child(2n+1),
  .grid-uniform .medium-down--one-third:nth-child(3n+1),
  .grid-uniform .medium-down--two-sixths:nth-child(3n+1),
  .grid-uniform .medium-down--four-twelfths:nth-child(3n+1),
  .grid-uniform .medium-down--one-quarter:nth-child(4n+1),
  .grid-uniform .medium-down--two-eighths:nth-child(4n+1),
  .grid-uniform .medium-down--three-twelfths:nth-child(4n+1),
  .grid-uniform .medium-down--one-fifth:nth-child(5n+1),
  .grid-uniform .medium-down--two-tenths:nth-child(5n+1),
  .grid-uniform .medium-down--one-sixth:nth-child(6n+1),
  .grid-uniform .medium-down--two-twelfths: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, .large--two-quarters, .large--three-sixths, .large--four-eighths, .large--five-tenths, .large--six-twelfths {
    width: 50%; }

  /* Thirds */
  .large--one-third, .large--two-sixths, .large--four-twelfths {
    width: 33.333%; }

  .large--two-thirds, .large--four-sixths, .large--eight-twelfths {
    width: 66.666%; }

  /* Quarters */
  .large--one-quarter, .large--two-eighths, .large--three-twelfths {
    width: 25%; }

  .large--three-quarters, .large--six-eighths, .large--nine-twelfths {
    width: 75%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  /* Halves */
  .wide--one-half, .wide--two-quarters, .wide--three-sixths, .wide--four-eighths, .wide--five-tenths, .wide--six-twelfths {
    width: 50%; }

  /* Thirds */
  .wide--one-third, .wide--two-sixths, .wide--four-twelfths {
    width: 33.333%; }

  .wide--two-thirds, .wide--four-sixths, .wide--eight-twelfths {
    width: 66.666%; }

  /* Quarters */
  .wide--one-quarter, .wide--two-eighths, .wide--three-twelfths {
    width: 25%; }

  .wide--three-quarters, .wide--six-eighths, .wide--nine-twelfths {
    width: 75%; }

  /* Fifths */
  .wide--one-fifth, .wide--two-tenths {
    width: 20%; }

  .wide--two-fifths, .wide--four-tenths {
    width: 40%; }

  .wide--three-fifths, .wide--six-tenths {
    width: 60%; }

  .wide--four-fifths, .wide--eight-tenths {
    width: 80%; }

  /* Sixths */
  .wide--one-sixth, .wide--two-twelfths {
    width: 16.666%; }

  .wide--five-sixths, .wide--ten-twelfths {
    width: 83.333%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .grid-uniform .wide--one-half:nth-child(2n+1), .grid-uniform .wide--two-quarters:nth-child(2n+1), .grid-uniform .wide--three-sixths:nth-child(2n+1), .grid-uniform .wide--four-eighths:nth-child(2n+1), .grid-uniform .wide--five-tenths:nth-child(2n+1), .grid-uniform .wide--six-twelfths:nth-child(2n+1),
  .grid-uniform .wide--one-third:nth-child(3n+1),
  .grid-uniform .wide--two-sixths:nth-child(3n+1),
  .grid-uniform .wide--four-twelfths:nth-child(3n+1),
  .grid-uniform .wide--one-quarter:nth-child(4n+1),
  .grid-uniform .wide--two-eighths:nth-child(4n+1),
  .grid-uniform .wide--three-twelfths:nth-child(4n+1),
  .grid-uniform .wide--one-fifth:nth-child(5n+1),
  .grid-uniform .wide--two-tenths:nth-child(5n+1),
  .grid-uniform .wide--one-sixth:nth-child(6n+1),
  .grid-uniform .wide--two-twelfths:nth-child(6n+1),
  .grid-uniform .wide--two-sixths:nth-child(3n+1),
  .grid-uniform .wide--three-sixths:nth-child(2n+1),
  .grid-uniform .wide--two-eighths:nth-child(4n+1),
  .grid-uniform .wide--four-eighths:nth-child(2n+1),
  .grid-uniform .wide--five-tenths:nth-child(2n+1),
  .grid-uniform .wide--one-twelfth:nth-child(12n+1),
  .grid-uniform .wide--two-twelfths:nth-child(6n+1),
  .grid-uniform .wide--three-twelfths:nth-child(4n+1),
  .grid-uniform .wide--four-twelfths:nth-child(3n+1),
  .grid-uniform .wide--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, .push--two-quarters, .push--three-sixths, .push--four-eighths, .push--five-tenths, .push--six-twelfths {
  left: 50%; }

/* Thirds */
.push--one-third, .push--two-sixths, .push--four-twelfths {
  left: 33.333%; }

.push--two-thirds, .push--four-sixths, .push--eight-twelfths {
  left: 66.666%; }

/* Quarters */
.push--one-quarter, .push--two-eighths, .push--three-twelfths {
  left: 25%; }

.push--three-quarters, .push--six-eighths, .push--nine-twelfths {
  left: 75%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.push--seven-twelfths {
  left: 58.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, .push--medium--two-quarters, .push--medium--three-sixths, .push--medium--four-eighths, .push--medium--five-tenths, .push--medium--six-twelfths {
    left: 50%; }

  /* Thirds */
  .push--medium--one-third, .push--medium--two-sixths, .push--medium--four-twelfths {
    left: 33.333%; }

  .push--medium--two-thirds, .push--medium--four-sixths, .push--medium--eight-twelfths {
    left: 66.666%; }

  /* Quarters */
  .push--medium--one-quarter, .push--medium--two-eighths, .push--medium--three-twelfths {
    left: 25%; }

  .push--medium--three-quarters, .push--medium--six-eighths, .push--medium--nine-twelfths {
    left: 75%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .push--medium--seven-twelfths {
    left: 58.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, .push--medium-down--two-quarters, .push--medium-down--three-sixths, .push--medium-down--four-eighths, .push--medium-down--five-tenths, .push--medium-down--six-twelfths {
    left: 50%; }

  /* Thirds */
  .push--medium-down--one-third, .push--medium-down--two-sixths, .push--medium-down--four-twelfths {
    left: 33.333%; }

  .push--medium-down--two-thirds, .push--medium-down--four-sixths, .push--medium-down--eight-twelfths {
    left: 66.666%; }

  /* Quarters */
  .push--medium-down--one-quarter, .push--medium-down--two-eighths, .push--medium-down--three-twelfths {
    left: 25%; }

  .push--medium-down--three-quarters, .push--medium-down--six-eighths, .push--medium-down--nine-twelfths {
    left: 75%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .push--medium-down--seven-twelfths {
    left: 58.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, .push--large--two-quarters, .push--large--three-sixths, .push--large--four-eighths, .push--large--five-tenths, .push--large--six-twelfths {
    left: 50%; }

  /* Thirds */
  .push--large--one-third, .push--large--two-sixths, .push--large--four-twelfths {
    left: 33.333%; }

  .push--large--two-thirds, .push--large--four-sixths, .push--large--eight-twelfths {
    left: 66.666%; }

  /* Quarters */
  .push--large--one-quarter, .push--large--two-eighths, .push--large--three-twelfths {
    left: 25%; }

  .push--large--three-quarters, .push--large--six-eighths, .push--large--nine-twelfths {
    left: 75%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .push--large--eleven-twelfths {
    left: 91.666%; } }
/*============================================================================
  PULL
    - Pull classes, to move grid items back to the left by certain amounts
==============================================================================*/
/*================ Home page section helpers ================*/
.template-index main.main-content .shopify-section:nth-child(1) hr:first-child {
  display: none; }

/*============================================================================
  #Basic Styles
==============================================================================*/
html, body {
  padding: 0;
  margin: 0;
  background-color: white; }
  html.js .no-js, body.js .no-js {
    display: block; }
  html.no-js .no-js, body.no-js .no-js {
    display: none !important; }

/*============================================================================
  Commented out CSS for background for easy background image uploading in case customers ask.
  Simply upload a file called 'bg.jpg' and delete lines as necessary.
==============================================================================*/
.wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 15px; }
  .wrapper:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 481px) {
    .wrapper {
      padding: 0 30px; } }

.wrapper_other {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px; }
  .wrapper_other:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 481px) {
    .wrapper_other {
      padding: 0; } }

.wrapper_unset, .template-customers-login .main-content,
.template-customers-register .main-content,
.template-customers-account .main-content {
  display: block;
  width: 100%;
  max-width: unset;
  padding: 0; }

.main-content {
  display: block;
  padding-top: 0;
  /*     $gutter; */
  /*   position: absolute;
    top: calc(0% + 35px); */ }

.main-content--no-template {
  padding-top: 50px; }

.grid-border > .grid-item {
  padding-top: 30px; }

@media screen and (min-width: 769px) {
  .grid-border--right {
    border-right: 1px solid #ececec; }

  .grid-border--left {
    border-left: 1px solid #ececec; } }
/*============================================================================
  #Helper Classes
==============================================================================*/
.left {
  float: left; }

.right {
  float: right; }

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

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

.hidden {
  display: none; }

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

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

.medium-down--display-block,
.large-up--display-block {
  display: none; }

@media screen and (max-width: 768px) {
  .medium-down--display-block {
    display: block; } }
@media screen and (min-width: 769px) {
  .large-up--display-block {
    display: block; }

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

  .large--display-table-cell {
    display: table-cell;
    vertical-align: middle;
    float: none; } }
.visually-hidden {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px !important; }

/*============================================================================
  #Typography
==============================================================================*/
body,
input,
textarea,
button,
select {
  font-size: 20px;
  /*     $baseFontSize; */
  font-family: "Avenir-Book";
  /*     $baseFontStack; */
  /*   font-weight: $baseFontWeight; */
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 1px;
  color: black;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; }

h1, .h1, #shopify-product-reviews .spr-header-title, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  display: block;
  margin: 0 0 0.5em;
  line-height: 1.4;
  /*   font-family: $headerFontStack; */
  font-weight: 600;
  font-style: normal; }
  h1 a, .h1 a, #shopify-product-reviews .spr-header-title 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; }

/*================ Pixel to EM conversion tool - http://pxtoem.com/ ================*/
h1, .h1, #shopify-product-reviews .spr-header-title {
  font-size: 1.733em;
  margin-bottom: 30px; }

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

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

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

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

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

.main-content h1, .main-content .h1, .main-content #shopify-product-reviews .spr-header-title, #shopify-product-reviews .main-content .spr-header-title, .main-content h2, .main-content .h2, .main-content h3, .main-content .h3, .main-content h4, .main-content .h4, .main-content h5, .main-content .h5 {
  color: #0f5a47; }

.sidebar h2, .sidebar .h2, .sidebar h3, .sidebar .h3, .sidebar h4, .sidebar .h4, .sidebar h5, .sidebar .h5 {
  margin-top: 4px; }

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

em {
  font-style: italic; }

b, strong {
  font-weight: 900; }

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.5em; }

.text-light, s {
  color: black; }

/*================ Blockquotes ================*/
blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none; }

blockquote {
  font-size: 1.125em;
  line-height: 1.45;
  font-style: italic;
  margin: 0 0 30px;
  padding: 15px 30px;
  border-left: 1px solid #ececec; }
  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: 0.5em;
  margin: 0 0 1em; }

/*================ Horizontal Rules ================*/
hr {
  clear: both;
  border-top: solid #ececec;
  border-width: 1px 0 0;
  margin: 30px 0;
  height: 0; }
  hr.hr--small {
    margin: 15px 0; }
  hr.hr--clear {
    border-top-color: transparent; }
  footer hr {
    border-top-color: #dfebdf; }
  hr.product-template-hr {
    margin: 36px 0; }
  @media screen and (min-width: 769px) {
    hr.hr--offset-left {
      margin-left: -30px; } }

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

.section-header--title {
  margin-bottom: 12px; }

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

  .section-header--left {
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 0; }
    .section-header--left h1, .section-header--left .h1, .section-header--left #shopify-product-reviews .spr-header-title, #shopify-product-reviews .section-header--left .spr-header-title, .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 {
  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: none;
  border: 1px solid #ececec;
  border-radius: 2px;
  padding: 11px;
  height: 39px;
  vertical-align: middle;
  /*================ Only show on larger screens ================*/ }
  @media screen and (min-width: 769px) {
    .collection-view {
      display: inline-block; } }
  .collection-view a {
    color: black;
    display: block;
    float: left;
    opacity: 0.7;
    cursor: pointer;
    line-height: 100%;
    -webkit-transition: opacity 0.15s ease-out;
    -moz-transition: opacity 0.15s ease-out;
    -ms-transition: opacity 0.15s ease-out;
    -o-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out; }
    .collection-view a + a {
      margin-left: 10px; }
    .collection-view a:hover {
      opacity: 0.9;
      -webkit-transition: opacity 0.05s ease-in;
      -moz-transition: opacity 0.05s ease-in;
      -ms-transition: opacity 0.05s ease-in;
      -o-transition: opacity 0.05s ease-in;
      transition: opacity 0.05s ease-in; }
    .collection-view a.collection-view--active {
      opacity: 1;
      cursor: default; }
  .collection-view img {
    display: block;
    opacity: inherit; }

.newsletter-section {
  padding: 20px 0;
  margin-top: 30px;
  display: inline-block; }
  .newsletter-section .h1 {
    margin-bottom: 10px; }
  @media screen and (min-width: 769px) {
    .newsletter-section #contact_form {
      width: 50%;
      margin: 0 auto; } }
  .newsletter-section .newsletter-page {
    background: #CFDEDA;
    padding-top: 62px;
    padding-bottom: 97px; }
    .newsletter-section .newsletter-page .news_width {
      min-width: 960px;
      width: 40%;
      margin: 0 auto; }
      .newsletter-section .newsletter-page .news_width label.h1 {
        /*       font-size:48px;
              font-family:"Avenir-Medium"; */ }
      .newsletter-section .newsletter-page .news_width p {
        font-size: 24px; }
      @media only screen and (max-width: 1023px) {
        .newsletter-section .newsletter-page .news_width {
          min-width: auto;
          width: 100%; } }
    .newsletter-section .newsletter-page #contact_form {
      width: 87% !important;
      margin: 0 auto; }
      .newsletter-section .newsletter-page #contact_form .input-group .input-group-field {
        height: 70px;
        background: #fff; }
        @media only screen and (max-width: 1023px) {
          .newsletter-section .newsletter-page #contact_form .input-group .input-group-field {
            float: left; } }
      @media only screen and (max-width: 1023px) {
        .newsletter-section .newsletter-page #contact_form .input-group-btn {
          float: left;
          width: 100%;
          padding-top: 20px; } }
      .newsletter-section .newsletter-page #contact_form .input-group-btn #subscribe {
        max-width: 350px;
        width: 350px;
        height: 70px;
        font-family: Arial;
        font-weight: bold;
        font-size: 24px; }
        @media only screen and (max-width: 1023px) {
          .newsletter-section .newsletter-page #contact_form .input-group-btn #subscribe {
            width: 100%;
            max-width: 100%; } }
    @media only screen and (max-width: 1023px) {
      .newsletter-section .newsletter-page .input-group {
        width: 100%; } }

/*============================================================================
  #Rich Text Editor
==============================================================================*/
.rte {
  margin-bottom: 15px; }
  .rte img {
    max-width: 100%;
    height: auto; }
  .rte h1, .rte .h1, .rte #shopify-product-reviews .spr-header-title, #shopify-product-reviews .rte .spr-header-title, .rte h2, .rte .h2, .rte h3, .rte .h3, .rte h4, .rte .h4, .rte h5, .rte .h5, .rte h6, .rte .h6 {
    margin-top: 0.5em; }
    .rte h1:first-child, .rte .h1:first-child, .rte #shopify-product-reviews .spr-header-title:first-child, #shopify-product-reviews .rte .spr-header-title:first-child, .rte h2:first-child, .rte .h2:first-child, .rte h3:first-child, .rte .h3:first-child, .rte h4:first-child, .rte .h4:first-child, .rte h5:first-child, .rte .h5:first-child, .rte h6:first-child, .rte .h6:first-child {
      margin-top: 0; }
  .rte > div {
    margin-bottom: 15px; }
  .rte ul, .rte ol {
    margin-left: 35px; }
  .rte ul ul {
    list-style: circle outside; }
  .rte li {
    margin-bottom: 0.4em; }
  .rte table {
    table-layout: fixed; }

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

/*============================================================================
  #Links and Buttons
==============================================================================*/
a {
  color: #0f5a47;
  text-decoration: none;
  background: transparent; }

a:hover,
a:focus {
  color: #1a9c7b; }

a:focus {
  outline: 0 none; }

button {
  overflow: visible; }

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

.btn, .btn-secondary,
input.btn-secondary, input[type="submit"], .shopify-payment-button .shopify-payment-button__button--unbranded, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button,
#loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button,
#loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button,
#loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button, #loyaltylion .lion-action-modal__button,
#loyaltylion .lion-redeem-reward-modal__button--confirm, #loyaltylion .lion-redeem-reward-modal__button--cancel, #loyaltylion .lion-referral-email-form__buttons .lion-action-button {
  /*   display: inline-block; */
  /*   padding: 8px 20px; */
  margin: 0;
  /*   line-height: 1.42; */
  /*   text-decoration: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap; */
  cursor: pointer;
  /*   border: 1px solid transparent; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  /*   border-radius: $radius; */
  /*   font-family: $accentFontStack;  */
  /*   font-weight: $accentFontWeight; */
  font-style: normal;
  /*   font-size: 14px; */
  /*   width: 100%; */
  display: inline-block;
  background-color: #0f5a47;
  border: 2px solid #0f5a47;
  color: #ffffff;
  min-height: 44px;
  white-space: normal;
  padding: 5px 10px;
  line-height: 44px;
  vertical-align: middle;
  border-radius: 2px;
  text-transform: uppercase;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  -ms-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
  /* stereo effect button - JG */
  /*================ Set primary button colors - can override later ================*/
  background-color: #0f5a47;
  color: white; }
  .btn.btn--add-to-cart, .btn--add-to-cart.btn-secondary, input.btn--add-to-cart[type="submit"], .shopify-payment-button .btn--add-to-cart.shopify-payment-button__button--unbranded, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--add-to-cart,
  #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--add-to-cart,
  #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--add-to-cart,
  #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--add-to-cart, #loyaltylion .btn--add-to-cart.lion-action-modal__button,
  #loyaltylion .btn--add-to-cart.lion-redeem-reward-modal__button--confirm, #loyaltylion .btn--add-to-cart.lion-redeem-reward-modal__button--cancel, #loyaltylion .lion-referral-email-form__buttons .btn--add-to-cart.lion-action-button {
    min-height: 44px;
    white-space: normal;
    width: 100%;
    display: inline-block;
    background-color: #0f5a47;
    border: 2px solid #0f5a47;
    color: #ffffff;
    min-height: 44px;
    white-space: normal;
    padding: 5px 10px;
    line-height: 44px;
    vertical-align: middle;
    border-radius: 2px;
    text-transform: uppercase;
    font-weight: bold; }
  .btn.btn--small, .btn--small.btn-secondary, input.btn--small[type="submit"], .shopify-payment-button .btn--small.shopify-payment-button__button--unbranded, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--small,
  #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--small,
  #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--small,
  #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--small, #loyaltylion .btn--small.lion-action-modal__button,
  #loyaltylion .btn--small.lion-redeem-reward-modal__button--confirm, #loyaltylion .btn--small.lion-redeem-reward-modal__button--cancel, #loyaltylion .lion-referral-email-form__buttons .btn--small.lion-action-button {
    padding: 8px 12px 7px;
    font-size: 12px; }
  .btn.btn--wide, .btn--wide.btn-secondary, input.btn--wide[type="submit"], .shopify-payment-button .btn--wide.shopify-payment-button__button--unbranded, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--wide,
  #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--wide,
  #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--wide,
  #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--wide, #loyaltylion .btn--wide.lion-action-modal__button,
  #loyaltylion .btn--wide.lion-redeem-reward-modal__button--confirm, #loyaltylion .btn--wide.lion-redeem-reward-modal__button--cancel, #loyaltylion .lion-referral-email-form__buttons .btn--wide.lion-action-button {
    min-width: 40%; }
    @media screen and (max-width: 768px) {
      .btn.btn--wide, .btn--wide.btn-secondary, input.btn--wide[type="submit"], .shopify-payment-button .btn--wide.shopify-payment-button__button--unbranded, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--wide,
      #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--wide,
      #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--wide,
      #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--wide, #loyaltylion .btn--wide.lion-action-modal__button,
      #loyaltylion .btn--wide.lion-redeem-reward-modal__button--confirm, #loyaltylion .btn--wide.lion-redeem-reward-modal__button--cancel, #loyaltylion .lion-referral-email-form__buttons .btn--wide.lion-action-button {
        width: 100%; } }
  .btn.btn--full, .btn--full.btn-secondary, input.btn--full[type="submit"], .shopify-payment-button .btn--full.shopify-payment-button__button--unbranded, .payment-buttons--large .shopify-payment-button .shopify-payment-button__button--unbranded, .payment-buttons--large .shopify-payment-button #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.shopify-payment-button__button--unbranded, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) .payment-buttons--large .shopify-payment-button button.shopify-payment-button__button--unbranded,
  .payment-buttons--large .shopify-payment-button #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.shopify-payment-button__button--unbranded,
  #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) .payment-buttons--large .shopify-payment-button button.shopify-payment-button__button--unbranded,
  .payment-buttons--large .shopify-payment-button #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.shopify-payment-button__button--unbranded,
  #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) .payment-buttons--large .shopify-payment-button button.shopify-payment-button__button--unbranded,
  .payment-buttons--large .shopify-payment-button #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.shopify-payment-button__button--unbranded,
  #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) .payment-buttons--large .shopify-payment-button button.shopify-payment-button__button--unbranded, .payment-buttons--large .shopify-payment-button #loyaltylion .shopify-payment-button__button--unbranded.lion-action-modal__button, #loyaltylion .payment-buttons--large .shopify-payment-button .shopify-payment-button__button--unbranded.lion-action-modal__button,
  .payment-buttons--large .shopify-payment-button #loyaltylion .shopify-payment-button__button--unbranded.lion-redeem-reward-modal__button--confirm,
  #loyaltylion .payment-buttons--large .shopify-payment-button .shopify-payment-button__button--unbranded.lion-redeem-reward-modal__button--confirm, .payment-buttons--large .shopify-payment-button #loyaltylion .shopify-payment-button__button--unbranded.lion-redeem-reward-modal__button--cancel, #loyaltylion .payment-buttons--large .shopify-payment-button .shopify-payment-button__button--unbranded.lion-redeem-reward-modal__button--cancel, .payment-buttons--large .shopify-payment-button #loyaltylion .lion-referral-email-form__buttons .shopify-payment-button__button--unbranded.lion-action-button, #loyaltylion .lion-referral-email-form__buttons .payment-buttons--large .shopify-payment-button .shopify-payment-button__button--unbranded.lion-action-button, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--full,
  #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--full,
  #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--full,
  #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--full, #loyaltylion .btn--full.lion-action-modal__button,
  #loyaltylion .btn--full.lion-redeem-reward-modal__button--confirm, #loyaltylion .btn--full.lion-redeem-reward-modal__button--cancel, #loyaltylion .lion-referral-email-form__buttons .btn--full.lion-action-button {
    width: 100%; }
  .btn.btn--large, .btn--large.btn-secondary, input.btn--large[type="submit"], .shopify-payment-button .btn--large.shopify-payment-button__button--unbranded, .payment-buttons--large .shopify-payment-button .shopify-payment-button__button--unbranded, .payment-buttons--large .shopify-payment-button #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.shopify-payment-button__button--unbranded, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) .payment-buttons--large .shopify-payment-button button.shopify-payment-button__button--unbranded,
  .payment-buttons--large .shopify-payment-button #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.shopify-payment-button__button--unbranded,
  #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) .payment-buttons--large .shopify-payment-button button.shopify-payment-button__button--unbranded,
  .payment-buttons--large .shopify-payment-button #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.shopify-payment-button__button--unbranded,
  #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) .payment-buttons--large .shopify-payment-button button.shopify-payment-button__button--unbranded,
  .payment-buttons--large .shopify-payment-button #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.shopify-payment-button__button--unbranded,
  #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) .payment-buttons--large .shopify-payment-button button.shopify-payment-button__button--unbranded, .payment-buttons--large .shopify-payment-button #loyaltylion .shopify-payment-button__button--unbranded.lion-action-modal__button, #loyaltylion .payment-buttons--large .shopify-payment-button .shopify-payment-button__button--unbranded.lion-action-modal__button,
  .payment-buttons--large .shopify-payment-button #loyaltylion .shopify-payment-button__button--unbranded.lion-redeem-reward-modal__button--confirm,
  #loyaltylion .payment-buttons--large .shopify-payment-button .shopify-payment-button__button--unbranded.lion-redeem-reward-modal__button--confirm, .payment-buttons--large .shopify-payment-button #loyaltylion .shopify-payment-button__button--unbranded.lion-redeem-reward-modal__button--cancel, #loyaltylion .payment-buttons--large .shopify-payment-button .shopify-payment-button__button--unbranded.lion-redeem-reward-modal__button--cancel, .payment-buttons--large .shopify-payment-button #loyaltylion .lion-referral-email-form__buttons .shopify-payment-button__button--unbranded.lion-action-button, #loyaltylion .lion-referral-email-form__buttons .payment-buttons--large .shopify-payment-button .shopify-payment-button__button--unbranded.lion-action-button, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--large,
  #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--large,
  #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--large,
  #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--large, #loyaltylion .btn--large.lion-action-modal__button,
  #loyaltylion .btn--large.lion-redeem-reward-modal__button--confirm, #loyaltylion .btn--large.lion-redeem-reward-modal__button--cancel, #loyaltylion .lion-referral-email-form__buttons .btn--large.lion-action-button {
    padding: 5px 20px;
    font-weight: 700;
    min-height: 55px;
    margin-bottom: 30px; }
  .btn.btn--stereo-fx, .btn--stereo-fx.btn-secondary, input.btn--stereo-fx[type="submit"], .shopify-payment-button .btn--stereo-fx.shopify-payment-button__button--unbranded, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx,
  #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx,
  #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx,
  #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx, #loyaltylion .btn--stereo-fx.lion-action-modal__button,
  #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--confirm, #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--cancel, #loyaltylion .lion-referral-email-form__buttons .btn--stereo-fx.lion-action-button {
    background-color: transparent;
    border: 0;
    display: inline-block;
    font-family: "Avenir-Black";
    padding: 0;
    position: relative;
    text-align: center;
    width: auto;
    /* 
    // removed Featured Color buttons in 2.17.21 update T3600 - JG 
	// pull data-featured-color attribute:
   
    &[data-featured-color="yellow"] {
      &:before,
      &:after { background-color: $brandYellow;}
    }
    &[data-featured-color="peach"] {
      &:before,
      &:after { background-color: $brandPeach;}
    }
    &[data-featured-color="mint"] {
      &:before,
      &:after { background-color: $brandMint;}
    }
    &[data-featured-color="seafoam"] {
      &:before,
      &:after { background-color: $brandSeafoam;}
    }
    &[data-featured-color="blue"] {
      &:before,
      &:after { background-color: $brandBlue;}
    }    
    &[data-featured-color="light-blue"] {
      &:before,
      &:after { background-color: $brandLightBlue;}
    }
    &[data-featured-color="purple"] {
      &:before,
      &:after { background-color: $brandPurple;}
    }
    &[data-featured-color="brand-green"] {
      &:before,
      &:after { background-color: $brandPrimary;}
    }
    
    &.reverse-light {
      
      &[data-featured-color="yellow"] {
        color: $brandYellow;
        &:before,
        &:after { 
          background-color: #FFF;
          
        }
      }
      &[data-featured-color="peach"] {
        color: $brandPeach;
        &:before,
        &:after { 
          background-color: #FFF;
          
        }
      }
      &[data-featured-color="mint"] {
        color: $brandMint;
        &:before,
        &:after { 
          background-color: #FFF;
          
        }
      }
      &[data-featured-color="seafoam"] {
        color: $brandSeafoam;
        &:before,
        &:after { 
          background-color: #FFF;
          
        }
      }
      &[data-featured-color="blue"] {
        color: $brandBlue;
        &:before,
        &:after { 
          background-color: #FFF;
          
        }
      }    
      &[data-featured-color="light-blue"] {
        color: $brandLightBlue;
        &:before,
        &:after { 
          background-color: #FFF;
          
        }
      }
      &[data-featured-color="purple"] {
        color: $brandPurple;
        &:before,
        &:after { 
          background-color: #FFF;
          
        }
      }
      &[data-featured-color="brand-green"] {
        color: $brandPrimary;
        &:before,
        &:after { 
          background-color: #FFF;
          
        }
      }
      
    }
    */ }
    .btn.btn--stereo-fx span, .btn--stereo-fx.btn-secondary span, input.btn--stereo-fx[type="submit"] span, .shopify-payment-button .btn--stereo-fx.shopify-payment-button__button--unbranded span, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx span,
    #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx span,
    #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx span,
    #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx span, #loyaltylion .btn--stereo-fx.lion-action-modal__button span,
    #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--confirm span, #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--cancel span, #loyaltylion .lion-referral-email-form__buttons .btn--stereo-fx.lion-action-button span {
      display: inline-block;
      padding: 5px 20px;
      position: relative;
      white-space: nowrap;
      z-index: 2; }
    .btn.btn--stereo-fx:before, .btn--stereo-fx.btn-secondary:before, input.btn--stereo-fx[type="submit"]:before, .shopify-payment-button .btn--stereo-fx.shopify-payment-button__button--unbranded:before, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx:before,
    #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx:before,
    #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx:before,
    #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx:before, #loyaltylion .btn--stereo-fx.lion-action-modal__button:before,
    #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--confirm:before, #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--cancel:before, #loyaltylion .lion-referral-email-form__buttons .btn--stereo-fx.lion-action-button:before, .btn.btn--stereo-fx:after, .btn--stereo-fx.btn-secondary:after, input.btn--stereo-fx[type="submit"]:after, .shopify-payment-button .btn--stereo-fx.shopify-payment-button__button--unbranded:after, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx:after,
    #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx:after,
    #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx:after,
    #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx:after, #loyaltylion .btn--stereo-fx.lion-action-modal__button:after,
    #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--confirm:after, #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--cancel:after, #loyaltylion .lion-referral-email-form__buttons .btn--stereo-fx.lion-action-button:after {
      background: #0f5a47;
      content: '';
      display: block;
      height: 100%;
      position: absolute;
      width: 100%;
      transition: all .25s linear; }
    .btn.btn--stereo-fx:before, .btn--stereo-fx.btn-secondary:before, input.btn--stereo-fx[type="submit"]:before, .shopify-payment-button .btn--stereo-fx.shopify-payment-button__button--unbranded:before, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx:before,
    #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx:before,
    #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx:before,
    #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx:before, #loyaltylion .btn--stereo-fx.lion-action-modal__button:before,
    #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--confirm:before, #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--cancel:before, #loyaltylion .lion-referral-email-form__buttons .btn--stereo-fx.lion-action-button:before {
      left: -2px;
      opacity: 0.5;
      top: -3px; }
    .btn.btn--stereo-fx:after, .btn--stereo-fx.btn-secondary:after, input.btn--stereo-fx[type="submit"]:after, .shopify-payment-button .btn--stereo-fx.shopify-payment-button__button--unbranded:after, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx:after,
    #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx:after,
    #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx:after,
    #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx:after, #loyaltylion .btn--stereo-fx.lion-action-modal__button:after,
    #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--confirm:after, #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--cancel:after, #loyaltylion .lion-referral-email-form__buttons .btn--stereo-fx.lion-action-button:after {
      bottom: -3px;
      right: -2px;
      opacity: 0.75; }
    .btn.btn--stereo-fx:hover, .btn--stereo-fx.btn-secondary:hover, input.btn--stereo-fx[type="submit"]:hover, .shopify-payment-button .btn--stereo-fx.shopify-payment-button__button--unbranded:hover, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx:hover,
    #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx:hover,
    #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx:hover,
    #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx:hover, #loyaltylion .btn--stereo-fx.lion-action-modal__button:hover,
    #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--confirm:hover, #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--cancel:hover, #loyaltylion .lion-referral-email-form__buttons .btn--stereo-fx.lion-action-button:hover {
      background: transparent;
      color: #FFF; }
      .btn.btn--stereo-fx:hover:before, .btn--stereo-fx.btn-secondary:hover:before, input.btn--stereo-fx[type="submit"]:hover:before, .shopify-payment-button .btn--stereo-fx.shopify-payment-button__button--unbranded:hover:before, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx:hover:before,
      #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx:hover:before,
      #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx:hover:before,
      #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx:hover:before, #loyaltylion .btn--stereo-fx.lion-action-modal__button:hover:before,
      #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--confirm:hover:before, #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--cancel:hover:before, #loyaltylion .lion-referral-email-form__buttons .btn--stereo-fx.lion-action-button:hover:before {
        left: 0;
        top: 0; }
      .btn.btn--stereo-fx:hover:after, .btn--stereo-fx.btn-secondary:hover:after, input.btn--stereo-fx[type="submit"]:hover:after, .shopify-payment-button .btn--stereo-fx.shopify-payment-button__button--unbranded:hover:after, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx:hover:after,
      #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx:hover:after,
      #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx:hover:after,
      #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx:hover:after, #loyaltylion .btn--stereo-fx.lion-action-modal__button:hover:after,
      #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--confirm:hover:after, #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--cancel:hover:after, #loyaltylion .lion-referral-email-form__buttons .btn--stereo-fx.lion-action-button:hover:after {
        bottom: 0;
        right: 0; }
    .btn.btn--stereo-fx.solid:hover:before, .btn--stereo-fx.solid.btn-secondary:hover:before, input.btn--stereo-fx.solid[type="submit"]:hover:before, .shopify-payment-button .btn--stereo-fx.solid.shopify-payment-button__button--unbranded:hover:before, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx.solid:hover:before,
    #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx.solid:hover:before,
    #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx.solid:hover:before,
    #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx.solid:hover:before, #loyaltylion .btn--stereo-fx.solid.lion-action-modal__button:hover:before,
    #loyaltylion .btn--stereo-fx.solid.lion-redeem-reward-modal__button--confirm:hover:before, #loyaltylion .btn--stereo-fx.solid.lion-redeem-reward-modal__button--cancel:hover:before, #loyaltylion .lion-referral-email-form__buttons .btn--stereo-fx.solid.lion-action-button:hover:before, .btn.btn--stereo-fx.solid:hover:after, .btn--stereo-fx.solid.btn-secondary:hover:after, input.btn--stereo-fx.solid[type="submit"]:hover:after, .shopify-payment-button .btn--stereo-fx.solid.shopify-payment-button__button--unbranded:hover:after, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx.solid:hover:after,
    #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx.solid:hover:after,
    #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx.solid:hover:after,
    #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx.solid:hover:after, #loyaltylion .btn--stereo-fx.solid.lion-action-modal__button:hover:after,
    #loyaltylion .btn--stereo-fx.solid.lion-redeem-reward-modal__button--confirm:hover:after, #loyaltylion .btn--stereo-fx.solid.lion-redeem-reward-modal__button--cancel:hover:after, #loyaltylion .lion-referral-email-form__buttons .btn--stereo-fx.solid.lion-action-button:hover:after {
      opacity: 1; }
  .btn:hover, .btn-secondary:hover, input[type="submit"]:hover, .shopify-payment-button .shopify-payment-button__button--unbranded:hover, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button:hover,
  #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button:hover,
  #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button:hover,
  #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button:hover, #loyaltylion .lion-action-modal__button:hover,
  #loyaltylion .lion-redeem-reward-modal__button--confirm:hover, #loyaltylion .lion-redeem-reward-modal__button--cancel:hover, #loyaltylion .lion-referral-email-form__buttons .lion-action-button:hover {
    color: #0f5a47;
    background: #ffffff;
    /*     background-color: $colorBtnPrimaryHover;
        color: add-to-cart-color($colorBtnPrimary); */
    -webkit-transition: background-color 0.05s ease-in;
    -moz-transition: background-color 0.05s ease-in;
    -ms-transition: background-color 0.05s ease-in;
    -o-transition: background-color 0.05s ease-in;
    transition: background-color 0.05s ease-in; }
  .btn:active, .btn-secondary:active, .btn-secondary.nice-select.open, input[type="submit"]:active, input[type="submit"].nice-select.open, .shopify-payment-button .shopify-payment-button__button--unbranded:active, .shopify-payment-button .shopify-payment-button__button--unbranded.nice-select.open, .btn.nice-select.open, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.nice-select.open,
  #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.nice-select.open,
  #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.nice-select.open,
  #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.nice-select.open, #loyaltylion .nice-select.open.lion-action-modal__button,
  #loyaltylion .nice-select.open.lion-redeem-reward-modal__button--confirm, #loyaltylion .nice-select.open.lion-redeem-reward-modal__button--cancel, #loyaltylion .lion-referral-email-form__buttons .nice-select.open.lion-action-button, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button:active,
  #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button:active,
  #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button:active,
  #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button:active, #loyaltylion .lion-action-modal__button:active,
  #loyaltylion .lion-redeem-reward-modal__button--confirm:active, #loyaltylion .lion-redeem-reward-modal__button--cancel:active, #loyaltylion .lion-referral-email-form__buttons .lion-action-button:active {
    background-color: #082e25;
    color: white; }
  .btn[disabled], [disabled].btn-secondary, input[disabled][type="submit"], .shopify-payment-button [disabled].shopify-payment-button__button--unbranded, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button[disabled],
  #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button[disabled],
  #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button[disabled],
  #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button[disabled], #loyaltylion [disabled].lion-action-modal__button,
  #loyaltylion [disabled].lion-redeem-reward-modal__button--confirm, #loyaltylion [disabled].lion-redeem-reward-modal__button--cancel, #loyaltylion .lion-referral-email-form__buttons [disabled].lion-action-button, .btn.disabled, .disabled.btn-secondary, input.disabled[type="submit"], .shopify-payment-button .disabled.shopify-payment-button__button--unbranded, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.disabled,
  #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.disabled,
  #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.disabled,
  #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.disabled, #loyaltylion .disabled.lion-action-modal__button,
  #loyaltylion .disabled.lion-redeem-reward-modal__button--confirm, #loyaltylion .disabled.lion-redeem-reward-modal__button--cancel, #loyaltylion .lion-referral-email-form__buttons .disabled.lion-action-button {
    cursor: default;
    color: #b6b6b6;
    background-color: #f6f6f6; }
  .btn.btn--secondary-accent, .btn--secondary-accent.btn-secondary, input.btn--secondary-accent[type="submit"], .shopify-payment-button .btn--secondary-accent.shopify-payment-button__button--unbranded, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--secondary-accent,
  #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--secondary-accent,
  #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--secondary-accent,
  #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--secondary-accent, #loyaltylion .btn--secondary-accent.lion-action-modal__button,
  #loyaltylion .btn--secondary-accent.lion-redeem-reward-modal__button--confirm, #loyaltylion .btn--secondary-accent.lion-redeem-reward-modal__button--cancel, #loyaltylion .lion-referral-email-form__buttons .btn--secondary-accent.lion-action-button {
    /*     background-color: $colorBody; */
    border: 2px solid #0f5a47;
    /*     color: $colorBtnSecondaryAccent; */ }
    .btn.btn--secondary-accent:hover, .btn--secondary-accent.btn-secondary:hover, input.btn--secondary-accent[type="submit"]:hover, .shopify-payment-button .btn--secondary-accent.shopify-payment-button__button--unbranded:hover, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--secondary-accent:hover,
    #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--secondary-accent:hover,
    #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--secondary-accent:hover,
    #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--secondary-accent:hover, #loyaltylion .btn--secondary-accent.lion-action-modal__button:hover,
    #loyaltylion .btn--secondary-accent.lion-redeem-reward-modal__button--confirm:hover, #loyaltylion .btn--secondary-accent.lion-redeem-reward-modal__button--cancel:hover, #loyaltylion .lion-referral-email-form__buttons .btn--secondary-accent.lion-action-button:hover {
      background-color: white;
      border-color: #0b4436;
      color: #0b4436; }
    .btn.btn--secondary-accent:active, .btn--secondary-accent.btn-secondary:active, .btn--secondary-accent.btn-secondary.nice-select.open, input.btn--secondary-accent[type="submit"]:active, input.btn--secondary-accent[type="submit"].nice-select.open, .shopify-payment-button .btn--secondary-accent.shopify-payment-button__button--unbranded:active, .shopify-payment-button .btn--secondary-accent.shopify-payment-button__button--unbranded.nice-select.open, .btn.btn--secondary-accent.nice-select.open, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--secondary-accent.nice-select.open,
    #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--secondary-accent.nice-select.open,
    #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--secondary-accent.nice-select.open,
    #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--secondary-accent.nice-select.open, #loyaltylion .btn--secondary-accent.nice-select.open.lion-action-modal__button,
    #loyaltylion .btn--secondary-accent.nice-select.open.lion-redeem-reward-modal__button--confirm, #loyaltylion .btn--secondary-accent.nice-select.open.lion-redeem-reward-modal__button--cancel, #loyaltylion .lion-referral-email-form__buttons .btn--secondary-accent.nice-select.open.lion-action-button, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--secondary-accent:active,
    #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--secondary-accent:active,
    #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--secondary-accent:active,
    #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--secondary-accent:active, #loyaltylion .btn--secondary-accent.lion-action-modal__button:active,
    #loyaltylion .btn--secondary-accent.lion-redeem-reward-modal__button--confirm:active, #loyaltylion .btn--secondary-accent.lion-redeem-reward-modal__button--cancel:active, #loyaltylion .lion-referral-email-form__buttons .btn--secondary-accent.lion-action-button:active {
      background-color: white;
      border: 2px solid #082e25;
      color: #082e25; }
    .btn.btn--secondary-accent[disabled], .btn--secondary-accent[disabled].btn-secondary, input.btn--secondary-accent[disabled][type="submit"], .shopify-payment-button .btn--secondary-accent[disabled].shopify-payment-button__button--unbranded, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--secondary-accent[disabled],
    #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--secondary-accent[disabled],
    #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--secondary-accent[disabled],
    #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--secondary-accent[disabled], #loyaltylion .btn--secondary-accent[disabled].lion-action-modal__button,
    #loyaltylion .btn--secondary-accent[disabled].lion-redeem-reward-modal__button--confirm, #loyaltylion .btn--secondary-accent[disabled].lion-redeem-reward-modal__button--cancel, #loyaltylion .lion-referral-email-form__buttons .btn--secondary-accent[disabled].lion-action-button, .btn.btn--secondary-accent.disabled, .btn--secondary-accent.disabled.btn-secondary, input.btn--secondary-accent.disabled[type="submit"], .shopify-payment-button .btn--secondary-accent.disabled.shopify-payment-button__button--unbranded, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--secondary-accent.disabled,
    #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--secondary-accent.disabled,
    #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--secondary-accent.disabled,
    #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--secondary-accent.disabled, #loyaltylion .btn--secondary-accent.disabled.lion-action-modal__button,
    #loyaltylion .btn--secondary-accent.disabled.lion-redeem-reward-modal__button--confirm, #loyaltylion .btn--secondary-accent.disabled.lion-redeem-reward-modal__button--cancel, #loyaltylion .lion-referral-email-form__buttons .btn--secondary-accent.disabled.lion-action-button {
      border-color: #f6f6f6;
      color: #b6b6b6;
      background-color: #f6f6f6; }
    .btn.btn--secondary-accent.btn--full, .btn--secondary-accent.btn--full.btn-secondary, input.btn--secondary-accent.btn--full[type="submit"], .shopify-payment-button .btn--secondary-accent.btn--full.shopify-payment-button__button--unbranded, .payment-buttons--large .shopify-payment-button .btn--secondary-accent.shopify-payment-button__button--unbranded, .payment-buttons--large .shopify-payment-button #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--secondary-accent.shopify-payment-button__button--unbranded, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) .payment-buttons--large .shopify-payment-button button.btn--secondary-accent.shopify-payment-button__button--unbranded,
    .payment-buttons--large .shopify-payment-button #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--secondary-accent.shopify-payment-button__button--unbranded,
    #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) .payment-buttons--large .shopify-payment-button button.btn--secondary-accent.shopify-payment-button__button--unbranded,
    .payment-buttons--large .shopify-payment-button #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--secondary-accent.shopify-payment-button__button--unbranded,
    #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) .payment-buttons--large .shopify-payment-button button.btn--secondary-accent.shopify-payment-button__button--unbranded,
    .payment-buttons--large .shopify-payment-button #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--secondary-accent.shopify-payment-button__button--unbranded,
    #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) .payment-buttons--large .shopify-payment-button button.btn--secondary-accent.shopify-payment-button__button--unbranded, .payment-buttons--large .shopify-payment-button #loyaltylion .btn--secondary-accent.shopify-payment-button__button--unbranded.lion-action-modal__button, #loyaltylion .payment-buttons--large .shopify-payment-button .btn--secondary-accent.shopify-payment-button__button--unbranded.lion-action-modal__button,
    .payment-buttons--large .shopify-payment-button #loyaltylion .btn--secondary-accent.shopify-payment-button__button--unbranded.lion-redeem-reward-modal__button--confirm,
    #loyaltylion .payment-buttons--large .shopify-payment-button .btn--secondary-accent.shopify-payment-button__button--unbranded.lion-redeem-reward-modal__button--confirm, .payment-buttons--large .shopify-payment-button #loyaltylion .btn--secondary-accent.shopify-payment-button__button--unbranded.lion-redeem-reward-modal__button--cancel, #loyaltylion .payment-buttons--large .shopify-payment-button .btn--secondary-accent.shopify-payment-button__button--unbranded.lion-redeem-reward-modal__button--cancel, .payment-buttons--large .shopify-payment-button #loyaltylion .lion-referral-email-form__buttons .btn--secondary-accent.shopify-payment-button__button--unbranded.lion-action-button, #loyaltylion .lion-referral-email-form__buttons .payment-buttons--large .shopify-payment-button .btn--secondary-accent.shopify-payment-button__button--unbranded.lion-action-button, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--secondary-accent.btn--full,
    #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--secondary-accent.btn--full,
    #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--secondary-accent.btn--full,
    #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--secondary-accent.btn--full, #loyaltylion .btn--secondary-accent.btn--full.lion-action-modal__button,
    #loyaltylion .btn--secondary-accent.btn--full.lion-redeem-reward-modal__button--confirm, #loyaltylion .btn--secondary-accent.btn--full.lion-redeem-reward-modal__button--cancel, #loyaltylion .lion-referral-email-form__buttons .btn--secondary-accent.btn--full.lion-action-button {
      margin-bottom: 0px; }

.btn-secondary,
input.btn-secondary {
  background-color: gainsboro;
  color: black; }
  .btn-secondary:hover,
  input.btn-secondary:hover {
    background-color: #cfcfcf;
    color: black; }
  .btn-secondary:active, .btn-secondary.nice-select.open,
  input.btn-secondary:active,
  input.btn-secondary.nice-select.open {
    background-color: #c3c3c3;
    color: black; }

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

/*============================================================================
  #Lists
==============================================================================*/
ul, ol {
  margin: 0 0 1em;
  padding: 0; }

ul {
  list-style: none outside; }

ol {
  list-style: decimal; }

ol, ul.square, .rte ul ul ul, ul.disc, .rte ul {
  margin-left: 20px; }

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

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

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

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

li {
  margin-bottom: 0.25em; }

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

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

table.full {
  width: 100%;
  margin-bottom: 15px; }

th {
  font-weight: 900; }

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

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

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

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

img.auto,
.grid-item img,
.grid-item iframe {
  max-width: 100%; }

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

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

button,
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="number"],
input[type="tel"],
input[type="submit"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none; }

input,
textarea,
select,
fieldset {
  border-radius: 2px;
  max-width: 100%; }
  input.input-full,
  textarea.input-full,
  select.input-full,
  fieldset.input-full {
    width: 100%; }

input,
select,
textarea {
  font-size: 1em;
  padding: 8px 10px;
  line-height: 1.42;
  background: transparent; }

.cart-row input[type="submit"],
.cart-row button[type="submit"] {
  margin-bottom: 2px; }

fieldset {
  border: 1px solid #ececec;
  padding: 15px 0; }

legend {
  border: 0;
  padding: 0; }

optgroup {
  font-weight: 900; }

input {
  display: inline-block;
  width: auto; }

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

/*================ Input width and border ================*/
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="number"],
input[type="tel"],
textarea,
select {
  border: 1px solid #ececec;
  background-color: #fffffff;
  /*     rgba($colorTextBody, 0.1); */
  width: 100%;
  max-width: 100%;
  display: block;
  margin: 0 0 20px; }
  input[type="text"]:focus,
  input[type="search"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus,
  input[type="file"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  textarea:focus,
  select:focus {
    border: 1px solid lightgrey;
    outline: 0 none; }
  input[type="text"][disabled], input[type="text"].disabled,
  input[type="search"][disabled],
  input[type="search"].disabled,
  input[type="password"][disabled],
  input[type="password"].disabled,
  input[type="email"][disabled],
  input[type="email"].disabled,
  input[type="file"][disabled],
  input[type="file"].disabled,
  input[type="number"][disabled],
  input[type="number"].disabled,
  input[type="tel"][disabled],
  input[type="tel"].disabled,
  textarea[disabled],
  textarea.disabled,
  select[disabled],
  select.disabled {
    cursor: default;
    background-color: #f6f6f6;
    border-color: #b6b6b6; }

@media screen and (min-width: 480px) {
  input[type="number"] {
    width: 50%; } }
textarea {
  min-height: 100px; }

input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin: 0;
  padding: 0; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: right center;
  background-image: url("//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/arrow-down.svg?v=41228625652702211461668108064");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-color: white;
  padding-right: 28px;
  text-indent: 0.01px;
  text-overflow: '';
  cursor: pointer; }

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

/*================ Form labels ================*/
label,
legend {
  display: block;
  margin-bottom: 6px;
  font-size: 14px; }
  label.inline,
  legend.inline {
    display: inline; }
  .form-horizontal label.hidden-label, label.hidden-label, .form-horizontal
  legend.hidden-label,
  legend.hidden-label {
    height: 0;
    width: 0;
    margin-bottom: 0;
    overflow: hidden; }

/*================ We don't want the same label treatment for checkboxes/radios ================*/
input[type="checkbox"] + label,
input[type="radio"] + label {
  font-weight: 600; }

label[for] {
  cursor: pointer; }

.label-hint {
  color: #999; }

/*================ Horizontal Form ================*/
form.form-horizontal,
.form-horizontal {
  margin-bottom: 0; }
  form.form-horizontal input[type="text"],
  form.form-horizontal input[type="search"],
  form.form-horizontal input[type="password"],
  form.form-horizontal input[type="email"],
  form.form-horizontal input[type="file"],
  form.form-horizontal input[type="number"],
  form.form-horizontal input[type="tel"],
  form.form-horizontal textarea,
  form.form-horizontal select,
  form.form-horizontal label,
  .form-horizontal input[type="text"],
  .form-horizontal input[type="search"],
  .form-horizontal input[type="password"],
  .form-horizontal input[type="email"],
  .form-horizontal input[type="file"],
  .form-horizontal input[type="number"],
  .form-horizontal input[type="tel"],
  .form-horizontal textarea,
  .form-horizontal select,
  .form-horizontal label {
    display: inline-block;
    margin-bottom: 0;
    width: auto; }

/*================ Error styles ================*/
input[type="text"].error,
input[type="search"].error,
input[type="password"].error,
input[type="email"].error,
input[type="file"].error,
input[type="number"].error,
input[type="tel"].error,
textarea.error {
  border-color: #dc0000;
  background-color: #fff6f6;
  color: #dc0000; }

label.error {
  color: #dc0000; }

/*================ 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-group-btn:first-child > input[type="submit"],
  .input-group .shopify-payment-button .input-group-btn:first-child > .shopify-payment-button__button--unbranded,
  .shopify-payment-button .input-group .input-group-btn:first-child > .shopify-payment-button__button--unbranded,
  .input-group #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) .input-group-btn:first-child > button,
  #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) .input-group .input-group-btn:first-child > button,
  .input-group #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) .input-group-btn:first-child > button,
  #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) .input-group .input-group-btn:first-child > button,
  .input-group #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) .input-group-btn:first-child > button,
  #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) .input-group .input-group-btn:first-child > button,
  .input-group #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) .input-group-btn:first-child > button,
  #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) .input-group .input-group-btn:first-child > button,
  .input-group #loyaltylion .input-group-btn:first-child > .lion-action-modal__button,
  #loyaltylion .input-group .input-group-btn:first-child > .lion-action-modal__button,
  .input-group #loyaltylion .input-group-btn:first-child > .lion-redeem-reward-modal__button--confirm,
  #loyaltylion .input-group .input-group-btn:first-child > .lion-redeem-reward-modal__button--confirm,
  .input-group #loyaltylion .input-group-btn:first-child > .lion-redeem-reward-modal__button--cancel,
  #loyaltylion .input-group .input-group-btn:first-child > .lion-redeem-reward-modal__button--cancel,
  .input-group #loyaltylion .lion-referral-email-form__buttons .input-group-btn:first-child > .lion-action-button,
  #loyaltylion .lion-referral-email-form__buttons .input-group .input-group-btn:first-child > .lion-action-button,
  .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,
  .input-group input[type="hidden"]:first-child + .input-group-btn > input[type="submit"],
  .input-group .shopify-payment-button input[type="hidden"]:first-child + .input-group-btn > .shopify-payment-button__button--unbranded,
  .shopify-payment-button .input-group input[type="hidden"]:first-child + .input-group-btn > .shopify-payment-button__button--unbranded,
  .input-group #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) input[type="hidden"]:first-child + .input-group-btn > button,
  #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) .input-group input[type="hidden"]:first-child + .input-group-btn > button,
  .input-group #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) input[type="hidden"]:first-child + .input-group-btn > button,
  #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) .input-group input[type="hidden"]:first-child + .input-group-btn > button,
  .input-group #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) input[type="hidden"]:first-child + .input-group-btn > button,
  #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) .input-group input[type="hidden"]:first-child + .input-group-btn > button,
  .input-group #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) input[type="hidden"]:first-child + .input-group-btn > button,
  #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) .input-group input[type="hidden"]:first-child + .input-group-btn > button,
  .input-group #loyaltylion input[type="hidden"]:first-child + .input-group-btn > .lion-action-modal__button,
  #loyaltylion .input-group input[type="hidden"]:first-child + .input-group-btn > .lion-action-modal__button,
  .input-group #loyaltylion input[type="hidden"]:first-child + .input-group-btn > .lion-redeem-reward-modal__button--confirm,
  #loyaltylion .input-group input[type="hidden"]:first-child + .input-group-btn > .lion-redeem-reward-modal__button--confirm,
  .input-group #loyaltylion input[type="hidden"]:first-child + .input-group-btn > .lion-redeem-reward-modal__button--cancel,
  #loyaltylion .input-group input[type="hidden"]:first-child + .input-group-btn > .lion-redeem-reward-modal__button--cancel,
  .input-group #loyaltylion .lion-referral-email-form__buttons input[type="hidden"]:first-child + .input-group-btn > .lion-action-button,
  #loyaltylion .lion-referral-email-form__buttons .input-group input[type="hidden"]:first-child + .input-group-btn > .lion-action-button {
    border-radius: 2px 0 0 2px;
    border-right: none; }
  .input-group .input-group-field:last-child,
  .input-group .input-group-btn:last-child > .btn,
  .input-group .input-group-btn:last-child > .btn-secondary,
  .input-group .input-group-btn:last-child > input[type="submit"],
  .input-group .shopify-payment-button .input-group-btn:last-child > .shopify-payment-button__button--unbranded,
  .shopify-payment-button .input-group .input-group-btn:last-child > .shopify-payment-button__button--unbranded,
  .input-group #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) .input-group-btn:last-child > button,
  #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) .input-group .input-group-btn:last-child > button,
  .input-group #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) .input-group-btn:last-child > button,
  #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) .input-group .input-group-btn:last-child > button,
  .input-group #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) .input-group-btn:last-child > button,
  #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) .input-group .input-group-btn:last-child > button,
  .input-group #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) .input-group-btn:last-child > button,
  #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) .input-group .input-group-btn:last-child > button,
  .input-group #loyaltylion .input-group-btn:last-child > .lion-action-modal__button,
  #loyaltylion .input-group .input-group-btn:last-child > .lion-action-modal__button,
  .input-group #loyaltylion .input-group-btn:last-child > .lion-redeem-reward-modal__button--confirm,
  #loyaltylion .input-group .input-group-btn:last-child > .lion-redeem-reward-modal__button--confirm,
  .input-group #loyaltylion .input-group-btn:last-child > .lion-redeem-reward-modal__button--cancel,
  #loyaltylion .input-group .input-group-btn:last-child > .lion-redeem-reward-modal__button--cancel,
  .input-group #loyaltylion .lion-referral-email-form__buttons .input-group-btn:last-child > .lion-action-button,
  #loyaltylion .lion-referral-email-form__buttons .input-group .input-group-btn:last-child > .lion-action-button {
    border-radius: 0 2px 2px 0; }
  .input-group input::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin-top: -1px;
    margin-bottom: -1px; }

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

.input-group .btn, .input-group .btn-secondary, .input-group input[type="submit"], .input-group .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .input-group .shopify-payment-button__button--unbranded, .input-group #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) .input-group button,
.input-group #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button,
#loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) .input-group button,
.input-group #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button,
#loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) .input-group button,
.input-group #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button,
#loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) .input-group button, .input-group #loyaltylion .lion-action-modal__button, #loyaltylion .input-group .lion-action-modal__button,
.input-group #loyaltylion .lion-redeem-reward-modal__button--confirm,
#loyaltylion .input-group .lion-redeem-reward-modal__button--confirm, .input-group #loyaltylion .lion-redeem-reward-modal__button--cancel, #loyaltylion .input-group .lion-redeem-reward-modal__button--cancel, .input-group #loyaltylion .lion-referral-email-form__buttons .lion-action-button, #loyaltylion .lion-referral-email-form__buttons .input-group .lion-action-button,
.input-group .input-group-field {
  height: 42px; }

.input-group .input-group-field {
  width: 100%;
  margin-bottom: 0;
  border-color: #b9b9b9;
  border-right: none; }

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

.form-spacer {
  margin: 0 15px; }

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

/*============================================================================
  A generic way to visually hide content while
  remaining accessible to screen readers (h5bp.com)
==============================================================================*/
.supports-fontface .icon-fallback-text .fallback-text {
  clip: rect(0 0 0 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px; }

.icon:before {
  display: none; }

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

/*================ Icon mapping ================*/
.icon-arrow-down:before {
  content: "\34"; }

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

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

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

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

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

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

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

.icon-google_plus:before {
  content: "\e90a"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

/*================ Button icons ================*/
.icon-cart {
  line-height: 0; }
  .icon-cart:before {
    position: relative;
    top: -2px;
    font-size: 19px;
    line-height: 12px;
    vertical-align: middle;
    margin-right: 6px; }

.payment-icons {
  cursor: default;
  margin: 0; }
  .payment-icons li {
    margin: 0 0 7.5px 15px;
    cursor: default; }
    @media screen and (max-width: 768px) {
      .payment-icons li {
        margin: 0 7.5px 7.5px 0; } }
  .payment-icons .icon {
    width: 38px;
    height: 24px; }

.social-icons li {
  margin: 0 10px 0 0;
  vertical-align: middle; }
  @media screen and (min-width: 481px) {
    .social-icons li {
      margin-left: 0; } }
  .social-icons li .icon {
    font-size: 20px;
    line-height: 16px; }
  .social-icons li a {
    color: #0f5a47;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -ms-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out; }
    .social-icons li a:hover {
      color: #041813;
      -webkit-transition: color 0.05s ease-in;
      -moz-transition: color 0.05s ease-in;
      -ms-transition: color 0.05s ease-in;
      -o-transition: color 0.05s ease-in;
      transition: color 0.05s ease-in; }

ul.social-icons {
  margin-bottom: 0; }

/*================ Social share buttons ================*/
.social-sharing {
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-top: 15px;
  /*================ Large Buttons ================*/ }
  .social-sharing a {
    display: inline-block;
    color: #fff;
    border-radius: 2px;
    margin: 0 10px 10px 0;
    height: 22px;
    line-height: 22px;
    text-decoration: none;
    font-weight: 600; }
    .social-sharing a:hover {
      color: #fff; }
  .social-sharing span {
    display: inline-block;
    vertical-align: top;
    height: 22px;
    line-height: 22px;
    font-size: 12px; }
  .social-sharing .icon {
    padding: 0 5px 0 10px; }
    .social-sharing .icon:before {
      line-height: 22px; }
  .social-sharing.is-large a {
    height: 44px;
    line-height: 44px; }
    .social-sharing.is-large a span {
      height: 44px;
      line-height: 44px;
      font-size: 18px; }
    .social-sharing.is-large a .icon {
      padding: 0 10px 0 18px; }
      .social-sharing.is-large a .icon:before {
        line-height: 44px; }

.share-title {
  font-weight: 900;
  font-size: 12px;
  padding-right: 10px; }
  .is-large .share-title {
    padding-right: 16px; }

.share-facebook {
  background-color: #3b5998; }
  .share-facebook:hover {
    background-color: #2d4373; }

.share-twitter {
  background-color: #00aced; }
  .share-twitter:hover {
    background-color: #0087ba; }

.share-pinterest {
  background-color: #cb2027; }
  .share-pinterest:hover {
    background-color: #9f191f; }

.share-fancy {
  background-color: #4999dc; }
  .share-fancy:hover {
    background-color: #2780cb; }

.share-google {
  background-color: #dd4b39; }
  .share-google:hover {
    background-color: #c23321; }

/*================ Clean Buttons ================*/
.social-sharing.is-clean a {
  background-color: #fff;
  border: 1px solid #ececec;
  color: #333;
  height: 30px;
  line-height: 30px; }
  .social-sharing.is-clean a span {
    height: 30px;
    line-height: 30px;
    font-size: 13px; }
  .social-sharing.is-clean a:hover {
    background-color: #f9f9f9; }
  .social-sharing.is-clean a .share-title {
    font-weight: 600; }
.social-sharing.is-clean .icon-facebook {
  color: #3b5998; }
.social-sharing.is-clean .icon-twitter {
  color: #00aced; }
.social-sharing.is-clean .icon-pinterest {
  color: #cb2027; }

/*============================================================================
  #Pagination
==============================================================================*/
.pagination-border-top {
  border-top: 1px solid #ececec; }

/*================ Custom Pagination ================*/
.pagination-custom {
  display: inline-block;
  padding-left: 0;
  margin: 0 0 30px; }

.pagination-custom > li {
  display: inline; }

.pagination-custom > li > a,
.pagination-custom > li > span {
  position: relative;
  float: left;
  padding: 5px 10px;
  margin-left: -1px;
  line-height: 1.42;
  text-decoration: none;
  border: 1px solid #b9b9b9; }

.pagination-custom > li:first-child > a,
.pagination-custom > li:first-child > span {
  margin-left: 0; }

.pagination-custom > .active > a,
.pagination-custom > .active > span,
.pagination-custom > .active > a:hover,
.pagination-custom > .active > span:hover,
.pagination-custom > .active > a:focus,
.pagination-custom > .active > span:focus {
  z-index: 2;
  cursor: default;
  color: black; }

.pagination-custom > .disabled > span,
.pagination-custom > .disabled > a,
.pagination-custom > .disabled > a:hover,
.pagination-custom > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed; }

.pagination-custom-lg > li > a,
.pagination-custom-lg > li > span {
  padding: 10px 16px;
  font-size: 18px; }

.pagination-custom-sm > li > a,
.pagination-custom-sm > li > span {
  padding: 5px 10px;
  font-size: 0.75em; }

/*============================================================================
  #Site Header
==============================================================================*/
.site-header {
  padding: 15px 0;
  background-color: white;
  color: black;
  position: absolute;
  width: 100%;
  z-index: 999; }
  .template-collection .site-header, .page-contact .site-header, .template-cart .site-header, .template-blog .site-header, .template-article .site-header, .template-product .site-header, .page-where-to-buy .site-header, .page-faq .site-header, .template-search .site-header, .template-customers-register .site-header, .template- .site-header, body[class^="template-customers-"] .site-header, body[class*=" template-customers-"] .site-header, .page-philosophy .site-header, .page-compare .site-header,
  .site-header .page-community, .page-loyalty .site-header {
    position: unset; }
  @media screen and (min-width: 769px) {
    .site-header {
      padding: 0;
      /*     $gutter/3 0 */ } }
  @media screen and (max-width: 768px) {
    .site-header.site-header--hidden {
      display: none; } }
  .site-header .site-header--text-links a {
    /*     color: $headerText; */ }
    .site-header .site-header--text-links a:hover {
      opacity: 0.9; }
  @media screen and (min-width: 769px) {
    .site-header .grid, .site-header .grid--rev, .site-header .grid--full {
      display: table;
      table-layout: fixed;
      width: 100%; }
      .site-header .grid > .grid-item, .site-header .grid--rev > .grid-item, .site-header .grid--full > .grid-item {
        float: none;
        display: table-cell;
        vertical-align: middle; } }

.h1.header-logo {
  margin: 30px auto !important; }
  @media screen and (max-width: 480px) {
    .h1.header-logo {
      margin: 20px auto !important; } }

.header-logo {
  margin: 30px auto; }
  @media screen and (min-width: 769px) {
    .header-logo {
      margin: 15px 0; } }
  @media screen and (max-width: 768px) {
    .header-logo {
      text-align: center; }
      .header-logo .lazyload__image-wrapper {
        margin: 0 auto; } }
  .header-logo a,
  .header-logo a:hover,
  .header-logo a:focus {
    text-decoration: none;
    color: black; }
  .header-logo a, .header-logo img {
    display: block;
    line-height: 0; }
  .header-logo img {
    margin: 0 auto;
    /*     @include at-query ($min, $large) {  */ }
    @media only screen and (min-width: 1024px) {
      .header-logo img {
        float: left; } }

.site-header--text-links {
  display: inline-block;
  font-size: 0.85em;
  margin-bottom: 15px; }
  .site-header--text-links a {
    /*     font-weight: $baseFontBoldWeight; */
    font-family: "Avenir-Black";
    text-transform: uppercase; }

.site-header--meta-links {
  display: inline-block;
  margin-left: 15px; }

.site-header--spacer {
  padding: 0 5px; }

.header-cart-btn {
  /*   @extend .btn;
    position: relative;
    line-height: 26px;
    padding-bottom: 10px;
    border: 0 none;
    margin-left: $gutter/2;
    vertical-align: top;
    background-color: $headerButtonAndSearch;
    color: color-control($headerButtonAndSearch);
  
    @include at-query ($max, $medium) {
      display: none;
    }
  
    &:hover,
    &:focus {
      color: color-control($headerButtonAndSearch);
      background-color: darken($headerButtonAndSearch, 5%);
    } */ }

.right_header a {
  display: inline !important; }

.cart-count {
  display: inline-block;
  text-align: center;
  /*   background-color: $colorAccent; */
  color: white;
  font-weight: 700;
  font-size: 13px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 20px; }
  .cart-count.hidden-count {
    display: none; }

.cart-badge--desktop {
  /*   position: absolute;
    top: -5px;
    right: -5px; */ }

.search-bar {
  position: relative;
  max-width: 60%;
  width: 100%;
  margin: 0 auto 30px; }
  .search-bar .icon-search {
    font-size: 18px; }
  @media screen and (max-width: 768px) {
    .search-bar {
      display: block;
      max-width: 100%;
      margin-bottom: 15px; } }
  .search-bar input[type="text"],
  .search-bar input[type="search"] {
    width: 100%;
    margin-bottom: 0;
    padding: 10px 45px 10px 10px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: normal; }
  .search-bar input:-ms-input-placeholder {
    line-height: normal;
    display: inline-block; }
  .search-bar input[type="submit"],
  .search-bar .search-bar--submit {
    position: absolute;
    top: 2px;
    bottom: 0;
    right: 0;
    width: 45px;
    margin: 0;
    border: 0 none;
    background: none;
    text-align: center;
    cursor: pointer; }
    .site-header .search-bar input[type="submit"], .site-header
    .search-bar .search-bar--submit {
      color: white; }
  .search-bar input[type="submit"] {
    text-indent: -9999px; }
  .site-header .search-bar {
    display: none;
    margin-bottom: 0; }
    @media screen and (min-width: 769px) {
      .site-header .search-bar {
        display: inline-block; } }
    .site-header .search-bar input[type="text"],
    .site-header .search-bar input[type="search"] {
      height: 44px;
      border: 0 none;
      background-color: #0f5a47;
      color: white;
      -webkit-transition: background-color 0.2s ease-out;
      -moz-transition: background-color 0.2s ease-out;
      -ms-transition: background-color 0.2s ease-out;
      -o-transition: background-color 0.2s ease-out;
      transition: background-color 0.2s ease-out; }
      .site-header .search-bar input[type="text"]:hover, .site-header .search-bar input[type="text"]:focus,
      .site-header .search-bar input[type="search"]:hover,
      .site-header .search-bar input[type="search"]:focus {
        background-color: #0b4436;
        -webkit-transition: background-color 0.05s ease-in;
        -moz-transition: background-color 0.05s ease-in;
        -ms-transition: background-color 0.05s ease-in;
        -o-transition: background-color 0.05s ease-in;
        transition: background-color 0.05s ease-in; }
      .site-header .search-bar input[type="text"]:focus,
      .site-header .search-bar input[type="search"]:focus {
        outline: 0 none; }

.site-header input::-webkit-input-placeholder {
  color: white; }

.site-header input::-moz-placeholder {
  color: white; }

.customer-logout-link {
  margin-left: 15px; }

/*============================================================================
  #Site Nav and Dropdowns
==============================================================================*/
.nav-bar {
  top: 110%;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  /*     $colorNav; */ }
  .nav-bar a, .nav-bar button {
    color: #174332;
    /*       $colorNavText; */ }
    .nav-bar a:active, .nav-bar a.nice-select.open, .nav-bar a:focus, .nav-bar button:active, .nav-bar button.nice-select.open, .nav-bar button:focus {
      opacity: 0.9; }

.site-nav {
  display: none;
  margin: 0;
  text-align: left;
  margin-left: -15px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  text-transform: uppercase;
  cursor: default; }
  .site-nav li {
    margin: 0;
    display: block;
    position: relative; }
  .site-nav .logo_middle {
    margin-right: 40px;
    margin-left: 40px; }
    @media only screen and (min-width: 1200px) and (max-width: 1400px) {
      .site-nav .logo_middle {
        margin-right: 20px;
        margin-left: 20px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1199px) {
      .site-nav .logo_middle {
        margin-right: 10px;
        margin-left: 10px; } }
    .site-nav .logo_middle a {
      /*       padding:0; */ }
  .site-nav > li {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle; }
    @media only screen and (min-width: 1024px) and (max-width: 1199px) {
      .site-nav > li {
        margin-left: 0;
        margin-right: 0; } }
  .site-nav a, .site-nav button {
    display: block;
    text-decoration: none;
    padding: 15px 8px 15px 8px;
    /*       $gutter/2; */
    white-space: nowrap;
    font-weight: 600;
    font-size: 22px;
    font-family: "Avenir-Black" !important; }
    @media only screen and (min-width: 1200px) and (max-width: 1400px) {
      .site-nav a, .site-nav button {
        padding: 15px 11px 15px 4px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1199px) {
      .site-nav a, .site-nav button {
        padding: 15px 3px 15px 3px; } }
  .site-nav button {
    background: none;
    border: 0;
    font-size: 14px;
    text-transform: uppercase; }
  .site-nav .customer-navlink {
    color: #0f5a47;
    background-color: white;
    border-bottom: 0;
    border-top: 1px solid white;
    margin-top: -1px; }

/* 1/10 */
/*================ Small screen nav styles ================*/
/* @include at-query ($max, $small) { */
@media only screen and (max-width: 1023px) {
  .show-nav .nav-bar {
    bottom: 0;
    top: 0;
    z-index: 999999;
    background: #afdbc0; }

  .show-nav,
  .show-nav body {
    height: 100%;
    overflow: hidden; } }
/*================ Medium-down screen nav styles ================*/
/* @include at-query ($max, $medium) {  */
@media only screen and (max-width: 1023px) {
  .nav-bar {
    position: fixed;
    z-index: 999999;
    -webkit-transition: all 600ms cubic-bezier(0.47, 0.5, 0, 0.95);
    -moz-transition: all 600ms cubic-bezier(0.47, 0.5, 0, 0.95);
    -ms-transition: all 600ms cubic-bezier(0.47, 0.5, 0, 0.95);
    -o-transition: all 600ms cubic-bezier(0.47, 0.5, 0, 0.95);
    transition: all 600ms cubic-bezier(0.47, 0.5, 0, 0.95); }
    .show-nav .nav-bar {
      max-height: 100%;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      -webkit-transition: all 450ms cubic-bezier(0.47, 0, 0, 0.95);
      -moz-transition: all 450ms cubic-bezier(0.47, 0, 0, 0.95);
      -ms-transition: all 450ms cubic-bezier(0.47, 0, 0, 0.95);
      -o-transition: all 450ms cubic-bezier(0.47, 0, 0, 0.95);
      transition: all 450ms cubic-bezier(0.47, 0, 0, 0.95); }
    .nav-bar .wrapper {
      padding: 0; }
      .show-nav .nav-bar .wrapper {
        min-height: 100%; }
    .nav-bar .search-bar {
      margin: 0 15px 15px;
      width: auto; }
      .nav-bar .search-bar input[type="search"]::-webkit-input-placeholder {
        color: black; }
      .nav-bar .search-bar input::-webkit-input-placeholder {
        color: black; }
      .nav-bar .search-bar .search-bar--submit .icon {
        color: black; } }
/*================ Medium screen size only ================*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .show-nav .nav-bar {
    top: 0;
    bottom: 0; } }
@media only screen and (max-width, 768px) {
  .show-nav .nav-bar {
    top: 140px;
    bottom: 0; } }
/*================ Large screen bar navigation ================*/
@media only screen and (min-width: 1024px) {
  .nav-bar .search-bar {
    display: none; }

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

  .mobile-nav {
    display: none; }

  .mobile_logo {
    display: none; } }
/*================ Dropdowns ================*/
.icon-arrow-down {
  position: relative;
  top: -2px;
  font-size: 12px; }
  .mobile-nav--dropdown .icon-arrow-down {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none; }
  .mobile-nav--has-dropdown .icon-arrow-down {
    top: 0; }
  .site-nav--dropdown .icon-arrow-down {
    display: inline-block;
    line-height: 1;
    top: 0;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); }

.site-nav--dropdown,
.site-nav--dropdown-grandchild {
  position: absolute;
  top: 100%;
  left: 0;
  border: 1px solid #ececec;
  background-color: white;
  opacity: 0;
  pointer-events: none;
  z-index: 20;
  margin: 0;
  -webkit-transition: all 150ms;
  -moz-transition: all 150ms;
  -ms-transition: all 150ms;
  -o-transition: all 150ms;
  transition: all 150ms; }
  .site-nav--dropdown--more .site-nav--dropdown, .site-nav--dropdown--more
  .site-nav--dropdown-grandchild {
    top: -1px;
    left: auto;
    right: 100%; }
  .no-touch .site-nav--has-dropdown:hover > .site-nav--dropdown, .site-nav--has-dropdown.nav-hover > .site-nav--dropdown, .nav-focus + .site-nav--dropdown, .nav-hover > .site-nav--dropdown, .no-touch .site-nav--has-dropdown:hover >
  .site-nav--dropdown-grandchild, .site-nav--has-dropdown.nav-hover >
  .site-nav--dropdown-grandchild, .nav-focus +
  .site-nav--dropdown-grandchild, .nav-hover >
  .site-nav--dropdown-grandchild {
    opacity: 1;
    box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05);
    pointer-events: auto;
    z-index: 999;
    top: 88px;
    -webkit-transition: all 90ms;
    -moz-transition: all 90ms;
    -ms-transition: all 90ms;
    -o-transition: all 90ms;
    transition: all 90ms; }
  .site-nav--dropdown a,
  .site-nav--dropdown-grandchild a {
    color: #0f5a47;
    text-transform: none;
    padding: 10px 45px 10px 15px; }
    .site-nav--dropdown a:hover, .site-nav--dropdown a:active, .site-nav--dropdown a.nice-select.open, .site-nav--dropdown a:focus,
    .site-nav--dropdown-grandchild a:hover,
    .site-nav--dropdown-grandchild a:active,
    .site-nav--dropdown-grandchild a.nice-select.open,
    .site-nav--dropdown-grandchild a:focus {
      color: #082e25; }
    .site-nav--dropdown a:focus,
    .site-nav--dropdown-grandchild a:focus {
      background-color: #f2f2f2; }

.site-nav--dropdown-grandchild.nav-outside {
  left: -100%; }

.mobile-nav {
  text-align: left;
  border-top: 1px solid #afdbc0;
  margin: 0;
  /*   font-family: $accentFontStack; */
  /*   font-weight: $accentFontWeight;
    font-style: $accentFontStyle; */
  /*   font-size: 14px; */
  text-transform: uppercase;
  cursor: default;
  padding-bottom: 65px;
  background: #afdbc0; }
  .mobile-nav li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #afdbc0;
    /*       lighten($colorNav, 20%); */
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
    margin: 0;
    font-size: 25px;
    font-family: Avenir-Black;
    text-transform: uppercase;
    color: #174332; }
    .mobile-nav li.mobile-nav--has-dropdown.nav-active {
      background-color: white; }
    .mobile-nav li.mobile-nav--has-dropdown-grandchild.nav-active {
      background-color: white; }
  .mobile-nav a {
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    text-decoration: none;
    padding: 5px 0 0;
    text-align: center;
    font-size: 22px; }
    .mobile-nav a:hover {
      color: inherit; }
  .mobile-nav .mobile-nav--has-dropdown div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center; }
    .mobile-nav .mobile-nav--has-dropdown div a {
      -webkit-flex: none;
      -moz-flex: none;
      -ms-flex: none;
      flex: none; }
    .mobile-nav .mobile-nav--has-dropdown div .mobile-nav--button {
      padding: 0px 15px; }
      .mobile-nav .mobile-nav--has-dropdown div .mobile-nav--button:before {
        font-weight: bold;
        font-size: 24px; }

.nav-hand {
  text-align: center;
  margin-top: 60px; }

.mobile_logo {
  display: block; }

.mobile-nav--button {
  border-top: none;
  border-right: 1px solid #c3e4d0;
  /*     lighten($colorNav, 20%); */
  border-bottom: none;
  border-left: 1px solid #c3e4d0;
  /*     lighten($colorNav, 20%); */
  background: transparent;
  position: relative;
  z-index: 10;
  padding: 17px;
  display: inline-block;
  transition: transform; }
  .mobile-nav--button.nav-active {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .mobile-nav--button > a {
    padding: 0; }
  .mobile-nav--button:before {
    color: #0f5a47; }

.mobile-nav--dropdown,
.mobile-nav--dropdown-grandchild {
  width: 100%;
  display: none;
  margin: 0; }
  .mobile-nav--dropdown > li,
  .mobile-nav--dropdown-grandchild > li {
    float: none;
    width: 100%;
    border: none;
    text-transform: none;
    /*     border-top: 1px solid lighten($colorNav, 5%); */
    border-top: 1px solid #c3e4d0; }
  .mobile-nav--dropdown .mobile-nav--button,
  .mobile-nav--dropdown-grandchild .mobile-nav--button {
    border-left: 1px solid white;
    border-right: 1px solid white; }

.mobile-nav--has-grandchildren a {
  padding-left: 30px; }

.mobile-nav--dropdown-grandchild a {
  padding-left: 45px; }

.nav-active > .mobile-nav--dropdown,
.nav-active > .mobile-nav--dropdown-grandchild {
  display: block;
  background: #c3e4d0; }

/*============================================================================
  #Mobile Nav Bar
==============================================================================*/
#mobileNavBar {
  display: none;
  width: 100%;
  background-color: white;
  /*================ Small mobile nav bar ================*/
  /*================ Medium-down mobile nav bar ================*/
  /*1/10  */ }
  #mobileNavBar:after {
    content: "";
    display: table;
    clear: both; }
  #mobileNavBar .display-table-cell {
    padding: 0 15px; }
  #mobileNavBar .cart-toggle {
    text-align: right; }
  @media screen and (max-width: 480px) {
    #mobileNavBar {
      position: fixed;
      top: 0;
      left: 0;
      right: 0; } }
  @media only screen and (max-width: 1023px) {
    #mobileNavBar {
      display: table;
      height: 100px;
      z-index: 9; }
      .show-nav #mobileNavBar {
        position: fixed;
        left: 0;
        top: 0; } }

.custom_link_back {
  /*   display: table; */
  padding: 0 30px;
  /*   table-layout: fixed; */
  width: 100%;
  padding-top: 0;
  font-size: 17px;
  font-family: "Avenir-Black";
  text-transform: uppercase;
  position: relative;
  background: #afdbc0; }
  .custom_link_back .ways-to-save {
    max-width: 100px;
    position: absolute;
    top: -38px;
    z-index: 99999999;
    width: 100%;
    right: 0;
    left: 0;
    margin: 0 auto; }
  .custom_link_back ul {
    margin: 0 0 0.5em; }
  .custom_link_back li {
    padding: 0px 0 0;
    text-align: center;
    margin-bottom: 0; }
    .custom_link_back li a {
      font-size: 16px; }

.ways-to-save {
  display: none; }

/*1/10  */
.mobileNavBar-link {
  display: block;
  padding: 0 0 0;
  color: #0f5a47;
  cursor: pointer;
  border: 0;
  background: none;
  float: right;
  background: none;
  font-size: 25px;
  font-family: Avenir-Black;
  text-transform: uppercase;
  color: #174332; }
  .mobileNavBar-link:hover, .mobileNavBar-link:focus {
    color: #0f5a47;
    outline: none; }
  .mobileNavBar-link.menu-toggle .icon {
    font-size: 12px;
    margin-right: 10px; }
  .mobileNavBar-link img {
    display: block; }

@media screen and (max-width: 768px) {
  :target {
    padding-top: 100px; } }
.site-header.site-header--hidden + #mobileNavBar {
  background: #ffffff; }

button.menu-toggle.mobileNavBar-link[aria-expanded="true"] {
  /*   display: none; */ }

/*============================================================================
  #Site Footer
==============================================================================*/
.relative {
  position: relative; }

.site-footer {
  background-color: #eff5ef;
  padding: 30px 0 0;
  color: #21725e;
  border-top: 1px solid #21725e; }
  @media screen and (min-width: 769px) {
    .site-footer {
      padding: 60px 0 0; } }
  .site-footer h3, .site-footer .h3 {
    margin: 0 0 15px 0; }
  .site-footer a {
    color: #21725e;
    text-transform: uppercase; }
    .site-footer a:hover {
      color: #0a231d; }
  .site-footer .site-footer__newsletter-subtext a {
    color: #0f5a47; }
    .site-footer .site-footer__newsletter-subtext a:hover {
      color: #1a9c7b; }
  .site-footer .footer-wrapper {
    /*     max-width: 1866px; */
    margin: 0 auto;
    padding: 0 40px;
    padding-bottom: 50px; }
    .site-footer .footer-wrapper .grid-item,
    .site-footer .footer-wrapper .site_nav_wrapper {
      position: relative; }
      .site-footer .footer-wrapper .grid-item .block_title,
      .site-footer .footer-wrapper .site_nav_wrapper .block_title {
        text-transform: uppercase;
        color: #174332 !important; }
        @media screen and (min-width: 769px) {
          .site-footer .footer-wrapper .grid-item .block_title,
          .site-footer .footer-wrapper .site_nav_wrapper .block_title {
            position: absolute;
            left: 0;
            top: 5px;
            transform: rotate(270deg) translateX(-100%);
            transform-origin: left top;
            margin-left: 0;
            margin-bottom: 0; } }
      @media screen and (min-width: 769px) {
        .site-footer .footer-wrapper .grid-item .site_nav,
        .site-footer .footer-wrapper .site_nav_wrapper .site_nav {
          margin-left: 40px; } }
      .site-footer .footer-wrapper .grid-item .site_nav li,
      .site-footer .footer-wrapper .site_nav_wrapper .site_nav li {
        font-size: 14px; }
    .site-footer .footer-wrapper ul.social-icons {
      padding-top: 15px; }
      @media screen and (min-width: 769px) {
        .site-footer .footer-wrapper ul.social-icons {
          margin-left: 40px; } }
      @media screen and (max-width: 768px) {
        .site-footer .footer-wrapper ul.social-icons {
          text-align: left; } }
  .site-footer .bottom_footer {
    padding: 21px 0; }
    .site-footer .bottom_footer .footer-wrapper {
      padding-bottom: 0; }
  @media screen and (min-width: 769px) {
    .site-footer .footer-logo {
      position: absolute;
      left: 0;
      bottom: 0;
      transform: rotate(270deg) translateX(-100%) translateY(-100%);
      transform-origin: left top; }
      .site-footer .footer-logo .lazyload__image-wrapper > div {
        padding: 0 !important; }
        .site-footer .footer-logo .lazyload__image-wrapper > div img {
          max-width: 160px; } }
  @media screen and (max-width: 768px) {
    .site-footer .footer-logo .lazyload__image-wrapper {
      margin-left: 0; } }
  @media screen and (max-width: 480px) {
    .site-footer .footer-logo .lazyload__image-wrapper {
      margin-left: auto; } }
  .site-footer .flex-grid {
    flex-wrap: wrap; }
    @media screen and (min-width: 769px) {
      .site-footer .flex-grid {
        flex-wrap: nowrap; }
        .site-footer .flex-grid .grid-item:last-of-type {
          width: 50px; } }

.legal-links {
  margin-bottom: 0; }
  @media screen and (max-width: 768px) {
    .legal-links {
      margin-bottom: 15px; } }
  .legal-links + .legal-links {
    margin-bottom: 15px; }
  .legal-links li {
    padding: 0 15px 0 0;
    font-size: 13px; }
    @media screen and (max-width: 768px) {
      .legal-links li {
        display: block;
        text-align: center; } }

/*============================================================================
  #Product Grid and List Views
==============================================================================*/
.row-negative-bottom {
  margin-bottom: -30px; }

.sold-out .product-grid-image,
.sold-out .product-list-image {
  position: relative; }
  .sold-out .product-grid-image img,
  .sold-out .product-list-image img {
    opacity: 0.7; }

.badge {
  display: none;
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -15px;
  text-align: center;
  z-index: 5; }

.badge-label {
  display: inline-block;
  margin: 0 auto;
  padding: 5px;
  font-size: 13px;
  font-weight: 900;
  color: white;
  background-color: #0f5a47;
  text-transform: uppercase;
  border-radius: 2px; }

.sold-out .badge--sold-out {
  display: block; }

@media screen and (max-width: 768px) {
  .product-list-item .spr-badge {
    clear: both; } }
@media screen and (min-width: 769px) {
  .product-list-item .grid, .product-list-item .grid--rev, .product-list-item .grid--full {
    display: table;
    table-layout: fixed;
    width: 100%; }
  .product-list-item .grid-item {
    display: table-cell; } }
.product-grid-image {
  display: table;
  table-layout: fixed;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin: 0 auto 20px; }
  .product-grid-image img {
    display: block;
    margin: 0 auto;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }

.product-list-image {
  display: block;
  margin: 0 auto; }

.product-grid-image--centered {
  display: table-cell;
  vertical-align: middle; }

a.product-grid-item,
.product-grid-item {
  display: block;
  color: black;
  margin-bottom: 60px; }
  a.product-grid-item:hover img,
  .product-grid-item:hover img {
    opacity: 0.9;
    -webkit-transition: opacity 0.05s ease-out;
    -moz-transition: opacity 0.05s ease-out;
    -ms-transition: opacity 0.05s ease-out;
    -o-transition: opacity 0.05s ease-out;
    transition: opacity 0.05s ease-out; }
  @media screen and (min-width: 769px) {
    a.product-grid-item,
    .product-grid-item {
      margin-bottom: 30px; }
      .template-list-collections a.product-grid-item, .template-list-collections
      .product-grid-item {
        margin-bottom: 0; } }

.product-item--price {
  margin-bottom: 20px;
  /*   margin-right: $gutter*1.33; */ }
  .product-item--price:after {
    content: "";
    display: table;
    clear: both; }
  .product-item--price .h1 {
    margin-bottom: 0; }
  .product-item--price span {
    line-height: 22px; }
  .product-item--price small {
    white-space: nowrap; }

.product-price-unit {
  display: none;
  font-size: 1em;
  margin-right: 10px; }
  .cart-pricing .product-price-unit, .order-table .product-price-unit {
    margin-right: 0; }
  .product-price-unit.product-price-unit--available {
    display: block; }

.sale-tag {
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 900;
  padding: 0 8px;
  border-radius: 3px;
  vertical-align: text-bottom;
  color: #0f5a47;
  border: 2px solid #0f5a47; }
  .sale-tag sup {
    display: none; }
  .sale-tag.large {
    font-size: 16px;
    padding: 0 12px; }
  .product-meta .sale-tag {
    position: relative;
    top: 2px; }
  .sale-tag.has-reviews {
    margin-bottom: 10px; }

.featured-box {
  position: relative;
  display: block;
  padding: 15px 0;
  /*   border: 1px solid $colorBorder; */
  margin-bottom: 30px; }
  .featured-box:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*     background-color: rgba(0,0,0,.02); */
    z-index: 5; }
  .featured-box img, .featured-box svg {
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }
  .featured-box:hover img {
    opacity: 0.9; }

.featured-box--inner {
  display: block;
  margin: 0 auto;
  padding-bottom: 20px; }

.featured-box--image {
  display: block;
  vertical-align: middle;
  width: 100%;
  padding: 0 15px; }
  .featured-box--image img, .featured-box--image svg {
    width: 100%; }
    .featured-box--image img.placeholder-svg, .featured-box--image svg.placeholder-svg {
      max-width: 100%;
      max-height: 100%;
      margin: 0 auto; }

.featured-box--title {
  position: relative;
  display: block;
  color: black;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding-top: 15px;
  line-height: 1;
  z-index: 10; }

/*============================================================================
  #Collection Filters
==============================================================================*/
@media screen and (max-width: 768px) {
  .collection-filters {
    display: none;
    width: auto; } }
@media screen and (min-width: 769px) {
  .toggle-filters {
    display: none; } }
.advanced-filters {
  margin-bottom: 30px; }

.advanced-filters a {
  display: block;
  position: relative;
  padding-left: 20px; }
  .advanced-filters a:before, .advanced-filters a:after {
    content: '';
    display: block;
    position: absolute; }
  .advanced-filters a:before {
    top: 6px;
    left: 0;
    width: 12px;
    height: 12px;
    background-color: white;
    border: 1px solid #ececec; }
  .advanced-filters a:after {
    top: 9px;
    left: 3px;
    width: 6px;
    height: 6px;
    background-color: transparent; }
  .advanced-filters a:hover:after {
    background-color: #ececec; }

.advanced-filter.active-filter a:after {
  background-color: #000; }
.advanced-filter.active-filter a:hover:after {
  content: '\78';
  top: 6px;
  left: 0;
  width: 12px;
  height: 12px;
  background-color: #000;
  font-size: 8px;
  text-align: center;
  color: #fff;
  font-family: "icons";
  line-height: 12px;
  speak: none; }

.col-btn {
  background: #2b99f6;
  color: #fff;
  border: none;
  padding: 5px 10px; }

.col-cart-from {
  /*     width: calc(50% - 20px); */
  /*     float: right; */
  text-align: center;
  /*     margin-right: 20px; */ }

.sale-box {
  position: absolute;
  top: 60px;
  background: #fff;
  padding: 2px 10px 2px 20px; }

/*============================================================================
  #Breadcrumbs
==============================================================================*/
.breadcrumb {
  font-size: 13px;
  margin-bottom: 30px;
  padding-left: 30px;
  color: #000; }
  @media screen and (min-width: 769px) {
    .template-page .breadcrumb, .template-product .breadcrumb {
      margin-bottom: 0; } }
  @media screen and (max-width: 768px) {
    .breadcrumb {
      height: auto; } }
  @media screen and (max-width: 480px) {
    .breadcrumb {
      margin-bottom: 1em;
      display: none; } }
  .breadcrumb a {
    color: #000; }
    .breadcrumb a:hover {
      color: black; }
  .breadcrumb a,
  .breadcrumb span {
    display: inline-block;
    padding: 15px 7px 15px 0;
    margin-right: 7px;
    overflow: hidden; }
    .breadcrumb a:first-child,
    .breadcrumb span:first-child {
      padding-left: 0; }
    @media screen and (max-width: 480px) {
      .breadcrumb a,
      .breadcrumb span {
        padding-bottom: 0; } }
  .breadcrumb .divider {
    font-size: 15px;
    font-family: 'Verdana', sans-serif;
    padding: 13px 7px 13px 0;
    color: #767676;
    vertical-align: top; }
    @media screen and (max-width: 480px) {
      .breadcrumb .divider {
        padding-bottom: 0; } }
  .breadcrumb + .grid-border {
    margin-top: -30px; }

.breadcrumb--truncate {
  /*   width: 250px; */
  white-space: nowrap;
  text-overflow: ellipsis; }

/*============================================================================
  #Product Page
==============================================================================*/
@media only screen and (max-width: 480px) {
  #shopify-section-product-template {
    width: calc(100% + 30px);
    margin-left: -15px; } }

div#ProductSection {
  padding-bottom: 4%; }
  div#ProductSection h1, div#ProductSection .h1, div#ProductSection #shopify-product-reviews .spr-header-title, #shopify-product-reviews div#ProductSection .spr-header-title {
    color: #0f5a47 !important;
    letter-spacing: 3px !important;
    text-transform: capitalize;
    margin-bottom: 0.25em; }
    @media screen and (max-width: 480px) {
      div#ProductSection h1, div#ProductSection .h1, div#ProductSection #shopify-product-reviews .spr-header-title, #shopify-product-reviews div#ProductSection .spr-header-title {
        margin-top: 0.25em; } }
  div#ProductSection .product-name {
    display: inline-block; }
  div#ProductSection .targetbay-reviews-count-field {
    padding: 0 1em 0 0 !important;
    text-align: center;
    color: #0f5a47;
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    position: relative;
    text-transform: lowercase;
    vertical-align: top;
    white-space: nowrap; }
    div#ProductSection .targetbay-reviews-count-field > * {
      display: none; }
    div#ProductSection .targetbay-reviews-count-field .targetbay-reviews-count-star {
      display: inline-block; }
    div#ProductSection .targetbay-reviews-count-field:after {
      content: '•';
      display: inline-block;
      margin-left: 0.5em;
      right: 0;
      top: 0;
      position: absolute; }

.product-quick-info {
  display: inline-block;
  margin-bottom: 1em;
  width: auto; }
  .product-quick-info > li {
    color: #0f5a47;
    cursor: pointer;
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    padding: 0 1em 0 0.2em;
    position: relative;
    text-transform: lowercase;
    vertical-align: top;
    white-space: nowrap; }
    .product-quick-info > li:after {
      content: '•';
      display: inline-block;
      margin-left: 0.5em;
      right: 0;
      top: 0;
      position: absolute; }
    .product-quick-info > li:last-child {
      padding-right: 0; }
      .product-quick-info > li:last-child:after {
        display: none; }
    @media screen and (max-width: 480px) {
      .product-quick-info > li {
        font-size: 16px; } }

.product-delivery-badge {
  margin-bottom: 15px;
  user-select: none;
  pointer-events: none; }

.product-details-col deliverr > div {
  padding-top: 0; }

/*================ Select fields ================*/
.addToCartForm-PDP {
  display: flex;
  flex-wrap: wrap;
  position: relative; }

@media screen and (min-width: 1000px) {
  .product-details-col {
    padding-left: 2em; } }

.product_qty-wrap {
  margin: 0 1em 1em 0; }
  .product_qty-wrap input {
    color: #0f5a47;
    font-family: "Avenir-Black";
    font-size: 28px;
    border: 0;
    height: 36px;
    min-height: initial; }
    .product_qty-wrap input:focus {
      border: 0;
      outline: none; }
  .product_qty-wrap.no-js-standard {
    margin: 0 0 1em 15px;
    position: relative; }
    .product_qty-wrap.no-js-standard:before {
      background: #aedbc0;
      border-radius: 100%;
      content: '';
      display: block;
      height: 70px;
      position: absolute;
      left: -13px;
      top: -17px;
      width: 70px;
      z-index: 1; }
    .product_qty-wrap.no-js-standard input {
      font-size: 28px !important;
      letter-spacing: -1px;
      margin: 0;
      max-width: 60px;
      padding: 0 !important;
      position: relative;
      text-align: center;
      width: auto !important;
      z-index: 2; }
  .product_qty-wrap.js-qty-wrap {
    padding: 0 36px !important;
    position: relative;
    width: 125px !important; }
    .product_qty-wrap.js-qty-wrap input {
      letter-spacing: -1px;
      text-align: center; }
    .product_qty-wrap.js-qty-wrap .button {
      background-color: #e7f4ec;
      border-radius: 100%;
      cursor: pointer;
      display: inline-block;
      font-size: 24px;
      height: 36px;
      line-height: 34px;
      position: absolute;
      text-align: center;
      top: 0;
      width: 36px; }
      .product_qty-wrap.js-qty-wrap .button.min {
        left: 0; }
      .product_qty-wrap.js-qty-wrap .button.plus {
        right: 0; }
    @media screen and (max-width: 480px) {
      .product_qty-wrap.js-qty-wrap {
        width: 115px !important; } }

.quantity-desc {
  position: absolute;
  bottom: -30px;
  width: 100%;
  font-size: 16px;
  text-align: left;
  line-height: 32px;
  font-family: 'Avenir-Medium';
  white-space: nowrap;
  margin-bottom: 0; }
  @media screen and (max-width: 768px) {
    .quantity-desc {
      position: relative;
      bottom: 0px;
      width: 50%;
      text-align: center;
      margin-top: -15px;
      margin-bottom: -20px; } }

.product_variant-wrap {
  margin: 0 1em 1em 0; }
  .product_variant-wrap label {
    display: none; }
  .product_variant-wrap .selector-wrapper {
    font-size: 28px;
    position: relative; }
    .product_variant-wrap .selector-wrapper:after {
      background: #0f5a47;
      bottom: 0;
      content: '';
      display: block;
      height: 2px;
      left: 0;
      position: absolute;
      width: calc(100% - 38px); }
  .product_variant-wrap select {
    border: 0;
    color: #0f5a47;
    height: 38px;
    margin: 0;
    padding: 0 40px 0 0; }

.product-variants {
  display: none; }
  .no-js .product-variants {
    display: block; }

.product_frequency-wrap {
  width: 100%; }

#rc_container {
  margin-top: 0.8em; }
  #rc_container div.rc_popup {
    display: none !important; }
  #rc_container div.rc_block__type {
    margin-bottom: 0.8em;
    padding: 0 0 0 1.5em;
    position: relative; }
    #rc_container div.rc_block__type label {
      color: #0f5a47 !important;
      font-size: 24px;
      letter-spacing: 2px;
      line-height: 1 !important;
      text-transform: lowercase;
      white-space: initial; }
    #rc_container div.rc_block__type input {
      left: 0;
      position: absolute;
      top: 0.45em; }
  #rc_container div.rc_block__type--active {
    background-color: transparent !important; }
    #rc_container div.rc_block__type--active label.rc_label {
      font-weight: 900; }
    #rc_container div.rc_block__type--active .rc_label__deliver_every,
    #rc_container div.rc_block__type--active .rc_select {
      font-size: 18px; }
    #rc_container div.rc_block__type--active .rc_label__deliver_every span,
    #rc_container div.rc_block__type--active .rc_select {
      display: inline-block;
      margin-bottom: 3px; }
    #rc_container div.rc_block__type--active .rc_label__deliver_every {
      padding-left: 0; }
    #rc_container div.rc_block__type--active .rc_select {
      border: 0;
      border-bottom: 1px solid #0f5a47;
      color: #0f5a47;
      display: inline-block;
      font-weight: 900;
      letter-spacing: 2px;
      width: auto;
      padding: 0 30px 0 0; }
  #rc_container input.rc_radio {
    margin: 0 8px 2px 0; }
  #rc_container .saving_message {
    color: #00CE7C;
    font-size: 14px; }
  @media screen and (max-width: 480px) {
    #rc_container div.rc_block__type label {
      font-size: 16px; }
    #rc_container .rc_label__deliver_every,
    #rc_container .rc_select {
      font-size: 14px; }
    #rc_container input.rc_radio {
      margin-bottom: -1px; } }

.product_btn-wrap {
  margin-right: 40px;
  padding: 40px 0;
  position: relative;
  z-index: 2; }
  .product_btn-wrap:before {
    background: #e7f4ec;
    border-radius: 100%;
    content: '';
    display: block;
    height: 146px;
    right: -73px;
    position: absolute;
    top: 0;
    width: 146px; }
  .product_btn-wrap > * {
    position: relative;
    z-index: 2; }

.product_price-wrap {
  padding: 40px 0;
  position: relative;
  z-index: 2; }
  .product_price-wrap h2, .product_price-wrap .h2 {
    font-size: 40px; }
    @media screen and (max-width: 768px) {
      .product_price-wrap h2, .product_price-wrap .h2 {
        font-size: 32px important; } }

@media screen and (max-width: 480px) {
  .product_qty-wrap input,
  .product_variant-wrap .selector-wrapper {
    font-size: 18px; }

  .btn--art-to-cart {
    font-size: 14px;
    height: 24px;
    line-height: 24px; }

  .product_price-wrap h2, .product_price-wrap .h2 {
    font-size: 21px !important;
    line-height: 2.75em; } }
.payment-buttons {
  /*   display: inline-flex;
    flex-direction: column; */
  width: 100%;
  display: inline-block; }
  .payment-buttons.payment-buttons--medium {
    min-width: 40%; }
    @media screen and (max-width: 768px) {
      .payment-buttons.payment-buttons--medium {
        width: 100%; } }
  .payment-buttons.payment-buttons--large {
    width: 100%; }

.shopify-payment-button .shopify-payment-button__button {
  margin-top: 10px;
  min-height: 44px; }
  @media screen and (min-width: 769px) {
    .shopify-payment-button .shopify-payment-button__button {
      margin-top: 13px; } }
.shopify-payment-button .shopify-payment-button__button--branded {
  border-radius: 2px;
  overflow: hidden; }
  .payment-buttons--large .shopify-payment-button .shopify-payment-button__button--branded {
    min-height: 55px; }
.shopify-payment-button .shopify-payment-button__button--unbranded {
  border-radius: 2px; }
  .shopify-payment-button .shopify-payment-button__button--unbranded:hover {
    background-color: #0b4436 !important; }
  .payment-buttons--large .shopify-payment-button .shopify-payment-button__button--unbranded {
    margin-bottom: 0; }
.shopify-payment-button .shopify-payment-button__more-options {
  color: #0f5a47;
  margin-top: 16px;
  text-decoration: underline; }
  .shopify-payment-button .shopify-payment-button__more-options:hover, .shopify-payment-button .shopify-payment-button__more-options:focus {
    color: #1a9c7b; }
.payment-buttons--medium .shopify-payment-button {
  min-width: 40%; }

.relate-product {
  padding-bottom: 7%; }
  .relate-product .grid-uniform {
    display: flex;
    flex-wrap: wrap; }

.product-grid-item .product-title-wrapper,
.pdp-related-product-wrap .product-title-wrapper {
  align-content: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 1em; }
  .product-grid-item .product-title-wrapper h4, .product-grid-item .product-title-wrapper .h4,
  .pdp-related-product-wrap .product-title-wrapper h4,
  .pdp-related-product-wrap .product-title-wrapper .h4 {
    margin-bottom: 0; }

/*================ Product details ================*/
#productPrice {
  font-size: 32px;
  margin-bottom: 0;
  white-space: nowrap; }

#comparePrice {
  white-space: nowrap; }

.product-meta {
  margin-bottom: 5px; }
  .product-meta .product-meta--review {
    display: block; }
  .product-meta span {
    margin-bottom: 0; }
  @media screen and (min-width: 481px) {
    .product-meta {
      display: table; }
      .product-meta li,
      .product-meta .product-meta--review {
        display: table-cell;
        vertical-align: middle;
        padding-right: 15px; } }

.full-details {
  display: inline-block;
  margin-top: 20px;
  cursor: pointer; }

/*================ Notice of < 10 items left ================*/
.variant-quantity {
  display: none;
  color: black;
  font-size: 14px;
  line-height: 34px;
  margin-bottom: 13px; }
  .variant-quantity.is-visible {
    display: flex;
    justify-content: flex-start;
    align-items: center; }

/*================ BUNDLES custom styles and messaging ================*/
.product-details-col.bundle .rc_price, .product-details-col.bundle .product_price-wrap {
  text-decoration: line-through; }
.product-details-col.bundle .rc_price {
  text-decoration-color: #0f5a17; }
.product-details-col.bundle .product_price-wrap {
  text-decoration-color: #174332; }
.product-details-col.bundle .bundle-message {
  color: #f46b36;
  display: block;
  flex: 0 0 100%;
  margin: 1em 0 1.5em 0; }
  .product-details-col.bundle .bundle-message p {
    margin: 0; }
  .product-details-col.bundle .bundle-message strong {
    font-size: 1.25em;
    letter-spacing: 2px; }
  .product-details-col.bundle .bundle-message em {
    font-size: 0.75em; }

/*================ Product photos ================*/
.product-photo-col .flex-grid {
  flex-direction: column; }
  @media screen and (min-width: 769px) {
    .product-photo-col .flex-grid {
      flex-direction: row-reverse; }
      .product-photo-col .flex-grid .thumb-col {
        display: flex;
        align-items: center; } }

.featured-product-image-wrap {
  border-radius: 100%;
  overflow: hidden;
  border: 5px solid #000; }
  .featured-product-image-wrap[data-featured-color="yellow"] {
    border-color: #ffc20e; }
  .featured-product-image-wrap[data-featured-color="peach"] {
    border-color: #f79663; }
  .featured-product-image-wrap[data-featured-color="mint"] {
    border-color: #58c2ad; }
  .featured-product-image-wrap[data-featured-color="seafoam"] {
    border-color: #aedbc0; }
  .featured-product-image-wrap[data-featured-color="blue"] {
    border-color: #00aeef; }
  .featured-product-image-wrap[data-featured-color="light-blue"] {
    border-color: #83d2e6; }
  .featured-product-image-wrap[data-featured-color="purple"] {
    border-color: #bf95c4; }
  .featured-product-image-wrap[data-featured-color="brand-green"] {
    border-color: #0f5a47; }

.product-photo-container {
  margin-bottom: 30px;
  max-width: 100%; }

.product-photo-container a, .product-photo-container img,
.product-photo-thumbs a,
.product-photo-thumbs img {
  display: block;
  margin: 0 auto; }
.product-photo-container li,
.product-photo-thumbs li {
  /*     margin-bottom: $gutter; */ }

.product-photo-thumb {
  border-radius: 100%;
  display: block;
  overflow: hidden; }
  .product-photo-thumb img {
    display: block;
    width: 100%; }
  @media screen and (max-width: 768px) {
    .product-photo-thumb {
      margin: 0 10px; } }
  @media screen and (max-width: 480px) {
    .product-photo-thumb {
      margin: 0 5px; } }

.product-photo-thumbs-slider .slick-slide {
  margin: 2px; }

@media screen and (min-width: 769px) {
  .image-zoom {
    display: inline-block;
    cursor: move; } }
.pdp-social-images {
  background-color: #aedbc0;
  position: relative; }
  @media only screen and (max-width: 480px) {
    .pdp-social-images {
      width: calc(100% + 30px);
      margin-left: -15px; } }
  .pdp-social-images .wave-mask_top,
  .pdp-social-images .wave-mask_bottom {
    background-color: #FFFFFF;
    display: block;
    height: calc(50% - 30px);
    position: absolute;
    left: 0;
    right: 0;
    width: 100%; }
    .pdp-social-images .wave-mask_top:after,
    .pdp-social-images .wave-mask_bottom:after {
      background-repeat: repeat-x;
      background-size: 768px auto;
      content: '';
      left: 0;
      right: 0;
      position: absolute;
      width: 100%; }
      @media only screen and (max-width: 768px) {
        .pdp-social-images .wave-mask_top:after,
        .pdp-social-images .wave-mask_bottom:after {
          background-size: 100% auto; } }
    .pdp-social-images .wave-mask_top.wave-mask_top,
    .pdp-social-images .wave-mask_bottom.wave-mask_top {
      top: 0; }
      .pdp-social-images .wave-mask_top.wave-mask_top:after,
      .pdp-social-images .wave-mask_bottom.wave-mask_top:after {
        background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_wave_instagram--top_2x.png?v=47171455449080226041684451041);
        background-position: top center;
        bottom: -13px;
        height: 14px; }
        @media only screen and (max-width: 768px) {
          .pdp-social-images .wave-mask_top.wave-mask_top:after,
          .pdp-social-images .wave-mask_bottom.wave-mask_top:after {
            background-size: 100% auto; } }
    .pdp-social-images .wave-mask_top.wave-mask_bottom,
    .pdp-social-images .wave-mask_bottom.wave-mask_bottom {
      bottom: 0; }
      .pdp-social-images .wave-mask_top.wave-mask_bottom:after,
      .pdp-social-images .wave-mask_bottom.wave-mask_bottom:after {
        background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_wave_instagram--bottom_2x.png?v=174705259484643690461684451038);
        background-position: bottom -1px center;
        top: -14px;
        height: 15px; }
  .pdp-social-images .wrapper {
    position: relative;
    z-index: 2; }
    .pdp-social-images .wrapper:after {
      content: "";
      display: table;
      clear: both; }
  @media screen and (max-width: 480px) {
    .pdp-social-images .grid-item {
      width: 100%; } }
  .pdp-social-images .images-4up:after {
    content: "";
    display: table;
    clear: both; }
  .pdp-social-images .images-4up .photo-item {
    display: inline;
    float: left;
    width: 50%; }
  .pdp-social-images .images-4up .grid-item {
    width: 33%; }
  .pdp-social-images .square-wrap {
    border: 1px solid #FFF;
    height: 0;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
    width: 100%; }
    .pdp-social-images .square-wrap img {
      position: absolute;
      height: auto;
      left: 0;
      top: 0;
      width: 100%; }
  .pdp-social-images .heading {
    position: relative; }
    .pdp-social-images .heading .photo-item {
      margin: 50px;
      position: relative; }
    .pdp-social-images .heading .square-wrap {
      border: 0;
      z-index: 2; }
    .pdp-social-images .heading .circle {
      border-radius: 100%;
      display: block;
      height: 86%;
      margin: 7%;
      position: absolute;
      width: 86%;
      z-index: 1; }
  .pdp-social-images .social-handle {
    text-align: right; }
    .pdp-social-images .social-handle .social-handle-wrap {
      color: #0f5a47;
      display: inline-block;
      font-family: "Avenir-Black" !important;
      font-size: 24px;
      text-transform: uppercase; }
      @media screen and (max-width: 768px) {
        .pdp-social-images .social-handle .social-handle-wrap {
          font-size: 21px;
          padding: 5px 0; } }
      @media screen and (max-width: 480px) {
        .pdp-social-images .social-handle .social-handle-wrap {
          font-size: 16px; } }
      .pdp-social-images .social-handle .social-handle-wrap a {
        color: #0f5a47; }

/*================ Product content section ================*/
.grid.content-section, .content-section.grid--rev, .content-section.grid--full {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-left: 0px;
  padding-bottom: 7%; }
  .grid.content-section .grid-item, .content-section.grid--rev .grid-item, .content-section.grid--full .grid-item {
    float: none;
    display: table-cell; }
    @media screen and (max-width: 768px) {
      .grid.content-section .grid-item, .content-section.grid--rev .grid-item, .content-section.grid--full .grid-item {
        display: block; } }
  @media screen and (max-width: 768px) {
    .grid.content-section .images-area, .content-section.grid--rev .images-area, .content-section.grid--full .images-area {
      padding: 5%; } }
  .grid.content-section .content-area, .content-section.grid--rev .content-area, .content-section.grid--full .content-area {
    padding: 5%; }
  .grid.content-section .square, .content-section.grid--rev .square, .content-section.grid--full .square {
    display: inline;
    width: 33.333%;
    float: left;
    border: 1px solid #fff; }
  .grid.content-section .landscape, .content-section.grid--rev .landscape, .content-section.grid--full .landscape {
    width: 66.666%;
    float: left;
    display: inline;
    border: 1px solid #fff; }
  .grid.content-section .portrait, .content-section.grid--rev .portrait, .content-section.grid--full .portrait {
    display: inline;
    float: left;
    clear: both;
    width: 33.333%;
    border: 1px solid #fff; }

.video-mp4 {
  height: 100%;
  width: 100%; }

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

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

/*================ PDP Newsletter ================*/
.pdp-newsletter {
  margin: 50px auto 0 auto;
  padding-bottom: 100px;
  position: relative; }
  @media only screen and (max-width: 480px) {
    .pdp-newsletter {
      width: calc(100% + 30px);
      margin-left: -15px; } }
  @media screen and (max-width: 768px) {
    .pdp-newsletter {
      padding-botom: 75px; } }
  @media screen and (max-width: 480px) {
    .pdp-newsletter {
      padding-botom: 50px; } }
  .pdp-newsletter .wave-mask_top {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_wave_pdp_newsletter--top_2x.png?v=143337794983715236231684451046);
    background-position: top center;
    background-repeat: repeat-x;
    background-size: 768px auto;
    display: block;
    position: absolute;
    z-index: 1; }
    @media screen and (max-width: 768px) {
      .pdp-newsletter .wave-mask_top {
        background-size: 100% auto; } }
  .pdp-newsletter > .pdp_newsletter_wrapper {
    position: relative !important;
    z-index: 2; }
  .pdp-newsletter header img {
    display: block;
    margin: 0 auto;
    max-width: 768px; }
    @media screen and (max-width: 768px) {
      .pdp-newsletter header img {
        width: 100%; } }
  .pdp-newsletter .subhead {
    margin: 20px auto 20px auto;
    max-width: 600px;
    text-align: center;
    width: 80%; }

.newsletter-section {
  display: none; }

/*============================================================================
  #Blogs and Comments
==============================================================================*/
.comment {
  margin-bottom: 30px; }
  .comment + .comment {
    border-top: 1px solid #ececec;
    padding-top: 30px; }

/*============================================================================
  #Notes and Form Feedback
==============================================================================*/
.note,
.errors {
  border-radius: 2px;
  padding: 15px;
  margin-bottom: 15px;
  border: 1px solid transparent; }
  .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: #ececec; }

.errors ul {
  list-style: disc outside;
  margin-left: 20px; }

.form-success {
  color: #0a942a;
  background-color: #ecfef0;
  border-color: #0a942a;
  padding: 0.5em; }

.form-error,
.errors {
  color: #dc0000;
  background-color: #fff6f6;
  border-color: #dc0000;
  padding: 0.5em; }

/*============================================================================
  #Cart Page
==============================================================================*/
.shipping-savings-message {
  text-align: center;
  border-bottom: 1px solid #eff5ef;
  border-top: 1px solid #eff5ef;
  width: calc(100% + 60px);
  margin: 0 -30px 50px -30px;
  background: #eff5ef; }

.shipping-savings-message p {
  margin: 1em;
  font-size: 16px; }

.cart-row {
  margin-top: 30px;
  padding-top: 60px;
  border-top: 1px solid #ececec; }
  .cart-row:first-child {
    margin-top: 0; }
  .cart-row:first-child {
    padding-top: 0;
    border-top: 0 none; }
  .cart-row a {
    color: black; }
    .cart-row a:hover {
      color: #0f5a47; }
  .cart-row input[type="image"] {
    padding: 15px 0px; }
  .cart-row .additional-checkout-buttons > *:not(script) {
    padding: 10px 0 0 10px;
    vertical-align: top;
    line-height: 1; }
    .cart-row .additional-checkout-buttons > *:not(script):first-child, .cart-row .additional-checkout-buttons > *:not(script):empty {
      padding-left: 0px; }

.cart-image,
.cart-image img {
  display: block;
  width: 100%;
  max-height: inherit;
  height: inherit; }

@media screen and (max-width: 768px) {
  .cart-pricing {
    margin-top: 15px; } }

.cart-subtotal {
  margin-bottom: 10px; }

.cart-subtotal--notes-enabled {
  margin-top: 15px; }
  @media screen and (min-width: 769px) {
    .cart-subtotal--notes-enabled {
      margin-top: 0px; } }

.cart-subtotal--price {
  margin: 0 0 0 10px;
  display: inline;
  color: #0f5a47; }

.cart__policies {
  margin-bottom: 40px;
  display: inline-block;
  font-size: 13px; }
  .cart__policies a {
    color: #0f5a47;
    text-decoration: none;
    background: transparent; }
    .cart__policies a:hover, .cart__policies a:focus {
      color: #1a9c7b; }

.cart--no-cookies .cart--empty-message {
  display: none; }

.cart--no-cookies .cart--continue-message {
  display: none; }

.cart--cookie-message {
  display: none;
  padding-bottom: 25px; }
  .cart--no-cookies .cart--cookie-message {
    display: block; }

[data-shopify-buttoncontainer] {
  justify-content: flex-end; }

.continue-shopping-link {
  color: #0f5a47;
  cursor: pointer;
  font-family: "Avenir-Black";
  font-size: 0.8em;
  letter-spacing: 2px;
  margin-bottom: 3em;
  text-transform: uppercase; }
  .continue-shopping-link:hover {
    text-decoration: underline; }

/*================ Remove from cart icon ================*/
a.remove {
  display: inline-block;
  margin-top: 7px;
  height: 19px;
  line-height: 19px;
  padding: 0 5px;
  border-radius: 19px;
  font-size: 9px;
  text-align: center;
  border: 0 none; }
  .supports-fontface a.remove {
    padding: 0;
    width: 19px; }

/*================ Ajax Cart ================*/
#ajaxifyDrawer .ajaxifyCart--content a.remove {
  color: black; }

@media screen and (max-width: 480px) {
  body {
    padding-top: 100px; }

  .ajaxify-modal .ajaxifyCart--close {
    top: 117px; }
  .ajaxify-modal .ajaxifyCart--content {
    margin-top: 100px;
    margin-bottom: -100px; } }
/*============================================================================
  #Demo Styles - for empty store state
==============================================================================*/
.demo-image {
  background: url("//cdn.shopify.com/s/files/1/0383/9765/t/1/assets/blankslate-producticon.png?4") no-repeat center center #eeeeee;
  display: block;
  text-align: center;
  padding: 100px 0;
  color: #aaa;
  font-size: 0.875em;
  text-decoration: none; }

/*============================================================================
  #FlexSlider
    - jQuery FlexSlider v2.2.2 | http://www.woothemes.com/flexslider/
    - Contributing author: Tyler Smith (@mbmufffin)
==============================================================================*/
.flexslider {
  margin: 0 0 45px;
  padding: 0; }

.flexslider li {
  margin: 0;
  max-width: 100%; }

.flexslider .slides > li {
  display: none;
  /* Hide the slides before the JS is loaded. Avoids image jumping */
  margin: 0;
  position: relative;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }
  .flexslider .slides > li .slide-hide {
    visibility: hidden; }

.flexslider .slides img {
  max-width: 100%;
  margin: 0 auto;
  display: block; }

.flexslider .slides .placeholder-noblocks {
  height: auto;
  width: 100%;
  max-height: 100%; }
  @media screen and (min-width: 769px) {
    .flexslider .slides .placeholder-noblocks {
      height: 430px; } }
  @media screen and (max-width: 768px) {
    .flexslider .slides .placeholder-noblocks {
      height: 30vh; } }

.slides:after {
  content: "";
  display: table;
  clear: both; }

html[xmlns] .slides {
  display: block; }

* html .slides {
  height: 1%; }

/*================ No JS Fallback ================*/
.no-js .slides > li:first-child {
  display: block; }

.flexslider {
  position: relative;
  zoom: 1; }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

.flexslider .slides {
  zoom: 1; }

.carousel li {
  margin-right: 5px; }

/*================ Direction Nav ================*/
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

.flex-direction-nav {
  *height: 0; }

.flex-direction-nav a {
  display: block;
  width: 45px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default; }

.flex-direction-nav a {
  text-indent: -9999px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 20px auto; }
  .flex-direction-nav a.flex-prev {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjIuM3B4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCAyMi4zIDQwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMi4zIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNEM0QzRDMiIGQ9Ik0xOC43LDBMMCwxOS43TDE4LjcsNDBjMCwwLDUuMi0xLDMuMS0zLjFTNS43LDE5LjcsNS43LDE5LjdzMTQtMTQuNSwxNi4xLTE2LjZTMTguNywwLDE4LjcsMHoiLz4NCjwvc3ZnPg0K");
    background-position: center left; }
  .flex-direction-nav a.flex-next {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjIuM3B4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCAyMi4zIDQwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMi4zIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNEM0QzRDMiIGQ9Ik0wLjUsMy4xYzIuMSwyLjEsMTYuMSwxNi42LDE2LjEsMTYuNlMyLjYsMzQuOCwwLjUsMzYuOVMzLjYsNDAsMy42LDQwbDE4LjctMjAuM0wzLjYsMEMzLjYsMC0xLjYsMSwwLjUsMy4xDQoJeiIvPg0KPC9zdmc+DQo=");
    background-position: center right; }

/*================ Control Nav ================*/
.flex-control-nav {
  position: absolute;
  bottom: -30px;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
  list-style: none; }
  .flex-control-nav li {
    margin: 0 4px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle; }

.flex-control-paging li a {
  width: 12px;
  height: 12px;
  display: block;
  background-color: #ececec;
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 20px;
  border: 2px solid white;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
  .flex-control-paging li a:hover {
    background-color: lightgrey; }
  .flex-control-paging li a.flex-active {
    background-color: white;
    border-color: #0f5a47;
    cursor: default; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0; }

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default; }

@media screen and (max-width: 768px) {
  .flex-direction-nav a {
    opacity: 1;
    width: 25px; }

  .flex-direction-nav a.flex-prev {
    left: 0;
    background-position: center right; }

  .flex-direction-nav a.flex-next {
    right: 0;
    background-position: center left; } }
@media screen and (min-width: 769px) {
  .flex-direction-nav .flex-prev {
    left: 10px; }

  .flex-direction-nav .flex-next {
    right: 10px; }

  .flexslider:hover .flex-prev {
    opacity: 1;
    left: -25px; }

  .flexslider:hover .flex-next {
    opacity: 1;
    right: -25px; } }
@media screen and (min-width: 1340px) {
  .flex-direction-nav .flex-prev {
    left: 20px; }

  .flex-direction-nav .flex-next {
    right: 20px; }

  .flexslider:hover .flex-prev {
    opacity: 1;
    left: -45px; }

  .flexslider:hover .flex-next {
    opacity: 1;
    right: -45px; } }
/*================ Custom Flexslider Styles ================*/
.flexslider .slides {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.slide-link {
  display: block; }
  .slide-link img {
    display: block; }

/*============================================================================
  #Magnific Popup
    http://dimsemenov.com/plugins/magnific-popup/
==============================================================================*/
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

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

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-close:active, .mfp-close.nice-select.open {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active, .mfp-arrow.nice-select.open {
  margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/*======================== Magnific Popup custom styles ===================== */
.mfp-bg {
  background-color: white; }

.mfp-close {
  color: inherit; }

.mfp-bg.mfp-fade {
  -webkit-backface-visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

/* overlay animate in */
.mfp-bg.mfp-fade.mfp-ready {
  opacity: 1;
  filter: alpha(opacity=100); }

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
  filter: alpha(opacity=100); }

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

/*============================================================================
  #Product Reviews - Free Shopify App
    - https://apps.shopify.com/product-reviews
==============================================================================*/
#shopify-product-reviews {
  margin: 0;
  /*================ Summary Rating ================*/
  /*================ Content ================*/
  /*================ Individual Ratings ================*/
  /*================ Review Form ================*/ }
  #shopify-product-reviews .spr-container {
    padding: 0;
    border: 0 none; }
  #shopify-product-reviews .spr-summary {
    border-bottom: 1px solid #ececec;
    padding-bottom: 15px;
    margin-bottom: 30px; }
    @media screen and (min-width: 769px) {
      #shopify-product-reviews .spr-summary {
        float: left;
        border: 1px solid #ececec;
        width: 30%;
        padding: 10px; }
        #shopify-product-reviews .spr-summary .spr-summary-starrating {
          display: block;
          margin: 0; } }
  #shopify-product-reviews .spr-summary-caption {
    font-size: 14px; }
    @media screen and (min-width: 769px) {
      #shopify-product-reviews .spr-summary-caption {
        display: block;
        border-bottom: 1px solid #ececec;
        margin-bottom: 10px;
        padding-bottom: 10px; } }
  #shopify-product-reviews .spr-summary-actions-newreview:after {
    content: ' \203A';
    clear: none;
    display: inline; }
  @media screen and (min-width: 769px) {
    #shopify-product-reviews .spr-summary-actions-newreview {
      float: none; } }
  #shopify-product-reviews .spr-header:after {
    clear: none; }
  @media screen and (min-width: 769px) {
    #shopify-product-reviews .spr-content {
      float: left;
      width: 70%;
      padding-left: 30px; } }
  #shopify-product-reviews .spr-reviews {
    margin: 0; }
  #shopify-product-reviews .spr-review {
    padding: 0;
    margin: 0;
    border: 0 none; }
    #shopify-product-reviews .spr-review + .spr-review {
      margin-top: 15px; }
  #shopify-product-reviews .spr-review-content-body {
    font-size: inherit; }
    #shopify-product-reviews .spr-review-content-body br {
      content: '';
      display: block;
      overflow: hidden;
      height: 1px; }
  #shopify-product-reviews .spr-review-header {
    margin-bottom: 0; }
    #shopify-product-reviews .spr-review-header:after {
      content: "";
      display: table;
      clear: both; }
  #shopify-product-reviews .spr-review-header-title {
    margin-right: 15px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 20px;
    position: relative;
    top: 2px; }
  @media screen and (min-width: 769px) {
    #shopify-product-reviews .spr-review-header-starratings,
    #shopify-product-reviews .spr-review-header-title {
      display: inline; }
    #shopify-product-reviews .spr-review-header-title {
      float: left; } }
  #shopify-product-reviews .spr-review-header-starratings {
    position: relative;
    top: -2px;
    margin: 0 15px 10px 0; }
  #shopify-product-reviews .spr-review-header-byline {
    position: relative;
    top: -2px;
    display: inline-block;
    margin: 0; }
  #shopify-product-reviews .spr-review-reportreview {
    display: none; }
  #shopify-product-reviews .spr-form {
    border: 0 none;
    border-bottom: 1px solid #ececec;
    margin: 0 0 30px;
    padding: 0 0 30px; }

/*================ Star Icons ================*/
.spr-badge-starrating {
  white-space: nowrap; }

.spr-badge-starrating,
.spr-icon {
  color: #0f5a47;
  font-size: inherit; }

/*================ Review count ================*/
.spr-badge-caption {
  display: inline-block;
  font-size: 13px; }

/*================ Hide review badge if no reviews ================*/
.product-grid-item .spr-badge[data-rating="0.0"],
.product-meta--review .spr-badge[data-rating="0.0"] {
  display: none; }

/*============================================================================
  #Target Bay Product Reviews styles
==============================================================================*/
#tbProductReviews div, #tbProductReviews span, #tbProductReviews a, #tbProductReviews ul, #tbProductReviews li, #tbProductReviews li a, #tbProductReviews button, #tbProductReviews label, #tbProductReviews form, #tbProductReviews textarea, #tbProductReviews input, #tbProductReviews p {
  font-size: 16px !important; }

#tbProductReviews .tbProductReview-totalRating {
  font-size: 60px !important; }

/*============================================================================
  #Password Page
==============================================================================*/
.template-password {
  height: 100vh;
  text-align: center;
  padding: 0; }

.password-page__wrapper {
  display: table;
  height: 100%;
  width: 100%;
  background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/password-page-background.jpg?v=103614272200887375531668107967);
  background-size: cover;
  background-repeat: no-repeat;
  color: #ffffff; }
  .password-page__wrapper a {
    color: inherit; }
  .password-page__wrapper .social-sharing a {
    color: #ffffff; }

.password-page__header {
  display: table-row;
  height: 1px; }

.password-page__header__inner {
  display: table-cell;
  padding: 15px 30px;
  width: 100vw; }

.password-page__logo {
  margin-top: 90px; }
  .password-page__logo .logo {
    max-width: 100%; }

.password-page__main {
  display: table-row;
  width: 100%;
  height: 100%;
  margin: 0 auto; }

.password-page__main__inner {
  display: table-cell;
  vertical-align: middle;
  padding: 15px 30px;
  width: 100vw; }

.password-page__hero {
  font-family: "Georgia Pro", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 3.5em;
  line-height: 1.25;
  text-transform: none;
  letter-spacing: 0;
  text-rendering: optimizeLegibility; }
  @media screen and (min-width: 481px) {
    .password-page__hero {
      font-size: 5em; } }
  @media screen and (min-width: 769px) {
    .password-page__hero {
      font-size: 5.33333em; } }

.password-page__message {
  font-style: italic;
  font-size: 120%; }
  .password-page__message img {
    max-width: 100%; }

.password-page__message,
.password-page__login-form,
.password-page__signup-form {
  max-width: 500px;
  margin: 0 auto; }

.password-page__login-form {
  text-align: center;
  padding: 30px; }

.password-page__signup-form-heading {
  margin-bottom: 20px; }

.password-page__signup-form-subheading {
  margin-bottom: 30px; }
  .password-page__signup-form-subheading a {
    color: #0f5a47; }
    .password-page__signup-form-subheading a:hover {
      color: #1a9c7b; }

.password-page__signup-form .input-group-field {
  color: #ffffff; }

@media screen and (min-width: 480px) {
  .password-page__login-form,
  .password-page__signup-form {
    padding: 0 30px; } }
.password-page__login-form .input-group,
.password-page__signup-form .input-group {
  width: 100%; }
.password-page__login-form .errors ul,
.password-page__signup-form .errors ul {
  list-style-type: none;
  margin-left: 0; }

.storefront-password-form {
  margin-bottom: 15px; }

.password-page__social-sharing {
  margin-top: 30px; }
  .password-page__social-sharing .social-sharing {
    padding-top: 0; }

.password-login,
.admin-login {
  margin-top: 15px; }
  .password-login a:hover,
  .admin-login a:hover {
    color: inherit; }

.password-login {
  font-size: 1.16667em;
  line-height: 14px; }

.lock-icon-svg {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: baseline; }
  .lock-icon-svg path {
    fill: currentColor; }

.stock-icon-svg {
  height: 12px;
  width: 12px;
  margin-right: 5px; }
  .stock-icon-svg path {
    fill: currentColor; }

.admin-login {
  font-size: 95%; }

.password-page__footer {
  display: table-row;
  height: 1px; }

.password-page__footer_inner {
  display: table-cell;
  vertical-align: bottom;
  padding: 30px;
  line-height: 18px;
  font-size: 95%; }

.shopify-link {
  color: inherit; }
  .shopify-link:hover {
    color: inherit; }

.shopify-logo-svg {
  width: 61.71429px;
  height: 18px;
  display: inline-block;
  line-height: 0;
  vertical-align: top; }
  .shopify-logo-svg path {
    fill: currentColor; }

/* =========
   Hiding the word 'Shopify' but not from screen readers.
   ========= */
.shopify-name {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px !important; }

/*============================================================================
  #Image with text
==============================================================================*/
.feature-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center; }
  @media screen and (max-width: 480px) {
    .feature-row {
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

.feature-row__item {
  -webkit-flex: 0 1 50%;
  -moz-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%; }
  @media screen and (max-width: 480px) {
    .feature-row__item {
      -webkit-flex: 1 1 100%;
      -moz-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      max-width: 100%; } }

.feature-row__image-wrapper {
  position: relative;
  margin: 0 auto; }

.feature-row__image {
  display: block;
  margin: 0 auto; }
  @media screen and (max-width: 480px) {
    .feature-row__image {
      order: 1; } }
  .js .feature-row__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }

.feature-row__text {
  padding-top: 30px;
  padding-bottom: 30px; }
  @media screen and (max-width: 480px) {
    .feature-row__text {
      order: 2;
      padding-bottom: 0; } }

@media screen and (min-width: 481px) {
  .feature-row__text--left {
    padding-left: 30px; }

  .feature-row__text--right {
    padding-right: 30px; } }
@media screen and (min-width: 481px) {
  .featured-row__subtext {
    font-size: 1.16667em; } }
/*============================================================================
  #Custom Content
==============================================================================*/
.custom-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
  margin-bottom: 30px;
  margin-left: -30px;
  padding-top: 50px; }
  @media screen and (max-width: 768px) {
    .custom-content {
      margin-bottom: 15px;
      margin-left: -15px; } }
  @media screen and (max-width: 480px) {
    .custom-content {
      margin-bottom: 15px;
      margin-left: 0;
      /*        -$gridGutter/2; */ } }

.custom__item {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-bottom: 30px;
  padding-left: 30px;
  max-width: 100%; }
  @media screen and (max-width: 480px) {
    .custom__item {
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      padding-left: 15px;
      margin-bottom: 15px; }
      .custom__item.small--one-half {
        -webkit-flex: 1 0 50%;
        -moz-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto; } }

.custom__item-inner {
  position: relative;
  display: inline-block;
  text-align: left;
  max-width: 100%; }

.custom__item-inner--video,
.custom__item-inner--html {
  display: block; }

/*================ Flex item alignment ================*/
.align--top-middle {
  text-align: center; }

.align--top-right {
  text-align: right; }

.align--middle-left {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center; }

.align--center {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
  text-align: center; }

.align--middle-right {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
  text-align: right; }

.align--bottom-left {
  -ms-flex-item-align: flex-end;
  -webkit-align-self: flex-end;
  align-self: flex-end; }

.align--bottom-middle {
  -ms-flex-item-align: flex-end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  text-align: center; }

.align--bottom-right {
  -ms-flex-item-align: flex-end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  text-align: right; }

/*============================================================================
  #Blank States
==============================================================================*/
.placeholder-svg {
  display: block;
  fill: rgba(0, 0, 0, 0.35);
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2); }

.placeholder-noblocks {
  padding: 40px;
  text-align: center;
  max-width: 100%;
  fill: rgba(0, 0, 0, 0.35); }
  .placeholder-noblocks.slide-link {
    background-color: rgba(0, 0, 0, 0.1); }

.placeholder-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.1); }
  .placeholder-background .icon {
    border: 0; }
  .placeholder-background.imagebox {
    background-color: gainsboro; }
    .placeholder-background.imagebox svg.placeholder-image {
      fill: rgba(0, 0, 0, 0.35);
      border: 0px;
      align-self: center;
      width: 100%;
      height: 100%; }

.image-bar__content .placeholder-svg {
  position: absolute;
  top: 0;
  left: 0; }

/*============================================================================
  #Lazysizes
==============================================================================*/
.lazyload__image-wrapper {
  display: block;
  margin-bottom: 10px;
  position: relative;
  margin: 0 auto;
  max-width: 100% !important; }
  .lazyload__image-wrapper img {
    display: block; }
  .lazyload__image-wrapper img {
    display: block;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0; }
    .lazyload__image-wrapper img.lazyload {
      opacity: 0; }

@media screen and (min-width: 769px) {
  .header-logo__image {
    margin: 0; } }

.box {
  background: no-repeat;
  background-color: #f7f7f7;
  background-size: contain; }

/*============================================================================
  #Featured blog post
==============================================================================*/
.article__featured-image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%; }

.article__featured-image-wrapper {
  position: relative;
  margin-bottom: 30px; }
  .no-js .article__featured-image-wrapper {
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px !important; }

.article__featured-image-wrapper-nojs {
  margin-bottom: 30px; }

.featured-blog__meta {
  margin-bottom: 0.5em; }

.featured-blog__post {
  margin-bottom: 37.5px; }

.placeholder .article__featured-link {
  margin-bottom: 30px; }

/*============================================================================
  #Map section
==============================================================================*/
.map-section__wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.map-section__content {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 290px;
  overflow: hidden;
  position: relative; }
  @media screen and (max-width: 768px) {
    .map-section__content {
      -webkit-flex: 0 1 100%;
      -moz-flex: 0 1 100%;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%;
      max-width: 100%; } }
  .map-section__content .icon-pin {
    font-size: 11.2px; }

.map-section__image {
  height: 100%;
  background-size: cover;
  background-position: center;
  padding-top: 50%; }
  @media screen and (max-width: 768px) {
    .map-section__image {
      order: 1; } }
  @media screen and (min-width: 769px) {
    .map-section__image {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; } }
  .map-section--display-map .map-section__image {
    display: none !important; }

.map-section__placeholder {
  height: 100%; }
  @media screen and (min-width: 769px) {
    .map-section__placeholder {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; } }
  .map-section--display-map .map-section__placeholder {
    display: none !important; }

.map-section__text {
  padding: 30px;
  background-color: #f8f8f8; }
  @media screen and (max-width: 768px) {
    .map-section__text {
      order: 0; } }

.map-section__container {
  width: 100%;
  height: 55vh; }
  @media screen and (min-width: 769px) {
    .map-section__container {
      position: absolute !important;
      top: 0;
      left: 0;
      height: 100%; } }

/*==============================================================================
  #Rich text section
==============================================================================*/
.rich-text__heading p {
  margin-bottom: 0; }

.rich-text__heading--large {
  font-size: 1.15em; }

.rich-text__heading--small {
  font-size: 0.88em; }

.rich-text__text--large {
  font-size: 1.25em; }

.rich-text__text--small {
  font-size: 0.91667em; }

/*==============================================================================
  #Order tables
==============================================================================*/
.order-table {
  border: 1px solid #ececec;
  width: 100%; }
  .order-table a {
    color: black; }
  .order-table th, .order-table td {
    border: 0; }
  .order-table tbody th,
  .order-table tfoot th {
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0; }
  .order-table tbody tr + tr {
    border-top: 1px solid #ececec; }
  .order-table thead {
    border-bottom: 1px solid black; }
  .order-table tfoot {
    border-top: 1px solid black; }
    .order-table tfoot tr:first-child th, .order-table tfoot tr:first-child td {
      padding-top: 1.25em; }
    .order-table tfoot tr:nth-last-child(2) th, .order-table tfoot tr:nth-last-child(2) td {
      padding-bottom: 1.25em; }
    .order-table tfoot tr:last-child th, .order-table tfoot tr:last-child td {
      border-top: 1px solid black;
      font-weight: 900;
      padding-top: 1.25em;
      padding-bottom: 1.25em; }
  @media screen and (min-width: 769px) {
    .order-table {
      margin-bottom: 30px; }
      .order-table tbody tr:first-child th, .order-table tbody tr:first-child td {
        padding-top: 1.25em; }
      .order-table tbody tr:last-child th, .order-table tbody tr:last-child td {
        padding-bottom: 1.25em; }
        .order-table tbody tr:last-child th .order-discount--list, .order-table tbody tr:last-child td .order-discount--list {
          margin-bottom: 0; }
      .order-table tfoot tr td, .order-table tfoot tr th {
        vertical-align: bottom;
        padding-top: 0.75em;
        padding-bottom: 0.75em; } }
  @media screen and (max-width: 768px) {
    .order-table {
      border: 0;
      margin-bottom: 15px; }
      .order-table thead {
        display: none; }
      .order-table th,
      .order-table td {
        float: left;
        clear: left;
        width: 100%;
        text-align: right;
        padding: 0.5rem 0;
        border: 0;
        margin: 0; }
      .order-table th::before,
      .order-table td::before {
        content: attr(data-label);
        float: left;
        text-align: left;
        padding-right: 2em;
        max-width: 80%; }
      .order-table tbody tr th:first-child {
        padding-top: 1.25em; }
      .order-table tbody tr td:last-child {
        padding-bottom: 1.25em; }
      .order-table tbody th::before,
      .order-table tbody td::before {
        font-weight: 900; } }

@media screen and (max-width: 768px) {
  .order-table__product {
    display: flex;
    justify-content: space-between; } }

.order-discount {
  text-transform: uppercase;
  color: #0f5a47;
  display: block;
  line-height: 1.2em; }
  .order-discount .icon-saletag {
    margin-right: 0.8em;
    font-size: 0.9em; }

.order-discount--title {
  word-break: break-word;
  padding-right: 1em; }

.order-discount--list {
  margin: 0.8em 0 0.6em 1.3em;
  list-style: none;
  padding: 0; }

.order-discount--cart-list {
  margin-top: 1.5em; }

.order-discount__item {
  text-indent: -1.5em; }
  .order-discount__item + .order-discount__item {
    margin-top: 0.6em; }

@media screen and (max-width: 768px) {
  .order-discount-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%; } }

.order-discount-cart-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 7.5px;
  align-items: baseline; }

.cart-original-price {
  color: black; }

.order-discount--cart-price {
  font-size: 1.133em;
  font-family: "Avenir-Black";
  /*     $headerFontStack; */
  /*   font-weight: $headerFontWeight; */
  font-style: normal;
  line-height: 1.1; }

/* ========================== Custom CSS by D =========================*/
/*================ Quote slider ================*/
.quote-icon {
  display: block;
  margin: 0 auto 10px; }

.rte-setting {
  font-size: 16px;
  font-style: italic;
  font-weight: normal; }
  @media screen and (min-width: 1200px) {
    .rte-setting {
      padding: 0 4pc; } }

.quotes-slider__text {
  font-size: 1.0625em;
  font-weight: 600;
  font-style: normal;
  padding: 0 15px;
  color: black;
  border-left: 0 none; }
  .quotes-slider__text cite {
    font-size: 0.75em;
    font-style: normal; }
  .quotes-slider__text .aut_name {
    font-size: 1em;
    font-weight: 600;
    color: black;
    margin-bottom: 20px;
    margin-top: 14px; }
  .quotes-slider__text p {
    color: #FFF;
    font-family: 'Avenir-Black' !important;
    margin-bottom: 0; }
    .quotes-slider__text p + cite {
      margin-top: 0; }

span.quote-icon img, .svgnoimg {
  border-radius: 100%;
  height: 70px;
  width: 70px;
  margin: 0 auto 10px;
  object-fit: cover; }

.svgnoimg svg {
  border-radius: 100%; }

.slick-dotted.quotes-slider.slick-initialized {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab; }

.quotes-wrapper {
  padding: 0 0 0 8%;
  position: relative; }
  .quotes-wrapper .circle {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 100%;
    display: block;
    height: 0;
    padding-top: 100%;
    position: relative;
    width: 100%;
    z-index: 1; }
  .quotes-wrapper .quotes-inner {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    left: 16%;
    width: 84%;
    z-index: 2; }
  .quotes-wrapper .quotes-slider-wrap {
    position: relative;
    padding: 12%;
    width: 100%; }
    .quotes-wrapper .quotes-slider-wrap:before, .quotes-wrapper .quotes-slider-wrap:after {
      color: #FFF;
      display: block;
      font-family: 'Avenir-Black' !important;
      font-size: 2em;
      text-align: center; }
    .quotes-wrapper .quotes-slider-wrap:before {
      content: '“'; }
    .quotes-wrapper .quotes-slider-wrap:after {
      content: '”'; }
  @media screen and (max-width: 768px) {
    .quotes-wrapper {
      padding: 0; }
      .quotes-wrapper .quotes-inner {
        left: 30px;
        width: calc(100% - 30px); } }

.quotes-wrapper .slick-dots {
  position: relative;
  bottom: 0;
  margin-top: 30px; }
  .quotes-wrapper .slick-dots li button::before {
    color: #bce0fd;
    font-size: 32px; }

.quotes-wrapper .slick-dots li.slick-active button:before {
  color: #2699fb; }

.quotes-wrapper .slick-slide[tabindex="0"] {
  outline: none; }

.product_info_testi {
  margin-bottom: 100px;
  margin-top: 100px;
  padding-top: 21px;
  padding-bottom: 45px;
  position: relative; }
  @media only screen and (max-width: 480px) {
    .product_info_testi {
      width: calc(100% + 30px);
      margin-left: -15px; } }
  @media screen and (max-width: 768px) {
    .product_info_testi {
      margin-bottom: 12vw;
      margin-top: 12vw;
      padding-bottom: 4vw;
      padding-top: 7vw; } }
  .product_info_testi:before, .product_info_testi:after {
    content: '';
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    background-repeat: repeat-x;
    background-size: 768px auto;
    position: absolute;
    z-index: 3; }
    @media screen and (max-width: 768px) {
      .product_info_testi:before, .product_info_testi:after {
        background-size: 100% auto; } }
  .product_info_testi:before {
    background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_wave_pdp-details--top_2x.png?v=131753567995716064101684451045);
    background-position: top center; }
  .product_info_testi:after {
    background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_wave_pdp-details--bottom_2x.png?v=162965177196539257311684451043);
    background-position: bottom -1px center; }
  .product_info_testi .flavor-image {
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 150px;
    position: absolute;
    width: 150px;
    z-index: 1; }
    .product_info_testi .flavor-image.flavor-image-1 {
      left: 51%;
      top: 8%; }
    .product_info_testi .flavor-image.flavor-image-2 {
      right: 2%;
      bottom: 25%; }
    .product_info_testi .flavor-image.flavor-image-3 {
      left: 2%;
      bottom: 7%; }
    @media screen and (max-width: 768px) {
      .product_info_testi .flavor-image.flavor-image-1 {
        left: 2%;
        top: 2%; }
      .product_info_testi .flavor-image.flavor-image-2 {
        right: 2%;
        bottom: 2%; }
      .product_info_testi .flavor-image.flavor-image-3 {
        display: none; } }
  .product_info_testi > .wrapper {
    margin: 100px 0;
    position: relative;
    z-index: 4; }
    @media screen and (max-width: 768px) {
      .product_info_testi > .wrapper {
        margin: 12vw auto; } }
  @media screen and (max-width: 480px) {
    .product_info_testi #product-info > ul > li {
      margin-bottom: 1.5em; } }
  .product_info_testi #product-info > ul > li h2, .product_info_testi #product-info > ul > li .h2 {
    line-height: 1.1 !important;
    padding-right: 1em; }
  @media screen and (max-width: 480px) {
    .product_info_testi #product-info p {
      font-size: 18px; } }

.logo_liste_background {
  margin-bottom: 5%;
  text-align: center;
  padding: 45px 0;
  /*   h2.title {
      font-size: 1.733em;
    } */ }
  .logo_liste_background .title, .logo_liste_background .body_content {
    color: #fff; }
  .logo_liste_background .body_content {
    margin-bottom: 1em; }

@media screen and (min-width: 769px) {
  .logo-bar__item.grid-item {
    display: inline-block;
    /*     float: none; */ } }
.logo-bar__item.grid-item .placeholder-svg {
  fill: #fff;
  border: 1px solid #fff; }

p.icon_title {
  color: #fff;
  margin-top: 20px;
  font-size: 14px; }

#product-info > ul {
  margin-bottom: 15px; }

#product-info > ul > li {
  margin-bottom: 10px; }

#product-info ul ul {
  display: none;
  margin: 30px 0; }

#product-info > ul > li h2, #product-info > ul > li .h2 {
  line-height: 1.3; }

#product-info > ul > li.has-sub > a h2, #product-info > ul > li.has-sub > a .h2 {
  position: relative;
  width: 100%;
  display: block; }

#product-info > ul > li.has-sub > a span:after {
  content: "+";
  position: absolute;
  right: 0;
  font-size: 26px;
  top: -3px; }

#product-info > ul > li.active > a span:after {
  content: "_";
  position: absolute;
  right: 0;
  font-size: 26px;
  top: -6px; }

#product-info > ul > li.has-sub > a h2:after, #product-info > ul > li.has-sub > a .h2:after {
  content: "+";
  position: absolute;
  right: 0;
  font-size: 26px;
  top: -3px; }

#product-info > ul > li.active > a h2:after, #product-info > ul > li.active > a .h2:after {
  content: "_";
  position: absolute;
  right: 0;
  font-size: 26px;
  top: -6px; }

.product-meta .text-m.write-review-btn-hidden {
  display: none; }
.product-meta li.product-meta--review {
  margin-left: 40px;
  display: inline-block; }

.prod_btn {
  padding-left: 20px; }

/*========= Header =========== */
#navBar {
  /*   @include at-query ($min, $large) { */ }
  @media only screen and (min-width: 1024px) {
    #navBar {
      display: none; } }

.site-header .right_header {
  display: inline-block;
  margin-left: 5px; }

.fix-addtocart {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 99; }

/* CSS FOR HOMEPAGE BY J*/
.custom_bnnr .custom_content {
  display: table-cell;
  vertical-align: middle;
  background-repeat: no-repeat; }
  .custom_bnnr .custom_content .inner_content {
    position: unset;
    transform: unset; }

.hero--small {
  height: 225px; }

.hero--medium {
  height: 357px; }

.hero--large {
  height: 488px; }

@media only screen and (min-width: 750px) {
  .hero--small {
    height: 350px; }

  .hero--medium {
    height: 500px; }

  .hero--large {
    height: 700px; } }
.custom_bnnr.image-banner {
  padding-top: 0;
  display: table;
  width: 100%;
  margin-bottom: 20px; }

.custom_content {
  position: relative;
  cursor: pointer;
  /*   display: flex;
    justify-content: center;
    align-self: center; */ }
  .custom_content .homepage_custom_content > a {
    display: block;
    width: 100%; }
  .custom_content img {
    width: 100%; }
  .custom_content .inner_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .custom_content .inner_content {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        margin: 0 auto; } }
    @media screen and (max-width: 480px) {
      .custom_content .inner_content {
        /*       position: relative;
              top: unset;
              transform: unset;
              left:0;
              margin: 0 auto; */ } }
  .custom_content .inner_content_1 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateX(0%) translateY(-50%); }
    @media screen and (max-width: 768px) {
      .custom_content .inner_content_1 {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        margin: 0 auto; } }
    @media screen and (max-width: 480px) {
      .custom_content .inner_content_1 {
        /*       position: relative;
              top: unset;
              transform: unset;
              left:0;
              margin: 0 auto; */ } }
  .custom_content .outer_button {
    position: absolute;
    top: 70%;
    left: 30px;
    transform: translateX(0%) translateY(-50%); }
    @media screen and (max-width: 480px) {
      .custom_content .outer_button {
        left: 0; } }

.set_btn {
  width: 100%;
  display: inline-block;
  background-color: #0f5a47;
  border: 2px solid #0f5a47;
  color: #ffffff;
  min-height: 44px;
  white-space: normal;
  padding: 5px 10px;
  line-height: 44px;
  vertical-align: middle;
  border-radius: 2px;
  text-transform: uppercase;
  font-weight: bold;
  max-width: 250px;
  text-align: center;
  margin-left: 25px;
  float: left;
  margin-top: 40px; }
  @media screen and (max-width: 480px) {
    .set_btn {
      max-width: 200px; } }
  @media screen and (max-width: 768px) {
    .set_btn {
      max-width: 200px; } }
  @media screen and (max-width: 1200px) {
    .set_btn {
      max-width: 200px; } }
  .set_btn:hover {
    color: #0f5a47;
    background: #ffffff; }

@media screen and (min-width: 769px) {
  .tbl {
    display: table; }

  .tbl-cell {
    display: table-cell;
    vertical-align: middle;
    float: none; } }
.one div {
  padding: 25px; }
  @media screen and (max-width: 768px) {
    .one div {
      padding-left: 25; } }
  @media only screen and (min-width: 700px) and (max-width: 768px) {
    .one div {
      padding-left: 25px; } }

.two div {
  padding: 25px; }
  @media screen and (max-width: 768px) {
    .two div {
      padding-left: 25px; } }
  @media only screen and (min-width: 700px) and (max-width: 768px) {
    .two div {
      padding-left: 25px; } }

.three {
  margin-top: 30px; }
  .three div {
    padding: 25px; }
    @media screen and (max-width: 768px) {
      .three div {
        padding-left: 25px; } }
    @media only screen and (min-width: 700px) and (max-width: 768px) {
      .three div {
        padding-left: 25px; } }

.youtube_video {
  height: 700px;
  width: 100%; }

.four {
  float: left;
  margin-left: 0; }
  @media screen and (min-width: 769px) {
    .four {
      float: right;
      margin-right: 50px; } }

.five {
  float: left;
  margin-left: 0; }
  @media screen and (min-width: 769px) {
    .five {
      float: right;
      margin-right: 50px; } }

.blue_brdr {
  border-top: solid #2b99f6;
  border-width: 1px 0 0; }

.img_btn {
  width: 70%;
  text-align: center;
  position: absolute;
  bottom: 25px;
  max-width: 285px;
  right: 0;
  left: 0;
  margin: 0 auto; }

.homepage_image img {
  width: 100%; }
@media screen and (max-width: 768px) {
  .homepage_image img {
    width: 100%; }
  .homepage_image .custom__item {
    padding: 0 !important; } }

.quotes-slider.flexslider.homepage {
  background-color: #fff;
  padding: 12%; }

.homepage_info_testi {
  padding-top: 5%;
  padding-bottom: 5%;
  margin-bottom: 0; }
  .homepage_info_testi .testimonial-text {
    padding-left: 7%; }
  .homepage_info_testi .slick-dots {
    position: relative;
    bottom: 0;
    margin-top: 30px; }
    .homepage_info_testi .slick-dots li button::before {
      color: #bce0fd;
      font-size: 32px; }
  .homepage_info_testi .homepage_quote {
    padding-top: 30px; }
    @media screen and (max-width: 480px) {
      .homepage_info_testi .homepage_quote {
        font-size: 13px; } }
    @media screen and (max-width: 769px) {
      .homepage_info_testi .homepage_quote {
        font-size: 15px; } }
  .homepage_info_testi .first_para {
    /*     font-size: 14px; */ }
  .homepage_info_testi .second_para {
    margin-top: 10%; }
    .homepage_info_testi .second_para:before {
      content: open-quote;
      display: inline-block;
      font-size: 60px;
      margin-top: 50px;
      font-family: sans-serif;
      width: 100%;
      line-height: 0; }
  @media screen and (max-width: 480px) {
    .homepage_info_testi .quotes-slider.flexslider.homepage {
      padding: 7%; } }

.homepage_info_testi .slick-dots li.slick-active button:before {
  color: #2699fb; }

.homepage_info_testi .slick-slide[tabindex="0"] {
  outline: none; }

.homepage_content {
  padding: 5% 0;
  /*   p{
      font-size: 11px;
      font-family: "Arial";
    } */ }
  .homepage_content h2, .homepage_content .h2 {
    /*     font-family: "Georgia Pro",serif; */
    /*     font-size: 40px; */ }
    @media screen and (max-width: 480px) {
      .homepage_content h2, .homepage_content .h2 {
        font-size: 25px; } }
    @media screen and (max-width: 768px) {
      .homepage_content h2, .homepage_content .h2 {
        font-size: 30px; } }
  @media screen and (max-width: 769px) {
    .homepage_content .images-area {
      padding-right: 20px;
      padding-left: 50px; } }

.custom-content.advance-content {
  margin-top: 40px;
  /*   .p1{
      font-family: Arial;
      font-size: 20px;
    }
    .p2{
      font-family: "Arial";
      font-size: 14px;
    }
    .p3{
      font-family: "Georgia Pro",serif;
      font-size: 20px;
      font-style: italic;
    } */ }
  @media only screen and (min-width: 480px) and (max-width: 768px) {
    .custom-content.advance-content {
      /*     margin-right:20px; */ } }
  @media screen and (max-width: 768px) {
    .custom-content.advance-content {
      display: inline-block; } }
  .custom-content.advance-content h2, .custom-content.advance-content .h2 {
    font-size: 40px;
    text-transform: capitalize; }
    @media screen and (max-width: 480px) {
      .custom-content.advance-content h2, .custom-content.advance-content .h2 {
        font-size: 25px; } }
    @media screen and (max-width: 768px) {
      .custom-content.advance-content h2, .custom-content.advance-content .h2 {
        font-size: 30px; } }

.homepage_custom_content h2, .homepage_custom_content .h2 {
  /*     font-family: "Arial"; */
  /*     font-size: 14px; */
  /*     font-weight:bold;
      text-transform: uppercase; */ }
.homepage_custom_content .three h2, .homepage_custom_content .three .h2 {
  /*     font-family: "Georgia Pro",serif; */
  font-size: 40px;
  text-transform: capitalize; }
  @media screen and (max-width: 480px) {
    .homepage_custom_content .three h2, .homepage_custom_content .three .h2 {
      font-size: 25px; } }
  @media screen and (max-width: 768px) {
    .homepage_custom_content .three h2, .homepage_custom_content .three .h2 {
      font-size: 30px; } }

@media only screen and (min-width: 480px) and (max-width: 700px) {
  .custom_content .inner_content {
    /*     position: relative;
        top: 0;
        transform: unset; */ } }
@media screen and (max-width: 480px) {
  .small-padding {
    padding: 0 !important; }

  .four {
    margin-left: 0; }

  .five {
    margin-left: 0; } }
.pad-25 {
  padding: 25px; }

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .custom_content .inner_content {
    padding: 0; }
    .custom_content .inner_content .medium-content {
      width: 100%;
      display: inline-block; }

  .one div {
    padding: 15px; }

  .two div {
    padding: 15px; }

  .three div {
    padding: 15px; } }
h1, .h1, #shopify-product-reviews .spr-header-title {
  font-family: 'Avenir-Black' !important;
  color: #000000 !important;
  font-size: 50px !important;
  line-height: 1em;
  margin-bottom: 0; }
  @media screen and (max-width: 768px) {
    h1, .h1, #shopify-product-reviews .spr-header-title {
      font-size: 35px !important; } }
  @media screen and (max-width: 480px) {
    h1, .h1, #shopify-product-reviews .spr-header-title {
      font-size: 24px !important; } }

.inline-list.product-meta h2, .inline-list.product-meta .h2 {
  margin-bottom: 0; }

h2, .h2 {
  font-family: 'Avenir-Black' !important;
  color: #174332 !important;
  font-size: 42px !important; }
  @media screen and (max-width: 768px) {
    h2, .h2 {
      font-size: 35px !important; } }
  @media screen and (max-width: 480px) {
    h2, .h2 {
      font-size: 21px !important; } }

h3, .h3 {
  font-family: 'Avenir-Black' !important;
  color: #000000 !important;
  font-size: 30px !important;
  text-transform: uppercase !important; }
  @media screen and (max-width: 768px) {
    h3, .h3 {
      font-size: 21px !important; } }
  @media screen and (max-width: 480px) {
    h3, .h3 {
      font-size: 18px !important; } }

h4, .h4 {
  font-family: 'Avenir-Book' !important;
  color: #000000 !important;
  font-size: 24px !important;
  letter-spacing: 1.5px; }
  @media screen and (max-width: 768px) {
    h4, .h4 {
      font-size: 18px !important; } }
  @media screen and (max-width: 480px) {
    h4, .h4 {
      font-size: 16px !important; } }

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

/*================== RESPONSIVE CSS =====================*/
@media screen and (min-width: 769px) {
  .product-photo-thumbs-slider {
    align-items: center;
    display: flex;
    height: 100%;
    margin: 0; }
    .product-photo-thumbs-slider .slick-list {
      overflow: visible; }
    .product-photo-thumbs-slider li.slick-slide {
      margin: 20% 2px;
      position: relative; }
      .product-photo-thumbs-slider li.slick-slide:first-child, .product-photo-thumbs-slider li.slick-slide:last-child {
        left: 47%; } }
@media screen and (max-width: 768px) {
  .product-photo-thumbs-slider {
    margin: 30px auto; }

  .footer-wrapper .grid-item,
  .footer-wrapper .site_nav_wrapper {
    margin-top: 20px; } }
@media only screen and (max-width: 479px) {
  .footer-wrapper .grid-item,
  .footer-wrapper .site_nav_wrapper {
    margin-top: 30px; } }
/*===================== MENU CSS BY J =======================*/
.menu_item {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  /*   .site-nav{ */ }
  .menu_item .shop_link {
    opacity: 0;
    /*       top: -85px; */
    top: 57px;
    z-index: -1;
    display: flex !important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0px;
    -moz-transition: all 0.5s ease !important;
    -o-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important;
    top: calc(100% + 0);
    width: 100%;
    /*     } */ }
    .menu_item .shop_link li {
      position: unset !important;
      flex-basis: 33.3333% !important; }

.pad-bottom {
  padding-bottom: 15px; }

.relate-product h3.h3, .relate-product .h3 {
  padding-bottom: 30px; }

.new-site-nav .shp {
  position: unset !important;
  /*   &:hover .shop_link{
      top:110px !important;
      opacity:1 !important;
    } */ }

li.normal_height {
  line-height: 79px; }

.site-nav a.new_child {
  display: flex !important;
  font-size: 20px;
  justify-content: center;
  align-items: center;
  font-family: "Avenir-Book" !important; }

.page-title {
  position: absolute;
  z-index: 99;
  padding: 10px 20px 10px 20px;
  right: 0;
  left: 0;
  display: inline-flex;
  top: 85px; }
  @media screen and (max-width: 480px) {
    .page-title {
      display: unset;
      top: 20px; } }
  .page-title h1, .page-title .h1, .page-title #shopify-product-reviews .spr-header-title, #shopify-product-reviews .page-title .spr-header-title {
    margin: 0 auto;
    text-align: center;
    padding: 10px 20px 10px 20px; }

a.site-nav--link[data-meganav-type="parent"] {
  line-height: 75px; }

a.site-nav--link {
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }

/* <!-- CSS FOR PRODUCT PAGE BY J --> */
.grid.pad-top, .pad-top.grid--rev, .pad-top.grid--full {
  padding-top: 38px; }

.btn-side .btn--add-to-cart {
  width: 50%;
  float: left;
  padding-right: 17px;
  padding: 8px 14px !important; }
.btn-side .shopify-payment-button {
  display: inline-block;
  float: left;
  width: 50%;
  padding-left: 17px;
  padding-right: 10px; }
  .btn-side .shopify-payment-button .shopify-payment-button__button {
    margin: 0; }

/* <!-- END  --> */
/* <!------------------ Collection sidebar CSS  --------------------> */
.open-side {
  list-style: none;
  line-height: 2em;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.8s ease-in; }
  .open-side ul {
    margin-left: 0; }

.sidebar-categories {
  margin-left: 30px; }

.drop_down a {
  font-size: 17px;
  position: relative;
  text-transform: capitalize;
  z-index: 2; }
.drop_down:hover .open-side {
  max-height: 1000px;
  height: auto; }
.drop_down h3, .drop_down .h3 {
  position: relative; }
  .drop_down h3:before, .drop_down .h3:before {
    content: '';
    background-color: #def3ef;
    border-radius: 80px;
    display: block;
    height: 80px;
    left: -20px;
    opacity: 0;
    position: absolute;
    top: -17px;
    width: 80px;
    transition: opacity 0.25s;
    z-index: 1; }
  .drop_down h3.on:before, .drop_down .on.h3:before {
    opacity: 1; }

/* <!------------------------ END  ------------------------------> */
/* <!------------------ BLOG RECIPE CSS  --------------------> */
@media only screen and (min-width: 1024px) {
  .desktop-wrapper {
    padding: 0 30px;
    max-width: 1280px;
    margin: 0 auto; } }
@media only screen and (max-width: 1023px) {
  .desktop-wrapper {
    display: inline-table; } }
.grid-item.blog-nav {
  background: #AEDBC0;
  text-align: center;
  float: left;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  /*   font-family: Arial; */ }
  .grid-item.blog-nav ul {
    margin: 0; }
    .grid-item.blog-nav ul li {
      display: inline-block;
      padding-right: 20px;
      padding-left: 20px;
      margin-bottom: 0; }

.recipe-section .feature-row__text {
  padding-top: 25px;
  padding-bottom: 25px; }
.recipe-section .feature-row {
  background: #b9d8c0; }
  .recipe-section .feature-row p {
    color: #000 !important; }
  .recipe-section .feature-row span {
    color: #000 !important; }
.recipe-section .feature-row__item.feature-row__item_img {
  -webkit-flex: 0 1 45%;
  -moz-flex: 0 1 45%;
  -ms-flex: 0 1 45%;
  flex: 0 1 45%; }
.recipe-section .feature-row__item.feature-row__item_text {
  -webkit-flex: 0 1 55%;
  -moz-flex: 0 1 55%;
  -ms-flex: 0 1 55%;
  flex: 0 1 55%;
  color: #fff; }
  .recipe-section .feature-row__item.feature-row__item_text h1, .recipe-section .feature-row__item.feature-row__item_text .h1, .recipe-section .feature-row__item.feature-row__item_text #shopify-product-reviews .spr-header-title, #shopify-product-reviews .recipe-section .feature-row__item.feature-row__item_text .spr-header-title {
    margin: 0 auto;
    font-size: 48px;
    color: #000 !important;
    font-family: "Avenir-medium !important"; }
  .recipe-section .feature-row__item.feature-row__item_text .featured-row__subtext {
    padding-top: 20px;
    /*       font-family:"Arial"; */ }
    .recipe-section .feature-row__item.feature-row__item_text .featured-row__subtext ul {
      width: 100%;
      display: inline-block; }
      .recipe-section .feature-row__item.feature-row__item_text .featured-row__subtext ul li {
        width: 33.33%;
        display: inline-block;
        float: left; }
    .recipe-section .feature-row__item.feature-row__item_text .featured-row__subtext .subtext_1 {
      font-size: 24px; }
    .recipe-section .feature-row__item.feature-row__item_text .featured-row__subtext .subtext_2 {
      font-size: 21px;
      font-weight: normal; }
    .recipe-section .feature-row__item.feature-row__item_text .featured-row__subtext p:first-child {
      font-weight: normal;
      font-size: 21px; }
    .recipe-section .feature-row__item.feature-row__item_text .featured-row__subtext p:last-child {
      font-size: 24px; }
.recipe-section .share_post {
  font-size: 21px;
  /*     font-family: Arial !important; */
  font-weight: normal;
  color: #fff !important; }

.recipe-product {
  background: #174332;
  margin-top: 29px;
  background-size: cover !important;
  padding-left: 20px; }
  .recipe-product .grid-item.display-table {
    position: relative; }
  .recipe-product .recipe-text {
    position: relative;
    padding-top: 60px;
    padding-bottom: 55px;
    color: #fff !important;
    padding-left: 35px; }
    .recipe-product .recipe-text h2, .recipe-product .recipe-text .h2 {
      color: #244f3f !important;
      font-size: 48px;
      margin-bottom: 10px; }
    .recipe-product .recipe-text h3, .recipe-product .recipe-text .h3 {
      color: #244f3f !important; }
    .recipe-product .recipe-text a {
      background: transparent;
      color: #fff; }
  .recipe-product .recipe-img {
    display: inline-block;
    float: left;
    position: absolute;
    top: -6%;
    right: 0;
    max-width: 320px; }

.recipe-list {
  margin-top: 50px; }
  .recipe-list .hashtag {
    /*     font-family: Arial; */
    color: #174332;
    padding-bottom: 5px;
    display: inline-block; }
  .recipe-list .recipe-title {
    /*     font-family: 'Avenir-light' !important; */
    /*     color: #0F5A47 !important; */
    margin-bottom: 0 !important;
    font-size: 30px; }
  .recipe-list .recipe-type {
    /*     font-family: Arial; */
    color: #58c2ad !important;
    font-size: 18px;
    padding-top: 10px; }
  .recipe-list .all-recipes {
    display: inline-block;
    width: 100%; }
    .recipe-list .all-recipes a {
      font-family: Avenir-Black;
      text-transform: uppercase;
      text-decoration: underline;
      margin-top: 20px;
      display: inline-block;
      font-size: 24px;
      color: #174332; }
  .recipe-list .more-recipes {
    padding-bottom: 35px;
    text-transform: uppercase; }
  @media only screen and (max-width: 1023px) {
    .recipe-list img {
      width: 100%; } }

.ingredients_content {
  padding: 0 20px; }
  .ingredients_content ul {
    list-style: none; }
    .ingredients_content ul li {
      /*       font-family: Arial; */
      font-weight: normal;
      color: #174332;
      /*       font-size: 21px; */ }
  .ingredients_content h3, .ingredients_content .h3 {
    text-align: center;
    text-transform: uppercase;
    color: #174332 !important;
    font-size: 24px; }

.how_to h3, .how_to .h3 {
  text-align: center;
  text-transform: uppercase;
  color: #174332 !important;
  font-size: 24px; }
.how_to ul {
  list-style: none; }
  .how_to ul li.first_li {
    position: relative; }
    .how_to ul li.first_li:after {
      content: "1";
      left: -45px;
      position: absolute;
      font-size: 50px;
      top: -15px;
      /*         font-family: Arial; */
      font-weight: bold; }
  .how_to ul li.second_li {
    position: relative; }
    .how_to ul li.second_li:after {
      content: "2";
      left: -45px;
      position: absolute;
      font-size: 50px;
      top: -25px;
      /*         font-family: Arial; */
      font-weight: bold; }

/* .content_description{
  font-size: 21px;
  font-family: Arial;
  font-weight: normal;
  color: #174332;
} */
.advanced_content_link {
  display: inline-block;
  width: 100%;
  text-align: center; }
  .advanced_content_link a {
    font-size: 24px;
    /*     font-family: Arial; */
    text-transform: uppercase;
    letter-spacing: 0px;
    text-decoration: underline; }

/* <!------------------ END ------------------- --> */
/* <!------------------------ TEAM ALOHA CSS -------------------------->  */
.team-page-title {
  font-size: 33px;
  color: #154331;
  text-transform: uppercase;
  margin-top: 30px; }

.title_hashtag .team-title {
  font-size: 25px; }
.title_hashtag .team-hashtag {
  font-family: "Avenir-Black";
  color: #174332;
  font-size: 16px; }

.activity_reading {
  padding-top: 15px;
  padding-bottom: 50px; }
  .activity_reading .team-activity {
    font-size: 18px;
    display: inline-block;
    width: 100%; }
  .activity_reading .team-reading {
    font-size: 18px;
    color: #58C2AD; }

/* <!------------------ END ------------------- --> */
@media only screen and (min-width: 1024px) and (max-width: 1299px) {
  .images-area.medium-content {
    width: 80% !important; } }
@media only screen and (max-width: 1023px) {
  .feature-row.feature-row-mobile {
    display: inline-block; } }
.header_icons {
  position: relative;
  top: -36px; }

.header_left {
  display: inline-block;
  float: left;
  top: 2px;
  left: 20px;
  z-index: 9999999; }
  @media screen and (min-width: 768px) {
    .header_left {
      position: absolute; } }
  .header_left a.subscribe-svg {
    width: 64px !important; }

.header_right {
  right: 20px;
  z-index: 9999999;
  top: 5px; }
  @media screen and (min-width: 768px) {
    .header_right {
      position: absolute; } }
  .header_right a {
    outline: 0 !important; }
  .header_right form {
    display: inline-block;
    vertical-align: top; }
    .header_right form button {
      background: no-repeat;
      border: none; }
  .header_right div.nav_cart {
    display: inline-block;
    vertical-align: top; }
    .header_right div.nav_cart a {
      display: block;
      height: 26px;
      width: 40px; }
      .header_right div.nav_cart a img {
        display: block;
        height: 100%;
        width: auto; }
  .header_right ul {
    display: inline-flex;
    padding-left: 8px;
    padding-right: 8px;
    vertical-align: top; }
  .header_right .customer-navlink a {
    font-size: 17px; }

.logo-bar__item img.logo-bar__image {
  max-width: 85%; }

.cart-summary__table {
  padding: 25px 22px;
  background: #f5f5f5; }

.cart-summary dd {
  font-weight: 700;
  justify-content: flex-end;
  text-align: right; }

.cart-summary dl {
  display: flex;
  flex-wrap: wrap;
  margin: 0; }

.cart-summary dd, .cart-summary dt {
  width: 50%;
  display: inline-flex;
  margin: 0 0 12px;
  padding-top: 12px;
  font-size: 14px;
  line-height: 20px;
  border-top: 1px solid #dedede; }
  .cart-summary dd.block, .cart-summary dt.block {
    width: 100%; }

.cart-summary__end {
  border-bottom: 1px solid #dedede;
  border-top: 1px solid #dedede;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0; }
  .cart-summary__end li {
    width: 50%; }
    .cart-summary__end li h4, .cart-summary__end li .h4, .cart-summary__end li .h4 {
      font-size: 19px !important;
      margin-bottom: 0;
      padding: 0.25em 0; }
    .cart-summary__end li.right {
      justify-content: flex-end;
      text-align: right; }

input.update-cart {
  color: #000;
  background: none;
  border: none;
  font-size: 10px;
  float: left;
  line-height: 1.3;
  padding: 0;
  margin: 0;
  width: 125px; }
  input.update-cart:hover {
    background: none; }

button.btn.check_out, button.check_out.btn-secondary, .shopify-payment-button button.check_out.shopify-payment-button__button--unbranded, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.check_out,
#loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.check_out,
#loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.check_out,
#loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.check_out, #loyaltylion button.check_out.lion-action-modal__button,
#loyaltylion button.check_out.lion-redeem-reward-modal__button--confirm, #loyaltylion button.check_out.lion-redeem-reward-modal__button--cancel, #loyaltylion .lion-referral-email-form__buttons button.check_out.lion-action-button {
  font-size: 14px;
  width: 100%; }

@media only screen and (max-width: 1024px) {
  .cart-products__container,
  .cart-summary {
    clear: both;
    float: none;
    padding-left: 0;
    width: 100%; } }
@media only screen and (max-width: 768px) {
  .product_cartinfo .grid, .product_cartinfo .grid--rev, .product_cartinfo .grid--full {
    display: flex;
    align-items: center; }

  .cart-products__header-item {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    width: 33%; }

  .cart_qty {
    min-width: 85px;
    padding-left: 30px;
    width: 155px; }
    .cart_qty .product_qty-wrap {
      margin: 0; }
      .cart_qty .product_qty-wrap input {
        font-size: 22px; }

  .cart_item-total {
    font-size: 18px;
    line-height: 38px;
    padding-left: 15px;
    text-align: right !important;
    width: calc(66% - 155px); } }
@media only screen and (max-width: 480px) {
  .cart_qty,
  .cart_item-total {
    margin-top: 30px;
    width: 30%; }
    .cart_qty input[type=number],
    .cart_item-total input[type=number] {
      max-width: 45px !important; }

  .cart_qty {
    clear: left;
    margin-left: 38%; } }
/* =================================
Global - JG: 
================================= */
.flex,
.flex-grid {
  display: flex; }

.talkable {
  background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/badge_talkable.png?v=98465541330936809161684450807);
  height: 55px;
  width: 79px; }

.page-headline {
  letter-spacing: 3px;
  margin-bottom: 1em;
  text-align: center;
  text-transform: lowercase; }

/* =================================
Index - JG: 
================================= */
@media only screen and (max-width: 480px) {
  #shopify-section-1574412271493 {
    width: calc(100% + 30px);
    margin-left: -15px; } }

.template-index #shopify-section-newsletter-pages {
  display: none; }

/* =================================
Wave Product Slider - JG: 
================================= */
@media only screen and (max-width: 480px) {
  .section_product-slider {
    width: calc(100% + 30px);
    margin-left: -15px; } }

.component_product-slider .slider-wrap {
  margin: 150px 0;
  position: relative; }
  .component_product-slider .slider-wrap h2, .component_product-slider .slider-wrap .h2 {
    display: inline-block;
    position: absolute;
    top: 27px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    z-index: 3; }
    .component_product-slider .slider-wrap h2 img, .component_product-slider .slider-wrap .h2 img {
      display: block;
      margin: 0 auto; }
  .component_product-slider .slider-wrap .slick-list {
    height: 100%; }
  .component_product-slider .slider-wrap .slick-track, .component_product-slider .slider-wrap .product-slide_wrap {
    height: 100%; }
  .component_product-slider .slider-wrap .product-slider__back {
    position: relative;
    height: 500px;
    z-index: 1; }
    .component_product-slider .slider-wrap .product-slider__back .bg-slide_wrap {
      background-size: auto 100%;
      background-position: center center;
      background-repeat: repeat-x; }
      .component_product-slider .slider-wrap .product-slider__back .bg-slide_wrap[data-featured-color="yellow"] {
        background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_lg-wave_yellow.png?v=117476617680439756291684451019); }
      .component_product-slider .slider-wrap .product-slider__back .bg-slide_wrap[data-featured-color="peach"] {
        background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_lg-wave_peach.png?v=148232050314833415211684451011); }
      .component_product-slider .slider-wrap .product-slider__back .bg-slide_wrap[data-featured-color="seafoam"] {
        background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_lg-wave_seafoam.png?v=69077629780882247171684451017); }
      .component_product-slider .slider-wrap .product-slider__back .bg-slide_wrap[data-featured-color="mint"] {
        background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_lg-wave_mint.png?v=67362197277212794421684451009); }
      .component_product-slider .slider-wrap .product-slider__back .bg-slide_wrap[data-featured-color="blue"] {
        background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_lg-wave_blue.png?v=19402930818952593491684451004); }
      .component_product-slider .slider-wrap .product-slider__back .bg-slide_wrap[data-featured-color="light-blue"] {
        background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_lg-wave_light-blue.png?v=3442132304030543891684451007); }
      .component_product-slider .slider-wrap .product-slider__back .bg-slide_wrap[data-featured-color="purple"] {
        background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_lg-wave_purple.png?v=47131413259518349411684451015); }
      .component_product-slider .slider-wrap .product-slider__back .bg-slide_wrap[data-featured-color="brand-green"] {
        background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_lg-wave_primary.png?v=26105505944120073401684451013); }
  .component_product-slider .slider-wrap .product-slider__front {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3; }
    .component_product-slider .slider-wrap .product-slider__front .slick-arrow.custom-arrow-left {
      margin-left: -340px; }
    .component_product-slider .slider-wrap .product-slider__front .slick-arrow.custom-arrow-right {
      margin-right: -390px; }
    .component_product-slider .slider-wrap .product-slider__front .product-slide_inner {
      display: flex;
      justify-content: center;
      position: relative;
      height: 100%; }
      .component_product-slider .slider-wrap .product-slider__front .product-slide_inner .product-slide_image {
        position: relative;
        z-index: 2; }
        .component_product-slider .slider-wrap .product-slider__front .product-slide_inner .product-slide_image form {
          margin: 0 auto; }
        .component_product-slider .slider-wrap .product-slider__front .product-slide_inner .product-slide_image img {
          margin: 0 auto; }
      .component_product-slider .slider-wrap .product-slider__front .product-slide_inner .product-slide_btn_wrap {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 1; }
      .component_product-slider .slider-wrap .product-slider__front .product-slide_inner .product-slide_btn {
        background-color: transparent;
        border: 0;
        outline: 0;
        padding: 0;
        left: 50%;
        top: 50%;
        opacity: 1;
        position: absolute;
        text-indent: -9999em; }
      .component_product-slider .slider-wrap .product-slider__front .product-slide_inner[data-product-type="bar"] .product-slide_btn {
        background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/btn_add-to-cart_horizontal_2x.png?v=43727506832298924401684450819);
        background-size: 100% 100%;
        display: block;
        height: 103px;
        width: 188px;
        transform: translate(-50%, 0); }
        @media only screen and (min-width: 769px) {
          .component_product-slider .slider-wrap .product-slider__front .product-slide_inner[data-product-type="bar"] .product-slide_btn {
            margin-top: -53px;
            transition: margin-top .25s ease; } }
        .component_product-slider .slider-wrap .product-slider__front .product-slide_inner[data-product-type="bar"] .product-slide_btn.sold-out {
          background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/btn_sold-out_horizontal_2x.png?v=132461063789771701631684469981); }
      .component_product-slider .slider-wrap .product-slider__front .product-slide_inner[data-product-type="drink"] .product-slide_btn {
        background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/btn_add-to-cart_vertical_2x.png?v=32439660821575900141684450820);
        background-size: 100% 100%;
        display: block;
        height: 157px;
        transform: translate(0, -50%);
        width: 87px; }
        @media only screen and (min-width: 769px) {
          .component_product-slider .slider-wrap .product-slider__front .product-slide_inner[data-product-type="drink"] .product-slide_btn {
            margin-left: -21px;
            margin-top: 80px;
            transition: margin-left .25s ease; } }
        .component_product-slider .slider-wrap .product-slider__front .product-slide_inner[data-product-type="drink"] .product-slide_btn.sold-out {
          background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/btn_sold-out_vertical_2x.png?v=35043977892455812711684469982); }
      .component_product-slider .slider-wrap .product-slider__front .product-slide_inner.hover .product-slide_btn {
        opacity: 1; }
      @media only screen and (min-width: 769px) {
        .component_product-slider .slider-wrap .product-slider__front .product-slide_inner.hover[data-product-type="bar"] .product-slide_btn {
          margin-top: 50px; } }
      @media only screen and (min-width: 769px) {
        .component_product-slider .slider-wrap .product-slider__front .product-slide_inner.hover[data-product-type="drink"] .product-slide_btn {
          margin-left: 59px; } }
      .component_product-slider .slider-wrap .product-slider__front .product-slide_inner[data-product-type="bar"] {
        align-items: center; }
        .component_product-slider .slider-wrap .product-slider__front .product-slide_inner[data-product-type="bar"] .product-slide_image img {
          max-height: 125px;
          max-width: 388px; }
      .component_product-slider .slider-wrap .product-slider__front .product-slide_inner[data-product-type="drink"] {
        align-items: flex-end; }
        .component_product-slider .slider-wrap .product-slider__front .product-slide_inner[data-product-type="drink"] .product-slide_image img {
          max-height: 355px;
          max-width: 145px; }
  @media only screen and (max-width: 768px) {
    .component_product-slider .slider-wrap h2, .component_product-slider .slider-wrap .h2 {
      top: 3.4vw; }
      .component_product-slider .slider-wrap h2 img, .component_product-slider .slider-wrap .h2 img {
        width: 100%; }
    .component_product-slider .slider-wrap .product-slider__back {
      height: 80vw; }
      .component_product-slider .slider-wrap .product-slider__back .bg-slide_wrap {
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 100% auto; }
        .component_product-slider .slider-wrap .product-slider__back .bg-slide_wrap[data-featured-color="yellow"] {
          background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_xl-wave_yellow.png?v=39862845612762371681684451079); }
        .component_product-slider .slider-wrap .product-slider__back .bg-slide_wrap[data-featured-color="peach"] {
          background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_xl-wave_peach.png?v=119687555499771339971684451071); }
        .component_product-slider .slider-wrap .product-slider__back .bg-slide_wrap[data-featured-color="seafoam"] {
          background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_xl-wave_seafoam.png?v=114357901396662604441684451077); }
        .component_product-slider .slider-wrap .product-slider__back .bg-slide_wrap[data-featured-color="mint"] {
          background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_xl-wave_mint.png?v=114120768361155607961684451069); }
        .component_product-slider .slider-wrap .product-slider__back .bg-slide_wrap[data-featured-color="blue"] {
          background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_xl-wave_blue.png?v=128504961597392021971684451064); }
        .component_product-slider .slider-wrap .product-slider__back .bg-slide_wrap[data-featured-color="light-blue"] {
          background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_xl-wave_light-blue.png?v=87376919654159406881684451068); }
        .component_product-slider .slider-wrap .product-slider__back .bg-slide_wrap[data-featured-color="purple"] {
          background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_xl-wave_purple.png?v=181047827507973864111684451076); }
        .component_product-slider .slider-wrap .product-slider__back .bg-slide_wrap[data-featured-color="brand-green"] {
          background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_xl-wave_primary.png?v=76492276315246012101684451073); }
    .component_product-slider .slider-wrap .product-slider__front .slick-arrow.custom-arrow-left,
    .component_product-slider .slider-wrap .product-slider__front .slick-arrow.custom-arrow-right {
      height: 30px;
      margin-top: 7vw;
      transform: translate(0, -50%);
      width: 27px; }
    .component_product-slider .slider-wrap .product-slider__front .slick-arrow.custom-arrow-left {
      margin-left: 0;
      left: 10px; }
    .component_product-slider .slider-wrap .product-slider__front .slick-arrow.custom-arrow-right {
      margin-right: 0;
      right: 10px; }
    .component_product-slider .slider-wrap .product-slider__front .product-slide_inner {
      padding: 14vw 50px 0 50px; }
      .component_product-slider .slider-wrap .product-slider__front .product-slide_inner .product-slide_image {
        width: 100%; }
        .component_product-slider .slider-wrap .product-slider__front .product-slide_inner .product-slide_image img {
          margin: 0 auto;
          max-height: 100% !important;
          max-width: 100% !important; }
      .component_product-slider .slider-wrap .product-slider__front .product-slide_inner .product-slide_btn_wrap {
        bottom: 0;
        height: calc(100% - 14vw);
        left: 50px;
        right: 50px;
        top: 14vw;
        width: calc(100% - 100px); }
      .component_product-slider .slider-wrap .product-slider__front .product-slide_inner[data-product-type="drink"] .product-slide_image {
        height: 90%;
        width: auto; }
        .component_product-slider .slider-wrap .product-slider__front .product-slide_inner[data-product-type="drink"] .product-slide_image form, .component_product-slider .slider-wrap .product-slider__front .product-slide_inner[data-product-type="drink"] .product-slide_image button.image-btn {
          height: 100%; }
      .component_product-slider .slider-wrap .product-slider__front .product-slide_inner[data-product-type="drink"] .product-slide_btn {
        height: 117px;
        margin-left: 9vw;
        width: 65px; }
      .component_product-slider .slider-wrap .product-slider__front .product-slide_inner[data-product-type="bar"] .product-slide_image {
        height: auto;
        width: 80%; }
      .component_product-slider .slider-wrap .product-slider__front .product-slide_inner[data-product-type="bar"] .product-slide_btn {
        height: 77px;
        margin-top: 8%;
        width: 141px; }
    .component_product-slider .slider-wrap .product-slider__front .product-slide_wrap.slick-current .product-slide_inner .product-slide_btn {
      opacity: 1; } }

.image-btn-form {
  margin-bottom: 0; }

button.image-btn {
  background: transparent;
  border: 0;
  margin: 0;
  outline: none !important;
  padding: 0; }

/* =================================
Claims List - JG: 
================================= */
@media only screen and (max-width: 480px) {
  .component_claims-list {
    width: calc(100% + 30px);
    margin-left: -15px; } }
.component_claims-list.is-wave {
  position: relative;
  padding-bottom: 119px; }
  .component_claims-list.is-wave:before {
    background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_wave_claims--top_2x.png?v=122787020036158102621684451030), url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_wave_claims--bottom_2x.png?v=119577251026081242641684451026);
    background-position: top center, bottom -1px center;
    background-repeat: repeat-x;
    background-size: 850px 75px, 850px 119px;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    content: '';
    z-index: 1; }
  .component_claims-list.is-wave > * {
    position: relative;
    z-index: 2; }
.component_claims-list header img {
  display: block;
  height: auto;
  margin: 0 auto;
  width: 768px; }
.component_claims-list ul.claims-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 30px auto 15px auto; }
  .component_claims-list ul.claims-list li img {
    display: block;
    margin: 0 20px; }
  @media only screen and (max-width: 1300px) {
    .component_claims-list ul.claims-list {
      max-width: 1050px; } }
@media only screen and (max-width: 768px) {
  .component_claims-list.is-wave {
    padding-bottom: 15vw; }
    .component_claims-list.is-wave:before {
      background-size: 111% auto; }
  .component_claims-list header img {
    height: auto;
    width: 100%; }
  .component_claims-list ul.claims-list {
    margin-bottom: 2vw;
    margin-top: 4vw; } }
.component_claims-list.is-wave.js_scroll-watch:before {
  background-position: -100vw top,  -100vw bottom;
  transition: background-position 2s ease-out; }
.component_claims-list.is-wave.js_scroll-watch header img {
  opacity: 0;
  transition: opacity .2s ease-out;
  transition-delay: .8s; }
.component_claims-list.is-wave.js_scroll-watch.js_in-view:before {
  background-position: top center, bottom center; }
.component_claims-list.is-wave.js_scroll-watch.js_in-view header img {
  opacity: 1; }

/* =================================
Say Aloha - JG: 
================================= */
.component_say-aloha .component_say-aloha_inner {
  display: flex;
  flex-direction: column;
  padding: 25px 50px; }
  .component_say-aloha .component_say-aloha_inner header {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 25px; }
    .component_say-aloha .component_say-aloha_inner header h4, .component_say-aloha .component_say-aloha_inner header .h4 {
      padding: 0 25px;
      width: auto;
      font-size: 42px !important;
      font-family: "Avenir-Black" !important;
      letter-spacing: 4px;
      line-height: 1.7em;
      margin-bottom: 0;
      text-transform: uppercase; }
    .component_say-aloha .component_say-aloha_inner header img {
      height: auto;
      max-width: 177px;
      width: 11vw; }
  .component_say-aloha .component_say-aloha_inner .say-aloha_body p,
  .component_say-aloha .component_say-aloha_inner .say-aloha_cta {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 1.3;
    padding: 0 25px; }
    @media only screen and (max-width: 768px) {
      .component_say-aloha .component_say-aloha_inner .say-aloha_body p,
      .component_say-aloha .component_say-aloha_inner .say-aloha_cta {
        font-size: 20px; } }
  .component_say-aloha .component_say-aloha_inner .say-aloha_body p {
    font-weight: 700;
    line-height: 1.3; }
  .component_say-aloha .component_say-aloha_inner .say-aloha_cta {
    font-family: "Avenir-Black";
    font-weight: normal;
    margin-top: auto;
    padding: 0 25px;
    text-transform: uppercase; }
    .component_say-aloha .component_say-aloha_inner .say-aloha_cta a:hover {
      filter: brightness(90%); }
  .component_say-aloha .component_say-aloha_inner.align-side_right {
    padding-left: 0; }
    .component_say-aloha .component_say-aloha_inner.align-side_right h4, .component_say-aloha .component_say-aloha_inner.align-side_right .h4,
    .component_say-aloha .component_say-aloha_inner.align-side_right .say-aloha_body,
    .component_say-aloha .component_say-aloha_inner.align-side_right .say-aloha_cta {
      text-align: right; }
  .component_say-aloha .component_say-aloha_inner.align-side_left {
    padding-right: 0; }
    .component_say-aloha .component_say-aloha_inner.align-side_left header {
      flex-direction: row-reverse; }
    .component_say-aloha .component_say-aloha_inner.align-side_left h4, .component_say-aloha .component_say-aloha_inner.align-side_left .h4,
    .component_say-aloha .component_say-aloha_inner.align-side_left .say-aloha_body,
    .component_say-aloha .component_say-aloha_inner.align-side_left .say-aloha_cta {
      text-align: left; }
@media only screen and (max-width: 768px) {
  .component_say-aloha .wrapper.flex-grid {
    flex-direction: column; }
  .component_say-aloha .component_say-aloha_inner {
    padding-left: 0;
    padding-right: 0; }
    .component_say-aloha .component_say-aloha_inner header h4, .component_say-aloha .component_say-aloha_inner header .h4 {
      font-size: 6vw !important; }
    .component_say-aloha .component_say-aloha_inner header img {
      width: 177px; }
    .component_say-aloha .component_say-aloha_inner .say-aloha_body p,
    .component_say-aloha .component_say-aloha_inner .say-aloha_cta {
      font-size: 20px; } }
@media only screen and (max-width: 480px) {
  .component_say-aloha .component_say-aloha_inner header img {
    width: 150px; } }
.component_say-aloha .component_say-aloha_inner.js_scroll-watch-threshold-high header img {
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-play-state: paused; }
.component_say-aloha .component_say-aloha_inner.js_scroll-watch-threshold-high.align-side_right header img {
  transform-origin: 30% 80%;
  animation-name: waving-hand-l; }
.component_say-aloha .component_say-aloha_inner.js_scroll-watch-threshold-high.align-side_left header img {
  transform-origin: 70% 80%;
  animation-name: waving-hand-r; }
  @media only screen and (min-width: 769px) {
    .component_say-aloha .component_say-aloha_inner.js_scroll-watch-threshold-high.align-side_left header img {
      animation-delay: 0.5s; } }
.component_say-aloha .component_say-aloha_inner.js_in-view header img {
  animation-play-state: running; }

@keyframes waving-hand-l {
  0% {
    transform: rotate(0deg); }

  8% {
    transform: rotate(-6deg); }

  16% {
    transform: rotate(0deg); }

  25% {
    transform: rotate(6deg); }

  34% {
    transform: rotate(0deg); }

  42% {
    transform: rotate(-4deg); }

  50% {
    transform: rotate(0deg); }

  59% {
    transform: rotate(4deg); }

  68% {
    transform: rotate(0deg); }

  77% {
    transform: rotate(-2deg); }

  85% {
    transform: rotate(0deg); }

  92% {
    transform: rotate(2deg); }

  100% {
    transform: rotate(0deg); } }

@keyframes waving-hand-r {
  0% {
    transform: rotate(0deg); }

  8% {
    transform: rotate(6deg); }

  16% {
    transform: rotate(0deg); }

  25% {
    transform: rotate(-6deg); }

  34% {
    transform: rotate(0deg); }

  42% {
    transform: rotate(4deg); }

  50% {
    transform: rotate(0deg); }

  59% {
    transform: rotate(-4deg); }

  68% {
    transform: rotate(0deg); }

  77% {
    transform: rotate(2deg); }

  85% {
    transform: rotate(0deg); }

  92% {
    transform: rotate(-2deg); }

  100% {
    transform: rotate(0deg); } }

/* =================================
Press Quotes - JG: 
================================= */
.component_press-quotes {
  margin: 50px auto; }
  .component_press-quotes .wrapper.flex-grid {
    flex-wrap: wrap; }
  .component_press-quotes .component_press-quotes_wrapper {
    padding: 25px;
    margin: 0 auto;
    max-width: 300px;
    position: relative; }
    .component_press-quotes .component_press-quotes_wrapper .circle {
      display: block;
      border-radius: 100%;
      height: 0;
      padding-top: 100%;
      width: 100%; }
    .component_press-quotes .component_press-quotes_wrapper .component_press-quotes_inner {
      bottom: 0;
      height: 100%;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      display: flex;
      flex-direction: column;
      padding: 40px 25px 25px 25px;
      z-index: 2; }
    .component_press-quotes .component_press-quotes_wrapper header {
      align-items: center;
      display: flex;
      flex: 1;
      justify-content: center; }
      .component_press-quotes .component_press-quotes_wrapper header img {
        max-height: 47px;
        max-width: 100%; }
    .component_press-quotes .component_press-quotes_wrapper .press-quotes_body {
      align-items: flex-start;
      display: flex;
      flex: 3;
      justify-content: center;
      margin-bottom: 0; }
      .component_press-quotes .component_press-quotes_wrapper .press-quotes_body p {
        font-size: 28px;
        font-weight: 700;
        letter-spacing: 3px;
        line-height: 1.3;
        color: #FFF;
        font-size: 26px;
        margin-bottom: 0;
        padding: 1em 1.5em;
        text-align: center; }
        @media only screen and (max-width: 768px) {
          .component_press-quotes .component_press-quotes_wrapper .press-quotes_body p {
            font-size: 20px; } }
  @media only screen and (max-width: 600px) {
    .component_press-quotes .col {
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .component_press-quotes .component_press-quotes_wrapper .press-quotes_body p {
      font-size: 20px; } }
  @media only screen and (min-width: 600px) and (max-width: 1199px) {
    .component_press-quotes .col:nth-of-type(odd) .component_press-quotes_wrapper {
      margin-right: 0; }
    .component_press-quotes .col:nth-of-type(even) .component_press-quotes_wrapper {
      margin-left: 0; } }
  .component_press-quotes .component_press-quotes_wrapper.js_scroll-watch-threshold-high .circle {
    opacity: 0;
    transition: opacity .5s ease-in; }
  @media only screen and (min-width: 1200px) {
    .component_press-quotes .col:nth-of-type(1) .component_press-quotes_wrapper.js_in-view .circle {
      transition-delay: 0; }
    .component_press-quotes .col:nth-of-type(2) .component_press-quotes_wrapper.js_in-view .circle {
      transition-delay: 0.125s; }
    .component_press-quotes .col:nth-of-type(3) .component_press-quotes_wrapper.js_in-view .circle {
      transition-delay: 0.25s; }
    .component_press-quotes .col:nth-of-type(4) .component_press-quotes_wrapper.js_in-view .circle {
      transition-delay: 0.375s; } }
  .component_press-quotes .component_press-quotes_wrapper.js_in-view .circle {
    opacity: 1; }

/* =================================
Newsletter Component  - JG: 
================================= */
.component_newsletter {
  padding: 50px 0;
  margin: 0 auto;
  min-width: 768px;
  position: relative;
  text-align: center;
  width: 75%; }
  .component_newsletter .circle {
    display: block;
    height: 100%;
    margin: 0 auto -10px auto;
    position: relative;
    width: auto;
    z-index: 1; }
    .component_newsletter .circle img {
      display: block;
      height: 100%;
      margin: 0 auto;
      height: 300px;
      width: auto; }
  .component_newsletter .component_newsletter_wrapper {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    position: absolute;
    z-index: 2; }
  .component_newsletter header img {
    display: block;
    margin: 0 auto;
    max-width: 768px;
    width: 100%; }
  .component_newsletter header .subhead {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 1.3;
    color: #154332;
    margin: 15px auto;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .component_newsletter header .subhead {
        font-size: 20px; } }
  @media only screen and (max-width: 768px) {
    .component_newsletter {
      min-width: auto;
      width: 100%; }
      .component_newsletter .subhead {
        padding: 0 30px; } }
  @media only screen and (max-width: 480px) {
    .component_newsletter .circle {
      width: 100%; }
      .component_newsletter .circle img {
        height: auto;
        min-height: auto;
        width: 100%; } }
  .component_newsletter.js_scroll-watch-threshold-high .circle {
    opacity: 0;
    transition: opacity .5s ease-in; }
  .component_newsletter.js_in-view .circle {
    opacity: 1; }

.component_newsletter_form_wrapper {
  margin: 0 auto;
  min-width: 270px;
  width: 50%; }
  .component_newsletter_form_wrapper form {
    background: #FFF;
    border: 3px solid #154332;
    border-radius: 100px;
    margin: 0 auto 2px auto;
    padding: 0 10px; }
    .component_newsletter_form_wrapper form .input-group .input-group-field {
      height: 40px; }
    .component_newsletter_form_wrapper form input {
      background: transparent;
      border: 0;
      outline: 0; }
    .component_newsletter_form_wrapper form input::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #154332;
      padding-left: 0 !important; }
    .component_newsletter_form_wrapper form input:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #154332;
      opacity: 1;
      padding-left: 0 !important; }
    .component_newsletter_form_wrapper form input::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #154332;
      opacity: 1;
      padding-left: 0 !important; }
    .component_newsletter_form_wrapper form input:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #154332;
      padding-left: 0 !important; }
    .component_newsletter_form_wrapper form .input-group-btn #subscribe {
      background: transparent;
      border: 0;
      color: #154332;
      font-family: "Avenir-Black";
      font-size: 20px;
      line-height: 1;
      min-height: 40px;
      height: 40px;
      width: auto; }
      .component_newsletter_form_wrapper form .input-group-btn #subscribe:hover {
        background: transparent;
        color: #154332;
        filter: brightness(90%); }

/* =================================
Instagram feed  - JG: 
================================= */
@media only screen and (max-width: 480px) {
  #shopify-section-1588748210877 {
    width: calc(100% + 30px);
    margin-left: -15px; } }

.custom-content_instagram {
  background-color: #aedbc0;
  padding-left: 60px;
  padding-right: 20px;
  position: relative;
  margin: 100px auto; }
  .custom-content_instagram .wave-mask_top,
  .custom-content_instagram .wave-mask_bottom {
    background-color: #FFFFFF;
    display: block;
    height: 8vw;
    max-height: 166px;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      .custom-content_instagram .wave-mask_top,
      .custom-content_instagram .wave-mask_bottom {
        height: 25%;
        max-height: none; } }
    @media only screen and (max-width: 480px) {
      .custom-content_instagram .wave-mask_top,
      .custom-content_instagram .wave-mask_bottom {
        height: 13%;
        max-height: none; } }
    .custom-content_instagram .wave-mask_top:after,
    .custom-content_instagram .wave-mask_bottom:after {
      background-repeat: repeat-x;
      background-size: 768px auto;
      content: '';
      left: 0;
      right: 0;
      position: absolute;
      width: 100%; }
      @media only screen and (max-width: 768px) {
        .custom-content_instagram .wave-mask_top:after,
        .custom-content_instagram .wave-mask_bottom:after {
          background-size: 100% auto; } }
    .custom-content_instagram .wave-mask_top.wave-mask_top,
    .custom-content_instagram .wave-mask_bottom.wave-mask_top {
      top: 0; }
      .custom-content_instagram .wave-mask_top.wave-mask_top:after,
      .custom-content_instagram .wave-mask_bottom.wave-mask_top:after {
        background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_wave_instagram--top_2x.png?v=47171455449080226041684451041);
        background-position: top center;
        bottom: -13px;
        height: 14px; }
        @media only screen and (max-width: 768px) {
          .custom-content_instagram .wave-mask_top.wave-mask_top:after,
          .custom-content_instagram .wave-mask_bottom.wave-mask_top:after {
            background-size: 100% auto; } }
    .custom-content_instagram .wave-mask_top.wave-mask_bottom,
    .custom-content_instagram .wave-mask_bottom.wave-mask_bottom {
      bottom: 0; }
      .custom-content_instagram .wave-mask_top.wave-mask_bottom:after,
      .custom-content_instagram .wave-mask_bottom.wave-mask_bottom:after {
        background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_wave_instagram--bottom_2x.png?v=174705259484643690461684451038);
        background-position: bottom -1px center;
        top: -14px;
        height: 15px; }
  .custom-content_instagram .wrapper {
    position: relative;
    z-index: 2; }
  .custom-content_instagram .instagram-badge, .custom-content_instagram .instagram-link {
    background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/badge_instagram_handle.png?v=183995495639425667441684450803);
    background-size: 100% 100%;
    height: 104px;
    left: 32px;
    position: absolute;
    top: 0;
    transform: translate(-40%, -40%);
    width: 114px;
    z-index: 1; }
  .custom-content_instagram .instafeed-wrap {
    position: relative;
    z-index: 2; }
  .custom-content_instagram .instagram-link {
    background: transparent;
    z-index: 9 !important; }

#insta-feed .instafeed-container,
.instafeed-shopify .instafeed-container {
  margin: 1%;
  padding-top: 23% !important;
  width: 23% !important; }
  @media only screen and (max-width: 768px) {
    #insta-feed .instafeed-container,
    .instafeed-shopify .instafeed-container {
      margin: 2%;
      padding-top: 46% !important;
      width: 46% !important; } }
  @media only screen and (max-width: 480px) {
    #insta-feed .instafeed-container,
    .instafeed-shopify .instafeed-container {
      margin: 5%;
      padding-top: 90% !important;
      width: 90% !important; } }

/* =================================
Collection  - JG: 
================================= */
#CollectionSection .section-header.title-only {
  padding-bottom: 27px; }
#CollectionSection .section-header .collection-description {
  margin: 0 auto;
  max-width: 800px;
  text-align: center;
  width: 75%; }
#CollectionSection .product-grid-item-wrap .product-grid-image--centered {
  padding: 10px; }
@media only screen and (min-width: 769px) {
  #CollectionSection .sidebar {
    display: inline !important; } }

.collection-grid.flex-grid {
  flex-wrap: wrap; }

.collection-grid .product-grid-item .product-title-wrapper h4, .collection-grid .product-grid-item .product-title-wrapper .h4 {
  color: #0f5a47 !important;
  font-weight: 900; }
.collection-grid .product-grid-item .h3 {
  color: #0f5a47 !important; }

.filter-wrapper {
  display: none;
  padding: 0 30px 30px 30px;
  width: 100%; }
  .filter-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  @media only screen and (max-width: 768px) {
    .filter-wrapper {
      display: block; } }
  .filter-wrapper button {
    background: transparent;
    border: 0;
    border-bottom: 3px solid #0f5a47;
    border-radius: 0;
    color: #0f5a47;
    font-size: 22px;
    font-family: "Avenir-Black" !important;
    letter-spacing: 2;
    line-height: 1.2;
    min-height: auto;
    outline: 0;
    padding: 0 !important; }
    .filter-wrapper button:hover, .filter-wrapper button:active, .filter-wrapper button.nice-select.open {
      background: transparent;
      border-color: #000;
      color: #000; }

/* =================================
Reviews  - JG: 
================================= */
.targetbay-reviews-count-field {
  text-align: center; }
  .targetbay-reviews-count-field > * {
    display: none; }
  .targetbay-reviews-count-field .targetbay-reviews-count-star {
    display: inline-block; }

/* =================================
Subscription page  - JG: 
================================= */
@media only screen and (max-width: 480px) {
  #page_subscribe-save_wrapper {
    width: calc(100% + 30px);
    margin-left: -15px; } }

.component_subscribe_hero .hero-image {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  height: 0;
  overflow: hidden;
  padding-top: 37%;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .component_subscribe_hero .hero-image {
      padding-top: 50%; } }
  .component_subscribe_hero .hero-image:after {
    content: '';
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_wave_subscribe_header--top_2x.png?v=171423482455605630371684451062);
    background-position: bottom -1px center;
    background-repeat: repeat-x;
    background-size: 768px auto;
    position: absolute; }
    @media only screen and (max-width: 768px) {
      .component_subscribe_hero .hero-image:after {
        background-size: 100% auto; } }

.component_subscribe_steps header img {
  display: block;
  margin: 20px auto;
  max-width: 768px;
  width: 100%; }
.component_subscribe_steps .subscribe-steps {
  flex-wrap: wrap;
  margin-top: 50px; }
  .component_subscribe_steps .subscribe-steps li {
    margin-bottom: 3em;
    padding: 0 45px;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .component_subscribe_steps .subscribe-steps li {
        width: 100%; } }
    .component_subscribe_steps .subscribe-steps li:before {
      background-color: #ffc20e;
      border-radius: 100%;
      content: "";
      display: block;
      height: 90px;
      left: 0;
      opacity: 0.25;
      position: absolute;
      top: -20px;
      width: 90px; }
    .component_subscribe_steps .subscribe-steps li > * {
      position: relative;
      z-index: 2; }
    .component_subscribe_steps .subscribe-steps li h4, .component_subscribe_steps .subscribe-steps li .h4 {
      color: #0f5a47 !important;
      font-family: "Avenir-Black" !important;
      font-size: 24px !important;
      text-transform: uppercase; }
    .component_subscribe_steps .subscribe-steps li .step-copy, .component_subscribe_steps .subscribe-steps li .step-copy p {
      color: #0f5a47;
      line-height: 1.2; }

.component_subscribe_collections header {
  position: relative;
  margin-bottom: 50px; }
  .component_subscribe_collections header > * {
    position: relative;
    z-index: 2; }
  .component_subscribe_collections header img {
    display: block;
    margin: 20px auto;
    max-width: 768px;
    width: 100%; }
  .component_subscribe_collections header:before {
    background-position: top center, bottom -1px center;
    background-repeat: repeat-x;
    background-size: 768px auto;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    content: '';
    z-index: 1; }
    @media only screen and (max-width: 768px) {
      .component_subscribe_collections header:before {
        background-size: 100% auto; } }
.component_subscribe_collections #collection_1588646112586 header {
  padding-bottom: 46px; }
  .component_subscribe_collections #collection_1588646112586 header:before {
    background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_wave_subscribe_collection_1--top_2x.png?v=165526639178468500041684451050), url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_wave_subscribe_collection_1--bottom_2x.png?v=141855723086842892701684451048); }
.component_subscribe_collections #collection_1588646165650 header {
  padding-bottom: 46px; }
  .component_subscribe_collections #collection_1588646165650 header:before {
    background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_wave_subscribe_collection_2--top_2x.png?v=152689080725247160421684451054), url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_wave_subscribe_collection_2--bottom_2x.png?v=96401709452015079811684451052); }
.component_subscribe_collections #collection_1588646230729 header {
  padding-bottom: 29px; }
  .component_subscribe_collections #collection_1588646230729 header:before {
    background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_wave_subscribe_collection_3--top_2x.png?v=184407202877867428891684451057), url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_wave_subscribe_collection_3--bottom_2x.png?v=127009712525875012141684451056); }
.component_subscribe_collections .description {
  padding: 25px 0 50px 0; }

.subscribe_collection_items > .flex-grid {
  flex-direction: row;
  flex-wrap: wrap; }
.subscribe_collection_items .product-grid-item.flex-grid {
  flex-direction: row;
  flex-wrap: nowrap; }
  .subscribe_collection_items .product-grid-item.flex-grid .product-grid-img-col {
    width: 33%; }
  .subscribe_collection_items .product-grid-item.flex-grid .product-grid-data-col {
    align-items: flex-start;
    display: flex;
    flex-direction: column; }
  .subscribe_collection_items .product-grid-item.flex-grid .product-grid-img-col {
    width: 33%; }
  .subscribe_collection_items .product-grid-item.flex-grid .product-grid-data-col {
    width: 66%; }
.subscribe_collection_items .product-grid-item .product-title-wrapper {
  margin-bottom: 10px; }
.subscribe_collection_items form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  text-align: left; }
.subscribe_collection_items .product-savings {
  font-family: "Avenir-Black" !important;
  font-size: 14px;
  letter-spacing: 2px;
  margin-bottom: 8px;
  line-height: 1;
  text-transform: uppercase; }
  .subscribe_collection_items .product-savings[data-featured-color="yellow"] {
    color: #ffc20e; }
  .subscribe_collection_items .product-savings[data-featured-color="peach"] {
    color: #f79663; }
  .subscribe_collection_items .product-savings[data-featured-color="mint"] {
    color: #58c2ad; }
  .subscribe_collection_items .product-savings[data-featured-color="seafoam"] {
    color: #aedbc0; }
  .subscribe_collection_items .product-savings[data-featured-color="blue"] {
    color: #00aeef; }
  .subscribe_collection_items .product-savings[data-featured-color="light-blue"] {
    color: #83d2e6; }
  .subscribe_collection_items .product-savings[data-featured-color="purple"] {
    color: #bf95c4; }
  .subscribe_collection_items .product-savings[data-featured-color="brand-green"] {
    color: #0f5a47; }
.subscribe_collection_items h4, .subscribe_collection_items .h4 {
  font-family: "Avenir-Black" !important;
  letter-spacing: 2px;
  line-height: 1.1;
  text-align: left; }
.subscribe_collection_items .product_qty-wrap {
  display: inline-block;
  margin: 0 15px 10px 0;
  width: auto; }
  .subscribe_collection_items .product_qty-wrap input[type=number] {
    font-size: 15px;
    width: 100px !important; }
.subscribe_collection_items .product-single__variants {
  border: 0;
  color: #0f5a47;
  display: inline-block;
  font-weight: 900;
  font-size: 15px;
  line-height: 36px;
  margin: 0 15px 10px 0;
  padding: 0 2em 0 0;
  text-transform: lowercase;
  width: auto; }
  .subscribe_collection_items .product-single__variants.no-select-style {
    padding-right: 0;
    background-image: none; }
.subscribe_collection_items #rc_container {
  display: inline-block;
  margin: 0 0 10px 0;
  padding: 0;
  width: auto; }
  .subscribe_collection_items #rc_container div.rc_block__type--active input,
  .subscribe_collection_items #rc_container div.rc_block__type--active label {
    display: none; }
  .subscribe_collection_items #rc_container div.rc_block__type--active {
    padding: 0;
    text-align: left; }
    .subscribe_collection_items #rc_container div.rc_block__type--active > label.rc_label__autodeliver {
      display: none !important; }
    .subscribe_collection_items #rc_container div.rc_block__type--active .rc_label__deliver_every,
    .subscribe_collection_items #rc_container div.rc_block__type--active .rc_select {
      font-size: 15px;
      padding: 0; }
    .subscribe_collection_items #rc_container div.rc_block__type--active .rc_label__deliver_every span {
      margin: 0; }
    .subscribe_collection_items #rc_container div.rc_block__type--active .rc_select {
      border-radius: 0;
      padding-right: 2em;
      margin: 0;
      text-transform: lowercase; }
.subscribe_collection_items .btn-price-wrap {
  align-items: center;
  display: flex;
  flex-direction: row-reverse; }
.subscribe_collection_items .price-wrap {
  padding: 10px 0;
  position: relative;
  z-index: 1; }
  .subscribe_collection_items .price-wrap .h2 {
    font-size: 20px !important;
    margin-bottom: 0;
    position: relative;
    z-index: 2; }
  .subscribe_collection_items .price-wrap:before {
    background: #aedbc0;
    border-radius: 100%;
    content: '';
    display: block;
    height: 75px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translate(-60%, -50%);
    width: 75px;
    z-index: 1; }
.subscribe_collection_items .btn--add-to-cart {
  font-size: 14px;
  height: 30px;
  line-height: 22px !important;
  min-height: 30px !important;
  margin-right: 20px;
  position: relative;
  z-index: 2; }
  .subscribe_collection_items .btn--add-to-cart.btn--stereo-fx:before {
    top: -2px;
    left: -1px; }
  .subscribe_collection_items .btn--add-to-cart.btn--stereo-fx:after {
    bottom: -2px;
    right: -1px; }
@media only screen and (max-width: 480px) {
  .subscribe_collection_items {
    width: calc(100% + 30px);
    margin-left: -15px; } }
@media only screen and (max-width: 768px) {
  .subscribe_collection_items wrapper {
    padding: 0; }
  .subscribe_collection_items .product-grid-item.flex-grid .product-grid-img-col {
    width: 100px; }
  .subscribe_collection_items .product-grid-item.flex-grid .product-grid-data-col {
    padding-right: 30px;
    width: calc(100% - 100px); }
  .subscribe_collection_items .product_frequency-wrap {
    width: auto; }
  .subscribe_collection_items .btn-price-wrap {
    flex-direction: column;
    width: 100%;
    justify-content: flex-end; }
  .subscribe_collection_items .price-wrap {
    margin-right: 15px;
    white-space: nowrap; }
    .subscribe_collection_items .price-wrap:before {
      left: 110%;
      width: 50px;
      height: 50px; }
    .subscribe_collection_items .price-wrap h2, .subscribe_collection_items .price-wrap .h2 {
      display: inline-block; } }
@media only screen and (max-width: 480px) {
  .subscribe_collection_items .product-grid-item.flex-grid .product-grid-data-col {
    padding-right: 0; }
  .subscribe_collection_items .btn-price-wrap {
    justify-content: flex-start; } }

/* =================================
Temporary - Hide About Footer Menu  - JG: 
================================= */
.site-footer .footer-wrapper .site_nav_wrapper {
  /*   &:nth-of-type(3){ 
    	opacity: 0;
      visibility: hidden;
    } */ }

/* =================================
404  - VG: 
================================= */
.template-404 main {
  padding: 40px 0; }
@media only screen and (min-width: 600px) {
  .template-404 main {
    padding: 140px 0; } }

/* =================================
FAQ - JG:
================================= */
@media screen and (min-width: 481px) {
  body.page-faq .main-content {
    max-width: 100%;
    padding: 0; } }
.faq_header {
  margin: 25px auto; }
  .faq_header h1, .faq_header .h1, .faq_header #shopify-product-reviews .spr-header-title, #shopify-product-reviews .faq_header .spr-header-title {
    font-size: 36px;
    letter-spacing: 5px;
    text-align: center;
    text-transform: uppercase; }
  @media only screen and (min-width: 769px) {
    .faq_header {
      width: 50%; }
      .faq_header h1, .faq_header .h1, .faq_header #shopify-product-reviews .spr-header-title, #shopify-product-reviews .faq_header .spr-header-title {
        font-size: 30px; } }

.faq-content {
  margin: 50px auto 50px; }
  .faq-content h4, .faq-content .h4 {
    font-weight: 300;
    margin-bottom: 0;
    padding: 15px; }
  @media only screen and (min-width: 769px) {
    .faq-content {
      width: 80%; } }
  .faq-content .question {
    margin-bottom: 48px; }
    .faq-content .question h4, .faq-content .question .h4 {
      cursor: pointer; }
    .faq-content .question .question-heading {
      align-items: center;
      display: flex; }
      .faq-content .question .question-heading i {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 80px;
        margin-right: 20px;
        width: 80px; }
    .faq-content .question .answer {
      margin-top: 1em;
      padding-left: 120px; }
    .faq-content .question:nth-child(8n+1) i {
      background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/faq_icon_01.png?v=145504840866276586141684450859); }
    .faq-content .question:nth-child(8n+2) i {
      background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/faq_icon_02.png?v=50393334410270890831684450860); }
    .faq-content .question:nth-child(8n+3) i {
      background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/faq_icon_03.png?v=142120270874676174301684450862); }
    .faq-content .question:nth-child(8n+4) i {
      background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/faq_icon_04.png?v=63507255415849976701684450864); }
    .faq-content .question:nth-child(8n+5) i {
      background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/faq_icon_05.png?v=32685794109782657111684450865); }
    .faq-content .question:nth-child(8n+6) i {
      background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/faq_icon_06.png?v=84930163599481060881684450867); }
    .faq-content .question:nth-child(8n+7) i {
      background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/faq_icon_07.png?v=126359590400264903831684450868); }
    .faq-content .question:nth-child(8n+8) i {
      background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/faq_icon_08.png?v=49489749452292359281684450872); }

.page-faq #shopify-section-product-newsletter_global {
  margin-left: -30px;
  margin-top: 100px;
  width: calc(100% + 60px); }

.shopify-challenge__container {
  padding: 60px 0; }

.page-contact main {
  padding: 60px 0; }

.template-cart main {
  margin-bottom: 30px; }

/*---------- Mobile Cart Icon ---------*/
#mobileNavBar .mobileNavBar-link.nav_cart {
  border: none; }
  #mobileNavBar .mobileNavBar-link.nav_cart img {
    height: 30px;
    filter: brightness(0); }

@media (max-width: 400px) {
  #mobileNavBar .mobileNavBar-link {
    font-size: 20px; }
    #mobileNavBar .mobileNavBar-link.nav_cart img {
      height: 20px;
      filter: brightness(0); }
  #mobileNavBar .header-logo img {
    max-width: 150px; } }
/*============================================================================
 Account page responsivity
==============================================================================*/
.component-customers-account .mobile-label {
  display: none; }
.component-customers-account th, .component-customers-account td {
  padding: 10px 5px; }
@media (max-width: 768px) {
  .component-customers-account .mobile-label {
    display: block;
    font-size: 0.5em;
    font-weight: bold;
    text-transform: uppercase; }
  .component-customers-account table th {
    display: none; }
  .component-customers-account table tr {
    border-bottom: 1px solid #000;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
  .component-customers-account table td {
    border: 0;
    padding: 15px;
    width: 33%; }
    .component-customers-account table td:nth-child(2) {
      width: 66%; } }

.component-customers-addresses h3, .component-customers-addresses .h3 {
  border-top: 1px solid #000;
  padding-top: 5px; }

#ReCharge.user-customer .recharge .rc_layout__container {
  max-width: 100% !important; }

/*============================================================================
 Blog single new
==============================================================================*/
body.template-article #shopify-section-product-newsletter_global {
  margin-left: -30px;
  margin-top: 100px;
  width: calc(100% + 60px); }

.component-article-template {
  padding-bottom: 100px; }
  .component-article-template .article-wrap {
    width: 90%; }
    .component-article-template .article-wrap blockquote {
      align-items: center;
      border-left: 0;
      display: flex;
      font-family: "Avenir-Black" !important;
      font-style: normal;
      justify-content: center;
      margin: 25px auto;
      min-height: 200px;
      position: relative;
      text-align: center;
      width: 80%; }
      .component-article-template .article-wrap blockquote > * {
        position: relative;
        z-index: 2; }
      .component-article-template .article-wrap blockquote:before {
        background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/bg_circle_mint.svg?v=24273287761861465951668107995);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1; }
  .component-article-template .featured-image-wrap {
    margin-bottom: 25px; }
    .component-article-template .featured-image-wrap img {
      display: block;
      width: 100%; }
  .component-article-template .blog-header-title {
    position: relative;
    /*
    circle behind title:
    padding: 15px 0 0 35px;
    &:before {
      background: #ddf3ef;
      border-radius: 80px;
      content: '';
      height: 80px;
      left: 0;
      position: absolute;
      top: 0;
      width: 80px;  
      z-index: 1;
    }
    */ }
    .component-article-template .blog-header-title h1, .component-article-template .blog-header-title .h1, .component-article-template .blog-header-title #shopify-product-reviews .spr-header-title, #shopify-product-reviews .component-article-template .blog-header-title .spr-header-title {
      line-height: 1.1; }
    .component-article-template .blog-header-title > * {
      position: relative;
      z-index: 2; }
  .component-article-template .blog-sidebar {
    padding-left: 0; }
  .component-article-template .blog-sidebar-sections {
    margin-bottom: 40px; }
    .component-article-template .blog-sidebar-sections li.drop_down {
      margin-bottom: 25px; }
      .component-article-template .blog-sidebar-sections li.drop_down li {
        margin-top: 1em; }
    .component-article-template .blog-sidebar-sections h3, .component-article-template .blog-sidebar-sections .h3 {
      color: #0f5a47 !important;
      font-family: "Avenir-Black" !important;
      font-size: 22px !important;
      line-height: 1;
      padding: 0.5em 0;
      text-transform: uppercase !important; }
      .component-article-template .blog-sidebar-sections h3 span, .component-article-template .blog-sidebar-sections .h3 span {
        position: relative;
        z-index: 2; }
      .component-article-template .blog-sidebar-sections h3 span:hover, .component-article-template .blog-sidebar-sections .h3 span:hover,
      .component-article-template .blog-sidebar-sections h3 a:hover,
      .component-article-template .blog-sidebar-sections .h3 a:hover {
        color: #1a9c7b !important; }
    .component-article-template .blog-sidebar-sections a.article-title {
      line-height: 1.3;
      display: block; }
    .component-article-template .blog-sidebar-sections a.article-date {
      line-height: 1.3;
      display: block;
      color: #666;
      font-size: 0.7em;
      text-transform: uppercase;
      text-align: left; }
  @media (min-width: 769px) {
    .component-article-template .blog-related-products {
      position: sticky;
      top: 0; } }
  @media (max-width: 768px) {
    .component-article-template {
      padding-bottom: 0; }
      .component-article-template .article-wrap {
        width: 100%; }
        .component-article-template .article-wrap blockquote {
          width: 100%; }
      .component-article-template .featured-image-wrap {
        height: 0;
        margin-bottom: 10px;
        overflow: hidden;
        padding-top: 100%;
        position: relative;
        width: 100%; }
        .component-article-template .featured-image-wrap img {
          position: absolute;
          top: 0;
          left: 50%;
          height: 100%;
          width: auto !important;
          max-width: unset;
          transform: translateX(-50%); }
      .component-article-template .blog-header-title {
        margin-left: -15px;
        padding: 10px 0 0 15px; }
        .component-article-template .blog-header-title h1, .component-article-template .blog-header-title .h1, .component-article-template .blog-header-title #shopify-product-reviews .spr-header-title, #shopify-product-reviews .component-article-template .blog-header-title .spr-header-title {
          padding-top: 10px; }
      .component-article-template .blog-sidebar-sections {
        display: none; }
      .component-article-template .blog-related-products .related-product {
        margin: 25px auto 0 auto;
        max-width: 300px; } }

/*============================================================================
 Philosophy Sections Pages
==============================================================================*/
body.page-philosophy {
  background: #81d3e6; }
  body.page-philosophy #mobileNavBar {
    background: #81d3e6; }

.philo-page header.component-philo-header {
  background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/circle_about--top_2x.png?v=65825695414118296041684450838);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 768px auto;
  margin-top: 100px;
  padding-top: 100px;
  position: relative; }
  .philo-page header.component-philo-header:before {
    content: '';
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_wave_about--top_2x.png?v=41642124563561901521684451022);
    background-position: top center;
    background-repeat: repeat-x;
    background-size: 768px auto;
    left: -30px;
    top: 100px;
    width: calc(100% + 60px); }
  .philo-page header.component-philo-header h1, .philo-page header.component-philo-header .h1, .philo-page header.component-philo-header #shopify-product-reviews .spr-header-title, #shopify-product-reviews .philo-page header.component-philo-header .spr-header-title {
    position: relative;
    text-align: center;
    z-index: 2; }
    .philo-page header.component-philo-header h1 img, .philo-page header.component-philo-header .h1 img, .philo-page header.component-philo-header #shopify-product-reviews .spr-header-title img, #shopify-product-reviews .philo-page header.component-philo-header .spr-header-title img {
      height: auto;
      max-width: 768px;
      width: 100%; }
  .philo-page header.component-philo-header .philo-subnav {
    background-color: #00aeef;
    left: -30px;
    margin: 60px auto 0 auto;
    position: relative;
    width: calc(100% + 60px); }
    .philo-page header.component-philo-header .philo-subnav ul {
      align-items: center;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center; }
      .philo-page header.component-philo-header .philo-subnav ul li {
        color: #FFF;
        font-family: "Avenir-Black";
        font-size: 24px;
        margin-bottom: 0;
        text-transform: uppercase; }
        .philo-page header.component-philo-header .philo-subnav ul li a, .philo-page header.component-philo-header .philo-subnav ul li a:hover {
          color: #FFFFFF; }
        .philo-page header.component-philo-header .philo-subnav ul li .bullet {
          display: inline-flex;
          margin: 0 1vw; }
        .philo-page header.component-philo-header .philo-subnav ul li:last-of-type .bullet {
          display: none; }
  @media only screen and (max-width: 768px) {
    .philo-page header.component-philo-header {
      background-size: 100% auto;
      margin-top: 50px;
      padding-top: 13vw; }
      .philo-page header.component-philo-header:before {
        background-size: 100% auto;
        top: 12.5vw; }
      .philo-page header.component-philo-header .philo-subnav {
        margin-top: 8vw; }
        .philo-page header.component-philo-header .philo-subnav ul {
          flex-direction: column; }
          .philo-page header.component-philo-header .philo-subnav ul li {
            font-size: 22px; }
            .philo-page header.component-philo-header .philo-subnav ul li .bullet {
              display: none; } }
  .philo-page header.component-philo-header.js_scroll-watch-threshold-high {
    background-position: bottom -100px center;
    transition: background-position 3s ease-out; }
    .philo-page header.component-philo-header.js_scroll-watch-threshold-high:before {
      background-position: -100vw top;
      transition: background-position 2s ease-out; }
    .philo-page header.component-philo-header.js_scroll-watch-threshold-high h1, .philo-page header.component-philo-header.js_scroll-watch-threshold-high .h1, .philo-page header.component-philo-header.js_scroll-watch-threshold-high #shopify-product-reviews .spr-header-title, #shopify-product-reviews .philo-page header.component-philo-header.js_scroll-watch-threshold-high .spr-header-title {
      opacity: 0;
      transition: opacity .2s ease-out;
      transition-delay: .8s; }
    .philo-page header.component-philo-header.js_scroll-watch-threshold-high.js_in-view {
      background-position: top center; }
      .philo-page header.component-philo-header.js_scroll-watch-threshold-high.js_in-view:before {
        background-position: top center; }
      .philo-page header.component-philo-header.js_scroll-watch-threshold-high.js_in-view h1, .philo-page header.component-philo-header.js_scroll-watch-threshold-high.js_in-view .h1, .philo-page header.component-philo-header.js_scroll-watch-threshold-high.js_in-view #shopify-product-reviews .spr-header-title, #shopify-product-reviews .philo-page header.component-philo-header.js_scroll-watch-threshold-high.js_in-view .spr-header-title {
        opacity: 1; }
.philo-page .philo-page-body {
  background-color: #00aeef;
  color: #FFF;
  left: -30px;
  position: relative;
  width: calc(100% + 60px); }

/*============================================================================
 Philosophy Page
==============================================================================*/
.component-page-philosophy .container {
  margin: 0 auto;
  max-width: 800px;
  width: 75%; }
  @media only screen and (max-width: 768px) {
    .component-page-philosophy .container {
      width: calc(100% - 60px); } }
.component-page-philosophy .intro {
  padding-top: 70px; }
  .component-page-philosophy .intro p {
    font-weight: 700;
    text-align: center; }
  @media only screen and (max-width: 768px) {
    .component-page-philosophy .intro {
      padding-top: 40px; } }
.component-page-philosophy ul.content-blocks {
  margin: 0;
  padding-top: 70px; }
  .component-page-philosophy ul.content-blocks li {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin: 0;
    padding-bottom: 70px; }
    .component-page-philosophy ul.content-blocks li .icon {
      margin-right: 50px; }
    .component-page-philosophy ul.content-blocks li .text {
      text-align: left; }
    .component-page-philosophy ul.content-blocks li:nth-child(even) {
      flex-direction: row-reverse; }
      .component-page-philosophy ul.content-blocks li:nth-child(even) .icon {
        margin-left: 50px; }
      .component-page-philosophy ul.content-blocks li:nth-child(even) .text {
        text-align: right; }
  @media only screen and (max-width: 768px) {
    .component-page-philosophy ul.content-blocks {
      padding-top: 40px; }
      .component-page-philosophy ul.content-blocks li, .component-page-philosophy ul.content-blocks li:nth-child(even) {
        flex-direction: column;
        padding-bottom: 40px; }
        .component-page-philosophy ul.content-blocks li .icon, .component-page-philosophy ul.content-blocks li:nth-child(even) .icon {
          margin: 0 0 10px 0; }
        .component-page-philosophy ul.content-blocks li .text, .component-page-philosophy ul.content-blocks li:nth-child(even) .text {
          text-align: center; } }

/*============================================================================
 Compare Page
==============================================================================*/
/*============================================================================
 Compare Page: JQuery Nice Select - used for th product dropdowns
==============================================================================*/
.nice-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: transparent;
  border: 0;
  border-bottom: 5px solid #134b3e;
  box-sizing: border-box;
  clear: both;
  color: #134b3e;
  cursor: pointer;
  display: block;
  font-family: "Avenir-Black" !important;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2;
  outline: none;
  padding: 0.5em 0;
  position: relative;
  text-align: left center;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: pre-wrap;
  width: 100%; }
  .nice-select:hover, .nice-select:active, .nice-select.open, .nice-select:focus {
    color: #134b3e; }
  .nice-select .current {
    display: block;
    width: 100%;
    padding: 0 20px; }
    @media only screen and (max-width: 480px) {
      .nice-select .current {
        hyphens: auto; } }
  .nice-select:after {
    border-bottom: 2px solid #134b3e;
    border-right: 2px solid #134b3e;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #f6f6f6;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #289c81; }
  .nice-select .list {
    background-color: #fff;
    border: 5px solid #134b3e;
    box-sizing: border-box;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 1.1;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 0.5em;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #e3e3e3; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #666;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }
.no-csspointerevents .nice-select.open .list {
  display: block; }

/*============================================================================
 Compare Page: Upper Page - Branded Product Category Select
==============================================================================*/
@media screen and (min-width: 481px) {
  body.page-compare .main-content {
    max-width: 100%;
    padding: 0; } }
@media only screen and (max-width: 480px) {
  #page-compare {
    width: calc(100% + 30px);
    margin-left: -15px; } }

.compare_header {
  margin: 0 auto;
  max-width: 800px;
  text-align: center;
  width: 75%; }
  @media only screen and (max-width: 768px) {
    .compare_header {
      width: calc(100% - 60px); } }

.component-compare-select {
  background-color: #94cfe3;
  background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_wave_compare-mask--top_2x.png?v=79907991190264600871684451036), url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_wave_compare-mask--bottom_2x.png?v=182931217748157862761684451035);
  background-position: top center, bottom center;
  background-repeat: repeat-x;
  background-size: 768px auto;
  margin: 60px auto;
  padding: 0 0 100px;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .component-compare-select {
      background-size: 100% auto; } }
  .component-compare-select h3, .component-compare-select .h3 {
    margin: 0 auto;
    position: relative;
    text-align: center;
    z-index: 2; }
    .component-compare-select h3 img, .component-compare-select .h3 img {
      height: auto;
      max-width: 768px;
      width: 100%; }
  .component-compare-select ul.compare-select-tabs {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin-bottom: 0;
    padding: 15px 0 30px 0; }
    .component-compare-select ul.compare-select-tabs li {
      color: #FFF;
      font-family: "Avenir-Black";
      font-size: 24px;
      margin-bottom: 0;
      text-transform: uppercase; }
      .component-compare-select ul.compare-select-tabs li a, .component-compare-select ul.compare-select-tabs li a:hover {
        color: #FFFFFF; }
      .component-compare-select ul.compare-select-tabs li a {
        opacity: 0.5; }
      .component-compare-select ul.compare-select-tabs li a:hover {
        opacity: 1; }
      .component-compare-select ul.compare-select-tabs li .bullet {
        display: inline-flex;
        margin: 0 1vw;
        opacity: 0.5; }
      .component-compare-select ul.compare-select-tabs li:last-of-type .bullet {
        display: none; }
      .component-compare-select ul.compare-select-tabs li.active a, .component-compare-select ul.compare-select-tabs li.active a:hover {
        opacity: 1; }
    @media only screen and (max-width: 768px) {
      .component-compare-select ul.compare-select-tabs {
        flex-direction: column; }
        .component-compare-select ul.compare-select-tabs li {
          font-size: 22px; }
          .component-compare-select ul.compare-select-tabs li .bullet {
            display: none; } }
  .component-compare-select .slider-section {
    padding: 0 15px; }
  .component-compare-select .compare-slider {
    display: none;
    padding: 0 80px;
    position: relative; }
    .component-compare-select .compare-slider.active {
      display: block; }
    .component-compare-select .compare-slider .slick-arrow.custom-arrow-left,
    .component-compare-select .compare-slider .slick-arrow.custom-arrow-right {
      transform: translate(0, -50%);
      top: 0; }
      @media only screen and (min-width: 1281px) {
        .component-compare-select .compare-slider .slick-arrow.custom-arrow-left,
        .component-compare-select .compare-slider .slick-arrow.custom-arrow-right {
          top: calc(( ( (1280px - 190px) / 4) - 30px) / 2); } }
      @media only screen and (min-width: 1024px) and (max-width: 1280px) {
        .component-compare-select .compare-slider .slick-arrow.custom-arrow-left,
        .component-compare-select .compare-slider .slick-arrow.custom-arrow-right {
          top: calc(( ( (100vw - 190px) / 4) - 30px) / 2); } }
      @media only screen and (min-width: 769px) and (max-width: 1023px) {
        .component-compare-select .compare-slider .slick-arrow.custom-arrow-left,
        .component-compare-select .compare-slider .slick-arrow.custom-arrow-right {
          top: calc(( ( (100vw - 190px) / 3) - 30px) / 2); } }
      @media only screen and (min-width: 481px) and (max-width: 768px) {
        .component-compare-select .compare-slider .slick-arrow.custom-arrow-left,
        .component-compare-select .compare-slider .slick-arrow.custom-arrow-right {
          top: calc(( ( (100vw - 190px) / 2) - 30px) / 2); } }
      @media only screen and (max-width: 480px) {
        .component-compare-select .compare-slider .slick-arrow.custom-arrow-left,
        .component-compare-select .compare-slider .slick-arrow.custom-arrow-right {
          top: calc((100vw - 210px) / 2); } }
    .component-compare-select .compare-slider .slick-arrow.custom-arrow-left {
      left: 0; }
    .component-compare-select .compare-slider .slick-arrow.custom-arrow-right {
      right: 0; }
    .component-compare-select .compare-slider .compare-product-slide {
      cursor: pointer; }
      .component-compare-select .compare-slider .compare-product-slide:focus {
        outline: none; }
      .component-compare-select .compare-slider .compare-product-slide .compare-product {
        padding: 0 15px; }
      .component-compare-select .compare-slider .compare-product-slide .product-slide-image img {
        display: block;
        height: auto;
        margin: 0 auto;
        width: 100%; }
        @media only screen and (min-width: 1230px) {
          .component-compare-select .compare-slider .compare-product-slide .product-slide-image img {
            max-width: 234px; } }
        @media only screen and (min-width: 1024px) and (max-width: 1230px) {
          .component-compare-select .compare-slider .compare-product-slide .product-slide-image img {
            max-width: 18vw; } }
        @media only screen and (min-width: 769px) and (max-width: 1023px) {
          .component-compare-select .compare-slider .compare-product-slide .product-slide-image img {
            max-width: 22vw; } }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          .component-compare-select .compare-slider .compare-product-slide .product-slide-image img {
            max-width: 32vw; } }
        @media only screen and (max-width: 480px) {
          .component-compare-select .compare-slider .compare-product-slide .product-slide-image img {
            max-width: calc(100vw - 145px); } }
      .component-compare-select .compare-slider .compare-product-slide .product-slide-text {
        padding-top: 1em;
        text-align: center; }
    @media only screen and (max-width: 768px) {
      .component-compare-select .compare-slider {
        padding: 0 50px; }
        .component-compare-select .compare-slider .slick-arrow.custom-arrow-left,
        .component-compare-select .compare-slider .slick-arrow.custom-arrow-right {
          height: 40px;
          width: 35px; } }

/*============================================================================
 Compare Page: Product Comparison Table
==============================================================================*/
.component-compare-table .select-wrapper {
  margin: 3px;
  width: calc(100% - 6px); }
  .component-compare-table .select-wrapper select.products-dropdown {
    border: 0;
    font-family: "Avenir-Black" !important; }
  .component-compare-table .select-wrapper select option,
  .component-compare-table .select-wrapper .nice-select .option {
    display: none; }
  .component-compare-table .select-wrapper[data-globaltype="bar"] option[data-producttype="bar"],
  .component-compare-table .select-wrapper[data-globaltype="bar"] .nice-select .option[data-producttype="bar"] {
    display: block; }
  .component-compare-table .select-wrapper[data-globaltype="drink"] option[data-producttype="drink"],
  .component-compare-table .select-wrapper[data-globaltype="drink"] .nice-select .option[data-producttype="drink"] {
    display: block; }
  .component-compare-table .select-wrapper[data-globaltype="powder"] option[data-producttype="powder"],
  .component-compare-table .select-wrapper[data-globaltype="powder"] .nice-select .option[data-producttype="powder"] {
    display: block; }

.component-compare-table {
  margin-bottom: 60px; }
  .component-compare-table table {
    background-color: white;
    font-size: 20px;
    table-layout: fixed;
    width: 100%; }
  @media only screen and (max-width: 768px) {
    .component-compare-table .legend {
      display: none; }
    .component-compare-table .aloha {
      width: 50%; }
    .component-compare-table .comp {
      width: 50%; }
    .component-compare-table .comp[data-col="comp-2"],
    .component-compare-table .comp[data-col="comp-3"] {
      display: none !important; } }
  @media only screen and (min-width: 769px) and (max-width: 1023px) {
    .component-compare-table .legend {
      width: 25%; }
    .component-compare-table .aloha {
      width: 35%; }
    .component-compare-table .comp {
      width: 20%; }
    .component-compare-table .comp[data-col="comp-3"] {
      display: none !important; } }
  @media only screen and (min-width: 1024px) {
    .component-compare-table .legend {
      width: 22%; }
    .component-compare-table .aloha {
      width: 33%; }
    .component-compare-table .comp {
      width: 15%; } }
  .component-compare-table th {
    border: 20px solid #f3f7f4;
    border-bottom: 0;
    padding: 0;
    text-align: center;
    vertical-align: bottom; }
    .component-compare-table th.aloha {
      background-color: #f3f7f4; }
      .component-compare-table th.aloha #aloha-logo {
        display: block;
        height: auto;
        margin: 10px auto;
        max-width: 200px;
        width: 90%; }
    .component-compare-table th.comp {
      background-color: white; }
      .component-compare-table th.comp .add {
        display: none;
        cursor: pointer;
        margin: 10px; }
        .component-compare-table th.comp .add img {
          display: block;
          height: auto;
          width: 100%; }
      .component-compare-table th.comp[data-col="comp-1"] .add {
        display: none !important; }
      .component-compare-table th.comp[data-col="comp-2"].empty, .component-compare-table th.comp[data-col="comp-3"].empty {
        vertical-align: middle; }
        .component-compare-table th.comp[data-col="comp-2"].empty .add, .component-compare-table th.comp[data-col="comp-3"].empty .add {
          display: inline-block; }
        .component-compare-table th.comp[data-col="comp-2"].empty .pop, .component-compare-table th.comp[data-col="comp-3"].empty .pop {
          display: none; }
    .component-compare-table th.axis {
      background: transparent;
      border: 0 !important; }
  .component-compare-table td {
    border-bottom: 0;
    border-left: 20px solid #f3f7f4;
    border-right: 20px solid #f3f7f4;
    border-top: 0;
    font-size: 16px;
    line-height: 1.2;
    padding: 20px 5px;
    position: relative;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .component-compare-table td {
        vertical-align: top; } }
    @media only screen and (min-width: 769px) {
      .component-compare-table td {
        vertical-align: middle; } }
    .component-compare-table td:after {
      background-color: #1a9c7b;
      bottom: 0;
      content: '';
      display: block;
      height: 2px;
      left: 0;
      position: absolute;
      width: 100%; }
    .component-compare-table td .data {
      color: #134b3e;
      display: block; }
      .component-compare-table td .data .btn.btn--stereo-fx, .component-compare-table td .data .btn--stereo-fx.btn-secondary, .component-compare-table td .data input.btn--stereo-fx[type="submit"], .component-compare-table td .data .shopify-payment-button .btn--stereo-fx.shopify-payment-button__button--unbranded, .shopify-payment-button .component-compare-table td .data .btn--stereo-fx.shopify-payment-button__button--unbranded, .component-compare-table td .data #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) .component-compare-table td .data button.btn--stereo-fx,
      .component-compare-table td .data #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx,
      #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) .component-compare-table td .data button.btn--stereo-fx,
      .component-compare-table td .data #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx,
      #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) .component-compare-table td .data button.btn--stereo-fx,
      .component-compare-table td .data #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx,
      #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) .component-compare-table td .data button.btn--stereo-fx, .component-compare-table td .data #loyaltylion .btn--stereo-fx.lion-action-modal__button, #loyaltylion .component-compare-table td .data .btn--stereo-fx.lion-action-modal__button,
      .component-compare-table td .data #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--confirm,
      #loyaltylion .component-compare-table td .data .btn--stereo-fx.lion-redeem-reward-modal__button--confirm, .component-compare-table td .data #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--cancel, #loyaltylion .component-compare-table td .data .btn--stereo-fx.lion-redeem-reward-modal__button--cancel, .component-compare-table td .data #loyaltylion .lion-referral-email-form__buttons .btn--stereo-fx.lion-action-button, #loyaltylion .lion-referral-email-form__buttons .component-compare-table td .data .btn--stereo-fx.lion-action-button {
        max-width: 90%; }
        .component-compare-table td .data .btn.btn--stereo-fx span, .component-compare-table td .data .btn--stereo-fx.btn-secondary span, .component-compare-table td .data input.btn--stereo-fx[type="submit"] span, .component-compare-table td .data .shopify-payment-button .btn--stereo-fx.shopify-payment-button__button--unbranded span, .shopify-payment-button .component-compare-table td .data .btn--stereo-fx.shopify-payment-button__button--unbranded span, .component-compare-table td .data #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx span, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) .component-compare-table td .data button.btn--stereo-fx span,
        .component-compare-table td .data #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx span,
        #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) .component-compare-table td .data button.btn--stereo-fx span,
        .component-compare-table td .data #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx span,
        #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) .component-compare-table td .data button.btn--stereo-fx span,
        .component-compare-table td .data #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx span,
        #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) .component-compare-table td .data button.btn--stereo-fx span, .component-compare-table td .data #loyaltylion .btn--stereo-fx.lion-action-modal__button span, #loyaltylion .component-compare-table td .data .btn--stereo-fx.lion-action-modal__button span,
        .component-compare-table td .data #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--confirm span,
        #loyaltylion .component-compare-table td .data .btn--stereo-fx.lion-redeem-reward-modal__button--confirm span, .component-compare-table td .data #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--cancel span, #loyaltylion .component-compare-table td .data .btn--stereo-fx.lion-redeem-reward-modal__button--cancel span, .component-compare-table td .data #loyaltylion .lion-referral-email-form__buttons .btn--stereo-fx.lion-action-button span, #loyaltylion .lion-referral-email-form__buttons .component-compare-table td .data .btn--stereo-fx.lion-action-button span {
          font-size: 14px;
          line-height: 1.1;
          margin-top: 10px;
          margin-bottom: -10px;
          white-space: pre-wrap;
          width: 100%; }
    .component-compare-table td label {
      align-items: center;
      color: #1a9c7b;
      display: flex;
      font-family: "Avenir-Black" !important;
      font-size: inherit;
      line-height: 1.2;
      margin: 0;
      min-height: 3em;
      padding-left: 1.5em;
      position: relative;
      text-transform: lowercase; }
      .component-compare-table td label:before {
        background-color: #f3f7f4;
        border-radius: 3em;
        content: '';
        display: block;
        height: 3em;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 3em;
        z-index: 1; }
      .component-compare-table td label span {
        position: relative;
        z-index: 2; }
    .component-compare-table td .mobile-label {
      font-size: 14px;
      margin-bottom: 1.5em;
      text-align: left; }
      .component-compare-table td .mobile-label:before {
        background-color: #1a9c7b;
        opacity: 0.2; }
      @media only screen and (max-width: 768px) {
        .component-compare-table td .mobile-label {
          display: flex; } }
      @media only screen and (min-width: 769px) {
        .component-compare-table td .mobile-label {
          display: none !important; } }
    .component-compare-table td.aloha {
      background-color: #f3f7f4; }
      @media only screen and (min-width: 769px) {
        .component-compare-table td.aloha .data {
          font-family: "Avenir-Black" !important; } }
    .component-compare-table td.comp {
      background-color: white; }
      .component-compare-table td.comp:after {
        left: 5px;
        width: calc(100% - 10px); }
      .component-compare-table td.comp.empty:after {
        background-color: white; }
      .component-compare-table td.comp.empty label, .component-compare-table td.comp.empty span {
        display: none; }
      .component-compare-table td.comp[data-field="url"] .data {
        display: none !important; }
    .component-compare-table td.legend {
      background-color: white;
      border-left: 0;
      border-top: 0;
      padding-left: 0;
      text-align: left; }
      .component-compare-table td.legend:after {
        width: calc(100% - 20px); }
      .component-compare-table td.legend .data {
        font-family: "Avenir-Black" !important; }
  .component-compare-table tr:last-of-type td:after {
    display: none; }
  .component-compare-table tr:last-of-type td.aloha, .component-compare-table tr:last-of-type td.comp {
    border-bottom: 20px solid #f3f7f4; }
  .component-compare-table table[data-globaltype="bar"] tr[data-row="mct"],
  .component-compare-table tr[data-row="bcorp"] {
    display: none !important; }
  .component-compare-table .compare-table-disclaimer {
    font-size: 10px;
    line-height: 1.1;
    opacity: 0.75;
    padding: 25px 0 0 25%;
    text-align: right; }
    @media only screen and (max-width: 768px) {
      .component-compare-table .compare-table-disclaimer {
        padding-left: 0; } }

/*============================================================================
 Community Page
==============================================================================*/
body.page-community {
  background-color: #58c2ae; }
  body.page-community #mobileNavBar {
    background: #58c2ae; }
  body.page-community .main-content.wrapper {
    padding: 0 !important;
    max-width: unset; }

#page-community .center {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 50px;
  width: 100%; }
  @media only screen and (max-width: 480px) {
    #page-community .center {
      padding: 0 30px; } }
#page-community header.page-header {
  background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_ribbon--light-green_2x.png?v=42600966214571856761684451021);
  background-repeat: repeat-x;
  background-size: auto 59px;
  background-position: center center; }
  @media only screen and (max-width: 768px) {
    #page-community header.page-header {
      background-size: 100% auto; } }
  #page-community header.page-header h2, #page-community header.page-header .h2 {
    background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/header-bg-community_2x.png?v=104482801519789472791684450881);
    background-size: 100% 100%;
    display: block;
    height: 230px;
    margin: 60px auto 0 auto;
    width: 230px; }
    #page-community header.page-header h2 img, #page-community header.page-header .h2 img {
      display: block;
      height: auto;
      width: 100%; }
#page-community .main-text {
  color: #154332;
  margin: 65px auto; }
  #page-community .main-text h3, #page-community .main-text .h3 {
    color: #154332 !important;
    font-size: 24px !important;
    margin-bottom: 2em; }
  #page-community .main-text .copy {
    line-height: 1.25;
    position: relative; }
    #page-community .main-text .copy > * {
      position: relative;
      z-index: 2; }
    #page-community .main-text .copy .circle {
      background-color: #92d7ca;
      border-radius: 100%;
      display: block;
      height: 95px;
      position: absolute;
      top: 0;
      width: 95px;
      z-index: 1; }
      @media only screen and (max-width: 480px) {
        #page-community .main-text .copy .circle {
          height: 60px;
          width: 60px; } }
  #page-community .main-text.company {
    text-align: left; }
    #page-community .main-text.company .circle {
      left: 0;
      transform: translate(-60%, -35%); }
  #page-community .main-text.you {
    text-align: right; }
    #page-community .main-text.you .circle {
      right: 0;
      transform: translate(60%, -35%); }
#page-community .contact {
  color: #154332;
  font-family: "Avenir-Black" !important;
  font-size: 17px;
  line-height: 1.75;
  margin: 60px auto 0 auto;
  text-align: center;
  text-transform: uppercase; }
#page-community .projects {
  background-color: #FFF;
  background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_wave_community-mask--top_2x.png?v=137700328496617680181684451033), url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_wave_community-mask--bottom_2x.png?v=21840335181878631991684451031);
  background-size: 768px auto;
  background-position: top center,  bottom center;
  background-repeat: repeat-x;
  padding: 75px 0; }
  @media only screen and (max-width: 768px) {
    #page-community .projects {
      background-size: 100% auto;
      padding: 12vw 0; } }
  #page-community .projects .map {
    padding: 4vw; }
    #page-community .projects .map img {
      display: block;
      height: auto;
      width: 100%; }
    @media only screen and (max-width: 768px) {
      #page-community .projects .map {
        padding-left: 0;
        padding-rigt: 0; } }
  #page-community .projects .projects-list li {
    display: flex;
    margin-bottom: 60px; }
    #page-community .projects .projects-list li .logo-col img {
      height: auto;
      width: 100%; }
    #page-community .projects .projects-list li .text-col header {
      display: flex;
      flex-direction: row; }
    #page-community .projects .projects-list li .text-col .mapid {
      background-color: #ffc20e;
      border-radius: 100%;
      color: #FFF;
      display: block;
      flex: 0 0 68px;
      font-size: 23px;
      height: 68px;
      line-height: 68px;
      text-align: center;
      width: 68px;
      font-family: "Avenir-Black" !important; }
    #page-community .projects .projects-list li .text-col .title {
      margin-bottom: 20px; }
      #page-community .projects .projects-list li .text-col .title h4, #page-community .projects .projects-list li .text-col .title .h4, #page-community .projects .projects-list li .text-col .title h5, #page-community .projects .projects-list li .text-col .title .h5 {
        font-family: "Avenir-Black" !important;
        line-height: 1.1;
        text-transform: uppercase; }
      #page-community .projects .projects-list li .text-col .title h4, #page-community .projects .projects-list li .text-col .title .h4 {
        color: #154332;
        font-size: 23px;
        margin: 21px 0 0 0; }
      #page-community .projects .projects-list li .text-col .title h5, #page-community .projects .projects-list li .text-col .title .h5 {
        color: #58c2ae;
        font-size: 17px;
        margin: 4px 0 0 0; }
    #page-community .projects .projects-list li .text-col .copy {
      color: #154332;
      font-size: 18px;
      font-style: italic;
      line-height: 1.6; }
    @media only screen and (max-width: 768px) {
      #page-community .projects .projects-list li {
        flex-direction: column; }
        #page-community .projects .projects-list li .logo-col img {
          display: block;
          margin: 0 auto 25px auto;
          max-width: 200px;
          width: 50%; }
        #page-community .projects .projects-list li .text-col .mapid {
          margin: 0 20px 0 -25px; } }
    @media only screen and (min-width: 769px) {
      #page-community .projects .projects-list li {
        align-items: center; }
        #page-community .projects .projects-list li .logo-col {
          width: 33%; }
        #page-community .projects .projects-list li .text-col {
          width: 67%; }
        #page-community .projects .projects-list li:nth-of-type(odd) {
          flex-direction: row; }
          #page-community .projects .projects-list li:nth-of-type(odd) .logo-col {
            padding-right: 50px; }
          #page-community .projects .projects-list li:nth-of-type(odd) .text-col {
            text-align: left; }
            #page-community .projects .projects-list li:nth-of-type(odd) .text-col header {
              flex-direction: row; }
            #page-community .projects .projects-list li:nth-of-type(odd) .text-col .mapid {
              margin: 0 20px 0 -25px; }
        #page-community .projects .projects-list li:nth-of-type(even) {
          flex-direction: row-reverse; }
          #page-community .projects .projects-list li:nth-of-type(even) .logo-col {
            padding-left: 50px; }
          #page-community .projects .projects-list li:nth-of-type(even) .text-col {
            text-align: right; }
            #page-community .projects .projects-list li:nth-of-type(even) .text-col header {
              flex-direction: row-reverse; }
            #page-community .projects .projects-list li:nth-of-type(even) .text-col .mapid {
              margin: 0 -25px 0 20px; } }
#page-community .wave-spacer {
  background-color: #FFF;
  background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/seamless_wave_community-mask--top_2x.png?v=137700328496617680181684451033);
  background-size: 768px auto;
  background-position: top center;
  background-repeat: repeat-x;
  padding: 75px 0;
  margin-top: 60px;
  height: 100px; }
  @media only screen and (max-width: 768px) {
    #page-community .wave-spacer {
      background-size: 100% auto; } }
#page-community .pdp-newsletter {
  margin-top: 0; }

/*==== mega menu ======  */
@media only screen and (max-width: 768px) {
  .small-hide {
    display: none !important; } }
@media only screen and (min-width: 768px) {
  .header-wrap {
    position: relative; }

  .mega-menn-drop-open {
    position: absolute;
    width: 45%;
    left: 17px;
    top: 90%;
    padding: 0;
    text-align: center;
    background-size: cover !important;
    z-index: 999;
    background: #FBFBFB; }
    .mega-menn-drop-open .margin-move {
      position: relative;
      left: 9%; }
    .mega-menn-drop-open .mega-menu-list {
      text-align: left; }
      .mega-menn-drop-open .mega-menu-list .menu-head {
        font-family: "Avenir-Black" !important;
        color: #134431;
        font-size: 19px; }
      .mega-menn-drop-open .mega-menu-list .legal-links li {
        padding: 0 15px 9px 0; }
        .mega-menn-drop-open .mega-menu-list .legal-links li a {
          font-family: "Avenir-Black" !important;
          font-size: 15px; }
    .mega-menn-drop-open .img-megmenu p {
      font-family: "Avenir-Black" !important;
      color: #1d4736;
      font-size: 18px;
      margin-bottom: 0; }

  .normal_height {
    position: relative; }

  .site-nav--link span:after {
    content: '';
    position: absolute;
    width: 0%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border: 1.5px solid transparent;
    left: 0;
    top: 69%; }

  .site-nav--link:hover span:after {
    border: 1.5px solid #154330;
    width: 90%; }

  .site-nav--link:hover span:after .mega-menn-drop-open {
    border: 1.5px solid #154330;
    width: 90%; } }
/*-============ Blog landing page ================-  */
.page-blog main {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important; }

.blog-landing-page {
  padding-top: 18%; }
  @media only screen and (max-width: 768px) {
    .blog-landing-page {
      padding-top: 3em; } }
  .blog-landing-page blockquote {
    padding-left: 0;
    border: none;
    font-size: 1.125em;
    line-height: 1.45;
    font-style: normal;
    margin: 0 0 5px;
    padding: 4px 0; }
    .blog-landing-page blockquote em {
      font-style: normal !important;
      font-size: 14px; }
  .blog-landing-page .landing-banner {
    position: relative; }
    .blog-landing-page .landing-banner .blog-wave {
      padding-bottom: 55px; }
      .blog-landing-page .landing-banner .blog-wave .bg-wave {
        height: 25vw;
        background-size: cover !important; }
    .blog-landing-page .landing-banner .blog-fi-content {
      width: 100%;
      max-width: 1195px;
      margin: 0 auto;
      padding-bottom: 55px; }
  .blog-landing-page .article-box h2, .blog-landing-page .article-box .h2 {
    color: #0f5a47 !important;
    letter-spacing: 3px !important;
    text-transform: capitalize !important;
    margin-bottom: 0.25em;
    font-size: 38px !important;
    font-weight: 600 !important;
    font-family: 'Avenir-Book' !important; }
  .blog-landing-page .article-box .textile {
    font-family: "Avenir-Book";
    text-transform: capitalize;
    letter-spacing: 0;
    font-size: 19px;
    color: #154331;
    font-weight: 600; }
  @media only screen and (max-width: 766px) {
    .blog-landing-page .blog-wave {
      padding-bottom: 20px !important; }
      .blog-landing-page .blog-wave .bg-wave {
        height: 120vw !important; }
    .blog-landing-page .blog-fi-content {
      bottom: 10% !important;
      padding: 0 15px; }
    .blog-landing-page .article-box h2, .blog-landing-page .article-box .h2 {
      font-size: 23px !important;
      text-align: center; }
    .blog-landing-page .article-box .textile {
      font-size: 14px; } }
  @media only screen and (max-width: 1250px) and (min-width: 768px) {
    .blog-landing-page .mobile-alig1 {
      margin: 0 auto; }
    .blog-landing-page .art-sign-img {
      padding-top: 18%; } }
  @media only screen and (max-width: 900px) and (min-width: 768px) {
    .blog-landing-page .art-sign-img {
      display: none; }
    .blog-landing-page .blog-wave .bg-wave {
      height: 60vw !important; } }

.date-by {
  margin-top: 20px; }
  .date-by p {
    font-family: 'Avenir-Book' !important;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    font-style: initial !important; }
    .date-by p strong {
      font-weight: 900;
      font-family: 'Avenir-Black' !important; }

.artical-read-more a {
  font-family: 'Avenir-Black' !important;
  color: #174332 !important;
  font-style: initial;
  position: relative;
  z-index: 9; }
  .artical-read-more a .text {
    font-family: 'Avenir-Book' !important;
    font-weight: 600; }
  .artical-read-more a .road-under {
    background: #b7d9c1;
    border-radius: 100%;
    display: none;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -10px;
    top: -1px;
    z-index: -1; }
.artical-read-more a:hover .road-under {
  display: block; }
.artical-read-more a:hover {
  color: #1a9c7b !important; }
.artical-read-more a:hover.text {
  font-weight: 900;
  color: #1a9c7b !important; }

.blog-tab .custom-content_instagram {
  background-color: #aedbc0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  margin: 40px auto 100px; }
  .blog-tab .custom-content_instagram .wave-mask_top, .blog-tab .custom-content_instagram .wave-mask_bottom {
    background-color: #FFFFFF;
    display: block;
    height: 80vw;
    max-height: 400px;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%; }
.blog-tab .haed-box {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  display: block;
  padding-bottom: 5em; }
  .blog-tab .haed-box .section-title {
    font-size: 19px !important;
    color: #355a4b !important;
    margin-bottom: 25px !important;
    position: relative;
    top: 5px; }
.blog-tab .list--inline {
  display: flex;
  justify-content: flex-end; }
  .blog-tab .list--inline .anc-link {
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Avenir-Black' !important;
    font-size: 18px; }
.blog-tab .containerr {
  max-width: 320px;
  margin: 0 auto 40px;
  width: 100%;
  background: #fff;
  box-shadow: 0px 0px 1px; }
  .blog-tab .containerr .bloc-bg-box {
    height: 35px;
    margin-top: -11px; }
  .blog-tab .containerr .blog-detail-ti {
    padding: 15px 10px; }
    .blog-tab .containerr .blog-detail-ti .date-by {
      margin-top: 0; }
    .blog-tab .containerr .blog-detail-ti .artical-read-more {
      text-align: right;
      padding-right: 15px; }
    .blog-tab .containerr .blog-detail-ti .blog-title-ti {
      font-size: 22px !important; }
@media only screen and (max-width: 766px) {
  .blog-tab :target {
    padding-top: 0; }
  .blog-tab .custom-content_instagram {
    background-color: transparent; }
  .blog-tab .mobile-alig2 {
    padding-left: 30px;
    padding-bottom: 30px;
    position: relative; }
  .blog-tab .mobile-alig2:before {
    content: '';
    background: #b7d9c1;
    height: 50px;
    display: block;
    width: 100%;
    position: absolute;
    left: 15px;
    right: 0;
    top: 29%;
    z-index: -1; }
  .blog-tab .haed-box .section-title {
    font-size: 20px !important;
    margin-bottom: 12px !important;
    text-align: center; }
  .blog-tab .list--inline {
    justify-content: center; }
    .blog-tab .list--inline .li-tab {
      padding: 6px 3px !important; }
    .blog-tab .list--inline .anc-link {
      font-size: 13px; } }
@media only screen and (max-width: 1250px) and (min-width: 768px) {
  .blog-tab .mobile-alig1 {
    margin: 0 auto; }
  .blog-tab .grid, .blog-tab .grid--rev, .blog-tab .grid--full {
    margin: 0 auto; }
  .blog-tab .containerr {
    max-width: 290px; } }
@media only screen and (max-width: 900px) and (min-width: 768px) {
  .blog-tab .post_wrap .one-whole {
    width: 49%; }
  .blog-tab .mobile-alig2:before {
    width: 200%;
    left: -40px; }
  .blog-tab .list--inline .anc-link {
    font-size: 24px; }
  .blog-tab .list--inline {
    display: flex;
    justify-content: center; } }

@media only screen and (max-width: 768px) {
  .page-blog main {
    overflow: hidden; }

  .mobile-alig1 {
    margin-left: 0; }

  .date-by {
    margin-top: 14px; }
    .date-by p {
      font-size: 12px;
      margin-bottom: 10px; }

  .artical-read-more a {
    font-size: 18px; }
  .artical-read-more .road-under {
    top: -2px; } }
.recipe-sections .head-res {
  text-align: left !important;
  display: block !important;
  position: relative;
  z-index: 9;
  margin-bottom: 25px; }
  .recipe-sections .head-res .road-under {
    background: #ddf3ef;
    border-radius: 100%;
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    top: -15px;
    z-index: -1;
    left: -12px; }
.recipe-sections .social-sharing.is-clean a {
  border: 1px solid #000000;
  color: #333; }
  .recipe-sections .social-sharing.is-clean a .a {
    fill: #000; }
  .recipe-sections .social-sharing.is-clean a #Ellipse_22 {
    color: #000;
    fill: #000; }
  .recipe-sections .social-sharing.is-clean a #Path_607 {
    fill: #b9d8c0; }
@media only screen and (max-width: 768px) {
  .recipe-sections .head-res {
    margin-bottom: 40px;
    font-size: 28px !important; }
  .recipe-sections .advanced_content_link {
    text-align: center;
    margin: auto; }
  .recipe-sections .recipe-product {
    margin-top: 29px;
    background-size: cover !important;
    padding-left: 20px;
    height: auto; }
    .recipe-sections .recipe-product .recipe-text {
      text-align: center; }
    .recipe-sections .recipe-product .recipe-img {
      display: block;
      float: left;
      position: relative;
      top: 26px;
      right: 0;
      left: 0;
      max-width: 261px;
      text-align: center;
      float: none;
      margin: 0 auto;
      width: 100%; }
  .recipe-sections .how_to ul {
    margin-left: 22%; } }

@media only screen and (max-width: 768px) {
  #chocolate-raspberry-smoothie-bowl .main-content {
    padding: 0; }

  .page-blog div#shopify-section-product-newsletter_global {
    margin-top: -90px; } }
.component-blog-template .blog-sidebar {
  padding-left: 0; }
.component-blog-template .blog-sidebar-sections {
  margin-bottom: 40px; }
  .component-blog-template .blog-sidebar-sections li.drop_down {
    margin-bottom: 25px; }
    .component-blog-template .blog-sidebar-sections li.drop_down li {
      margin-top: 1em; }
  .component-blog-template .blog-sidebar-sections h3, .component-blog-template .blog-sidebar-sections .h3 {
    color: #0f5a47 !important;
    font-family: "Avenir-Black" !important;
    font-size: 22px !important;
    line-height: 1;
    padding: 0.5em 0;
    text-transform: uppercase !important; }
    .component-blog-template .blog-sidebar-sections h3 span, .component-blog-template .blog-sidebar-sections .h3 span {
      position: relative;
      z-index: 2; }
    .component-blog-template .blog-sidebar-sections h3 span:hover, .component-blog-template .blog-sidebar-sections .h3 span:hover,
    .component-blog-template .blog-sidebar-sections h3 a:hover,
    .component-blog-template .blog-sidebar-sections .h3 a:hover {
      color: #1a9c7b !important; }
  .component-blog-template .blog-sidebar-sections a.article-title {
    line-height: 1.3;
    display: block; }
  .component-blog-template .blog-sidebar-sections a.article-date {
    line-height: 1.3;
    display: block;
    color: #666;
    font-size: 0.7em;
    text-transform: uppercase;
    text-align: left; }

/*======== tj-landing page ===========  */
.page-tj-landing .main-content {
  padding: 0;
  width: 100%;
  max-width: 100%;
  margin-top: 6%; }
  @media only screen and (max-width: 700px) {
    .page-tj-landing .main-content {
      margin-top: 0%; } }

#tj-landing {
  background-color: #58c2ae; }
  #tj-landing .heading {
    font-size: 38px !important;
    letter-spacing: 2px; }
  @media only screen and (min-width: 768px) {
    #tj-landing .desk-hide {
      display: none; }
    #tj-landing .desk-hide-section {
      display: none !important; } }
  @media only screen and (max-width: 767px) {
    #tj-landing .mob-hide-section {
      display: none; } }
  @media only screen and (max-width: 999px) {
    #tj-landing .mob-hide {
      display: none; }
    #tj-landing .desk-hide {
      display: block; } }
  #tj-landing .btn.btn--stereo-fx:after, #tj-landing .btn--stereo-fx.btn-secondary:after, #tj-landing input.btn--stereo-fx[type="submit"]:after, #tj-landing .shopify-payment-button .btn--stereo-fx.shopify-payment-button__button--unbranded:after, .shopify-payment-button #tj-landing .btn--stereo-fx.shopify-payment-button__button--unbranded:after, #tj-landing #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx:after, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) #tj-landing button.btn--stereo-fx:after,
  #tj-landing #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx:after,
  #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) #tj-landing button.btn--stereo-fx:after,
  #tj-landing #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx:after,
  #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) #tj-landing button.btn--stereo-fx:after,
  #tj-landing #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx:after,
  #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) #tj-landing button.btn--stereo-fx:after, #tj-landing #loyaltylion .btn--stereo-fx.lion-action-modal__button:after, #loyaltylion #tj-landing .btn--stereo-fx.lion-action-modal__button:after,
  #tj-landing #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--confirm:after,
  #loyaltylion #tj-landing .btn--stereo-fx.lion-redeem-reward-modal__button--confirm:after, #tj-landing #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--cancel:after, #loyaltylion #tj-landing .btn--stereo-fx.lion-redeem-reward-modal__button--cancel:after, #tj-landing #loyaltylion .lion-referral-email-form__buttons .btn--stereo-fx.lion-action-button:after, #loyaltylion .lion-referral-email-form__buttons #tj-landing .btn--stereo-fx.lion-action-button:after, #tj-landing .btn--stereo-fx.btn-secondary:after, #tj-landing input.btn--stereo-fx[type="submit"]:after, #tj-landing .shopify-payment-button .btn--stereo-fx.shopify-payment-button__button--unbranded:after {
    opacity: 1; }
  #tj-landing .tj-main-banner {
    height: 650px;
    position: relative; }
    #tj-landing .tj-main-banner .inner-box {
      text-align: center;
      width: 100%;
      max-width: 800px;
      margin: 0 auto;
      position: absolute;
      left: 0;
      right: 0;
      top: 10%; }
      #tj-landing .tj-main-banner .inner-box .header h1 img, #tj-landing .tj-main-banner .inner-box .header .h1 img, #tj-landing .tj-main-banner .inner-box .header #shopify-product-reviews .spr-header-title img, #shopify-product-reviews #tj-landing .tj-main-banner .inner-box .header .spr-header-title img {
        max-width: 440px; }
      #tj-landing .tj-main-banner .inner-box .location-pin {
        width: 100%;
        max-width: 70px;
        position: relative;
        bottom: 15px; }
      #tj-landing .tj-main-banner .inner-box .main-rte {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        /*           font-size: 32px; */
        font-size: 25px;
        font-weight: 600;
        color: #0f5241;
        /*           letter-spacing: 3px; */
        margin-bottom: 1em; }
  #tj-landing div#shopify-section-tj-image-overlay {
    background: #59c3af; }
  #tj-landing .testimonial-section .img-wrap-over {
    position: relative; }
    #tj-landing .testimonial-section .img-wrap-over .text-circle {
      position: absolute;
      width: 100%;
      max-width: 470px;
      /* z-index: 999; */
      top: 15%;
      right: 0;
      left: 0;
      text-align: center;
      margin: 0 auto;
      border-radius: 50%;
      height: 470px;
      transform: translate(0%, 0%); }
      #tj-landing .testimonial-section .img-wrap-over .text-circle .c-iiner {
        padding: 14% 45px; }
        #tj-landing .testimonial-section .img-wrap-over .text-circle .c-iiner .stars-review {
          width: 100%;
          max-width: 250px; }
        #tj-landing .testimonial-section .img-wrap-over .text-circle .c-iiner .rct {
          color: #fff;
          font-size: 25px;
          padding: 0 32px; }
          #tj-landing .testimonial-section .img-wrap-over .text-circle .c-iiner .rct p {
            margin-bottom: 0;
            font-weight: 900; }
        #tj-landing .testimonial-section .img-wrap-over .text-circle .c-iiner .qut {
          font-size: 30px;
          font-style: italic;
          font-weight: 600;
          font-family: "Avenir-Book"; }
        #tj-landing .testimonial-section .img-wrap-over .text-circle .c-iiner .qut-down {
          font-size: 30px;
          font-style: italic;
          font-weight: 600;
          font-family: "Avenir-Book";
          position: relative;
          bottom: 25px; }
  #tj-landing .Image-overlay-section .bg-overly {
    height: 58.1vw;
    background-size: cover !important;
    position: relative; }
  #tj-landing .Image-overlay-section .middle-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    transform: translate(0%, 80%);
    max-width: 550px; }
    #tj-landing .Image-overlay-section .middle-box .rtb {
      font-size: 25px;
      font-weight: 600;
      padding: 0 10%;
      color: #0f5241;
      margin-bottom: 1em; }
  #tj-landing .bgtx-box-1 {
    padding-top: 4em !important; }
  #tj-landing .bg-coloe {
    background: #59c3af;
    width: 100%;
    padding: 0 5% 5%; }
    #tj-landing .bg-coloe .feature-row__text {
      text-align: center; }
      #tj-landing .bg-coloe .feature-row__text .rte {
        font-size: 25px;
        font-weight: 600;
        padding: 0;
        color: #0f5241;
        margin-bottom: 1em; }
      #tj-landing .bg-coloe .feature-row__text .tx-w-pad {
        padding: 0 30px; }
  @media only screen and (max-width: 767px) {
    #tj-landing .tj-main-banner {
      height: 625px; }
      #tj-landing .tj-main-banner .inner-box .header h1 img, #tj-landing .tj-main-banner .inner-box .header .h1 img, #tj-landing .tj-main-banner .inner-box .header #shopify-product-reviews .spr-header-title img, #shopify-product-reviews #tj-landing .tj-main-banner .inner-box .header .spr-header-title img {
        max-width: 310px; }
      #tj-landing .tj-main-banner .inner-box .location-pin {
        max-width: 45px;
        bottom: 15px; }
      #tj-landing .tj-main-banner .inner-box .main-rte {
        font-size: 16px;
        padding: 0 20px; }
      #tj-landing .tj-main-banner .inner-box .choc-img {
        width: 250px;
        max-width: 100%;
        margin-bottom: 15px; }
    #tj-landing .testimonial-section .img-wrap-over .text-circle {
      position: relative;
      max-width: 310px;
      border-radius: 50%;
      height: 310px; }
      #tj-landing .testimonial-section .img-wrap-over .text-circle .c-iiner {
        padding: 11% 40px; }
        #tj-landing .testimonial-section .img-wrap-over .text-circle .c-iiner .rct {
          font-size: 16px;
          padding: 0 10px;
          position: relative;
          top: -15px; }
        #tj-landing .testimonial-section .img-wrap-over .text-circle .c-iiner .qut-down {
          bottom: 0; }
    #tj-landing .Image-overlay-section .bg-overly {
      height: 145vw; }
    #tj-landing .Image-overlay-section .middle-box .rtb {
      font-size: 16px;
      padding: 0 17%; }
    #tj-landing .heading {
      font-size: 28px !important; }
    #tj-landing .bg-coloe {
      padding: 0 5% 15%; }
      #tj-landing .bg-coloe .feature-row__text .tx-w-pad {
        padding: 0 24px; }
      #tj-landing .bg-coloe .feature-row__text .rte {
        font-size: 16px; }
    #tj-landing .Image-overlay-section .middle-box {
      transform: translate(0%, -58%);
      top: 58%; } }
  @media only screen and (max-width: 375px) and (min-width: 320px) {
    #tj-landing .tj-main-banner {
      margin-bottom: 35px; } }
  @media only screen and (max-width: 999px) and (min-width: 768px) {
    #tj-landing .heading {
      font-size: 28px !important; }
    #tj-landing .bg-coloe .feature-row__text .rte {
      font-size: 15px; }
    #tj-landing .tj-main-banner {
      height: 100vw;
      position: relative; }
      #tj-landing .tj-main-banner .choc-img {
        width: 100%;
        max-width: 276px;
        margin-bottom: 15px; }
    #tj-landing .testimonial-section .img-wrap-over .text-circle {
      position: relative; }
    #tj-landing .Image-overlay-section .middle-box {
      transform: translate(0%, 66%);
      max-width: 320px; }
      #tj-landing .Image-overlay-section .middle-box .heading {
        font-size: 24px !important; }
      #tj-landing .Image-overlay-section .middle-box .rtb {
        font-size: 16px; } }
  @media only screen and (max-width: 1200px) and (min-width: 999px) {
    #tj-landing .testimonial-section .img-wrap-over .text-circle .c-iiner {
      padding: 9% 5px; }
    #tj-landing .testimonial-section .img-wrap-over .text-circle {
      max-width: 375px;
      top: 15%;
      height: 375px; }
    #tj-landing .Image-overlay-section .middle-box {
      top: -12%; } }
  @media only screen and (min-width: 1600px) {
    #tj-landing .Image-overlay-section .middle-box {
      top: 10%; } }

@media only screen and (max-width: 999px) and (min-width: 768px) {
  .page-tj-landing .main-content {
    margin-top: 0; } }
/*======== tj-landing code end page ===========  */
.image-banner {
  margin: 10px 0;
  padding: 15px 0; }

@media only screen and (max-width: 999px) {
  .header-logo__image {
    margin: 0 auto; }

  .header-logo img {
    max-width: 160px; }

  .new-header {
    position: relative;
    left: -20px; }

  #mobileNavBar .mobileNavBar-link.nav_cart img {
    height: 28px;
    position: relative;
    right: 2px; }

  .close-btn {
    padding: 25px 25px 25px;
    position: relative;
    border: 1px solid #afdbc0;
    background: #afdbc0; }
    .close-btn a {
      display: block;
      position: relative;
      right: 0;
      text-align: right; }

  .hand-img-menu {
    text-align: center;
    padding-top: 22.8%; }

  .green-menu {
    background: #154331;
    padding: 8px 0 10px;
    margin-top: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    display: none; }
    .green-menu .flx-aco-fx {
      display: flex;
      display: -webkit-flex;
      /* Safari */
      -webkit-flex-wrap: wrap;
      /* Safari 6.1+ */
      flex-wrap: wrap;
      padding: 0 20px; }
      .green-menu .flx-aco-fx .acou {
        width: 50%; }
        .green-menu .flx-aco-fx .acou a {
          color: #fff;
          font-size: 14px; }

  .show-nav #talkable-offer {
    display: none; } }
/* Press page */
.press-page {
  color: #164331;
  padding-top: 0; }
  @media only screen and (min-width: 1024px) {
    .press-page {
      padding-top: 105px; } }
  .press-page h1, .press-page .h1, .press-page #shopify-product-reviews .spr-header-title, #shopify-product-reviews .press-page .spr-header-title, .press-page .h1, .press-page h4, .press-page .h4, .press-page .h4 {
    line-height: normal;
    color: #164331 !important;
    margin-bottom: 20px; }
  @media only screen and (min-width: 769px) and (max-width: 1023px) {
    .press-page h1, .press-page .h1, .press-page #shopify-product-reviews .spr-header-title, #shopify-product-reviews .press-page .spr-header-title {
      font-size: 45px !important; } }
  .press-page h4, .press-page .h4, .press-page .h4 {
    margin: 0; }
  .press-page .caps {
    text-transform: uppercase; }
  .press-page .custom-content.press-page-image-with-text {
    padding-top: 0; }
  .press-page .custom-content .custom__item.pad_0 {
    padding-left: 0;
    margin-bottom: 0;
    width: 100%; }
  @media screen and (max-width: 768px) {
    .press-page .press-page-quotes {
      padding: 0 30px; } }
  .press-page .press-page-quotes .custom-content {
    padding-top: 0; }
    @media screen and (min-width: 1200px) {
      .press-page .press-page-quotes .custom-content {
        margin-left: -60px; } }
    @media screen and (max-width: 768px) {
      .press-page .press-page-quotes .custom-content {
        margin-left: -30px; } }
    @media screen and (max-width: 480px) {
      .press-page .press-page-quotes .custom-content {
        margin-left: -15px; } }
    .press-page .press-page-quotes .custom-content .custom__item {
      margin-top: 35px; }
      @media screen and (min-width: 1200px) {
        .press-page .press-page-quotes .custom-content .custom__item {
          padding-left: 60px; } }
      .press-page .press-page-quotes .custom-content .custom__item h4, .press-page .press-page-quotes .custom-content .custom__item .h4, .press-page .press-page-quotes .custom-content .custom__item .h4 {
        margin: 0;
        font-family: 'Avenir-Black' !important; }
        @media only screen and (min-width: 769px) and (max-width: 1199px) {
          .press-page .press-page-quotes .custom-content .custom__item h4, .press-page .press-page-quotes .custom-content .custom__item .h4, .press-page .press-page-quotes .custom-content .custom__item .h4 {
            font-size: 20px !important; } }
      @media only screen and (min-width: 769px) and (max-width: 1023px) {
        .press-page .press-page-quotes .custom-content .custom__item {
          max-width: 350px;
          width: 100%;
          margin-left: auto;
          margin-right: auto; } }
      @media screen and (max-width: 768px) {
        .press-page .press-page-quotes .custom-content .custom__item {
          max-width: 320px;
          margin-left: auto;
          margin-right: auto; } }
      .press-page .press-page-quotes .custom-content .custom__item .square_box {
        position: relative; }
        .press-page .press-page-quotes .custom-content .custom__item .square_box:hover .bg_circle {
          background: #5ac1ab !important; }
        .press-page .press-page-quotes .custom-content .custom__item .square_box .bg_circle {
          display: block;
          border-radius: 100%;
          height: 0;
          padding-top: 100%;
          width: 100%;
          z-index: 0;
          position: relative;
          transform: translate(-6px, -6px); }
        .press-page .press-page-quotes .custom-content .custom__item .square_box .custom__item-inner {
          bottom: 0;
          height: 100%;
          left: 0;
          position: absolute;
          right: 0;
          top: 0;
          width: 100%;
          display: flex;
          padding: 40px 60px;
          z-index: 2;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center;
          align-content: space-evenly;
          border: 4px solid #164331;
          border-radius: 100%;
          text-align: center;
          transform: translate(6px, 6px); }
          @media only screen and (min-width: 769px) and (max-width: 1199px) {
            .press-page .press-page-quotes .custom-content .custom__item .square_box .custom__item-inner {
              padding-left: 45px;
              padding-right: 45px; } }
          @media screen and (max-width: 768px) {
            .press-page .press-page-quotes .custom-content .custom__item .square_box .custom__item-inner {
              padding: 35px; } }
          .press-page .press-page-quotes .custom-content .custom__item .square_box .custom__item-inner .read_more_btn {
            font-family: 'Avenir-Black' !important;
            text-transform: uppercase;
            color: #164331;
            text-decoration: underline; }
          .press-page .press-page-quotes .custom-content .custom__item .square_box .custom__item-inner .brand-logo {
            display: block;
            width: 100%; }
  .press-page .Image-overlay-section .bg-overly {
    position: relative; }
    .press-page .Image-overlay-section .bg-overly img {
      width: 100%;
      display: block; }
    .press-page .Image-overlay-section .bg-overly .middle-box {
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      text-align: center;
      max-width: 700px;
      margin: 0 auto;
      width: 100%;
      left: 0;
      right: 0;
      padding: 0 30px; }
      @media only screen and (min-width: 769px) {
        .press-page .Image-overlay-section .bg-overly .middle-box .border_bottom {
          display: inline-block;
          position: relative;
          z-index: 1;
          padding-bottom: 0px; }
          .press-page .Image-overlay-section .bg-overly .middle-box .border_bottom:before {
            content: '';
            position: absolute;
            background: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/border.png?v=121851420868152220851684450817) no-repeat scroll 0 0;
            bottom: 0;
            left: 0;
            z-index: -1;
            width: 100%;
            height: 20px;
            background-size: contain;
            background-position: bottom; } }
      .press-page .Image-overlay-section .bg-overly .middle-box p {
        font-family: 'Avenir-Book' !important;
        font-size: 35px !important;
        letter-spacing: 1.5px; }
        @media only screen and (min-width: 769px) and (max-width: 1023px) {
          .press-page .Image-overlay-section .bg-overly .middle-box p {
            font-size: 25px !important; } }
        @media screen and (max-width: 768px) {
          .press-page .Image-overlay-section .bg-overly .middle-box p {
            padding-top: 20px;
            padding-bottom: 20px;
            font-size: 20px !important; } }
      @media only screen and (min-width: 1024px) {
        .press-page .Image-overlay-section .bg-overly .middle-box .bottom_content {
          padding-top: 15%; } }
      @media only screen and (min-width: 769px) and (max-width: 1023px) {
        .press-page .Image-overlay-section .bg-overly .middle-box .bottom_content {
          padding-top: 4%; } }
      .press-page .Image-overlay-section .bg-overly .middle-box .bottom_content .email a {
        font-weight: 500;
        color: #164331;
        font-style: oblique; }
      @media screen and (max-width: 768px) {
        .press-page .Image-overlay-section .bg-overly .middle-box .bottom_content .email {
          padding: 0; } }

/*============== trial-pack-offer css  ==================*/
#trial-pack-offer .main-content {
  max-width: 100%;
  padding: 0 0; }
#trial-pack-offer .site-header {
  background-color: #59c3af; }
#trial-pack-offer .site-footer {
  display: none; }
#trial-pack-offer .announcement_bar {
  display: none; }
#trial-pack-offer a.site-nav--link {
  display: none; }

#trial-pack-landing .cut-flx {
  display: flex;
  flex-wrap: wrap; }
#trial-pack-landing .op-c {
  opacity: 0;
  visibility: hidden;
  cursor: pointer; }
#trial-pack-landing .main-trial-landing {
  padding: 17.5% 0; }
#trial-pack-landing .content-box {
  position: relative; }
  #trial-pack-landing .content-box h1, #trial-pack-landing .content-box .h1, #trial-pack-landing .content-box #shopify-product-reviews .spr-header-title, #shopify-product-reviews #trial-pack-landing .content-box .spr-header-title {
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 40px !important;
    color: #fff !important;
    padding-bottom: 30px; }
    #trial-pack-landing .content-box h1 span, #trial-pack-landing .content-box .h1 span, #trial-pack-landing .content-box #shopify-product-reviews .spr-header-title span, #shopify-product-reviews #trial-pack-landing .content-box .spr-header-title span {
      color: #ffc20e; }
  #trial-pack-landing .content-box .line-w {
    font-family: 'Avenir-Black' !important;
    font-size: 20px;
    position: absolute;
    top: 6.6em; }
  #trial-pack-landing .content-box .lin-point {
    font-family: 'Avenir-Book' !important;
    color: #fff;
    font-size: 16px;
    margin: 0 0;
    position: absolute;
    top: 11em; }
  #trial-pack-landing .content-box .bt-n-box {
    position: absolute;
    bottom: -6.7em; }
#trial-pack-landing .process-section {
  padding: 45px 0px;
  position: relative; }
  #trial-pack-landing .process-section .block-steps {
    text-align: center; }
    #trial-pack-landing .process-section .block-steps img {
      max-width: 160px; }
  #trial-pack-landing .process-section .cont {
    padding-top: 25px;
    font-size: 20px;
    color: #154332 !important;
    font-weight: 600; }
    #trial-pack-landing .process-section .cont strong {
      font-weight: 500;
      font-family: 'Avenir-Black' !important;
      font-size: 26px;
      color: #2a5443; }
  #trial-pack-landing .process-section .flex-svg-arrow {
    display: flex;
    flex-wrap: wrap;
    max-width: 940px;
    justify-content: space-around;
    margin: 0 auto; }
    #trial-pack-landing .process-section .flex-svg-arrow .arrow1 img {
      width: 135px; }
    #trial-pack-landing .process-section .flex-svg-arrow .arrow2 img {
      width: 135px; }
  #trial-pack-landing .process-section .svg-arow {
    position: absolute;
    left: 0;
    right: 0;
    top: 35%; }
#trial-pack-landing .rich-section {
  padding: 4.4em 0 8em;
  position: relative; }
  #trial-pack-landing .rich-section .rich-box {
    text-align: center;
    max-width: 600px;
    margin: 0 auto; }
    #trial-pack-landing .rich-section .rich-box h2, #trial-pack-landing .rich-section .rich-box .h2 {
      font-weight: 500;
      letter-spacing: 1px;
      font-size: 34px !important; }
      #trial-pack-landing .rich-section .rich-box h2 span, #trial-pack-landing .rich-section .rich-box .h2 span {
        color: #ffc10d; }
    #trial-pack-landing .rich-section .rich-box .rtl {
      font-size: 19px;
      padding: 0 5%;
      color: #174332;
      font-weight: 600; }
  #trial-pack-landing .rich-section .img1 {
    position: absolute;
    top: 15%;
    left: 5%; }
  #trial-pack-landing .rich-section .img2 {
    position: absolute;
    top: 45%;
    left: 5%; }
  #trial-pack-landing .rich-section .imgbotom1 {
    position: absolute;
    bottom: 3%;
    left: 15%; }
  #trial-pack-landing .rich-section .img3 {
    position: absolute;
    top: 15%;
    right: 5%; }
  #trial-pack-landing .rich-section .img4 {
    position: absolute;
    top: 45%;
    right: 5%; }
  #trial-pack-landing .rich-section .imgbotom2 {
    position: absolute;
    bottom: 3%;
    right: 15%; }
#trial-pack-landing .imag-text-se {
  padding: 40px 0; }
  #trial-pack-landing .imag-text-se .conter-left {
    padding-left: 8%; }
    #trial-pack-landing .imag-text-se .conter-left h2, #trial-pack-landing .imag-text-se .conter-left .h2 {
      font-size: 32px !important;
      color: #fff !important;
      text-align: left; }
    #trial-pack-landing .imag-text-se .conter-left .pric-text {
      font-size: 36px;
      font-family: 'Avenir-Black' !important;
      color: #154331;
      padding-top: 10px; }
      #trial-pack-landing .imag-text-se .conter-left .pric-text .y-c {
        background: #ffc10d;
        padding: 10px 13px;
        border-radius: 50%; }
  #trial-pack-landing .imag-text-se .image-right {
    text-align: center;
    position: relative; }
    #trial-pack-landing .imag-text-se .image-right .arrow {
      position: absolute;
      transform: scaley(-1);
      bottom: 23%;
      left: -35%; }
      #trial-pack-landing .imag-text-se .image-right .arrow img {
        width: 75%; }
  #trial-pack-landing .imag-text-se .bt-n-box {
    margin: 2.5em 0 0; }
#trial-pack-landing #shopify-section-review-trial .header {
  text-align: center; }
  #trial-pack-landing #shopify-section-review-trial .header h2, #trial-pack-landing #shopify-section-review-trial .header .h2 {
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 34px !important; }
#trial-pack-landing #shopify-section-review-trial .quotes-slider__text {
  width: 100%;
  max-width: 530px;
  margin: 0 auto; }
  #trial-pack-landing #shopify-section-review-trial .quotes-slider__text .rte-setting {
    min-height: 400px;
    display: flex;
    margin: auto;
    width: 80%;
    align-items: center;
    justify-content: center;
    padding: 50px;
    border-radius: 50%;
    font-size: 14px;
    color: #174332;
    font-weight: 600; }
#trial-pack-landing .footer-tril {
  padding: 55px 0; }
  #trial-pack-landing .footer-tril .hand-logo {
    text-align: center; }
    #trial-pack-landing .footer-tril .hand-logo img {
      width: 100%;
      max-width: 100px; }
#trial-pack-landing .block-loop {
  padding: 45px 0 0; }
  #trial-pack-landing .block-loop .loop-flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center; }
  #trial-pack-landing .block-loop .circle-box {
    background: #eff5ef;
    border: 1px solid #2a5443;
    width: 190px;
    margin: 10px;
    border-radius: 50%;
    height: 190px;
    padding: 20px; }
    #trial-pack-landing .block-loop .circle-box .in-conte {
      padding: 25px 5px; }
      #trial-pack-landing .block-loop .circle-box .in-conte p {
        font-size: 13px;
        color: #2a5443;
        margin-bottom: 5px;
        font-weight: 600; }
      #trial-pack-landing .block-loop .circle-box .in-conte .red-more {
        font-weight: 900;
        letter-spacing: 0;
        font-size: 12px;
        text-decoration: underline; }
#trial-pack-landing #slider-product-slider {
  padding: 55px 0; }
  #trial-pack-landing #slider-product-slider .conter {
    padding-left: 8px; }
    #trial-pack-landing #slider-product-slider .conter h2, #trial-pack-landing #slider-product-slider .conter .h2 {
      text-transform: uppercase;
      font-size: 36px !important; }
    #trial-pack-landing #slider-product-slider .conter .img-fl-list {
      display: flex;
      flex-wrap: wrap; }
      #trial-pack-landing #slider-product-slider .conter .img-fl-list img {
        padding: 0 10px 0 0; }
    #trial-pack-landing #slider-product-slider .conter .imgb {
      padding: 15px 0; }
    #trial-pack-landing #slider-product-slider .conter .intega {
      margin: 14px 0; }
      #trial-pack-landing #slider-product-slider .conter .intega .hea {
        color: #2d6e5e !important;
        font-size: 23px !important; }
      #trial-pack-landing #slider-product-slider .conter .intega p {
        margin-bottom: 0;
        color: #2d6e5e;
        font-weight: 600;
        font-size: 14.5px; }
  #trial-pack-landing #slider-product-slider .bt-n-box {
    padding: 10px 0; }
  #trial-pack-landing #slider-product-slider .your-classslider {
    position: relative; }
  #trial-pack-landing #slider-product-slider .img-box {
    text-align: center; }
    #trial-pack-landing #slider-product-slider .img-box img {
      margin: auto 10%; }
  #trial-pack-landing #slider-product-slider .pr-trial-prev {
    outline: none;
    border: none;
    background-color: #2d6e5e;
    height: 47px;
    width: 47px;
    border-radius: 50%;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 5%;
    z-index: 99; }
    #trial-pack-landing #slider-product-slider .pr-trial-prev .bg-arrow-l {
      background: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/29/assets/slider-arrow-left.svg?v=12409684472017810639);
      background-size: cover;
      background-repeat: no-repeat;
      padding: 0px 13px;
      position: relative;
      left: -2px; }
  #trial-pack-landing #slider-product-slider .pr-trial-nxt {
    outline: none;
    border: none;
    background-color: #2d6e5e;
    height: 47px;
    width: 47px;
    border-radius: 50%;
    padding: 0;
    position: absolute;
    top: 50%;
    right: 59%;
    z-index: 99; }
    #trial-pack-landing #slider-product-slider .pr-trial-nxt .bg-arrow-r {
      background: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/29/assets/slider-arrow-right.svg?v=754406481357450940);
      background-size: cover;
      background-repeat: no-repeat;
      padding: 0px 13px;
      position: relative;
      left: 3px; }
@media only screen and (min-width: 769px) {
  #trial-pack-landing .deks-hide {
    display: none; } }
@media only screen and (max-width: 768px) {
  #trial-pack-landing .small--hide {
    display: none !important; }
  #trial-pack-landing .cut-flx {
    display: block;
    flex-wrap: inherit;
    margin-left: 0; }
  #trial-pack-landing #slider-product-slider .pr-trial-prev {
    top: 17%;
    left: 0;
    z-index: 2; }
  #trial-pack-landing #slider-product-slider .pr-trial-nxt {
    top: 17%;
    right: -6px;
    z-index: 2;
    left: unset; }
  #trial-pack-landing #slider-product-slider .img-box img {
    margin: auto 0;
    width: 100%; }
  #trial-pack-landing #slider-product-slider .conter {
    padding-left: 8px;
    text-align: center;
    padding-top: 10%; }
    #trial-pack-landing #slider-product-slider .conter h2, #trial-pack-landing #slider-product-slider .conter .h2 {
      font-size: 28px !important; }
    #trial-pack-landing #slider-product-slider .conter .img-fl-list {
      justify-content: center; }
      #trial-pack-landing #slider-product-slider .conter .img-fl-list img {
        padding: 0 10px 0 0; }
    #trial-pack-landing #slider-product-slider .conter .imgb img {
      width: 100%; }
    #trial-pack-landing #slider-product-slider .conter p {
      font-size: 14.5px; }
  #trial-pack-landing .process-section .block-steps {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px; }
  #trial-pack-landing .process-section .svg-arow {
    position: absolute;
    left: 0;
    right: 0;
    top: 35%;
    display: none; }
  #trial-pack-landing .process-section .cont {
    padding-top: 0;
    font-size: 20px;
    padding-bottom: 20px; }
  #trial-pack-landing .imag-text-se .conter-left {
    padding-left: 4%;
    text-align: center; }
    #trial-pack-landing .imag-text-se .conter-left h2, #trial-pack-landing .imag-text-se .conter-left .h2 {
      font-size: 24px !important;
      text-align: center; }
    #trial-pack-landing .imag-text-se .conter-left .pric-text {
      font-size: 32px;
      text-align: center; }
  #trial-pack-landing .imag-text-se .bt-n-box {
    margin: 1.5em 0 0; }
  #trial-pack-landing .imag-text-se .image-right img {
    width: 100%;
    margin: 0 auto;
    max-width: 80%; }
  #trial-pack-landing #shopify-section-review-trial .header h2, #trial-pack-landing #shopify-section-review-trial .header .h2 {
    font-size: 28px !important; }
  #trial-pack-landing #shopify-section-review-trial .quotes-slider__text {
    width: 100%;
    max-width: 300px;
    margin: 0 auto; }
    #trial-pack-landing #shopify-section-review-trial .quotes-slider__text .rte-setting {
      min-height: 270px;
      width: 100%;
      font-size: 13px; }
  #trial-pack-landing .rich-section .rich-box h2, #trial-pack-landing .rich-section .rich-box .h2 {
    font-size: 28px !important; }
  #trial-pack-landing .rich-section .img1 {
    display: none; }
  #trial-pack-landing .rich-section .img2 {
    display: none; }
  #trial-pack-landing .rich-section .imgbotom1 {
    bottom: 3%;
    left: 5%;
    text-align: left; }
    #trial-pack-landing .rich-section .imgbotom1 img {
      width: 60%; }
  #trial-pack-landing .rich-section .img3 {
    display: none; }
  #trial-pack-landing .rich-section .img4 {
    display: none; }
  #trial-pack-landing .rich-section .imgbotom2 {
    bottom: 3%;
    right: 5%;
    text-align: right; }
    #trial-pack-landing .rich-section .imgbotom2 img {
      width: 60%; }
  #trial-pack-landing .main-trial-landing {
    padding: 3.5% 0 14%; }
  #trial-pack-landing .content-box {
    text-align: center; }
    #trial-pack-landing .content-box h1, #trial-pack-landing .content-box .h1, #trial-pack-landing .content-box #shopify-product-reviews .spr-header-title, #shopify-product-reviews #trial-pack-landing .content-box .spr-header-title {
      padding-bottom: 10px; }
    #trial-pack-landing .content-box .line-w {
      font-size: 15px;
      position: relative;
      top: 0; }
    #trial-pack-landing .content-box .lin-point {
      font-size: 12px;
      margin: 9px 0 0;
      position: relative;
      top: 0; }
    #trial-pack-landing .content-box .bt-n-box {
      position: relative;
      bottom: 0;
      top: 1em; }
  #trial-pack-landing .mob-img img {
    width: 100%; } }

@media only screen and (min-width: 390px) and (max-width: 450px) {
  #trial-pack-landing #slider-product-slider .pr-trial-nxt {
    top: 18%; }

  #trial-pack-landing #slider-product-slider .pr-trial-prev {
    top: 18%; } }
@media only screen and (max-width: 1023px) {
  #trial-pack-offer #mobileNavBar {
    background: #59c3af; }
  #trial-pack-offer .new-header {
    display: none; }
  #trial-pack-offer .mobileNavBar-link {
    display: none; } }
@media only screen and (min-width: 590px) and (max-width: 768px) {
  #trial-pack-landing #slider-product-slider .img-box img {
    margin: 0 auto;
    width: 70%; } }
@media only screen and (min-width: 769px) and (max-width: 1045px) {
  #trial-pack-landing #slider-product-slider .pr-trial-nxt {
    right: 50%; } }
@media only screen and (min-width: 769px) and (max-width: 1150px) {
  #trial-pack-landing .process-section .flex-svg-arrow {
    max-width: 700px; }

  #trial-pack-landing .rich-section .img1 img {
    width: 70%; }

  #trial-pack-landing .rich-section .img2 img {
    width: 70%; }

  #trial-pack-landing .rich-section .img3 img {
    width: 70%; }

  #trial-pack-landing .rich-section .img4 img {
    width: 70%; }

  #trial-pack-landing .rich-section .imgbotom1 img {
    width: 80%; }

  #trial-pack-landing .rich-section .imgbotom2 img {
    width: 80%; } }
@media only screen and (min-width: 769px) and (max-width: 999px) {
  #trial-pack-landing #slider-product-slider .img-box img {
    margin: auto 0; }

  #trial-pack-landing #slider-product-slider .conter .imgb img {
    width: 100%; }

  #trial-pack-landing #slider-product-slider .pr-trial-prev {
    left: 0; }

  #trial-pack-landing .imag-text-se .image-right img {
    width: 100%; } }
@media only screen and (min-width: 1600px) {
  #trial-pack-landing #slider-product-slider .pr-trial-prev {
    top: 45%;
    left: 4.9%; }

  #trial-pack-landing #slider-product-slider .pr-trial-nxt {
    top: 45%;
    right: 59.1%; }

  #trial-pack-landing .main-trial-landing {
    padding: 12.5% 0 21.5%; }

  #trial-pack-landing #slider-product-slider .conter .img-fl-list img {
    padding: 0 10px 0 0; } }
.img-fl-list img {
  width: 100%;
  max-width: 100px; }

#shopify-section-collection-list-template #ComparePrice {
  font-size: 34px; }

#aloha-sampler-pack-12-bar-box-all-three-flavors-of-protein-drink .grid-uniform .large--one-quarter:nth-child(4n+1) {
  clear: none; }

#community .newsletter-section {
  display: block; }
#community .newsletter-section .newsletter-page .news_width {
  min-width: 960px;
  width: 40%;
  margin: 0 auto;
  padding: 40px 0 0; }
#community .newsletter-section, #community .newsletter-page {
  padding-bottom: 0; }
#community #contact_form {
  padding-bottom: 40px; }
#community .newsletter-section .newsletter-page {
  background-size: cover !important; }
@media only screen and (max-width: 768px) {
  #community .newsletter-section .newsletter-page .news_width {
    min-width: 100%;
    margin: 0 auto;
    padding: 40px 15px 0; } }

.collection-addToCartForm.addToCartForm-PDP {
  justify-content: center;
  align-items: center; }
  .collection-addToCartForm.addToCartForm-PDP .product_qty-wrap.js-qty-wrap {
    margin: 0; }
  .collection-addToCartForm.addToCartForm-PDP .product_btn-wrap {
    padding: 0 0 0 20px; }

/* ===== highest-value-two temp CSS ====  */
.handle-page--collection-highest-value-2 .main-conten-col {
  max-width: 100%;
  padding: 0; }
@media only screen and (max-width: 768px) {
  .handle-page--collection-highest-value-2 .btn.btn--stereo-fx span, .handle-page--collection-highest-value-2 .btn--stereo-fx.btn-secondary span, .handle-page--collection-highest-value-2 input.btn--stereo-fx[type="submit"] span, .handle-page--collection-highest-value-2 .shopify-payment-button .btn--stereo-fx.shopify-payment-button__button--unbranded span, .shopify-payment-button .handle-page--collection-highest-value-2 .btn--stereo-fx.shopify-payment-button__button--unbranded span, .handle-page--collection-highest-value-2 #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx span, #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) .handle-page--collection-highest-value-2 button.btn--stereo-fx span,
  .handle-page--collection-highest-value-2 #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx span,
  #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) .handle-page--collection-highest-value-2 button.btn--stereo-fx span,
  .handle-page--collection-highest-value-2 #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.btn--stereo-fx span,
  #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) .handle-page--collection-highest-value-2 button.btn--stereo-fx span,
  .handle-page--collection-highest-value-2 #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.btn--stereo-fx span,
  #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) .handle-page--collection-highest-value-2 button.btn--stereo-fx span, .handle-page--collection-highest-value-2 #loyaltylion .btn--stereo-fx.lion-action-modal__button span, #loyaltylion .handle-page--collection-highest-value-2 .btn--stereo-fx.lion-action-modal__button span,
  .handle-page--collection-highest-value-2 #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--confirm span,
  #loyaltylion .handle-page--collection-highest-value-2 .btn--stereo-fx.lion-redeem-reward-modal__button--confirm span, .handle-page--collection-highest-value-2 #loyaltylion .btn--stereo-fx.lion-redeem-reward-modal__button--cancel span, #loyaltylion .handle-page--collection-highest-value-2 .btn--stereo-fx.lion-redeem-reward-modal__button--cancel span, .handle-page--collection-highest-value-2 #loyaltylion .lion-referral-email-form__buttons .btn--stereo-fx.lion-action-button span, #loyaltylion .lion-referral-email-form__buttons .handle-page--collection-highest-value-2 .btn--stereo-fx.lion-action-button span, .handle-page--collection-highest-value-2 .btn--stereo-fx.btn-secondary span, .handle-page--collection-highest-value-2 input.btn--stereo-fx[type="submit"] span, .handle-page--collection-highest-value-2 .shopify-payment-button .btn--stereo-fx.shopify-payment-button__button--unbranded span {
    display: inline-block;
    padding: 5px 22px;
    position: relative;
    white-space: nowrap;
    z-index: 2;
    font-size: 12px; } }

.coll-banner-h2 img {
  width: 100%; }
@media only screen and (min-width: 768px) {
  .coll-banner-h2 .medium-up--hide {
    display: none; } }
@media only screen and (max-width: 768px) {
  .coll-banner-h2 .small--hide {
    display: none; } }

@media only screen and (max-width: 730px) {
  #shopify-section-collection-template-highest-price-2 .small--one-whole {
    width: 100%; }

  #toggleFilters {
    display: none; } }
/* ===== highest-value-two temp CSS ====  */
#shopify-section-collection-list-template .product_btn-wrap:before {
  height: 120px;
  width: 120px; }
@media only screen and (min-width: 768px) {
  #shopify-section-collection-list-template .medium-up--hide {
    display: none; } }
@media only screen and (max-width: 768px) {
  #shopify-section-collection-list-template .small--hide {
    display: none; }
  #shopify-section-collection-list-template .product-item--price .h1 {
    margin-bottom: 0;
    text-align: center;
    width: 100%;
    margin: 0 auto; }
  #shopify-section-collection-list-template .product_btn-wrap:before {
    height: 90px;
    right: 50px;
    top: 0;
    width: 90px; }
  #shopify-section-collection-list-template .mo-qty-wrap {
    width: 100%;
    margin: 0 auto; }
    #shopify-section-collection-list-template .mo-qty-wrap .product_qty-wrap.js-qty-wrap {
      margin: auto auto 20px; }
  #shopify-section-collection-list-template .mo-addpr-wrap {
    width: 100%;
    margin: 0 auto; }
    #shopify-section-collection-list-template .mo-addpr-wrap .product_btn-wrap {
      margin-right: 0; } }

/*====== Footer form code ===========  */
.footer-wrapper {
  position: relative; }

.box-extra-txt {
  position: absolute;
  right: 9.4%;
  width: 100%;
  max-width: 360px;
  bottom: 1%;
  margin: 0 auto; }
  @media only screen and (max-width: 768px) {
    .box-extra-txt {
      position: relative;
      right: 0;
      top: 2em; } }
  .box-extra-txt p {
    font-size: 11.5px;
    text-align: left;
    margin-bottom: 0; }
    @media only screen and (max-width: 768px) {
      .box-extra-txt p {
        text-align: center;
        font-size: 12px; } }
  .box-extra-txt .mpyDQ.mpyDQ {
    padding: 0px 0px !important; }
  .box-extra-txt .kl-private-reset-css-Xuajs1 input[type="email"]::placeholder {
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 0 0 !important;
    background-color: #eff5ee !important; }
  .box-extra-txt .brjlYA.brjlYA.brjlYA.brjlYA.brjlYA.brjlYA {
    height: 35px;
    background-color: #eff5ee !important; }
  .box-extra-txt .eyGSSO.eyGSSO.eyGSSO.eyGSSO.eyGSSO.eyGSSO {
    padding: 6px 10px  !important; }
  .box-extra-txt .iJdHli.iJdHli.iJdHli.iJdHli.iJdHli.iJdHli {
    height: 35px;
    background-color: #eff5ee !important; }

/*====== Footer form end code ===========  */
#coconut-almond-chocolate-bar-12-bar-box .featured-product-image-wrap {
  border: 5px solid #51352a; }

/*====== B crop page Css ===========  */
#b-corp .wrapper {
  max-width: 100%;
  margin: 0;
  padding: 0; }

#b-crops {
  margin-top: 5em; }
  @media only screen and (max-width: 768px) {
    #b-crops .rte-txt {
      font-size: 18px !important; } }
  @media only screen and (max-width: 768px) {
    #b-crops {
      margin-top: 0; } }
  #b-crops .b-cop-head {
    font-size: 36px !important;
    color: #0f5a47 !important; }
    @media only screen and (max-width: 768px) {
      #b-crops .b-cop-head {
        font-size: 24px !important; } }
  #b-crops .witoyt-br {
    color: #164231;
    font-family: "Avenir-Black";
    font-weight: 900;
    font-size: 22px;
    letter-spacing: 3px;
    border-bottom: 1px solid #164231;
    margin-top: 24px;
    display: inline-block; }
    @media only screen and (max-width: 768px) {
      #b-crops .witoyt-br {
        font-size: 18px; } }
  #b-crops .main-banner {
    height: 36vw;
    position: relative; }
    @media only screen and (max-width: 768px) {
      #b-crops .main-banner {
        height: 85vh; } }
  #b-crops .inner-her-1-block {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    width: 100%;
    color: #fff;
    transform: translateY(-50%); }
    @media only screen and (max-width: 767px) {
      #b-crops .inner-her-1-block {
        top: 40px;
        transform: none; } }
    #b-crops .inner-her-1-block .logostx-container {
      margin-left: 10%;
      max-width: 500px;
      display: grid;
      grid-template-columns: 100px 1fr;
      grid-column-gap: 30px;
      align-items: center; }
      @media only screen and (max-width: 767px) {
        #b-crops .inner-her-1-block .logostx-container {
          grid-template-columns: 1fr;
          grid-row-gap: 20px;
          margin: 0;
          text-align: center; } }
      #b-crops .inner-her-1-block .logostx-container img {
        width: 100%;
        max-width: 100px; }
        @media only screen and (max-width: 767px) {
          #b-crops .inner-her-1-block .logostx-container img {
            width: 100%;
            max-width: 80px;
            margin: 0 auto; } }
      #b-crops .inner-her-1-block .logostx-container .content-wrap {
        border-left: 2px solid #FFF;
        padding-left: 30px; }
        @media only screen and (max-width: 767px) {
          #b-crops .inner-her-1-block .logostx-container .content-wrap {
            padding: 0 50px;
            border: none; } }
      #b-crops .inner-her-1-block .logostx-container h1, #b-crops .inner-her-1-block .logostx-container .h1, #b-crops .inner-her-1-block .logostx-container #shopify-product-reviews .spr-header-title, #shopify-product-reviews #b-crops .inner-her-1-block .logostx-container .spr-header-title {
        color: #fff !important;
        margin-bottom: 0;
        font-size: 40px !important; }
        @media only screen and (max-width: 767px) {
          #b-crops .inner-her-1-block .logostx-container h1, #b-crops .inner-her-1-block .logostx-container .h1, #b-crops .inner-her-1-block .logostx-container #shopify-product-reviews .spr-header-title, #shopify-product-reviews #b-crops .inner-her-1-block .logostx-container .spr-header-title {
            font-size: 30px !important; } }
      #b-crops .inner-her-1-block .logostx-container p {
        font-size: 26px;
        font-weight: 600; }
        @media only screen and (max-width: 768px) {
          #b-crops .inner-her-1-block .logostx-container p {
            font-size: 18px;
            font-weight: 600;
            padding: 0 10%; } }
  #b-crops .richtext-one .inner-section {
    max-width: 1000px;
    margin: 0 auto;
    padding: 4em 45px; }
    @media only screen and (max-width: 768px) {
      #b-crops .richtext-one .inner-section {
        max-width: 1000px;
        margin: 0 auto;
        padding: 2em 15px;
        width: 100%;
        text-align: center; } }
  #b-crops .richtext-one .box-txtbcr {
    padding: 30px 0;
    color: #154332; }
  #b-crops .richtext-one h2, #b-crops .richtext-one .h2 {
    color: #154332 !important;
    font-size: 36px !important;
    letter-spacing: 1px; }
    @media only screen and (max-width: 768px) {
      #b-crops .richtext-one h2, #b-crops .richtext-one .h2 {
        font-size: 24px !important;
        letter-spacing: 1px;
        margin-bottom: 26px; } }
  #b-crops .richtext-one .rte-txt {
    font-size: 24px;
    color: #154332; }
  #b-crops .richtext-one .block-1 {
    margin-bottom: 7%; }
  #b-crops .richtext-one a {
    color: #164231;
    font-family: "Avenir-Black";
    font-weight: 900;
    font-size: 22px;
    letter-spacing: 3px;
    border-bottom: 1px solid #164231;
    margin-top: 24px;
    display: inline-block; }
    @media only screen and (max-width: 768px) {
      #b-crops .richtext-one a {
        font-size: 18px; } }
  #b-crops #shopify-section-our-score .bg-color-bann, #b-crops #shopify-section-ca-donationour-score .bg-color-bann {
    padding: 4em 0;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      #b-crops #shopify-section-our-score .bg-color-bann, #b-crops #shopify-section-ca-donationour-score .bg-color-bann {
        padding: 3em 0; } }
  #b-crops #shopify-section-our-score .color-flex, #b-crops #shopify-section-ca-donationour-score .color-flex {
    flex-wrap: wrap;
    justify-content: center; }
  #b-crops #shopify-section-our-score .cri-txt-wrap, #b-crops #shopify-section-ca-donationour-score .cri-txt-wrap {
    width: 33.33%;
    max-width: 33.33%;
    display: grid;
    grid-template-columns: 120px 1fr;
    grid-column-gap: 15px;
    align-items: center;
    text-align: left;
    padding: 15px; }
    @media (max-width: 767px) {
      #b-crops #shopify-section-our-score .cri-txt-wrap, #b-crops #shopify-section-ca-donationour-score .cri-txt-wrap {
        width: 50%;
        max-width: 50%;
        align-items: flex-start;
        grid-template-rows: 120px;
        grid-template-columns: 1fr;
        grid-row-gap: 15px;
        text-align: center; }
        #b-crops #shopify-section-our-score .cri-txt-wrap:nth-child(3), #b-crops #shopify-section-ca-donationour-score .cri-txt-wrap:nth-child(3) {
          width: 100%;
          max-width: 100%; }
          #b-crops #shopify-section-our-score .cri-txt-wrap:nth-child(3) div:nth-child(2), #b-crops #shopify-section-ca-donationour-score .cri-txt-wrap:nth-child(3) div:nth-child(2) {
            width: 50%;
            margin: 0 auto; } }
    #b-crops #shopify-section-our-score .cri-txt-wrap .cirl, #b-crops #shopify-section-ca-donationour-score .cri-txt-wrap .cirl {
      padding: 0;
      width: 120px;
      height: 120px; }
      #b-crops #shopify-section-our-score .cri-txt-wrap .cirl sapn, #b-crops #shopify-section-ca-donationour-score .cri-txt-wrap .cirl sapn {
        line-height: 120px; }
    #b-crops #shopify-section-our-score .cri-txt-wrap .cir-titl, #b-crops #shopify-section-ca-donationour-score .cri-txt-wrap .cir-titl {
      margin-top: 0;
      margin-bottom: 5px; }
    #b-crops #shopify-section-our-score .cri-txt-wrap .cir-desc, #b-crops #shopify-section-ca-donationour-score .cri-txt-wrap .cir-desc {
      font-size: 19px !important;
      color: #0f5a47;
      margin: 0;
      line-height: 1.2; }
  #b-crops .inn-scro {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; }
    #b-crops .inn-scro .block-titl p {
      font-size: 75px;
      font-weight: 600;
      color: #1d5a47;
      font-family: 'Avenir-Black' !important;
      margin-bottom: 23px; }
      @media only screen and (max-width: 768px) {
        #b-crops .inn-scro .block-titl p {
          font-size: 55px;
          margin-bottom: 0; } }
    #b-crops .inn-scro .color-flex {
      display: flex;
      justify-content: space-around;
      padding: 30px 0; }
      @media only screen and (max-width: 768px) {
        #b-crops .inn-scro .color-flex {
          display: flex;
          justify-content: center;
          padding: 20px 15px;
          flex-wrap: wrap; } }
    @media only screen and (max-width: 768px) {
      #b-crops .inn-scro .cri-txt-wrap {
        padding: 0 3px; } }
    #b-crops .inn-scro .cri-txt-wrap .cirl {
      width: 150px;
      height: 150px;
      margin: 0 auto;
      text-align: center;
      border-radius: 50%;
      color: #fff;
      padding: 27% 0; }
      @media only screen and (max-width: 768px) {
        #b-crops .inn-scro .cri-txt-wrap .cirl {
          width: 100px;
          height: 100px; } }
      #b-crops .inn-scro .cri-txt-wrap .cirl sapn {
        font-size: 45px;
        font-weight: 600;
        display: block;
        line-height: 150px; }
        @media only screen and (max-width: 768px) {
          #b-crops .inn-scro .cri-txt-wrap .cirl sapn {
            font-size: 28px;
            font-weight: 600; } }
    #b-crops .inn-scro .cri-txt-wrap p {
      font-size: 24px !important;
      font-weight: 600;
      margin-top: 16px; }
      @media only screen and (max-width: 768px) {
        #b-crops .inn-scro .cri-txt-wrap p {
          font-size: 18px !important;
          margin-top: 10px; } }
    #b-crops .inn-scro .center-btn {
      margin: 10px 0 10px; }
  #b-crops #shopify-section-rich-tex_two .inner-section {
    padding: 3em 45px 2em !important; }
    @media only screen and (max-width: 768px) {
      #b-crops #shopify-section-rich-tex_two .inner-section {
        padding: 2em 15px 2em !important; } }
  #b-crops #shopify-section-rich-tex_two .block-1 {
    padding-bottom: 0 !important; }
    @media only screen and (max-width: 768px) {
      #b-crops #shopify-section-rich-tex_two .block-1 {
        text-align: center; } }
  #b-crops .inner-section-bg {
    text-align: center;
    padding: 5em 15px;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    color: #fff; }
    @media only screen and (max-width: 768px) {
      #b-crops .inner-section-bg {
        padding: 5em 15px; } }
  #b-crops #shopify-section-color-bg-text .box-txtbcr {
    color: #234032; }
    #b-crops #shopify-section-color-bg-text .box-txtbcr .b-cop-head {
      font-size: 34px !important; }
      @media only screen and (max-width: 768px) {
        #b-crops #shopify-section-color-bg-text .box-txtbcr .b-cop-head {
          font-size: 24px !important; } }
    #b-crops #shopify-section-color-bg-text .box-txtbcr .rte-txt {
      font-size: 24px; }
      @media only screen and (max-width: 768px) {
        #b-crops #shopify-section-color-bg-text .box-txtbcr .rte-txt {
          font-size: 13px; } }
  #b-crops .inner-section-last {
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
    text-align: center;
    padding: 4em 0; }
    @media only screen and (max-width: 768px) {
      #b-crops .inner-section-last {
        padding: 2em 15px; } }
    #b-crops .inner-section-last .box-txtbcrs .b-cop-head {
      font-size: 34px !important;
      margin-bottom: 10px; }
      @media only screen and (max-width: 768px) {
        #b-crops .inner-section-last .box-txtbcrs .b-cop-head {
          font-size: 24px !important;
          margin-bottom: 10px; } }
    #b-crops .inner-section-last .box-txtbcrs .rte-txt {
      font-size: 24px;
      padding: 0 1%;
      color: #1d5a47; }
      @media only screen and (max-width: 768px) {
        #b-crops .inner-section-last .box-txtbcrs .rte-txt {
          font-size: 18px;
          padding: 0; } }
  #b-crops .eat-well .inn-eat {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    padding: 4em 0 4em; }
    @media only screen and (max-width: 768px) {
      #b-crops .eat-well .inn-eat {
        padding: 4em 0 4em; } }
    #b-crops .eat-well .inn-eat .block-titl {
      margin-bottom: 6%; }
      @media only screen and (max-width: 768px) {
        #b-crops .eat-well .inn-eat .block-titl {
          margin-bottom: 6%;
          padding: 0 10px; } }
      #b-crops .eat-well .inn-eat .block-titl p {
        color: #144331; }
    #b-crops .eat-well .inn-eat .top-logo {
      width: 100%;
      max-width: 120px; }
    #b-crops .eat-well .inn-eat .b-cop-head {
      margin-top: 15px;
      margin-bottom: 0; }
    #b-crops .eat-well .inn-eat .color-flex {
      display: flex;
      flex-wrap: wrap;
      padding-top: 15px; }
      #b-crops .eat-well .inn-eat .color-flex .cri-txt-wrap {
        flex-basis: 25%;
        padding: 0 15px; }
        @media only screen and (max-width: 768px) {
          #b-crops .eat-well .inn-eat .color-flex .cri-txt-wrap {
            flex-basis: 100%;
            padding: 0 15px; } }
        #b-crops .eat-well .inn-eat .color-flex .cri-txt-wrap img {
          width: 100%;
          max-width: 160px;
          border: 2px solid #000;
          border-radius: 50%; }
        #b-crops .eat-well .inn-eat .color-flex .cri-txt-wrap p {
          font-weight: 600;
          padding-top: 7px;
          font-family: 'Avenir-Black' !important;
          font-size: 20px;
          text-decoration: underline; }
          @media only screen and (max-width: 768px) {
            #b-crops .eat-well .inn-eat .color-flex .cri-txt-wrap p {
              font-size: 16px;
              padding: 7px 24px; } }
  #b-crops .aloha-way--section .bg-color-bann {
    padding: 4em 0; }
  #b-crops .aloha-way--section .icons-wrapper {
    display: grid;
    grid-row-gap: 3em;
    padding: 0 10px;
    text-align: center; }
    @media (min-width: 768px) {
      #b-crops .aloha-way--section .icons-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 2em; } }
    #b-crops .aloha-way--section .icons-wrapper .single-icon {
      display: flex;
      flex-direction: column;
      padding: 10px; }
      #b-crops .aloha-way--section .icons-wrapper .single-icon img {
        display: block;
        max-width: 150px;
        margin: 0 auto 15px; }
      #b-crops .aloha-way--section .icons-wrapper .single-icon p {
        font-size: 23px;
        font-weight: bold;
        margin-bottom: 0; }
      #b-crops .aloha-way--section .icons-wrapper .single-icon div {
        font-size: 19px; }
        @media (max-width: 767px) {
          #b-crops .aloha-way--section .icons-wrapper .single-icon div br {
            display: none; } }
  #b-crops .pdp-newsletter {
    max-width: 100%;
    margin-left: 0; }

/*============== B crop page Css ===========  */
.product-photo-container-slider.slick-slider .slick-track {
  /*display: flex;
  align-items: center;
  flex-wrap: wrap;*/ }

/* SEARCH RESULTS OVERRIDES  */
#shopify-section-search-template .grid-uniform {
  display: flex;
  flex-wrap: wrap; }

/*====================  SMS landing page ================  */
#sms-sign-up .main-conten-col,
#email-sign-up .main-conten-col {
  max-width: 100%;
  width: 100%;
  padding: 0;
  margin: 5.1em auto 0; }
#sms-sign-up .main-banner-sms,
#email-sign-up .main-banner-sms {
  /*       height: 605px; */ }
#sms-sign-up .content-wrap-inner,
#email-sign-up .content-wrap-inner {
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  padding: 5% 0; }
  #sms-sign-up .content-wrap-inner .txt-area-bloc p,
  #email-sign-up .content-wrap-inner .txt-area-bloc p {
    font-size: 14px;
    color: #21725e;
    font-weight: 600; }
  #sms-sign-up .content-wrap-inner .txt-blo,
  #email-sign-up .content-wrap-inner .txt-blo {
    padding: 0 4%; }
  #sms-sign-up .content-wrap-inner .txt-blo h2, #sms-sign-up .content-wrap-inner .txt-blo .h2,
  #email-sign-up .content-wrap-inner .txt-blo h2,
  #email-sign-up .content-wrap-inner .txt-blo .h2 {
    font-size: 42px !important;
    letter-spacing: 0;
    font-weight: 800 !important;
    color: #184332 !important;
    line-height: 1.3; }
#sms-sign-up .smslanding,
#email-sign-up .smslanding {
  position: relative; }
  #sms-sign-up .smslanding .Row__FormRow-sc-17nghml-0:nth-child(2),
  #email-sign-up .smslanding .Row__FormRow-sc-17nghml-0:nth-child(2) {
    display: none; }
  #sms-sign-up .smslanding .Column__FormColumn-z5j99u-0,
  #email-sign-up .smslanding .Column__FormColumn-z5j99u-0 {
    display: grid !important;
    grid-template-columns: 60% 40%;
    max-width: 350px;
    margin: 0 auto; }
  #sms-sign-up .smslanding .kly-box,
  #email-sign-up .smslanding .kly-box {
    border: 3px solid #184332;
    border-radius: 50px;
    background: #fff;
    max-width: 370px;
    margin: 32px auto 35px; }
    #sms-sign-up .smslanding .kly-box .hEMewN,
    #email-sign-up .smslanding .kly-box .hEMewN {
      padding: 0 !important; }
    #sms-sign-up .smslanding .kly-box .fptOlf,
    #email-sign-up .smslanding .kly-box .fptOlf {
      padding: 5px 0 !important; }
    #sms-sign-up .smslanding .kly-box .jBjzuA,
    #email-sign-up .smslanding .kly-box .jBjzuA {
      padding: 5px 0 !important; }
    #sms-sign-up .smslanding .kly-box .NkKOc,
    #email-sign-up .smslanding .kly-box .NkKOc {
      border: none !important; }
    #sms-sign-up .smslanding .kly-box .fPRXvs,
    #email-sign-up .smslanding .kly-box .fPRXvs {
      background: transparent !important;
      color: #184332 !important;
      font-family: 'Avenir-Black' !important;
      font-weight: 900 !important;
      font-size: 16px !important;
      text-transform: uppercase !important;
      padding: 11px 0 11px 10px !important; }
    #sms-sign-up .smslanding .kly-box .kEaGe,
    #email-sign-up .smslanding .kly-box .kEaGe {
      border-radius: 50px !important; }
    #sms-sign-up .smslanding .kly-box .ql-editor p span,
    #email-sign-up .smslanding .kly-box .ql-editor p span {
      font-size: 11px !important; }
@media only screen and (min-width: 1025px) {
  #sms-sign-up .tab-only,
  #email-sign-up .tab-only {
    display: none; } }
@media screen and (max-width: 1150px) and (min-width: 1025px) {
  #sms-sign-up .main-banner-sms,
  #email-sign-up .main-banner-sms {
    height: 550px; } }
@media screen and (max-width: 1025px) and (min-width: 1023px) {
  #sms-sign-up .main-conten-col,
  #email-sign-up .main-conten-col {
    margin: 4.5em auto 0 !important; } }
@media screen and (max-width: 1024px) and (min-width: 768px) {
  #sms-sign-up .main-conten-col,
  #email-sign-up .main-conten-col {
    margin: 0.5em auto 0; }
  #sms-sign-up .dek-only,
  #email-sign-up .dek-only {
    display: none; }
  #sms-sign-up .main-banner-sms,
  #email-sign-up .main-banner-sms {
    height: auto;
    background-image: none !important; }
  #sms-sign-up .content-wrap-inner,
  #email-sign-up .content-wrap-inner {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    padding: 30px 0 15px; }
  #sms-sign-up .tab-im,
  #email-sign-up .tab-im {
    line-height: 0; }
    #sms-sign-up .tab-im img,
    #email-sign-up .tab-im img {
      width: 100%; }
  #sms-sign-up .mob-v-img,
  #email-sign-up .mob-v-img {
    display: none; } }
@media only screen and (max-width: 767px) {
  #sms-sign-up .content-wrap-inner,
  #email-sign-up .content-wrap-inner {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    padding: 30px 0 15px; }
  #sms-sign-up .main-banner-sms,
  #email-sign-up .main-banner-sms {
    height: auto;
    background-image: none !important; }
  #sms-sign-up .dek-only,
  #email-sign-up .dek-only {
    display: none; }
  #sms-sign-up .tab-im,
  #email-sign-up .tab-im {
    line-height: 0; }
    #sms-sign-up .tab-im img,
    #email-sign-up .tab-im img {
      width: 100%; }
  #sms-sign-up .tb-v-img,
  #email-sign-up .tb-v-img {
    display: none; }
  #sms-sign-up .main-conten-col,
  #email-sign-up .main-conten-col {
    margin: 0.1em auto 0; }
  #sms-sign-up .content-wrap-inner .txt-blo,
  #email-sign-up .content-wrap-inner .txt-blo {
    padding: 0 10%; }
  #sms-sign-up .content-wrap-inner .txt-blo h2, #sms-sign-up .content-wrap-inner .txt-blo .h2,
  #email-sign-up .content-wrap-inner .txt-blo h2,
  #email-sign-up .content-wrap-inner .txt-blo .h2 {
    font-size: 38px !important;
    line-height: 1.2; }
  #sms-sign-up .txt-area-bloc,
  #email-sign-up .txt-area-bloc {
    padding: 0 20px; }
  #sms-sign-up .smslanding .kly-box,
  #email-sign-up .smslanding .kly-box {
    max-width: 320px;
    margin: 32px auto 35px; }
  #sms-sign-up .smslanding .kly-box .fPRXvs,
  #email-sign-up .smslanding .kly-box .fPRXvs {
    font-weight: 900 !important;
    font-size: 13px !important;
    padding: 11px 0 11px 5px !important; }
  #sms-sign-up .smslanding .kly-box .NkKOc,
  #email-sign-up .smslanding .kly-box .NkKOc {
    border: none !important;
    background: transparent; } }
@media only screen and (min-width: 1475px) {
  #sms-sign-up .main-banner-sms,
  #email-sign-up .main-banner-sms {
    height: 700px; } }

/*====================  SMS landing page end ================  */
div#shopify-section-footer .Row__FormRow-sc-17nghml-0:nth-child(2) {
  display: none; }
div#shopify-section-footer .Row__FormRow-sc-17nghml-0:nth-child(3) {
  display: none; }

@media only screen and (min-width: 769px) {
  .box-extra-txt {
    bottom: -12.5%; }

  .site-footer .bottom_footer {
    margin-top: 3.5%; } }
/* custom collection page  */
.cuallpr--4472543871036 br {
  display: none !important; }

.cuallpr--4472543871036 s {
  font-size: 30px !important;
  text-decoration: auto !important;
  color: #0f5a47; }

#com-di--4472543871036 {
  display: none; }

.compair {
  font-size: 0.8em; }

.cut-flx {
  display: flex; }

.pro-compir {
  /* font-size: 32px; */
  font-family: 'Avenir-Black' !important;
  color: #000000 !important;
  font-size: 32px !important;
  margin: auto;
  display: block;
  padding-left: 9px; }

@media only screen and (max-width: 750px) {
  .pro-compir {
    font-size: 21px !important; } }
.eat-well .inn-eat {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  padding: 4em 0 4em; }
  @media only screen and (max-width: 768px) {
    .eat-well .inn-eat {
      padding: 4em 0 4em; } }
  .eat-well .inn-eat .block-titl {
    margin-bottom: 6%; }
    @media only screen and (max-width: 768px) {
      .eat-well .inn-eat .block-titl {
        margin-bottom: 6%;
        padding: 0 10px; } }
    .eat-well .inn-eat .block-titl p {
      color: #144331; }
  .eat-well .inn-eat .top-logo {
    width: 100%;
    max-width: 120px; }
  .eat-well .inn-eat .b-cop-head {
    max-width: 500px;
    margin: 15px auto; }
  .eat-well .inn-eat .color-flex {
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px; }
    .eat-well .inn-eat .color-flex .cri-txt-wrap {
      flex-basis: 25%;
      padding: 0 15px; }
      @media only screen and (max-width: 768px) {
        .eat-well .inn-eat .color-flex .cri-txt-wrap {
          flex-basis: 100%;
          padding: 0 15px; } }
      .eat-well .inn-eat .color-flex .cri-txt-wrap img {
        width: 100%;
        max-width: 160px;
        border: 2px solid #000;
        border-radius: 50%; }
      .eat-well .inn-eat .color-flex .cri-txt-wrap p {
        font-weight: 600;
        padding-top: 7px;
        font-family: 'Avenir-Black' !important;
        font-size: 20px;
        text-decoration: underline; }
        @media only screen and (max-width: 768px) {
          .eat-well .inn-eat .color-flex .cri-txt-wrap p {
            font-size: 16px;
            padding: 7px 24px; } }

.header_right .customer-navlink a {
  font-size: 16px;
  color: black !important; }

.js-trigger-rps .c {
  fill: #ffffff; }

#recharge-te .rc_page-width .page-title {
  display: none; }
@media only screen and (min-width: 750px) {
  #recharge-te .rc_subscription_next_charge_date h1, #recharge-te .rc_subscription_next_charge_date .h1, #recharge-te .rc_subscription_next_charge_date #shopify-product-reviews .spr-header-title, #shopify-product-reviews #recharge-te .rc_subscription_next_charge_date .spr-header-title, #recharge-te h2, #recharge-te .h2 {
    font-size: 42px !important;
    padding-top: 4px; } }

.primary-color {
  color: #194332 !important; }

.bg-gray {
  background-color: #f7f7f7; }

@media only screen and (max-width: 768px) {
  .mobile-grid {
    margin-left: -15px;
    margin-right: -15px; } }
/*========================================================================================
===============================    Ajax Drawer Cart    ===================================
========================================================================================*/
.go-cart__wrapper {
  /* Free Shipping Message */ }
  .go-cart__wrapper .go-cart__drawer {
    max-width: 580px;
    right: -580px;
    z-index: 9999999; }
    .go-cart__wrapper .go-cart__drawer.is-open {
      transform: translateX(-580px); }
  .go-cart__wrapper .go-cart__overlay {
    z-index: 999; }
  .go-cart__wrapper .go-cart-drawer__header {
    position: relative;
    background: #154331;
    color: #FFF;
    text-transform: uppercase;
    font-size: 1rem;
    display: grid;
    grid-template-columns: 1fr;
    text-align: center;
    height: 36px; }
  .go-cart__wrapper .go-cart-drawer__close {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 12px;
    height: 12px;
    transform: translateY(-50%); }
  .go-cart__wrapper .go-cart-drawer__footer {
    height: 150px;
    max-width: calc(100% - 50px);
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid #B8DAC2; }
  .go-cart__wrapper .go-cart-drawer__subtotal {
    font-weight: bold;
    font-size: 22px;
    line-height: 1.5;
    color: #373636;
    padding: 0 0 20px; }
    .go-cart__wrapper .go-cart-drawer__subtotal s {
      color: #C4C4C4; }
  .go-cart__wrapper .go-cart-drawer__content {
    height: calc(100% - 210px);
    overflow-y: auto;
    padding-left: 25px;
    padding-right: 25px; }
  .go-cart__wrapper .go-cart-benefits-bar {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: right;
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: 0;
    max-width: 340px;
    margin: 10px auto 40px; }
    .go-cart__wrapper .go-cart-benefits-bar::before {
      content: '';
      position: absolute;
      z-index: 10;
      top: 0;
      left: 0;
      width: 17px;
      height: 17px;
      background: #B8DAC2;
      border: 1px solid #373636;
      border-radius: 50%; }
    .go-cart__wrapper .go-cart-benefits-bar.columns-2 {
      grid-template-columns: 1fr 1fr; }
    .go-cart__wrapper .go-cart-benefits-bar.columns-1 {
      grid-template-columns: 1fr; }
  .go-cart__wrapper .go-cart-benefits-item {
    position: relative; }
    .go-cart__wrapper .go-cart-benefits-item .go-cart-benefits-bar-point {
      position: relative;
      z-index: 10;
      display: block;
      width: 17px;
      height: 17px;
      background: #FFF;
      border: 1px solid #373636;
      border-radius: 50%;
      margin-left: auto; }
    .go-cart__wrapper .go-cart-benefits-item span {
      width: fit-content;
      position: absolute;
      top: 100%;
      right: 9px;
      margin-top: 5px;
      transform: translateX(50%); }
    .go-cart__wrapper .go-cart-benefits-item::before {
      content: '';
      position: absolute;
      z-index: 1;
      top: 8px;
      left: 0;
      right: 0;
      height: 1px;
      background: #373636; }
    .go-cart__wrapper .go-cart-benefits-item.is-active .go-cart-benefits-bar-point {
      background: #B8DAC2; }
    .go-cart__wrapper .go-cart-benefits-item.is-active::before {
      top: 7px;
      height: 3px;
      background: #B8DAC2; }
  .go-cart__wrapper .go-cart-item__single {
    border: 1px solid #B8DAC2;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px; }
  .go-cart__wrapper .go-cart-item__image {
    max-width: 100%;
    background-size: contain;
    width: 100%; }
  .go-cart__wrapper .go-cart-item__info-wrapper {
    display: grid;
    grid-template-columns: 92px 1fr 34px;
    grid-column-gap: 16px;
    align-items: center;
    font-size: 1rem; }
    @media (max-width: 767px) {
      .go-cart__wrapper .go-cart-item__info-wrapper {
        grid-template-columns: 90px 1fr;
        grid-column-gap: 20px; } }
  .go-cart__wrapper .go-cart-item__info {
    max-width: none;
    padding: 0; }
  .go-cart__wrapper .go-cart-item__info-inner {
    display: grid;
    grid-template-columns: 1fr 80px;
    grid-column-gap: 10px;
    align-items: flex-end; }
  .go-cart__wrapper .go-cart-item__title {
    display: block;
    color: #373636;
    font-family: 'Avenir-Black';
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: 0;
    margin-bottom: 2px;
    grid-column-start: 1;
    grid-column-end: 3; }
  .go-cart__wrapper .go-cart-item__variant {
    position: static;
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0;
    grid-column-start: 1;
    grid-column-end: 3; }
  .go-cart__wrapper .go-cart-item__quantity {
    position: static; }
  .go-cart__wrapper .go-cart-item__quantity-button {
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 50%;
    background: #B8DAC2;
    line-height: 18px;
    text-align: center; }
  .go-cart__wrapper .go-cart-item__quantity-number {
    width: 40px !important;
    margin: 0 !important;
    border: none !important;
    background: none !important; }
  .go-cart__wrapper .go-cart-item__price {
    position: static;
    font-family: 'Avenir-Black';
    letter-spacing: 0;
    color: #194332;
    font-size: 0.875rem;
    line-height: 2; }
    .go-cart__wrapper .go-cart-item__price s {
      color: #E5E5E5;
      font-family: 'Avenir-Book'; }
    .go-cart__wrapper .go-cart-item__price span {
      font-family: 'Avenir-Book'; }
  .go-cart__wrapper .go-cart-item__remove {
    position: absolute;
    top: 25px;
    right: 0;
    display: grid;
    grid-template-columns: 20px 1fr;
    grid-column-gap: 5px;
    align-items: center;
    font-size: 0.6em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0;
    display: none; }
  .go-cart__wrapper .go-cart-shipping--message {
    padding: 10px 0;
    margin-top: 10px;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0;
    color: #373636;
    text-align: center; }
  .go-cart__wrapper .go-cart-shipping--meter {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 20px;
    background-color: #e5e3d6;
    border-radius: 20px;
    display: none !important; }
  .go-cart__wrapper .go-cart-shipping--meter-fill {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 10px;
    height: 20px;
    font-weight: bold;
    line-height: 20px;
    font-size: 14px;
    text-align: right;
    white-space: nowrap;
    color: #FFF;
    background: #2D6E5E;
    border-radius: 24px;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .go-cart__wrapper .cr_upgrade_to_selection_widget-notification, .go-cart__wrapper .cr-upgrade-to-subscription-widget-button, .go-cart__wrapper .cr-upgrade-to-subscription-widget-select, .go-cart__wrapper .go-cart-item__upgrade-subscription {
    display: inline-block;
    margin-top: 10px;
    padding: 5px;
    color: #154331;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1.33;
    text-align: center;
    letter-spacing: 0;
    background: #FFF;
    border: solid 2px #B8DAC2;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s linear; }
  .go-cart__wrapper .cr-upgrade-to-subscription-widget-button:hover {
    color: #FFF;
    background: #B8DAC2; }
  .go-cart__wrapper .js-go-cart-drawer-content {
    margin-top: 20px; }
  .go-cart__wrapper .rebuy-widget {
    border-top: 1px solid #B8DAC2;
    padding-top: 20px; }
    .go-cart__wrapper .rebuy-widget .primary-title {
      text-transform: unset !important;
      font-size: 14px !important;
      line-height: 19px !important; }
    .go-cart__wrapper .rebuy-widget .rebuy-product-grid {
      margin-left: -15px;
      margin-right: -15px; }
    .go-cart__wrapper .rebuy-widget .rebuy-product-block {
      padding: 0 15px !important; }
      .go-cart__wrapper .rebuy-widget .rebuy-product-block .rebuy-product-media {
        margin-bottom: 20px; }
        .go-cart__wrapper .rebuy-widget .rebuy-product-block .rebuy-product-media img {
          max-width: 90px; }
      .go-cart__wrapper .rebuy-widget .rebuy-product-block .rebuy-product-info .rebuy-product-title {
        margin-top: 0;
        font-family: 'Avenir-Black';
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: 0; }
      .go-cart__wrapper .rebuy-widget .rebuy-product-block .rebuy-product-info .rebuy-product-price {
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: 0;
        margin-top: 0; }
      .go-cart__wrapper .rebuy-widget .rebuy-product-block .rebuy-product-options {
        margin-top: 10px; }
    .go-cart__wrapper .rebuy-widget .rebuy-select {
      font-size: 14px;
      line-height: 1.5;
      letter-spacing: 0;
      padding-top: 5px;
      padding-bottom: 5px; }
    .go-cart__wrapper .rebuy-widget .rebuy-button {
      background: #B8DAC2 !important;
      border-color: #B8DAC2 !important;
      color: #373636 !important;
      padding-top: 0;
      padding-bottom: 0;
      font-family: 'Avenir-Black';
      font-size: 14px;
      line-height: 30px;
      letter-spacing: 0;
      text-transform: uppercase; }

/*============================================================================
 Loyalty Page ("The Path") - JG
==============================================================================*/
@media screen and (min-width: 481px) {
  body.page-loyalty .main-content {
    max-width: 100%;
    padding: 0; } }
@media only screen and (max-width: 480px) {
  #page-loyalty {
    width: calc(100% + 30px);
    margin-left: -15px; } }

.loyalty-section {
  color: #2B4636;
  padding: 63px 0;
  text-align: center; }
  @media screen and (min-width: 769px) {
    .loyalty-section {
      padding: 99px 0; } }

.loyalty-text-wrapper {
  color: #174332;
  margin: 0 auto;
  min-width: 300px;
  max-width: 800px;
  text-align: center;
  width: 75%; }
  .loyalty-text-wrapper .loyalty-heading, .loyalty-text-wrapper .loyalty-secondary-heading {
    margin-bottom: 1em; }

.loyalty-heading, .loyalty-secondary-heading {
  color: #2B4636 !important;
  font-family: "Avenir-Book" !important;
  font-size: 60px !important;
  line-height: 74px;
  text-transform: none !important; }

.loyalty-secondary-heading {
  font-size: 48px !important;
  line-height: 60px !important;
  margin-top: 63px; }
  @media screen and (min-width: 769px) {
    .loyalty-secondary-heading {
      margin-top: 99px; } }

.loyalty-subheading, #loyaltylion .lion-tier-box__title, #loyaltylion .lion-rewards-list .lion-reward-item__title,
#loyaltylion .lion-rewards-list .lion-rule-item__title,
#loyaltylion .lion-rules-list .lion-reward-item__title,
#loyaltylion .lion-rules-list .lion-rule-item__title {
  color: #194332 !important;
  font-size: 34px !important;
  font-weight: bold;
  line-height: 1.18;
  margin-bottom: 0.8em;
  text-transform: unset !important; }

.loyalty-button-set,
.loyalty-button-wrap {
  margin-top: 2em;
  text-align: center; }
  .loyalty-button-set a,
  .loyalty-button-wrap a {
    display: block;
    margin: 0.5em auto;
    max-width: 300px;
    width: 100%; }
  @media screen and (min-width: 769px) {
    .loyalty-button-set,
    .loyalty-button-wrap {
      display: flex;
      justify-content: center; }
      .loyalty-button-set a,
      .loyalty-button-wrap a {
        margin: 0.5em;
        max-width: unset;
        width: auto; } }

.loyalty-section {
  /* Slick sliders: */ }
  .loyalty-section .slick-track {
    display: flex !important; }
  .loyalty-section .slick-slide {
    height: inherit !important; }
  .loyalty-section .slick-slider.slick-dotted {
    margin-bottom: 0;
    padding-bottom: 14px !important; }
    .loyalty-section .slick-slider.slick-dotted .slick-dots {
      align-items: center;
      bottom: 0;
      display: flex !important;
      flex-wrap: wrap;
      justify-content: center;
      left: 0;
      position: absolute;
      width: 100%; }
      .loyalty-section .slick-slider.slick-dotted .slick-dots li {
        background: transparent;
        border-radius: 14px;
        border: 1px solid #194332;
        height: 12px;
        margin: 0 5px 5px 5px;
        width: 12px; }
        .loyalty-section .slick-slider.slick-dotted .slick-dots li.slick-active {
          background: #194332; }
        .loyalty-section .slick-slider.slick-dotted .slick-dots li button {
          display: block;
          height: 100%;
          width: 100%;
          overflow: hidden;
          text-indent: -9999em; }
          .loyalty-section .slick-slider.slick-dotted .slick-dots li button:before {
            display: none; }

#loyaltylion .lion-tier-overview {
  background-color: transparent;
  display: block;
  grid-gap: unset;
  grid-template-columns: unset;
  -ms-grid-columns: unset;
  padding: 0; }
  #loyaltylion .lion-tier-overview .lion-tier-box__position,
  #loyaltylion .lion-tier-overview .lion-tier-box__purchase-rule,
  #loyaltylion .lion-tier-overview .lion-tier-box__benefits-list,
  #loyaltylion .lion-tier-overview .lion-tier-box__value-to-next {
    display: none; }
  @media screen and (min-width: 769px) {
    #loyaltylion .lion-tier-overview {
      display: flex; } }
#loyaltylion .lion-tier-box {
  background: transparent;
  border-radius: 0;
  padding: 15px; }
  @media screen and (min-width: 769px) {
    #loyaltylion .lion-tier-box {
      width: calc(100% / 3); } }
  #loyaltylion .lion-tier-box:hover, #loyaltylion .lion-tier-box.lion-tier-box--current, #loyaltylion .lion-tier-box.lion-tier-box--current:hover {
    box-shadow: none; }
  #loyaltylion .lion-tier-box:before {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    content: '';
    height: 0;
    overflow: visible;
    margin: 0 auto;
    max-width: 350px;
    padding-top: 50%;
    width: 100%; }
  #loyaltylion .lion-tier-box.lion-tier-box--0:before {
    background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/loyalty-tier_bronze.png?v=80171451304106896511684450924); }
  #loyaltylion .lion-tier-box.lion-tier-box--1:before {
    background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/loyalty-tier_silver.png?v=69113521834198018361684450927); }
  #loyaltylion .lion-tier-box.lion-tier-box--2:before {
    background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/loyalty-tier_gold.png?v=161497312820979784211684450925); }
#loyaltylion .lion-tier-box__header {
  background-color: transparent;
  border-radius: 0;
  padding: 36px 0; }
#loyaltylion .lion-tier-box__title {
  margin-bottom: 0.5em;
  padding: 0; }
#loyaltylion .lion-tier-box__you-are-here {
  background: transparent;
  color: #00CE7C;
  font-family: "Avenir-Black" !important;
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1.1em;
  padding: 0;
  text-transform: uppercase; }

#loyaltylion .lion-rewards-list,
#loyaltylion .lion-rules-list {
  background-color: transparent;
  display: block;
  grid-gap: unset;
  grid-template-columns: unset;
  -ms-grid-columns: unset;
  padding: 0; }
  @media screen and (min-width: 769px) {
    #loyaltylion .lion-rewards-list,
    #loyaltylion .lion-rules-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; } }
  #loyaltylion .lion-rewards-list .lion-rule-item,
  #loyaltylion .lion-rewards-list .lion-reward-item,
  #loyaltylion .lion-rules-list .lion-rule-item,
  #loyaltylion .lion-rules-list .lion-reward-item {
    background-color: transparent;
    border-radius: 0;
    padding: 15px; }
    @media screen and (min-width: 769px) {
      #loyaltylion .lion-rewards-list .lion-rule-item,
      #loyaltylion .lion-rewards-list .lion-reward-item,
      #loyaltylion .lion-rules-list .lion-rule-item,
      #loyaltylion .lion-rules-list .lion-reward-item {
        width: calc(100% / 3); } }
    #loyaltylion .lion-rewards-list .lion-rule-item.lion-rule-item--custom,
    #loyaltylion .lion-rewards-list .lion-reward-item.lion-rule-item--custom,
    #loyaltylion .lion-rules-list .lion-rule-item.lion-rule-item--custom,
    #loyaltylion .lion-rules-list .lion-reward-item.lion-rule-item--custom {
      display: none !important; }
  #loyaltylion .lion-rewards-list .lion-rule-item__icon-wrap,
  #loyaltylion .lion-rules-list .lion-rule-item__icon-wrap {
    background-color: #2B4636;
    border-radius: 147px;
    height: 147px;
    width: 147px; }
  #loyaltylion .lion-rewards-list .lion-rule-item__icon,
  #loyaltylion .lion-rules-list .lion-rule-item__icon {
    background-color: #FFF;
    margin: 30px;
    height: 87px;
    width: 87px; }
  #loyaltylion .lion-rewards-list .lion-reward-item__icon,
  #loyaltylion .lion-rules-list .lion-reward-item__icon {
    display: none; }
  #loyaltylion .lion-rewards-list .lion-reward-item__content,
  #loyaltylion .lion-rewards-list .lion-rule-item__content,
  #loyaltylion .lion-rules-list .lion-reward-item__content,
  #loyaltylion .lion-rules-list .lion-rule-item__content {
    background-color: transparent;
    border-radius: 0;
    color: #2b4636;
    justify-content: flex-start; }
    #loyaltylion .lion-rewards-list .lion-reward-item__content:before,
    #loyaltylion .lion-rewards-list .lion-rule-item__content:before,
    #loyaltylion .lion-rules-list .lion-reward-item__content:before,
    #loyaltylion .lion-rules-list .lion-rule-item__content:before {
      background-color: #2B4636;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      border-radius: 147px;
      content: '';
      display: none;
      height: 147px;
      overflow: hidden;
      width: 147px; }
  #loyaltylion .lion-rewards-list .lion-reward-item__title,
  #loyaltylion .lion-rewards-list .lion-rule-item__title,
  #loyaltylion .lion-rewards-list .lion-reward-item__points,
  #loyaltylion .lion-rewards-list .lion-rule-item__points,
  #loyaltylion .lion-rules-list .lion-reward-item__title,
  #loyaltylion .lion-rules-list .lion-rule-item__title,
  #loyaltylion .lion-rules-list .lion-reward-item__points,
  #loyaltylion .lion-rules-list .lion-rule-item__points {
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    padding-top: 23px; }
  #loyaltylion .lion-rewards-list .lion-reward-item__title,
  #loyaltylion .lion-rewards-list .lion-rule-item__title,
  #loyaltylion .lion-rules-list .lion-reward-item__title,
  #loyaltylion .lion-rules-list .lion-rule-item__title {
    margin-bottom: 0; }
  #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button,
  #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button,
  #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button,
  #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button {
    line-height: 1.25em;
    padding-bottom: 14px;
    padding-top: 14px;
    background-color: #2B4636; }
    #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button *:before,
    #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button *:before,
    #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button *:before,
    #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button *:before {
      background-color: #2B4636; }
    #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.lion-action-button--disabled:not(.lion-action-button--completed),
    #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.lion-action-button--disabled:not(.lion-action-button--completed),
    #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.lion-action-button--disabled:not(.lion-action-button--completed),
    #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.lion-action-button--disabled:not(.lion-action-button--completed) {
      background-color: transparent !important;
      border-color: transparent !important;
      color: #666 !important; }
      #loyaltylion .lion-rewards-list .lion-reward-item__actions:not(:empty) button.lion-action-button--disabled:not(.lion-action-button--completed) *:before,
      #loyaltylion .lion-rewards-list .lion-rule-item__actions:not(:empty) button.lion-action-button--disabled:not(.lion-action-button--completed) *:before,
      #loyaltylion .lion-rules-list .lion-reward-item__actions:not(:empty) button.lion-action-button--disabled:not(.lion-action-button--completed) *:before,
      #loyaltylion .lion-rules-list .lion-rule-item__actions:not(:empty) button.lion-action-button--disabled:not(.lion-action-button--completed) *:before {
        background-color: #666; }
  #loyaltylion .lion-rewards-list .lion-rule-item--completed-forever .lion-rule-item__icon-wrap,
  #loyaltylion .lion-rules-list .lion-rule-item--completed-forever .lion-rule-item__icon-wrap {
    background-color: #00CE7C; }
  #loyaltylion .lion-rewards-list .lion-rule-item--completed-forever .lion-reward-item__content,
  #loyaltylion .lion-rewards-list .lion-rule-item--completed-forever .lion-rule-item__content,
  #loyaltylion .lion-rules-list .lion-rule-item--completed-forever .lion-reward-item__content,
  #loyaltylion .lion-rules-list .lion-rule-item--completed-forever .lion-rule-item__content {
    color: #00CE7C; }
    #loyaltylion .lion-rewards-list .lion-rule-item--completed-forever .lion-reward-item__content:before,
    #loyaltylion .lion-rewards-list .lion-rule-item--completed-forever .lion-rule-item__content:before,
    #loyaltylion .lion-rules-list .lion-rule-item--completed-forever .lion-reward-item__content:before,
    #loyaltylion .lion-rules-list .lion-rule-item--completed-forever .lion-rule-item__content:before {
      background-color: #00CE7C; }
  #loyaltylion .lion-rewards-list .lion-rule-item--completed-forever .lion-reward-item__title,
  #loyaltylion .lion-rewards-list .lion-rule-item--completed-forever .lion-rule-item__title,
  #loyaltylion .lion-rules-list .lion-rule-item--completed-forever .lion-reward-item__title,
  #loyaltylion .lion-rules-list .lion-rule-item--completed-forever .lion-rule-item__title {
    color: #00CE7C !important; }
  #loyaltylion .lion-rewards-list .lion-rule-item--completed-forever .lion-reward-item__actions button,
  #loyaltylion .lion-rewards-list .lion-rule-item--completed-forever .lion-rule-item__actions button,
  #loyaltylion .lion-rules-list .lion-rule-item--completed-forever .lion-reward-item__actions button,
  #loyaltylion .lion-rules-list .lion-rule-item--completed-forever .lion-rule-item__actions button {
    background: transparent !important;
    border-color: transparent !important;
    color: #00CE7C !important; }
    #loyaltylion .lion-rewards-list .lion-rule-item--completed-forever .lion-reward-item__actions button *:before,
    #loyaltylion .lion-rewards-list .lion-rule-item--completed-forever .lion-rule-item__actions button *:before,
    #loyaltylion .lion-rules-list .lion-rule-item--completed-forever .lion-reward-item__actions button *:before,
    #loyaltylion .lion-rules-list .lion-rule-item--completed-forever .lion-rule-item__actions button *:before {
      background-color: #00CE7C !important; }

#loyaltylion .lion-claimed-rewards-list {
  background-color: transparent;
  border-radius: 0;
  display: block;
  grid-gap: unset;
  grid-template-columns: unset;
  -ms-grid-columns: unset;
  padding: 0; }
  @media screen and (min-width: 769px) {
    #loyaltylion .lion-claimed-rewards-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; } }
  #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item {
    background-color: transparent;
    border-radius: 0;
    border-bottom: 3px solid rgba(25, 67, 50, 0.1);
    display: flex;
    flex-direction: row;
    flex: none;
    box-shadow: none;
    padding: 15px 0;
    transition: none;
    width: 100%; }
  #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item__icon {
    display: none !important; }
  #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item__left {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    @media screen and (min-width: 769px) {
      #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item__left {
        align-items: center;
        flex: 1;
        flex-direction: row;
        justify-content: space-between;
        padding-right: 45px; } }
  #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item__title {
    display: block;
    font-size: 24px;
    color: #2B4636; }
  #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item__chevron {
    background-color: transparent !important;
    background-image: url(//cdn.shopify.com/s/files/1/0283/4009/2988/t/116/assets/icon_chevron_right_2B4636.svg?v=27583051645504898601668107977);
    background-repeat: no-repeat;
    background-position: center right;
    mask: none !important;
    -webkit-mask: none !important;
    width: 17px; }
  #loyaltylion .lion-claimed-rewards-list.lion-claimed-rewards-list--empty {
    background: transparent;
    border: 0;
    color: #2b4636;
    display: block;
    font-size: 1em; }

#loyaltylion .lion-modal {
  border-radius: 0;
  color: #2B4636;
  font-family: "Avenir-Book";
  font-size: 20px; }
#loyaltylion .lion-modal__header {
  border: 0;
  border-radius: 0;
  background-color: #EDEDED; }
#loyaltylion .lion-modal__close-button {
  background-size: 60%;
  opacity: 1 !important;
  right: 11px;
  top: 11px; }
#loyaltylion .lion-modal__title {
  color: #2B4636;
  font-family: "Avenir-Black";
  font-size: 30px;
  padding: 12px 67px;
  text-align: center; }
#loyaltylion .lion-modal__content {
  font-size: 1em; }
#loyaltylion .lion-action-modal__button,
#loyaltylion .lion-redeem-reward-modal__button--confirm {
  margin: 18px 9px 0;
  padding-left: 1em;
  padding-right: 1em; }
#loyaltylion .lion-redeem-reward-modal__button--cancel {
  margin: 18px 9px 0;
  padding-left: 1em;
  padding-right: 1em; }
#loyaltylion .lion-referral-widget-modal {
  border-radius: 0;
  color: #2B4636;
  font-family: "Avenir-Book";
  font-size: 20px; }
#loyaltylion .lion-referral-widget-modal__close-button {
  background-color: transparent !important;
  background-size: 60%;
  opacity: 1 !important;
  transition: none;
  z-index: 2; }
#loyaltylion .lion-referral-widget-main {
  justify-content: flex-start;
  padding: 0; }
  #loyaltylion .lion-referral-widget-main > div {
    padding: 5px 15px; }
#loyaltylion .lion-referral-widget-main__heading {
  background-color: #EDEDED;
  color: #2B4636;
  font-family: "Avenir-Black";
  font-size: 30px;
  padding: 17px 67px !important;
  text-align: center;
  width: 100%; }
  #loyaltylion .lion-referral-widget-main__heading:after {
    display: none; }
#loyaltylion .lion-referral-share-button {
  flex-direction: column; }
#loyaltylion .lion-referral-email-form__label {
  color: #2B4636; }
#loyaltylion .lion-referral-email-form__buttons {
  flex-wrap: wrap;
  justify-content: center; }
  #loyaltylion .lion-referral-email-form__buttons .lion-action-button {
    width: auto;
    margin: 9px;
    padding-left: 1em;
    padding-right: 1em; }
  #loyaltylion .lion-referral-email-form__buttons .lion-referral-email-form__success-message {
    display: block;
    padding-top: 17px;
    text-align: center;
    width: 100%; }

.loyalty-hero img {
  height: auto;
  width: 100%; }

.loyalty-grid-item {
  margin: 0 auto;
  padding-bottom: 1em;
  max-width: 300px;
  text-align: center; }
  @media screen and (min-width: 769px) {
    .loyalty-grid-item {
      padding-bottom: 0; } }
  .loyalty-grid-item .loyalty-grid-item--image {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 1em; }

@media screen and (min-width: 769px) {
  .loyalty-grid-3 {
    display: flex; }
    .loyalty-grid-3 .loyalty-grid-item {
      width: calc(100% / 3); } }

body.page-loyalty .loyalty-intro {
  background: #FFF; }
body.template-customers-account .loyalty-intro {
  background: #EDEDED;
  margin-bottom: 63px; }
  @media screen and (min-width: 769px) {
    body.template-customers-account .loyalty-intro {
      margin-bottom: 99px; } }

.loyalty-intro--customer-data {
  margin-bottom: 54px; }
  .loyalty-intro--customer-data p {
    margin-bottom: 0; }
    .loyalty-intro--customer-data p span:last-child {
      font-weight: bold; }

.loyalty-how .loyalty-how--h2,
.loyalty-how .loyalty-button-wrap {
  display: none; }
body.page-loyalty .loyalty-how {
  background: #eff5ef;
  margin-bottom: 0; }
  body.page-loyalty .loyalty-how .loyalty-how--h2[data-context="loyalty-page"] {
    display: block; }
  body.page-loyalty .loyalty-how .loyalty-button-wrap[data-context="loyalty-page"] {
    display: block; }
    @media screen and (min-width: 769px) {
      body.page-loyalty .loyalty-how .loyalty-button-wrap[data-context="loyalty-page"] {
        display: flex; } }
body.template-customers-login .loyalty-how, body.template-customers-register .loyalty-how {
  background: #EDEDED;
  margin-bottom: 63px; }
  @media screen and (min-width: 769px) {
    body.template-customers-login .loyalty-how, body.template-customers-register .loyalty-how {
      margin-bottom: 99px; } }
  body.template-customers-login .loyalty-how .loyalty-how--h2[data-context="account-page"], body.template-customers-register .loyalty-how .loyalty-how--h2[data-context="account-page"] {
    display: block; }
  body.template-customers-login .loyalty-how .loyalty-button-wrap[data-context="account-page"], body.template-customers-register .loyalty-how .loyalty-button-wrap[data-context="account-page"] {
    display: block; }
    @media screen and (min-width: 769px) {
      body.template-customers-login .loyalty-how .loyalty-button-wrap[data-context="account-page"], body.template-customers-register .loyalty-how .loyalty-button-wrap[data-context="account-page"] {
        display: flex; } }

.loyalty-how .loyalty-grid-item--image img {
  max-width: 110px; }

.loyalty-earn {
  background: #eff5ef; }

.loyalty-redeem .loyalty-redeem--embed-wrapper {
  margin: 2em auto 0 auto; }
  .loyalty-redeem .loyalty-redeem--embed-wrapper .lion-reward-item {
    background-repeat: no-repeat;
    background-size: 147px 147px;
    background-position: top center;
    padding-top: 160px; }

.loyalty-faq {
  background: #eff5ef; }
  .loyalty-faq .wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap; }
    @media screen and (min-width: 769px) {
      .loyalty-faq .wrapper {
        align-items: space-between;
        flex-direction: row; } }
  @media screen and (min-width: 769px) {
    .loyalty-faq .loyalty-faq-header {
      width: 33%;
      text-align: left; } }
  .loyalty-faq .loyalty-faq-body {
    text-align: left; }
    @media screen and (min-width: 769px) {
      .loyalty-faq .loyalty-faq-body {
        width: 66%; } }
  .loyalty-faq .question {
    border-bottom: 3px solid rgba(25, 67, 50, 0.1);
    padding: 1em 0; }
  .loyalty-faq .question-heading {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between; }
    .loyalty-faq .question-heading h4, .loyalty-faq .question-heading .h4 {
      color: #174332 !important;
      font-size: 24px !important;
      padding-right: 1em;
      margin-bottom: 0; }
    .loyalty-faq .question-heading .h2 {
      line-height: 0.5;
      margin-bottom: 0; }
    .loyalty-faq .question-heading .icon.collapsed {
      display: inline-flex; }
    .loyalty-faq .question-heading .icon.expanded {
      display: none; }
    .loyalty-faq .question-heading.expanded .icon.expanded {
      display: inline-flex; }
    .loyalty-faq .question-heading.expanded .icon.collapsed {
      display: none; }
  .loyalty-faq .answer {
    padding-top: 1em; }
    .loyalty-faq .answer p:last-child {
      margin-bottom: 0; }

.purple_carrot_top_section {
  padding-top: 93px;
  height: 1100px; }
  @media (max-width: 1024px) {
    .purple_carrot_top_section {
      padding-top: 10px;
      height: 792px; } }
  .purple_carrot_top_section .purple_carrot_top_section_master .max-900 {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: center; }
    .purple_carrot_top_section .purple_carrot_top_section_master .max-900.px-4 {
      padding: 0 15px; }
    .purple_carrot_top_section .purple_carrot_top_section_master .max-900 img {
      width: 100%; }
    .purple_carrot_top_section .purple_carrot_top_section_master .max-900 h3, .purple_carrot_top_section .purple_carrot_top_section_master .max-900 .h3 {
      text-align: center;
      font-family: 'Nunito' !important;
      font-size: clamp(1.4rem, 2.5vw, 1.9rem) !important;
      color: #2B4636; }
    .purple_carrot_top_section .purple_carrot_top_section_master .max-900 h2, .purple_carrot_top_section .purple_carrot_top_section_master .max-900 .h2 {
      text-align: center;
      font-family: 'Nunito' !important;
      font-size: clamp(3rem, 4.3vw, 5.5rem) !important;
      line-height: 1.3;
      padding-top: 13px;
      color: #2B4636;
      font-weight: 700; }
    .purple_carrot_top_section .purple_carrot_top_section_master .max-900 a {
      font-family: 'Nunito' !important;
      width: 214px;
      border: 1px solid;
      margin: 0 auto;
      border-radius: 23px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px; }
    .purple_carrot_top_section .purple_carrot_top_section_master .max-900 .promo_text {
      font-family: 'Nunito' !important;
      font-size: 24px;
      padding-top: 17px;
      color: #2B4636; }

.purple_icon_inner img {
  width: 100%; }
.purple_icon_inner .desktop_only {
  display: block; }
  @media (max-width: 768px) {
    .purple_icon_inner .desktop_only {
      display: none; } }
.purple_icon_inner .mobile_only {
  display: none; }
  @media (max-width: 768px) {
    .purple_icon_inner .mobile_only {
      display: block; } }

.purple_product_section {
  position: relative; }
  .purple_product_section .top_img {
    position: absolute;
    bottom: -175px;
    height: 572px; }
    @media (max-width: 768px) {
      .purple_product_section .top_img {
        height: 250px; } }
  .purple_product_section .purple_product_section_master h3, .purple_product_section .purple_product_section_master .h3 {
    color: #2B4636 !important;
    font-family: 'Nunito' !important;
    font-size: clamp(1.9rem, 3.3vw, 4.5rem) !important;
    text-transform: capitalize !important; }
  .purple_product_section .purple_product_section_master img {
    width: 100%; }
  .purple_product_section .purple_product_section_master p {
    font-family: Nunito !important;
    font-size: clamp(1.2rem, 1.7vw, 1.7rem) !important;
    line-height: 1.2;
    min-height: 48px; }
  .purple_product_section .purple_product_section_master a {
    border: 1px solid;
    border-radius: 28px;
    padding: 8px 0;
    font-size: 15px !important;
    font-family: 'Nunito' !important;
    font-weight: 700;
    width: 100%;
    max-width: 163px;
    display: block;
    margin: 0 auto; }
    @media (max-width: 768px) {
      .purple_product_section .purple_product_section_master a {
        max-width: 148px; } }

.map_section_master img {
  width: 100%; }
.map_section_master .desktop_only {
  display: block; }
  @media (max-width: 768px) {
    .map_section_master .desktop_only {
      display: none; } }
.map_section_master .mobile_only {
  display: none; }
  @media (max-width: 768px) {
    .map_section_master .mobile_only {
      display: block; } }
.map_section_master h3, .map_section_master .h3 {
  font-family: 'Nunito' !important;
  font-size: clamp(1.9rem, 3vw, 3.5rem) !important;
  color: white !important;
  text-transform: capitalize !important; }
  @media (max-width: 768px) {
    .map_section_master h3, .map_section_master .h3 {
      text-align: center; } }
.map_section_master p {
  color: white;
  font-family: 'Nunito'; }
  @media (max-width: 768px) {
    .map_section_master p {
      text-align: center; } }
.map_section_master a {
  width: 100%;
  max-width: 195px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid white;
  border-radius: 34px;
  color: white;
  padding: 5px 0;
  text-transform: uppercase;
  font-family: 'Nunito' !important;
  font-size: clamp(1rem, 1.2vw, 1.2rem) !important;
  margin: 0 auto; }

.purple_blog_master img {
  width: 100%;
  max-width: 250px;
  margin: 0 auto; }
.purple_blog_master h3, .purple_blog_master .h3 {
  font-family: 'Nunito' !important;
  font-weight: 700;
  color: #2B4636 !important;
  font-size: clamp(1.8rem, 2.2vw, 2.2rem) !important;
  text-transform: capitalize !important; }
.purple_blog_master p {
  font-family: 'Nunito';
  font-size: clamp(1.2rem, 1.2vw, 1.2rem) !important; }
.purple_blog_master .slick-dots li {
  height: 12px;
  width: 12px; }
  .purple_blog_master .slick-dots li.slick-active button {
    background: #2b46364d; }
    .purple_blog_master .slick-dots li.slick-active button:before {
      color: #2b46364d; }
  .purple_blog_master .slick-dots li button {
    border-radius: 23px;
    height: 12px;
    width: 12px;
    background: #2b46361a; }
    .purple_blog_master .slick-dots li button:before {
      color: #2b46361a;
      height: 12px;
      width: 12px; }

.logos_section img {
  max-width: 193px; }
.logos_section h3, .logos_section .h3 {
  font-family: 'Nunito' !important;
  font-weight: 800;
  font-size: clamp(1.8rem, 2.2vw, 2.2rem) !important; }

.testimonials_inner img {
  width: 100%;
  max-width: 250px;
  margin: 0 auto; }
.testimonials_inner .testimonials_inner_child {
  border: 5px solid #EDEDED;
  box-sizing: border-box;
  border-radius: 38px;
  padding: 18px 30px; }
  @media (max-width: 768px) {
    .testimonials_inner .testimonials_inner_child {
      padding: 12px 15px; } }
  .testimonials_inner .testimonials_inner_child p {
    font-family: 'Nunito';
    font-size: clamp(1.2rem, 1.2vw, 1.2rem) !important; }
  .testimonials_inner .testimonials_inner_child .verify_master i {
    color: white;
    font-size: 12px;
    font-weight: 400; }
    .testimonials_inner .testimonials_inner_child .verify_master i:before {
      background-color: black;
      border-radius: 28px;
      padding: 3.5px 3px; }
.testimonials_inner .slick-dots li {
  height: 12px;
  width: 12px; }
  .testimonials_inner .slick-dots li.slick-active button {
    background: #2b46364d; }
    .testimonials_inner .slick-dots li.slick-active button:before {
      color: #2b46364d; }
  .testimonials_inner .slick-dots li button {
    border-radius: 23px;
    height: 12px;
    width: 12px;
    background: #2b46361a; }
    .testimonials_inner .slick-dots li button:before {
      color: #2b46361a;
      height: 12px;
      width: 12px; }

@media only screen and (max-width: 767px) {
  .logos_section img {
    max-width: none;
    width: auto;
    margin: 10px auto;
    max-height: 40px; }

  .logos_section .container.py-5 {
    padding-bottom: 10px !important;
    padding-top: 10px !important; }

  .logos_section .slick-dots li a:before, .logos_section .slick-dots li button:before {
    font-size: 30px;
    color: #2B4636; }

  .logos_section .slick-dots li {
    margin: 0 1px; } }
.purple_product_section_inner .slick-next, .purple_product_section_inner .slick-prev {
  top: 30%; }
.purple_product_section_inner .slick-prev {
  left: -7%; }
.purple_product_section_inner .slick-next {
  right: -7%; }

/*=======================  Kendall-Toole CSS  ================== */
@font-face {
  font-family: 'Avenir-Medium';
  src: url("Avenir-Medium.eot?#iefix") format("embedded-opentype"), url("Avenir-Medium.woff") format("woff"), url("Avenir-Medium.ttf") format("truetype"), url("Avenir-Medium.svg#Avenir-Medium") format("svg");
  font-weight: normal;
  font-style: normal; }

.page-kendall-toole .main-conten-col {
  max-width: 100% !important;
  padding: 0;
  margin-top: 3.9em; }

@media (max-width: 998px) {
  .page-kendall-toole .main-conten-col {
    margin-top: -30px; } }
.page-kendall-toole .slick-dots li {
  height: 20px;
  width: 20px;
  margin: 0 2px; }
.page-kendall-toole .slick-dots li.slick-active button:before {
  color: #c4c4c4;
  opacity: .75; }
.page-kendall-toole .slick-dots li a:before, .page-kendall-toole .slick-dots li button:before {
  width: 20px;
  height: 20px;
  font-size: 50px;
  line-height: 20px;
  color: #e8e8e8;
  opacity: 1; }
.page-kendall-toole .slick-dots {
  margin-top: 10px; }

.page-kendall-toole {
  /* ========== media screen size css ======== */ }
  .page-kendall-toole .main-intro-section .banner-section {
    position: relative; }
    .page-kendall-toole .main-intro-section .banner-section .over-img {
      line-height: 0; }
      .page-kendall-toole .main-intro-section .banner-section .over-img img {
        width: 100%; }
  .page-kendall-toole .main-intro-section .text-block {
    max-width: 530px;
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 9%; }
    .page-kendall-toole .main-intro-section .text-block .left-wrap h1, .page-kendall-toole .main-intro-section .text-block .left-wrap .h1, .page-kendall-toole .main-intro-section .text-block .left-wrap #shopify-product-reviews .spr-header-title, #shopify-product-reviews .page-kendall-toole .main-intro-section .text-block .left-wrap .spr-header-title {
      font-family: 'Avenir-Medium' !important;
      font-weight: 500;
      font-size: 46px !important; }
    .page-kendall-toole .main-intro-section .text-block .left-wrap .rte {
      font-size: 21px;
      padding-right: 3em;
      margin-bottom: 0;
      margin-top: 30px;
      font-family: 'Avenir-Medium' !important;
      font-weight: 500;
      line-height: 1.4; }
    .page-kendall-toole .main-intro-section .text-block .left-wrap p {
      font-family: 'Avenir-Medium' !important;
      font-style: normal;
      font-weight: 500;
      font-size: 20px;
      text-transform: uppercase;
      margin-bottom: 24px; }
  .page-kendall-toole .main-intro-section .signature-block {
    position: absolute;
    right: 0;
    top: 42px;
    margin-right: 28%; }
    .page-kendall-toole .main-intro-section .signature-block img {
      max-width: 175px; }
  .page-kendall-toole .main-intro-section .spark01 {
    position: absolute;
    top: 39px;
    margin-left: 22px; }
  .page-kendall-toole .main-intro-section .bottom-intro .inner-div {
    width: 100%;
    margin: 0 auto;
    max-width: 1000px;
    display: flex;
    align-items: center;
    text-align: center;
    column-gap: 6rem;
    padding: 55px 0; }
    .page-kendall-toole .main-intro-section .bottom-intro .inner-div .inn-block h2, .page-kendall-toole .main-intro-section .bottom-intro .inner-div .inn-block .h2 {
      font-family: Avenir-Medium !important;
      font-weight: 500;
      font-size: 42px !important;
      margin-bottom: 6px; }
    .page-kendall-toole .main-intro-section .bottom-intro .inner-div .inn-block p {
      font-size: 20px;
      font-weight: 500;
      font-family: 'Avenir-Medium'; }
  @media (max-width: 998px) {
    .page-kendall-toole .main-intro-section .bottom-intro .inner-div {
      width: 100%;
      padding: 35px 20px 40px;
      flex-wrap: wrap;
      max-width: 700px; }
    .page-kendall-toole .main-intro-section .bottom-intro .left-dev {
      text-align: center;
      order: 2;
      margin: 0 auto; }
    .page-kendall-toole .main-intro-section .bottom-intro .inner-div .inn-block h2, .page-kendall-toole .main-intro-section .bottom-intro .inner-div .inn-block .h2 {
      font-size: 36px !important;
      margin-bottom: 6px; }
    .page-kendall-toole .main-intro-section .bottom-intro .inner-div .inn-block p {
      font-size: 18px;
      padding: 0 20px 25px; }
    .page-kendall-toole .main-intro-section .bottom-intro .right-dev {
      display: none; } }
  .page-kendall-toole .product-list-section {
    padding: 55px 0;
    margin: 20px 0 0; }
    .page-kendall-toole .product-list-section .pages-width {
      max-width: 1200px;
      margin: 0 auto; }
    .page-kendall-toole .product-list-section .section-head {
      text-align: center; }
      .page-kendall-toole .product-list-section .section-head h2, .page-kendall-toole .product-list-section .section-head .h2 {
        font-weight: 500;
        font-size: 48px !important;
        font-family: 'Avenir-Medium' !important;
        margin-bottom: 30px;
        letter-spacing: 0 !important; }
    .page-kendall-toole .product-list-section .loop-product {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      text-align: center; }
      .page-kendall-toole .product-list-section .loop-product img {
        max-width: 300px; }
      .page-kendall-toole .product-list-section .loop-product .pro-title {
        font-weight: 500;
        font-size: 36px !important;
        font-family: 'Avenir-Medium' !important;
        letter-spacing: 0 !important;
        margin-bottom: 20px; }
      .page-kendall-toole .product-list-section .loop-product .price {
        font-family: 'Avenir-Medium';
        font-size: 24px;
        padding-top: 24px; }
        .page-kendall-toole .product-list-section .loop-product .price .com-prc {
          text-decoration: line-through;
          font-weight: 400;
          color: #2B4636; }
        .page-kendall-toole .product-list-section .loop-product .price .sale_prie {
          font-weight: 600;
          color: #2B4636; }
      .page-kendall-toole .product-list-section .loop-product .shor-decrb {
        font-size: 18px;
        font-family: 'Avenir-Medium';
        color: #2B4636;
        line-height: 1.5;
        font-weight: 800;
        padding: 10px 0 0; }
      .page-kendall-toole .product-list-section .loop-product .addtocard-block {
        margin: 22px 0 20px; }
        .page-kendall-toole .product-list-section .loop-product .addtocard-block .btn-card {
          font-family: Avenir-Medium;
          font-weight: 900;
          font-size: 20px;
          padding: 13px 20px;
          border-radius: 75px;
          text-transform: uppercase;
          letter-spacing: 0.1em;
          background: transparent;
          display: block;
          width: 100%;
          max-width: 202px;
          margin: 0 auto;
          margin-bottom: 30px;
          text-decoration: none !important; }
    @media (max-width: 998px) {
      .page-kendall-toole .product-list-section {
        padding: 35px 30px 10px;
        margin: 20px 0; }
        .page-kendall-toole .product-list-section .loop-product {
          display: block;
          grid-template-columns: 1fr;
          text-align: center; }
        .page-kendall-toole .product-list-section .section-head h2, .page-kendall-toole .product-list-section .section-head .h2 {
          font-size: 38px !important;
          margin-bottom: 10px; }
        .page-kendall-toole .product-list-section .loop-product .pro-title {
          font-size: 40px !important;
          letter-spacing: 0 !important;
          margin-bottom: 5px; }
        .page-kendall-toole .product-list-section .loop-product .shor-decrb {
          font-size: 18px;
          font-weight: 800;
          padding: 8px 0 6px; }
        .page-kendall-toole .product-list-section .loop-product img {
          max-width: 255px;
          margin: 0 auto; }
        .page-kendall-toole .product-list-section .custom-arrow-rights {
          position: absolute;
          right: -15px;
          z-index: 2;
          cursor: pointer;
          top: 55%; }
          .page-kendall-toole .product-list-section .custom-arrow-rights img {
            max-width: 12px !important; }
        .page-kendall-toole .product-list-section .custom-arrow-lefts {
          position: absolute;
          left: -15px;
          z-index: 2;
          cursor: pointer;
          top: 55%; }
          .page-kendall-toole .product-list-section .custom-arrow-lefts img {
            max-width: 12px !important; }
        .page-kendall-toole .product-list-section .loop-product .addtocard-block .btn-card {
          padding: 8px 12px; } }
  .page-kendall-toole .video-section {
    padding: 25px 0 45px;
    margin-bottom: 30px; }
    .page-kendall-toole .video-section .page-video-width {
      max-width: 1150px;
      margin: 0 auto;
      padding: 0 20px; }
    .page-kendall-toole .video-section .video-txt-wrap {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%; }
      .page-kendall-toole .video-section .video-txt-wrap img {
        width: 100%;
        max-width: 425px;
        height: 425px;
        object-fit: cover; }
    .page-kendall-toole .video-section .video-img-wrap {
      flex-basis: 50%;
      width: 50%;
      text-align: center;
      padding-right: 12px; }
    .page-kendall-toole .video-section .text-item {
      flex-basis: 50%;
      width: 50%;
      padding-left: 12px; }
      .page-kendall-toole .video-section .text-item h2, .page-kendall-toole .video-section .text-item .h2 {
        font-weight: 500;
        font-size: 46px !important;
        font-family: Avenir-Medium !important;
        margin-bottom: 7px;
        letter-spacing: 0 !important; }
      .page-kendall-toole .video-section .text-item .rtx {
        font-size: 20px;
        line-height: 32px;
        font-family: 'Avenir-Medium';
        letter-spacing: 0;
        padding-right: 30px; }
    @media (max-width: 998px) {
      .page-kendall-toole .video-section {
        padding: 25px 0 45px;
        margin-bottom: 0; }
        .page-kendall-toole .video-section .page-video-width {
          max-width: 700px;
          margin: 0 auto;
          padding: 0 30px; }
        .page-kendall-toole .video-section .video-txt-wrap {
          width: 100%;
          flex-wrap: wrap;
          row-gap: 35px; }
        .page-kendall-toole .video-section .text-item h2, .page-kendall-toole .video-section .text-item .h2 {
          font-weight: 500;
          font-size: 40px !important;
          margin-bottom: 20px;
          line-height: 1; }
        .page-kendall-toole .video-section .text-item .rtx {
          font-size: 19px;
          line-height: 27px;
          padding-right: 0px; }
        .page-kendall-toole .video-section .video-img-wrap {
          flex-basis: 100%;
          width: 100%;
          text-align: center;
          padding-right: 0;
          order: 2; }
        .page-kendall-toole .video-section .text-item {
          flex-basis: 100%;
          width: 100%;
          padding-left: 0;
          text-align: center; } }
  .page-kendall-toole .slidertool-section {
    padding: 15px 0 35px;
    margin-bottom: 5px; }
    .page-kendall-toole .slidertool-section .section-head {
      text-align: center; }
      .page-kendall-toole .slidertool-section .section-head h2, .page-kendall-toole .slidertool-section .section-head .h2 {
        font-weight: 500;
        font-size: 46px !important;
        font-family: Avenir-Medium !important;
        margin-bottom: 7px;
        letter-spacing: 0 !important; }
      .page-kendall-toole .slidertool-section .section-head p {
        font-size: 20px;
        line-height: 32px;
        font-family: Avenir-Medium;
        letter-spacing: 0;
        padding-right: 30px; }
    .page-kendall-toole .slidertool-section .slider-row {
      max-width: 1190px;
      margin: 0 auto;
      position: relative;
      padding: 25px 0 45px; }
    .page-kendall-toole .slidertool-section .in-width {
      width: 100%;
      text-align: center; }
      .page-kendall-toole .slidertool-section .in-width .inblock {
        margin: 0 20px;
        padding: 55px 12px; }
        .page-kendall-toole .slidertool-section .in-width .inblock p {
          letter-spacing: 0.2em;
          font-family: 'Avenir-Medium';
          text-transform: uppercase;
          font-size: 24px;
          opacity: 0.3; }
        .page-kendall-toole .slidertool-section .in-width .inblock .rtx {
          font-size: 30px;
          line-height: 38px;
          font-family: 'Avenir-Medium';
          opacity: 0.3; }
    .page-kendall-toole .slidertool-section .custom-arrow-rights {
      position: absolute;
      right: -35px;
      top: 35%;
      cursor: pointer; }
    .page-kendall-toole .slidertool-section .custom-arrow-lefts {
      position: absolute;
      top: 35%;
      left: -35px;
      cursor: pointer; }
    @media (max-width: 998px) {
      .page-kendall-toole .slidertool-section .section-head h2, .page-kendall-toole .slidertool-section .section-head .h2 {
        font-size: 40px !important;
        margin-bottom: 7px;
        letter-spacing: 0 !important; }
      .page-kendall-toole .slidertool-section .section-head p {
        font-size: 20px;
        line-height: 32px;
        padding-right: 0;
        padding: 0 30px; }
      .page-kendall-toole .slidertool-section .slider-row {
        max-width: 700px;
        margin: 0 auto;
        position: relative;
        padding: 20px 25px 10px; }
      .page-kendall-toole .slidertool-section .in-width {
        width: 100%;
        text-align: center; }
      .page-kendall-toole .slidertool-section .in-width .inblock {
        margin: 0 10px;
        padding: 22px 10px; }
      .page-kendall-toole .slidertool-section .in-width .inblock p {
        letter-spacing: .1em;
        text-transform: uppercase;
        font-size: 16px;
        opacity: 0.3; }
      .page-kendall-toole .slidertool-section .in-width .inblock .rtx {
        font-size: 20px;
        line-height: 30px;
        opacity: .3; }
      .page-kendall-toole .slidertool-section .custom-arrow-rights img {
        width: 12px !important; }
      .page-kendall-toole .slidertool-section .custom-arrow-lefts img {
        max-width: 12px; }
      .page-kendall-toole .slidertool-section .custom-arrow-lefts {
        top: 35%;
        left: -12px;
        cursor: pointer; }
      .page-kendall-toole .slidertool-section .custom-arrow-rights {
        right: -20px;
        top: 35%;
        cursor: pointer; } }
  .page-kendall-toole .galler-page-width {
    max-width: 1050px;
    margin: 0 auto 45px; }
    .page-kendall-toole .galler-page-width .row-coloum {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-row: auto;
      grid-column-gap: 30px;
      grid-row-gap: 30px; }
    .page-kendall-toole .galler-page-width .colum-02 .video-wrapper iframe {
      position: relative; }
    .page-kendall-toole .galler-page-width .video-img-wrap {
      padding-bottom: 30px; }
    .page-kendall-toole .galler-page-width .img-item {
      line-height: 0; }
      .page-kendall-toole .galler-page-width .img-item img {
        max-width: 100%;
        object-fit: cover; }
    .page-kendall-toole .galler-page-width .video-wrapper {
      height: 240px !important;
      max-width: 100% !important; }
      .page-kendall-toole .galler-page-width .video-wrapper iframe {
        height: 240px !important;
        max-width: 100% !important; }
    .page-kendall-toole .galler-page-width .image-block05 img {
      object-fit: cover !important; }
    .page-kendall-toole .galler-page-width .wrap-2clu {
      display: flex;
      flex-wrap: wrap; }
    .page-kendall-toole .galler-page-width .rdf_coloum .video-wrapper iframe {
      height: 330px !important;
      width: 100% !important;
      max-width: 100% !important; }
    .page-kendall-toole .galler-page-width .rdf_coloum .video-wrapper {
      height: 330px !important;
      width: 100% !important;
      max-width: 100% !important; }
    .page-kendall-toole .galler-page-width .four_coluum .image-block05 .img-item img {
      height: 510px; }
    .page-kendall-toole .galler-page-width .header-section h2, .page-kendall-toole .galler-page-width .header-section .h2 {
      font-weight: 500;
      font-size: 48px !important;
      font-family: Avenir-Medium !important;
      margin-bottom: 7px;
      letter-spacing: 0 !important;
      line-height: 1;
      padding-bottom: 30px; }
  .page-kendall-toole .gallery-section_2 {
    position: relative;
    padding: 3.8em 0 6em;
    width: 100%; }
    .page-kendall-toole .gallery-section_2 .bottom-cut-box {
      position: absolute;
      bottom: 0;
      z-index: 1;
      right: 0; }
      .page-kendall-toole .gallery-section_2 .bottom-cut-box svg {
        width: 100%; }
    .page-kendall-toole .gallery-section_2 .row-coloum .colum-02 {
      z-index: 99; }
    .page-kendall-toole .gallery-section_2 .row-coloum .colum-01 {
      z-index: 99; }
  .page-kendall-toole .img-txt-logo {
    position: relative; }
    .page-kendall-toole .img-txt-logo .top-curva {
      position: absolute;
      left: 0;
      top: 0; }
      .page-kendall-toole .img-txt-logo .top-curva svg {
        width: 100%; }
        .page-kendall-toole .img-txt-logo .top-curva svg path {
          fill-opacity: unset;
          fill: #edeced80; }
    .page-kendall-toole .img-txt-logo .page-width-logo {
      max-width: 1050px;
      margin: 0 auto;
      width: 100%;
      padding: 5em 0; }
      .page-kendall-toole .img-txt-logo .page-width-logo .header-section {
        z-index: 999;
        position: relative; }
        .page-kendall-toole .img-txt-logo .page-width-logo .header-section h2, .page-kendall-toole .img-txt-logo .page-width-logo .header-section .h2 {
          font-weight: 500;
          font-size: 48px !important;
          font-family: Avenir-Medium !important;
          margin-bottom: 7px;
          letter-spacing: 0 !important;
          line-height: 1;
          padding-bottom: 30px; }
      .page-kendall-toole .img-txt-logo .page-width-logo .wrap-img-txt {
        display: flex;
        align-items: center;
        flex-direction: row; }
        .page-kendall-toole .img-txt-logo .page-width-logo .wrap-img-txt .logo-top {
          position: absolute;
          line-height: 0;
          top: -24%;
          right: -9%;
          z-index: 1; }
        .page-kendall-toole .img-txt-logo .page-width-logo .wrap-img-txt .video-img-wrap {
          position: relative;
          width: 50%;
          flex-basis: 50%;
          z-index: 999; }
          .page-kendall-toole .img-txt-logo .page-width-logo .wrap-img-txt .video-img-wrap .img-item {
            line-height: 0; }
        .page-kendall-toole .img-txt-logo .page-width-logo .wrap-img-txt .text-item {
          width: 50%;
          flex-basis: 50%;
          z-index: 999; }
          .page-kendall-toole .img-txt-logo .page-width-logo .wrap-img-txt .text-item .rtx {
            font-size: 42px;
            line-height: 52px;
            font-family: Avenir-Medium;
            padding-left: 4vw; }
  .page-kendall-toole .newsletter-sectionstoole .width-page-size {
    max-width: 1130px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 auto;
    padding: 4.2em 0;
    justify-content: center; }
    .page-kendall-toole .newsletter-sectionstoole .width-page-size .imga-logo {
      flex-basis: 40%;
      width: 40%;
      line-height: 0; }
    .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap {
      flex-basis: 60%;
      width: 60%; }
      .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap h2, .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap .h2 {
        font-weight: 500;
        font-size: 48px !important;
        font-family: Avenir-Medium !important;
        margin-bottom: 7px;
        letter-spacing: 0 !important;
        line-height: 1;
        padding-bottom: 9px; }
      .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap .rtx {
        font-family: 'Avenir-Book';
        font-size: 23px;
        font-weight: 500;
        line-height: 1.4; }
      .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap .form-vertical-toole {
        padding-top: 35px;
        padding-right: 9vw; }
        .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap .form-vertical-toole form {
          margin-bottom: 0; }
        .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap .form-vertical-toole input#Email,
        .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap .form-vertical-toole .needsclick.go2760421766.kl-private-reset-css-Xuajs1,
        .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap .form-vertical-toole .go2760421766.go2760421766.go2760421766.go2760421766.go2760421766.go2760421766:hover {
          border: 2.5px solid #FFFFFF !important;
          border-radius: 75px !important;
          padding: 15px 20px !important;
          background: transparent !important;
          color: #FFF !important; }
        .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap .form-vertical-toole input#Email::placeholder,
        .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap .form-vertical-toole .needsclick.go2760421766.kl-private-reset-css-Xuajs1::placeholder {
          color: #fff !important;
          font-family: 'Avenir-Medium' !important;
          text-transform: uppercase !important;
          font-weight: 600 !important;
          font-size: 20px !important;
          letter-spacing: 0.1em !important; }
        .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap .form-vertical-toole button#subscribe {
          background: #FFFFFF;
          border-radius: 75px;
          display: block;
          width: 100%;
          border: 1px solid transparent !important;
          text-align: left;
          padding: 15px 30px 14px;
          color: #2B4636;
          font-family: 'Avenir-Medium';
          font-size: 20px;
          line-height: 30px;
          letter-spacing: 0.1em; }
        .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap .form-vertical-toole .needsclick.kl-private-reset-css-Xuajs1 {
          width: 100% !important;
          padding: 0 !important;
          margin: 0 !important; }
        .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap .form-vertical-toole button.needsclick.go332817621.kl-private-reset-css-Xuajs1 {
          color: #2B4636 !important;
          background-color: white !important;
          border: 0px solid #2B4636 !important;
          border-radius: 75px !important;
          text-align: left !important;
          padding: 18px 27px !important;
          margin: 9px 0 0 0 !important; }
        .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap .form-vertical-toole.form-alt--colors input#Email,
        .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap .form-vertical-toole.form-alt--colors .needsclick.go2760421766.kl-private-reset-css-Xuajs1,
        .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap .form-vertical-toole.form-alt--colors .go2760421766.go2760421766.go2760421766.go2760421766.go2760421766.go2760421766:hover {
          border-color: #2B4636 !important;
          color: #2B4636 !important; }
        .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap .form-vertical-toole.form-alt--colors input#Email::placeholder,
        .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap .form-vertical-toole.form-alt--colors .needsclick.go2760421766.kl-private-reset-css-Xuajs1::placeholder {
          color: #2B4636 !important; }
        .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap .form-vertical-toole.form-alt--colors button.needsclick.go332817621.kl-private-reset-css-Xuajs1 {
          background: #E04403 !important;
          color: #FFF !important; }
  .page-kendall-toole .newsletter-sectionstoole .inner-block_max-width {
    position: relative;
    overflow: hidden; }
    @media (min-width: 1440px) {
      .page-kendall-toole .newsletter-sectionstoole .inner-block_max-width {
        max-width: 1500px;
        margin: 0 auto; } }
    .page-kendall-toole .newsletter-sectionstoole .inner-block_max-width .spark001 {
      position: absolute;
      left: 0;
      right: 26%;
      top: -45px;
      text-align: center; }
      .page-kendall-toole .newsletter-sectionstoole .inner-block_max-width .spark001 svg {
        max-width: 80px; }
    .page-kendall-toole .newsletter-sectionstoole .inner-block_max-width .spark0002 {
      position: absolute;
      bottom: -34px;
      z-index: 1;
      left: 28px; }
  .page-kendall-toole .newsletter-sectionstoole .inn-txtwraps {
    padding-left: 1vw; }
  @media (max-width: 998px) {
    .page-kendall-toole .newsletter-sectionstoole .width-page-size {
      padding: 4.2em 20px 4.5em;
      row-gap: 45px;
      max-width: 700px; }
    .page-kendall-toole .newsletter-sectionstoole .width-page-size .imga-logo {
      flex-basis: 100%;
      width: 100%;
      order: 2;
      text-align: center; }
      .page-kendall-toole .newsletter-sectionstoole .width-page-size .imga-logo img {
        height: 125px;
        object-fit: cover; }
    .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap h2, .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap .h2 {
      font-size: 36px !important;
      padding-bottom: 9px; }
    .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap .rtx {
      font-size: 19px; }
    .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap .form-vertical-toole input#Email {
      text-align: center; }
    .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap .form-vertical-toole button#subscribe {
      text-align: center; }
    .page-kendall-toole .newsletter-sectionstoole .inner-block_max-width .spark0002 {
      bottom: -40px;
      left: 31px; }
      .page-kendall-toole .newsletter-sectionstoole .inner-block_max-width .spark0002 svg {
        max-width: 70px; }
    .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap {
      flex-basis: 100%;
      width: 100%;
      text-align: center; } }
  .page-kendall-toole .image-txtwidth-sectionstoole .width-page-size {
    max-width: 1130px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 auto;
    padding: 4.2em 0;
    justify-content: center; }
    .page-kendall-toole .image-txtwidth-sectionstoole .width-page-size .imga-logo {
      flex-basis: 40%;
      width: 40%;
      line-height: 0; }
    .page-kendall-toole .image-txtwidth-sectionstoole .width-page-size .form-text-wrap {
      flex-basis: 60%;
      width: 60%; }
      .page-kendall-toole .image-txtwidth-sectionstoole .width-page-size .form-text-wrap h2, .page-kendall-toole .image-txtwidth-sectionstoole .width-page-size .form-text-wrap .h2 {
        font-weight: 500;
        font-size: 48px !important;
        font-family: Avenir-Medium !important;
        margin-bottom: 7px;
        letter-spacing: 0 !important;
        line-height: 1;
        padding-bottom: 9px; }
      .page-kendall-toole .image-txtwidth-sectionstoole .width-page-size .form-text-wrap .rtx {
        font-family: 'Avenir-Book';
        font-size: 22px;
        font-weight: 500;
        line-height: 1.4; }
  .page-kendall-toole .image-txtwidth-sectionstoole .inn-txtwraps {
    padding-left: 2vw; }
  .page-kendall-toole .image-txtwidth-sectionstoole .loho-box {
    display: flex;
    padding: 30px 0 0;
    align-items: center;
    position: relative;
    flex-wrap: wrap; }
    .page-kendall-toole .image-txtwidth-sectionstoole .loho-box .logo-block {
      line-height: 0; }
      .page-kendall-toole .image-txtwidth-sectionstoole .loho-box .logo-block img {
        height: 118px;
        object-fit: cover; }
    .page-kendall-toole .image-txtwidth-sectionstoole .loho-box .logo-block:after {
      content: ' ';
      height: 120px;
      width: 3px;
      background: #284639;
      position: absolute;
      left: 15%; }
    .page-kendall-toole .image-txtwidth-sectionstoole .loho-box .text-block {
      padding-left: 3vw; }
      .page-kendall-toole .image-txtwidth-sectionstoole .loho-box .text-block p {
        font-family: 'Avenir-Medium';
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 0; }
  @media (max-width: 998px) {
    .page-kendall-toole .image-txtwidth-sectionstoole .loho-box .logo-block:after {
      display: none; }
    .page-kendall-toole .image-txtwidth-sectionstoole .width-page-size {
      align-items: center;
      margin: 0 auto;
      padding: 2.2em 25px;
      justify-content: center;
      text-align: center;
      row-gap: 40px; }
    .page-kendall-toole .image-txtwidth-sectionstoole .width-page-size .imga-logo img {
      height: 250px;
      object-fit: cover; }
    .page-kendall-toole .image-txtwidth-sectionstoole .width-page-size .form-text-wrap h2, .page-kendall-toole .image-txtwidth-sectionstoole .width-page-size .form-text-wrap .h2 {
      font-size: 34px !important;
      line-height: 1; }
    .page-kendall-toole .image-txtwidth-sectionstoole .width-page-size .form-text-wrap .rtx {
      font-size: 18px; }
    .page-kendall-toole .image-txtwidth-sectionstoole .loho-box .logo-block img {
      height: 115px;
      object-fit: cover; }
    .page-kendall-toole .image-txtwidth-sectionstoole .loho-box .text-block p {
      font-size: 26px;
      line-height: 33px;
      text-align: left; }
    .page-kendall-toole .image-txtwidth-sectionstoole .width-page-size .imga-logo {
      flex-basis: 100%;
      width: 100%; }
    .page-kendall-toole .image-txtwidth-sectionstoole .width-page-size .form-text-wrap {
      flex-basis: 100%;
      width: 100%; } }
  @media (min-width: 999px) {
    .page-kendall-toole .desk_none {
      display: none; }
    .page-kendall-toole .spark01-intro {
      position: absolute;
      bottom: 35px;
      right: 0;
      text-align: center;
      margin-right: calc(40vw - 13px ); } }
  @media (max-width: 998px) {
    .page-kendall-toole .klaviyo-form > .needsclick.kl-private-reset-css-Xuajs1 {
      display: flex !important;
      justify-content: center !important; }
    .page-kendall-toole .mobile_none {
      display: none !important; }
    .page-kendall-toole .img-txt-logo .page-width-logo {
      max-width: 700px;
      margin: 0 auto;
      width: 100%;
      padding: 3em 25px; }
    .page-kendall-toole .img-txt-logo .page-width-logo .wrap-img-txt .logo-top img {
      max-width: 180px; }
    .page-kendall-toole .img-txt-logo .page-width-logo .wrap-img-txt .logo-top {
      position: relative;
      line-height: 0;
      top: -10px;
      right: 0;
      text-align: right;
      z-index: 2; }
    .page-kendall-toole .img-txt-logo .page-width-logo .wrap-img-txt .video-img-wrap .img-item {
      text-align: center; }
    .page-kendall-toole .img-txt-logo .page-width-logo .wrap-img-txt .video-img-wrap .img-item img {
      height: 310px;
      object-fit: cover;
      max-width: 100%; }
    .page-kendall-toole .img-txt-logo .page-width-logo .wrap-img-txt .text-item {
      width: 100%;
      flex-basis: 100%;
      z-index: 1; }
    .page-kendall-toole .img-txt-logo .page-width-logo .wrap-img-txt .text-item .rtx {
      font-size: 20px;
      line-height: 1.4;
      padding-left: 0;
      padding: 0 35px;
      text-align: center; }
    .page-kendall-toole .img-txt-logo .page-width-logo .wrap-img-txt {
      display: flex;
      align-items: center;
      flex-direction: row;
      flex-wrap: wrap;
      row-gap: 25px; }
    .page-kendall-toole .img-txt-logo .page-width-logo .wrap-img-txt .video-img-wrap {
      position: relative;
      width: 100%;
      flex-basis: 100%;
      z-index: 2; }
    .page-kendall-toole .galler-page-width {
      max-width: 700px;
      margin: 0 auto;
      padding: 0 30px;
      text-align: center; }
    .page-kendall-toole .galler-page-width .row-coloum {
      display: block;
      grid-template-columns: 1fr;
      grid-row: auto;
      grid-column-gap: 0;
      grid-row-gap: 0; }
    .page-kendall-toole .galler-page-width .header-section h2, .page-kendall-toole .galler-page-width .header-section .h2 {
      font-weight: 500;
      font-size: 40px !important;
      margin-bottom: 7px;
      line-height: 1;
      padding-bottom: 20px; }
    .page-kendall-toole .galler-page-width .img-item img {
      max-width: 100%;
      object-fit: cover;
      height: 170px;
      margin: 0 auto;
      width: 90%; }
    .page-kendall-toole .galler-page-width .image-block05 img {
      object-fit: cover !important;
      width: 91%; }
    .page-kendall-toole .gallery-section_2 {
      position: relative;
      padding: 2em 0 6em;
      width: 100%; }
    .page-kendall-toole .galler-page-width .video-wrapper iframe {
      height: 170px !important;
      width: 100% !important;
      max-width: 100% !important; }
    .page-kendall-toole .galler-page-width .video-wrapper {
      height: 170px !important;
      width: 95% !important;
      max-width: 100% !important;
      margin: 0 auto; }
    .page-kendall-toole .mobil-view-meida-gallery {
      z-index: 2; }
    .page-kendall-toole .galler-page-width .video-img-wrap {
      padding-bottom: 20px; }
    .page-kendall-toole .mobile-view-img-wrap .custom-arrow-lefts {
      position: absolute;
      left: -15px;
      top: 30%; }
    .page-kendall-toole .mobile-view-img-wrap .custom-arrow-lefts img {
      max-width: 12px; }
    .page-kendall-toole .mobile-view-img-wrap .custom-arrow-rights {
      position: absolute;
      right: -17px;
      cursor: pointer;
      top: 30%; }
    .page-kendall-toole .mobile-view-img-wrap .custom-arrow-rights img {
      max-width: 12px; }
    .page-kendall-toole .newsletter-sectionstoole .width-page-size .form-text-wrap .form-vertical-toole {
      padding-top: 35px;
      padding-right: 0; }
    .page-kendall-toole .img-txt-logo .top-curva {
      position: absolute;
      left: 0;
      top: 0%; }
    .page-kendall-toole .img-txt-logo .top-curva svg {
      width: 100%;
      height: 200px; }
    .page-kendall-toole .img-txt-logo .page-width-logo .header-section h2, .page-kendall-toole .img-txt-logo .page-width-logo .header-section .h2 {
      font-size: 40px !important;
      margin-bottom: 7px;
      padding-bottom: 15px;
      text-align: center;
      padding-top: 20px; }
    .page-kendall-toole .slidertool-section {
      padding: 15px 0 10px;
      margin-bottom: 0; }
    .page-kendall-toole .gallery-section_2 .bottom-cut-box {
      bottom: -10px; }
    .page-kendall-toole .gallery-section_2 .bottom-cut-box svg {
      width: 100%;
      height: 200px; }
    .page-kendall-toole .image-txtwidth-sectionstoole .loho-box {
      justify-content: center; }
    .page-kendall-toole .into-section {
      position: relative; }
      .page-kendall-toole .into-section .sparkmob01 {
        line-height: 0;
        position: absolute;
        right: 0;
        text-align: right;
        top: -12px; }
        .page-kendall-toole .into-section .sparkmob01 svg {
          height: 60px; }
    .page-kendall-toole .main-intro-section .text-block {
      max-width: 700px;
      position: relative;
      top: 0;
      height: 100%;
      display: block;
      align-items: inherit;
      margin-left: 0;
      padding: 3em 25px 1.3em;
      margin: 0 auto; }
      .page-kendall-toole .main-intro-section .text-block .left-wrap {
        text-align: center; }
    .page-kendall-toole .main-intro-section .text-block .left-wrap p {
      font-weight: 500;
      font-size: 17px;
      text-transform: uppercase;
      margin-bottom: 24px; }
    .page-kendall-toole .main-intro-section .text-block .left-wrap h1, .page-kendall-toole .main-intro-section .text-block .left-wrap .h1, .page-kendall-toole .main-intro-section .text-block .left-wrap #shopify-product-reviews .spr-header-title, #shopify-product-reviews .page-kendall-toole .main-intro-section .text-block .left-wrap .spr-header-title {
      font-weight: 500;
      font-size: 40px !important; }
    .page-kendall-toole .main-intro-section .text-block .left-wrap .rte {
      font-size: 20px;
      padding-right: 0;
      margin-bottom: 0;
      margin-top: 30px;
      font-weight: 500;
      line-height: 1.4;
      padding: 0 20px; }
    .page-kendall-toole .into-section .img-blocks {
      line-height: 0;
      position: relative; }
      .page-kendall-toole .into-section .img-blocks img {
        max-width: 100%; }
    .page-kendall-toole .main-intro-section .signature-block {
      position: relative;
      right: 0;
      top: 0;
      margin-right: 0;
      text-align: center;
      line-height: 0;
      padding-top: 28px; }
    .page-kendall-toole .main-intro-section .signature-block img {
      max-width: 100%; }
    .page-kendall-toole .main-intro-section .spark01 {
      position: absolute;
      top: -20px;
      margin-left: 22px; }
    .page-kendall-toole .newsletter-sectionstoole .inner-block_max-width .spark001 {
      position: absolute;
      left: inherit;
      right: 8%;
      top: 14px;
      text-align: center; }
    .page-kendall-toole .newsletter-sectionstoole .inner-block_max-width .spark001 svg {
      max-width: 50px; } }
  @media (min-width: 1450px) {
    .page-kendall-toole .image-txtwidth-sectionstoole .width-page-size {
      max-width: 1230px; }
    .page-kendall-toole .main-intro-section .bottom-intro .inner-div {
      max-width: 1200px; }
    .page-kendall-toole .product-list-section .pages-width {
      max-width: 1300px; }
    .page-kendall-toole .video-section .page-video-width {
      max-width: 1250px; }
    .page-kendall-toole .slidertool-section .slider-row {
      max-width: 1290px; }
    .page-kendall-toole .spark01-intro {
      margin-right: calc(41vw - 22px ); } }
  @media only screen and (max-width: 998px) and (min-width: 760px) {
    .page-kendall-toole .into-section.desk_none {
      display: grid;
      grid-template-columns: 1fr 1fr; }
    .page-kendall-toole .main-intro-section .text-block {
      max-width: 700px;
      position: relative;
      top: 0;
      height: 100%;
      display: block;
      align-items: inherit;
      margin-left: 0;
      padding: 2em 10px 0.3em;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .page-kendall-toole .main-intro-section .text-block .left-wrap p {
      font-weight: 500;
      font-size: 14px;
      text-transform: uppercase;
      margin-bottom: 12px; }
    .page-kendall-toole .main-intro-section .text-block .left-wrap h1, .page-kendall-toole .main-intro-section .text-block .left-wrap .h1, .page-kendall-toole .main-intro-section .text-block .left-wrap #shopify-product-reviews .spr-header-title, #shopify-product-reviews .page-kendall-toole .main-intro-section .text-block .left-wrap .spr-header-title {
      font-weight: 500;
      font-size: 32px !important; }
    .page-kendall-toole .main-intro-section .text-block .left-wrap .rte {
      font-size: 14px;
      padding: 0 5px; }
    .page-kendall-toole .main-intro-section .signature-block {
      padding-top: 10px; }
    .page-kendall-toole .main-intro-section .signature-block img {
      max-width: 100%;
      width: 125px; } }
  @media only screen and (max-width: 1250px) and (min-width: 999px) {
    .page-kendall-toole .image-txtwidth-sectionstoole .width-page-size {
      max-width: 1000px;
      padding: 4em 20px;
      width: 100%; }
    .page-kendall-toole .main-intro-section .bottom-intro .inner-div {
      max-width: 1050px;
      padding: 55px 20px;
      width: 100%; }
    .page-kendall-toole .product-list-section .pages-width {
      max-width: 1050px;
      padding: 0 20px;
      width: 100%; }
    .page-kendall-toole .video-section .page-video-width {
      max-width: 1050px;
      padding: 0 20px;
      width: 100%; }
    .page-kendall-toole .slidertool-section .slider-row {
      max-width: 1000px;
      padding: 0 20px;
      width: 100%; }
    .page-kendall-toole .slidertool-section .custom-arrow-lefts {
      left: -20px; }
    .page-kendall-toole .slidertool-section .custom-arrow-rights {
      right: -20px; }
    .page-kendall-toole .newsletter-sectionstoole .width-page-size {
      max-width: 1000px;
      padding: 4.2em 20px; }
    .page-kendall-toole .galler-page-width {
      max-width: 900px; }
    .page-kendall-toole .img-txt-logo .page-width-logo {
      max-width: 900px; }
    .page-kendall-toole .img-txt-logo .page-width-logo .wrap-img-txt .logo-top img {
      max-width: 150px; }
    .page-kendall-toole .galler-page-width {
      max-width: 950px;
      margin: 0 auto; }
    .page-kendall-toole .img-txt-logo .page-width-logo {
      max-width: 950px; }
    .page-kendall-toole .galler-page-width .four_coluum .image-block05 .img-item img {
      height: 460px; }
    .page-kendall-toole .galler-page-width .video-wrapper iframe {
      height: 215px !important;
      width: 100% !important;
      max-width: 100% !important; }
    .page-kendall-toole .galler-page-width .video-wrapper {
      height: 215px !important;
      width: 100% !important;
      max-width: 100% !important; }
    .page-kendall-toole .main-intro-section .spark01 {
      top: 20px;
      margin-left: 3px; }
    .page-kendall-toole .main-intro-section .text-block {
      max-width: 457px; }
    .page-kendall-toole .main-intro-section .text-block .left-wrap h1, .page-kendall-toole .main-intro-section .text-block .left-wrap .h1, .page-kendall-toole .main-intro-section .text-block .left-wrap #shopify-product-reviews .spr-header-title, #shopify-product-reviews .page-kendall-toole .main-intro-section .text-block .left-wrap .spr-header-title {
      font-size: 38px !important; }
    .page-kendall-toole .main-intro-section .text-block .left-wrap .rte {
      font-size: 18px;
      padding-right: 2em; }
    .page-kendall-toole .main-intro-section .signature-block {
      top: 30px;
      margin-right: 27%; }
    .page-kendall-toole .main-intro-section .signature-block img {
      max-width: 150px; } }
  .page-kendall-toole .im-txt-llop .page-widths {
    max-width: 1130px;
    margin: 0 auto;
    padding: 4em 0 9%; }
  .page-kendall-toole .im-txt-llop .img-item {
    line-height: 0; }
    .page-kendall-toole .im-txt-llop .img-item img {
      max-width: 100%; }
  .page-kendall-toole .im-txt-llop .block-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10%; }
    @media (max-width: 998px) {
      .page-kendall-toole .im-txt-llop .block-list {
        grid-template-columns: 1fr;
        grid-row-gap: 3%; } }
  .page-kendall-toole .im-txt-llop .inner-items {
    text-align: center; }
  .page-kendall-toole .im-txt-llop .text-wrap-block {
    padding-top: 34px; }
    .page-kendall-toole .im-txt-llop .text-wrap-block .imgloop-block {
      line-height: 1;
      margin-bottom: 20px; }
      .page-kendall-toole .im-txt-llop .text-wrap-block .imgloop-block img {
        max-width: 100%;
        object-fit: cover;
        max-height: 58px; }
    .page-kendall-toole .im-txt-llop .text-wrap-block h2, .page-kendall-toole .im-txt-llop .text-wrap-block .h2 {
      font-size: 36px !important;
      font-family: 'Avenir-Medium' !important;
      font-weight: 500 !important;
      letter-spacing: 0 !important;
      color: #194330 !important;
      line-height: 1.2; }
    .page-kendall-toole .im-txt-llop .text-wrap-block p {
      font-size: 20px;
      font-family: Avenir-Medium !important;
      color: #194330 !important;
      display: flex;
      align-items: flex-start;
      height: 100%;
      flex-direction: row;
      justify-content: center;
      min-height: 140px;
      margin-bottom: 0; }
      @media (max-width: 998px) {
        .page-kendall-toole .im-txt-llop .text-wrap-block p {
          min-height: auto; } }
    .page-kendall-toole .im-txt-llop .text-wrap-block .btn-block {
      margin-top: 30px; }
      .page-kendall-toole .im-txt-llop .text-wrap-block .btn-block a {
        letter-spacing: 0.1em;
        text-transform: uppercase;
        border: 2px solid #194330;
        color: #2b4636;
        font-weight: 600;
        font-family: Avenir-Medium;
        line-height: 1;
        display: block;
        max-width: 230px;
        margin: 0 auto;
        border-radius: 72px;
        padding: 14px 10px 13px;
        font-size: 20px; }
  @media (max-width: 998px) {
    .page-kendall-toole .im-txt-llop .page-widths {
      max-width: 700px;
      margin: 0 auto;
      padding: 55px 25px 11em; }
    .page-kendall-toole .im-txt-llop .text-wrap-block {
      padding: 35px 20px 0; }
    .page-kendall-toole .im-txt-llop .img-item {
      line-height: 0; }
    .page-kendall-toole .im-txt-llop .img-item img {
      max-width: 100%;
      width: 290px; } }
  @media only screen and (max-width: 1250px) and (min-width: 999px) {
    .page-kendall-toole .im-txt-llop .page-widths {
      max-width: 1130px;
      margin: 0 auto;
      padding: 4em 3em 9%; }
    .page-kendall-toole .im-txt-llop .text-wrap-block p {
      font-size: 17px; }
    .page-kendall-toole .im-txt-llop .text-wrap-block h2, .page-kendall-toole .im-txt-llop .text-wrap-block .h2 {
      font-size: 28px !important; } }
  @media (min-width: 1450px) {
    .page-kendall-toole .im-txt-llop .page-widths {
      max-width: 1230px; } }
  .page-kendall-toole .input-group-btn {
    width: auto;
    display: block; }

.menukendall-toole .img-megmenu a {
  display: flex;
  flex-direction: column-reverse; }
  .menukendall-toole .img-megmenu a img {
    margin-top: 9px; }

/*=======================  Kendall-Toole CSS End ================== */
/*=======================  
GREEN CHEF AND PURPLE CARROT CODE ADDITION BY PAULINE
NOV 18 2021
================== */
.landing-product-list-section .landing-section-title h2, .landing-product-list-section .landing-section-title .h2 {
  font-family: Nunito !important;
  font-weight: 700;
  color: #2b4636 !important;
  font-size: clamp(1.8rem, 2.2vw, 2.2rem) !important;
  text-transform: capitalize !important; }
.landing-product-list-section .landing-product-roll {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 45px auto; }
  .landing-product-list-section .landing-product-roll .pro-items {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    text-align: center;
    width: 276px; }
    .landing-product-list-section .landing-product-roll .pro-items .pro-title {
      width: 276px;
      margin: 18px auto; }
    .landing-product-list-section .landing-product-roll .pro-items .img-block {
      margin: 0 auto; }
    .landing-product-list-section .landing-product-roll .pro-items .btn-rounded {
      border: 1px solid #e6893c;
      color: #e6893c;
      margin: 0 auto;
      text-align: center;
      display: inline-block;
      border-radius: 30px;
      padding: 5px 30px;
      background-color: white; }
  .landing-product-list-section .landing-product-roll .custom-arrow-rights {
    right: 0; }
  .landing-product-list-section .landing-product-roll .custom-arrow-lefts {
    left: 0; }
  .landing-product-list-section .landing-product-roll .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }

.page-kendall-toole .toolekit-wrapper {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
.page-kendall-toole .toolekit-heading {
  font-family: 'Avenir-Medium';
  font-size: 3.125rem;
  line-height: 1.2;
  margin-bottom: 20px; }
.page-kendall-toole .toolekit-rte {
  font-size: 1.5rem;
  line-height: 1.3; }
.page-kendall-toole .toolekit-button {
  display: inline-block;
  max-width: 100%;
  margin-top: 35px;
  color: #E04403;
  font-family: 'Avenir-Book';
  font-weight: 900;
  font-size: 1.5rem;
  line-height: 1.25;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 20px 30px;
  border: 2.5px solid #E04403;
  box-sizing: border-box;
  border-radius: 75px; }
.page-kendall-toole .toolekit-slider {
  position: relative;
  margin-bottom: 0; }
.page-kendall-toole .toolekit-slide-arrow {
  display: block;
  width: 24px;
  height: 72px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 2;
  top: 50%;
  cursor: pointer; }
  .page-kendall-toole .toolekit-slide-arrow.toolekit-slide-prev {
    background-image: url("//cdn.shopify.com/s/files/1/0283/4009/2988/files/slide-arrow-prev.png?v=16476790837511556093");
    left: 0;
    transform: translate(-100%, -50%); }
  .page-kendall-toole .toolekit-slide-arrow.toolekit-slide-next {
    background-image: url("//cdn.shopify.com/s/files/1/0283/4009/2988/files/slide-arrow-next.png?v=7952134035706027418");
    right: 0;
    transform: translate(100%, -50%); }
.page-kendall-toole .intro-section--inner {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  overflow: hidden; }
  .page-kendall-toole .intro-section--inner img {
    max-width: 100%;
    height: auto; }
  .page-kendall-toole .intro-section--inner.has-column-gap {
    grid-column-gap: 20px; }
.page-kendall-toole .intro-section--details {
  position: relative;
  padding: 80px 100px; }
  .page-kendall-toole .intro-section--details .intro-section--details-spark svg {
    position: absolute;
    top: -20px;
    left: 20px; }
  .page-kendall-toole .intro-section--details p {
    font-family: 'Avenir-Medium';
    font-weight: 500;
    font-size: 1.25rem;
    text-transform: uppercase;
    margin-bottom: 24px; }
  .page-kendall-toole .intro-section--details h1, .page-kendall-toole .intro-section--details .h1, .page-kendall-toole .intro-section--details #shopify-product-reviews .spr-header-title, #shopify-product-reviews .page-kendall-toole .intro-section--details .spr-header-title {
    font-family: 'Avenir-Medium' !important;
    font-weight: 500;
    font-size: 46px !important; }
  .page-kendall-toole .intro-section--details .rte {
    font-family: 'Avenir-Medium' !important;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.4;
    max-width: 520px;
    margin-bottom: 0;
    margin-top: 30px; }
  .page-kendall-toole .intro-section--details .intro-section--logos {
    margin-bottom: 20px; }
  .page-kendall-toole .intro-section--details.intro-section--alt-layout .intro-section--details-spark svg {
    left: auto;
    right: 15%; }
  .page-kendall-toole .intro-section--details.intro-section--alt-layout .intro-section--details-spark-alt svg {
    position: absolute;
    left: -15px;
    bottom: 80px; }
.page-kendall-toole .intro-section--featured {
  position: relative; }
  .page-kendall-toole .intro-section--featured .intro-section--featured-spark svg {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 50px;
    transform: translateX(-50%); }
  .page-kendall-toole .intro-section--featured .intro-section--signature {
    position: absolute;
    z-index: 2;
    top: 50px;
    left: 50px; }
  .page-kendall-toole .intro-section--featured .intro-section--featured_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1; }
.page-kendall-toole .toolekit-intro-banner {
  padding: 80px 40px; }
  .page-kendall-toole .toolekit-intro-banner .toolekit-intro--inner {
    display: flex;
    max-width: 1200px;
    align-items: center;
    justify-content: center;
    text-align: center;
    column-gap: 4rem;
    margin: 0 auto; }
  .page-kendall-toole .toolekit-intro-banner img {
    max-width: 100%;
    height: auto; }
  .page-kendall-toole .toolekit-intro-banner .toolekit-intro--heading {
    font-family: 'Avenir-Book';
    font-size: 3.125rem;
    line-height: 1.2;
    margin-bottom: 10px; }
  .page-kendall-toole .toolekit-intro-banner .toolekit-intro--desc {
    font-family: 'Avenir-Book';
    font-size: 1.5rem;
    line-height: 1.3; }
.page-kendall-toole .toolekit-benefits {
  padding: 100px 40px; }
  .page-kendall-toole .toolekit-benefits .toolekit-benefits--wrapper {
    max-width: 1200px;
    margin: 0 auto; }
  .page-kendall-toole .toolekit-benefits .toolekit-benefits--single {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    grid-column-gap: 90px;
    color: #2B4636; }
    .page-kendall-toole .toolekit-benefits .toolekit-benefits--single.reverse-order .toolekit-benefits--details {
      grid-row-start: 1; }
    .page-kendall-toole .toolekit-benefits .toolekit-benefits--single + .toolekit-benefits--single {
      margin-top: 100px; }
  .page-kendall-toole .toolekit-benefits img {
    max-width: 100%;
    height: auto; }
  .page-kendall-toole .toolekit-benefits .video-wrapper {
    padding-bottom: 100%; }
  .page-kendall-toole .toolekit-benefits .toolekit-benefits--heading {
    font-family: 'Avenir-Book';
    font-size: 3.125rem;
    line-height: 1.2;
    margin-bottom: 20px; }
  .page-kendall-toole .toolekit-benefits .toolekit-benefits--description {
    font-family: 'Avenir-Book';
    font-size: 1.5rem;
    line-height: 1.3; }
.page-kendall-toole .toolekit-build {
  color: #2B4636;
  padding: 120px 40px;
  text-align: center; }
  .page-kendall-toole .toolekit-build .toolekit-build--heading {
    margin-bottom: 20px; }
  .page-kendall-toole .toolekit-build .toolekit-build--description {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px; }
  .page-kendall-toole .toolekit-build .toolekit-build--features {
    margin-left: -15px;
    margin-right: -15px; }
    .page-kendall-toole .toolekit-build .toolekit-build--features .slick-track {
      display: flex;
      flex-wrap: nowrap; }
  .page-kendall-toole .toolekit-build .toolekit-build--index {
    font-family: 'Avenir-Book';
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #F1BC19; }
  .page-kendall-toole .toolekit-build .toolekit-build--title {
    font-family: 'Avenir-Medium';
    font-size: 2.5rem;
    line-height: 1.15; }
  .page-kendall-toole .toolekit-build .toolekit-build--single-feature {
    display: flex;
    flex-direction: column;
    justify-content: center;
    float: none;
    height: auto;
    padding: 60px 10px;
    margin: 0 20px;
    text-decoration: none;
    border: 3px solid #2B4636; }
    .page-kendall-toole .toolekit-build .toolekit-build--single-feature.is-coming-soon {
      background: #F6F6F6;
      border-color: #F6F6F6; }
      .page-kendall-toole .toolekit-build .toolekit-build--single-feature.is-coming-soon .toolekit-build--index,
      .page-kendall-toole .toolekit-build .toolekit-build--single-feature.is-coming-soon .toolekit-build--title {
        color: #2B4636;
        opacity: 0.2; }
    .page-kendall-toole .toolekit-build .toolekit-build--single-feature:hover {
      background: #2B4636; }
      .page-kendall-toole .toolekit-build .toolekit-build--single-feature:hover .toolekit-build--title {
        color: #FFF; }
.page-kendall-toole .toolekit-story {
  padding: 120px 40px;
  text-align: center;
  color: #2B4636;
  overflow: hidden; }
  .page-kendall-toole .toolekit-story a {
    color: #E04403;
    text-decoration: underline;
    font-weight: bold; }
  .page-kendall-toole .toolekit-story .toolekit-story--description {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px; }
  .page-kendall-toole .toolekit-story .toolekit-story--steps {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 70px; }
  .page-kendall-toole .toolekit-story .toolekit-story--step-index {
    width: 137px;
    height: 137px;
    color: #FFF;
    background: #E05003;
    font-family: 'Avenir-Medium';
    font-size: 4.375rem;
    line-height: 137px;
    border-radius: 50%;
    margin: 0 auto 30px; }
  .page-kendall-toole .toolekit-story .toolekit-story--step-title {
    font-family: 'Avenir-Medium';
    font-size: 2.5rem;
    line-height: 1.15;
    margin-bottom: 20px; }
  .page-kendall-toole .toolekit-story .toolekit-story--step-description {
    font-size: 1.5rem;
    line-height: 1.3; }
.page-kendall-toole .toolekit-hot {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  grid-column-gap: 0; }
  .page-kendall-toole .toolekit-hot .toolekit-hot--details {
    padding: 100px 120px; }
  .page-kendall-toole .toolekit-hot .toolekit-hot--heading {
    margin-bottom: 40px; }
  .page-kendall-toole .toolekit-hot .toolekit-hot--meta {
    font-size: 1.5rem;
    line-height: 1.3;
    margin-bottom: 20px; }
  .page-kendall-toole .toolekit-hot span {
    display: block;
    font-size: 1.125rem;
    font-weight: 800;
    line-height: 2.5rem;
    letter-spacing: 0.1em;
    text-transform: uppercase; }
  .page-kendall-toole .toolekit-hot .toolekit-hot--featured-img {
    position: relative; }
    .page-kendall-toole .toolekit-hot .toolekit-hot--featured-img img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      pointer-events: none; }
.page-kendall-toole .toolekit-shop {
  padding: 120px 40px;
  text-align: center; }
  .page-kendall-toole .toolekit-shop .toolekit-rte {
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px; }
  .page-kendall-toole .toolekit-shop .toolekit-shop--list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 60px; }
    .page-kendall-toole .toolekit-shop .toolekit-shop--list + .toolekit-heading {
      margin-top: 100px; }
  .page-kendall-toole .toolekit-shop .toolekit-shop--item-image {
    max-width: 320px;
    margin: 0 auto 40px;
    border-radius: 50%;
    overflow: hidden; }
  .page-kendall-toole .toolekit-shop img {
    max-width: 100%;
    height: auto; }
  .page-kendall-toole .toolekit-shop .toolekit-shop--item-title {
    font-family: 'Avenir-Medium';
    font-size: 2.125rem;
    line-height: 1.2;
    color: #E04403;
    letter-spacing: 0;
    margin-bottom: 24px; }
    .page-kendall-toole .toolekit-shop .toolekit-shop--item-title a {
      color: inherit;
      text-decoration: none; }
    .page-kendall-toole .toolekit-shop .toolekit-shop--item-title + .toolekit-button {
      margin-top: 10px; }
  .page-kendall-toole .toolekit-shop .toolekit-shop--item-price {
    font-family: 'Avenir-Book';
    font-size: 1.875rem;
    font-weight: 900;
    line-height: 2rem;
    color: #2B4636;
    margin-bottom: 25px; }
    .page-kendall-toole .toolekit-shop .toolekit-shop--item-price .com-prc {
      text-decoration: line-through;
      font-weight: 500; }
  .page-kendall-toole .toolekit-shop .toolekit-shop--item-desc {
    font-family: 'Avenir-Medium';
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 1.2;
    color: rgba(43, 70, 54, 0.5); }
  .page-kendall-toole .toolekit-shop form {
    margin: 0; }
  .page-kendall-toole .toolekit-shop .toolekit-button {
    padding-left: 50px;
    padding-right: 50px;
    background: none; }
.page-kendall-toole .toolekit-learn {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  grid-gap: 30px;
  padding: 40px 30px;
  text-align: center;
  overflow: hidden; }
  .page-kendall-toole .toolekit-learn .toolekit-learn--button {
    color: inherit;
    font-size: 1.5rem;
    line-height: 2rem;
    text-decoration: underline; }
    .page-kendall-toole .toolekit-learn .toolekit-learn--button:hover {
      color: inherit; }
  .page-kendall-toole .toolekit-learn .toolekit-learn--spark svg {
    max-width: 40px;
    max-height: 70px; }
.page-kendall-toole .toolekit-ingredients {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover; }
  .page-kendall-toole .toolekit-ingredients .toolekit-ingredients--image {
    width: 100%;
    height: auto;
    pointer-events: none;
    visibility: hidden; }
  .page-kendall-toole .toolekit-ingredients .toolekit-ingredients--details {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 40%;
    max-width: 490px;
    left: 5%;
    transform: translateY(-50%); }
.page-kendall-toole .toolekit-reason {
  padding: 90px 40px; }
  .page-kendall-toole .toolekit-reason .toolekit-reason--inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 80px;
    align-items: center; }
  .page-kendall-toole .toolekit-reason .toolekit-reason--items {
    margin-bottom: 30px; }
  .page-kendall-toole .toolekit-reason .toolekit-reason--item {
    display: flex;
    align-items: center;
    column-gap: 10px; }
    .page-kendall-toole .toolekit-reason .toolekit-reason--item br {
      display: none; }
  .page-kendall-toole .toolekit-reason .video-wrapper {
    padding-bottom: 100%; }
  .page-kendall-toole .toolekit-reason img {
    max-width: 100%;
    height: auto; }
.page-kendall-toole .img-txt-logo .video-wrapper {
  padding-bottom: 100%; }
@media (max-width: 767px) {
  .page-kendall-toole .intro-section--inner {
    grid-template-columns: 1fr;
    grid-row-gap: 0; }
  .page-kendall-toole .toolekit-heading {
    font-size: 2.5rem;
    line-height: 1.2; }
  .page-kendall-toole .toolekit-rte {
    font-size: 1.25rem; }
  .page-kendall-toole .toolekit-button {
    font-size: 1.25rem; }
  .page-kendall-toole .intro-section--details {
    padding: 40px 50px;
    text-align: center;
    overflow: hidden; }
    .page-kendall-toole .intro-section--details .intro-section--details-spark svg {
      max-width: 40px;
      max-height: 50px;
      top: -15px;
      right: 50px;
      left: auto; }
    .page-kendall-toole .intro-section--details p {
      font-size: 1.1rem;
      margin-bottom: 20px; }
    .page-kendall-toole .intro-section--details h1, .page-kendall-toole .intro-section--details .h1, .page-kendall-toole .intro-section--details #shopify-product-reviews .spr-header-title, #shopify-product-reviews .page-kendall-toole .intro-section--details .spr-header-title {
      font-size: 40px !important;
      line-height: 1.1; }
    .page-kendall-toole .intro-section--details .rte {
      margin-top: 10px; }
    .page-kendall-toole .intro-section--details .intro-section--logos {
      max-width: 80%; }
    .page-kendall-toole .intro-section--details.intro-section--alt-layout .intro-section--details-spark-alt svg {
      max-width: 70px;
      max-height: 110px;
      bottom: -20px; }
  .page-kendall-toole .intro-section--featured .intro-section--featured-spark svg {
    left: 20px;
    top: 0;
    transform: translateY(-20%); }
  .page-kendall-toole .toolekit-intro-banner {
    padding: 40px; }
    .page-kendall-toole .toolekit-intro-banner .toolekit-intro--inner {
      flex-direction: column; }
    .page-kendall-toole .toolekit-intro-banner img {
      order: 2; }
    .page-kendall-toole .toolekit-intro-banner .toolekit-intro--heading {
      font-size: 2.5rem; }
    .page-kendall-toole .toolekit-intro-banner .toolekit-intro--desc {
      font-size: 1.25rem;
      margin-bottom: 30px; }
  .page-kendall-toole .toolekit-benefits {
    padding-top: 50px;
    padding-bottom: 50px; }
    .page-kendall-toole .toolekit-benefits .toolekit-benefits--single {
      grid-template-columns: 1fr;
      grid-row-gap: 25px;
      text-align: center; }
      .page-kendall-toole .toolekit-benefits .toolekit-benefits--single.reverse-order .toolekit-benefits--details {
        grid-row-start: auto; }
    .page-kendall-toole .toolekit-benefits .toolekit-benefits--heading {
      font-size: 2.5rem;
      margin-bottom: 0; }
    .page-kendall-toole .toolekit-benefits .toolekit-benefits--description {
      font-size: 1.25rem; }
    .page-kendall-toole .toolekit-benefits .toolekit-benefits--button {
      font-size: 1.25rem; }
  .page-kendall-toole .toolekit-build {
    padding: 50px 30px; }
    .page-kendall-toole .toolekit-build .toolekit-build--features {
      margin-left: 0;
      margin-right: 0; }
    .page-kendall-toole .toolekit-build .toolekit-build--single-feature {
      padding: 30px 5px;
      margin-left: 7px;
      margin-right: 7px; }
    .page-kendall-toole .toolekit-build .toolekit-build--index {
      font-size: 1rem;
      line-height: 2.5; }
    .page-kendall-toole .toolekit-build .toolekit-build--title {
      font-size: 1.375rem;
      line-height: 1.2; }
    .page-kendall-toole .toolekit-build .toolekit-slide-arrow {
      width: 12px;
      height: 20px; }
  .page-kendall-toole .toolekit-story {
    padding-top: 60px;
    padding-bottom: 60px; }
    .page-kendall-toole .toolekit-story .toolekit-story--description {
      margin-bottom: 50px; }
    .page-kendall-toole .toolekit-story .toolekit-story--step-title {
      font-size: 1.875rem;
      line-height: 1.2; }
    .page-kendall-toole .toolekit-story .toolekit-story--step-description {
      font-size: 1.25rem; }
    .page-kendall-toole .toolekit-story .toolekit-story--steps {
      display: flex;
      flex-wrap: nowrap;
      grid-column-gap: 30px;
      overflow-x: scroll;
      padding-bottom: 30px; }
    .page-kendall-toole .toolekit-story .toolekit-story--step-single {
      flex: 1 0 100%; }
  .page-kendall-toole .toolekit-hot {
    grid-template-columns: 1fr;
    grid-row-gap: 0; }
    .page-kendall-toole .toolekit-hot .toolekit-hot--details {
      padding: 50px 30px;
      text-align: center; }
    .page-kendall-toole .toolekit-hot .toolekit-hot--heading {
      margin-bottom: 20px; }
    .page-kendall-toole .toolekit-hot .toolekit-hot--meta {
      font-size: 1.25rem; }
    .page-kendall-toole .toolekit-hot .toolekit-hot--featured-img img {
      position: static; }
  .page-kendall-toole .toolekit-shop {
    padding-top: 50px;
    padding-bottom: 50px; }
    .page-kendall-toole .toolekit-shop .toolekit-shop--list {
      grid-template-columns: 1fr;
      grid-row-gap: 30px; }
      .page-kendall-toole .toolekit-shop .toolekit-shop--list.slick-slider {
        grid-row-gap: 0; }
    .page-kendall-toole .toolekit-shop .toolekit-shop--item-image {
      max-width: 250px; }
    .page-kendall-toole .toolekit-shop .toolekit-shop--item-title {
      font-size: 1.875rem; }
    .page-kendall-toole .toolekit-shop .toolekit-shop--item-price {
      font-size: 1.5rem;
      margin-bottom: 10px; }
    .page-kendall-toole .toolekit-shop .toolekit-shop--item-desc {
      font-size: 1.25rem; }
  .page-kendall-toole .toolekit-learn .toolekit-learn--left-spark svg {
    position: absolute;
    top: 0;
    right: 30px;
    transform: translateY(-30%); }
  .page-kendall-toole .toolekit-learn .toolekit-learn--right-spark svg {
    position: absolute;
    left: 30px;
    bottom: 0;
    transform: translateY(30%); }
  .page-kendall-toole .toolekit-ingredients .toolekit-ingredients--details {
    width: 100%;
    max-width: 100%;
    top: 30px;
    left: 0;
    padding: 40px 30px;
    transform: none;
    text-align: center; }
  .page-kendall-toole .toolekit-reason {
    padding-top: 60px;
    padding-bottom: 50px;
    text-align: center; }
    .page-kendall-toole .toolekit-reason .toolekit-reason--inner {
      grid-template-columns: 1fr; }
    .page-kendall-toole .toolekit-reason .video-wrapper {
      margin: 20px 0 30px; }
    .page-kendall-toole .toolekit-reason .toolekit-reason--item {
      display: block;
      margin-bottom: 10px; }
      .page-kendall-toole .toolekit-reason .toolekit-reason--item img {
        display: block;
        margin: 0 auto 5px; }
      .page-kendall-toole .toolekit-reason .toolekit-reason--item br {
        display: block; } }

@media (max-width: 767px) {
  .page-toolekit-dr .intro-section--inner {
    grid-row-gap: 20px; } }
/*  gift card css */
.pdpid--4530072420412 .product-quick-info {
  display: none; }
.pdpid--4530072420412 .okendo-pdp-widget-holder {
  display: none; }
.pdpid--4530072420412 #nutrition {
  display: none !important; }
.pdpid--4530072420412 #ingredients {
  display: none !important; }

/*  gift card css end */
.cr-whats-inside-popup {
  background-color: white;
  max-width: 100%;
  width: 100%;
  position: fixed;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  padding: 30px 9px 45px; }
  @media (min-width: 992px) {
    .cr-whats-inside-popup {
      max-width: 80%;
      width: 80%;
      height: 95vh; } }
  .cr-whats-inside-popup a.cr-whats-inside-x {
    position: absolute;
    right: 15px;
    top: 15px;
    display: block; }
    @media (min-width: 992px) {
      .cr-whats-inside-popup a.cr-whats-inside-x {
        right: 30px;
        top: 30px; } }
  .cr-whats-inside-popup.cr-active {
    opacity: 1;
    visibility: visible;
    transition: 0.5s;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%; }
  .cr-whats-inside-popup .popup-inner {
    text-align: center; }
    .cr-whats-inside-popup .popup-inner h2, .cr-whats-inside-popup .popup-inner .h2 {
      font-family: Avenir;
      font-style: normal;
      font-weight: 800;
      font-size: 22px;
      line-height: 56px;
      text-transform: uppercase;
      color: #2B4636;
      margin-bottom: 9px; }
    .cr-whats-inside-popup .popup-inner p {
      font-family: Avenir;
      font-style: normal;
      font-weight: 500;
      font-size: 22px;
      color: #2B4636; }
    .cr-whats-inside-popup .popup-inner .popup-inner-products {
      display: flex;
      justify-content: space-evenly;
      margin: 9px auto;
      flex-wrap: wrap; }
      .cr-whats-inside-popup .popup-inner .popup-inner-products .popup-inner-product {
        text-align: center;
        min-width: 50%;
        max-width: 200px;
        padding: 18px 9px 0;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .cr-whats-inside-popup .popup-inner .popup-inner-products .popup-inner-product img {
          margin: auto auto 0;
          display: block;
          width: 100%;
          max-width: 200px; }
        .cr-whats-inside-popup .popup-inner .popup-inner-products .popup-inner-product p {
          font-family: Avenir;
          font-style: normal;
          font-weight: 500;
          font-size: 15px;
          line-height: 17px;
          margin-bottom: auto;
          display: block; }
        @media (min-width: 992px) {
          .cr-whats-inside-popup .popup-inner .popup-inner-products .popup-inner-product {
            min-width: 15%;
            max-width: 15%; }
            .cr-whats-inside-popup .popup-inner .popup-inner-products .popup-inner-product p {
              font-size: 20px;
              line-height: 24px; } }

.page-kendall-toole .popup-inner-products-slider .slick-dots li button::before {
  color: #e9edeb; }
.page-kendall-toole .popup-inner-products-slider .slick-dots li.slick-active button::before {
  color: #bdc8c3; }

.cr-popup-overlay {
  position: fixed;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  background-color: white;
  opacity: 0;
  transition: 0.5s; }
  .cr-popup-overlay.active-overlay {
    opacity: 0.75;
    visibility: visible;
    transition: 0.5s; }

.cr-whats-inside-button {
  margin-top: 18px; }
  .cr-whats-inside-button a {
    color: #E04403;
    font-weight: 900 !important;
    font-size: 24px;
    text-align: center; }

/* ================== trade-show Css =========================  */
.page-trade-show {
  overflow-x: hidden;
  /*  stack-trade-sectio  */
  /*  trade-digits-section  */ }
  .page-trade-show img {
    max-width: 100%; }
  .page-trade-show .main-conten-col {
    margin-top: 4rem;
    padding: 0 !important;
    max-width: 100% !important; }
  .page-trade-show .lgog-banner-section .logostx-container {
    position: relative; }
    .page-trade-show .lgog-banner-section .logostx-container .baner-clss {
      width: 100%; }
  .page-trade-show .lgog-banner-section .logo-list-block {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 1.95em 0;
    display: flex;
    height: 100%;
    align-items: center; }
  .page-trade-show .lgog-banner-section .inner-logo-loop {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    margin: 0 auto;
    max-width: 1050px; }
  @media only screen and (max-width: 749px) {
    .page-trade-show .lgog-banner-section .inner-logo-loop {
      flex-wrap: wrap; }
      .page-trade-show .lgog-banner-section .inner-logo-loop .block-item {
        width: 33.33%;
        text-align: center; }
        .page-trade-show .lgog-banner-section .inner-logo-loop .block-item img {
          height: 110px;
          object-fit: contain; }
    .page-trade-show .lgog-banner-section .logo-list-block {
      position: absolute;
      top: 0;
      width: 100%;
      padding: 0;
      display: flex;
      height: 100%;
      align-items: center; } }
  .page-trade-show .lgog-banner-section_two .logostx-container {
    position: relative; }
    .page-trade-show .lgog-banner-section_two .logostx-container .baner-clss {
      width: 100%; }
    .page-trade-show .lgog-banner-section_two .logostx-container .head_section h2, .page-trade-show .lgog-banner-section_two .logostx-container .head_section .h2 {
      font-size: 52px !important;
      font-family: Avenir-Medium !important;
      font-weight: 500;
      color: #fff !important; }
    .page-trade-show .lgog-banner-section_two .logostx-container .logo-list-block {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      max-width: 1175px;
      margin: 0 auto;
      width: 100%;
      padding: 0 10px;
      height: 100%;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center; }
    .page-trade-show .lgog-banner-section_two .logostx-container .inner-logo-loop {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-around; }
  .page-trade-show .stack-trade-section {
    padding: 45px 0; }
    @media only screen and (max-width: 749px) {
      .page-trade-show .stack-trade-section {
        padding: 45px 0 20px; } }
    .page-trade-show .stack-trade-section .reason-block {
      max-width: 1260px;
      margin: 0 auto; }
    .page-trade-show .stack-trade-section .head-block {
      text-align: center;
      padding: 15px 0 20px; }
      @media only screen and (max-width: 749px) {
        .page-trade-show .stack-trade-section .head-block {
          padding: 15px 12px 22px; } }
      .page-trade-show .stack-trade-section .head-block h2, .page-trade-show .stack-trade-section .head-block .h2 {
        font-size: 56px !important;
        font-family: 'Avenir-Medium' !important;
        font-weight: 500;
        letter-spacing: 0 !important; }
        @media only screen and (max-width: 749px) {
          .page-trade-show .stack-trade-section .head-block h2, .page-trade-show .stack-trade-section .head-block .h2 {
            font-size: 32px !important; } }
    .page-trade-show .stack-trade-section .there-blocks {
      display: flex;
      align-items: center;
      justify-content: center; }
      @media only screen and (max-width: 749px) {
        .page-trade-show .stack-trade-section .there-blocks {
          flex-wrap: wrap; } }
      .page-trade-show .stack-trade-section .there-blocks .txtblock {
        padding: 28px 0px 22px; }
      .page-trade-show .stack-trade-section .there-blocks .tx {
        font-size: 26px;
        color: #194332;
        font-family: 'Avenir-Medium';
        font-weight: 500;
        min-height: 200px; }
        @media only screen and (max-width: 749px) {
          .page-trade-show .stack-trade-section .there-blocks .tx {
            font-size: 17px;
            min-height: auto !important; } }
      .page-trade-show .stack-trade-section .there-blocks .small-txt {
        margin-top: 0px;
        font-size: 16px;
        color: #194332; }
        @media only screen and (max-width: 749px) {
          .page-trade-show .stack-trade-section .there-blocks .small-txt {
            margin-top: 10px;
            margin-bottom: 5px; } }
    .page-trade-show .stack-trade-section .there-blocks > div {
      width: 30.33%;
      text-align: center;
      margin: 0 20px; }
      @media only screen and (max-width: 749px) {
        .page-trade-show .stack-trade-section .there-blocks > div {
          width: 100%; } }
    .page-trade-show .stack-trade-section .banner-area {
      text-align: center; }
    .page-trade-show .stack-trade-section .banner-sta-section {
      padding: 45px 0 0; }
      @media only screen and (max-width: 749px) {
        .page-trade-show .stack-trade-section .banner-sta-section {
          padding: 25px 0 0; } }
      .page-trade-show .stack-trade-section .banner-sta-section .head-block {
        text-align: center;
        padding: 15px 0 0px; }
        @media only screen and (max-width: 749px) {
          .page-trade-show .stack-trade-section .banner-sta-section .head-block {
            padding: 15px 5rem 0; } }
      .page-trade-show .stack-trade-section .banner-sta-section .slick-dots li.slick-active button:before {
        color: #808d85 !important;
        opacity: .75; }
      .page-trade-show .stack-trade-section .banner-sta-section .slick-dots li button:before, .page-trade-show .stack-trade-section .banner-sta-section .slick-dots li a:before {
        font-size: 70px !important;
        color: #818181 !important; }
      @media only screen and (min-width: 750px) {
        .page-trade-show .stack-trade-section .banner-sta-section .bottom-mob-text {
          display: none; } }
      .page-trade-show .stack-trade-section .banner-sta-section .bottom-mob-text {
        font-size: 18px;
        text-align: center;
        max-width: 300px;
        margin: 0 auto;
        color: #194332;
        font-family: 'Avenir-Medium'; }
      .page-trade-show .stack-trade-section .banner-sta-section .items-images img {
        margin: 0 auto; }
  .page-trade-show .tade-ditits {
    padding: 55px 0 30px;
    margin: 45px 0 0; }
    .page-trade-show .tade-ditits .head-block {
      text-align: center;
      padding: 15px 0 10px; }
      .page-trade-show .tade-ditits .head-block h2, .page-trade-show .tade-ditits .head-block .h2 {
        font-size: 56px !important;
        font-family: 'Avenir-Medium' !important;
        font-weight: 500;
        letter-spacing: 0 !important;
        line-height: 1.1; }
        @media only screen and (max-width: 749px) {
          .page-trade-show .tade-ditits .head-block h2, .page-trade-show .tade-ditits .head-block .h2 {
            font-size: 36px !important; } }
    .page-trade-show .tade-ditits .block-banner1 img {
      text-align: center;
      margin: 0 auto; }
    .page-trade-show .tade-ditits .block-banner2 img {
      text-align: center;
      margin: 0 auto; }
    .page-trade-show .tade-ditits .nav-block {
      text-align: center;
      margin-bottom: 3.5rem; }
      .page-trade-show .tade-ditits .nav-block ul {
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center; }
        @media only screen and (max-width: 749px) {
          .page-trade-show .tade-ditits .nav-block ul {
            flex-wrap: wrap; } }
        .page-trade-show .tade-ditits .nav-block ul li {
          padding: 0 10px; }
        .page-trade-show .tade-ditits .nav-block ul li a {
          display: block;
          width: 260px;
          border-radius: 75px;
          letter-spacing: 0.1em;
          font-family: 'Avenir-Black';
          text-transform: uppercase;
          border: 2.5px solid #2B4636;
          padding: 17px 0;
          font-size: 22px;
          line-height: 1;
          cursor: pointer;
          color: #284635 !important;
          margin-bottom: 0;
          text-decoration: none; }
          @media only screen and (max-width: 749px) {
            .page-trade-show .tade-ditits .nav-block ul li a {
              margin-bottom: 23px !important;
              margin: 0 auto; } }
        .page-trade-show .tade-ditits .nav-block ul .selected a {
          background: #2b5344;
          color: #fff !important; }
        @media only screen and (max-width: 749px) {
          .page-trade-show .tade-ditits .nav-block ul .active a {
            background: #2b5344;
            color: #fff !important; } }
    .page-trade-show .tade-ditits .slick-dots li.slick-active button:before {
      color: #808d85 !important;
      opacity: .75; }
    .page-trade-show .tade-ditits .slick-dots li button:before, .page-trade-show .tade-ditits .slick-dots li a:before {
      font-size: 70px !important;
      color: #818181 !important; }
    @media only screen and (max-width: 749px) {
      .page-trade-show .tade-ditits .tab_content img {
        margin: 0 auto !important;
        /* height: 550px; */
        object-fit: cover; } }
  .page-trade-show .trade-digsections .botm-txt {
    text-align: center;
    font-size: 20px;
    color: #194332;
    font-family: 'Avenir-Medium'; }
    @media only screen and (max-width: 749px) {
      .page-trade-show .trade-digsections .botm-txt {
        margin-top: 25px;
        font-size: 17px; } }
  .page-trade-show .retail-partners-sec {
    padding: 45px 0 10px;
    margin: 3rem 0 0; }
    .page-trade-show .retail-partners-sec img {
      width: 100%; }
    @media only screen and (max-width: 749px) {
      .page-trade-show .retail-partners-sec {
        margin: 1rem 0 0; } }
    .page-trade-show .retail-partners-sec .flex-reti {
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 749px) {
        .page-trade-show .retail-partners-sec .flex-reti {
          flex-wrap: wrap; } }
    .page-trade-show .retail-partners-sec .logo-block {
      width: 20%;
      flex-basis: 20%; }
      @media only screen and (max-width: 749px) {
        .page-trade-show .retail-partners-sec .logo-block {
          width: 100%;
          flex-basis: 100%; } }
    .page-trade-show .retail-partners-sec .txt-blog-withlogd {
      width: 80%;
      flex-basis: 80%; }
      @media only screen and (max-width: 749px) {
        .page-trade-show .retail-partners-sec .txt-blog-withlogd {
          width: 100%;
          flex-basis: 100%;
          padding-bottom: 55px; } }
    .page-trade-show .retail-partners-sec .setitle {
      text-align: left;
      padding-left: 4vw;
      font-weight: 500;
      font-size: 45px;
      font-family: 'Avenir-Medium';
      line-height: 1;
      margin-bottom: 0;
      padding-top: 30px; }
      @media only screen and (max-width: 749px) {
        .page-trade-show .retail-partners-sec .setitle {
          text-align: center;
          padding-left: 0;
          font-size: 32px;
          max-width: 300px;
          margin: 0 auto;
          padding-top: 30px;
          padding-bottom: 20px; } }
    .page-trade-show .retail-partners-sec .img-block {
      line-height: 1;
      padding-right: 4vw; }
      @media only screen and (max-width: 749px) {
        .page-trade-show .retail-partners-sec .img-block {
          line-height: 1;
          padding-right: 0;
          text-align: center;
          padding: 0 15px; } }
    @media only screen and (max-width: 749px) {
      .page-trade-show .retail-partners-sec .banner-clss {
        width: 100%;
        margin: 0 auto; } }
  .page-trade-show #shopify-section-template--14413925056572__new_image_with_text hr {
    display: none; }
  .page-trade-show #shopify-section-template--14413925056572__new_image_with_text .feature-row {
    max-width: 1200px;
    margin: 0 auto;
    padding: 45px 10px; }
  .page-trade-show #shopify-section-template--14413925056572__new_image_with_text .feature-row__item:nth-child(1) {
    webkit-flex: 0 1 60%;
    -moz-flex: 0 1 60%;
    -ms-flex: 0 1 60%;
    flex: 0 1 40%; }
  .page-trade-show #shopify-section-template--14413925056572__new_image_with_text .feature-row__item:nth-child(2) {
    webkit-flex: 0 1 60%;
    -moz-flex: 0 1 60%;
    -ms-flex: 0 1 60%;
    flex: 0 1 60%;
    padding-left: 5vw; }
  .page-trade-show #shopify-section-template--14413925056572__new_image_with_text .featured-row__subtext p {
    font-size: 19.3px;
    line-height: 1.4;
    color: #2B4636 !important;
    font-family: 'Avenir-Medium'; }
  .page-trade-show #shopify-section-template--14413925056572__new_image_with_text .feature-row__text h2, .page-trade-show #shopify-section-template--14413925056572__new_image_with_text .feature-row__text .h2 {
    color: #2B4636;
    font-size: 52px !important;
    font-weight: 500 !important;
    font-family: 'Avenir-Medium' !important;
    margin-bottom: 15px; }
  .page-trade-show #shopify-section-template--14413925056572__new_image_with_text .logo-flex {
    display: flex;
    align-items: center;
    padding: 35px 0 15px; }
    .page-trade-show #shopify-section-template--14413925056572__new_image_with_text .logo-flex .text-block {
      font-size: 33px;
      font-family: 'Avenir-Medium' !important;
      line-height: 1.2;
      color: #2B4636;
      padding-left: 2.5rem;
      position: relative; }
  .page-trade-show .review-slider-section .page-widths {
    padding: 5.5rem 0; }
  .page-trade-show .review-slider-section .head_section {
    text-align: center; }
    .page-trade-show .review-slider-section .head_section h2, .page-trade-show .review-slider-section .head_section .h2 {
      font-size: 52px !important;
      font-family: 'Avenir-Medium' !important;
      font-weight: 500;
      margin-bottom: 45px; }
  .page-trade-show .review-slider-section .img-block img {
    margin: 0 auto;
    height: 255px;
    object-fit: contain; }
  .page-trade-show .review-slider-section .review-block-items {
    text-align: center;
    padding: 30px;
    border: 4px solid #EDEDED;
    border-radius: 35px;
    margin: 0 14px; }
    @media only screen and (max-width: 749px) {
      .page-trade-show .review-slider-section .review-block-items {
        padding: 30px 15px; } }
  .page-trade-show .review-slider-section .review-content {
    color: #194332;
    font-family: 'Avenir-Medium';
    font-size: 20px;
    padding: 0 15px;
    height: 190px; }
  .page-trade-show .review-slider-section .review-icon {
    text-align: center;
    margin: 0 auto;
    padding: 22px 0 15px; }
    .page-trade-show .review-slider-section .review-icon img {
      margin: 0 auto; }
  .page-trade-show .review-slider-section .review-verify {
    display: inline-flex;
    align-items: center; }
    .page-trade-show .review-slider-section .review-verify .img-ver {
      padding-right: 5px; }
    .page-trade-show .review-slider-section .review-verify .reviewtxt {
      font-size: 16px;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: #194332;
      font-family: 'Avenir-Medium'; }
  @media only screen and (max-width: 749px) {
    .page-trade-show .review-slider-section .head_section h2, .page-trade-show .review-slider-section .head_section .h2 {
      font-size: 32px !important;
      max-width: 300px;
      margin: 0 auto 45px; }
    .page-trade-show .review-slider-section .img-block img {
      height: 175px; }
    .page-trade-show .review-slider-section .review-content {
      font-size: 13px;
      padding: 0 0px;
      height: 170px; }
    .page-trade-show .review-slider-section .review-verify .reviewtxt {
      font-size: 12px; }
    .page-trade-show .review-slider-section .page-widths {
      padding: 3.5rem 0; } }
  .page-trade-show .imgtxt-blockqfm .page-widths {
    max-width: 1150px;
    margin: 0 auto;
    padding: 35px 10px; }
  .page-trade-show .imgtxt-blockqfm .text-map-block {
    display: flex;
    align-items: center; }
    .page-trade-show .imgtxt-blockqfm .text-map-block .text-blocks {
      width: 30%;
      flex-basis: 30%; }
      .page-trade-show .imgtxt-blockqfm .text-map-block .text-blocks .inner-text h2, .page-trade-show .imgtxt-blockqfm .text-map-block .text-blocks .inner-text .h2 {
        font-size: 48px !important;
        font-family: Avenir-Medium !important;
        font-weight: 500;
        margin-bottom: 45px;
        line-height: 1.1; }
      .page-trade-show .imgtxt-blockqfm .text-map-block .text-blocks .subtxt {
        color: #2B4636;
        font-size: 24px;
        font-family: 'Avenir-Medium';
        line-height: 1.4;
        padding-right: 2vw; }
    .page-trade-show .imgtxt-blockqfm .text-map-block .mp-block {
      width: 70%;
      flex-basis: 70%;
      text-align: right; }
      .page-trade-show .imgtxt-blockqfm .text-map-block .mp-block .block-map-image {
        position: relative; }
        .page-trade-show .imgtxt-blockqfm .text-map-block .mp-block .block-map-image .order-icon {
          position: absolute;
          bottom: 20%;
          left: 0;
          margin-left: 13.5em;
          cursor: pointer; }
  @media only screen and (max-width: 749px) {
    .page-trade-show .imgtxt-blockqfm .page-widths {
      padding: 55px 10px; }
    .page-trade-show .imgtxt-blockqfm .text-map-block {
      flex-wrap: wrap;
      row-gap: 30px; }
      .page-trade-show .imgtxt-blockqfm .text-map-block .text-blocks {
        width: 100%;
        flex-basis: 100%;
        text-align: center; }
        .page-trade-show .imgtxt-blockqfm .text-map-block .text-blocks .inner-text h2, .page-trade-show .imgtxt-blockqfm .text-map-block .text-blocks .inner-text .h2 {
          font-size: 34px !important; }
        .page-trade-show .imgtxt-blockqfm .text-map-block .text-blocks .subtxt {
          font-size: 18px;
          padding-right: 0;
          width: 200px;
          margin: 0 auto; }
      .page-trade-show .imgtxt-blockqfm .text-map-block .mp-block {
        width: 100%;
        flex-basis: 100%;
        text-align: center; } }
  .page-trade-show .pdp-newsletter {
    margin: -5px auto 0 auto; }
  .page-trade-show #modals {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    height: 100%;
    width: 100%; }
    .page-trade-show #modals .inner-block {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #fff;
      width: 65%;
      padding: 0; }
    .page-trade-show #modals .mian-content {
      position: relative; }
      .page-trade-show #modals .mian-content #not_now {
        position: absolute;
        right: 16px;
        top: 6px;
        cursor: pointer; }
      .page-trade-show #modals .mian-content .innerpop-content {
        display: flex;
        align-items: normal; }
        .page-trade-show #modals .mian-content .innerpop-content .pro-img img {
          height: 347px;
          left: 45px;
          position: absolute;
          top: 6%; }
        .page-trade-show #modals .mian-content .innerpop-content .pro-img {
          width: 27%;
          flex-basis: 27%;
          background: linear-gradient(90deg, #174c3a 58%, white 58%);
          position: relative; }
        .page-trade-show #modals .mian-content .innerpop-content .dec-img {
          width: 78%;
          flex-basis: 78%; }
        .page-trade-show #modals .mian-content .innerpop-content .pop-conte {
          padding-right: 4vw;
          padding-top: 2rem;
          padding-bottom: 2rem; }
        .page-trade-show #modals .mian-content .innerpop-content .head {
          font-size: 31px;
          font-family: 'Avenir-Medium';
          margin-bottom: 5px; }
        .page-trade-show #modals .mian-content .innerpop-content .in-content {
          color: #194332;
          font-size: 12px;
          font-family: 'Avenir-Medium';
          padding: 18px 0 0; }
  .page-trade-show .addtocard-block {
    position: relative; }
  .page-trade-show .desk-hide {
    display: none !important; }
  @media only screen and (max-width: 749px) {
    .page-trade-show .hide-mobile {
      display: none !important; }
    .page-trade-show .desk-hide {
      display: block !important; }
    .page-trade-show #shopify-section-template--14413925056572__new_image_with_text .feature-row__item:nth-child(1) {
      webkit-flex: 0 1 100%;
      -moz-flex: 0 1 100%;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%; }
    .page-trade-show #shopify-section-template--14413925056572__new_image_with_text .feature-row__item:nth-child(2) {
      webkit-flex: 0 1 100%;
      -moz-flex: 0 1 100%;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%;
      text-align: center;
      padding-left: 0; }
    .page-trade-show #shopify-section-template--14413925056572__new_image_with_text .feature-row {
      padding: 30px 15px; }
      .page-trade-show #shopify-section-template--14413925056572__new_image_with_text .feature-row .feature-row__text h2, .page-trade-show #shopify-section-template--14413925056572__new_image_with_text .feature-row .feature-row__text .h2 {
        color: #2b4636;
        font-size: 36px !important; }
      .page-trade-show #shopify-section-template--14413925056572__new_image_with_text .feature-row .featured-row__subtext p {
        font-size: 17px;
        line-height: 1.5;
        padding: 0 5px 10px;
        text-align: center; }
      .page-trade-show #shopify-section-template--14413925056572__new_image_with_text .feature-row .logo-flex {
        padding: 20px 0 45px;
        justify-content: center; }
      .page-trade-show #shopify-section-template--14413925056572__new_image_with_text .feature-row .log-bcrop img {
        height: 95px;
        object-fit: cover; }
      .page-trade-show #shopify-section-template--14413925056572__new_image_with_text .feature-row .text-block {
        font-size: 23px;
        line-height: 1.2;
        padding-left: 1rem; }
    .page-trade-show .pdp-newsletter {
      margin: -5px auto 0 auto;
      width: 100%; }
    .page-trade-show .main-conten-col {
      margin-top: -35px; }
    .page-trade-show .header-logo img {
      max-width: 160px; }
    .page-trade-show .product-loop-section .addtocard-block {
      position: relative; }
    .page-trade-show .product-loop-section .h4, .page-trade-show .product-loop-section h4, .page-trade-show .product-loop-section .h4 {
      font-size: 15px !important; }
    .page-trade-show #modals .inner-block {
      width: 90%; }
    .page-trade-show #modals .mian-content #not_now {
      z-index: 99; }
    .page-trade-show #modals .mian-content .innerpop-content {
      display: flex;
      align-items: normal;
      flex-wrap: wrap; }
      .page-trade-show #modals .mian-content .innerpop-content .pro-img {
        width: 100%;
        flex-basis: 100%;
        text-align: center;
        height: 160px; }
        .page-trade-show #modals .mian-content .innerpop-content .pro-img img {
          left: 0;
          right: 0;
          position: absolute;
          top: -34%;
          transform: rotate(90deg);
          margin: 0 auto;
          height: 260px;
          transform-origin: center; }
      .page-trade-show #modals .mian-content .innerpop-content .dec-img {
        width: 100%;
        flex-basis: 100%;
        z-index: 99; }
    .page-trade-show #modals .innerpop-content .pop-conte {
      padding-right: 20px;
      margin-top: -15px;
      padding-left: 20px;
      padding-bottom: 35px;
      text-align: center; }
    .page-trade-show #modals .mian-content .innerpop-content .head {
      font-size: 26px;
      max-width: 200px;
      margin: 0 auto 15px;
      line-height: 1.2; }
    .page-trade-show #modals .mian-content .innerpop-content .in-content {
      font-size: 14px;
      padding: 18px 0 0; }
    .page-trade-show #modals .mian-content {
      position: relative;
      height: 660px;
      overflow: scroll; }
    .page-trade-show .lgog-banner-section_two .logostx-container .inner-logo-loop {
      display: inherit;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: inherit; }
    .page-trade-show .lgog-banner-section_two .logostx-container .logo-list-block {
      display: block;
      padding: 47px 0; }
    .page-trade-show .lgog-banner-section_two .logostx-container .head_section h2, .page-trade-show .lgog-banner-section_two .logostx-container .head_section .h2 {
      font-size: 38px !important; }
    .page-trade-show .lgog-banner-section_two .block-item {
      text-align: center; }
    .page-trade-show .lgog-banner-section_two .block-item img {
      margin: 0 auto;
      max-width: 218px;
      height: 62px;
      object-fit: contain; }
    .page-trade-show .lgog-banner-section_two .head_section {
      text-align: center; }
    .page-trade-show .lgog-banner-section_two .slick-dots li a:before, .page-trade-show .lgog-banner-section_two .slick-dots li button:before {
      font-size: 70px; }
    .page-trade-show .lgog-banner-section_two .logostx-container .baner-clss {
      width: 100%;
      height: 530px; }
    .page-trade-show .review-slider-section .slick-dots li a:before, .page-trade-show .review-slider-section .slick-dots li button:before {
      font-size: 73px;
      color: #959595; }
    .page-trade-show .review-slider-section .slick-dots {
      position: relative;
      top: 30px; }
    .page-trade-show .imgtxt-blockqfm .text-map-block .mp-block .block-map-image .order-icon {
      bottom: 17%;
      left: -20%;
      margin-left: 0;
      right: 0; }
    .page-trade-show .imgtxt-blockqfm .text-map-block .mp-block .block-map-image .order-icon img {
      width: 80px; } }
  @media only screen and (min-width: 1700px) {
    .page-trade-show .product-loop-section .page-widths {
      max-width: 1300px; }
    .page-trade-show .lgog-banner-section .inner-logo-loop {
      max-width: 1250px; }
    .page-trade-show #modals .mian-content .innerpop-content .pro-img img {
      height: 347px;
      left: 25%; }
    .page-trade-show #modals .inner-block {
      width: 60%; }
    .page-trade-show .imgtxt-blockqfm .page-widths {
      max-width: 1200px; }
    .page-trade-show .block-map-image .order-icon {
      margin-left: 15.5em; }
    .page-trade-show .lgog-banner-section_two .logostx-container .logo-list-block {
      max-width: 1250px; }
    .page-trade-show #shopify-section-template--14413925056572__new_image_with_text .feature-row {
      max-width: 1270px; } }
  @media only screen and (min-width: 1440px) {
    .page-trade-show .lgog-banner-section .logo-list-block {
      top: 0;
      display: flex;
      align-items: center;
      height: 100%; } }
  @media only screen and (min-width: 750px) and (max-width: 1024px) {
    .page-trade-show .main-banner-section .content-wrap {
      max-width: 500px; }
    .page-trade-show .main-banner-section .subhead {
      font-size: 22px;
      padding: 0 4vw;
      margin: 1rem 0; }
    .page-trade-show .main-banner-section .cust-btn {
      font-size: 12px;
      padding: 11px 14px;
      top: 1rem; }
    .page-trade-show .lgog-banner-section .inner-logo-loop .block-item img {
      max-width: 60px; }
    .page-trade-show .product-loop-section .overly-pdp img {
      height: 240px; }
    .page-trade-show .product-loop-section .blocktool-product-sliders .pro-items .h4, .page-trade-show h4, .page-trade-show .h4 {
      font-size: 14px !important; }
    .page-trade-show .product-loop-section .btn-card {
      font-size: 14px; }
    .page-trade-show #modals .inner-block {
      width: 100%; }
    .page-trade-show .product-loop-section .nutoption {
      font-size: 14px !important; }
    .page-trade-show .imgtxt-blockqfm .text-map-block .text-blocks .inner-text h2, .page-trade-show .imgtxt-blockqfm .text-map-block .text-blocks .inner-text .h2 {
      font-size: 26px !important; }
    .page-trade-show .imgtxt-blockqfm .text-map-block .text-blocks .subtxt {
      font-size: 18px; }
    .page-trade-show .imgtxt-blockqfm .text-map-block .mp-block .block-map-image .order-icon {
      bottom: 15%;
      margin-left: 7.5em; }
    .page-trade-show .lgog-banner-section_two .logostx-container .inner-logo-loop .block-item img {
      max-width: 135px; }
    .page-trade-show #shopify-section-template--14413925056572__new_image_with_text .feature-row__text h2, .page-trade-show #shopify-section-template--14413925056572__new_image_with_text .feature-row__text .h2 {
      font-size: 40px !important; }
    .page-trade-show #shopify-section-template--14413925056572__new_image_with_text .featured-row__subtext p {
      font-size: 14.3px; }
    .page-trade-show #shopify-section-template--14413925056572__new_image_with_text .logo-flex .text-block {
      font-size: 24px; }
    .page-trade-show .review-slider-section .review-block-items {
      padding: 30px 10px;
      margin: 0 4px; }
    .page-trade-show .review-slider-section .review-content {
      font-size: 12px;
      padding: 0 0px;
      height: 140px; }
    .page-trade-show .review-slider-section .review-verify .reviewtxt {
      font-size: 10px; }
    .page-trade-show .lgog-banner-section_two .logostx-container .head_section h2, .page-trade-show .lgog-banner-section_two .logostx-container .head_section .h2 {
      font-size: 44px !important; }
    .page-trade-show .main-conten-col {
      margin-top: -35px; }
    .page-trade-show .review-slider-section .img-block img {
      height: 115px; }
    .page-trade-show .review-slider-section .head_section h2, .page-trade-show .review-slider-section .head_section .h2 {
      font-size: 45px !important; }
    .page-trade-show .stack-trade-section .head-block h2, .page-trade-show .stack-trade-section .head-block .h2 {
      font-size: 45px !important; }
    .page-trade-show .stack-trade-section .there-blocks .tx {
      font-size: 16px;
      min-height: auto; }
    .page-trade-show .stack-trade-section .there-blocks .small-txt {
      margin-top: 14px;
      font-size: 12px; }
    .page-trade-show .page-trade-show .tade-ditits .head-block h2, .page-trade-show .page-trade-show .tade-ditits .head-block .h2 {
      font-size: 42px !important; } }
  @media only screen and (min-width: 1000px) and (max-width: 1024px) {
    .page-trade-show .main-conten-col {
      margin-top: 65px; }
    .page-trade-show .product-loop-section .overly-pdp img {
      height: 385px; }
    .page-trade-show .product-loop-section .blocktool-product-sliders .pro-items h4, .page-trade-show .product-loop-section .blocktool-product-sliders .pro-items .h4 {
      font-size: 16px !important; } }
  @media only screen and (min-width: 1025px) and (max-width: 1150px) {
    .page-trade-show .main-banner-section .content-wrap {
      max-width: 800px; }
    .page-trade-show .main-banner-section .svg-wrap-box img {
      height: 100px;
      object-fit: contain; }
    .page-trade-show .main-banner-section .subhead {
      font-size: 30px; }
    .page-trade-show .main-banner-section .cust-btn {
      font-size: 20px; }
    .page-trade-show .lgog-banner-section .inner-logo-loop img {
      max-width: 70px; }
    .page-trade-show #modals .inner-block {
      width: 85%; }
    .page-trade-show .review-slider-section .review-content {
      font-size: 16px;
      padding: 0 2px; }
    .page-trade-show .imgtxt-blockqfm .text-map-block .text-blocks .inner-text h2, .page-trade-show .imgtxt-blockqfm .text-map-block .text-blocks .inner-text .h2 {
      font-size: 38px !important; }
    .page-trade-show .product-loop-section .overly-pdp img {
      height: 400px; }
    .page-trade-show .review-slider-section .review-verify .reviewtxt {
      font-size: 12px; }
    .page-trade-show .review-slider-section .review-block-items {
      padding: 20px; }
    .page-trade-show .review-slider-section .img-block img {
      height: 175px; }
    .page-trade-show .lgog-banner-section_two .logostx-container .inner-logo-loop img {
      width: 202px; }
    .page-trade-show .imgtxt-blockqfm .text-map-block .mp-block .block-map-image .order-icon {
      margin-left: 10.5em; } }
  .page-trade-show .intobanner {
    background-color: #ededed; }
    .page-trade-show .intobanner .form-page-wdth iframe {
      margin: 0 auto;
      width: 100%;
      height: 1240px !important; }
    .page-trade-show .intobanner img {
      width: 100%;
      height: 1980px;
      object-fit: cover;
      object-position: bottom; }
    .page-trade-show .intobanner .form-page-wdth {
      margin: 4% auto;
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
    .page-trade-show .intobanner .overl-warp {
      position: relative; }
    .page-trade-show .intobanner .alo-bottom-block {
      margin: auto;
      max-width: 90vw;
      width: 640px;
      text-align: center; }
      .page-trade-show .intobanner .alo-bottom-block a {
        line-height: 0;
        padding: 45px 0;
        display: block;
        color: #fff;
        font-size: 36px;
        font-family: 'Avenir-Book';
        font-weight: 600;
        letter-spacing: 1px;
        position: relative;
        cursor: pointer; }
      .page-trade-show .intobanner .alo-bottom-block a:after {
        position: absolute;
        width: 232px;
        height: 2px;
        background: #fff;
        content: ' ';
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
        bottom: 34%; }
    .page-trade-show .intobanner .botmm-scroll-btn-arrow {
      text-align: center;
      cursor: pointer; }
      @media only screen and (max-width: 749px) {
        .page-trade-show .intobanner .botmm-scroll-btn-arrow {
          position: relative;
          top: 65px; } }
      .page-trade-show .intobanner .botmm-scroll-btn-arrow svg {
        height: 110px; }

/* ================== trade-show Css End =========================  */
#shopify-section-1588291146783 h1, #shopify-section-1588291146783 .h1, #shopify-section-1588291146783 #shopify-product-reviews .spr-header-title, #shopify-product-reviews #shopify-section-1588291146783 .spr-header-title {
  text-align: center; }

/** Update Customer Info form */
.form__update-customer .form_errors {
  margin-top: 20px;
  color: #F00; }

/* ================== x-ca-donation-page Css =========================  */
.page---83817136188 .main-conten-col {
  max-width: 100%;
  padding: 0; }
.page---83817136188 #b-crops {
  margin-top: 3em !important; }
.page---83817136188 #shopify-section-donationrich-tex_two .inner-section {
  max-width: 1200px !important;
  padding: 1em 45px !important;
  text-align: center; }
.page---83817136188 #shopify-section-donationrich-tex_two .rte-txt {
  font-size: 18px !important; }
.page---83817136188 #shopify-section-donationrich-tex_two .block-1 {
  margin-bottom: 2% !important; }
.page---83817136188 .main-inner-block {
  max-width: 1300px;
  margin: 0 auto;
  padding: 25px 30px 55px; }
  .page---83817136188 .main-inner-block .main-blocks {
    text-align: center;
    margin: 0 auto;
    max-width: 1030px;
    padding: 2rem 0; }
    .page---83817136188 .main-inner-block .main-blocks .rte-txt {
      padding: 2rem 0 0; }
  .page---83817136188 .main-inner-block img {
    max-width: 100%; }
.page---83817136188 .rows {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; }
  .page---83817136188 .rows .leftimgblock {
    width: 100%;
    flex-basis: 100%;
    text-align: center; }
    .page---83817136188 .rows .leftimgblock img {
      max-width: 100%; }
  .page---83817136188 .rows .rightxt-block {
    flex-basis: 100%;
    width: 100%; }
.page---83817136188 .ineflex-block {
  display: grid;
  grid-template-columns: 40% 20% 20% 20%;
  text-align: center;
  padding: 5rem 0 2rem; }
  .page---83817136188 .ineflex-block .colume01, .page---83817136188 .ineflex-block .colume02, .page---83817136188 .ineflex-block .colume03 {
    border-right: 1px solid #fff; }
.page---83817136188 .ineflex-block > div {
  font-size: 17px;
  padding: 0 30px; }
.page---83817136188 .bcrop-log {
  text-align: right;
  position: relative;
  margin-top: -6%;
  max-width: 110px;
  margin: -6% 0 auto auto; }
.page---83817136188 .lightext {
  display: block;
  color: #00A362;
  text-transform: uppercase;
  font-family: 'Avenir-Black';
  font-weight: 900;
  padding: 0 0 12px;
  font-size: 18px; }
.page---83817136188 .overwhite:hover path {
  fill: #00CE7C; }
.page---83817136188 .richtext-logo .inner-section {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
  padding: 4rem 0; }
  .page---83817136188 .richtext-logo .inner-section .rte-txt {
    color: #2B4636; }
.page---83817136188 .slider-loop-block {
  padding: 2.5em 0 2em; }
  .page---83817136188 .slider-loop-block .iner-blocktext {
    text-align: center;
    padding-bottom: 20px; }
  .page---83817136188 .slider-loop-block .logo-block img {
    max-width: 100%;
    height: 57px;
    object-fit: contain;
    margin: 0 auto;
    text-align: center; }
.page---83817136188 .instgram_section {
  padding: 1rem 0 4rem; }
  .page---83817136188 .instgram_section img {
    max-width: 100%; }
  .page---83817136188 .instgram_section .iner-blocktext {
    text-align: center;
    padding-bottom: 20px; }
  .page---83817136188 .instgram_section .lg-wrap {
    display: flex;
    flex-wrap: wrap; }
    .page---83817136188 .instgram_section .lg-wrap .lg-block01 {
      width: 50%;
      flex-basis: 50%;
      line-height: 1;
      padding-left: 25px;
      padding-right: 25px; }
      .page---83817136188 .instgram_section .lg-wrap .lg-block01 .block001 {
        padding-top: 25px; }
      .page---83817136188 .instgram_section .lg-wrap .lg-block01 .overly-block {
        height: 272.5px;
        background-size: cover !important; }
    .page---83817136188 .instgram_section .lg-wrap .lg-block02 {
      flex-basis: 50%;
      width: 50%;
      line-height: 1; }
      .page---83817136188 .instgram_section .lg-wrap .lg-block02 .overly-block {
        height: 570px;
        background-size: cover !important; }
    .page---83817136188 .instgram_section .lg-wrap .overly-block {
      position: relative; }
    .page---83817136188 .instgram_section .lg-wrap .iner-lg {
      position: absolute;
      display: flex;
      height: 100%;
      align-items: center;
      background: rgba(0, 0, 0, 0.4);
      width: 100%;
      text-align: center;
      justify-content: center;
      opacity: 0; }
    .page---83817136188 .instgram_section .lg-wrap .overly-block:hover .iner-lg {
      opacity: 1; }
.page---83817136188 .btn-block {
  padding-top: 2.5rem;
  padding-bottom: 1rem; }
  .page---83817136188 .btn-block a {
    border: 2px solid #2B4636;
    box-sizing: border-box;
    border-radius: 75px;
    width: 127px;
    height: 43px;
    display: block;
    margin: 0 auto;
    padding: 12px 0;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    color: #2B4636;
    font-family: 'Avenir-Black';
    text-align: center;
    line-height: 1; }
  .page---83817136188 .btn-block a:hover {
    background: #174332;
    color: #fff; }
@media only screen and (max-width: 749px) {
  .page---83817136188 #b-crops {
    margin-top: -2em !important; }
  .page---83817136188 .instgram_section .lg-wrap .lg-block01 {
    padding-left: 15px;
    padding-right: 15px; }
  .page---83817136188 .instgram_section .lg-wrap .lg-block01 .block001 {
    padding-top: 15px; }
  .page---83817136188 .instgram_section .lg-wrap .lg-block02 .overly-block {
    height: 250px; }
  .page---83817136188 .instgram_section .lg-wrap .lg-block01 .overly-block {
    height: 117.5px; }
  .page---83817136188 .bcrop-log {
    right: 0;
    text-align: center; }
  .page---83817136188 .ineflex-block {
    grid-template-columns: 100%;
    padding: 3rem 0 2rem;
    grid-row-gap: 35px; }
    .page---83817136188 .ineflex-block .colume01, .page---83817136188 .ineflex-block .colume02, .page---83817136188 .ineflex-block .colume03 {
      border-right: 0px solid #fff; }
  .page---83817136188 .ineflex-block > div {
    font-size: 14px;
    padding: 0 10px; }
  .page---83817136188 .btn-block {
    padding-top: 1.1rem; }
  .page---83817136188 .bcrop-log {
    right: 0;
    text-align: center;
    margin: 2.4rem auto 5px; }
  .page---83817136188 .rte-txt {
    font-size: 16px !important;
    padding: 5px 10px; }
  .page---83817136188 .main-banner-block .btn-block {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .page---83817136188 .main-banner-block .rte-txt {
    margin-bottom: 9px; }
    .page---83817136188 .main-banner-block .rte-txt p {
      font-size: 15px !important; }
  .page---83817136188 .richtext-logo h2, .page---83817136188 .richtext-logo .h2 {
    padding: 0 10px; }
  .page---83817136188 .richtext-logo .inner-section {
    padding: 2rem 30px; }
  .page---83817136188 .richtext-logo .rte-txt {
    font-size: 15px !important;
    padding: 0; }
  .page---83817136188 .richtext-logo .btn-block {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  .page---83817136188 .instgram_section {
    padding: 1rem 0 1.2rem; }
  .page---83817136188 .rte-txt p {
    font-size: 16px !important; }
  .page---83817136188 #shopify-section-donationrich-tex_two .inner-section {
    padding: 1em 20px !important; }
  .page---83817136188 .instgram_section .lg-wrap .lg-block02 .overly-block svg {
    width: 50px; } }
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .page---83817136188 #b-crops {
    margin-top: -2em !important; }
  .page---83817136188 .ineflex-block > div {
    font-size: 12px;
    padding: 0 10px; }
  .page---83817136188 .lightext {
    font-size: 16px; }
  .page---83817136188 .main-banner-block .btn-block {
    padding-top: 2.5rem;
    padding-bottom: 1rem; }
  .page---83817136188 .richtext-logo .inner-section {
    padding: 3rem 30px; }
  .page---83817136188 .instgram_section {
    padding: 1rem 0 1rem; }
  .page---83817136188 .instgram_section .lg-wrap .lg-block02 .overly-block {
    height: 300px; }
  .page---83817136188 .instgram_section .lg-wrap .lg-block01 {
    padding-left: 15px;
    padding-right: 15px; }
  .page---83817136188 .iner-lg svg {
    max-width: 45px; }
  .page---83817136188 .instgram_section .lg-wrap .lg-block01 .block001 {
    padding-top: 15px; }
  .page---83817136188 .instgram_section .lg-wrap .lg-block01 .overly-block {
    height: 142.5px; }
  .page---83817136188 #shopify-section-ca-donationour-score .cri-txt-wrap .cit-text {
    font-size: 14px !important; } }
@media only screen and (min-width: 1001px) and (max-width: 1200px) {
  .page---83817136188 .ineflex-block > div {
    font-size: 15px;
    padding: 0 15px; }
  .page---83817136188 .richtext-logo .inner-section {
    padding: 2rem 3rem 2rem; }
  .page---83817136188 .instgram_section .lg-wrap .lg-block02 .overly-block {
    height: 500px; }
  .page---83817136188 .instgram_section .lg-wrap .lg-block01 .overly-block {
    height: 242.5px; }
  .page---83817136188 .instgram_section .lg-wrap .lg-block01 {
    padding-left: 15px;
    padding-right: 15px; }
  .page---83817136188 .instgram_section .lg-wrap .lg-block01 .block001 {
    padding-top: 15px; }
  .page---83817136188 .instgram_section {
    padding: 1rem 0 2rem; }
  .page---83817136188 #shopify-section-donationrich-tex_two .block-1 {
    margin-bottom: 1% !important; } }
.page---83817136188 .nam_a_1 {
  cursor: pointer; }
.page---83817136188 #shopify-section-donationrich-main-section .btn-block a:hover {
  background: #fff !important;
  color: #174332 !important; }

@media only screen and (max-width: 749px) {
  .footer-logo img {
    right: 0;
    left: 0; }

  #b-crops .inn-scro .cri-txt-wrap p {
    font-size: 14px !important; }

  #b-crops #shopify-section-ca-donationour-score .cri-txt-wrap .cir-desc {
    font-size: 14px !important; } }
/* ================== x-ca-donation-page Css End =========================  */
#shopify-section-1588291146783 h1, #shopify-section-1588291146783 .h1, #shopify-section-1588291146783 #shopify-product-reviews .spr-header-title, #shopify-product-reviews #shopify-section-1588291146783 .spr-header-title {
  text-align: center; }

/* ================== impact-page Css Start =========================  */
.page---84863713340 .main-conten-col {
  max-width: 100% !important;
  width: 100% !important;
  margin: 7% 0 4% !important;
  padding: 0 !important; }
  @media screen and (max-width: 749px) {
    .page---84863713340 .main-conten-col {
      margin: 0% 0 !important; } }

.impact-page-section img {
  max-width: 100%; }
.impact-page-section .gif-section img {
  max-width: 100%; }
.impact-page-section .gif-section .block-gif-section {
  position: relative; }
.impact-page-section .gif-section .text-gif-block {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  max-width: 1024px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  height: 100%; }
  .impact-page-section .gif-section .text-gif-block .toptext {
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Avenir-Book';
    letter-spacing: 0.2em; }
  .impact-page-section .gif-section .text-gif-block h1, .impact-page-section .gif-section .text-gif-block .h1, .impact-page-section .gif-section .text-gif-block #shopify-product-reviews .spr-header-title, #shopify-product-reviews .impact-page-section .gif-section .text-gif-block .spr-header-title {
    font-size: 64px !important;
    font-family: 'Avenir-Book' !important;
    margin: 10px 0 30px; }
  .impact-page-section .gif-section .text-gif-block .contentx {
    font-size: 19px;
    font-family: 'Avenir-Book' !important; }
.impact-page-section .gif-section .there-column-impact {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  margin: 3em 0 2em; }
  .impact-page-section .gif-section .there-column-impact img {
    height: 80px;
    object-fit: contain; }
  .impact-page-section .gif-section .there-column-impact p {
    font-size: 15px !important;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #2B4636;
    margin-top: 20px;
    font-family: 'Avenir-Book' !important;
    font-weight: 600; }
.impact-page-section .bottom-img {
  margin-top: 30px;
  position: relative; }
.impact-page-section .icon-logoblock {
  position: absolute;
  z-index: 9;
  top: 0;
  right: 0;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center; }
.impact-page-section .impact-banner {
  width: 100%; }
.impact-page-section .impact-model-block {
  position: relative;
  top: 0;
  background: #fff;
  z-index: 99;
  left: 0;
  right: 0;
  height: auto;
  width: 100%;
  display: flex;
  align-items: center;
  opacity: 1;
  visibility: visible;
  margin: 32px 0;
  padding: 20px 0 !important;
  display: none; }
.impact-page-section .each-content {
  text-align: center;
  margin: 0 auto;
  max-width: 1000px; }
  .impact-page-section .each-content h2, .impact-page-section .each-content .h2 {
    font-weight: 600;
    font-size: 52px !important;
    font-family: 'Avenir-Book' !important; }
  .impact-page-section .each-content p {
    font-weight: 500;
    font-size: 20px !important;
    font-family: 'Avenir-Book' !important;
    color: #2B4636; }
  .impact-page-section .each-content .modelbtn-block {
    margin-top: 35px; }
  .impact-page-section .each-content .modelbtn {
    border: 2px solid #2B4636;
    box-sizing: border-box;
    border-radius: 75px;
    font-family: 'Avenir-Black' !important;
    letter-spacing: 0.1em;
    font-weight: 600 !important;
    font-size: 16px;
    padding: 10px 42px;
    text-transform: uppercase;
    text-decoration: none !important; }
  .impact-page-section .each-content .modelbtn:hover {
    background: #174332 !important;
    color: #fff !important; }
.impact-page-section .banner01 .one-column-impact {
  margin: 2vw 0 3.7vw; }
  .impact-page-section .banner01 .one-column-impact p {
    font-size: 16px !important;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #2B4636;
    margin-top: 25px;
    font-family: 'Avenir-Book' !important;
    font-weight: 600;
    padding: 0 !important; }
.impact-page-section .banner02 .there-column-impact {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  margin: 3em 0 2em; }
  .impact-page-section .banner02 .there-column-impact img {
    height: 80px;
    object-fit: contain; }
  .impact-page-section .banner02 .there-column-impact p {
    font-size: 16px !important;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #2B4636;
    margin-top: 25px;
    font-family: 'Avenir-Book' !important;
    font-weight: 600;
    padding: 0 !important; }
.impact-page-section .banner02 .each-content {
  text-align: center;
  margin: 0 auto;
  max-width: 1080px; }
  .impact-page-section .banner02 .each-content p {
    padding: 0 4vw; }
.impact-page-section .banner03 .there-column-impact {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
  margin: 3em 0 2em; }
  .impact-page-section .banner03 .there-column-impact img {
    height: 80px;
    object-fit: contain; }
  .impact-page-section .banner03 .there-column-impact p {
    font-size: 15px !important;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #2B4636;
    margin-top: 25px;
    font-family: 'Avenir-Book' !important;
    font-weight: 600;
    padding: 0 !important; }
.impact-page-section .banner03 .each-content {
  text-align: center;
  margin: 0 auto;
  max-width: 1080px; }
  .impact-page-section .banner03 .each-content p {
    padding: 0 4vw; }
.impact-page-section .banner01 .there-column-impact {
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center;
  margin: 3em 0 2em;
  grid-column-gap: 50px; }
  .impact-page-section .banner01 .there-column-impact img {
    height: 80px;
    object-fit: contain; }
  .impact-page-section .banner01 .there-column-impact p {
    font-size: 15px !important;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #2B4636;
    margin-top: 25px;
    font-family: 'Avenir-Book' !important;
    font-weight: 600;
    padding: 0 !important; }
.impact-page-section .banner01 .each-content {
  text-align: center;
  margin: 0 auto;
  max-width: 950px; }
.impact-page-section .banner01 .oneline-icon-block img {
  height: 140px;
  padding: 0 20px;
  object-fit: contain; }
.impact-page-section .banner04 .there-column-impact {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
  margin: 3em 0 2em; }
  .impact-page-section .banner04 .there-column-impact img {
    height: 80px;
    object-fit: contain; }
  .impact-page-section .banner04 .there-column-impact p {
    font-size: 15px !important;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #2B4636;
    margin-top: 25px;
    font-family: 'Avenir-Book' !important;
    font-weight: 600;
    padding: 0 !important; }
.impact-page-section .banner04 .each-content {
  text-align: center;
  margin: 0 auto;
  max-width: 1080px; }
  .impact-page-section .banner04 .each-content p {
    padding: 0 4vw; }
.impact-page-section .banner04 .oneline-icon-block img {
  height: 140px;
  padding: 0 20px;
  object-fit: contain; }
.impact-page-section .impact-sections .imp-section {
  position: relative !important;
  display: inherit !important;
  opacity: 1 !important;
  visibility: visible !important; }
.impact-page-section .impact-sections .each-content {
  max-width: 600px;
  padding-top: 4rem;
  padding-bottom: 1.5rem; }
  .impact-page-section .impact-sections .each-content h2, .impact-page-section .impact-sections .each-content .h2 {
    font-size: 52px !important;
    margin-bottom: 15px; }
  .impact-page-section .impact-sections .each-content .two-column-impact {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 30px; }
    .impact-page-section .impact-sections .each-content .two-column-impact .item-banner001 {
      transition: ease 2s; }
    .impact-page-section .impact-sections .each-content .two-column-impact .item-banner001:hover img {
      opacity: 0.7; }
.impact-page-section .impact-banner-btn {
  position: absolute;
  bottom: 30px;
  text-align: center;
  left: 0;
  right: 0; }
  .impact-page-section .impact-banner-btn a {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Avenir-Black';
    display: inline-flex;
    align-items: center; }
  .impact-page-section .impact-banner-btn img {
    position: relative;
    top: -1px;
    left: 9px; }
.impact-page-section .imgbtnwrap {
  position: relative;
  height: 100%;
  width: 100%; }
.impact-page-section .section-cover-btn {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 99;
  cursor: pointer; }
@media screen and (max-width: 749px) {
  .impact-page-section .banner01 .there-column-impact {
    grid-template-columns: 1fr;
    margin: 3em 20px 2em; }
  .impact-page-section .gif-section .text-gif-block h1, .impact-page-section .gif-section .text-gif-block .h1, .impact-page-section .gif-section .text-gif-block #shopify-product-reviews .spr-header-title, #shopify-product-reviews .impact-page-section .gif-section .text-gif-block .spr-header-title {
    font-size: 52px !important; }
  .impact-page-section .gif-section .text-gif-block .toptext {
    font-size: 16px;
    padding: 0 5vw; }
  .impact-page-section .gif-section .text-gif-block .contentx {
    font-size: 17px; }
  .impact-page-section .impact-banner {
    width: 100%;
    height: 500px;
    object-fit: cover; }
  .impact-page-section .impact-model-block {
    position: relative;
    display: flex;
    align-items: center;
    opacity: 1 !important;
    visibility: visible !important;
    padding: 35px 0;
    display: none;
    z-index: 1; }
  .impact-page-section .each-content h2, .impact-page-section .each-content .h2, .impact-page-section .each-content .h2 {
    font-size: 34px !important; }
  .impact-page-section .each-content p {
    font-size: 18px !important;
    padding: 0 10vw !important; }
  .impact-page-section .gif-section .there-column-impact p {
    font-size: 14px !important;
    margin-top: 15px; }
  .impact-page-section .gif-section .there-column-impact {
    grid-template-columns: 1fr;
    margin: 1.5em 0 1.5em;
    grid-row-gap: 20px; }
  .impact-page-section .banner02 .there-column-impact img {
    height: 59px; }
  .impact-page-section .banner02 .there-column-impact {
    grid-template-columns: 1fr;
    margin: 1.5em 0 1.5em;
    grid-row-gap: 20px; }
  .impact-page-section .banner03 .there-column-impact {
    grid-template-columns: 1fr 1fr;
    margin: 2em 0 2em;
    grid-row-gap: 20px; }
  .impact-page-section .banner04 .there-column-impact {
    grid-template-columns: 1fr 1fr;
    margin: 2em 8px 2em;
    grid-row-gap: 20px; }
  .impact-page-section .banner04 .there-column-impact img {
    height: 52px; }
  .impact-page-section .impact-sections .each-content .two-column-impact {
    grid-template-columns: 1fr;
    margin-top: 30px;
    grid-row-gap: 30px; }
  .impact-page-section .impact-sections .each-content h2, .impact-page-section .impact-sections .each-content .h2, .impact-page-section .impact-sections .each-content .h2 {
    font-size: 46px !important; }
  .impact-page-section .gifsection {
    height: 500px;
    object-fit: cover; }
  .impact-page-section .icon-logoblock {
    z-index: 2 !important; }
  .impact-page-section .gif-section svg {
    width: 210px; }
  .impact-page-section .banner02 .icon-logoblock img {
    width: 310px; }
  .impact-page-section .banner03 .icon-logoblock img {
    width: 140px; }
  .impact-page-section .banner04 .oneline-icon-block {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    text-align: center;
    grid-row-gap: 15px; }
    .impact-page-section .banner04 .oneline-icon-block img {
      height: 90px;
      margin: 0 auto; }
  .impact-page-section .small-image {
    display: block !important; }
  .impact-page-section .desktop-image {
    display: none; }
  .impact-page-section .gif-section .text-gif-block {
    padding: 0 20px; }
  .impact-page-section .impact-sections .each-content {
    padding-top: 2rem; }
  .impact-page-section .section-cover-btn {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 99;
    cursor: pointer; }
  .impact-page-section #shopify-section-impact-banner-4 .there-column-impact .item-banner001:last-child,
  .impact-page-section #shopify-section-impact-banner-5 .there-column-impact .item-banner001:last-child {
    grid-column: 1 / 3; } }
@media screen and (max-width: 1390px) and (min-width: 768px) {
  .impact-page-section .each-content h2, .impact-page-section .each-content .h2, .impact-page-section .each-content .h2 {
    font-size: 38px !important; }
  .impact-page-section .each-content p {
    font-size: 16px !important; }
  .impact-page-section .gif-section .there-column-impact p {
    font-size: 16px !important; }
  .impact-page-section .gif-section .there-column-impact img {
    height: 55px;
    object-fit: contain; }
  .impact-page-section .banner02 .there-column-impact img {
    height: 55px; }
  .impact-page-section .banner02 .there-column-impact p {
    font-size: 16px !important; }
  .impact-page-section .banner03 .there-column-impact img {
    height: 55px; }
  .impact-page-section .banner03 .there-column-impact p {
    font-size: 16px !important; }
  .impact-page-section .banner04 .there-column-impact p {
    font-size: 16px !important; }
  .impact-page-section .banner04 .there-column-impact img {
    height: 50px; }
  .impact-page-section .gifsection {
    height: 450px; }
  .impact-page-section .impact-banner {
    width: 100%;
    height: 500px;
    object-fit: cover; }
  .impact-page-section .impact-model-block {
    padding: 0 20px; } }

/* ================== impact-page Css End  =========================  */
/* ================== subscribe-page Css Start  =========================  */
.handle-page--page-subscribe-and-save .main-conten-col {
  max-width: 100%;
  margin: 7% 0;
  padding: 0; }

.subscribensave .subscribe-banner {
  max-width: 100%;
  width: 100%; }
.subscribensave .columsubscribe-section {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
  padding: 2.2em 0 4em; }
  .subscribensave .columsubscribe-section .headblock {
    margin-bottom: 2.5rem;
    margin-top: 1em;
    font-weight: 800;
    font-size: 26px;
    color: #2B4636;
    font-family: 'Avenir-Black'; }
  .subscribensave .columsubscribe-section .rowblock {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; }
    .subscribensave .columsubscribe-section .rowblock .col-l1 p {
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #00CE7C;
      font-size: 16px;
      font-weight: 600;
      margin: 20px 0 10px;
      font-family: 'Avenir-Black'; }
    .subscribensave .columsubscribe-section .rowblock .col-l1 div {
      font-weight: 500;
      font-size: 21px;
      line-height: 30px;
      font-family: 'Avenir-Book'; }
.subscribensave .review-slider-section .page-widths {
  padding: 5.5rem 0; }
.subscribensave .review-slider-section .head_section {
  text-align: center; }
  .subscribensave .review-slider-section .head_section h2, .subscribensave .review-slider-section .head_section .h2 {
    margin-bottom: 2.5rem;
    margin-top: 1em;
    font-weight: 800;
    font-size: 26px !important;
    color: #2b4636 !important;
    font-family: Avenir-Black !important; }
.subscribensave .review-slider-section .img-block img {
  margin: 0 auto;
  height: 255px;
  object-fit: contain; }
.subscribensave .review-slider-section .review-block-items {
  text-align: center;
  padding: 30px;
  border: 4px solid #EDEDED;
  border-radius: 35px;
  margin: 0 14px; }
  @media only screen and (max-width: 749px) {
    .subscribensave .review-slider-section .review-block-items {
      padding: 30px 15px; } }
.subscribensave .review-slider-section .review-content {
  color: #194332;
  font-family: 'Avenir-Medium';
  font-size: 20px;
  padding: 0 15px;
  height: 190px; }
.subscribensave .review-slider-section .review-icon {
  text-align: center;
  margin: 0 auto;
  padding: 22px 0 15px; }
  .subscribensave .review-slider-section .review-icon img {
    margin: 0 auto; }
.subscribensave .review-slider-section .review-verify {
  display: inline-flex;
  align-items: center; }
  .subscribensave .review-slider-section .review-verify .img-ver {
    padding-right: 5px; }
  .subscribensave .review-slider-section .review-verify .reviewtxt {
    font-size: 16px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #194332;
    font-family: 'Avenir-Medium'; }
@media only screen and (max-width: 749px) {
  .subscribensave .review-slider-section .head_section h2, .subscribensave .review-slider-section .head_section .h2 {
    font-size: 32px !important;
    max-width: 300px;
    margin: 0 auto 45px; }
  .subscribensave .review-slider-section .img-block img {
    height: 175px; }
  .subscribensave .review-slider-section .review-content {
    font-size: 13px;
    padding: 0 0px;
    height: 170px; }
  .subscribensave .review-slider-section .review-verify .reviewtxt {
    font-size: 12px; }
  .subscribensave .review-slider-section .page-widths {
    padding: 3.5rem 0; } }
.subscribensave .subscribe-block-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 3.5em 5%;
  align-items: center; }
  .subscribensave .subscribe-block-row .subscribe-right {
    text-align: center; }
    .subscribensave .subscribe-block-row .subscribe-right .txtblock {
      padding: 0 3vw; }
      .subscribensave .subscribe-block-row .subscribe-right .txtblock h2, .subscribensave .subscribe-block-row .subscribe-right .txtblock .h2 {
        font-size: 44px !important;
        font-family: 'Avenir-Medium' !important;
        font-weight: 500;
        margin-bottom: 28px;
        line-height: 1.1; }
      .subscribensave .subscribe-block-row .subscribe-right .txtblock .btn-block a {
        border: 2.5px solid #2B4636;
        border-radius: 75px;
        font-weight: 900;
        font-size: 16px;
        line-height: 38px;
        letter-spacing: .1em;
        text-transform: uppercase;
        font-family: Avenir-Black;
        height: 43px;
        display: block;
        max-width: 225px;
        margin: 0 auto 20px;
        text-decoration: none;
        color: #2B4636; }
      .subscribensave .subscribe-block-row .subscribe-right .txtblock .btn-block a:hover {
        background: #2b4636;
        color: #fff !important; }
      .subscribensave .subscribe-block-row .subscribe-right .txtblock p {
        max-width: 310px;
        margin: 0 auto;
        color: #2B4636; }
  .subscribensave .subscribe-block-row .subscribe-left {
    position: relative; }
    .subscribensave .subscribe-block-row .subscribe-left .firstscrollblock {
      position: absolute;
      top: 0;
      margin-left: 12vw; }
    .subscribensave .subscribe-block-row .subscribe-left .secondscrollblock {
      position: absolute;
      bottom: 26%; }
    .subscribensave .subscribe-block-row .subscribe-left .thridcrollblock {
      position: absolute;
      right: 0;
      bottom: 15%;
      margin-right: 15px; }
  @media screen and (max-width: 749px) {
    .subscribensave .subscribe-block-row .thridcrollblock {
      bottom: 15%;
      margin-right: 15px; }
      .subscribensave .subscribe-block-row .thridcrollblock img {
        max-width: 100%;
        width: 70px; }
    .subscribensave .subscribe-block-row .secondscrollblock {
      bottom: 40%;
      margin-left: 7px; }
      .subscribensave .subscribe-block-row .secondscrollblock img {
        max-width: 100%;
        width: 70px; }
    .subscribensave .subscribe-block-row .firstscrollblock {
      top: -15px;
      margin-left: 22vw; }
      .subscribensave .subscribe-block-row .firstscrollblock img {
        max-width: 100%;
        width: 70px; } }
.subscribensave .faqrow {
  display: grid;
  grid-template-columns: 1fr 2fr;
  padding: 5em 6.5vw 3em; }
  .subscribensave .faqrow .faq-title h2, .subscribensave .faqrow .faq-title .h2 {
    text-transform: uppercase !important;
    font-family: 'Avenir-Medium' !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em; }
  .subscribensave .faqrow .question-heading h4, .subscribensave .faqrow .question-heading .h4 {
    font-weight: 500 !important;
    font-size: 22px !important;
    font-family: 'Avenir-Medium' !important; }
.subscribensave .subscribe-main {
  position: relative; }
  .subscribensave .subscribe-main .blocks-main {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 600px;
    display: flex;
    height: 100%;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin-right: 2vw;
    justify-content: center; }
    @media screen and (max-width: 749px) {
      .subscribensave .subscribe-main .blocks-main {
        margin-right: 0;
        justify-content: start;
        padding: 20px 22px 0; } }
    .subscribensave .subscribe-main .blocks-main h1, .subscribensave .subscribe-main .blocks-main .h1, .subscribensave .subscribe-main .blocks-main #shopify-product-reviews .spr-header-title, #shopify-product-reviews .subscribensave .subscribe-main .blocks-main .spr-header-title {
      color: #2B4636 !important;
      font-size: 50px;
      font-family: 'Avenir-Medium' !important;
      font-weight: 500 !important;
      line-height: 67px; }
      @media screen and (max-width: 749px) {
        .subscribensave .subscribe-main .blocks-main h1, .subscribensave .subscribe-main .blocks-main .h1, .subscribensave .subscribe-main .blocks-main #shopify-product-reviews .spr-header-title, #shopify-product-reviews .subscribensave .subscribe-main .blocks-main .spr-header-title {
          font-size: 40px !important;
          font-family: Avenir-Medium !important;
          font-weight: 600 !important;
          line-height: 48px; } }
    .subscribensave .subscribe-main .blocks-main .text-block {
      font-size: 22px;
      line-height: 30px;
      color: #2B4636 !important;
      font-weight: 500;
      font-family: 'Avenir-Medium'; }
      @media screen and (max-width: 749px) {
        .subscribensave .subscribe-main .blocks-main .text-block {
          font-size: 18px; } }
    .subscribensave .subscribe-main .blocks-main .hrf_btn {
      width: 200px;
      margin: 5px 0 10px; }
      .subscribensave .subscribe-main .blocks-main .hrf_btn a {
        border: 2.5px solid #2b4636;
        border-radius: 75px;
        font-weight: 900;
        font-size: 16px;
        line-height: 40px;
        letter-spacing: .1em;
        text-transform: uppercase;
        font-family: Avenir-Black;
        height: 45px;
        display: block;
        max-width: 225px;
        margin: 25px auto 20px;
        background: transparent;
        text-decoration: none !important;
        width: 100%;
        color: #2B4636 !important; }
        @media screen and (max-width: 749px) {
          .subscribensave .subscribe-main .blocks-main .hrf_btn a {
            margin: 16px auto 20px; } }
  .subscribensave .subscribe-main .hrf_btn a:hover {
    background: #2b4636;
    color: #fff !important; }
  .subscribensave .subscribe-main .text-overlyblock {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 670px;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: ease 1s; }
    @media screen and (max-width: 749px) {
      .subscribensave .subscribe-main .text-overlyblock {
        visibility: visible !important;
        opacity: 1 !important; } }
    .subscribensave .subscribe-main .text-overlyblock .txt_rtx {
      font-weight: 600;
      font-size: 45px;
      color: #fff;
      font-family: Avenir-Book;
      line-height: 1.2; }
      @media screen and (max-width: 749px) {
        .subscribensave .subscribe-main .text-overlyblock .txt_rtx {
          font-size: 26px;
          padding: 0 10px; } }
  .subscribensave .subscribe-main .btn-block a {
    border: 2.5px solid #ffffff;
    border-radius: 75px;
    font-weight: 900;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-family: Avenir-Black;
    height: 45px;
    display: block;
    max-width: 225px;
    margin: 0 auto 20px;
    background: #fff;
    text-decoration: none !important;
    margin-top: 35px;
    color: #2B4636 !important; }
    @media screen and (max-width: 749px) {
      .subscribensave .subscribe-main .btn-block a {
        margin: 27px auto 20px; } }
  .subscribensave .subscribe-main .overlycolor {
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: ease 1s; }
    @media screen and (max-width: 749px) {
      .subscribensave .subscribe-main .overlycolor {
        opacity: 1 !important; } }
.subscribensave .subscribe-main:hover .overlycolor {
  opacity: 1; }
.subscribensave .subscribe-main:hover .text-overlyblock {
  visibility: visible;
  opacity: 1; }
.subscribensave .subscribensave .subscribe-main:hover:after {
  opacity: 1; }
@media screen and (max-width: 749px) {
  .subscribensave .small-image {
    display: block !important; }
  .subscribensave .desktop-image {
    display: none !important; }
  .subscribensave .columsubscribe-section .rowblock {
    display: inherit;
    grid-template-columns: inherit; }
  .subscribensave .subscribe-block-row {
    grid-template-columns: 1fr;
    padding: 3.5em 5%; }
  .subscribensave .rowblock .col-l1 {
    text-align: center;
    padding: 0 10vw; }
    .subscribensave .rowblock .col-l1 img {
      margin: 0 auto; }
  .subscribensave .rowblock .slick-dots {
    padding-top: 15px; }
  .subscribensave .rowblock .slick-dots li.slick-active button:before {
    color: #184332;
    opacity: .75; }
  .subscribensave .rowblock .slick-dots li button:before, .subscribensave .rowblock .slick-dots li a:before {
    font-size: 58px;
    color: #2B4636 !important; }
  .subscribensave .columsubscribe-section {
    padding: 1em 0 1.8em; }
  .subscribensave .faqrow {
    grid-template-columns: 1fr;
    padding: 4em 20px 3em; }
    .subscribensave .faqrow .faq-title {
      text-align: center; }
      .subscribensave .faqrow .faq-title h2, .subscribensave .faqrow .faq-title .h2 {
        font-size: 36px !important;
        margin-bottom: 1.5em; }
  .subscribensave .subscribe-block-row {
    grid-template-columns: 1fr;
    padding: 2.5em 0%;
    row-gap: 45px; }
    .subscribensave .subscribe-block-row .subscribe-left {
      order: 2; }
    .subscribensave .subscribe-block-row .subscribe-right .txtblock {
      padding: 0 10vw; }
      .subscribensave .subscribe-block-row .subscribe-right .txtblock h2, .subscribensave .subscribe-block-row .subscribe-right .txtblock .h2 {
        font-size: 36px !important; } }
.subscribensave .logo-loop-section {
  position: relative; }
  .subscribensave .logo-loop-section img {
    width: 100%;
    height: 200px;
    object-fit: cover; }
    @media screen and (max-width: 749px) {
      .subscribensave .logo-loop-section img {
        height: 450px; } }
  .subscribensave .logo-loop-section .subscribelogo-loop {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    position: absolute;
    top: 17%;
    z-index: 9;
    width: 100%;
    left: 0;
    right: 0;
    max-width: 1130px;
    margin: 0 auto;
    padding: 0 2vw; }
    @media screen and (max-width: 749px) {
      .subscribensave .logo-loop-section .subscribelogo-loop {
        grid-template-columns: repeat(3, 1fr);
        top: 5%; } }
@media screen and (max-width: 900px) and (min-width: 600px) {
  .subscribensave .review-slider-section .review-content {
    font-size: 16px;
    padding: 0 5px;
    height: 190px; } }
.subscribensave .component_subscribe_collections {
  padding: 4em 0; }
  @media screen and (min-width: 749px) {
    .subscribensave .component_subscribe_collections {
      padding: 3em 0 2em; } }
  @media screen and (min-width: 481px) {
    .subscribensave .component_subscribe_collections .wrapper {
      max-width: 1440px;
      padding: 0px 3vw !important;
      margin: 0 auto;
      padding: 0 15px; } }
  .subscribensave .component_subscribe_collections .subsciption-header {
    text-align: center;
    margin: 0.5em 0;
    font-weight: 500;
    font-size: 50px !important;
    line-height: 55px;
    font-family: Avenir-Medium !important;
    padding-bottom: 0.7em; }
  .subscribensave .component_subscribe_collections .subscribe_collection_items .product-grid-item.flex-grid .product-grid-data-col {
    width: 50%; }
  .subscribensave .component_subscribe_collections .subscribe_collection_items .product-grid-item.flex-grid .product-grid-img-col {
    width: 50%; }
  .subscribensave .component_subscribe_collections .product-savings {
    font-size: 16px;
    letter-spacing: 2px;
    margin-bottom: 8px;
    color: #00CE7C !important;
    padding-bottom: 8px; }
  .subscribensave .component_subscribe_collections .product-grid-data-col h4, .subscribensave .component_subscribe_collections .product-grid-data-col .h4 {
    font-size: 26px !important;
    line-height: 30px !important;
    font-family: Avenir-Medium !important;
    font-weight: 500 !important; }
  .subscribensave .component_subscribe_collections .product-grid-data-col .product-single__variants {
    font-size: 15px !important;
    color: #2B4636 !important;
    font-family: Avenir-Medium !important;
    font-weight: 500 !important; }
  .subscribensave .component_subscribe_collections .product-grid-data-col #rc_autodeliver_options label {
    font-size: 22px !important;
    text-transform: capitalize !important; }
  .subscribensave .component_subscribe_collections .product-grid-data-col .rc_select__frequency {
    font-size: 18px !important;
    color: #00CE7C !important;
    border-color: #00CE7C !important; }
  .subscribensave .component_subscribe_collections .product-grid-data-col #AddToCart {
    border: 2.5px solid #2B4636;
    border-radius: 75px;
    color: #2B4636;
    display: block;
    height: 43px;
    width: 70%;
    margin: 10px 0 0;
    letter-spacing: 1px;
    color: #2B4636 !important; }
    .subscribensave .component_subscribe_collections .product-grid-data-col #AddToCart span {
      padding: 0;
      margin: 0 !important;
      display: flex;
      align-items: center;
      height: 100%;
      justify-content: center;
      color: #2B4636 !important;
      font-size: 18px; }
  .subscribensave .component_subscribe_collections .product_qty-wrap.js-qty-wrap .button {
    background-color: #ffffff !important;
    font-size: 30px;
    color: #00CE7C; }
  .subscribensave .component_subscribe_collections .subscribe_collection_items .btn-price-wrap {
    align-items: center;
    display: flex;
    flex-direction: inherit;
    flex-wrap: wrap !important; }
  .subscribensave .component_subscribe_collections .subscribe_collection_items .price-wrap:before {
    background: #ffffff;
    display: none; }
  .subscribensave .component_subscribe_collections .subscribe_collection_items .price-wrap {
    width: 100%;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    max-width: 200px; }
  .subscribensave .component_subscribe_collections .subscribe_collection_items .btn--add-to-cart.btn--stereo-fx:before {
    display: none; }
  .subscribensave .component_subscribe_collections .subscribe_collection_items .btn--add-to-cart.btn--stereo-fx:after {
    display: none; }
  .subscribensave .component_subscribe_collections .subscribe-price {
    color: #2B4636;
    opacity: 1;
    font-size: 22px !important;
    font-weight: 500;
    font-family: 'Avenir-Medium' !important; }
  .subscribensave .component_subscribe_collections .original-price {
    color: #2B4636;
    opacity: 0.25;
    font-size: 22px !important;
    font-weight: 500;
    font-family: 'Avenir-Medium' !important; }
  .subscribensave .component_subscribe_collections .subscribe_collection {
    margin-top: 55px; }
  @media only screen and (max-width: 600px) {
    .subscribensave .component_subscribe_collections .subscribe_collection_items {
      width: 100% !important;
      margin-left: 0 !important;
      padding: 0 40px;
      max-width: 100%; }
    .subscribensave .component_subscribe_collections .product-grid-img-col {
      width: 100% !important;
      padding: 0 !important; }
    .subscribensave .component_subscribe_collections .product-grid-data-col {
      width: 100% !important;
      margin: 0 auto;
      padding: 0 !important;
      text-align: center;
      align-items: center !important; }
    .subscribensave .component_subscribe_collections .product-grid-data-col h4, .subscribensave .component_subscribe_collections .product-grid-data-col .h4 {
      text-align: center !important; }
    .subscribensave .component_subscribe_collections .slick-dots {
      display: none !important; }
    .subscribensave .component_subscribe_collections .subscribe_collection {
      margin-top: 0; }
    .subscribensave .component_subscribe_collections .subsciption-header {
      font-size: 38px !important;
      padding: 0 20px; }
    .subscribensave .component_subscribe_collections .subscribe_collection_items .btn-price-wrap {
      flex-direction: column !important;
      width: 100%;
      justify-content: center !important; }
    .subscribensave .component_subscribe_collections .subscribe_collection_items form {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      text-align: center;
      justify-content: center;
      align-items: center; }
    .subscribensave .component_subscribe_collections .subscribe_collection {
      margin-top: 0; }
    .subscribensave .component_subscribe_collections .subsciption-header {
      font-size: 40px !important; }
    .subscribensave .component_subscribe_collections .product-grid-item {
      margin-bottom: 0 !important; }
    .subscribensave .component_subscribe_collections .slick-prev {
      left: 0 !important; }
    .subscribensave .component_subscribe_collections .slick-prev:before {
      content: url(https://cdn.shopify.com/s/files/1/0283/4009/2988/files/Vector_29.png?v=1653119306); }
    .subscribensave .component_subscribe_collections .slick-next:before {
      content: url(https://cdn.shopify.com/s/files/1/0283/4009/2988/files/Vector_28.png?v=1653119295); } }

@media screen and (max-width: 749px) {
  .handle-page--page-subscribe-and-save .main-conten-col {
    max-width: 100%;
    margin: 0 0;
    padding: 0; } }
/* Tire Blocks Section */
.tire-banner-section {
  padding: 46px 0; }

.tire-blocks {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Avenir-Medium; }

.tire-block {
  width: 33%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 4px; }

.tire-blocks .tire-block:not(:last-of-type) {
  border-right: 3px solid white; }

.tire-block .tire-title {
  font-size: 16px;
  text-decoration: underline;
  text-transform: uppercase; }

.tire-block .tire-heading {
  font-weight: 800;
  font-size: 50px; }

.tire-block .tire-subheading {
  font-size: 22px; }

@media screen and (max-width: 749px) {
  .tire-banner-section {
    padding: 10px 50px; }

  .tire-blocks {
    flex-direction: column; }

  .tire-block {
    width: 100%;
    padding: 36px 0; }

  .tire-blocks .tire-block:not(:last-of-type) {
    border-bottom: 3px solid white;
    border-right: 0; } }
/* =============================== New Home Page  ==============================*/
.btn-home-page {
  border: 2px solid #2B4636;
  font-weight: 600;
  padding: 10px 28px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #2B4636 !important;
  font-family: 'Avenir-Black';
  text-decoration: none !important;
  border-radius: 25px;
  font-size: 16px !important; }

.btn-home-page:hover {
  background: #2b4636;
  color: #fff !important;
  border-color: #2b4636 !important; }

/* -------- header section --------  */
.headerwrapblock {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .headerwrapblock .left-navigation {
    width: 40%;
    flex-basis: 40%; }
    .headerwrapblock .left-navigation .menu_item {
      display: flex;
      align-items: center;
      position: relative;
      justify-content: left;
      text-align: left; }
    .headerwrapblock .left-navigation .site-nav {
      margin-left: 0; }
    .headerwrapblock .left-navigation .new-site-nav li a {
      padding: 0; }
    .headerwrapblock .left-navigation .new-site-nav li a span {
      font-family: 'Avenir-Light';
      font-size: 15px;
      font-weight: 800; }
  .headerwrapblock .center-logo {
    width: 20%;
    flex-basis: 20%;
    text-align: center; }
    .headerwrapblock .center-logo .center-logo a {
      padding: 0 !important; }
    .headerwrapblock .center-logo .site-nav a, .headerwrapblock .center-logo .site-nav button {
      padding: 14px 0 14px 0; }
    .headerwrapblock .center-logo .site-nav img {
      height: 75px;
      object-fit: contain;
      width: 100% !important; }
  .headerwrapblock .right-block {
    flex-basis: 40%;
    width: 40%; }
    @media screen and (min-width: 768px) {
      .headerwrapblock .right-block .header_right {
        position: relative;
        right: 0;
        top: 0;
        text-align: right;
        display: flex;
        align-items: center;
        justify-content: end; } }
    .headerwrapblock .right-block .header_right ul {
      margin: 0 8px 0 !important; }
  .headerwrapblock .c {
    fill: #2B4636; }

.header-bottom-bar {
  background: #e5e5e5;
  padding: 14px 0; }
  .header-bottom-bar .header-bar {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .header-bottom-bar .header-bar .bottom-header-right p a {
      color: #2b4636 !important;
      font-weight: 600; }
      .header-bottom-bar .header-bar .bottom-header-right p a:hover {
        text-decoration: underline;
        color: #002c1a !important; }
  .header-bottom-bar .bottom-header-left p {
    color: #2B4636;
    font-family: 'Avenir-Medium';
    font-size: 20px;
    margin: 0;
    line-height: 1; }
  .header-bottom-bar .bottom-header-right p {
    color: #2B4636;
    font-family: 'Avenir-Medium';
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
    line-height: 1; }
  .header-bottom-bar .bottom-header-center p {
    color: #2B4636;
    font-family: 'Avenir-Medium';
    font-size: 18px;
    margin: 0;
    line-height: 1; }
  .header-bottom-bar .bottom-header-left {
    width: 15%;
    flex-basis: 15%;
    text-align: left; }
    @media screen and (max-width: 768px) {
      .header-bottom-bar .bottom-header-left {
        width: 100%;
        flex-basis: 100%; } }
  .header-bottom-bar .bottom-header-center {
    width: 60%;
    flex-basis: 60%;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .header-bottom-bar .bottom-header-center {
        width: 85%;
        flex-basis: 85%;
        margin: 0 auto; } }
  .header-bottom-bar .bottom-header-right {
    flex-basis: 15%;
    width: 15%;
    text-align: right; }
    @media screen and (max-width: 768px) {
      .header-bottom-bar .bottom-header-right {
        width: 100%;
        flex-basis: 100%; } }
  .header-bottom-bar .pr-review-nxt {
    position: absolute;
    right: -40px;
    top: -10px;
    background: transparent;
    border: none;
    outline: none !important;
    text-align: right; }
    @media screen and (max-width: 768px) {
      .header-bottom-bar .pr-review-nxt {
        top: 0; } }
    .header-bottom-bar .pr-review-nxt img {
      width: 25px; }
  .header-bottom-bar .pr-review-prev {
    position: absolute;
    left: -40px;
    top: -10px;
    background: transparent;
    border: none;
    outline: none !important;
    text-align: left; }
    @media screen and (max-width: 768px) {
      .header-bottom-bar .pr-review-prev {
        top: 0; } }
    .header-bottom-bar .pr-review-prev img {
      width: 25px; }

@media screen and (min-width: 481px) {
  .header-section .wrapper {
    padding: 0 15px; } }

/* -------- video section --------  */
#shopify-section-slideshow {
  margin-top: 10%; }

/* -------- Logo section --------  */
.svg-loop {
  /*   li:hover svg path {
      fill: #00CE7C !important;
    } */
  /*   .inerhoverblock:first-child:after{
  right: 65px;
}
  .hoverblock:first-child {
  background: red;
} */ }
  .svg-loop .wrapper-custom {
    max-width: 1350px;
    margin: 0 auto;
    padding: 25px 15px; }
  .svg-loop .claims-lists {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(10, 1fr);
    margin-bottom: 0; }
  .svg-loop .hoverblock {
    position: absolute;
    background: #fff;
    width: 341px;
    padding: 17px 12px;
    font-size: 12px;
    top: -8em;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    font-family: 'Avenir-Light';
    left: -19em;
    text-align: left;
    transition: 0.7s; }
  .svg-loop li {
    position: relative; }
  .svg-loop li:hover .hoverblock {
    opacity: 1;
    visibility: visible; }
  .svg-loop .inerhoverblock {
    position: relative; }
  .svg-loop .inerhoverblock:after {
    content: '';
    position: absolute;
    bottom: -70%;
    clip-path: polygon(100% 0, 0 0, 50% 72%);
    background: white;
    height: 25px;
    width: 40px;
    right: 9px;
    text-align: right; }
  .svg-loop li:hover .cls-1 {
    fill: #46b978; }
  .svg-loop li:hover .cls-2 {
    stroke: #46b978; }

.pdp-page-width {
  padding-top: 45px; }

.headerblock {
  text-align: center; }

.steps-row {
  max-width: 1300px;
  margin: 0 auto;
  padding: 20px 20px 45px;
  display: flex;
  align-items: center;
  column-gap: 20px; }

/* ----------- image with text ---------- */
.graphic-sections {
  position: relative;
  background: #f5f5f5; }
  .graphic-sections .svg-graphic {
    position: absolute;
    right: 0;
    top: 8%;
    left: 0;
    margin-left: 20vw; }
  .graphic-sections .baner-page-width {
    position: absolute;
    top: 0;
    max-width: 875px;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    height: 100%; }
  .graphic-sections .grphictop {
    font-family: 'Avenir-Light';
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 15px;
    font-weight: 600;
    color: #2B4636; }
  .graphic-sections .graphic-header {
    color: #2B4636 !important;
    font-family: 'Avenir-Light' !important;
    font-size: 46px !important; }
  .graphic-sections img {
    max-width: 100%;
    height: 510px;
    object-fit: cover;
    width: 100%; }
  .graphic-sections .content {
    color: #2B4636;
    font-size: 20px !important;
    font-family: 'Avenir-Medium';
    line-height: 29px; }
  .graphic-sections .btnblock {
    margin-top: 2.5em; }

/* ----------- Nutritious Section ---------- */
.nutritious-section {
  padding: 55px 0 45px;
  margin: 15px 0 30px; }
  .nutritious-section .section-header-block p {
    font-family: 'Avenir-Light';
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 15px;
    font-weight: 600;
    color: #2B4636; }
  .nutritious-section .section-header-block h2, .nutritious-section .section-header-block .h2 {
    color: #2B4636 !important;
    font-family: 'Avenir-Light' !important;
    font-size: 46px !important; }
  .nutritious-section .nutritious-page-width {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    position: relative; }
  .nutritious-section .nutritious-image-row {
    position: relative;
    height: 380px;
    margin-top: 60px; }
    .nutritious-section .nutritious-image-row .min-model {
      position: absolute;
      width: 240px;
      background: #2B4636;
      color: #fff;
      padding: 29px 27px;
      font-size: 14px;
      text-align: left;
      line-height: 1.2;
      font-family: 'Avenir-Light';
      display: none; }
      .nutritious-section .nutritious-image-row .min-model .head-nutri {
        letter-spacing: 0.2em;
        text-transform: uppercase;
        display: block;
        padding-bottom: 16px;
        font-weight: 600; }
    .nutritious-section .nutritious-image-row .clickbtn {
      position: absolute;
      left: 26%;
      bottom: 25%;
      text-align: left; }
    .nutritious-section .nutritious-image-row .leftsideblock01 {
      position: absolute;
      left: 0;
      text-align: left; }
      .nutritious-section .nutritious-image-row .leftsideblock01 .min-model {
        top: 22%; }
        @media screen and (max-width: 768px) {
          .nutritious-section .nutritious-image-row .leftsideblock01 .min-model {
            top: 3%; } }
    .nutritious-section .nutritious-image-row .leftsideblock02 {
      position: absolute;
      margin-left: 40%; }
      .nutritious-section .nutritious-image-row .leftsideblock02 .min-model {
        width: 315px;
        top: -42%; }
        @media screen and (max-width: 768px) {
          .nutritious-section .nutritious-image-row .leftsideblock02 .min-model {
            top: -4% !important; } }
    .nutritious-section .nutritious-image-row .leftsideblock03 {
      position: absolute;
      bottom: 20px;
      text-align: left;
      margin-left: 41%; }
      .nutritious-section .nutritious-image-row .leftsideblock03 .min-model {
        width: 265px;
        bottom: -45%;
        right: 40%; }
      .nutritious-section .nutritious-image-row .leftsideblock03 .clickbtn {
        left: 64%;
        bottom: 25%; }
    .nutritious-section .nutritious-image-row .rightideblock01,
    .nutritious-section .nutritious-image-row .rightsideblock01 {
      position: absolute;
      top: 20%;
      text-align: right;
      right: 23%; }
      .nutritious-section .nutritious-image-row .rightideblock01 .min-model,
      .nutritious-section .nutritious-image-row .rightsideblock01 .min-model {
        position: absolute;
        width: 292px;
        bottom: -44%;
        left: -45%; }
    .nutritious-section .nutritious-image-row .rightideblock02,
    .nutritious-section .nutritious-image-row .rightsideblock02 {
      position: absolute;
      right: 0;
      text-align: right; }
      .nutritious-section .nutritious-image-row .rightideblock02 .clickbtn,
      .nutritious-section .nutritious-image-row .rightsideblock02 .clickbtn {
        left: 70%;
        bottom: 55%; }
      .nutritious-section .nutritious-image-row .rightideblock02 .min-model,
      .nutritious-section .nutritious-image-row .rightsideblock02 .min-model {
        width: 352px;
        bottom: 100%;
        left: 0; }
    .nutritious-section .nutritious-image-row .rightsideblock03 {
      position: absolute;
      right: 0;
      bottom: 0;
      text-align: right; }
      .nutritious-section .nutritious-image-row .rightsideblock03 .min-model {
        width: 240px;
        bottom: -30%;
        left: 50%; }

/* ======================== PDP Section ====================== */
.pdpsection p {
  font-family: Avenir-Light;
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: 15px;
  font-weight: 600;
  color: #2b4636; }
.pdpsection h2, .pdpsection .h2 {
  color: #2b4636 !important;
  font-family: Avenir-Light !important;
  font-size: 46px !important; }
.pdpsection .steps-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr; }
.pdpsection img {
  max-width: 100%;
  height: 300px;
  object-fit: cover; }
.pdpsection .collection-seondimg {
  opacity: 0;
  visibility: hidden;
  display: none;
  transform: translate(0); }
.pdpsection .stepsitems:hover .collection-seondimg {
  opacity: 1;
  visibility: visible;
  display: block; }
.pdpsection .stepsitems:hover .collection-firstimg {
  opacity: 0;
  visibility: hidden;
  display: none; }
.pdpsection .review_btn {
  text-align: center;
  margin: 3.5rem 0 1rem; }
  .pdpsection .review_btn .btn-home-page {
    font-size: 16px; }
.pdpsection .stepsitems:hover .btn-home-page {
  background: #2b4636;
  color: white !important; }

/* ======================== Testimonial animation ====================== */
.testimonial-section {
  padding: 55px 30px;
  margin: 15px 0;
  text-align: center; }
  .testimonial-section .headersection {
    padding-bottom: 20px; }
  .testimonial-section .slick-arrow {
    display: none !important; }
  .testimonial-section p {
    font-family: Avenir-Light;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 15px;
    font-weight: 600;
    color: #2b4636; }
  .testimonial-section h2, .testimonial-section .h2 {
    color: #2b4636 !important;
    font-family: Avenir-Light !important;
    font-size: 46px !important; }
  .testimonial-section .testimonial-item {
    display: grid;
    grid-template-columns: 1fr 1fr; }
  .testimonial-section .testimonial-image img {
    max-width: 100%;
    margin: 0 auto; }
  .testimonial-section .testimonial-text {
    background: #E5E5E5;
    text-align: center;
    padding: 1em 14px;
    max-width: 330px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    height: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
    .testimonial-section .testimonial-text .testimonial-par {
      padding-top: 16px;
      font-size: 17px !important;
      font-weight: 400;
      font-family: 'Avenir-Book';
      color: #194332; }

/* ======================== find a store animation ====================== */
.row-findus {
  display: grid;
  grid-template-columns: 25% 75%;
  width: 100%; }
  .row-findus img {
    max-width: 100%; }
  .row-findus .slick-arrow {
    display: none !important; }
  .row-findus .sthop-slider .slick-track {
    display: flex;
    align-items: center; }
  .row-findus .findus-right-block {
    position: relative; }
    .row-findus .findus-right-block p {
      font-family: Avenir-Light;
      text-transform: uppercase;
      letter-spacing: .2em;
      font-size: 16px;
      font-weight: 600;
      color: #2b4636; }
    .row-findus .findus-right-block h2, .row-findus .findus-right-block .h2, .row-findus .findus-right-block .h2 {
      color: #2b4636 !important;
      font-family: Avenir-Light !important;
      font-size: 46px !important; }
    .row-findus .findus-right-block .textarea {
      font-weight: 500;
      font-size: 16px;
      font-family: Avenir-Light !important;
      max-width: 850px; }
  .row-findus .righbanner {
    width: 100%;
    height: 460px;
    object-fit: cover; }
  .row-findus .findbanner-blocks {
    position: absolute;
    z-index: 9;
    top: 15%;
    width: 100%; }
  .row-findus .findtext {
    max-width: 1000px;
    padding-left: 4.5vw; }
  .row-findus .btn-home-page {
    border-color: #fff;
    color: #fff !important;
    font-size: 16px !important; }
  .row-findus .btn-home-page:hover {
    background: #fff;
    color: #2b4636 !important;
    border-color: #2b4636 !important; }
  .row-findus .review_btn {
    margin-top: 25px;
    margin-bottom: 20px; }
  .row-findus .item-logo img {
    margin: 0 auto;
    padding: 0 8px; }
  @media screen and (min-width: 749px) {
    .row-findus .sthop-slider {
      margin-top: 40px; }
    .row-findus .findus-left-block .desk-image {
      height: 460px;
      width: 100%;
      object-fit: cover; }
    .row-findus .row-findus .findus-right-block {
      height: 460px; } }

/* ======================== Review animation ====================== */
.review-index-slider {
  position: relative; }
  .review-index-slider .pr-review-prev {
    position: absolute;
    z-index: 2;
    top: 45%;
    left: 2%;
    background: transparent;
    border: none;
    text-align: left;
    outline: none !important; }
  .review-index-slider .pr-review-nxt {
    position: absolute;
    z-index: 2;
    top: 45%;
    background: transparent;
    border: 0px;
    text-align: right;
    right: 2%;
    outline: none !important; }

.reviewslider-banner {
  position: relative; }
  .reviewslider-banner a:hover, .reviewslider-banner a:focus {
    text-decoration: none !important; }
  .reviewslider-banner .overlytext {
    position: absolute;
    z-index: 9;
    top: 0;
    max-width: 800px;
    text-align: left;
    height: 100%;
    display: flex;
    align-items: self-start;
    flex-direction: column;
    justify-content: center;
    margin-left: 10vw; }
    .reviewslider-banner .overlytext .top-title {
      font-size: 15px !important;
      line-height: 40px;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      font-family: 'Avenir-Light' !important;
      color: #2B4636;
      font-weight: 600 !important; }
    .reviewslider-banner .overlytext .heading {
      font-weight: 600;
      font-size: 50px !important;
      line-height: 55px;
      font-family: Avenir-Light !important; }
    .reviewslider-banner .overlytext .textarea {
      font-weight: 500;
      font-size: 17px;
      line-height: 26px;
      font-family: Avenir-Light !important;
      color: #2B4636 !important; }
    .reviewslider-banner .overlytext .review_btn {
      margin: 30px 0px 0; }
  .reviewslider-banner img {
    max-width: 100%;
    width: 100%; }

/* ======================== slider animation ====================== */
.sider-animation p {
  font-family: Avenir-Light;
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: 15px;
  font-weight: 600;
  color: #2b4636; }
.sider-animation h2, .sider-animation .h2 {
  color: #2b4636 !important;
  font-family: Avenir-Light !important;
  font-size: 46px !important; }
.sider-animation .mainblock-slider {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center; }
  .sider-animation .mainblock-slider .left-side-animation {
    position: absolute;
    text-align: left;
    bottom: 0;
    margin-left: 30%;
    margin-bottom: 14px;
    z-index: 0;
    opacity: 0;
    transform: translate(0); }
  .sider-animation .mainblock-slider .right-side-animation {
    position: absolute;
    right: 21%;
    text-align: right;
    top: 0;
    opacity: 0;
    transform: translate(0);
    margin-top: 7px; }
  .sider-animation .mainblock-slider img {
    max-width: 100%;
    margin: 0 auto; }
.sider-animation .hoverblock .left-side-animation {
  margin-left: 0;
  opacity: 1;
  bottom: 0%;
  transition: margin-left 2s ease; }
.sider-animation .hoverblock .right-side-animation {
  transition: right 2s ease;
  opacity: 1;
  right: 0; }
.sider-animation main-animation {
  position: relative;
  height: 100%;
  display: block; }
.sider-animation .btnanim {
  margin: 25px 0 0; }
.sider-animation .inner-item-width {
  background: #F1D09F;
  padding: 5rem 0;
  height: 600px; }
.sider-animation .slick-arrow {
  display: none !important; }
.sider-animation .main-animation-image {
  height: 250px;
  position: relative; }
  .sider-animation .main-animation-image img {
    position: absolute;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    top: 10px;
    z-index: 99; }
.sider-animation .slide02 .mainblock-slider, .sider-animation .slide03 .mainblock-slider {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  align-items: center; }
.sider-animation .slide02 .textblocks, .sider-animation .slide03 .textblocks {
  width: 50%;
  flex-basis: 50%;
  position: relative;
  top: 4em; }
.sider-animation .slide02 main-animation, .sider-animation .slide03 main-animation {
  width: 50% !important;
  flex-basis: 50% !important; }
.sider-animation .slide02 .left-side-animation {
  text-align: left;
  bottom: 0;
  margin-left: 19%;
  margin-bottom: -37%;
  z-index: 0;
  opacity: 0; }
.sider-animation .slide02 .right-side-animation {
  right: 8%;
  top: 0;
  opacity: 0;
  transform: translate(0);
  margin-top: 31px; }
.sider-animation .slide02 .hoverblock .left-side-animation {
  margin-left: 0;
  opacity: 1;
  bottom: 0%;
  transition: margin-left 2s ease; }
.sider-animation .slide02 .hoverblock .right-side-animation {
  transition: right 2s ease;
  opacity: 1;
  right: -8%; }
.sider-animation .slide03 .left-side-animation {
  margin-left: 0%;
  margin-bottom: -45%; }
.sider-animation .slide03 .hoverblock .left-side-animation {
  margin-left: 0;
  opacity: 1;
  bottom: 0%;
  margin-left: -25%;
  transition: margin-left 2s ease; }
.sider-animation .slide03 .mainblock-slider .right-side-animation {
  right: 0;
  text-align: right;
  top: 0;
  opacity: 0;
  transform: translate(0);
  margin-top: -38px; }
  .sider-animation .slide03 .mainblock-slider .right-side-animation img {
    width: 85%; }
.sider-animation .slide03 .hoverblock .right-side-animation {
  transition: right 2s ease;
  opacity: 1;
  right: -90px; }
.sider-animation .sliderblock {
  background: #f1d09f; }

.textslider-section {
  padding: 55px 0; }
  .textslider-section .tx-slider-title {
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-family: 'Avenir-Medium';
    color: #2b4636; }
  .textslider-section .item-title {
    font-size: 43px;
    font-family: 'Avenir-Medium';
    color: #2B4636;
    font-weight: 600;
    text-align: center;
    padding: 0 45px;
    display: flex;
    align-items: center; }
    .textslider-section .item-title .left-dot {
      width: 10px;
      height: 10px;
      background: #2b4636;
      text-align: center;
      display: block;
      position: relative;
      left: -1em;
      border-radius: 50px; }

/* ------- main slider section -----  */
.template-index .main-conten-col {
  margin-top: 6.6em; }
.template-index .use-steps .pdpsection {
  padding: 30px 0 40px; }

.headerbutton a {
  border: 2px solid #2B4636 !important;
  font-size: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #2B4636 !important;
  font-family: 'Avenir-Black' !important;
  border-radius: 75px;
  padding: 6px 15px;
  margin-left: 16px;
  text-decoration: none; }

.headerbutton a:hover {
  background: #184332;
  color: #fff !important; }

/* ----------------------- footer section -------------------- */
.footer-split {
  display: flex;
  flex-wrap: wrap; }
  .footer-split .footer-left {
    width: 65%;
    flex-basis: 65%;
    padding: 4.5rem 20px 60px;
    background: url(https://cdn.shopify.com/s/files/1/0283/4009/2988/files/Mask_Group_035d30ed-871e-424f-bbf3-d66ecba58127.png?v=1649737869); }
    .footer-split .footer-left .footer-navigation-col {
      display: flex;
      max-width: 760px;
      margin: 0 auto; }
      .footer-split .footer-left .footer-navigation-col .col-block {
        width: 33.33%;
        flex-basis: 33.33%; }
        .footer-split .footer-left .footer-navigation-col .col-block h4, .footer-split .footer-left .footer-navigation-col .col-block .h4 {
          letter-spacing: .2em;
          font-family: 'Avenir-Medium' !important;
          font-size: 17px !important;
          text-transform: uppercase;
          margin-bottom: 28px; }
      .footer-split .footer-left .footer-navigation-col .footernav a {
        font-size: 14.5px;
        font-family: 'Avenir-Medium';
        text-transform: uppercase; }
      .footer-split .footer-left .footer-navigation-col .footernav li {
        line-height: 1.4; }
    .footer-split .footer-left .footer-bottom-block {
      display: flex;
      align-items: center;
      justify-content: space-between;
      max-width: 760px;
      margin: 0 auto; }
      .footer-split .footer-left .footer-bottom-block .footerlogo {
        width: 25%; }
      .footer-split .footer-left .footer-bottom-block .footer-legal {
        width: 55%; }
        .footer-split .footer-left .footer-bottom-block .footer-legal ul {
          display: flex;
          text-align: left;
          align-items: center;
          margin-bottom: 0; }
          .footer-split .footer-left .footer-bottom-block .footer-legal ul li {
            line-height: 1;
            padding-right: 6vw; }
          .footer-split .footer-left .footer-bottom-block .footer-legal ul a {
            font-size: 18px;
            opacity: 0.7;
            font-family: 'Avenir-Medium'; }
      .footer-split .footer-left .footer-bottom-block .footer-b-corp {
        width: 20%;
        margin-top: -14%; }
  .footer-split .footer-newsletter {
    text-align: center;
    padding-top: 4.5rem; }
    .footer-split .footer-newsletter h3, .footer-split .footer-newsletter .h3 {
      letter-spacing: .2em;
      font-family: Avenir-Medium !important;
      font-size: 17px !important;
      text-transform: uppercase !important;
      margin-bottom: 28px; }
    .footer-split .footer-newsletter p {
      font-size: 16px;
      max-width: 300px;
      margin: 36px auto; }
  .footer-split .footer-social ul {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center; }
    .footer-split .footer-social ul li {
      padding: 0 11px; }
    .footer-split .footer-social ul img {
      width: 40px;
      height: 40px; }
  .footer-split .footer-right {
    flex-basis: 35%;
    width: 35%; }

#shopify-section-1657261396159083e9 {
  padding: 45px 0 30px;
  margin: 15px 0 0; }

.instaheader {
  text-align: center; }
  .instaheader p {
    font-family: Avenir-Light;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 15px;
    font-weight: 600;
    color: #2b4636; }
  .instaheader .heading-animation {
    color: #2b4636 !important;
    font-family: Avenir-Light !important;
    font-size: 46px !important; }

img {
  max-width: 100%; }

.graphic-sections .content .greenrtx {
  color: #00A362; }
.graphic-sections .content .blurtx {
  color: #09A6E0; }
.graphic-sections .content .ortxt {
  color: #FF8300; }

@media screen and (min-width: 992px) {
  .mobilebar {
    display: none; } }
/* ========= home page mobile view design ========= */
@media screen and (max-width: 749px) {
  .mobile-image {
    display: block !important; }

  .desk-image {
    display: none !important; }

  #mobileNavBar {
    z-index: 9999999; }

  #insta-feed {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; }

  .template-index .wrapper_other {
    padding: 0; }

  .svg-loop .claims-lists {
    grid-template-columns: repeat(3, 1fr);
    text-align: center; }

  .pdpsection .steps-row {
    display: inherit;
    grid-template-columns: 100%;
    text-align: center; }

  .row-findus {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%; }

  .footer-split {
    display: flex;
    flex-wrap: wrap; }

  .footer-split .footer-left {
    width: 100%;
    flex-basis: 100%; }

  .footer-split .footer-right {
    flex-basis: 100%;
    width: 100%; }

  .svg-loop .claims-lists {
    flex-wrap: wrap !important;
    text-align: center;
    display: flex;
    grid-template-columns: none !important; }

  .svg-loop .claims-lists li {
    width: 25%; }

  .svg-loop .claims-lists li:first-child {
    width: 50%; }
    .svg-loop .claims-lists li:first-child .svglogo-block {
      width: 50%;
      text-align: right;
      margin: auto 0 auto auto; }

  .svg-loop .claims-lists li:nth-child(2) {
    width: 50%; }
    .svg-loop .claims-lists li:nth-child(2) .svglogo-block {
      width: 50%;
      text-align: left;
      margin: auto 0 auto; }

  .nutritious-section .nutritious-image-row {
    position: relative;
    height: 100%;
    margin-top: 60px; }
    .nutritious-section .nutritious-image-row img {
      max-width: 70%;
      margin: 0 auto; }
    .nutritious-section .nutritious-image-row .leftsideblock01 {
      position: relative;
      left: 0;
      text-align: center; }
    .nutritious-section .nutritious-image-row .leftsideblock02 {
      position: relative;
      margin-left: 0; }
      .nutritious-section .nutritious-image-row .leftsideblock02 .min-model {
        width: 300px;
        top: 8em;
        right: 0;
        left: 0;
        margin: 0 auto; }
    .nutritious-section .nutritious-image-row .leftsideblock03 {
      position: relative;
      bottom: 0;
      text-align: center;
      margin-left: 0; }
      .nutritious-section .nutritious-image-row .leftsideblock03 .min-model {
        width: 300px;
        bottom: 45%;
        right: 0;
        left: 0;
        margin: 0 auto; }
      .nutritious-section .nutritious-image-row .leftsideblock03 .clickbtn {
        bottom: 20%; }
    .nutritious-section .nutritious-image-row .leftsideblock01 {
      position: relative;
      top: 0;
      text-align: center;
      right: 0; }
      .nutritious-section .nutritious-image-row .leftsideblock01 .min-model {
        position: absolute;
        width: 292px;
        bottom: inherit;
        left: 0;
        right: 0;
        margin: 0 auto; }
    .nutritious-section .nutritious-image-row .rightideblock02 {
      position: relative;
      right: 0;
      text-align: center; }
    .nutritious-section .nutritious-image-row .rightsideblock03 {
      position: relative;
      right: 0;
      bottom: 0;
      text-align: center; }

  .testimonial-section .testimonial-item {
    display: grid;
    grid-template-columns: 100%;
    grid-row-gap: 20px; }
    .testimonial-section .testimonial-item .testimonial-image {
      order: 2; }

  .pdpsection img {
    max-width: 100%;
    height: 300px;
    object-fit: cover;
    margin: 0 auto; }

  .textslider-section .item-title {
    font-size: 30px;
    max-width: 315px;
    padding: 0 15px; }

  .footer-split .footer-left {
    order: 2; }
    .footer-split .footer-left .footer-navigation-col {
      display: flex;
      max-width: 100%;
      margin: 0 auto;
      flex-wrap: wrap; }
      .footer-split .footer-left .footer-navigation-col .col-block {
        width: 100%;
        flex-basis: 100%; }
    .footer-split .footer-left .footer-bottom-block {
      display: flex;
      align-items: end;
      justify-content: space-between;
      max-width: 760px;
      margin: 45px auto 0;
      flex-wrap: wrap; }
      .footer-split .footer-left .footer-bottom-block .footerlogo {
        width: 50% !important;
        order: 2;
        text-align: center; }
      .footer-split .footer-left .footer-bottom-block .footer-legal {
        width: 25% !important;
        order: 1; }
      .footer-split .footer-left .footer-bottom-block .footer-b-corp {
        width: 25% !important;
        order: 3;
        text-align: right; }
  .footer-split .footer-right {
    order: 1; }

  /* ======= slider section ========   */
  .template-index .main-conten-col {
    margin-top: 0; }

  .reviewslider-banner .overlytext {
    max-width: 300px;
    text-align: center;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    margin: 15px auto;
    left: 0;
    right: 0; }

  .reviewslider-banner .overlytext .textarea {
    font-weight: 600;
    font-size: 18px;
    color: #2b4636 !important;
    line-height: 1.5;
    max-width: 100%; }

  .reviewslider-banner .overlytext .top-title {
    font-size: 15px;
    line-height: 24px;
    max-width: 300px;
    margin: 2em auto 20px; }

  .reviewslider-banner .overlytext .heading {
    font-size: 45px !important;
    line-height: 55px; }

  .reviewslider-banner .overlytext .review_btn {
    margin: 2em 0 0; }

  .review-index-slider .pr-review-prev {
    left: 1%;
    top: 50%; }
    .review-index-slider .pr-review-prev img {
      width: 30px; }

  .review-index-slider .pr-review-nxt {
    right: 1%;
    top: 50%; }
    .review-index-slider .pr-review-nxt img {
      width: 30px; }

  /* ===== graphic banner section ====   */
  .graphic-sections img {
    height: 850px;
    width: 100%; }

  .graphic-sections .content {
    font-size: 20px !important;
    padding: 0 9vw; }

  .graphic-sections .svg-graphic {
    top: 5%;
    margin-left: 60vw; }

  /* ========= testimonial css  =========== */
  .row-findus .findbanner-blocks {
    top: 10%; }

  .testimonial-section .testimonial-text {
    max-width: 100%;
    padding: 3em 14px; }

  .testimonial-section .testimonial-image img {
    width: 100%; }

  .row-findus .righbanner {
    height: 590px; }

  .row-findus .findtext {
    margin-bottom: 40px; }

  .row-findus .findtext {
    padding-left: 0;
    text-align: center; }

  .row-findus .findus-right-block .textarea {
    font-size: 18px;
    font-family: Avenir-Light !important;
    margin: 0 auto; }

  .testimonial-section h2, .testimonial-section .h2, .testimonial-section .h2 {
    font-size: 36px !important; }

  .row-findus .findus-right-block h2, .row-findus .findus-right-block .h2 {
    font-size: 36px !important; }

  /* ========= Footer css  =========== */
  .footer-split .footer-left {
    padding: 3.5rem 20px 20px; }

  .footer-split .footer-left .footer-navigation-col .col-block h4, .footer-split .footer-left .footer-navigation-col .col-block .h4 {
    margin-bottom: 20px;
    border-bottom: 1px solid #ffff;
    padding-bottom: 15px;
    font-size: 16px !important; }

  .footer-navigation-col .acc__title {
    position: relative; }
  .footer-navigation-col .acc__title:after {
    position: absolute;
    content: '';
    right: 0;
    text-align: right;
    background: url(https://cdn.shopify.com/s/files/1/0283/4009/2988/files/b230f59911b8d228791f36d23900d5ce.png?v=1653299463);
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: revert; }
  .footer-navigation-col .acc__title.active:after {
    background: url(https://cdn.shopify.com/s/files/1/0283/4009/2988/files/2.png?v=1653299702);
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    width: 25px;
    height: 25px;
    background-position: center; }

  .footer-split .footer-left .footer-bottom-block .footer-legal ul {
    flex-wrap: wrap; }

  .footer-split .footer-left .footer-bottom-block .footer-legal ul a {
    font-size: 14px; }

  .footer-split .footer-b-corp img {
    height: 70px; }

  .footer-social {
    padding-bottom: 20px; }

  /* ======= Animation slider ========= */
  .sider-animation .inner-item-width {
    padding: 4rem 0;
    height: 700px; }

  .sider-animation h2, .sider-animation .h2, .sider-animation .h2 {
    font-size: 34px !important; }

  .sider-animation .slide02 main-animation, .sider-animation .slide03 main-animation {
    width: 100% !important;
    flex-basis: 100% !important; }

  .sider-animation .slide02 .textblocks, .sider-animation .slide03 .textblocks {
    width: 100%;
    flex-basis: 100%;
    position: relative;
    top: 0; }

  .sider-animation .main-animation-image img {
    height: 400px; }

  .sider-animation .main-animation-image {
    height: 420px; }

  .sider-animation .mainblock-slider .right-side-animation {
    margin-top: 20%;
    margin-right: 20px; }

  .sider-animation .slide02 .left-side-animation {
    margin-bottom: 0; }

  .sider-animation .slide03 .left-side-animation {
    margin-left: 0% !important;
    margin-bottom: 0;
    left: -35px !important; }

  .template-index .use-steps .pdpsection {
    padding: 10px 0 10px; }

  .nutritious-section {
    margin: 0 0 0; }

  .nutritious-section .section-header-block h2, .nutritious-section .section-header-block .h2 {
    font-size: 36px !important; }

  .steps-row {
    padding: 0px 20px 45px; }

  /* ====== bottom header =====  */
  .header-bottom-bar {
    padding: 20px 0; }

  .header-bottom-bar .bottom-header-center p {
    font-size: 14px;
    line-height: 20px; }

  .bottom-header-right {
    text-align: center;
    width: 100%;
    margin: 20px auto 0; }

  .bottom-header-right p {
    padding-bottom: 0;
    max-width: 120px;
    display: block;
    margin: 0 auto !important;
    line-height: 1 !important;
    text-align: center;
    width: 100%; }

  .header-bottom-bar .header-bar {
    flex-wrap: wrap;
    text-align: center; }

  .bottom-header-left {
    display: none; }

  .pdpsection .slick-dots {
    left: 0;
    right: 0;
    bottom: 0; }
  .pdpsection .slick-dots li button:before {
    font-size: 15px; }

  .nutritious-section .slick-dots {
    left: 0;
    right: 0;
    bottom: -40px; }
  .nutritious-section .slick-dots li button:before {
    font-size: 15px; }

  .textslider-section .item-title .left-dot {
    width: 15px;
    border-radius: 50%; } }
/*================index page responsiveness  =============   */
@media screen and (max-width: 991px) and (min-width: 749px) {
  .template-index .main-conten-col {
    margin-top: 0; }

  .mobilebar {
    display: block !important; }

  .header-bottom-bar .header-bar {
    flex-wrap: wrap;
    text-align: center;
    row-gap: 14px;
    justify-content: space-around; }
    .header-bottom-bar .header-bar .bottom-header-left {
      display: none; }

  .reviewslider-banner img {
    height: 440px;
    object-fit: cover; }

  .svg-loop .claims-lists {
    grid-template-columns: repeat(5, 1fr) !important; }

  .pdpsection .steps-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 25px;
    text-align: center; }

  .row-findus {
    grid-template-columns: 30% 70%; }

  .row-findus .findus-right-block h2, .row-findus .findus-right-block .h2, .row-findus .findus-right-block .h2, .row-findus .findus-right-block .h2 {
    font-size: 34px !important; }

  .sider-animation .slide03 .hoverblock .left-side-animation {
    margin-left: -6%; }

  #insta-feed .instafeed-container, .instafeed-shopify .instafeed-container {
    margin: 2%;
    padding-top: 90% !important;
    width: 90% !important; }

  #insta-feed {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; }

  .footer-split {
    display: flex;
    flex-wrap: wrap; }

  .footer-split .footer-left {
    width: 100%;
    flex-basis: 100%;
    padding: 4.5rem 20px 60px;
    order: 1; }

  .footer-split .footer-right {
    flex-basis: 100%;
    width: 100%;
    padding-bottom: 20px; }

  .footernav.acc__panel {
    display: block !important; } }
@media screen and (max-width: 1100px) and (min-width: 992px) {
  .testimonial-section .testimonial-item {
    max-width: 700px;
    margin: 0 auto; } }
@media screen and (min-width: 1660px) {
  .testimonial-section .testimonial-slider {
    max-width: 1660px;
    margin: 0 auto; }

  .row-findus .findus-left-block .desk-image {
    height: 500px; }

  .row-findus .righbanner {
    height: 500px; } }
/*========= Mega Menu =========  */
.grids {
  display: grid;
  grid-template-columns: 2fr 1fr; }

.overblock-megamenu {
  position: relative; }
  .overblock-megamenu img {
    width: 100%; }
  .overblock-megamenu p {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    font-size: 20px;
    line-height: 30px;
    font-family: Avenir-Book !important;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; }

.overblock-megamenu:hover a p {
  text-decoration: underline; }

.img-megmenus {
  margin-bottom: 5px; }

.mega-menu-list ul li a {
  font-weight: 800;
  font-size: 16px !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #2B4636 !important; }

.mega-menu-list ul {
  padding: 2em 0px 0 2em; }

.headerwrapblock .left-navigation .new-site-nav li a {
  padding: 25px 0; }

/*========= Mega Menu end =========  */
@media only screen and (max-width: 600px) {
  .nutritious-section .nutritious-image-row .rightsideblock03 .min-model {
    width: 290px;
    bottom: 50%;
    left: 0;
    right: 0;
    margin: 0 auto; }

  .nutritious-section .nutritious-image-row .rightideblock02 .min-model,
  .nutritious-section .nutritious-image-row .rightsideblock02 .min-model {
    width: 352px;
    bottom: 0;
    left: 10px; }

  .nutritious-section .nutritious-image-row .rightideblock01,
  .nutritious-section .nutritious-image-row .rightsideblock01 {
    position: relative;
    top: 0;
    text-align: right;
    right: 0; }

  .nutritious-section .nutritious-image-row .rightideblock01 .min-model,
  .nutritious-section .nutritious-image-row .rightsideblock01 .min-model {
    position: absolute;
    width: 320px;
    bottom: 50%;
    left: 0;
    right: 0;
    margin: 0 auto; } }
@media screen and (max-width: 1023px) and (min-width: 768px) {
  .announcement_bar {
    display: block !important; }

  .site-header {
    display: none !important; }

  .header-logo__image {
    margin: 0 auto; }

  .show-nav .nav-bar {
    top: 12% !important; }

  .nav-bar {
    top: 12% !important;
    width: 56% !important;
    height: 520px !important; }

  #mobileNavBar {
    z-index: 9999999 !important; }

  .mobilebar {
    display: block !important; }

  .template-index .main-conten-col {
    margin-top: 0; }

  .mobile-nav {
    padding: 2.5em 20px 0 !important;
    height: 265px !important; }

  .show-nav .nav-bar .wrapper {
    padding: 0; }

  .testimonial-section .testimonial-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 640px;
    margin: 0 auto; } }
@media screen and (max-width: 1023px) and (min-width: 991px) {
  .mobilview-menu .overblock-megamenu p {
    top: 45px;
    font-size: 18px;
    line-height: 30px; }

  .show-nav .nav-bar {
    top: 15% !important; }

  .nav-bar {
    top: 15% !important; } }
@media screen and (max-width: 1150px) and (min-width: 1024px) {
  .overblock-megamenu p {
    font-size: 17px;
    line-height: 26px; } }
@media screen and (max-width: 1150px) and (min-width: 1000px) {
  .pdpsection img {
    height: 220px; } }
@media only screen and (min-width: 1024px) {
  .footer-split .footer-left .footer-bottom-block .footer-b-corp img {
    width: 100px; } }
.cartblock {
  text-align: center;
  float: none;
  position: relative; }
  .cartblock .mobileNavBar-link {
    width: 100%; }
  .cartblock .header-cart-btn {
    display: flex;
    align-items: center;
    justify-content: center; }

/* =============================== Home page code end ============================  */
@media only screen and (min-width: 100px) and (max-width: 691px) {
  .large--one-quarter {
    width: 100%; } }
@media only screen and (min-width: 692px) and (max-width: 999px) {
  .large--one-quarter {
    width: 50%; } }
@media only screen and (min-width: 1000px) and (max-width: 1299px) {
  .large--one-quarter {
    width: 33%; } }
@media only screen and (min-width: 1300px) {
  .large--one-quarter {
    width: 25%; } }

.rc-template__legacy-radio .rc-radio .rc_widget__option__selector .rc-radio__label, .rc-template__legacy-radio .rc-radio .rc_widget__option__selector .rc-radio__label, .rc-widget .rc-template__legacy-radio .rc-radio.rc-option--active, .rc-template__legacy-radio .rc-radio .rc_widget__option__selector .rc-radio__label {
  width: min-content; }
