/** Shopify CDN: Minification failed

Line 81:0 Unexpected "$"
Line 87:0 Comments in CSS use "/* ... */" instead of "//"
Line 106:0 Comments in CSS use "/* ... */" instead of "//"
Line 107:0 Comments in CSS use "/* ... */" instead of "//"
Line 125:2 Comments in CSS use "/* ... */" instead of "//"
Line 128:4 Expected identifier but found "$"
Line 148:2 Comments in CSS use "/* ... */" instead of "//"
Line 151:5 Expected identifier but found "#"
Line 151:7 Expected identifier but found "$"
Line 155:5 Expected identifier but found "#"
... and 149 more hidden warnings

**/
/******************************************************************
Theme Name: Retina 4.7.4
Theme URI: https://themes.shopify.com/themes/retina/styles/austin?ref=out-of-the-sandbox
Author: Out of the Sandbox (https://outofthesandbox.com)
Description: Shopify Theme (https://www.shopify.com/?ref=out-of-the-sandbox)
******************************************************************/
/* Table of Content
==================================================
  #Variables
  #Mixins
  #Helper Classes
  #Grid/Layout
  #Reset & Basics
  #Fonts
  #Basic Styles
  #Typography
  #Promo Banner
  #Page and Product Details Template
  #Search Template
  #Links
  #Lists
  #Menu
  #Images
  #Placeholders
  #Videos
  #Buttons
  #Tabs
  #Forms
  #Tables
  #Misc
  #Cart Drawer
  #Site Styles
  #Password Page
  #Divider
  #Rich text
  #Accordions
  #Home page - Slideshow
  #Home page - Collection list
  #Home page - Map
  #Home page - Featured product
  #Home page - Featured promotions
  #Home page - Image text
  #Home page - Gallery
  #Home page - Logo list
  #Home page - Testimonials
  #Home page - Contact form
  #Swatch Styles
  #mmenu
  #Banner Sections
  #Product page
  #Quick Shop
  #Flickity
  #Product Slider Custom Styles
  #Content Creator
  #FancyBox
  #Plyr
  #Model Viewer
  #Product Media Custom Styles
  #Currency / language switcher
  #Layout
  #Font-Face
  #Custom Styles */

/* #Variables
================================================== */
$site-max-width: 1200px;
$site-width: 95%;

$gutter: 20px;
$half-gutter: $gutter / 2;

// Responsiveness

$grid-small: 480px;
$grid-medium: 798px;
$grid-large: 1024px;
$grid-widescreen: 1400px;

$small: 'small';
$small-down: 'small-down';
$small-up: 'small-up';
$medium: 'medium';
$medium-down: 'medium-down';
$medium-up: 'medium-up';
$large: 'large';
$large-down: 'large-down';
$large-up: 'large-up';
$widescreen-up: 'widescreen-up';
$widescreen-down: 'widescreen-down';

// The `$breakpoints` list is used to build our media queries.
// You can use these in the media-query mixin.
$breakpoints: (
  $small-down '(max-width: #{$grid-small})',
  $small '(min-width: #{$grid-small + 1}) and (max-width: #{$grid-medium})',
  $small-up '(min-width: #{$grid-small + 1})',
  $medium-down '(max-width: #{$grid-medium})',
  $medium '(min-width: #{$grid-medium + 1}) and (max-width: #{$grid-large})',
  $medium-up '(min-width: #{$grid-medium + 1})',
  $large-down '(max-width: #{$grid-large})',
  $large '(min-width: #{$grid-large + 1}) and (max-width: #{$grid-widescreen})',
  $large-up '(min-width: #{$grid-large + 1})',
  $widescreen-down '(max-width: #{$grid-widescreen})',
  $widescreen-up '(min-width: #{$grid-widescreen + 1})'
);

/* #Mixins
================================================== */

  // Media query mixin

  @mixin respond-to($media-query) {
    $breakpoint-found: false;

    @each $breakpoint in $breakpoints {
      $name: nth($breakpoint, 1);
      $declaration: nth($breakpoint, 2);

      @if $media-query == $name and $declaration {
        $breakpoint-found: true;

        @media only screen and #{$declaration} {
          @content;
        }
      }
    }

    @if $breakpoint-found == false {
      @warn 'Breakpoint "#{$media-query}" does not exist';
    }
  }

  // Responsive Show/Hide Helper

  @mixin responsive-display-helper($breakpoint: '') {
    .#{$breakpoint}show {
      display: block !important;
    }

    .#{$breakpoint}hide {
      display: none !important;
    }
  }

  // Responsive Text Alignment Helper
  @mixin responsive-text-align-helper($breakpoint: '') {
    .#{$breakpoint}text-left {
      text-align: left !important;
    }

    .#{$breakpoint}text-right {
      text-align: right !important;
    }

    .#{$breakpoint}text-center {
      text-align: center !important;
    }
  }

  $font-size-header: ;

  @mixin background-opacity($color, $opacity: 0.5) {
    background: $color;
    background: rgba($color, $opacity);
  }

  @mixin prefix($property, $value, $prefixes) {
    @each $prefix in $prefixes {
      @if $prefix == webkit {
        -webkit-#{$property}: $value;
      } @else if $prefix == moz {
        -moz-#{$property}: $value;
      } @else if $prefix == ms {
        -ms-#{$property}: $value;
      } @else if $prefix == o {
        -o-#{$property}: $value;
      } @else if $prefix == spec {
        #{$property}: $value;
      } @else  {
        @warn 'Unrecognized prefix: #{$prefix}';
      }
    }
  }

  @mixin headline-style($font-size: $font-size-header) {
    font-family: , ;
    font-size: $font-size * 1px;
    font-weight: ;
    text-transform: ;
    line-height: 1.5;
    color: ;
    display: block;
    letter-spacing: px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    @include respond-to($medium-down) {
      font-size: floor($font-size * 0.8) * 1px;
    }
  }

  //Flexbox
  // Flexbox display
  @mixin flexbox() {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }

  // Inline flexbox display
  @mixin inline-flexbox() {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  // The 'flex' shorthand
  // - applies to: flex items
  // <positive-number>, initial, auto, or none
  @mixin flex($values) {
    -webkit-box-flex: $values;
      -moz-box-flex: $values;
        -webkit-flex: $values;
        -ms-flex: $values;
            flex: $values;
  }

  // Flex Flow Direction
  // - applies to: flex containers
  // row | row-reverse | column | column-reverse
  @mixin flex-direction($direction) {
    -webkit-flex-direction: $direction;
      -moz-flex-direction: $direction;
        -ms-flex-direction: $direction;
            flex-direction: $direction;
  }

  // Flex Line Wrapping
  // - applies to: flex containers
  // nowrap | wrap | wrap-reverse
  @mixin flex-wrap($wrap) {
    -webkit-flex-wrap: $wrap;
      -moz-flex-wrap: $wrap;
        -ms-flex-wrap: $wrap;
            flex-wrap: $wrap;
  }

  // Flex Direction and Wrap
  // - applies to: flex containers
  // <flex-direction> || <flex-wrap>
  @mixin flex-flow($flow) {
    -webkit-flex-flow: $flow;
      -moz-flex-flow: $flow;
        -ms-flex-flow: $flow;
            flex-flow: $flow;
  }

  // Display Order
  // - applies to: flex items
  // <integer>
  @mixin order($val) {
    -webkit-box-ordinal-group: $val;
      -moz-box-ordinal-group: $val;
        -ms-flex-order: $val;
            -webkit-order: $val;
              order: $val;
  }

  // Flex grow factor
  // - applies to: flex items
  // <number>
  @mixin flex-grow($grow) {
    -webkit-flex-grow: $grow;
      -moz-flex-grow: $grow;
        -ms-flex-grow: $grow;
            flex-grow: $grow;
  }

  // Flex shrink
  // - applies to: flex item shrink factor
  // <number>
  @mixin flex-shrink($shrink) {
    -webkit-flex-shrink: $shrink;
      -moz-flex-shrink: $shrink;
        -ms-flex-shrink: $shrink;
            flex-shrink: $shrink;
  }

  // Flex basis
  // - the initial main size of the flex item
  // - applies to: flex itemsnitial main size of the flex item
  // <width>
  @mixin flex-basis($width) {
    -webkit-flex-basis: $width;
      -moz-flex-basis: $width;
        -ms-flex-basis: $width;
            flex-basis: $width;
  }

  // Axis Alignment
  // - applies to: flex containers
  // flex-start | flex-end | center | space-between | space-around
  @mixin justify-content($justify) {
    -webkit-justify-content: $justify;
      -moz-justify-content: $justify;
        -ms-justify-content: $justify;
            justify-content: $justify;
              -ms-flex-pack: $justify;
  }

  // Packing Flex Lines
  // - applies to: multi-line flex containers
  // flex-start | flex-end | center | space-between | space-around | stretch
  @mixin align-content($align) {
    -webkit-align-content: $align;
      -moz-align-content: $align;
        -ms-align-content: $align;
            align-content: $align;
  }

  // Cross-axis Alignment
  // - applies to: flex containers
  // flex-start | flex-end | center | baseline | stretch
  @mixin align-items($align) {
    -webkit-align-items: $align;
      -moz-align-items: $align;
        -ms-align-items: $align;
            align-items: $align;
  }

  // Cross-axis Alignment
  // - applies to: flex items
  // auto | flex-start | flex-end | center | baseline | stretch
  @mixin align-self($align) {
    -webkit-align-self: $align;
      -moz-align-self: $align;
        -ms-align-self: $align;
            align-self: $align;
  }

  /*
    This mixin can be used to set the object-fit:
    @include object-fit(contain);
     or object-fit and object-position:
    @include object-fit(cover, top);
  */
  @mixin object-fit($fit: fill, $position: null){
    -o-object-fit: $fit;
       object-fit: $fit;
    @if $position {
      -o-object-position: $position;
         object-position: $position;
      font-family: 'object-fit: #{$fit}; object-position: #{$position}';
    } @else {
      font-family: 'object-fit: #{$fit}';
    }
  }

  /*
    This mixin can be used to prevent word overflow:
    @include word-wrap();
  */
  @mixin word-wrap() {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }

/* #Helper Classes
================================================== */

// Flexbox

.is-flex {
  @include flexbox();
}

.is-inline-flex {
  @include inline-flexbox();
}

.is-align-start,
.is-align-left {
  @include align-items(flex-start);
}

.is-align-end,
.is-align-right {
  @include align-items(flex-end);
}

.is-align-self-end,
.is-align-self-right {
  @include align-self(flex-end);
}

.is-align-baseline {
  @include align-items(baseline);
}

.is-align-center {
  @include align-items(center);
}

.is-align-stretch {
  @include align-items(stretch);
}

.is-justify-start,
.is-justify-left {
  @include justify-content(flex-start);
}

.is-justify-end,
.is-justify-right {
  @include justify-content(flex-end);
}

.is-justify-center {
  @include justify-content(center);
}

.is-justify-space-around {
  @include justify-content(space-around);
}

.is-justify-space-between {
  @include justify-content(space-between);
}

.is-flex-nowrap {
  @include flex-wrap(nowrap);
}

.is-flex-wrap {
  @include flex-wrap(wrap);
}

.is-flex-wrap-reverse {
  @include flex-wrap(wrap-reverse);
}

.is-flex-row {
  @include flex-direction(row);
}

.is-flex-row-reverse {
  @include flex-direction(row-reverse);
}

.is-flex-column {
  @include flex-direction(column);
}

.is-flex-column-reverse {
  @include flex-direction(column-reverse);
}

// Flex position order

.is-order-aligned-left {
  @include order(-1);

  @include respond-to($small-down) {
    @include order(inherit);
  }
}

.is-order-aligned-right {
  @include order(1);

  @include respond-to($small-down) {
    @include order(inherit);
  }
}

@include respond-to($medium-down) {
  .is-hidden-offset-mobile-only {
    left: 0 !important;
  }
}

// Padding helpers

$gutter: 20px;

.has-padding-top {
  padding-top: $gutter;
}

.has-padding-bottom {
  padding-bottom: $gutter;
}

.has-padding-left {
  padding-left: $gutter;
}

.has-padding-right {
  padding-right: $gutter;
}

.has-padding {
  padding: $gutter;
}

// Text alignment

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

.text-align-left,
.text-align-start {
  text-align: left;

  h1,h2,h3,
  h1.title,
  h2.title,
  h3.title {
    text-align: left;
  }
}

.text-align-right,
.text-align-end {
  text-align: right;

  h1,h2,h3,
  h1.title,
  h2.title,
  h3.title {
    text-align: right;
  }
}

/* #Grid/Layout
================================================== */

.index {
  @include flexbox();
  @include flex-wrap(wrap);
}

// Home page sections are set to flex so that half sizes may sit side-by-side
.index-sections,
.page-blocks {
  @include flexbox();
  @include flex-wrap(wrap);
  @include justify-content(center);
  width: 100%;
}

// Controls the width and spacing of each section - the class ".shopify-section" is generated by Shopify and applied to each element (along with unique ID) - uses CSS variables which are set in liquid files
.shopify-section {
  width: 100%;
  @include respond-to($medium-down) {
    width: 100% !important;
    padding-left: 0 !important; // Ignores padding set on larger screen sizes
    padding-right: 0 !important; // Ignores padding set on larger screen sizes
  }
}

// Handles the background color and margins depending on what width has been chosen
.section {
  max-width: $site-max-width;
  width: $site-width;
  margin-left: auto;
  margin-right: auto;

  &.is-width-wide {
    width: 100%;
    max-width: none;
  }
}

// Parent container for column elements - uses flexbox, so this container can be made smaller and the columns will shrink in relation

.container {
  position: relative;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;

  @include flexbox();
  @include flex-wrap(wrap);

  .column,
  .columns {
    margin-left: calc(#{$gutter} / 2);
    margin-right: calc(#{$gutter} / 2);
  }
}

// Applies flex styling for columns created using Content Creator
.row {
  @include flexbox();
  @include flex-wrap(wrap);
  margin-bottom: $gutter;

  .column,
  .columns {
    @include respond-to($medium-down) {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
    }
  }
}

[class*="offset-by"] {
  position: relative;
}

@mixin container-column-generator($breakpoint: '') {

    .#{$breakpoint}hidden {
      display: none !important;
    }

    .#{$breakpoint}visible {
      display: block !important;
    }

    // Base Grid
    .#{$breakpoint}one                     { width: calc(#{percentage(1 / 16)} - #{$gutter});}
    .#{$breakpoint}two                     { width: calc(#{percentage(2 / 16)} - #{$gutter});}
    .#{$breakpoint}three                   { width: calc(#{percentage(3 / 16)} - #{$gutter});}
    .#{$breakpoint}four                    { width: calc(#{percentage(4 / 16)} - #{$gutter});}
    .#{$breakpoint}five                    { width: calc(#{percentage(5 / 16)} - #{$gutter});}
    .#{$breakpoint}six                     { width: calc(#{percentage(6 / 16)} - #{$gutter});}
    .#{$breakpoint}seven                   { width: calc(#{percentage(7 / 16)} - #{$gutter});}
    .#{$breakpoint}eight                   { width: calc(#{percentage(8 / 16)} - #{$gutter});}
    .#{$breakpoint}nine                    { width: calc(#{percentage(9 / 16)} - #{$gutter});}
    .#{$breakpoint}ten                     { width: calc(#{percentage(10 / 16)} - #{$gutter});}
    .#{$breakpoint}eleven                  { width: calc(#{percentage(11 / 16)} - #{$gutter});}
    .#{$breakpoint}twelve                  { width: calc(#{percentage(12 / 16)} - #{$gutter});}
    .#{$breakpoint}thirteen                { width: calc(#{percentage(13 / 16)} - #{$gutter});}
    .#{$breakpoint}fourteen                { width: calc(#{percentage(14 / 16)} - #{$gutter});}
    .#{$breakpoint}fifteen                 { width: calc(#{percentage(15 / 16)} - #{$gutter});}
    .#{$breakpoint}sixteen                 { width: calc(#{percentage(16 / 16)} - #{$gutter});}

    // Whole
    .#{$breakpoint}one-whole {
      width: calc(100% - #{$gutter});
    }

    // Halves
    .#{$breakpoint}one-half { width: calc(#{percentage(1 / 2)} - #{$gutter}); }

    // Thirds
    .#{$breakpoint}one-third { width: calc(#{percentage(1 / 3)} - #{$gutter}); }
    .#{$breakpoint}two-thirds { width: calc(#{percentage(2 / 3)} - #{$gutter}); }

    // Fourths
    .#{$breakpoint}one-fourth { width: calc(#{percentage(1 / 4)} - #{$gutter}); }
    .#{$breakpoint}two-fourths { width: calc(#{percentage(2 / 4)} - #{$gutter}); }
    .#{$breakpoint}three-fourths { width: calc(#{percentage(3 / 4)} - #{$gutter}); }

    // Fifths
    .#{$breakpoint}one-fifth { width: calc(#{percentage(1 / 5)} - #{$gutter}); }
    .#{$breakpoint}two-fifths { width: calc(#{percentage(2 / 5)} - #{$gutter}); }
    .#{$breakpoint}three-fifths { width: calc(#{percentage(3 / 5)} - #{$gutter}); }
    .#{$breakpoint}four-fifths { width: calc(#{percentage(4 / 5)} - #{$gutter}); }

    // Sixths
    .#{$breakpoint}one-sixth { width: calc(#{percentage(1 / 6)} - #{$gutter}); }
    .#{$breakpoint}two-sixths { width: calc(#{percentage(2 / 6)} - #{$gutter}); }
    .#{$breakpoint}three-sixths { width: calc(#{percentage(3 / 6)} - #{$gutter}); }
    .#{$breakpoint}four-sixths { width: calc(#{percentage(4 / 6)} - #{$gutter}); }
    .#{$breakpoint}five-sixths { width: calc(#{percentage(5 / 6)} - #{$gutter}); }

    // Sevenths
    .#{$breakpoint}one-seventh { width: calc(#{percentage(1 / 7)} - #{$gutter}); }
    .#{$breakpoint}two-sevenths { width: calc(#{percentage(2 / 7)} - #{$gutter}); }
    .#{$breakpoint}three-sevenths { width: calc(#{percentage(3 / 7)} - #{$gutter}); }
    .#{$breakpoint}four-sevenths { width: calc(#{percentage(4 / 7)} - #{$gutter}); }
    .#{$breakpoint}five-sevenths { width: calc(#{percentage(5 / 7)} - #{$gutter}); }

    // Eighths
    .#{$breakpoint}one-eighth { width: calc(#{percentage(1 / 8)} - #{$gutter}); }
    .#{$breakpoint}two-eighths { width: calc(#{percentage(2 / 8)} - #{$gutter}); }
    .#{$breakpoint}three-eighths { width: calc(#{percentage(3 / 8)} - #{$gutter}); }
    .#{$breakpoint}four-eighths { width: calc(#{percentage(4 / 8)} - #{$gutter}); }
    .#{$breakpoint}five-eighths { width: calc(#{percentage(5 / 8)} - #{$gutter}); }
    .#{$breakpoint}six-eighths { width: calc(#{percentage(6 / 8)} - #{$gutter}); }
    .#{$breakpoint}seven-eighths { width: calc(#{percentage(7 / 8)} - #{$gutter}); }

    // Tenths
    .#{$breakpoint}one-tenth { width: calc(#{percentage(1 / 10)} - #{$gutter}); }
    .#{$breakpoint}two-tenths { width: calc(#{percentage(2 / 10)} - #{$gutter}); }
    .#{$breakpoint}three-tenths { width: calc(#{percentage(3 / 10)} - #{$gutter}); }
    .#{$breakpoint}four-tenths { width: calc(#{percentage(4 / 10)} - #{$gutter}); }
    .#{$breakpoint}five-tenths { width: calc(#{percentage(5 / 10)} - #{$gutter}); }
    .#{$breakpoint}six-tenths { width: calc(#{percentage(6 / 10)} - #{$gutter}); }
    .#{$breakpoint}seven-tenths { width: calc(#{percentage(7 / 10)} - #{$gutter}); }
    .#{$breakpoint}eight-tenths { width: calc(#{percentage(8 / 10)} - #{$gutter}); }
    .#{$breakpoint}nine-tenths { width: calc(#{percentage(9 / 10)} - #{$gutter}); }

    // Twelfths
    .#{$breakpoint}one-twelfth { width: calc(#{percentage(1 / 12)} - #{$gutter}); }
    .#{$breakpoint}two-twelfths { width: calc(#{percentage(2 / 12)} - #{$gutter}); }
    .#{$breakpoint}three-twelfths { width: calc(#{percentage(3 / 12)} - #{$gutter}); }
    .#{$breakpoint}four-twelfths { width: calc(#{percentage(4 / 12)} - #{$gutter}); }
    .#{$breakpoint}five-twelfths { width: calc(#{percentage(5 / 12)} - #{$gutter}); }
    .#{$breakpoint}six-twelfths { width: calc(#{percentage(6 / 12)} - #{$gutter}); }
    .#{$breakpoint}seven-twelfths { width: calc(#{percentage(7 / 12)} - #{$gutter}); }
    .#{$breakpoint}eight-twelfths { width: calc(#{percentage(8 / 12)} - #{$gutter}); }
    .#{$breakpoint}nine-twelfths { width: calc(#{percentage(9 / 12)} - #{$gutter}); }
    .#{$breakpoint}ten-twelfths { width: calc(#{percentage(10 / 12)} - #{$gutter}); }
    .#{$breakpoint}eleven-twelfths { width: calc(#{percentage(11 / 12)} - #{$gutter}); }

    // Offsets
    .#{$breakpoint}offset-by-one                   { left: calc(#{percentage(1 / 16)});}
    .#{$breakpoint}offset-by-two                   { left: calc(#{percentage(2 / 16)});}
    .#{$breakpoint}offset-by-three                 { left: calc(#{percentage(3 / 16)});}
    .#{$breakpoint}offset-by-four                  { left: calc(#{percentage(4 / 16)});}
    .#{$breakpoint}offset-by-five                  { left: calc(#{percentage(5 / 16)});}
    .#{$breakpoint}offset-by-six                   { left: calc(#{percentage(6 / 16)});}
    .#{$breakpoint}offset-by-seven                 { left: calc(#{percentage(7 / 16)});}
    .#{$breakpoint}offset-by-eight                 { left: calc(#{percentage(8 / 16)});}
    .#{$breakpoint}offset-by-nine                  { left: calc(#{percentage(9 / 16)});}
    .#{$breakpoint}offset-by-ten                   { left: calc(#{percentage(10 / 16)});}
    .#{$breakpoint}offset-by-eleven                { left: calc(#{percentage(11 / 16)});}
    .#{$breakpoint}offset-by-twelve                { left: calc(#{percentage(12 / 16)});}
    .#{$breakpoint}offset-by-thirteen              { left: calc(#{percentage(13 / 16)});}
    .#{$breakpoint}offset-by-fourteen              { left: calc(#{percentage(14 / 16)});}
    .#{$breakpoint}offset-by-fifteen               { left: calc(#{percentage(15 / 16)});}

    // Remove gutter on first and last column (must be consistent size)

    .equal-columns--outside-trim {
      .#{$breakpoint}one-half:nth-of-type(2n),
      .#{$breakpoint}eight:nth-of-type(2n),
      .#{$breakpoint}one-third:nth-of-type(3n),
      .#{$breakpoint}one-fourth:nth-of-type(4n),
      .#{$breakpoint}four:nth-of-type(4n),
      .#{$breakpoint}one-fifth:nth-of-type(5n),
      .#{$breakpoint}one-sixth:nth-of-type(6n),
      .#{$breakpoint}one-seventh:nth-of-type(7n),
      .#{$breakpoint}two:nth-of-type(8n) {
        margin-right: 0;
      }
      .#{$breakpoint}one-half:nth-of-type(2n+1),
      .#{$breakpoint}eight:nth-of-type(2n+1),
      .#{$breakpoint}one-third:nth-of-type(3n+1),
      .#{$breakpoint}one-fourth:nth-of-type(4n+1),
      .#{$breakpoint}four:nth-of-type(4n+1),
      .#{$breakpoint}one-fifth:nth-of-type(5n+1),
      .#{$breakpoint}one-sixth:nth-of-type(6n+1),
      .#{$breakpoint}one-seventh:nth-of-type(7n+1),
      .#{$breakpoint}two:nth-of-type(8n+1) {
        margin-left: 0;
      }

      @if $breakpoint == 'large-down--' {
        @include respond-to('large-down') {

          // Reset previous margins
          .#{$breakpoint}one-half.#{$breakpoint}one-half,
          .#{$breakpoint}eight.#{$breakpoint}eight,
          .#{$breakpoint}one-third.#{$breakpoint}one-third,
          .#{$breakpoint}one-fourth.#{$breakpoint}one-fourth,
          .#{$breakpoint}four.#{$breakpoint}four,
          .#{$breakpoint}one-fifth.#{$breakpoint}one-fifth,
          .#{$breakpoint}one-sixth.#{$breakpoint}one-sixth,
          .#{$breakpoint}one-seventh.#{$breakpoint}one-seventh,
          .#{$breakpoint}two.#{$breakpoint}two {
            margin-right: #{$gutter};
            margin-left: #{$gutter};
          }
          //Set new margins on right
          .#{$breakpoint}one-half:nth-of-type(2n),
          .#{$breakpoint}eight:nth-of-type(2n),
          .#{$breakpoint}one-third:nth-of-type(3n),
          .#{$breakpoint}one-fourth:nth-of-type(4n),
          .#{$breakpoint}four:nth-of-type(4n),
          .#{$breakpoint}one-fifth:nth-of-type(5n),
          .#{$breakpoint}one-sixth:nth-of-type(6n),
          .#{$breakpoint}one-seventh:nth-of-type(7n),
          .#{$breakpoint}two:nth-of-type(8n) {
            margin-right: 0;
          }
          //Set new margins on left
          .#{$breakpoint}one-half:nth-of-type(2n+1),
          .#{$breakpoint}eight:nth-of-type(2n+1),
          .#{$breakpoint}one-third:nth-of-type(3n+1),
          .#{$breakpoint}one-fourth:nth-of-type(4n+1),
          .#{$breakpoint}four:nth-of-type(4n+1),
          .#{$breakpoint}one-fifth:nth-of-type(5n+1),
          .#{$breakpoint}one-sixth:nth-of-type(6n+1),
          .#{$breakpoint}one-seventh:nth-of-type(7n+1),
          .#{$breakpoint}two:nth-of-type(8n+1) {
            margin-left: 0;
          }
        }
      }

      @if $breakpoint == 'medium-down--' {
        @include respond-to('medium-down') {
          //Reset previous margins
          .#{$breakpoint}one-half.#{$breakpoint}one-half,
          .#{$breakpoint}eight.#{$breakpoint}eight,
          .#{$breakpoint}one-third.#{$breakpoint}one-third,
          .#{$breakpoint}one-fourth.#{$breakpoint}one-fourth,
          .#{$breakpoint}four.#{$breakpoint}four,
          .#{$breakpoint}one-fifth.#{$breakpoint}one-fifth,
          .#{$breakpoint}one-sixth.#{$breakpoint}one-sixth,
          .#{$breakpoint}one-seventh.#{$breakpoint}one-seventh,
          .#{$breakpoint}two.#{$breakpoint}two {
            margin-right: #{$gutter};
            margin-left: #{$gutter};
          }
          //Set new margins on right
          .#{$breakpoint}one-half:nth-of-type(2n),
          .#{$breakpoint}eight:nth-of-type(2n),
          .#{$breakpoint}one-third:nth-of-type(3n),
          .#{$breakpoint}one-fourth:nth-of-type(4n),
          .#{$breakpoint}four:nth-of-type(4n),
          .#{$breakpoint}one-fifth:nth-of-type(5n),
          .#{$breakpoint}one-sixth:nth-of-type(6n),
          .#{$breakpoint}one-seventh:nth-of-type(7n),
          .#{$breakpoint}two:nth-of-type(8n) {
            margin-right: 0;
          }
          //Set new margins on left
          .#{$breakpoint}one-half:nth-of-type(2n+1),
          .#{$breakpoint}eight:nth-of-type(2n+1),
          .#{$breakpoint}one-third:nth-of-type(3n+1),
          .#{$breakpoint}one-fourth:nth-of-type(4n+1),
          .#{$breakpoint}four:nth-of-type(4n+1),
          .#{$breakpoint}one-fifth:nth-of-type(5n+1),
          .#{$breakpoint}one-sixth:nth-of-type(6n+1),
          .#{$breakpoint}one-seventh:nth-of-type(7n+1),
          .#{$breakpoint}two:nth-of-type(8n+1) {
            margin-left: 0;
          }
        }
      }

      @if $breakpoint == 'small-down--' {
        @include respond-to('small-down') {
          //Reset previous margins
          .#{$breakpoint}one-half.#{$breakpoint}one-half,
          .#{$breakpoint}eight.#{$breakpoint}eight,
          .#{$breakpoint}one-third.#{$breakpoint}one-third,
          .#{$breakpoint}one-fourth.#{$breakpoint}one-fourth,
          .#{$breakpoint}four.#{$breakpoint}four,
          .#{$breakpoint}one-fifth.#{$breakpoint}one-fifth,
          .#{$breakpoint}one-sixth.#{$breakpoint}one-sixth,
          .#{$breakpoint}one-seventh.#{$breakpoint}one-seventh,
          .#{$breakpoint}two.#{$breakpoint}two {
            margin-right: #{$gutter};
            margin-left: #{$gutter};
          }
          //Set new margins on right
          .#{$breakpoint}one-half:nth-of-type(2n),
          .#{$breakpoint}eight:nth-of-type(2n),
          .#{$breakpoint}one-third:nth-of-type(3n),
          .#{$breakpoint}one-fourth:nth-of-type(4n),
          .#{$breakpoint}four:nth-of-type(4n),
          .#{$breakpoint}one-fifth:nth-of-type(5n),
          .#{$breakpoint}one-sixth:nth-of-type(6n),
          .#{$breakpoint}one-seventh:nth-of-type(7n),
          .#{$breakpoint}two:nth-of-type(8n) {
            margin-right: 0;
          }
          //Set new margins on left
          .#{$breakpoint}one-half:nth-of-type(2n+1),
          .#{$breakpoint}eight:nth-of-type(2n+1),
          .#{$breakpoint}one-third:nth-of-type(3n+1),
          .#{$breakpoint}one-fourth:nth-of-type(4n+1),
          .#{$breakpoint}four:nth-of-type(4n+1),
          .#{$breakpoint}one-fifth:nth-of-type(5n+1),
          .#{$breakpoint}one-sixth:nth-of-type(6n+1),
          .#{$breakpoint}one-seventh:nth-of-type(7n+1),
          .#{$breakpoint}two:nth-of-type(8n+1) {
            margin-left: 0;
          }
        }
      }

      .#{$breakpoint}one-whole:nth-of-type(1n+1) {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
      }

      .#{$breakpoint}one-half { width: calc(#{percentage(1 / 2)} - (#{$gutter} - (#{$gutter} / 2)));}
      .#{$breakpoint}one-third { width: calc(#{percentage(1 / 3)} - (#{$gutter} - (#{$gutter} / 3)));}
      .#{$breakpoint}one-fifth { width: calc(#{percentage(1 / 5)} - (#{$gutter} - (#{$gutter} / 5)));}
      .#{$breakpoint}one-fourth { width: calc(#{percentage(1 / 4)} - (#{$gutter} - (#{$gutter} / 4)));}
      .#{$breakpoint}one-sixth { width: calc(#{percentage(1 / 6)} - (#{$gutter} - (#{$gutter} / 6)));}
      .#{$breakpoint}one-seventh { width: calc(#{percentage(1 / 7)} - (#{$gutter} - (#{$gutter} / 7)));}

      .#{$breakpoint}two { width: calc(#{percentage(2 / 16)} - (#{$gutter} - (#{$gutter} / 8)));}
      .#{$breakpoint}four { width: calc(#{percentage(4 / 16)} - (#{$gutter} - (#{$gutter} / 4)));}
      .#{$breakpoint}seven { width: calc(#{percentage(7 / 16)} - (#{$gutter} - (#{$gutter} / 2)));}
      .#{$breakpoint}eight { width: calc(#{percentage(8 / 16)} - (#{$gutter} / 2));}
      .#{$breakpoint}nine { width: calc(#{percentage(9 / 16)} - (#{$gutter} - (#{$gutter} / 2)));}
    }

    // Remove side gutter on all columns

    .has-no-side-gutter {

      &.has-background {
        padding-right: 0px;
        padding-left: 0px;
      }

      .#{$breakpoint}one-whole,
      .#{$breakpoint}one-half,
      .#{$breakpoint}eight,
      .#{$breakpoint}one-third,
      .#{$breakpoint}two-thirds,
      .#{$breakpoint}one-fourth,
      .#{$breakpoint}four,
      .#{$breakpoint}one-fifth,
      .#{$breakpoint}three-fifths,
      .#{$breakpoint}two-fifths,
      .#{$breakpoint}one-sixth,
      .#{$breakpoint}one-seventh,
      .#{$breakpoint}one-eighth,
      .#{$breakpoint}two {
        margin-right: 0;
        margin-left: 0;
      }

      .#{$breakpoint}one-whole { width: 100%;}
      .#{$breakpoint}one-half { width: percentage(1 / 2);}
      .#{$breakpoint}one-third { width: percentage(1 / 3);}
      .#{$breakpoint}one-fourth { width: percentage(1 / 4);}
      .#{$breakpoint}one-fifth { width: percentage(1 / 5);}
      .#{$breakpoint}two-fifths { width: percentage(2 / 5);}
      .#{$breakpoint}three-fifths { width: percentage(3 / 5);}
      .#{$breakpoint}one-sixth { width: percentage(1 / 6);}
      .#{$breakpoint}one-seventh { width: percentage(1 / 7);}
      .#{$breakpoint}one-eighth { width: percentage(1 / 8);}
      .#{$breakpoint}two-thirds { width: percentage(2 / 3);}

      .#{$breakpoint}two { width: percentage(2 / 16);}
      .#{$breakpoint}four { width: percentage(4 / 16);}
      .#{$breakpoint}seven { width: percentage(7 / 16);}
      .#{$breakpoint}eight { width: percentage(8 / 16);}
      .#{$breakpoint}nine { width: percentage(9 / 16);}
    }
}

/*================ Build Base Grid Classes ================*/
@include container-column-generator();
@include responsive-display-helper();
@include responsive-text-align-helper();

/*============================================================================
  Generate breakpoint-specific column widths and push classes
    - Default column widths: $breakpoint-has-widths: ($small, $medium-up);
    - Default is no push classes
    - Will not work if `styles/global/grid.scss` is removed
==============================================================================*/
$breakpoint-has-widths: ($large-down, $medium-down, $small-down);
$breakpoint-has-push: ();

/*================ Build Responsive Grid Classes ================*/
@each $breakpoint in $breakpoint-has-widths {
  @include respond-to($breakpoint) {
    @include container-column-generator('#{$breakpoint}--');
    @include responsive-display-helper('#{$breakpoint}--');
    @include responsive-text-align-helper('#{$breakpoint}--');
  }
}

/*================ Build Grid Push Classes ================*/
@each $breakpoint in $breakpoint-has-push {
  @include respond-to($breakpoint) {
    @include grid-push-generator('#{$breakpoint}--');
  }
}

/* #Reset & Basics
================================================== */
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block; }
body {
    line-height: 1; }
ol, ul {
    list-style: none; }
blockquote, q {
    quotes: none; }
blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none; }
table {
    border-collapse: collapse;
    border-spacing: 0; }

/* #Fonts
================================================== */

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

/* #Basic Styles
================================================== */
body {
  background-color: ;
  
  font-family: , ;
  font-weight: ;
  font-size: px;
  text-transform: ;
  color: ;
  line-height: 1.8em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;

  &.is-active {
    overflow-y: hidden;
  }
}

::-moz-selection {
  background-color: #000;
  color: #fff;
}

::selection {
  background: #FFF7B6;
  color: black;
}

abbr {
  border-bottom: 1px dotted ;
}

/* #Typography
================================================== */
  .logo {
    font-family: , ;
    font-weight: ;
    font-size: px;
    text-transform: ;
    color: ;
    
  }

  .feature_image .logo a,
  .feature_image .logo a:hover,
  .feature_image .logo a:visited,
  .feature_image .logo a:active {
    color: ;
  }

  .logo a,
  .logo a:hover,
  .logo a:visited,
  .logo a:active,
  .feature_image .header_bar .logo a,
  .header_bar .logo a,
  .header_bar .logo a:hover,
  .header_bar .logo a:visited,
  .header_bar .logo a:active {
    color: ;
  }

  .mobile_logo {
    display: none;
    text-align: center;

    .logo a {
      margin: 20px auto 0;
      @include respond-to($medium-down) {
        padding: 0;
      }
    }

    @include respond-to($medium-down) {
      display: block;
      padding-bottom: 0;
    }
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .collection_title,
  .title a,
  .title a:visited,
  .section-header a,
  .section-header a:visited,
  .headline,
  .subtitle {
    @include headline-style($font-size-header);
  }

  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a,
  .collection_title { font-weight: inherit; }

  h1 a,
  h1 a:visited,
  .collection_title a,
  .collection_title a:visited { color:  }

  h1 a:hover,
  h1 a:active,
  .collection_title a:hover,
  .collection_title a:active { color:  }

  h1,
  .h1,
  h1.home,
  h2.title,
  h2.title a,
  .collection_title {
    font-size: px;
    line-height: 1.5em;
    margin: 0 auto 15px;
    clear:both;
    font-weight: ;
    padding-top: 4px;
  }

  h1.article_name { margin-bottom: 0; }

  h2,
  .h2 {
    @include headline-style(floor($font-size-header*0.9));
    margin-bottom: 1em;
    line-height: 1.5em
  }

  h2.article_title { margin: 0; font-size: 22px; }

  h2.article_title a { color: ; }

  h3,
  .h3,
  h1.blog_title {
    @include headline-style(floor($font-size-header*0.8));
    line-height: 35px;
    margin: 0 auto 15px 0;
    text-align: left;
  }

  h1.collection_title,
  div.collection_title {
    margin-bottom: 0;
    line-height: px;
    display: inline;
  }

  h4,
  .h4,
  h4.title a,
  h6.title {
    @include headline-style(floor($font-size-header*0.7));
    line-height: 1.5;
    margin: 0 0 1em 0;
    padding: 7px 0;
    color: ;
    
  }

  h4.title a {
    border: 0;
    padding: 0;
    margin: 0;
    @include headline-style($font-size-header);
  }

  h5,
  .h5 {
    font-size: 16px;
    padding-bottom: 1em;
  }

  h5.sub_title { padding-bottom: 0; }

  h6,
  .h6,
  h6.title {
    font-size: 14px;
    padding: 5px 0;
  }

  .sub-footer h6.title { color: ; }

  .headline { font-size: 26px; }

  .subheader { color: #777; }

  p {
    margin: 0 0 15px;
    font-style: normal;
    line-height: 1.8em;
  }

  p img { margin: 0; }

  sub { font-size: 60% }

  em,
  i { font-style: italic; }

  strong,
  b { font-weight: bold; }

  small { font-size: 90%; }

  .feature img {
    position: relative;
    top: 7px;
    margin-right: 5px;
    width: 25px;
    height: 25px;
  }

  .feature p { font-size: smaller }

  /* #Promo Banner - Announcement Bar
================================================== */
  .promo_banner--true .promo_banner  {
    display: none;
  }

  // When setting is set to show announcement bar, set style to display block
  .promo_banner--true .show-promo--true {
    display: block;
  }

  .header .promo_banner,
  .promo_banner,
  .promo_banner_mobile {
    padding: 2px 0;
    position: relative;
    p {
      text-align: center;
      font-size: 12px;
      font-family: , ;
      text-transform: ;
      display: block;
      letter-spacing: px;
      text-rendering: optimizeLegibility;
      margin-bottom: 0;
      &:visited {
        text-decoration: none;
        outline: 0;
        transition: color .1s linear;
      }
    }
    .icon-close {
      position: absolute;
      top: 50%;
      right: 0;
      margin-right: 8px;
      line-height: 1;
      transform: translateY(-50%);
      font-size: 12px;
      z-index: 1001;
      cursor: pointer;
      background: transparent;
      padding: 0;
      min-height: auto;
    }
  }

  .promo_banner_mobile p {
    font-weight: normal;
  }

  .promo_banner,
  .promo_banner_mobile {
    display: none;
  }

  //Hides mobile banner by default
  .promo_banner--true .promo_banner_mobile {
    display: none;

    @include respond-to($medium-down) {
      position: absolute;
      top: 40px;
      width: 100%;
      display: block;
      z-index: 1000;
    }
  }

  .excerpt {
    line-height: 1.8em;
    position: relative;
    max-height: 9em; /* exactly five lines */
    margin-bottom: 7px;
    overflow: hidden;
  }

  .excerpt-length--lg .truncation-fade {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0; padding: 30px 0;
    background-image: linear-gradient(to bottom, , );
  }

  .excerpt-length--sm .truncation-fade {
    display: none;
  }

  /*  Blockquotes  */
  blockquote,
  blockquote p {
    font-size: 17px;
    line-height: 24px;
    font-style: italic;
  }

  blockquote {
    margin: 0 0 20px;
    padding: 9px 20px 0 19px;
    border-left: 1px solid ;
  }

  blockquote cite {
    display: block;
    font-size: 12px;
    color: #555;
  }

  blockquote cite:before { content: "\2014 \0020"; }

  blockquote cite a,
  blockquote cite a:visited,
  blockquote cite a:visited { color: #555; }

  hr {
    border: solid ;
    border-width: 1px 0 0;
    clear: both;
    margin: 12px 0;
    height: 0;
  }

  .quote {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    margin: 0 0 20px 0;
    font-style: italic;
  }

  div.section.collection_description {
    margin: 0 0 1.5em 0;
  }

/* #Page and product detail templates
================================================== */

.page {
  /* Prevent word overflow on pages */
  @include word-wrap;
}

.product-details-section,
.page-details-section {
  > div > .container {
    padding: 0;
  }
  .title {
    margin-top: 0;
  }

  .article {
    padding-bottom: 0;
  }

  .container .featured_products {
    padding-top: 0;
  }
  .stretch img {
    width: 100%;
  }
  .page-quote {
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    padding: 7px 0px !important;
    text-transform: uppercase;
    border-bottom: 1px solid ;
    border-top: 1px solid ;
    p {
      margin: 0;
    }
  }
}

.rich_text__image {
  max-width: 200px;
  margin: 0 auto 20px;
}

/* #Search Template
================================================== */

.shopify-section--search-template {
  .product_row {
    width: 100%;

    .sub_title {
      margin: 10px 0;

      @include respond-to($medium-up) {
        margin: 0;
      }
    }

    @include respond-to($medium-up) {
      @include flexbox();
      @include align-items(center);
    }
  }

  form.search {
    @include flexbox();

    @include respond-to($medium) {
      @include flex-direction(column);
    }

    .action_button {
      margin-left: 20px;
      max-height: 40px;

      @include respond-to($medium) {
        margin-left: 0;
      }
    }
  }
}

// Predictive search

[data-autocomplete-true],
[data-autocomplete-false],
#autocomplete-search {
  position: relative;
}

.search__results-wrapper {
  display: none;
  position: absolute;
  z-index: 3;
  top: 100%;
  width: 100%;
  overflow-y: scroll;
  max-height: 50vh;
}

.search__results {
  background-color: white;
  margin-left: 0;
  padding-top: 12px;
  padding-bottom: 15px;
  list-style: none;

  @include respond-to($large-up) {
    @include flexbox();
    @include flex-wrap(wrap);
    padding: 16px 30px 50px 30px;
  }

  li {
    @include respond-to($large-up) {
      width: 50%;
      display: inline-block;
      margin-bottom: 0;
      text-align: left;

      &.all-results {
        width: 100%;
      }
    }
  }

  li a {
    @include flexbox();
    @include align-items(center);
    margin: 0 5px;
    padding: 10px 0;

    .thumbnail {
      max-width: 30%;
      margin: 0 16px 0 0;
    }

    .title {
      @include flexbox();
      @include align-items(flex-start);
      @include flex-direction(column);
      color: ;
    }

    .item-pricing {
      color: ;
    }
  }

  .all-results a {
    padding: 10px 0;

    @include respond-to($large-up) {
      padding: 0;
    }

    .icon-arrow-right {
      margin-left: 4px;
    }
  }
}

// Remove scroll when search popup is open
body.removeScroll {
  overflow: hidden;
}

// mobile search

.mobile-search {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999999;
  width: 100%;
  background: rgba(0,0,0,0.8);

  @include respond-to($large-up) {
    display: none !important; // Ensure it does not display on larger screens
  }

  .search__fields {
    position: relative;
  }

  form {
    background-color: white;
    margin: 0;
    padding: 10px 20px 0;
    position: relative;
    min-height: 70vh;
    max-width: 100%;
    width: calc(100% - 40px);
  }

  input#q {
    font-family: , ;
    font-weight: ;
    font-style: ;
    font-size: 16px;
    text-transform: ;
    padding-left: 40px;
    padding-right: 20px;
    border: 0;
    border-bottom: 1px solid ;
    border-radius: 0;
    text-transform: none;
    margin-bottom: 10px;

    &:focus,
    &:active {
      border-bottom: 1px solid ;
      box-shadow: none;
    }
  }

  .icon-search {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 1000;
    font-size: 20px;
    cursor: pointer;
  }

  .close-search {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    cursor: pointer;
  }

  .search__results-wrapper {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    position: relative;
  }

  .search__results {
    background-color: white;
    margin-top: 0;
    padding: 0;
  }

  .item-result:last-child {
    padding-bottom: 10px;
  }
}

// Blog search

.blog_search .search__results {
  padding: 10px 0;

  li {
    @include respond-to($large-up) {
      width: 100%;
    }
  }

  li a {
    @include flexbox();
  }
}

/* #Links
================================================== */
  a,
  a:visited {
    color: ;
    text-decoration: none; outline: 0;
    -webkit-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    -ms-transition: color .1s linear;
    transition: color .1s linear;
  }

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

  a:focus {
    outline: -webkit-focus-ring-color auto 5px;
  }

  a,
  button,
  input,
  select,
  textarea,
  label,
  summary {
    touch-action: manipulation;
  }

/* #Lists
================================================== */
  ul, ol { margin-bottom: 20px; }
  ul { list-style: circle outside; }
  ol { list-style: decimal; }
  ul, ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
  ul.square { list-style: square outside; }
  ul.circle { list-style: circle outside; }
  ul.disc { list-style: disc outside; }
  ul ul, ul ol,
  ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
  ul ul li, ul ol li,
  ol ol li, ol ul li { margin-bottom: 6px; }
  li { margin-bottom: 12px; }
  ul.large li { line-height: 21px; }
  ul.none { list-style: none outside; margin-left: 0;}
  ul.border {
    list-style: none outside;
    line-height: 26px;
  }
  ul.border li {
    border-bottom: 1px solid ;
    list-style: none outside none;
    padding: 12px 0;
    margin-bottom: 0;
  }

/* #Menu
================================================== */

.header {
  z-index: 1000;
  width: 100%;
  position: absolute;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease;
  transition-property: background, transform !important;
}

.header.behind-menu--false {
  @include background-opacity(, 1);
}

.header.behind-menu--true:not(.header_bar) {
  @include background-opacity(, 1);
}

.header--content-behind {
  position: absolute;
  z-index: 200;
  width: 100%;

  @include respond-to($medium-down) {
    position: static;
  }
}

.header_bar {
  border-bottom: solid 1px ;
  
  
    @include background-opacity(, 1);
  

  @include respond-to($medium-down) {
    border-bottom: 0;
  }
}

.header_bar a,
.header_bar a:visited {
  color: ;
  text-shadow: none !important;
}

.header .container {
  padding-bottom: 5px;
  padding-top: 5px;
}

/* Currency / language switcher in header */

.header-menu__disclosure {

  .disclosure__toggle {
    background-color: ;
    border: 1px solid ;
    color: ;
    line-height: inherit;
    transition: none;
    position: relative;
    min-height: 0;
    z-index: 1004;

    &.is-clicked {
      color:  !important; // Overwrite existing button color when open
      padding-bottom: 15px;
      border-bottom: none;
      margin-bottom: -8px;
    }

    &.is-clicked + .disclosure__list-wrap {
      display: block !important; // Overwrite existing dropdown styles
      top: calc(100% + 7px);
    }

    &.is-rounded + .disclosure__list-wrap {
      border-radius: 4px;
      border-top-left-radius: 0;

      &.disclosure--left {
        right: 3px;
        border-top-left-radius: 4px;
        border-top-right-radius: 0;
      }
    }
  }

  .disclosure__list-wrap {
    bottom: initial;
    position: absolute;
    top: 50%;
  }

  .disclosure-list {
    background-color: ;
    border: 1px solid ;
    padding: 0;
    width: auto !important;
    z-index: 1003;
    border-radius: 0px;
  }

  .disclosure-list__item {
    padding: 0 !important; // Override menu styling from dropdown links
  }

  button.disclosure__button {
    padding: 8px 15px !important; // Override menu styling from dropdown links

    &:hover,
    &[aria-current="true"] {
      color:  !important;
      opacity: 1;
    }
  }
}

#header {
  @include flexbox();
  @include justify-content(space-between);
  background: ;
  border-bottom: 1px solid ;
  color: ;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  height: 40px;
  z-index: 1000;
  width: 100%;
  top: 0;
  opacity: 0.95;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  @include respond-to($medium-up) {
    display: none;
  }
}

// Note that this is targeting the header on mobile only
#header > a {
  color: ;
  font-size: 32px;
  display: block;
  height: 40px;
  position: relative;
  top: 0;
  z-index: 1;
  left: 15px;
  font-size: 25px;
  &.mobile_logo_inside {
    margin-left: -30px;
  }
}

div#header a span {
  display: inline;
  position: relative;
  top: -2px;
}

#header a.right {
  left: auto;
  right: 15px;
  font-size: 20px;
}
#header a.icon-menu span {
  top: -4px;
}

/* Currency / language switcher on mobile */

.mobile-menu__disclosure {
  display: block;

  .disclosure-list__item {
    padding: 0;
  }

  button.disclosure__button {
    line-height: 20px;
    padding: 12px 10px 12px 20px;
    text-align: left;
    width: 100%;
    color: inherit;
  }
}

.mm-menu {

  &.mm-menu_theme-black .selectors-form {
    button.disclosure__button {
      color: rgba(255,255,255,0.6);
    }
  }

  &.mm-menu_theme-white .selectors-form {
    button.disclosure__button {
      color: rgba(0, 0, 0, 0.6);
    }
  }

  &.mm-menu_theme-dark .selectors-form {
    button.disclosure__button {
      color: rgba(255,255,255,0.6);
    }
  }
}

.nav {
  text-align:right;
}
.nav ul {
  display: block;
  border: none;
  padding: 0;
  margin: 0;
}
.nav ul li {
  display: inline-block;
  position: relative;
  line-height: 2px;
  margin: 0;
  border: 0;
}

.nav ul li a.top-link::after,
.nav ul li a.active::after{
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color:  !important;
  content: '';
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  transform: translateY(10px);
}
.feature_image .nav ul li a.active::after,
.feature_image .nav ul li a.top-link::after {
  background-color: ;
}
.feature_image .header_bar .nav ul li a.active::after,
.feature_image .header_bar .nav ul li a.top-link::after {
  background-color: ;
}
.nav ul li a.top-link:hover::after,
.nav ul li a.top-link:focus::after,
.nav ul li a.active::after {
  opacity: 0.8;
  @include prefix(transform, translateY(0px), ms webkit spec);
}
.nav ul li:hover a.dropdown-link::after {
  background-color: transparent !important;
}
.nav ul li a.dropdown-link {
  padding: 10px 6px 7px 6px;
  z-index: 1006;
  border: solid 1px transparent;
  border-bottom: 0;
}
li.sub-menu:hover a.dropdown-link{
  @include respond-to($medium-up) {
    z-index: 1008;
  }
}
li.sub-menu:hover .dropdown {
  @include respond-to($medium-up) {
    z-index: 1007;
  }
}

.nav ul li:hover a.dropdown-link,
.nav ul li:focus-within a.dropdown-link,
.feature_image .header .nav ul li:hover a.dropdown-link,
.feature_image .header .nav ul li:focus-within a.dropdown-link  {
  background-color: ;
  border: solid 1px ;
  border-bottom: none;
  color: ;
}

.nav a,
.nav a:visited,
.nav a:active,
.nav a.icon-cart span,
.search-close,
.feature_image div.header_bar .nav a,
.feature_image div.header_bar .nav a:visited {
  font-family: , ;
  font-weight: ;
  font-size: px;
  text-transform: ;
  color: ;
  position: relative;
  display:block;
  letter-spacing: px;
}

#header a span,
#header a.cart-button,
#header a.search-button {
  font-family: , ;
  font-weight: ;
  font-size: px;
  text-transform: ;
  color: ;
  position: relative;
  letter-spacing: px;
  padding-bottom: 8px;
}

.mobile-icons {
  padding-right: 10px;

  .search-button {
    padding-right: 15px;
  }
}

.feature_image .header .nav a,
.feature_image .header .nav a:visited {
  color: ;
  
}

.feature_image .header .nav a.icon-cart {
  color: ;
  text-shadow: none;
}

.feature_image .header .nav a:hover,
.feature_image .header .nav a:focus {
  color: ;
}

.nav a.icon-cart span {
  display: inline;
}

.nav ul.search_nav {
  margin-bottom: 5px;
}

.nav ul li a:hover,
nav ul li a:focus,
.nav a.icon-cart:hover span,
.search-close:hover {
  color:  !important;
}

.primary_logo,
.secondary_logo {
  display: none;
}

.secondary-logo--true {
  .primary_logo {
    display: none;
  }

  .secondary_logo {
    display: block;
  }

  @include respond-to($medium-down) {
    img.primary_logo {
      display: block;
    }

    img.secondary_logo {
      display: none;
    }
  }
}

.header_bar,
.secondary-logo--false {
  .primary_logo {
    display: block;
  }
  .secondary_logo {
    display: none;
  }
}

.logo {
  padding: 10px 0;
}


.nav ul.menu li {
  padding: 10px 3px 10px 3px;
}

.nav ul li .cart-button,
input.guest_button,
input[type="button"].guest_button {
  background-color: ;
  padding: 5px;
  
}

input[type="submit"].guest_button,
input[type="button"].guest_button {
  color: ;
  box-shadow: none;
}

.nav ul li .cart-button span {
  padding-left: 5px;
  top: -1px;
}

.cart_count {
  position: absolute;
  left: 24px;
  top: 2px;
  background-color: ;
  padding: 0 4px;
  border-radius: 4px;
  color: #fff !important;
  font-size: 11px;
  font-family: "Arial","Helvetica",sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  line-height: 15px;
  text-align:center;
}

input[type="submit"].guest_button,
input[type="submit"].guest_button:hover {
  background-color: ;
}

input[type="submit"].guest_button:hover {
  color: ;
}

/* sub-levels link */
.menu ul a, .menu li:hover > ul a, .feature_image .header .nav ul.menu ul li a  {
  white-space: normal;
  padding: 8px 15px;
  background: none;
  text-align: left;
  color: ;
}

.feature_image .header .nav ul.menu ul li a.sub-link {
  padding: 5px 0 5px 24px;
  width: calc(100% - 24px);
}

/* sub-level ul */

.dropdown {
  background-color: ;
  border: solid 1px ;
  display: none;
  position: absolute;
  left: 3px;
  top: 45px;
  z-index: 1007;
  min-width: 250px;
  padding: 10px 0;
}

.dropdown-wide {
  min-width: 470px;

  @include respond-to('tablet') {
    min-width: 320px;
  }
}

.dropdown-wide ul li a {
  word-wrap: break-word;
}

.dropdown-left {
  right: 3px;
  left: inherit;
}

.dropdown a {
  text-shadow: none !important;
}

.nav ul.menu ul {
  float:left;
  display: inline;
}

.nav ul.menu div.dropdown-wide ul {
  width: 49%;
}

.nav ul.menu div:not(.dropdown-wide) ul {
  width: 100%;
}

.nav ul.menu ul li {
  display: block;
  text-align:left;
  padding: 0;
  z-index: 1005;
}

.nav ul.menu ul li a {
  border: 0;
}

.nav ul.menu ul li a.sub-link {
  font-weight: normal;
  font-size: -1px;
  padding: 5px 0 5px 24px;
  text-transform: none;
  display: block;
  width: 100%;
}

/* show dropdown ul on hover */
.menu li:hover > .dropdown{
  display: block;
}

/* separated focus-within so IE does not ignore styling */
.menu li:focus-within .dropdown {
  display: block;
}

select.currencies {
  padding: 8px 8px 8px 12px;
  border: 0;
  font-size: 14px;
  background-color: ;
  color: ;
  margin-bottom: 0 !important;
  min-width: 65px;
}

.container div.collection_nav {
  margin-bottom: 1.5em;
}

.collection_menu, .collection_menu li {
  display: inline;
  list-style: none;
  border: none;
  position: relative;
  top: -3px;
  margin: 0;
}

.collection_menu li {
  padding-left: 25px;
}

.sidebar a,
.sidebar a:visited {
  color: ;
}

.sidebar a:hover,
.sidebar a:active {
  color: ;
}

.sidebar li a {
  display: inline-block;
  @include respond-to('tablet') {

    width: 70%;
  }
}

.content_block.toggle_list {
  padding-right: 15px;

  a {
    display: inline;
    position: static;
    padding-left: 0;
    margin-left: 0;
    border-left: none;
    color: ;
    &:hover {
      border-left: none;
      color: 
    }
  }
}

.toggle_list a {
  position: relative;
  left: -8px;
  padding-left: 8px;
  border-left: solid 4px transparent;
  -webkit-transition : border 200ms ease-out;
  -moz-transition : border 200ms ease-out;
  -o-transition : border 200ms ease-out;
}

.toggle_list a.active,
.toggle_list li.active a,
.toggle_list a:hover,
.sidebar a.active--default {
  border-left: solid 4px ;
}

.sidebar li ul {
  display: none;
  margin: 10px 0 0 15px;
  font-size: -1px;

  &.active {
    display: block;
  }
}

.sidebar li ul li {
  margin-bottom: 0;
  padding-bottom: 10px;

  &:last-child {
    padding-bottom: 0;
  }
}

#search {
  display: none;
  -o-transition-duration: .25s;
  -moz-transition-duration: .25s;
  -webkit-transition-duration: .25s;
  transition-duration: .25s;
  background: #f9f9f9;
  background: rgba(249,249,249,0.95);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 900;
  position: fixed;
  text-align: center;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -o-transition-property: opacity;
  -moz-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -o-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -o-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.search-close {
  padding-top: 125px;
  font-size: 32px;
  cursor: pointer;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 300;
  z-index: 100;
}

#search form {
  z-index: 950;
  padding-top: 20px;
  clear:both;
}

#search form input {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px rgb(138, 137, 138);
  padding: 16px 15px;
  font-size: 26px;
  margin-bottom: 0;
}

.blog_search {
  position: relative;
}
.blog_search .icon-search {
  position: absolute;
  font-size: 14px;
  top: 9px;
  left: 12px;
  cursor: pointer;
}

.blog_search .search_box {
  padding-left: 36px;
}

.headline.search__results--true {
  display: inline-block;
  border-right: solid 1px ;
  padding-right: 25px;
}

.search-page__results {
  display: inline-block;
  padding-left: 25px;
  margin-left: 0;
  list-style: none;
  margin-bottom: 0;
  vertical-align: middle;
}

/* Search form */

.search-form {
  margin: 0 auto;
  max-width: 500px;
}

.search-form input[type="text"] {
  margin-bottom: 0;
  margin-right: 20px;
  @include flex-grow(1);

  @include respond-to($medium-down) {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.search-form input[type="text"],
.search-form input.action_button[type="submit"] {
  width: auto;

  @include respond-to($medium-down) {
    width: 100%;
  }
}

.search-template-wrapper hr {
  margin: 1em auto;
  width: calc(100% - 20px);
}

.shopify-section--blog-template .has-sidebar-option.sidebar-enabled--false,
.shopify-section--search-template .has-sidebar-option.sidebar-enabled--false {
  width: 100%;
}

/* #Images
================================================== */
/*
  The purpose of the below declaration is to make sure images don't
  exceed the width of columns they are put into when resizing window.
  Unfortunately, this declaration breaks certain lightbox, slider or other plugins,
  so the best solution is to individually call these properties on images that
  are children of the grid that you want to resize with grid.
*/
.product_row img,
.product_image_col img,
.article img,
.article_image img,
.section img,
.thumbnail img,
.logo img,
.page img,
.sidebar img,
.cart__image img,
.sub-footer img,
#target img {
  max-width: 100%;
  height: auto;
}

// Zoom plugin
.zoomImg {
  background-color: ;
}

.zoom-container {
  width: 100%;
  display: block;
}

.description_wide img {
  width: 100%;
}

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

/* Lazyloading styles */
.lazyload--fade-in {
  opacity: 0;
  transition: opacity 0.2s ease-in;
  &.lazyloaded {
    opacity: 1;
  }
}

img[data-sizes="auto"] {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

//Ensures that small images are not stretched larger
.image__container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.image-element__wrap {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.image-element__wrap img {
  height: auto;
}

/* #Placeholders
================================================== */

  $color-blankstate: rgba(, 0.45);
  $color-blankstate-border: rgba(, 0.3);
  $color-blankstate-background: rgba(, 0.2);

  .placeholder-svg {
    fill: $color-blankstate;
    background-color: $color-blankstate-background;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    display: block;
    border: 1px solid $color-blankstate-border;
  }

  .placeholder-svg--banner,
  .placeholder-svg--slideshow,
  .placeholder-svg--video {
    min-height: 400px;
    max-height: 600px;
  }

  .shopify-section--image-with-text .placeholder-svg,
  .block__image-with-text .placeholder-svg,
  .featured-product-section .placeholder-svg {
    max-height: 350px;
  }

  .gallery-bar .gallery_image:nth-child(even) .placeholder-svg {
    background-color: $color-blankstate;
  }

  .placeholder-svg--video,
  .placeholder-svg--banner,
  .placeholder-svg--slideshow,
  .featured-promotions-section .placeholder-svg {
    background-color: $color-blankstate;
    border: 0;
  }

/* #Buttons
================================================== */

a.button,
  button,
  input[type="submit"],
  input[type="reset"],
  input[type="button"],
  .action_button,
  a.action_button,
  input.action_button[type="submit"],
  input.action_button[type="button"],
  button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    background: ;
    color: ;
    border: 0;
    padding: 10px 20px;
    text-align: center;
    cursor: pointer;
    font-family: , ;
    font-weight: ;
    font-size: px;
    text-transform: ;
    display: inline-block;
    transition: all 200ms ease 0s;
    -webkit-appearance: none;
    min-height: 44px;
    
      border-radius: 0;
    
    
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-appearance: none;
    box-sizing: border-box;
    max-width: 100%;
  }

  a.button,
  a.action_button,
  a {
    cursor: default;
    &[href] {
      cursor: pointer;
    }
  }

  a.button:hover,
  button:hover,
  input[type="submit"]:hover,
  input[type="reset"]:hover,
  input[type="button"]:hover,
  .action_button:hover,
  input.action_button[type="submit"]:hover,
  input.action_button[type="button"]:hover,
  button.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover {
    background: ;
    transition: all 200ms ease 0s;
    color: ;
  }

  .add_to_cart,
  #cart_form .add_to_cart,
  .product_form input.add_to_cart {
    width: 100%;
    margin-top: 0px;
  }

  .disabled {
    pointer-events: none;
  }

  p.add-to-cart-wrap {
    margin-bottom: 0;

    input {
      padding: 17px 20px !important; //to over-ride the original styling
      margin-bottom: 0 !important; //to over-ride the style on line 6123
    }
  }

  .additional-checkout-button+.additional-checkout-button {
    display: block !important;
    text-align: center;
    box-sizing: border-box;
  }

  //Shopify smart payment buttons

  .dynamic-checkout__content {
    padding-top: 0 !important; //important used to override Shopify's styles
  }

  .add_to_cart.action_button {
    min-height: 44px;
    margin-bottom: 0;
  }

  .action_button.action_button--secondary {
    background-color: transparent;
    border: 1px solid ;
    color: ;
    margin-bottom: 8px;
    box-shadow: none;
    line-height: 1.2;
    padding: 10px 0;
    min-height: 44px;
    
      border-radius: 0;
    
  }

  .shopify-payment-button {
    position: relative;
    max-height: 44px;

    @include respond-to($medium-down) {
      margin-top: 10px;
    }
  }

  .shopify-payment-button button {
    line-height: 1.2;
    padding-top: 11px;
    padding-bottom: 11px;
    margin-bottom: 0;
    margin-top: 0;
  }

  // Shopify requires us to add this style for the Dynamic Payment Buttons

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

  .shopify-payment-button__button.shopify-payment-button__button--branded,
  .shopify-payment-button__button--unbranded {
    overflow: hidden;
    min-height: 44px;
    
      border-radius: 0;
    
  }

  button.shopify-payment-button__more-options {
    color: ;
    box-shadow: none;
    text-transform: none;
    font-size: 0.9rem;
    letter-spacing: 0;
    padding: 16px 0 28px;
    max-width: 80%;
    margin: 0 auto;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);

    &:hover {
      background-color: transparent;
    }
  }

  .purchase-details {
    @include flexbox;
    @include align-items(center);

    @include respond-to($large-up) {
      @include align-items(flex-end);
    }
  }

  .purchase-details.smart-payment-button--true {
    padding-bottom: 30px;
    .purchase-details__quantity {
      @include respond-to($large-up) {
       margin-right: 8px;
      }
    }
  }

  .purchase-details.smart-payment-button--false {
    @include align-items(flex-end);
  }

  .purchase-details__quantity {
    margin-right: 20px;
    input.quantity {
      padding-top: 11px;
      padding-bottom: 11px;
      line-height: 1.4;
      min-height: 44px;
      margin-bottom: 0;
    }
  }

  .purchase-details__buttons {
    margin-top: 20px;
    @include flexbox;
    @include flex(1 0 60%);
    @include align-items(flex-start);
    @include flex-wrap(wrap);

    @include respond-to($large-up) {
      @include flex(1 0 70%);
      @include flex-wrap(no-wrap);
    }

    .action_button--secondary {
      @include respond-to($large-up) {
        margin-right: 8px;
      }
    }

    .shopify-payment-button,
    .action_button--secondary {
      @include flex(1 0 100%);
      margin-bottom: 0;
      margin-top: 8px;
      max-width: 100%;

      @include respond-to($large-up) {
        @include flex(1 0 calc(50% - 4px));
        max-width: calc(50% - 4px);
      }
    }
  }

  .additional-checkout-button.additional-checkout-button--paypal {
    min-width: 100% !important;
  }

  .additional-checkout-button+.additional-checkout-button {
    margin-left: 0 !important;
    min-width: 100% !important;
  }

  #cart span::-moz-selection, #cart p::-moz-selection, #cart input::-moz-selection {
    background: transparent;
    color: inherit;
  }
  #cart span::selection, #cart p::selection, #cart input::selection {
    background: transparent;
    color: inherit;
  }
  label.tos_label { display: inline; font-weight: normal; text-transform: none; margin-bottom:0; }
  #cart .tos { margin: 15px 20px; text-align: center; }
  #cart .tos_agree {
    @include flex(0 0 auto);
  }

  #cart .price {
    font-weight: bold;
    padding-left: 20px;
  }


  .item_info {
    max-width: 170px;
    float: left;

    @include respond-to($small-down) {
      max-width: 100px;
    }
  }

  #cart textarea {
    width: 90%;
    margin: 15px 20px 0px 20px;
    box-sizing: border-box;
  }

  #cart textarea, #cart .quantity {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.6);
  }

  #cart.mm-white textarea, #cart.mm-white .quantity,
  #cart.mm-light textarea, #cart.mm-light .quantity {
    color: #444;
    border-color: #ddd;
  }

  #cart input.quantity::-webkit-inner-spin-button,
  #cart input.quantity::-webkit-outer-spin-button {
   -webkit-appearance: none;
    margin: 0;
  }
  .mm-label strong { font-size: 14px; }

/* #Tabs
================================================== */
  ul.tabs {
    display: block;
    margin: 10px 0 10px 0;
    padding: 0;
    border-bottom: solid 1px ;
    border-top: 0;
    list-style: none outside;
    margin-left: 0;
}
ul.tabs li {
    display: block;
    width: auto;
    height: 30px;
    padding: 0;
    float: left;
    margin-bottom: 0;
    border: 0;
    list-style: none outside;
    margin-left: 0;
}
ul.tabs li a {
    display: block;
    text-decoration: none;
    width: auto;
    height: 29px;
    padding: 0px 15px;
    line-height: 30px;
    border-width: 1px 0 0 1px;
    margin: 0;
    font-size: 13px; }
ul.tabs li a.active {
    border: solid 1px ;
    background-color: ;
    border-bottom: ;
    height: 30px;
    position: relative;
    top: -4px;
    padding-top: 4px;
    border-right-width: 1px;
    margin: 0 -1px 0 0;
    color: ;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px; }
ul.tabs li:first-child a {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px; }
ul.tabs li:last-child a {
    border-width: 1px 1px 0 1px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px; }
ul.tabs-content { margin: 0; display: block; border: 0;}
ul.tabs-content > li { display:none; border: 0;}
ul.tabs-content > li.active { display: block; border: 0;}

  /* Clearfixing tabs for beautiful stacking */
  ul.tabs:before,
  ul.tabs:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
ul.tabs:after {
    clear: both; }
ul.tabs {
    zoom: 1; }

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

  fieldset { margin-bottom: 20px; }

  input[type="text"],
  input[type="number"],
  input[type="password"],
  input[type="email"],
  input[type="tel"],
  textarea,
  select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dce0e0;
    padding: 11px 10px;
    outline: none;
    min-height: 44px;
    
      border-radius: 4px;
    
    font: 13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #565a5c;
    width: 100%;
    margin: 0;
    max-width: 100%;
    display: block;
    margin-bottom: 15px;
    background: #fff;
    transition: border-color 0.2s linear, box-shadow 0.2s ease;
    -webkit-transition: border-color 0.2s linear, box-shadow 0.2s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
  }

  input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
  }

  input[type=text]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
  }

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

  select {
    background: #fff url(//alkhairfoam.com/cdn/shop/t/26/assets/select.png?v=4911) no-repeat right center;
    cursor: pointer;
    padding: 10px 2em 10px 8px;
    -webkit-padding-end: 30px;
    background-size: 17px 5px;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    min-height: auto;
  }

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

  input[type="number"] {
    padding: 5px;
  }

  input[type="text"]:focus,
  input[type="number"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus,
  textarea:focus,
  select:focus {
    border-color: rgb(138, 137, 138);
    color: #333;
  }

  label,
  legend {
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
  }

  input[type="checkbox"] {
    display: inline;
  }

  label span,
  legend span {
    font-weight: normal;
    font-size: 13px;
  }

  textarea {
    width: 100%;
  }

  #contact_email {
    margin-bottom: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }

  .sign_up {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 1em;
  }

  #target {
    text-align: center;
  }

  .quantity_label {
    display: inline;
    font-size: smaller;
  }

  body.cart .quantity_label {
    text-transform: none;
    font-size: px;
    color: ;
  }

  .remove_item a {
    font-size: smaller;
    color: ;
  }

  input.quantity {
    width: 48px;
    display: inline;
    margin-bottom: 0;
    padding: 8px 5px;
  }

  .cart-section .collection_nav {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;

    @include respond-to($medium-down) {
      @include flex-direction(column);
    }
  }

  .cart-section .collection_title {
    margin-left: 0;
    margin-right: 0;
  }

  .cart-section .continue_shopping {
    @include respond-to($medium-down) {
      @include align-self(flex-end);
    }
  }

  #cart_form {
    width: 100%;
  }

  .cart_items {
    @include flex(1 1 60%);

    @include respond-to($medium-down) {
      @include flex(1 1 auto);
    }
  }

  .cart_items .cart-item {
    padding-bottom: 40px;
  }

  .cart-breakdown {
    margin-left: 10%;
    @include flex(1 1 30%);

    @include respond-to($medium-down) {
      margin-left: 10px;
      margin-right: 10px;
      @include flex(1 1 auto);
    }
  }

  .cart_items p {
    margin-bottom: 5px;
  }

  li.cart_item a {
    text-indent: 0 !important;
    font-size: small;
  }

  .continue_shopping {
    padding-top: 5px;
    font-size: -1px;
  }

  #get-rates-submit {
    margin-top: -1px;
  }

  #customer_login {
    margin-bottom: 2px;
  }

  .acceptsMarketing {
    margin-bottom: 10px;
    label, input {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }
    p {
      margin: 0 0 2px 0;
    }
  }

/* #Tables
================================================== */

table {
  margin-bottom: 20px;
  th {
    text-align: left;
  }
  tr.order_summary td.label {
    text-align: right;
  }
}



#order_details,
#customer_orders {
  width: 100%;

  th {
    font-weight: 700;
    background: #f9f9f9;
    text-align: left;
  }
  th,
  td {
    padding: 18px;
  }
  tr {
    border-bottom: 1px solid #DCDCDC;
  }
  tr:first-child{
    border-top: 1px solid #DCDCDC;
  }
  td,
  th {
    border-right: 1px solid #DCDCDC;
  }
  td:first-child,th:first-child {
    border-left: 1px solid #DCDCDC;
  }
  .em {
    font-weight: 700;
  }

  .text-right .money {
    white-space: nowrap;
  }
 }

#customer_orders,
.order_details_table {
  overflow: scroll;
}

.customer__addresses {
  margin-bottom: $gutter;
}

/* #Misc
================================================== */

.hidden {
  display: none;
}

.remove {
  color: ;
}

.relative {
  position: relative;
}

.right {
  float: right;
  position: relative;
}

.left {
  float: left;
}

.inline {
  display: inline;
}

.block {
  display: block;
}

.center {
  text-align: center;
}

.align_right {
  text-align: right;
}

.align_left {
  text-align: left;
}

.align_center {
  text-align: center;
}

.span.mobile_only,
.container div.mobile_only {
  display: none;
}

.extra_padding {
  padding-top: 4px;
}

div.hidden {
  display: none;
}

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

.content_padding {
  padding: 20px;
}

p.warning {
  text-align: center;
  font-weight: bold;
  padding-top: 10px;
}

.visuallyhidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

div#gift-card-outer-container {
  background-color: #eee;
}

#grid .column,
#grid .columns {
  background: #ddd;
  height: 25px;
  line-height: 25px;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
  color: #555;
  font-size: 12px;
  font-weight: bold;
  border-radius: 2px;
}

#grid .column:hover,
#grid .columns:hover {
  background: #bbb;
  color: #333;
}

.no-js-only {
  display: none !important;
}

#content .index-sections.adjust-header {
  @include respond-to($medium-down) {
    margin-top: 35px;
  }
}

#cart.mm-menu .notification-discount {
  display: block;
}

.mobile-sticky-header--false {
  position: absolute;
}

.mobile-sticky-header--true {
  position: fixed;
}

.strikethrough {
  text-decoration: line-through;
}

.trim-last-paragraph p:last-child {
  margin-bottom: 0;
}

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

/* #Cart Drawer
================================================== */

/* Cart variables */

$edit-cart-background-color: ;

/* Cart item */

.mm-listview a.cart__item {
  padding: 20px;
  @include flexbox();
}

/* Cart image */

.mm-listview a.cart__item .cart__image {
  width: 25%;
  line-height: 0;

  @include respond-to($small-down) {
    width: 35%;
  }
}

/* Cart info */

.mm-listview a.cart__item .cart__info {
  width: 75%;
  @include flexbox();
  @include flex-wrap(wrap);
  @include justify-content(space-between);
  @include align-items(center);

  @include respond-to($small-down) {
    width: 65%;
  }
}

/* Cart description */

.mm-listview a.cart__item .cart__info .cart__description {
  max-width: 160px;
  padding-left: 20px;
  padding-right: 20px;
  white-space: normal;
  word-break: break-word;

  .cart__text a {
    color: inherit;
  }

  @include respond-to($small-down) {
    max-width: 100%;
    padding-right: 0;
  }
}

/* Cart quantity */

.mm-listview a.cart__item .cart__info .cart__quantity {
  @include flexbox();

  @include respond-to($small-down) {
    margin-top: 5px;
    padding-left: 12px;
  }

  .quantity_selector {
    margin: 0;
    font-size: 28px;
    @include flexbox();
    @include align-items(center);

    .plus,
    .minus {
      cursor: pointer;
      padding: 0 10px;
    }

    input.quantity {
      width: 35px;
      height: 40px;
      min-height: 40px;
      text-align: center;
    }
  }
}

/* Cart warning */

.cart__warning {
  font-weight: bold;
  padding-left: 20px;
}

/* Cart subtotal */

.mm-listview > li.cart__subtotal {
  @include flexbox();
  @include align-items(center);
  @include justify-content(space-between);
  padding: 15px 20px;
  text-transform: uppercase;
  background: rgba(255,255,255,0.05);

  .cart__subtotal-text {
    font-weight: bold;
    @include flex-grow(1);
  }

  .cart__subtotal-text,
  .cart__subtotal-price,
  .cart__subtotal-price span {
    padding: 0;
  }
}

#cart .mm-subtitle--actions {
  margin: 15px 20px;
  border-color: transparent;
  @include flexbox;
  @include flex-wrap(wrap);
  @include justify-content(space-between);

  .action_button {
    color: #FFF;
    line-height: 22px;
    padding: 10px 20px;
    flex-basis: calc(50% - 10px);
    @include respond-to($medium-down) {
      @include flex-basis(100%);
      margin-bottom: 0 !important; /* Overwrite action button margin for mobile devices */
    }
  }

  .action_button--edit {
    background-color: $edit-cart-background-color;
    &:hover {
      background-color: darken($edit-cart-background-color, 2%);
    }
    @include respond-to($medium-down) {
      margin-top: 10px;
    }
  }
}

/* #Site Styles
================================================== */

  #content_wrapper {
    width: 100%;
  }

  @include respond-to($medium-down) {
    .product_section.product_images_position--right {
      @include flexbox();
      @include flex-direction(column-reverse);
    }
  }

  .wide-breadcrumb{
    padding-bottom:20px;
  }

  .homepage_content {
    word-wrap: break-word;
  }

  .homepage_content,
  .homepage_content h1,
  .homepage_content h2,
  .homepage_content h3,
  .homepage_content h4,
  .homepage_content h5,
  .homepage_content h6 {
    background-color: ;
    color: ;
  }

  .container .featured_links .column,
  .container .featured_links .columns {
    margin-bottom: 20px;
  }

  .featured_links .image_container {
    position: relative;
    line-height: 0;
    overflow: hidden;
  }

  .featured_links .image_container.onboarding {
    background: none;
  }

  .featured_links_block {
    margin-bottom: 20px;
  }

  .featured_links a img {
    transition: opacity 0.3s ease-in-out;
  }

  .featured_links a:hover img {
    filter: alpha(opacity=80);
    opacity: 0.8;
  }

  .featured_links a span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    max-width: 85%;
    margin: 0 auto;
    text-align: center;
    color: ;
    transition: color 0.3s;
    z-index: 2;
    font-family: , ;
    line-height: 1.2;
    font-weight: ;
    font-style: ;
    text-transform: ;
    font-size: px;
    
    opacity: 0.9;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .featured_links_style--cross {
    .featured_links a span {
      padding: 10px 0;
    }

    .featured_links a span::before,
    .featured_links a span::after {
      position: absolute;
      width: 100%;
      left: 0;
      transform: translateY(-50%);
      height: 2px;
      background: rgba(255,255,255, 0.9);
      content: '';
      z-index: 1;
      transition: transform 0.2s, opacity 0.3s;
      pointer-events: none;
    }

    .featured_links a span::before {
      top: 0;
    }

    .featured_links a span::after {
      top: 100%
    }

    .featured_links a:hover span,
    .featured_links a:focus span {
      color: ;
      opacity: 1;
    }

    .featured_links a:hover span::before,
    .featured_links a:hover span::after,
    .featured_links a:focus span::before,
    .featured_links a:focus span::after {
      background: rgba(255,255,255, 0.6);
    }

    .featured_links a:hover span::before,
    .featured_links a:focus span::before {
      transform: rotate(45deg) translate(-50%, -50%);
      top: 50%;
      left: 50%;
      transform-origin: left;
    }

    .featured_links a:hover span::after,
    .featured_links a:focus span::after {
      transform: rotate(-45deg) translate(0, -50%);
      top: 50%;
      right: 0;
    }
  }

  .featured_links_style--underline {
    .featured_links a span {
      line-height: 1;
      padding: 5px 0;
    }

    .featured_links a span::before,
    .featured_links a span::after {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 2px;
      background: rgba(255,255,255, 0.9);
      content: '';
      transition: transform 0.3s;
      transform: scale(0.85);
    }

    .featured_links a span::after {
      opacity: 0;
      transition: top 0.3s, opacity 0.3s, transform 0.3s;
    }

    .featured_links a:hover span::before,
    .featured_links a:hover span::after,
    .featured_links a:focus span::before,
    .featured_links a:focus span::after {
      transform: scale(1);
    }

    .featured_links a:hover span::after,
    .featured_links a:focus span::after {
      top: 0;
      opacity: 1;
    }
  }

  .featured_links_style--double_underline {
    .featured_links a span {
      padding: 30px;
      transition: color 0.3s;
    }

    .featured_links a span::before,
    .featured_links a span::after {
      position: absolute;
      left: 0;
      width: 100%;
      height: 1px;
      background: rgba(255,255,255, 0.9);
      content: '';
      opacity: 0;
      transition: opacity 0.3s, transform 0.3s;
      transform: translateY(-10px);
    }

    .featured_links a span::before {
      top: 0;
      transform: translateY(-10px);
    }

    .featured_links a span::after {
      bottom: 0;
      transform: translateY(10px);
    }

    .featured_links a:hover span,
    .featured_links a:focus span {
      color: #fff;
    }

    .featured_links a:hover span::before,
    .featured_links a:focus span::before,
    .featured_links a:hover span::after,
    .featured_links a:focus span::after {
      opacity: 1;
      transform: translateY(0px);
    }
  }

  .featured_links_style--circle {
    .featured_links a span::before,
    .featured_links a span::after {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 120px;
      height: 120px;
      border: 1px solid rgba(255,255,255,0.8);
      border-radius: 50%;
      content: '';
      opacity: 0;
      transition: transform 0.3s, opacity 0.3s;
      transform: translateX(-50%) translateY(-50%) scale(0.2);
    }

    .featured_links a span::after {
      width: 100px;
      height: 100px;
      transform: translateX(-50%) translateY(-50%) scale(0.8);
    }

    .featured_links a:hover span::before,
    .featured_links a:hover span::after,
    .featured_links a:focus span::before,
    .featured_links a:focus span::after {
      opacity: 1;
      transform: translateX(-50%) translateY(-50%) scale(1);
    }
  }

  .featured_links_style--border {
    .featured_links .image_container::after {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 80%;
      height: 80%;
      border: 1px solid rgba(255,255,255,0.8);
      content: '';
      opacity: 0;
      transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
      transform: translateX(-50%) translateY(-50%) scale(0.2);
    }

    .featured_links a:hover .image_container::after,
    .featured_links a:focus .image_container::after {
      opacity: 1;
      transform: translateX(-50%) translateY(-50%) scale(1);
    }
  }

  .shopify-section--page img,
  .featured-content-section img {
    margin-bottom: 1em;
  }

  .product_section .spr-badge { padding-bottom: 5px; }

  .index div.section.product_section {
    @include flexbox();

    .product_info {
      margin-bottom: 2em;
    }
  }

  div.product_section {
    margin-top: 5px;
  }

  .frontpage_product_stagger--true .product_section:nth-child(2n) {
    > div {
      float: right;
    }
  }

  .size_chart {
    margin-left: auto;
    font-family: , ;
  }

  .size_chart_content {
    display: none;
    padding: 10px 20px;
  }

  .container div.breadcrumb {
    font-size: -1px;
  }

  .breadcrumb_text {
    margin-bottom: 1.5em;

    @include respond-to($medium-down) {
      @include justify-content(center);
      margin-bottom: 0;
    }
  }

  .breadcrumb-tag-wrapper {
    @include flexbox();
    @include justify-content(space-between);
  }

  .tag-filter-wrapper {
    @include respond-to($medium-down) {
      @include flex-direction(column);
    }
  }

  .vendor, .sku {
    margin-top: -15px;
  }
  #category {
    width: 100%;
  }
  .featured_content p {
    margin-bottom: 0;
  }
  .paginate {
    text-align:center;
  }
  .paginate span,  a.tag {
    border: solid 1px ;
    border-radius: 4px;
    margin: 10px 2px;
    padding: 5px 10px;
    display: inline-block;
  }
  a.tag {
    font-size: smaller;
    padding: 4px 6px;
    margin: 5px 2px 5px 0;
  }
  .paginate span:hover, a.tag:hover {
    color: ;
  }
  .paginate .current {
    background-color: ;
  }
  .paginate .deco {
    border: none;
  }

  .thumbnail {
    position: relative;
    margin-bottom: 1em;
  }

  .thumbnail a {
    display: block;
    padding-bottom: 0.5em;
    color: ;
  }
  .thumbnail a:hover {
    color: ;
  }

  .thumbnail .image__container {
    margin-bottom: 15px;
  }

  .thumbnail a img,
  .thumbnail a svg {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  /* Swap to second image on hover */

  

  
    .thumbnail .info {
     text-align: center;
    }
    .thumbnail .price {
      display: block;
      font-weight: bold;
    }
    .collection_swatches {
      text-align: center;
    }
  
  .new {
    position: relative;
    display: inline;
    padding: 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
  }

  

  .thumbnail .price,
  .thumbnail .sold-out-text,
  .sold-out-text,
  .coming_soon_text {
    font-weight: bold;
    color: ;
  }

  .coming_soon_text {
    font-size: 18px;
    margin-bottom: 1em;
  }
  .thumbnail .sale,
  .sale {
    color: ;
  }

  .banner_holder {
    position: absolute;
    top: 0;
    left: 0;
  }

  .sale_banner,
  .new_banner {
    display: block;
    background: ;
    font-family: , ;
    font-weight: bold;
    font-size: px;
    text-transform: ;

    padding: 10px;
    text-align: center;
    color: #fff;
  }
  .new_banner {
    background: ;
  }
  .cart_price {
    float: right;
    text-align: right;
    padding-left: 20px;
    font-weight: bold;
    display: none;
  }

  .tos_checkbox {
    @include flexbox();
    margin-bottom: 15px;
    p {
      margin-bottom: 0;
      margin-left: 5px;
      text-align: left;
      line-height: 1.4em;
    }
  }

  label.tos_label {
    display: inline;
    font-weight: normal;
    text-transform: none;
  }

  label.tos_label { display: inline; font-weight: normal; text-transform: none;}
  #estimated-shipping, .excluding_tax {
    display: block;
  }
  .cart_page_image {
    float:left;
    margin-right: 20px;
    text-align: center;
    display: block;
    width: 100%;
  }
  .price_total_text {
    font-weight: normal;
    display: none;
  }
  .was-price {
    text-decoration: line-through;
    color: ;
    font-style: italic;
    text-shadow:none;
    font-weight:normal;
  }
  .thumbnail .quick_shop {
    display: none;
    background-color: #888;
    position: absolute;
    width: 100%;
    
      bottom: 0;
    
    left: 0;
    text-align: center;
    color: #fff;
    opacity: 0.85;
    z-index: 10;
  }
  .thumbnail:hover .quick_shop {
    display: block;

    &:hover {
      color: ;
      background-color: ;
      opacity: 0.95;
    }
  }

  .thumbnails a {
    display:block;
    margin-bottom: 1em;
  }
  .article, .article_image {
    margin-bottom: 30px;
  }
  .article .main_content_area {
    img, svg {
      margin-bottom: 10px;
    }
  }
  .banner_image, .article img.banner_image {
    width: 100%;
    height: auto;
    margin-bottom: 0;
  }
  body.article { margin-bottom: 0 }

  .purchase {
    margin-top: 25px;
  }

  p.applied_discount {
    color: ;
  }

  .shopify-section--recommended-products > div.columns {
    margin-left: 0;
    margin-right: 0;
  }

  .products {
    width: 100%;
  }

/* #Videos
================================================== */

  /* #Home page - video */
.video-wrapper {
  position: relative;
  background-color: ;

  .video__overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    pointer-events: none;
  }

  &.darken-video--true {
    .video__overlay {
      background: rgba(0,0,0,0.3);
    }
  }

  // Allows users to click embedded iframe ui when video paused
  .plyr--video.plyr--paused .plyr__video-embed iframe {
    z-index: 5;
  }

  .plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: none;
  }

  &.play-button-icon--visible {
    .plyr--paused .plyr__control--overlaid {
      display: block;
      opacity: 1;
    }
  }

  .video-wrapper__image {
    img {
      @include object-fit(cover);

      @include respond-to($medium-down) {
        min-height: 400px;
        max-height: 600px;
      }
    }
  }

  .action_button {
    padding: 8px 10px;
    pointer-events: all;
    background-color: rgba(255, 255, 255, 0.1);
    margin-top: 15px;
    color: ;

    &:hover {
      border-color: #FFF;
      background-color: rgba(255,255,255,.2);
    }
  }

  .action_button--has-outline {
    color: #FFF;
    border: 1px solid rgba(255,255,255, .6);
  }

  .action_button--is-solid {
    &:hover {
      color: ;
    }
  }

  .action_button--is-rounded {
    border-radius: 4px;
  }

  .action_button--has-text-shadow {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
  }

  video {
    display: block;
    width: 100%;
    height: auto;
  }

  .video__text-container {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    margin: auto;
    z-index: 2;
    pointer-events: none;
  }

  .video__text {
    height: 100%;
    text-align: center;
    @include flexbox();
    @include flex-direction(column);
    @include justify-content(center);
  }

  .video__text-wrapper {
    margin: 0;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.3);

    .headline {
      font-family: , ;
      font-weight: ;
      font-style: ;
      color: ;
      font-size: px;
      margin-bottom: 0.2em;
      line-height: 5px;
      letter-spacing: px;
    }

    .subtitle {
      font-family: , ;
      color: ;
      font-size: px;
      line-height: 1.5em;
      font-weight: ;
      font-style: ;
      text-transform: ;
    }

    @include respond-to($medium-down) {
      .headline {
        font-size: 1.1em;
        line-height: 1.1em;
      }

      .subtitle {
        font-size: 0.8em;
        line-height: 1.5em;
      }

      .action_button {
        font-size: 0.8em;
        margin-top: 0;
      }
    }
  }

  @include respond-to($medium-down) {
    @include flexbox();
    @include flex-direction(column);
  }
}

// Only want to target embedded iframes outside of product galleries and video sections
:not(.plyr__video-wrapper) .plyr__video-embed {
  position: relative;
}

/* #Home page - featured product
================================================== */

.featured_product {
  width: 100%;

  .featured-link--half a[href] img {
    box-shadow: #000 0em 0em 0em;
    transition: opacity 0.2s linear;
  }

  .featured-link--half:hover a[href] img {
    opacity: 0.8;
  }
}

.grid-layout--standard .featured-product--section {
  @include justify-content(space-between);
}

.featured-product--half {
  text-align: left;

  img,
  svg {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;

    @include respond-to($medium-down) {
      width: 100%;
      max-width: auto;
    }
  }

  .info {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;

    @include respond-to($medium-down) {
      padding: 0;
      position: static;
      transform: translateY(0);
    }

    .sku,
    .vendor {
      margin-top: 15px;
    }
  }

  .description {
    position: relative;
    font-size: inherit;
    line-height: 1.5;
    margin-bottom: 20px;
    color: ;
  }

  .description--bottom {
    margin-bottom: 0;
    margin-top: 15px;
  }

  .purchase {
    margin-top: 0;

    &.inline_purchase {
      margin-top: 26px;
    }
  }

  .action_button {
    width: 100%;

    @include respond-to('tablet') {
      padding: 10px 20px;
      font-size: -2px;
    }

    @include respond-to($medium-down) {
      padding: 7px 15px;
    }
  }
}

/* #Home page - Featured promotions
  ================================================== */

  .featured_promotions > .section {
    @include flexbox();
    @include flex-wrap(wrap);
  }

/* #Home page - image text
================================================== */

  .shopify-section--image-with-text + .shopify-section--image-with-text .container {
    padding-top: 0; //equal gutter when section follows another
  }

  .image-with-text__image-column {
    text-align: center;
    background-color: transparent;
    transition: opacity 0.2s linear;

    &:hover {
      opacity: 0.8;
    }
  }

  .has-no-side-gutter .image-with-text__column,
  .has-no-side-gutter .has-text-column {
    @include respond-to($medium-down) {
      margin-top: 0;
      margin-bottom: 0;
    }
  }

  .image-with-text__column,
  .has-text-column {

    background-color: ;

    @include respond-to($medium-down) {
      width: 100%;
      margin-top: $half-gutter;
      margin-bottom: $half-gutter;
    }

    img,
    svg {
      display: block;
      margin: 0 auto;
      width: 100%;
      max-width: 100%;

      @include respond-to($medium-down) {
        width: 100%;
        max-width: auto;
      }
    }

    .info {
      display: inline-block;
      width: 80%;
      margin: 0 auto;
      padding: 20px;
      &.text-align--right {
        text-align: right;
        .description:before {
          margin-right: 0;
        }
      }
      &.text-align--left {
        text-align: left;
        .description:before {
          margin-left: 0;
        }
      }

      @include respond-to($medium-down) {
        position: static;
        transform: translateY(0);
        padding: 2em 0;
      }
    }

    .collection_title {
      margin-bottom: 0.3em;
      display: block;
      color: ;
      font-weight: ;
      text-transform: ;
      letter-spacing: px;
      text-rendering: optimizeLegibility;
      @include headline-style($font-size-header);
      line-height: 1.2;
    }

    .description {
      position: relative;
      font-size: 1.6vw;
      line-height: 1.5;
      margin-bottom: 20px;
      color: ;

      @include respond-to($medium-down) {
        font-size: 2vw;
      }

      @include respond-to($small-down) {
        font-size: inherit;
      }

      @include respond-to($large-up) {
        font-size: inherit;
      }
    }

    .action_button {
      width: auto;

      @include respond-to($medium) {
        padding: 10px 20px;
        font-size: -2px;
      }

      @include respond-to($medium-down) {
        padding: 7px 15px;
      }
    }
  }

/* #Blog
================================================== */

.blog-post-image-wrapper {
  display: block;
}

.blog-template-wrapper {
  @include flexbox();
  @include flex-wrap(wrap);
  width: 100%;
}

.blog-article__main.sidebar-enabled--false {
  width: 70%;
  margin: 0 auto;

  @include respond-to($medium-down) {
    margin-left: $gutter;
    margin-right: $gutter;
  }
}

.comment-form {
  @include flexbox();
  @include flex-wrap(wrap);
}

.comment-form__name {
  margin-right: 20px;

  @include respond-to($medium-down) {
    margin: 0;
  }
}

.comment-form__name,
.comment-form__email {
  @include flex(1 1 auto);
}

.comment-form__body,
.comment-form__error,
.comment-form__submit,
.comment-form__success,{
  @include flex-basis(100%);
}

.comment-form__error-message,
.comment-form__success-message {
  font-size: 18px;
  line-height: 32px;
  font-style: italic;
}

/* Author & Comments */

.blog__author,
.blog__comment-author {
  margin-bottom: 20px;
  @include flex(1 1 auto);
}

.blog__author-name,
.blog__comment-author-name {
  padding: 0;
}

.blog__author-image,
.blog__comment-author-image {
  width: 80px;
  height: 80px;
}

.blog__author-image img,
.blog__comment-author-image img {
  border-radius: 50px;
}

.blog__comment-author-bio {
  @include flex(1 1 auto);
}

.blog__author-bio,
.blog__comment-author-bio {
  margin-left: 20px;

  @include respond-to($medium-down) {
    margin-left: 0;
  }
}

/* #Newsletter
================================================== */
  .newsletter {
    margin: 0px auto;
    max-width: 640px;
  }

  .input-row {
    @include flexbox();
    @include flex-wrap(wrap);
    margin-left: -5px;
    margin-right: -5px;
    width: 100%;
    @include respond-to($medium-down) {
      @include flex-direction(column);
      margin-left: 0px;
      margin-right: 0px;
    }

    input {
      @include flex-basis(0);
      @include flex-grow(1);
      @include flex-shrink(1);
      margin: 5px;
      max-height: 40px;
      @include respond-to($medium-down) {
        margin: 5px 0;
      }
    }

    input.sign_up {
      display: inline-block;
      @include flex(none);
      max-height: 40px;

      @include respond-to($medium-down) {
        width: 100%;
      }
    }
  }

/* #Divider
================================================== */
.divider {
  opacity: 0;
  border-color: ;

  &.divider--true {
    opacity: 1;
  }
}



/* #Rich text
================================================== */

.headline-section,
.block__rich_text_and_image {
  .homepage_content {
    background-color: ;
  }

  .wide_display--false {
    background-color: transparent;

    .content-wrapper {
      padding: 25px;
      background-color: ;
    }
  }
}

.featured_text {
  font-size: 22px;
  margin-bottom: 0;
  line-height: 42px;
  @include respond-to($medium-down) {
    line-height: 1.7em;
    font-size: px;
  }
}

/* #Accordions
================================================== */
button {
  border: none;
  appearance: none;
}

$accordionBg: ;

.faq__heading {
  padding: 0;
  margin: 20px 0 0;
}

.faq__accordion {
  &>dt{
    &>button{
      background: transparent;
      position: relative;
      padding: 20px 20px 20px 40px;
      color: ;
      border-bottom: 1px solid ;
      text-align: left;
      display: block;
      cursor: pointer;
      width: 100%;
      outline: none;
      text-transform: initial;
      min-height: auto;
      height: auto;
      line-height: inherit;
      font-weight: normal;
      font-family: , ;
      box-shadow: none;
      border-radius: 0px;
      font-size: 18px;

      &:hover,
      &:focus{
        background: darken($accordionBg, 3%);
        border: none;
        border-bottom: 1px solid ;
        color: ;
      }

      &::after{
        position: absolute;
        top: 50%;
        transform: translateY(-50.1%);
        left: 15px;
        font-size: 25px;
        content: "\002b";
        color: inherit;
      }

      &[aria-expanded="true"] {
        &::after{
          content: "\002d";
          font-size: 30px;
        }
      }
    }

    &:first-child{
      &>button{
        border-top: none;
      }
    }
  }

  &>dd {
    color: ;
    padding: 20px 0px 20px 0px;

    &[aria-hidden="true"]{
      display: none;
    }

    @include respond-to($medium-down) {
      margin-left: 15px;
    }
  }
}

//Accordion tabs

.accordion-tabs {
  > a {
    display: block;
    background-color: #D1D3D4;
    margin: 10px 0;
    padding: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000000;
    :hover {
      cursor: pointer;
    }
  }
  > li[id*=tab] {
    display: none;
    list-style: none;
  }
}

/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,
ul.tabs:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
ul.tabs:after { clear: both; }
ul.tabs {zoom: 1; }

/* #Cart page
================================================== */

.discount-title {
  border-bottom: 0;
  margin-bottom: 0;
}

/* #Contact form
================================================== */

  .contact-template__image {
    padding-bottom: 40px;
  }

  .contact-template__content {
    padding-bottom: 20px;
  }

  .contact-form--half {
    background-color: transparent;
    text-align: left;
    .info {
      padding: 20px 0;
      width: 100%;
      margin: 0;
    }
  }

  .contact-form-name,
  .contact-form-email {
    @include flex-basis(48%);

    @include respond-to($small-down) {
      @include flex-basis(100%);
    }
  }

  /* #Home page - Slideshow
  ================================================== */

  .slideshow {
    overflow: hidden;

    &:hover {
      .flickity-button {
        opacity: 1;
      }

      .flickity-prev-next-button.previous {
        left: 10px;
      }

      .flickity-prev-next-button.next {
        right: 10px;
      }
    }

    .slideshow__gallery-cell {
      width: 100%;

      .slideshow__gallery-cell-image {
        margin: 0;
        width: 100%;
        display: block;
      }
    }

    .slideshow__caption {
      top: 50%;
      margin: 0;
      z-index: 3;
      width: 100%;
      position: absolute;
      color: #ffffff;
      text-shadow: 0 2px 2px rgba(0,0,0,0.2);
      transform: translateY(-50%);
      pointer-events: none;

      .slideshow__caption-headline {
        border: 0;
        text-align: inherit;
        margin-bottom: 0.2em;
        color: ;
        font-family: , ;
        font-weight: ;
        font-style: ;
        font-size: px;
        line-height: 5px;

        @include respond-to($medium-down) {
          font-size: 1.5em;
          line-height: 1em;
        }
      }

      .slideshow__caption-subtitle {
        line-height: 1.5em;
        position: relative;
        margin-bottom: 35px;
        color: ;
        font-family: , ;
        font-weight: ;
        font-style: ;
        text-transform: ;
        font-size: px;

        @include respond-to($medium-down) {
          font-size: 1.2em;
          line-height: 1em;
          margin-bottom: 10px;
        }
      }
    }

    .flickity-page-dots {
      bottom: 50px;

      .dot {
        width: 40px;
        height: 1px;
        border: 3px solid #FFFFFF;
        background: #FFFFFF;
        overflow: hidden;
        border-radius: 1px;
        margin: 0 3px;

        &.is-selected {
          cursor: default;
          opacity: 0.8;
          outline: none;
        }
      }

      @include respond-to($medium-down) {
        display: none;
      }
    }

    .flickity-button {
      width: 60px;
      height: 60px;
      color: #FFFFFF;
      border-radius: 0;
      transition: all .3s ease;
      background-color: rgba(0,0,0,0.2);
      opacity: 0;

      &:hover {
        background-color: rgba(0, 0, 0, 0.4);
      }

      &.previous {
        left: -36px;
      }

      &.next {
        right: -36px;
      }
    }
  }

  .arrow {
    position: relative;
    font-size: 18px;
    left: 2px;
    opacity: 0.6;
  }
  .modal {
    margin: 10px 0;
    display: none;
    background-color: ;
  }
  .modal_product {
    width: auto;
    line-height:0px;
    max-width: 940px;
  }
  .modal_product img {
    cursor: pointer;
  }
  .modal_image {
    text-align:center;
  }
  .modal form {
    margin-bottom: 10px;
  }
  .modal a:hover {
    color: ;
  }
  .notify_form .action_button {
    width: 100%;
  }
  .product_image_col {
    margin-top: 15px;
    text-align:center;
  }
  .product_image {
    text-align: center;
  }
  .meta {
    font-size: 13px;
  }
  .meta p {
    font-size: 13px;
    margin-bottom: 0px;
  }
  p.meta {
    margin-bottom: 10px;
  }
  .comment-body p.meta {
    margin-bottom: 5px;
  }
  .comment-body h6 {
    padding-top: 0;
  }

  /* Sidebar */

  .sidebar .sidebar__content {
    .input-row {
      @include flex-direction(column);
      margin-left: 0px;
      margin-right: 0px;

      input {
        margin: 5px 0;
      }
    }
  }

  .sidebar--featured-collection .sidebar__content {
    padding-left: 0;
  }

  @include respond-to($medium-down) {
    .sidebar {
      width: 100% !important; // to overwrite desktop styles set inside of section
    }

    .has-sidebar-option {
      width: 100% !important; //to overwrite desktop styles set inside of section
    }
  }

  .sidebar_title {
    margin-bottom: 0;
  }
  .blog_list {
    margin-left: 0
  }
  .recent_articles li {
    padding-bottom: 10px;
  }
  .recent_articles a {
    padding-right: 15px;
    display:block;
  }
  .blog_list li {
    list-style: none;
  }
  .sidebar a.parent-link--false:hover {
    color: ;
    cursor: pointer;
  }
  .toggle span,
  .menu-toggle {
    font-weight: bold;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: smaller;
    float: right;
    cursor: pointer;
    display: block;
    transition: transform 0.3s linear;
  }

  h4.toggle span {
    display: none;

    @include respond-to($medium-down) {
      display: block;
    }
  }

  .toggle-all--false .toggle_list {
    @include respond-to($medium-up) {
      display: block !important;
    }
  }

  .toggle-all--true {
    h4.toggle {
      cursor: pointer;
      touch-action: none;
    }
    .toggle span {
      display: block;
    }
    .toggle_list,
    .recent_articles {
      display: none;
    }
  }

  .sidebar .search {
    padding-top: 8px;
  }
  .sidebar .search input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .meta .label, .label {
    color: ;
  }

  .blog_meta span {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    font-size: smaller;
    color: ;
  }
  .blog_meta span:after {
    content: '';
    position: absolute;
    right: -16px;
    top: 50%;
    margin: -1px 5px 0;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #ced3d3;
    box-sizing: border-box;
  }
  .blog_meta span:last-child:after {
    background-color: transparent;
  }
  .tags span a {
    font-weight: bold;
    color: ;
  }
  .blog_list li {
    list-style: none;
  }
  .count {
    font-style: normal;
    font-size: 13px;
  }

  .filter_wrap {
    @include flexbox();
    @include flex-direction (column);
    width: 45%;
    padding-left: 4%;

    @include respond-to($medium-down) {
      width: 100%;
      padding-left: 0;
      display: inline-block;
      text-align: center;
    }
  }

  .filter_wrap label {
    @include align-self(flex-end);
  }

  #tag_filter,
  #sort-by {
    display: inline-block;
    padding-right: 30px;
    width: 100%;
    @include respond-to($large-up) {
      width: auto;
    }
  }

  .section_select {
    text-align: right;
  }
  .checkout {
    display:block;
    float:right;
    margin-top: 0px;
  }
  .additional-checkout-buttons {
    text-align: center;
    box-sizing: border-box !important;

    @include respond-to($small-down) {
      margin-top: 0;
    }

    & > *:not(script) {
      padding: 10px 0 0 10px;
      vertical-align: top;
      line-height: 1;

      @include respond-to($medium-down) {
        padding: 10px 0 0 5px;
      }

      &:first-child,
      &:empty {
        padding-left: 0px;
      }
    }
  }
  .or {
    font-size:smaller;
    font-style: italic;
    padding: 0 10px;
  }
  .inline_purchase {
    display: inline-block;
    margin-left: 20px;
    margin-top: 26px;
  }
  .sidebar__content {
    padding-left: 20px;
    margin-left: $half-gutter;
    margin-right: $half-gutter;
  }

  .sidebar .newsletter {
    margin-bottom: 20px;
  }

  .comment {
    margin-bottom: 30px;
  }
  .comment-body h6 {
    padding-bottom: 0.25em;
  }
  .gravatar {
    width: 100px !important;
  }
  .gravatar img {
    width: 80px;
    height: 80px;
    margin-bottom: 15px;
  }
  .red {
    color: #C33 !important; //overwrite any parent container span styles
  }
  .address p {
    margin-bottom: 5px;
  }
  div#disqus_thread ul, div#disqus_thread li {
      border: none;
  }
  .search_page {
    padding: 40px 0 60px 0;
  }

  /* #Home page - Logo list
  ================================================== */

.shopify-section--logo-list {
  background-color: ;
}

.logo-bar-section {
  padding-bottom: 10px;

  h2.title {
    text-align: center;
    color: ;
  }
}

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

.logo-bar__item {
  width: 160px;
  margin: 15px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;

  @include respond-to($medium-down) {
    width: calc(50% - 30px);
  }
}

/* #Home page - Map
================================================== */
.map--container {
  p {
    margin-bottom: 5px;
  }
  h2, p, span {
    color: ;
  }
  .full-width {
    width: 100% !important; /* Overwrite standard width */
  }
}

.maps .placeholder-svg {
  height: 400px;
  @include respond-to($small-down) {
    height: 250px;
  }
}

.map-hours-column {
  background-color: ;
}

.map__layout {
  @include flexbox();

  @include respond-to($medium-down) {
    @include flex-wrap(wrap);
  }

  &.map__layout--right {
    @include flex-direction(row-reverse);
  }

  .map__display {
    width: 66%;
    @include flexbox();
    @include align-items(center);
    @include flex(1 0 66%);

    .maps {
      width: 100%;

      iframe {
        display: block;
        pointer-events: none;
      }
    }

    @include respond-to($medium-down) {
      width: 100%;
    }
  }

  .map__info,
  .map__contact-form {
    width: 33%;
    @include flexbox();
    @include align-items(center);

    @include respond-to($medium-down) {
      width: 100%;
      height: auto;
    }

    .title {
      margin-left: auto;
      margin-right: auto;
      width: 100%;
    }

    .align_center {
      @include justify-content(center);
    }

    .align_left {
      @include justify-content(flex-start);
    }

    .align_right {
      @include justify-content(flex-end);
    }

    .info {
      padding: 20px 0;
      width: 100%;

      p {
        margin-bottom: 0;
      }
    }
  }

  &.map__layout--left .info {
    padding-left: 10px;
  }

  &.map__layout--right .info {
    padding-right: 10px;
  }

  .map__directions {
    max-width: 90%;
    margin: 20px 0;
  }
}

/* #Home page - Gallery
================================================== */

.shopify-section--gallery .container {
  padding-top: 0;
  padding-bottom: 0;
}

.gallery-section__bar {
  width: 100%;
  @include flexbox();
  @include flex-wrap(wrap);
}

.gallery-section__image {
  .lightbox {
    display: block;
  }

  &.images-per-row-2 {
    width: 50%;
  }

  &.images-per-row-3 {
    width: 33.333%;
  }

  &.images-per-row-4 {
    width: 25%;
  }

  @include respond-to($medium-down) {
    &.images-per-row-2,
    &.images-per-row-3,
    &.images-per-row-4 {
      width: 100%;
    }
  }
}

.gallery-section__image-padding {
  padding: 10px;
}

/* #Home page - Testimonials
================================================== */
.feature_divider {
  display: block;
  margin: 0 auto 30px auto;
  background-color: #545454;
  height: 2px;
  width: 30px;
}

.testimonial-container {
  width: 90%;
  max-width: 900px;
  margin: 0px auto;
}

.shopify-section--testimonials {
  padding: 60px 0;

  
  background-color: ;

  .slideshow {
    overflow: visible;

    .flickity-button {
      opacity: 1;
      background: ;
      &:hover {
        opacity: 0.6;
      }

      @include respond-to($small-down) {
        display: none;
      }
    }

    .flickity-prev-next-button.previous {
      left: -45px;
      &:hover {
        left: -45px;
      }
    }

    .flickity-prev-next-button.next {
      right: -45px;
      &:hover {
        right: -45px;
      }
    }

    .flickity-page-dots {
      display: none;

      .dot {
        background: ;
        border-color: ;
      }

      @include respond-to($small-down) {
        display: block;
        bottom: -5px;
        padding-bottom: 10px;
        position: relative;
      }
    }
  }

  h2 {
    padding-bottom: 10px;
    line-height: 1;
    color: ;
  }

  .testimonial-bar {
    background-color: ;
    padding: 15px;
  }

  .set-transparency {
    opacity: 0.8;
  }

  .testimonial-block {
    width: 90%;
    padding-top: 15px;
    margin: auto;
  }

  .name {
    font-weight: bold;
  }
}

/* #Home page - Contact form
================================================== */

.quote-container {
  margin: 2em 0;
}

.quote-container p {
  font-weight: bold;
  font-style: italic;
}

.text_alignment--right .contact_content p,
.text_alignment--right h2 {
  text-align: right;
}

.text_alignment--center .contact_content p,
.text_alignment--center h2 {
  text-align: center;
}

.contact-template_contact_form {
  margin-bottom: 50px;
}

.contact__form-name {
  margin-right: 20px;

  @include respond-to($small-down) {
    margin-right: 0;
  }
}

.contact__form-name,
.contact__form-email {
  @include flex(1 1 auto);

  @include respond-to($small-down) {
    @include flex(1 1 100%);
  }
}

.contact__form-message {
  @include flex-basis(100%);
}

.contact__form-subheading {
  border: none;
  text-align: inherit;
}

.contact__form-image {
  margin-bottom: 20px;
}


/* #Footer
================================================== */
  div.footer {
    background-color: ;
    font-size: -1px;
    line-height: 1.7em;
    color: ;
    padding-top: 15px;
    text-align: center;
  }

  .index .sub-footer {
    margin-top: 0;
  }

  .sub-footer {
    margin-top: 2.5em;
    border-top: solid 1px ;
    background-color: ;
    color: ;
    .columns {
      //allows for empty columns in the layout
      min-height: 1px;
    }
  }

  .sub-footer .container {
    padding: 20px 0px;
  }

  .sub-footer p {
    margin-bottom: 10px;
    font-size: px;
    color: ;
  }

  .sub-footer a, .sub-footer a:visited {
    color: ;
    font-size: px;
  }

  .sub-footer a:hover, .sub-footer a:active {
    color: ;
    font-size: px;
  }

  .footer a {
    color: ;
  }

  .footer a:hover {
    color: ;
  }

  .contact-form {
    margin-bottom: 0;
    width: 100%;
  }

  .sub-footer .social_icons li {
    display: inline-block;
    padding-right: 10px;
    padding-bottom: 15px;
  }

  .sub-footer .social_icons a, .sub-footer .social_icons a:visited {
    color: ;
    font-size: 18px;
  }

  .sub-footer .social_icons a:active, .sub-footer .social_icons a:hover {
    color: ;
    font-size: 18px;
  }

  .payment_methods {
    margin: 4px 0 6px 0;
  }

  .payment_methods svg {
    padding-right: 4px;
    height: 30px;
    width: 48px;
  }

  .sub-footer ul {
    list-style: none outside;
    margin-left: 0;
  }

  .sub-footer li {
    padding: 5px 0;
    list-style: none outside none;
    margin-bottom: 0;
  }

  .footer-section .input-row {
    @include flex-direction(column);
    margin-left: 0px;
    margin-right: 0px;

    input {
      margin: 5px 0;
    }
  }

  /* Footer currency / language switcher */
  .footer-menu__disclosure {
    @include respond-to($medium-down) {
      padding-bottom: 20px;
    }

    .disclosure__toggle {
      color: #000000;
      min-height: 0;
      line-height: inherit;
      background-color: #ffffff;
      border: 1px solid #dce0e0;

      &.is-clicked,
      &:focus,
      &:hover {
        background-color: #ffffff;
        color: lighten(#000000, 50%);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
      }
    }
  }

/* #Password Page
================================================== */
#password-page-bg {
  background-color: ;
  color: ;
}

#password-container {
  margin: 0px auto;
  max-width: 100%;
  display: table;
  text-align: center;
  display: table;
  .sign_up {
    width: auto;
  }
}

#password-container h1 {
  color: ;
}

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

.password-page-col {
  display: table-cell;
  vertical-align: middle;
  padding: 15px 30px;
  width: 100%;
}

.password-page-name {
  color: ;
}

.password-page-message {
  font-size: px;
  margin: 0 auto 25px;
  color: ;
}

.password-page-follow {
  color: ;
  text-align: center;
}

.password-message{
  max-width: 600px;
}

.hr-small {
  margin: 20px auto;
  width: 50px;
}

.password-social .social_icons {
  margin-left: 0;
}

.password-social .social_icons li {
  display: inline;
  padding: 0 10px;
  margin: 0 10px;
}

.password-social .social_icons a,
.password-social .social_icons a:visited,
.password-social .social_icons a:active,
.password-social .social_icons a:hover {
  color: ;
  font-size: 25px;
}

.password-footer {
  margin-top: 15px;
  margin-bottom: 40px;
  font-size: 13px;
  color: ;
  text-align: center;
}

.powered {
  display: block;
  margin-top: 15px;
}

.password-footer a {
  color: ;
  text-decoration: none;
}

.shopify a {
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0JJREFUeNqMU81vG0UU/83sR73YG+M4xrHj4jj9UCFNSaGlQQUhhFBRpXIo6jEHQFXFAbhy4B/gioTgzgGV7ws5IAoqUgUSoWoIaZJGpGpMHDuptf5a7+fM8nZpJaRy4M0+jd7szO/93u/NsAsX5vFvi6IInHNUq5NnstnsqXp96xur3f392HNlrIcLePHkS8hlTchIJvtVSTOjIaSAwhkiGsXi+BudjjVp28Oj+XzhrPDZh5qqfoIQD5j6wrxHCAJ6UMXVr3pgnB0c9O2843jrE5XMtZER47GTp+bOqfn++d9+Ct5TuLrCGAcjpgnAWEVSdg8HSyWUzTl8v7D08szxSltPB6/OPDWeW/q1caI2O0zfbrThBM7pjdbiz9PG7LsK01epYKiCaMlIQadnHag9UZ2vbuqvl47tVMwcY3fdFjLFCIHksB0bQojCTmfzlWyHf53S0qsyigESMRS0uqtvNbs330nXNHhRAWl3ChnNhLG/jzBy4fg27pGG5TSqWsARV6EGwk+WScgymIQ5auLpyTdRHj2arC//9QXuDpfgeDYkQcgoZixq4DKuAGoo7wEwVg5DD3PVt1EafRzL21/C0HJo9f4gYUO4gZNkFMk5Nkli3wcI4vP7yIvxhsLIIXhBHzfqlzHwWihkDiNjPEwlDJNE/zDABGPQKfR5QAzI8wRU9IWNurWIlJbF+dmP8Ig5ja67Az8cwvWdmCVi4YSMSlTzODjAQxGAvCZkaIpI4MeN97Fc/xbpfXk8WXmNqPcw9C1idR8gKSNN06GYEScZYwZVJ+xj/8hpPJp9HmvNK/Bd6g0zEXfJ9rvEwE0A4qbFLOibimN15RcLR57JVFx7iLGHpvFs9RJ8QZvofmzsXoEXDqAqWiIiyUaAUSIkBTVVY1BuXuth6rhxcaxizDb619EcrGPg7+JG8zJWdj8HZwplk7hTHyDiKrU5BVWXyKT57ncfNz9TRBjxrRWn3/zT2+7seV7DWuabnR+MTrCm6ikNnLLEL3R720dmQkMqFz8dia3rdmvhg8an7MH3hZRhKuVsQTtcPmCcGK+lZvLl1JEdK9T7PW9t75a72L7tXh3sBbdEELXxP00h1//rx98CDACS7p3N/ZPUwQAAAABJRU5ErkJggg==);
  padding-left: 21px;
  color: ;
  text-decoration: none;
}

/* Password Page Modal CSS */
.controls {
  display: block;
  margin: 1em 2em 1em auto;
  text-align: right;
  text-transform: uppercase;
  position: relative;

  @include respond-to($medium-down) {
    text-align: center;
    margin-right: auto;
  }
}

#open-me a { color: ; }

.close-me { z-index: 8000; }
.close-me a { color: #000; }

.modalbox {
  position: absolute;
  height: 100%;
  top: -1em;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  z-index:5000;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  background: rgba(255,255,255,0.95);
}

.overlay-close {
  width: 150px;
  height: 50px;
  position: absolute;
  right: 10px;
  top: 10px;
  border: 1px solid #000;
  font-size: 14px;
}
.overlay-data {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  visibility: 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s;
}
.overlay-open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.inputbox {
  margin: 0px auto;
  max-width: 100%;
  display: table;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  color: #000;
}

.storefront-password-form label {
  font-size: 0.9em;
  margin: 0 0 1em 0;
}

.storefront-password-form .actions {
  display: inline-block;
}

.storefront-password-form #password {
  width: 80%;
  display: inline-block;
}

#owner {
  font-size: 0.9em;
  margin-top: -1em;
  opacity: 0.8;
}

.pass-close {
  color: #000 !important;
  padding: 0 !important;
  margin: 1em !important;
}

@media screen and (min-width: 320px) and (max-width: 440px) and (max-height: 667px){
  .modalbox {
    display: block;
    width: 414px !important;
    max-width: 100%;
    text-align: center;
  }
  .pass-close {
    display: block;
    margin: 0.65em -0.15em 1em 0 !important;
  }
}


/* #Swatch Styles
================================================== */





.mm-menu,.mm-panels,.mm-panels>.mm-panel{margin:0;left:0;right:0;top:0;z-index:0;box-sizing:border-box}.mm-btn,.mm-menu{box-sizing:border-box}.mm-listview a,.mm-listview a:hover,.mm-navbar a,.mm-navbar a:hover{text-decoration:none}.mm-listview .mm-next:before,.mm-listview>li:not(.mm-divider):after,.mm-next:after,.mm-prev:before{content:'';bottom:0}.mm-hidden{display:none!important}.mm-menu,.mm-panels>.mm-panel:not(.mm-hidden){display:block}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{padding:0;position:absolute;bottom:0}.mm-panels,.mm-panels>.mm-panel{background:inherit;border-color:inherit;position:absolute;bottom:0}.mm-btn,.mm-panel.mm-highest{z-index:1}.mm-panels{overflow:hidden}.mm-panel{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-panel.mm-opened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel.mm-subopened{-webkit-transform:translate(-30%,0);-ms-transform:translate(-30%,0);transform:translate(-30%,0);-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panels>.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:0 20px 20px 20px}.mm-listview .mm-divider,.mm-listview>li>a,.mm-listview>li>span,.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-panels>.mm-panel.mm-hasnavbar{padding-top:40px}.mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{content:'';display:block;height:20px}.mm-vertical .mm-panel{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel{display:none;padding:10px 0 10px 10px}.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after{border-color:transparent}.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{display:block}.mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next{height:40px;bottom:auto}.mm-listview>li.mm-vertical>.mm-next:after,.mm-vertical .mm-listview>li>.mm-next:after{top:16px;bottom:auto}.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{width:40px;height:40px;position:absolute;top:0}.mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before{content:'';border:2px solid transparent;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-clear:before,.mm-close:before{border-right:none;border-bottom:none;right:18px}.mm-clear:after,.mm-close:after{border-left:none;border-top:none;right:25px}.mm-next:after,.mm-prev:before{border-top:2px solid transparent;border-left:2px solid transparent;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0}.mm-prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0}.mm-navbar>*{display:block;padding:10px 0}.mm-navbar .mm-btn:first-child{left:0}.mm-navbar .mm-btn:last-child{text-align:right;right:0}.mm-panel .mm-navbar{display:none}.mm-panel.mm-hasnavbar .mm-navbar{display:block}.mm-listview,.mm-listview>li{list-style:none;display:block;padding:0;margin:0}.mm-listview{font:inherit;font-size:14px;line-height:20px}.mm-listview>li{position:relative}.mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{border-color:inherit}.mm-listview>li>a,.mm-listview>li>span{color:inherit;display:block;padding:14px 10px 14px 20px;margin:0}.mm-listview>li:not(.mm-divider):after{border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;right:0;left:20px}.mm-listview .mm-next{background:rgba(3,2,1,0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2}.mm-listview .mm-next:before{border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;left:0}.mm-listview .mm-next+a,.mm-listview .mm-next+span{margin-right:50px}.mm-listview .mm-next.mm-fullsubopen{width:100%}.mm-listview .mm-next.mm-fullsubopen:before{border-left:none}.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span{padding-right:50px;margin-right:0}.mm-panels>.mm-panel>.mm-listview{margin:20px -20px}.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-20px}.mm-listview .mm-inset{list-style:disc inside;padding:0 10px 15px 40px;margin:0}.mm-listview .mm-inset>li{padding:5px 0}.mm-listview .mm-divider{font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px}.mm-listview .mm-spacer{padding-top:40px}.mm-listview .mm-spacer>.mm-next{top:40px}.mm-listview .mm-spacer.mm-divider{padding-top:25px}.mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75)}.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:rgba(0,0,0,.3)}.mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview{border-color:rgba(0,0,0,.1)}.mm-menu .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.5);tap-highlight-color:rgba(255,255,255,.5)}.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.5)}.mm-menu .mm-divider,.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)}
.mm-page{box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:all .4s ease;transition:all .4s ease;transition:all .4s ease;transition:all .4s ease,all .4s ease;transition-property:transform;z-index:1}html.mm-opened{overflow-x:hidden;position:relative}html.mm-blocking,html.mm-blocking body{overflow:hidden}html.mm-background .mm-page{background:inherit}#mm-blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2}html.mm-blocking #mm-blocker{display:block}.mm-menu.mm-offcanvas{z-index:0;display:none;position:fixed;width:80%;min-width:140px;max-width:440px}.mm-menu.mm-offcanvas.mm-current{display:block}.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-current.mm-opened{z-index:10}html.mm-opening .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:550px){html.mm-opening .mm-slideout{-webkit-transform:translate(440px,0);-ms-transform:translate(440px,0);transform:translate(440px,0);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}
.mm-menu.mm-offcanvas.mm-autoheight.mm-bottom,.mm-menu.mm-offcanvas.mm-autoheight.mm-top{max-height:80%}.mm-menu.mm-offcanvas.mm-autoheight.mm-bottom.mm-fullscreen,.mm-menu.mm-offcanvas.mm-autoheight.mm-top.mm-fullscreen{max-height:100%}.mm-menu.mm-offcanvas.mm-measureheight .mm-panel{display:block!important}.mm-menu.mm-offcanvas.mm-measureheight>.mm-panels>.mm-panel{bottom:auto!important;height:auto!important}
.mm-menu.mm-columns{-webkit-transition-property:width,max-width,-webkit-transform;transition-property:width,max-width,-webkit-transform;transition-property:transform,width,max-width;transition-property:transform,width,max-width,-webkit-transform}.mm-menu.mm-columns .mm-panels>.mm-panel{width:100%;right:auto;display:none;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;transition-property:transform,width;transition-property:transform,width,-webkit-transform}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened{border-right:1px solid;border-color:inherit;display:block;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-subopened{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);z-index:2}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-0{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-0{display:block;-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu.mm-offcanvas.mm-columns-0{width:80%;min-width:140px;max-width:0}html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:0px){html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}html.mm-right.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:0px){html.mm-right.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-1{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-1{display:block;-webkit-transform:translate(200%,0);-ms-transform:translate(200%,0);transform:translate(200%,0);-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu.mm-offcanvas.mm-columns-1{width:80%;min-width:140px;max-width:440px}html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:550px){html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate(440px,0);-ms-transform:translate(440px,0);transform:translate(440px,0);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}html.mm-right.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:550px){html.mm-right.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate(-440px,0);-ms-transform:translate(-440px,0);transform:translate(-440px,0);-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}.mm-menu.mm-columns-1 .mm-panels>.mm-panel{width:100%}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-2{-webkit-transform:translate(200%,0);-ms-transform:translate(200%,0);transform:translate(200%,0);-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-2{display:block;-webkit-transform:translate(300%,0);-ms-transform:translate(300%,0);transform:translate(300%,0);-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu.mm-offcanvas.mm-columns-2{width:80%;min-width:140px;max-width:880px}html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:1100px){html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate(880px,0);-ms-transform:translate(880px,0);transform:translate(880px,0);-webkit-transform:translate3d(880px,0,0);transform:translate3d(880px,0,0)}}html.mm-right.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:1100px){html.mm-right.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate(-880px,0);-ms-transform:translate(-880px,0);transform:translate(-880px,0);-webkit-transform:translate3d(-880px,0,0);transform:translate3d(-880px,0,0)}}.mm-menu.mm-columns-2 .mm-panels>.mm-panel{width:50%}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-3{-webkit-transform:translate(300%,0);-ms-transform:translate(300%,0);transform:translate(300%,0);-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-3{display:block;-webkit-transform:translate(400%,0);-ms-transform:translate(400%,0);transform:translate(400%,0);-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu.mm-offcanvas.mm-columns-3{width:80%;min-width:140px;max-width:1320px}html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:1650px){html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate(1320px,0);-ms-transform:translate(1320px,0);transform:translate(1320px,0);-webkit-transform:translate3d(1320px,0,0);transform:translate3d(1320px,0,0)}}html.mm-right.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:1650px){html.mm-right.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate(-1320px,0);-ms-transform:translate(-1320px,0);transform:translate(-1320px,0);-webkit-transform:translate3d(-1320px,0,0);transform:translate3d(-1320px,0,0)}}.mm-menu.mm-columns-3 .mm-panels>.mm-panel{width:33.34%}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-4{-webkit-transform:translate(400%,0);-ms-transform:translate(400%,0);transform:translate(400%,0);-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-4{display:block;-webkit-transform:translate(500%,0);-ms-transform:translate(500%,0);transform:translate(500%,0);-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}.mm-menu.mm-offcanvas.mm-columns-4{width:80%;min-width:140px;max-width:1760px}html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:2200px){html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate(1760px,0);-ms-transform:translate(1760px,0);transform:translate(1760px,0);-webkit-transform:translate3d(1760px,0,0);transform:translate3d(1760px,0,0)}}html.mm-right.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:2200px){html.mm-right.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate(-1760px,0);-ms-transform:translate(-1760px,0);transform:translate(-1760px,0);-webkit-transform:translate3d(-1760px,0,0);transform:translate3d(-1760px,0,0)}}.mm-menu.mm-columns-4 .mm-panels>.mm-panel{width:25%}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-5{-webkit-transform:translate(500%,0);-ms-transform:translate(500%,0);transform:translate(500%,0);-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-5{display:block;-webkit-transform:translate(600%,0);-ms-transform:translate(600%,0);transform:translate(600%,0);-webkit-transform:translate3d(600%,0,0);transform:translate3d(600%,0,0)}.mm-menu.mm-offcanvas.mm-columns-5{width:80%;min-width:140px;max-width:2200px}html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:2750px){html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate(2200px,0);-ms-transform:translate(2200px,0);transform:translate(2200px,0);-webkit-transform:translate3d(2200px,0,0);transform:translate3d(2200px,0,0)}}html.mm-right.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:2750px){html.mm-right.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate(-2200px,0);-ms-transform:translate(-2200px,0);transform:translate(-2200px,0);-webkit-transform:translate3d(-2200px,0,0);transform:translate3d(-2200px,0,0)}}.mm-menu.mm-columns-5 .mm-panels>.mm-panel{width:20%}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-6{-webkit-transform:translate(600%,0);-ms-transform:translate(600%,0);transform:translate(600%,0);-webkit-transform:translate3d(600%,0,0);transform:translate3d(600%,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-6{display:block;-webkit-transform:translate(700%,0);-ms-transform:translate(700%,0);transform:translate(700%,0);-webkit-transform:translate3d(700%,0,0);transform:translate3d(700%,0,0)}.mm-menu.mm-offcanvas.mm-columns-6{width:80%;min-width:140px;max-width:2640px}html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:3300px){html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate(2640px,0);-ms-transform:translate(2640px,0);transform:translate(2640px,0);-webkit-transform:translate3d(2640px,0,0);transform:translate3d(2640px,0,0)}}html.mm-right.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:3300px){html.mm-right.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate(-2640px,0);-ms-transform:translate(-2640px,0);transform:translate(-2640px,0);-webkit-transform:translate3d(-2640px,0,0);transform:translate3d(-2640px,0,0)}}.mm-menu.mm-columns-6 .mm-panels>.mm-panel{width:16.67%}
em.mm-counter{font:inherit;font-size:14px;font-style:normal;text-indent:0;line-height:20px;display:block;margin-top:-10px;position:absolute;right:45px;top:50%}em.mm-counter+a.mm-next{width:90px}em.mm-counter+a.mm-next+a,em.mm-counter+a.mm-next+span{margin-right:90px}em.mm-counter+a.mm-fullsubopen{padding-left:0}.mm-listview em.mm-counter+.mm-next.mm-fullsubopen+a,.mm-listview em.mm-counter+.mm-next.mm-fullsubopen+span,em.mm-counter+a.mm-fullsubopen+a,em.mm-counter+a.mm-fullsubopen+span{padding-right:90px}.mm-vertical>.mm-counter{top:12px;margin-top:0}.mm-vertical.mm-spacer>.mm-counter{margin-top:40px}.mm-nosubresults>.mm-counter{display:none}.mm-menu em.mm-counter{color:rgba(0,0,0,.3)}
.mm-divider>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0;line-height:25px}.mm-divider.mm-opened a.mm-next:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mm-collapsed:not(.mm-uncollapsed){display:none}.mm-fixeddivider{background:inherit;display:none;position:absolute;top:0;left:0;right:0;z-index:2;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-fixeddivider:after{content:none!important;display:none!important}.mm-hasdividers .mm-fixeddivider{display:block}.mm-menu .mm-fixeddivider span{background:rgba(0,0,0,.05)}
html.mm-opened.mm-dragging .mm-menu,html.mm-opened.mm-dragging .mm-slideout{-webkit-transition-duration:0s;transition-duration:0s}
.mm-menu.mm-dropdown{box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%}html.mm-dropdown .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}html.mm-dropdown #mm-blocker{-webkit-transition-delay:0s!important;transition-delay:0s!important;z-index:1}html.mm-dropdown .mm-menu{z-index:2}html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu{display:none}.mm-menu.mm-tip:before{content:'';background:inherit;box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;width:15px;height:15px;position:absolute;z-index:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mm-menu.mm-tipleft:before{left:22px}.mm-menu.mm-tipright:before{right:22px}.mm-menu.mm-tiptop:before{top:-8px}.mm-menu.mm-tipbottom:before{bottom:-8px}
.mm-iconpanel .mm-panel{-webkit-transition-property:left,-webkit-transform;transition-property:left,-webkit-transform;transition-property:transform,left;transition-property:transform,left,-webkit-transform}.mm-iconpanel .mm-panel.mm-opened{border-left:1px solid;border-color:inherit}.mm-iconpanel .mm-panel.mm-subopened{overflow-y:hidden;left:-40px;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-iconpanel .mm-panel.mm-iconpanel-0{left:0}.mm-iconpanel .mm-panel.mm-iconpanel-1{left:40px}.mm-iconpanel .mm-panel.mm-iconpanel-2{left:80px}.mm-iconpanel .mm-panel.mm-iconpanel-3{left:120px}.mm-iconpanel .mm-panel.mm-iconpanel-4{left:160px}.mm-iconpanel .mm-panel.mm-iconpanel-5{left:200px}.mm-iconpanel .mm-panel.mm-iconpanel-6{left:240px}.mm-subblocker{background:inherit;opacity:0;display:block;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.mm-subopened .mm-subblocker{opacity:.6;position:absolute;top:0;right:0;bottom:-100000px;left:0;z-index:3}
.mm-keyboardfocus a:focus{outline:0}.mm-menu.mm-keyboardfocus a:focus{background:rgba(255,255,255,.5)}
.mm-navbar-bottom,.mm-navbar-top~.mm-navbar-top{border-bottom:none}.mm-menu>.mm-navbar{background:inherit;padding:0;z-index:3;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-navbar-bottom{border-top-width:1px;border-top-style:solid;top:auto;bottom:0}.mm-navbar-bottom~.mm-navbar-bottom{border-top:none}.mm-navbar.mm-hasbtns{padding:0 40px}.mm-navbar[class*=mm-navbar-content-]>*{box-sizing:border-box;display:block;float:left}.mm-navbar .mm-
s{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-x:auto;text-align:left;padding:0 0 0 17px}.mm-navbar .mm-breadcrumbs>*{display:inline-block;padding:10px 3px}.mm-navbar .mm-breadcrumbs>a{text-decoration:underline}.mm-navbar.mm-hasbtns .mm-breadcrumbs{margin-left:-40px}.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs{margin-left:0;padding-left:0}.mm-navbar-top-1{top:0}.mm-hasnavbar-top-1 .mm-panels,.mm-navbar-top-2{top:60px}.mm-hasnavbar-top-2 .mm-panels,.mm-navbar-top-3{top:110px}.mm-hasnavbar-top-3 .mm-panels,.mm-navbar-top-4{top:120px}.mm-hasnavbar-top-4 .mm-panels{top:160px}.mm-navbar-bottom-1{bottom:0}.mm-hasnavbar-bottom-1 .mm-panels,.mm-navbar-bottom-2{bottom:40px}.mm-hasnavbar-bottom-2 .mm-panels,.mm-navbar-bottom-3{bottom:80px}.mm-hasnavbar-bottom-3 .mm-panels,.mm-navbar-bottom-4{bottom:120px}.mm-hasnavbar-bottom-4 .mm-panels{bottom:160px}.mm-navbar-size-2{height:80px}.mm-navbar-size-3{height:120px}.mm-navbar-size-4{height:160px}.mm-navbar-content-2>*{width:50%}.mm-navbar-content-3>*{width:33.33%}.mm-navbar-content-4>*{width:25%}.mm-navbar-content-5>*{width:20%}.mm-navbar-content-6>*{width:16.67%}
.mm-menu.mm-rtl{direction:rtl}.mm-menu.mm-rtl.mm-offcanvas{right:auto}.mm-menu.mm-rtl .mm-panel:not(.mm-opened){-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu.mm-rtl .mm-panel.mm-subopened{-webkit-transform:translate(30%,0);-ms-transform:translate(30%,0);transform:translate(30%,0);-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-menu.mm-rtl .mm-navbar .mm-btn:first-child{left:auto;right:0}.mm-menu.mm-rtl .mm-navbar .mm-btn:last-child{right:auto;left:0}.mm-menu.mm-rtl .mm-navbar .mm-next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-menu.mm-rtl .mm-navbar .mm-prev:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-menu.mm-rtl .mm-listview>li:not(.mm-divider)::after{left:0;right:20px}.mm-menu.mm-rtl .mm-listview>li>a:not(.mm-next),.mm-menu.mm-rtl .mm-listview>li>span:not(.mm-next){padding-left:10px;padding-right:20px!important;margin-right:0!important}.mm-menu.mm-rtl .mm-listview .mm-next{right:auto;left:0}.mm-menu.mm-rtl .mm-listview .mm-next:before{left:auto;right:0}.mm-menu.mm-rtl .mm-listview .mm-next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-menu.mm-rtl .mm-listview .mm-next+a,.mm-menu.mm-rtl .mm-listview .mm-next+span{margin-left:50px}.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+a,.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+span{padding-left:50px}.mm-menu.mm-rtl em.mm-counter{left:45px;right:auto}.mm-menu.mm-rtl em.mm-counter+a.mm-next+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+span{margin-left:90px}.mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+a,.mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+span{padding-left:90px}.mm-menu.mm-rtl label.mm-check,.mm-menu.mm-rtl label.mm-toggle{left:20px;right:auto!important}.mm-menu.mm-rtl label.mm-toggle+a,.mm-menu.mm-rtl label.mm-toggle+span{padding-left:80px}.mm-menu.mm-rtl label.mm-check+a,.mm-menu.mm-rtl label.mm-check+span{padding-left:60px}.mm-menu.mm-rtl a.mm-next+label.mm-check,.mm-menu.mm-rtl a.mm-next+label.mm-toggle{left:60px}.mm-menu.mm-rtl a.mm-next+label.mm-check+a,.mm-menu.mm-rtl a.mm-next+label.mm-check+span,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+span{margin-left:50px}.mm-menu.mm-rtl a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+span{padding-left:70px}.mm-menu.mm-rtl a.mm-next+label.mm-check+a,.mm-menu.mm-rtl a.mm-next+label.mm-check+span{padding-left:50px}.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle{left:100px}.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+span,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+span{margin-left:90px}.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-]{left:0}.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-].mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-rtl.mm-iconpanel .mm-panel{-webkit-transition-property:right,-webkit-transform;transition-property:right,-webkit-transform;transition-property:transform,right;transition-property:transform,right,-webkit-transform}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-0{right:0}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-1{right:40px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-2{right:80px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-3{right:120px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-4{right:160px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-5{right:200px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-6{right:240px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-opened{border-left:none;border-right:1px solid;border-color:inherit}
@charset "UTF-8";.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important}
.mm-search,.mm-search input{box-sizing:border-box}.mm-search{height:40px;padding:7px 10px 0;position:relative}.mm-search input{border:none!important;outline:0!important;box-shadow:none!important;border-radius:4px;font:inherit;font-size:14px;line-height:26px;display:block;width:100%;height:26px;min-height:26px;max-height:26px;margin:0;padding:0 10px}.mm-search input::-ms-clear{display:none}.mm-search .mm-clear,.mm-search .mm-next{right:0}.mm-panel>.mm-search{width:100%;position:absolute;top:0;left:0}.mm-panel.mm-hassearch{padding-top:40px}.mm-panel.mm-hassearch.mm-hasnavbar{padding-top:80px}.mm-panel.mm-hassearch.mm-hasnavbar .mm-search{top:40px}.mm-noresultsmsg{text-align:center;font-size:21px;padding:40px 0}.mm-noresults .mm-indexer{display:none!important}li.mm-nosubresults>a.mm-next{display:none}li.mm-nosubresults>a.mm-next+a,li.mm-nosubresults>a.mm-next+span{padding-right:10px}.mm-panels>.mm-resultspanel:not(.mm-opened){-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.75)}.mm-menu .mm-noresultsmsg{color:rgba(0,0,0,.3)}
.mm-indexer{background:inherit;text-align:center;font-size:12px;box-sizing:border-box;width:20px;position:absolute;top:0;bottom:0;right:-100px;z-index:3;-webkit-transition:right .4s ease;transition:right .4s ease;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-indexer a{text-decoration:none;display:block;height:3.85%}.mm-indexer~.mm-panel.mm-hasindexer{padding-right:40px}.mm-hasindexer .mm-indexer{right:0}.mm-hasindexer .mm-fixeddivider{right:20px}.mm-menu .mm-indexer a{color:rgba(0,0,0,.3)}
.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen),.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a:not(.mm-fullsubopen){-webkit-transition:background .4s ease;transition:background .4s ease}.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.5)}
input.mm-check,input.mm-toggle{position:absolute;left:-10000px}label.mm-check,label.mm-toggle{margin:0;position:absolute;top:50%;z-index:2;right:20px}label.mm-check:before,label.mm-toggle:before{content:'';display:block}label.mm-toggle{border-radius:30px;width:50px;height:30px;margin-top:-15px}label.mm-toggle:before{border-radius:30px;width:28px;height:28px;margin:1px}input.mm-toggle:checked~label.mm-toggle:before{float:right}label.mm-check{width:30px;height:30px;margin-top:-15px}label.mm-check:before{border-left:3px solid;border-bottom:3px solid;width:40%;height:20%;margin:25% 0 0 20%;opacity:.1;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}input.mm-check:checked~label.mm-check:before{opacity:1}li.mm-vertical label.mm-check,li.mm-vertical label.mm-toggle{bottom:auto;margin-top:0;top:5px}label.mm-toggle+a,label.mm-toggle+span{padding-right:80px}label.mm-check+a,label.mm-check+span{padding-right:60px}a.mm-next+label.mm-check,a.mm-next+label.mm-toggle{right:60px}a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span,a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{margin-right:50px}a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{padding-right:70px}a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span{padding-right:50px}em.mm-counter+a.mm-next+label.mm-check,em.mm-counter+a.mm-next+label.mm-toggle{right:100px}em.mm-counter+a.mm-next+label.mm-check+a,em.mm-counter+a.mm-next+label.mm-check+span,em.mm-counter+a.mm-next+label.mm-toggle+a,em.mm-counter+a.mm-next+label.mm-toggle+span{margin-right:90px}.mm-menu label.mm-toggle{background:rgba(0,0,0,.1)}.mm-menu label.mm-toggle:before{background:#f3f3f3}.mm-menu input.mm-toggle:checked~label.mm-toggle{background:#4bd963}.mm-menu label.mm-check:before{border-color:rgba(0,0,0,.75)}
.mm-listview.mm-border-none>li:after,.mm-menu.mm-border-none .mm-listview>li:after{content:none}.mm-listview.mm-border-full>li:after,.mm-menu.mm-border-full .mm-listview>li:after{left:0!important}.mm-listview.mm-border-offset>li:after,.mm-menu.mm-border-offset .mm-listview>li:after{right:20px}
.mm-menu.mm-effect-menu-zoom{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}html.mm-opened .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}html.mm-opening .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(.7,.7) translate3d(30%,0,0);transform:scale(.7,.7) translate3d(30%,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}.mm-menu.mm-effect-menu-slide{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}html.mm-opened .mm-menu.mm-effect-menu-slide{-webkit-transform:translate(-30%,0);-ms-transform:translate(-30%,0);transform:translate(-30%,0);-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}html.mm-opening .mm-menu.mm-effect-menu-slide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide{-webkit-transform:translate(30%,0);-ms-transform:translate(30%,0);transform:translate(30%,0);-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-effect-menu-fade{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}html.mm-opening .mm-menu.mm-effect-menu-fade{opacity:1}.mm-menu.mm-effect-panels-zoom .mm-panel{-webkit-transform:scale(1.5,1.5) translate3d(100%,0,0);transform:scale(1.5,1.5) translate3d(100%,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0)}.mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li{-webkit-transition:none .4s ease;transition:none .4s ease}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(1){-webkit-transition-delay:50ms;transition-delay:50ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(3){-webkit-transition-delay:150ms;transition-delay:150ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(4){-webkit-transition-delay:.2s;transition-delay:.2s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(5){-webkit-transition-delay:250ms;transition-delay:250ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(6){-webkit-transition-delay:.3s;transition-delay:.3s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(7){-webkit-transition-delay:350ms;transition-delay:350ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(8){-webkit-transition-delay:.4s;transition-delay:.4s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(9){-webkit-transition-delay:450ms;transition-delay:450ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(10){-webkit-transition-delay:.5s;transition-delay:.5s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(11){-webkit-transition-delay:550ms;transition-delay:550ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(12){-webkit-transition-delay:.6s;transition-delay:.6s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(13){-webkit-transition-delay:650ms;transition-delay:650ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(14){-webkit-transition-delay:.7s;transition-delay:.7s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(15){-webkit-transition-delay:750ms;transition-delay:750ms}.mm-menu.mm-effect-listitems-slide .mm-listview>li{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform:translate(50%,0);-ms-transform:translate(50%,0);transform:translate(50%,0);-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);opacity:0}html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview>li{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.mm-menu.mm-effect-listitems-fade .mm-listview>li{-webkit-transition-property:opacity;transition-property:opacity;opacity:0}html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview>li{opacity:1}.mm-menu.mm-effect-listitems-drop .mm-listview>li{-webkit-transition-property:opacity,top;transition-property:opacity,top;opacity:0;top:-25%}html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview>li{opacity:1;top:0}
.mm-menu.mm-offcanvas.mm-fullscreen{width:100%;min-width:140px;max-width:10000px}html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}@media all and (max-width:140px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:10000px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(10000px,0);-ms-transform:translate(10000px,0);transform:translate(10000px,0);-webkit-transform:translate3d(10000px,0,0);transform:translate3d(10000px,0,0)}}html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}@media all and (max-width:140px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:10000px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(-10000px,0);-ms-transform:translate(-10000px,0);transform:translate(-10000px,0);-webkit-transform:translate3d(-10000px,0,0);transform:translate3d(-10000px,0,0)}}.mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom,.mm-menu.mm-offcanvas.mm-fullscreen.mm-top{height:100%;min-height:140px;max-height:10000px}html.mm-opened.mm-fullscreen .mm-page{box-shadow:none!important}
.mm-menu .mm-panels>.mm-panel.mm-justified-listview:after,.mm-menu .mm-panels>.mm-panel.mm-justified-listview:before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel:after,.mm-menu.mm-justified-listview .mm-panels>.mm-panel:before{content:none;display:none}.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;height:100%;margin-top:0;margin-bottom:0}.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider),.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider){-webkit-box-flex:1;-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0}.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span{box-sizing:border-box;height:100%}.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span:before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span:before{content:'';vertical-align:middle;display:inline-block;height:100%;width:0}
.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>a,.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>span,.mm-menu.mm-multiline .mm-listview>li>a,.mm-menu.mm-multiline .mm-listview>li>span{text-overflow:clip;white-space:normal}
html.mm-pagedim #mm-blocker,html.mm-pagedim-black #mm-blocker,html.mm-pagedim-white #mm-blocker{opacity:0}html.mm-pagedim-black.mm-opening #mm-blocker,html.mm-pagedim-white.mm-opening #mm-blocker,html.mm-pagedim.mm-opening #mm-blocker{opacity:.3;-webkit-transition:opacity .4s ease .4s;transition:opacity .4s ease .4s}html.mm-pagedim #mm-blocker{background:inherit}html.mm-pagedim-white #mm-blocker{background:#fff}html.mm-pagedim-black #mm-blocker{background:#000}
.mm-menu.mm-popup{-webkit-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%;min-height:140px;max-height:880px;top:50%;left:50%;bottom:auto;right:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}html.mm-popup.mm-opening .mm-menu.mm-popup{opacity:1}html.mm-popup .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}html.mm-popup #mm-blocker{-webkit-transition-delay:0s!important;transition-delay:0s!important;z-index:1}html.mm-popup .mm-menu{z-index:2}
.mm-menu.mm-offcanvas.mm-right{left:auto}html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:550px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate(-440px,0);-ms-transform:translate(-440px,0);transform:translate(-440px,0);-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}html.mm-front .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}html.mm-front #mm-blocker{z-index:1}html.mm-front .mm-menu.mm-offcanvas{z-index:2}.mm-menu.mm-offcanvas.mm-front,.mm-menu.mm-offcanvas.mm-next{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu.mm-offcanvas.mm-front.mm-right,.mm-menu.mm-offcanvas.mm-next.mm-right{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu.mm-offcanvas.mm-top{-webkit-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%);-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu.mm-offcanvas.mm-bottom{-webkit-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);top:auto}.mm-menu.mm-offcanvas.mm-bottom,.mm-menu.mm-offcanvas.mm-top{width:100%;min-width:100%;max-width:100%;height:80%;min-height:140px;max-height:880px}html.mm-opening .mm-menu.mm-offcanvas.mm-front,html.mm-opening .mm-menu.mm-offcanvas.mm-next{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-menu.mm-shadow-page:after{content:"";display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:99}.mm-menu.mm-shadow-page.mm-right:after{left:auto;right:100%}.mm-menu.mm-shadow-page.mm-front:after,.mm-menu.mm-shadow-page.mm-next:after{content:none;display:none}.mm-menu.mm-shadow-page:after,.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 10px rgba(0,0,0,.3)}
.mm-menu.mm-theme-dark{background:#333;border-color:rgba(0,0,0,.15);color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark .mm-navbar a,.mm-menu.mm-theme-dark .mm-navbar>*,.mm-menu.mm-theme-dark em.mm-counter{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-btn:after,.mm-menu.mm-theme-dark .mm-btn:before{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-listview{border-color:rgba(0,0,0,.15)}.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.1);tap-highlight-color:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark .mm-divider,.mm-menu.mm-theme-dark .mm-fixeddivider span,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.05)}.mm-menu.mm-theme-dark label.mm-check:before{border-color:rgba(255,255,255,.8)}.mm-menu.mm-shadow-page.mm-theme-dark:after,.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 20px rgba(0,0,0,.5)}.mm-menu.mm-theme-dark .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark .mm-indexer a,.mm-menu.mm-theme-dark .mm-noresultsmsg{color:rgba(255,255,255,.4)}.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark label.mm-toggle{background:rgba(0,0,0,.15)}.mm-menu.mm-theme-dark label.mm-toggle:before{background:#333}.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle{background:#4bd963}.mm-menu.mm-theme-white{background:#fff;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white .mm-navbar a,.mm-menu.mm-theme-white .mm-navbar>*,.mm-menu.mm-theme-white em.mm-counter{color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-btn:after,.mm-menu.mm-theme-white .mm-btn:before{border-color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-listview{border-color:rgba(0,0,0,.1)}.mm-menu.mm-theme-white .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.05);tap-highlight-color:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-divider,.mm-menu.mm-theme-white .mm-fixeddivider span,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.03)}.mm-menu.mm-theme-white label.mm-check:before{border-color:rgba(0,0,0,.6)}.mm-menu.mm-shadow-page.mm-theme-white:after,.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 10px rgba(0,0,0,.2)}.mm-menu.mm-theme-white .mm-search input{background:rgba(0,0,0,.15);color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white .mm-indexer a,.mm-menu.mm-theme-white .mm-noresultsmsg{color:rgba(0,0,0,.3)}.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white label.mm-toggle{background:rgba(0,0,0,.1)}.mm-menu.mm-theme-white label.mm-toggle:before{background:#fff}.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle{background:#4bd963}.mm-menu.mm-theme-black{background:#000;border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black .mm-navbar a,.mm-menu.mm-theme-black .mm-navbar>*,.mm-menu.mm-theme-black em.mm-counter{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-btn:after,.mm-menu.mm-theme-black .mm-btn:before{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-listview{border-color:rgba(255,255,255,.2)}.mm-menu.mm-theme-black .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.3);tap-highlight-color:rgba(255,255,255,.3)}.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.3)}.mm-menu.mm-theme-black .mm-divider,.mm-menu.mm-theme-black .mm-fixeddivider span,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black label.mm-check:before{border-color:rgba(255,255,255,.6)}.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-keyboardfocus a:focus,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.3)}.mm-menu.mm-shadow-page.mm-theme-black:after{content:none;display:none}.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2){box-shadow:false}.mm-menu.mm-theme-black .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black .mm-indexer a,.mm-menu.mm-theme-black .mm-noresultsmsg{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black label.mm-toggle{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black label.mm-toggle:before{background:#000}.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle{background:#4bd963}
.mm-menu .mm-tileview.mm-listview:after,.mm-menu.mm-tileview .mm-listview:after{content:'';display:block;clear:both}.mm-menu .mm-tileview.mm-listview>li>.mm-next:after,.mm-menu .mm-tileview.mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-listview>li>.mm-next:after,.mm-menu.mm-tileview .mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-panel:after{content:none;display:none}.mm-menu .mm-tileview.mm-listview>li,.mm-menu.mm-tileview .mm-listview>li{width:50%;height:0;padding:50% 0 0;float:left;position:relative}.mm-menu .mm-tileview.mm-listview>li:after,.mm-menu.mm-tileview .mm-listview>li:after{left:0;top:0;border-right-width:1px;border-right-style:solid;z-index:-1}.mm-menu .mm-tileview.mm-listview>li.mm-tile-xs,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xs{width:12.5%;padding-top:12.5%}.mm-menu .mm-tileview.mm-listview>li.mm-tile-s,.mm-menu.mm-tileview .mm-listview>li.mm-tile-s{width:25%;padding-top:25%}.mm-menu .mm-tileview.mm-listview>li.mm-tile-l,.mm-menu.mm-tileview .mm-listview>li.mm-tile-l{width:75%;padding-top:75%}.mm-menu .mm-tileview.mm-listview>li.mm-tile-xl,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xl{width:100%;padding-top:100%}.mm-menu .mm-tileview.mm-listview>li>a,.mm-menu .mm-tileview.mm-listview>li>span,.mm-menu.mm-tileview .mm-listview>li>a,.mm-menu.mm-tileview .mm-listview>li>span{line-height:1px;text-align:center;padding:50% 10px 0;margin:0;position:absolute;top:0;right:1px;bottom:1px;left:0}.mm-menu .mm-tileview.mm-listview>li>.mm-next,.mm-menu.mm-tileview .mm-listview>li>.mm-next{width:auto}.mm-menu.mm-tileview .mm-panel{padding-left:0;padding-right:0}.mm-menu.mm-tileview .mm-listview{margin:0}

.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important}

/* Custom mmenu styles */

.mm-menu {
  background: #333333;
  color: rgba(255, 255, 255, 0.6);
}

.mm-menu .continue {
  background: rgba(0,0,0,0.1);
  color: rgba(255,255,255,0.8);
  text-indent: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: -20px;
  margin-bottom: 5px;
  line-height: 10px;
}

.mm-menu.mm-theme-white {
  border-left: solid 1px #eee;
  border-right: solid 1px #eee;

 .continue {
    background: #fff;
    color: inherit;
  }
  .mm-listview a.mm-subopen:after, .mm-listview a.mm-subclose:before {
    border-color: #888;
  }
  .mm-counter {
    color: #666;
  }
}

.mm-menu.mm-theme-white#cart textarea, .mm-menu.mm-theme-white#cart .quantity {
  border-color: #ddd;
  color: #888;
}

.mm-menu .mm-listview>li>a.mm-subopen:after, .mm-menu .mm-listview>li>a.mm-subclose:before {
  border-color: rgba(255,255,255,0.3);
}
.mm-listview a.mm-subopen:after, .mm-listview a.mm-subclose:before {
  content: '';
  border: 2px solid transparent;
  display: block;
  width: 7px;
  height: 7px;
  margin-bottom: -5px;
  position: absolute;
  @include prefix(transform, rotate(-45deg), ms webkit spec);
}

.mm-listview a.mm-subclose:before {
  border-right: none;
  border-bottom: none;
  margin-bottom: -15px;
  left: 22px;
}

//mobile menu list view to make text break on second line if too long
#nav ul.mm-listview li a,
#nav ul.mm-listview li span {
  white-space: normal;
}

#cart.mm-menu textarea {
  display: block;
  margin: 15px 20px;
  width: calc(100% - 40px);
}

.mm-menu .mm-search input {
  background: rgba(255,255,255,0.3);
  color: rgba(255,255,255,0.6);
}

.mm-menu .mm-search input::placeholder {
  color: rgba(255,255,255,0.6);
}
.mm-search input {
  border: none;
  border-radius: 30px;
  font: inherit;
  font-size: 14px;
  line-height: 30px;
  outline: none;
  display: block;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 20px;
}

.mm-listview > li .mm-next {
  border-left: transparent;
}

.mm-menu .mm-noresultsmsg {
  color: rgba(255,255,255,0.3);
  display: block;
  text-align: center;
  font-size: 21px;
  padding: 60px 0;
  a {
    color: rgba(255,255,255,0.3);
  }
}

#nav .mm-search ~ .mm-listview {
  padding-top: 25px;
}

.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu .mm-listview>li.mm-selected>span {
  background: rgba(255,255,255,0.05);
}

.mm-fixed-top {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

.header.mm-slideout {
  z-index: 1000;
}

#mm-blocker {
  z-index: 9999;
}

#nav a,
#nav span,
#nav li select.currencies {
  font-family: , ;
  font-weight: ;
  font-size: px;
  text-transform: ;
  letter-spacing: px;
  color: inherit;
}

#nav a.mm-title {
  font-family: , ;
  font-weight: ;
  text-transform: ;
  letter-spacing: px;
}

#nav li select.currencies {
  background-position: 97%;
  padding: 14px 8px 14px 20px;
  border: 0 !important;
  background-color: transparent;
  margin-bottom: 0 !important;
  outline: 0;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  text-shadow: none !important;
  box-shadow: none !important;
}

/* #Banner Sections
================================================== */

.subtitle p a {
  pointer-events: all;
}

// Banner - contained display

.wide_display--false {
  .banner-section {
    margin: 0px auto;
    width: calc(100% - 20px);
    @include respond-to($medium-down) {
      width: 100%;
    }
  }
  .align_left {
    .headline,
    .subtitle,
    .action_button {
      @include respond-to($medium-down) {
        margin-left: 20px;
        margin-right: 20px;
      }
    }
  }
}

.banner-section {
  position: relative;
  
  @include respond-to($medium-down) {
    padding-top: 0 !important; //Overwrite any attribute styles applied by JS for mobile
  }
}

.shadow-header {
  display: block;
  width: 100%;
  height: 0;
  @include respond-to($medium-down) {
    height: 0 !important; //Overwrite any attribute styles applied by JS for mobile
  }
}

.banner-section + .main_content_area {
  padding-top: 20px;
}

.wide_display--false .banner-section {
  margin-top: 20px;
  margin-bottom: 20px;
}

.main_content_area .banner-section {
  padding-top: 0;
}

.banner-section {
  .banner-section__image {

    img {
      height: auto;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      display: block;
    }
  }

  .banner-section__caption {
    margin: 0;
    width: 100%;
    position: absolute;
    top: 50%;
    pointer-events: none;
    
    transform: translateY(-50%);
  }

  .banner-section__caption-headline {
    font-family: , ;
    font-weight: ;
    font-style: ;
    color: ;
    font-size: px;
    margin-bottom: 0.2em;
    line-height: 5px;
    position: relative;
    letter-spacing: px;
  }

  .banner-section__caption-subtitle {
    font-family: , ;
    color: ;
    font-size: px;
    line-height: 1.5em;
    font-weight: ;
    position: relative;
    font-style: ;
    text-transform: ;
  }

  .banner-section__caption a.action_button {
    @include inline-flexbox();
    @include align-items(center);
    width: initial;
    padding: 8px 10px;
    font-size: px;
  }

  .banner-section__caption .action_button {
    @include inline-flexbox();
    @include align-items(center);
    pointer-events: all;
    padding: 8px 10px;
    position: relative;
    margin-top: 15px;
    line-height: initial;
    background-color: rgba(255,255,255,0.1);
    color: ;

    &:hover {
      border-color: #FFFFFF;
      background-color: rgba(255,255,255,.2);
    }
  }

  .banner-section__caption .action_button--has-outline {
    color: #FFFFFF;
    border: 1px solid rgba(255,255,255, .6);
  }

  .banner-section__caption .action_button--is-solid {
    border-color: ;
    color: ;
    background-color: ;

    &:hover {
      color: ;
      border-color: ;
      background-color: ;
    }
  }

  .banner-section__caption .action_button--is-bevel {
    box-shadow: inset 0 -3px rgba(0,0,0,0.1);
  }

  .banner-section__caption .action_button--is-rounded {
    border-radius: 4px;
  }

  .banner-section__caption .action_button--has-text-shadow {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
  }

  @include respond-to($medium-down) {
    .banner-section__caption-headline {
      font-size: 1.5em;
      line-height: 1.5em;
      position: relative;
    }

    .banner-section__caption-subtitle {
      font-size: 1.1em;
      line-height: 1.5em;
      position: relative;
    }
  }

  @include respond-to($small-down) {
    .banner-section__caption-headline {
      font-size: 1.1em;
      line-height: 1.1em;
    }

    .banner-section__caption-subtitle {
      font-size: 0.8em;
      line-height: 1.5em;
      margin-bottom: 1em;
    }
  }
}

.dark-overlay--true {
  &:after {
    content: '';
    position: absolute;
    z-index: 2;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

/* #Product page
================================================== */

/* Product title */

.product__title {
  margin-bottom: 15px;
}

/* Product price */
.product__price {
  font-size: 18px;
  margin-right: 5px;
  margin-bottom: 0;
}

.product__price-container {
  @include flexbox();
  @include flex-wrap(wrap);
  margin-bottom: 1em;
  font-size: 18px;
  line-height: 1.8em;

  &.product__price-container--sold-out {
    opacity: 0.3;
  }
}

/* Add to cart button container */
.atc-btn-container {
  width: 100%;
  @include flexbox();
  @include flex-wrap(wrap);
  @include justify-content(space-between);

  &.disabled {
    opacity: 0.3;
  }
}

/* Back in stock notification form */
#notify_me {
  margin-bottom: 20px;
}

/* #Quick shop
================================================== */

.quick-shop {
  @include flexbox();
  @include justify-content(space-between);

  .quick-shop__product-gallery,
  .quick-shop__product-description {
    width: calc(50% - 25px);
  }
}

/* #Flickity v2.2.1 https://flickity.metafizzy.co
================================================== */

.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

/* flickity-fade */

.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

/* #Product Slider Custom Styles
================================================== */

.flickity-viewport {
  width: 100%;
}

.product-gallery {

  &:hover .flickity-prev-next-button {
    opacity: 1;
  }

  .product-gallery__main .flickity-prev-next-button {
    transition: all 0.3s ease-in-out;

    &:hover {
      color: #333333;
    }

    @include respond-to($medium-down) {
      opacity: 1;
      top: 100%;
      padding: 0;
      z-index: 30;
      transform: none;
      opacity: 0.5;
      background: none;

      &:hover {
        opacity: 1;
      }

      .flickity-button-icon {
        height: 30px;
        width: 30px;
        fill: ;
      }

      &.next {
        right: 30%;
      }

      &.previous {
        left: 30%;
      }
    }
  }

  .flickity-page-dots {
    display: none;
  }
}

/* Thumbnail Gallery Styles
================================================== */

.product-gallery__thumbnails {
  // Base styles
  .product-gallery__thumbnail {
    width: calc(25% - 10px);
    margin: 0 5px;

    img {
      max-width: 100%;
      height: auto;
    }
  }

  // When thumbnail slider is enabled
  &.is-slide-nav--true {
    // Base styles
    .product-gallery__thumbnail {
      position: relative;
      opacity: 0.3;
      cursor: grab;
    }

    .product-gallery__thumbnail.is-nav-selected {
      opacity: 1;
    }

    // When thumbnails are set to 'left/right'
    &.product-gallery__thumbnails--right-thumbnails,
    &.product-gallery__thumbnails--left-thumbnails {
      @include respond-to($medium-up) {
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none;  /* IE 10+ */

        &::-webkit-scrollbar { /* WebKit */
          width: 0;
          height: 0;
        }
      }
    }
  }

  // When thumbnail slider is disabled (thumbnail grid)
  &.is-slide-nav--false {
    @include flex-wrap(wrap);

    // When thumbnails are set to 'bottom'
    &.product-gallery__thumbnails--bottom-thumbnails {
      @include flexbox();
      @include justify-content(center);

      .product-gallery__thumbnail {
        margin-bottom: 20px;
        line-height: 0;
      }
    }
  }

  // When thumbnails are set to bottom
  &.product-gallery__thumbnails--bottom-thumbnails {
    @include respond-to($medium-up) {
      margin-top: 20px;
    }
  }

  // When thumbnails are set to left/right
  &.product-gallery__thumbnails--right-thumbnails,
  &.product-gallery__thumbnails--left-thumbnails {
    padding-top: 20px;
    @include flexbox();
    @include justify-content(center);

    @include respond-to($medium-up) {
      @include justify-content(flex-start);
      @include align-self(flex-start);
      display: block;
      width: 100%;
      padding-top: 0;

      .product-gallery__thumbnail {
        width: 100%;
        margin: 0;

        &:last-child {
          margin-bottom: 0;
        }

        &:before {
          line-height: 0;
          color: transparent;
          display: block;
          text-align: center;
          content: counter(carousel-cell);
        }
      }
    }
  }


  @include respond-to($medium-down) {
    padding-top: 0px;
    margin-top: 60px;
  }
}

  // When thumbnails are set to left/right and there is more than one thumbnail, adjust size of main gallery and thumbnail gallery
  .product-gallery--right-thumbnails:not(.product-gallery--media-amount-1),
  .product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) {
    @include respond-to($medium-up) {
      @include flexbox();

      .product-gallery__main {
        width: 85%;
        height: 100%;
      }

      .product-gallery__thumbnails {
        width: 12%; // Width for thumbnail wrapper and margin
        margin-left: 0;
      }

      .product-gallery__thumbnail {
        width: 100% !important;
        margin-bottom: 10px;

        &:last-child {
          margin-bottom: 0;
        }
      }
    }
  }

  // When thumbnails are set to left and there is more than one thumbnail, adjust position of main gallery and thumbnail gallery
  .product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) {
    @include respond-to($medium-up) {
      .product-gallery__main {
        @include order(2);
      }

      .product-gallery__thumbnails {
        @include order(1);
        margin-right: 20px;
      }
    }
  }

  // When thumbnails are set to right and there is more than one thumbnail, adjust position of main gallery and thumbnail gallery
  .product-gallery--right-thumbnails:not(.product-gallery--media-amount-1) {
    @include respond-to($medium-up) {
      .product-gallery__thumbnails {
        margin-left: 20px;
      }
    }
  }

// When thumbnails are hidden
.product-gallery__thumbnails--false {
  // Adds margin bottom to main gallery on mobile
  @include respond-to($medium-down) {
    margin-bottom: 3em;
  }
}

.product-gallery {
  &.display-arrows--false {
    @include respond-to($medium-up) {
      .flickity-viewport:hover .flickity-prev-next-button,
      .flickity-prev-next-button {
        display: none !important; // Ensure navigation arrows do not display
      }
    }
  }

  .flickity-prev-next-button {
    &:hover {
      color: #333333;
    }
  }
}

.product-gallery__main,
.product-gallery__thumbnails.is-slide-nav--true {
  opacity: 0;
  transition: ease-in-out 0.2s opacity;

  &.flickity-enabled,
  &.vertical-slider-enabled {
    opacity: 1;
  }
}

// Adds fade transition for slideshows and product galleries, excludes thumbnail carousels
.slideshow.slideshow-transition--fade,
.product-gallery.slideshow-transition--fade .product-gallery__main {
  .flickity-slider {
    transform: none !important;
  }

  .product-gallery__image,
  .slideshow__gallery-cell {
    left: 0 !important;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: -1;
  }

  .product-gallery__image.is-selected,
  .slideshow__gallery-cell.is-selected {
    opacity: 1;
    z-index: 0
  }
}

.product-gallery__image {
  width: 100%;
  height: auto;
  visibility: hidden; // Helps with focus state when tabbing through slider

  &.is-selected {
    visibility: visible;
  }

  img {
    width: 100%;
    height: auto;
    display: block;
  }
}

.product-gallery__link {
  display: block;
}

// By adjusting width of slide media, :focus outline will now be seen
.product-gallery__image {
  .product-gallery__link,
  model-viewer {
    width: calc(100% - 10px);
    margin: 0 auto;

    &:focus {
      outline: -webkit-focus-ring-color auto 5px;
    }
  }
}

// Media position for all product templates
.product_section.media-position--right {
  @include flex-direction(row-reverse);
}

.product_section.media-position--left,
.product_section.media-position--right {
  @include respond-to($medium-down) {
    @include flex-direction(column);
  }
}

/* #Content Creator
================================================== */

/* Slideshow */

.flickity-slider > li {
  width: 100%;
  text-align: center;
  list-style-type: none;
}

.flexslider {

  .flickity-prev-next-button {
    opacity: 0;
    background: transparent;
    border: 1px solid #333;
    color: #333;
  }

  &:hover .flickity-prev-next-button.previous {
    left: 25px;
    opacity: 0.6;
  }

  &:hover .flickity-prev-next-button.next {
    right: 15px;
    opacity: 0.6;
  }

  &:hover .flickity-prev-next-button:hover {
    opacity: 1;
  }

  .flickity-prev-next-button.arrow-is-inverse {
    .flickity-button-icon {
      transform: scale(-1, 1);
    }
  }
}

/* #Fancybox
================================================== */
/*! fancyBox v2.1.2 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background-color: ;
  color: ;
  text-shadow: none;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -306px;
  opacity: 1;
  cursor: pointer;
  z-index: 8060;
  border-radius: 4px;
  background-color: #fff;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('//alkhairfoam.com/cdn/shop/t/26/assets/loader.gif?v=4911') center center no-repeat;
  background-size: 32px 32px;
  display: block !important;
}

.fancybox-close {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  cursor: pointer;
  z-index: 8040;
  font-size: 18px;
  color: ;
  opacity: 0.6;
  transition: all .3s ease;
}
.fancybox-close span:before {
  margin-right: 0;
}
.gallery .fancybox-close {
  color: #fff;
  background-color: rgba(0,0,0,0.4);
  top: 0;
  right: 0;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
  width: 60px;
  height: 60px;
  font-size: 40px;
  color: #fff;
  display: block;
  opacity: 0;
  transition: all .3s ease;
  background-color: rgba(0,0,0,0.4);
  text-align: center;
  line-height: 62px;
}
.fancybox-nav span:before {
  margin-right: 0;
}
.fancybox-prev span {
  left: 20px;
}
.fancybox-next span:before {
  left: 1px;
}
.fancybox-prev span:before {
  right: 1px;
}
.fancybox-prev span:hover, .fancybox-next span:hover {
  background-color: rgba(0,0,0,0.4);
}

.fancybox-next span {
  right: 20px;
}

.fancybox-nav:hover span {
  visibility: visible;
  opacity: 1;
}

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}

/* Overlay helper */

.no-scroll {
  overflow: hidden;
  height: 100%;
}

.fancybox-lock {
  overflow: hidden;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background-color: rgba(0,0,0,0.6);
  transition: all .2s linear;
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
  width: 100%;
}

.fancybox-opened .fancybox-title {
  display: none;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -28px;
  z-index: 8050;
  text-align: center;
}



.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

/* #Plyr
================================================== */
@keyframes plyr-progress{to{background-position:25px 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:subpixel-antialiased;direction:ltr;font-family:Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;font-weight:500;line-height:1.7;max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease}.plyr audio,.plyr video{border-radius:inherit;height:auto;vertical-align:middle;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5764;border-radius:2px;color:#fff;font-size:9px;line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;color:#fff;display:none;font-size:14px;left:0;padding:10px;position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions .plyr__caption{background:rgba(0,0,0,.8);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__captions .plyr__caption div{display:inline}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:16px;padding:20px}}@media (min-width:768px){.plyr__captions{font-size:18px}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px)}.plyr__control{background:0 0;border:0;border-radius:3px;color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;pointer-events:none;width:18px}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;color:#fff}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;color:#fff}.plyr__control--overlaid{background:rgba(0,179,255,.8);border:0;border-radius:100%;color:#fff;display:none;left:50%;padding:15px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{background:#00b3ff}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls .plyr__controls__item.plyr__volume{padding-right:5px}.plyr__controls .plyr__controls__item.plyr__volume:first-child{padding-right:0}.plyr__controls:empty{display:none}.plyr--audio .plyr__controls{background:#fff;border-radius:inherit;color:#4a5764;padding:10px}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;left:0;padding:20px 5px 5px;position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:35px 10px 10px}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4a5764;font-size:16px;margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border-top-color:rgba(255,255,255,.9);content:'';height:0;position:absolute;right:15px;top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5764;display:flex;font-size:14px;padding:4px 11px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px}.plyr__menu__container .plyr__control--forward::after{border-left-color:rgba(74,87,100,.8);right:5px}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:500;margin:7px;margin-bottom:3px;padding-left:28px;position:relative;width:calc(100% - 14px)}.plyr__menu__container .plyr__control--back::after{border-right-color:rgba(74,87,100,.8);left:7px}.plyr__menu__container .plyr__control--back::before{background:#c1c9d1;box-shadow:0 1px 0 #fff;content:'';height:1px;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(0,0,0,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;overflow:hidden;padding-left:25px;pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:26px;color:#00b3ff;display:block;height:19px;margin:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;transition:all .2s ease;width:13px;-webkit-appearance:none;margin-top:-4px}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-moz-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;transition:all .2s ease;width:13px}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;height:5px}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;transition:all .2s ease;width:13px;margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr__poster{background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:14px}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr--video .plyr__time{text-shadow:0 1px 1px rgba(0,0,0,.15)}.plyr__tooltip{background:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4a5764;font-size:14px;font-weight:500;left:50%;line-height:1.3;margin-bottom:10px;opacity:0;padding:5px 7.5px;pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:16px}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:16px;transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr--video{background:#000;overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;border-radius:inherit;overflow:hidden;position:relative;z-index:0}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr__progress{left:6.5px;margin-right:13px;position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-right:-6.5px;width:calc(100% + 13px)}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:14px;left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;left:0;margin-top:-2.5px;padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;transition:width .2s ease}.plyr--video .plyr__progress__buffer{box-shadow:0 1px 1px rgba(0,0,0,.15);color:rgba(255,255,255,.25)}.plyr--audio .plyr__progress__buffer{color:rgba(193,201,209,.66)}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,41,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,41,47,.6) 50%,rgba(35,41,47,.6) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,201,209,.66)}.plyr__volume{align-items:center;display:flex;flex:1;position:relative}.plyr__volume input[type=range]{margin-left:5px;position:relative;z-index:2}@media (min-width:480px){.plyr__volume{max-width:90px}}@media (min-width:768px){.plyr__volume{max-width:110px}}.plyr--is-ios .plyr__volume{display:none!important}.plyr--is-ios.plyr--vimeo [data-plyr=mute]{display:none!important}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}.plyr:-ms-fullscreen .plyr__captions{font-size:21px}.plyr:fullscreen .plyr__captions{font-size:21px}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:rgba(35,41,47,.8);border-radius:2px;bottom:10px;color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;left:0;margin:-2.5px 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);margin-bottom:10px;opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c9d1;border-radius:2px;overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:2px;color:#fff;font-size:14px;padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}

/* #Model Viewer
================================================== */
.shopify-model-viewer-ui{position:relative;display:block;cursor:pointer}.shopify-model-viewer-ui model-viewer{transform:translateZ(0);z-index:1}.shopify-model-viewer-ui model-viewer.shopify-model-viewer-ui__disabled{pointer-events:none}.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen model-viewer{position:relative;width:100vw;height:100vh}.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--exit-fullscreen{display:block}.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--enter-fullscreen{display:none}.shopify-model-viewer-ui.shopify-model-viewer-ui--desktop.shopify-model-viewer-ui--child-focused .shopify-model-viewer-ui__controls-area,.shopify-model-viewer-ui.shopify-model-viewer-ui--desktop:hover .shopify-model-viewer-ui__controls-area{opacity:1}.shopify-model-viewer-ui:not(.shopify-model-viewer-ui--desktop) .shopify-model-viewer-ui__controls-area{display:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay{position:absolute;width:100%;height:100%;top:0}.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area{display:flex;flex-direction:column;background:#fff;opacity:0;border:1px solid rgba(0,0,0,.05);position:absolute;bottom:10px;right:10px;z-index:1;transition:opacity .1s linear}.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing){display:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__button{color:#3a3a3a;border-radius:0;border:none;margin:0;cursor:pointer}.shopify-model-viewer-ui .shopify-model-viewer-ui__button:not(.focus-visible){outline:0}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control{padding:0;height:44px;width:44px;background:0 0;position:relative}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover{color:rgba(0,0,0,.55)}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active{color:rgba(0,0,0,.55);background:rgba(0,0,0,.05)}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after{position:absolute;content:"";border-bottom:1px solid rgba(0,0,0,.05);width:28px;bottom:0;right:8px}.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon{width:44px;height:44px;fill:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster{background:#fff;position:absolute;border:1px solid rgba(0,0,0,.05);top:50%;left:50%;padding:0;transform:translate3d(-50%,-50%,0);height:62px;width:62px;z-index:1}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover{color:rgba(0,0,0,.55)}.shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon{width:60px;height:60px;z-index:1;fill:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--exit-fullscreen{display:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--enter-fullscreen{display:block}.shopify-model-viewer-ui .shopify-model-viewer-ui__spritesheet{display:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}

/* #Product Media Custom Styles
================================================== */
$product-media-fill-color: ;
$product-media-bg-color: ;

.model__container {
  position: relative;

  model-viewer {
    min-height: 300px;
  }
}

.view-in-your-space {
  padding: 0;
  width: 100%;
  @include flexbox();
  @include justify-content(center);
  @include align-items(center);
  min-height: 44px;
  background: ;
  color: $product-media-fill-color;
  font: inherit;
  text-transform: none;
  border-radius: 0px;
  margin-top: 0;

  &:active,
  &:focus,
  &:hover {
    background: ;
    color: $product-media-fill-color;
  }

  svg {
    width: auto;
    height: auto;
    margin: 0;

    path {
      &:first-child {
        stroke: $product-media-fill-color;
      }

      &:last-child {
        fill: $product-media-fill-color;
      }
    }
  }
}

.plyr--video {
  .plyr__controls {
    background: rgba($product-media-bg-color, 0.6);
    padding: 10px;
  }

  .plyr__control {
    background: transparent;
    color: $product-media-fill-color;

    &:hover {
      background: $product-media-bg-color;
      color: $product-media-fill-color;
    }
  }

  .plyr__controls__item.plyr__time,
  input[type=range],
  .plyr__controls__item {
    color: $product-media-fill-color;
  }

  .plyr__progress input[type=range]+.thumb {
    background-color: $product-media-fill-color;
    color: $product-media-fill-color;
  }

  input[type=range]::-webkit-slider-thumb {
    background-color: $product-media-fill-color;
  }

  input[type=range]::-moz-range-thumb {
    background-color: $product-media-fill-color;
  }

  input[type=range]::-ms-thumb {
    background-color: $product-media-fill-color;
  }

  .plyr__progress__buffer,
  .plyr__control[aria-expanded=true] {
    background-color: rgba($product-media-fill-color, 0.6);
  }

  .plyr__control.plyr__tab-focus {
    background-color: $product-media-fill-color;
  }

  .plyr__control--overlaid {
    background: $product-media-bg-color;
    padding: 4px;
    border-radius: 0;
    border: 1px solid rgba(0,0,0,0.05);

    svg {
      left: auto;
    }

    &:hover {
      background: $product-media-bg-color;
    }
  }

  .plyr__control--overlaid:hover .play-icon-button-control rect {
    opacity: 0.75;
  }

  .plyr__control .play-icon-button-control {
    width: 52px;
    height: 52px;

    rect {
      fill: $product-media-bg-color;
    }

    path {
      fill: $product-media-fill-color;
    }
  }
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-right: 10px;
  padding-left: 10px;
}

// Styles for a vertical volume scrollbar
.plyr--full-ui .plyr__volume {
  background-color: rgba($product-media-bg-color, 0.25);
  border-radius: 5px;
  bottom: 105px;
  height: 40px;
  opacity: 0;
  padding: 10px 15px !important;
  position: absolute;
  transform: rotate(270deg);
  transition: visibility 0.4s linear 0.4s, opacity 0.4s linear 0.3s;
  width: 140px;

  &:before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba($product-media-bg-color, 0.25);
    bottom: 18px;
    content: "";
    left: -6px;
    position: absolute;
    transform: rotate(90deg);
    z-index: 2;
  }

  &:hover {
    opacity: 1;
    visibility: visible;
  }

  &.plyr__volume--is-visible {
    opacity: 1;
    transition: visibility 0.4s linear, opacity 0.4s linear;
  }

  input[type=range] {
    color: $product-media-fill-color;
    margin: 0 auto;
  }
}

.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-runnable-track,
.plyr--full-ui .plyr__volume input[type=range]::-moz-range-track,
.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-thumb,
.plyr--full-ui .plyr__volume input[type=range]::-moz-range-thumb {
  box-shadow: none;
}

.plyr--full-ui .plyr__volume input[type=range]::-ms-fill-upper,
.plyr--full-ui .plyr__volume input[type=range]::-ms-thumb,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}

.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-thumb,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-thumb,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-thumb,
.plyr--full-ui .plyr__volume input[type=range]:active::-webkit-slider-thumb,
.plyr--full-ui .plyr__volume input[type=range]:active::-moz-range-thumb,
.plyr--full-ui .plyr__volume input[type=range]:active::-ms-thumb {
  box-shadow: none;
}

.plyr--audio .plyr--full-ui .plyr__volume {
  bottom: 125px;
  right: -37px;
}

.plyr--is-ios .plyr__volume {
  display: none !important;
}

.plyr__control[data-plyr=mute]:hover + .plyr__volume {
  opacity: 1;
  transition: visibility 0.4s linear, opacity 0.4s linear;
}

@media (min-width: 480px) {
  .plyr--full-ui .plyr__volume input[type=range] {
    max-width: 90px;
  }
}

@include respond-to($medium-up) {
  .plyr--full-ui .plyr__volume input[type=range] {
    max-width: 110px;
  }
}

@include respond-to($large-down) {
  .plyr--is-touch .plyr__volume {
    display: none !important;
  }
}

.shopify-model-viewer-ui {
  .shopify-model-viewer-ui__button {
    color: $product-media-fill-color;
    background: $product-media-bg-color;

    &[hidden] {
      display: none;
    }
  }

  .shopify-model-viewer-ui__button--poster:hover,
  .shopify-model-viewer-ui__button--poster:focus {
    color: rgba($product-media-fill-color, 0.55);
  }


  .shopify-model-viewer-ui__controls-area {
    background: $product-media-bg-color;
    border: 1px solid rgba($product-media-fill-color, 0.05);
  }

  .shopify-model-viewer-ui__button--control:not(:last-child) {
    &:after {
      border-bottom: 1px solid rgba($product-media-fill-color, 0.05);
    }
  }
}

.video-on-hover,
.video-controls-enabled--false {
  @include respond-to($large) {
    .plyr__controls,
    .plyr__control--overlaid {
      opacity: 0;

      & > * {
        pointer-events: none;
        cursor: auto;
      }
    }
  }
}

// Hide controls when video is stopped
.plyr.plyr--stopped .plyr__controls {
  display: none;
}

// Set product media height
.product_slider {
  &.product-height-set {
    model-viewer {
      margin: 0 auto;
    }

    .product-gallery__main img,
    .product-gallery__main .plyr--html5 video {
      width: 100%;
    }

    .product-gallery__main img {
      @include object-fit(contain);
    }

    .product-gallery__main .plyr--youtube .plyr__video-embed {
      height: 100%;
    }
  }
}

.product-gallery {
  .product-gallery__main {
    .product-gallery__image a,
    .product-gallery__image .video__container,
    .product-gallery__image .plyr--youtube {
      @include respond-to($small-down) {
        min-height: 100%;
        max-height: 75vh; // Prevents main product image from taking up whole viewport
      }
    }
  }

  .product-gallery__main {
    model-viewer {
      @include respond-to($small-down) {
        min-height: 300px;
      }
    }
  }
}

.product-gallery__thumbnails {
  .product-gallery__thumbnail {
    position: relative;

    img {
      max-width: 100%;
      height: auto;
    }
  }

  .media-badge {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 33%;
    max-height: 33%;
    min-width: 20px;
    width: 25px;
    height: 25px;

    svg {
      width: 100%;
      height: 100%;
    }

    path {
      &:first-child {
        fill: $product-media-bg-color;
      }

      &:last-child {
        fill: $product-media-fill-color;
      }
    }

    g {
      path {
        &:first-child {
          stroke: $product-media-fill-color;
        }
      }
    }

    .media-badge__outline {
      stroke: rgba($product-media-fill-color, 0.05);
    }
  }
}

/* #Currency / language switcher
================================================== */

.selectors-form {
  margin: 0;
}

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

.selectors-form__item {
  display: inline-block;
  margin-left: 8px;

  &:first-of-type {
    margin-left: 0;
  }
}

.disclosure {
  position: relative;
}

// Fix for capitalization issue in cross border
.disclosure-text-style-none {

  button.disclosure__toggle,
  button.disclosure__button {
    text-transform: capitalize;
  }
}

.disclosure-text-style-uppercase {

  button.disclosure__toggle,
  button.disclosure__button {
    text-transform: uppercase;
  }
}

.disclosure-text-style-lowercase {

  button.disclosure__toggle,
  button.disclosure__button {
    text-transform: lowercase;
  }
}

.disclosure--currency,
.disclosure--i18n {
  padding: 0 3px;
}

.disclosure__toggle {
  font-family: , ;
  font-size: px;
  font-weight: ;
  font-style: ;
  text-transform: ;
  letter-spacing: px;
  padding: 6px 6px 7px 6px; /* Match cart button padding */
  border-radius: 0px;

  &.is-rounded {
    border-radius: 4px;
  }

  &.is-clicked,
  &:focus,
  &:hover {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  &.is-clicked + .disclosure__list-wrap {
    display: block !important; // Overwrite existing dropdown styles
  }
}

.disclosure__toggle--i18n,
.disclosure__toggle--currency {
  margin-top: 5px;
}

.disclosure__list-wrap {
  bottom: 100%;
  display: none !important; // Overwrite existing dropdown styles
  position: absolute;
  z-index: 1000;
}

.disclosure-list {
  background-color: #fff;
  border: 1px solid #dfdfdf;
  list-style: none;
  padding: 0px 10px;
  margin-left: 0;
  margin-bottom: 0;
  white-space: nowrap;
}

.disclosure-list__item {
  line-height: 1;
  margin-bottom: 0;
}

button.disclosure__button {
  font-family: , ;
  font-size: px;
  font-style: ;
  font-weight: ;
  text-transform: ;
  letter-spacing: px;
  background-color: transparent;
  width: 100%;
  text-align: left;
  padding: 0;
  color: ;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  -ms-transition: color .1s linear;
  transition: color .1s linear;

  &:hover,
  &[aria-current="true"] {
    opacity: 0.5;
  }
}

/* Newsletter */

.shopify-section--newsletter {
  h2 {
    color: inherit;
    background-color: inherit;
  }
  input {
    height: 40px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
  }
  input[type="text"],
  input[type="email"] {
    
      min-width: calc(250px - 10px);
    

    @include respond-to($medium-down) {
      min-width: 100%;
      margin-right: 0;
    }
  }
}

.newsletter_popup {
  margin-bottom: 1.5em;

  .input-row {
    @include flex-wrap(wrap);
    input[type="text"] { @include flex(1 0 calc(50% - 10px)); }
    input[type="email"] { @include flex(1 0 calc(70% - 10px)); }
  }

  .fancybox-inner {
    overflow-y: auto;
  }

  .contact-form {
    width: 460px;
    margin: 0 auto;

    @include respond-to($medium-down) {
      width: 100%;
    }
  }

  input.sign_up {
    display: inline-block;
    width: calc(30% - 10px);

    @include respond-to($medium-down) {
      width: 100%;
    }
  }
}

.sub-footer .newsletter {
  input {
    width: 100%;
  }
}

.newsletter_popup .fancybox-skin, .newsletter_popup .fancybox-skin p.headline,
.newsletter_popup .fancybox-skin a, .newsletter_popup .fancybox-skin a:visited {
  color:  !important;;
}
.newsletter_popup .newsletter {
  margin-bottom: 0;
}
.newsletter_popup .fancybox-skin {
  background-color: ;
}
.newsletter_popup .fancybox-close {
  color:  !important;
}




//Zoom on image
[data-slideshow-animation="zoom"] img {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor: zoom-in;
}

/* #Media Queries
================================================== */
  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {
    .collection_menu {
      display: none;
    }
    h1.collection_title_tags, div.collection_title_tags {
      border-right: 0;
      margin-right: 0;
      padding-right: 0;
    }
    .cloudzoom-lens {
      width:140px;
      height:120px;
    }
  }

/* Standard 960 to widescreen 1200(desktop browsers) */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
  .nav ul li {
    padding: 0 7px;
  }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
  @include respond-to($large) {
    .nav ul.menu li {
      padding: 10px 3px;
    }
    .nav ul li .cart-button {
      background-color: transparent;
      padding: 0;
      color:  !important;
    }
    .header_bar .nav ul li .cart-button {
      color:  !important;
      color: red !important;
      padding: 5px;
    }
    .nav ul li .cart-button span { display: none }

    .cart_count {
      top: -6px;
      left: 10px;
    }
  }
/* All Mobile Sizes (devices and browser) */
  @include respond-to($medium-down) {
    
    .article_image {
      padding-bottom: 0;
    }
    .sidebar__content {
      border: 0;
      padding: 0;
    }
    #tag_filter, #sort-by {
      margin-bottom: 1em !important;
    }
    .blog_filter { margin-top: 1em; width: 100% !important; }
    .section_select { text-align: center; }
    .flex-control-nav { bottom: 10px }

    .or {
      text-align: center;
      width: 100%;
      display: inline-block;
      padding-left: 0;
      padding-bottom: 5px;
    }
    .header {
      background-color: ;
      border-bottom: solid 1px ;
    }
    .mobile_logo {
      display: block;
      text-align: center;
    }
    .logo a {
        margin: 40px auto 0 auto;
    }
    #header a.mobile_logo_inside {
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      font-size: 18px;
      line-height: 34px;
      z-index: -1;
      width: auto;
      @include flexbox();
      @include justify-content(center);
      @include align-items(center);
    }
    #header a.mobile_logo img {
      width: auto;
      max-width: 150px;
      max-height: 30px;
      padding-top: 2px;
    }

    #header a.mobile_logo_inside img {
      width: auto;
      max-width: 150px;
      max-height: 30px;
    }

    .mobile_hidden { display: none !important }
    table tr.order_summary td.label { text-align: left }
    .feature_image .logo a, .feature_image .logo a:hover, .feature_image .logo a:visited, .feature_image .logo a:active {
      color: ;
      text-align: center;
    }
    .cart_count {
      left: 8px;
    }
    .breadcrumb {
      text-align: center;
    }
    .header {
      display: none;
    }
    .toggle {
      transition: transform 0.3s linear;
    }
    .toggle_list {
      display: none;
    }
    select {
      width:100%;
    }

    input[type="submit"],
    input[type="reset"],
    input[type="button"],
    input.action_button[type="submit"],
    input.action_button[type="button"],
    .sign_up {
      width: 100%;
      padding: 11px 20px;
    }
    .container .column.thumbnail, .container .columns.thumbnail {
      margin-top: 1em;
    }
  .title_column {
    float:left;
  }
  .container div.mobile_only {
    display:block;
  }
  span.mobile_only {
    display: inline;
  }
  .price_total_text {
    display:block;
  }
  .update_subtotal,
  .remove_column,
  .checkout_table_header {
    display: none;
  }
  .mobile_right {
    text-align: right;
  }
  .quick_shop {
    display: none !important;
  }
  .cart_price {
    display: block;
    margin-bottom: 0;
  }
  table tr th,
  table tr td {
    padding: 2px;
  }
  .order_details_table tr th,
  .order_details_table tr td {
    padding: 15px;
  }
  #customer_orders tr th,
  #customer_orders tr td {
    padding: 15px;
  }
  input.action_button {
    margin-bottom: 1em !important;
  }
  .multiple_product_images {
    display: none;
  }
  .container .blog_content {
    padding-left: 0;
    border: 0;
  }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @include respond-to($small) {
    .mobile_hidden {
      display: none !important;
    }
  }
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @include respond-to($small-down) {
    .mobile_hidden {
      display: none !important;
    }
    h1,
    h2,
    h1.home,
    h1.blog_title,
    h3,
    h4,
    h5,
    h6,
    .title a {
        font-size: 150%;
      }
    h1, h1.home, h1.blog_title, .title a, h2 {
        padding:0;
      }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
  html {
    -webkit-text-size-adjust: 100%;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  select.currencies {
    position: relative;
    top: 21px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: $medium) {
  select,
  textarea,
  input {
    font-size: 16px !important;
  }
}
.social_buttons, .social_buttons a {
  color:  !important;
}
.social_buttons a {
  padding-left: 5px;
  font-size: 18px;
  padding-left: 10px;
  position: relative;
  top: 2px;
}
.social_buttons a:hover {
  color:  !important;
}

/* #Icons
================================================== */
@font-face {
  font-family: 'retina';
  src: url('//alkhairfoam.com/cdn/shop/t/26/assets/retina.eot?v=4911');
  src: url('//alkhairfoam.com/cdn/shop/t/26/assets/retina.eot?%23iefix&v=4911') format('embedded-opentype'),
       url('//alkhairfoam.com/cdn/shop/t/26/assets/retina.woff?v=4911') format('woff'),
       url('//alkhairfoam.com/cdn/shop/t/26/assets/retina.ttf?v=4911') format('truetype'),
       url('//alkhairfoam.com/cdn/shop/t/26/assets/retina.svg?v=4911') format('svg');
  font-weight: normal;
  font-style: normal;
}
  [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "retina";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1.01em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
}

.icon-pinterest:before { content: "\e906"; }
.icon-check:before { content: "\e901"; }
.icon-minus:before { content: "\e90c"; }
.icon-menu:before { content: "\e910"; }
.icon-search:before { content: "\e911"; }
.icon-account:before { content: "\e915"; }
.icon-bag:before { content: "\e916"; }
.icon-plus:before { content: "\e917"; }
.icon-close:before { content: "\e90d"; }
.icon-arrow-down:before { content: "\e904"; }
.icon-email:before { content: "\e905"; }
.icon-arrow-left:before { content: "\e90a"; }
.icon-phone:before { content: "\e90e"; }
.icon-arrow-right:before { content: "\e913"; }
.icon-arrow-up:before { content: "\e918"; }
.icon-youtube:before { content: "\e914"; }
.icon-vimeo:before { content: "\e912"; }
.icon-rss:before { content: "\e908"; }
.icon-houzz:before { content: "\e909"; }
.icon-snapchat:before { content: "\e90b"; }
.icon-instagram:before { content: "\e90f"; }
.icon-arrow-down:before { content: "\e904"; }
.icon-email:before { content: "\e905"; }
.icon-arrow-left:before { content: "\e90a"; }
.icon-phone:before { content: "\e90e"; }
.icon-arrow-right:before { content: "\e913"; }
.icon-arrow-up:before { content: "\e918"; }
.icon-youtube:before { content: "\e914"; }
.icon-cart:before { content: "\e93a"; }
.icon-facebook:before { content: "\ea90"; }
.icon-twitter:before { content: "\ea96"; }
.icon-tumblr:before { content: "\eab9"; }
.icon-linkedin:before { content: "\eaca"; }

.search-submit {
  position: relative;
  right: 20px;
  float: right;
  top: 46px;
  font-size: 28px;
  cursor: pointer;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-20px,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(20px,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opaacity:0}}.zoomOut{animation-name:zoomOut}

/* #Font-Face
================================================== */
/*  This is the proper syntax for an @font-face file.
    Upload your font files to Assets and then
    copy your FontName into code below and remove
    comment brackets */

/*  @font-face {
      font-family: 'FontName';
      src: url('FontName.eot');
      src: url('FontName.eot?iefix') format('eot'),
           url('FontName.woff') format('woff'),
           url('FontName.ttf') format('truetype'),
           url('FontName.svg#webfontZam02nTh') format('svg');
      font-weight: normal;
      font-style: normal; }
*/


/* #Custom Styles
================================================== */

  
  
/*   #shopify-section-contact-template .image-element__wrap img {
   height: 600px;
    object-fit: cover; 
  }
  
  #shopify-section-contact-template .banner-section__caption {
    transform: none;
    background: rgba(0,0,0,0.5);
    top: unset;
    bottom: 0;
  }
  
  #shopify-section-contact-template .map__display {
    margin-right: 40px;
  } */
  
  
  #shopify-section-contact-template .banner-section__caption {
   position: static; 
  }
  
  #shopify-section-contact-template .map--container > .container {
   padding: 0; 
  }
  
  .cstm_contact_flex {
   display: flex;
    align-items: center;
  }
  
  .cstm_contact_flex_item {
   width: 50%; 
  }
  
  #shopify-section-contact-template .banner-section__caption-headline {
   	color: #284473;
    font-size: 28px;
    font-weight: 600;
  }
  
  #shopify-section-contact-template .banner-section__caption-subtitle p {
    color: #8A8A8A;
    font-size: 16px;
    font-weight: 400;
  }
  
  #shopify-section-contact-template .contact__form {
    position: static;
    width: 80%;
    margin: auto;
  }
  
/*   #shopify-section-contact-template .contact__form-name {
   margin: 0; 
  } */
  
  .cstm_contact_h2 {
   text-align: center;
    color: #284473;
    margin-top: 30px;
    font-size: 32px;
    font-weight: 600;
  }
  
  #shopify-section-contact-template .main_content_area {
     display: none; 
    }
  
  .page-contact .sub-footer {
     margin-top: 0; 
    }
  
  .page-about-us #content_wrapper {
    margin-top: 100px;
  }
  
  .promo_banner--true #content_wrapper {
    margin-top: 70px;
  }
  
  .page-about-us .image-with-text-container .two-thirds {
    width: 11%;
  }
  
  .page-about-us .image-with-text-container .one-third {
   width: 85%; 
  }
  
  .page-about-us .image-with-text-container .one-third .info {
    width: 100%;
    padding-top: 0;
  }
  
  .page-about-us .content-wrapper .title {
    color: #284473;
    font-size: 32px;
    font-weight: 600;
  }
  
  
  .header .menu a[href="/collections/foam-mattress"]::before {
    content: "";
    width: 36px;
    height: 36px;
    display: block;
    vertical-align: middle;
    transform: none;
    margin: auto;
    margin-bottom: 10px;
    background: url('/cdn/shop/files/Mattress_icone.jpg?v=1644669648');
    background-size: 100%;
  }
  
  .header .menu a[href="/collections/accessories"]::before {
    content: "";
    width: 36px;
    height: 36px;
    display: block;
    vertical-align: middle;
    transform: none;
    margin: auto;
    margin-bottom: 10px;
    background: url('/cdn/shop/files/Pillow_icone_1.jpg?v=1644682163');
    background-size: 100%;
  }
  
  .header .menu a[href="/collections/ortho-mattress"]::before {
    content: "";
    width: 36px;
    height: 36px;
    display: block;
    vertical-align: middle;
    transform: none;
    margin: auto;
    margin-bottom: 10px;
    background: url('/cdn/shop/files/1606167081_0.jpg?v=1644669747');
    background-size: 100%;
  }
  
  .header .menu a[href="/collections/furniture"]::before {
    content: "";
    width: 36px;
    height: 36px;
    display: block;
    vertical-align: middle;
    transform: none;
    margin: auto;
    margin-bottom: 10px;
    background: url('/cdn/shop/files/1606168135_0.jpg?v=1644669747');
    background-size: 100%;
  }
  
  .header .menu a[href="/collections/spring-mattress"]::before {
    content: "";
    width: 36px;
    height: 36px;
    display: block;
    vertical-align: middle;
    transform: none;
    margin: auto;
    margin-bottom: 10px;
    background: url('/cdn/shop/files/1606168162_0.jpg?v=1644669747');
    background-size: 100%;
  }
  
  .page {
   width: 100%; 
  }
  
  .header .menu a {
   font-size: 12px !important; 
  }
  
  
  
  @media only screen and (max-width: 500px) {
    
    
/*     #shopify-section-contact-template .image-element__wrap img {
   		height: auto;
    }
    
    #shopify-section-contact-template .map__display {
    	margin-right: 0;
      margin-top: 10px;
    }
    
    #shopify-section-contact-template .banner-section__caption-subtitle p {
     margin-bottom: 0; 
    }
    
    #shopify-section-contact-template .main_content_area {
     display: none; 
    }
    
    #shopify-section-contact-template .map__contact-form > .info {
     padding-left: 0;
      padding-bottom: 0;
    } */
    
    
    
    
    .cstm_contact_flex {
      flex-wrap: wrap;
      padding: 0 20px;
  }
  
  .cstm_contact_flex_item {
   		width: 100%; 
  }
    
    #shopify-section-contact-template .contact__form {
     width: 100%; 
    }
    
    #shopify-section-contact-template .banner-section__caption .container > div {
      position: static;
    width: 100%;
    }
    
    #shopify-section-header, #shopify-section-header .mobile_logo {
     padding-top: 0 !important; 
    }
    
 
  }  

.container
  {
    max-width : 100% !important;
    padding-left : 100px;
    padding-right : 100px;

  }

  .main-page-title
    {
      color: white !important;  
    }
  
@media screen and (max-width: 768px)
{
  .container
  {
    padding-left : 20px;
    padding-right : 20px;

  }
}

/* Cart Page */
cart-items .title-wrapper-with-link
{
  margin-top : 100px !important;  
}


                              /* Sale Badge background color change */
                               /* 
.badge--bottom-left{
background-color: green !important;
} */

/* sale line through color change  */
                               
.price--on-sale .price-item--regular{
text-decoration-color: red !important;
}