/** Shopify CDN: Minification failed

Line 19:0 Unexpected "$"
Line 115:0 Unexpected "$"
Line 137:0 Comments in CSS use "/* ... */" instead of "//"
Line 138:21 Unexpected "{"
Line 138:31 Expected ":"
Line 138:50 Unexpected ";"
Line 141:26 Unexpected "{"
Line 141:36 Expected ":"
Line 141:57 Unexpected ";"
Line 143:23 Unexpected "{"
... and 194 more hidden warnings

**/
/*==============================================================================
Based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/functions/_px-to-em.scss
==============================================================================*/
$white:#ffffff;
@function em($pxval, $base: 14) {
  @if not unitless($pxval) {
    $pxval: strip-units($pxval);
  }
  @if not unitless($base) {
    $base: strip-units($base);
  }
  @return ($pxval / $base) * 1em;
}
/*============================================================================
based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/functions/_strip-units.scss
==============================================================================*/
@function strip-units($value) {
  @return ($value / ($value * 0 + 1));
}
/*================ THEME SASS HELPERS ================*/
@function adaptive-color($color, $percentage) {
  @if (lightness($color) > 40) {
    @return darken($color, $percentage);
  } @else {
    @return lighten($color, $percentage);
  }
}

@function color-control($color) {
  @if (lightness($color) > 40) {
    @return #1c1d1d;
  } @else {
    @return #fff;
  }
}

/*================ Prefix mixins ================*/
@mixin transform($transform) {
  @include prefix(transform, #{$transform}, ms webkit spec);
}

@mixin animation($animation) {
  @include prefix(animation, #{$animation}, moz o webkit spec);
}

@mixin keyframes($name) {
  @-webkit-keyframes #{$name} {
    @content;
  }
  @-moz-keyframes #{$name} {
    @content;
  }
  @-ms-keyframes #{$name} {
    @content;
  }
  @keyframes #{$name} {
    @content;
  }
}

@mixin linearGradient($top, $bottom){
  background: $top; /* Old browsers */
  background: -moz-linear-gradient(top,  $top 0%, $bottom 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$top), color-stop(100%,$bottom)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  $top 0%,$bottom 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  $top 0%,$bottom 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  $top 0%,$bottom 100%); /* IE10+ */
  background: linear-gradient(to bottom,  $top 0%,$bottom 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

@mixin backface($visibility: hidden) {
  @include prefix(backface-visibility, #{$visibility}, webkit spec);
}

@mixin filter($filter: none) {
  -webkit-filter: $filter;
  filter: $filter;
}

@mixin overlay($z-index: null) {
  &::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #3d4246;
    opacity: 0.4;

    @if ($z-index) {
      z-index: $z-index;
    }
  }
}


/*================ SASS VARIABLES & SETTINGS ================*/
$grid-medium: 750px;
$grid-large: 990px;
$grid-widescreen: 1400px;
$grid-gutter: 20px;

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

/*============================================================================
  Generate breakpoint-specific column widths and push classes
    - Default column widths: $grid-breakpoint-has-widths: ($small, $medium-up);
    - Default is no push classes
==============================================================================*/
$grid-breakpoint-has-widths: ($small, $medium-up, $large-up);

/*================ Color Variables ================*/
// Button colors
$color-btn-primary: {{ settings.color_button_bg }};
$color-btn-primary-hover: adaptive-color($color-btn-primary, 10%);
$color-btn-primary-active: adaptive-color($color-btn-primary-hover, 10%);
$color-btn-primary-text: {{ settings.color_button_text }};

$color-btn-secondary: {{ settings.color_footer_bg }};
$color-btn-secondary-hover: adaptive-color($color-btn-secondary, 5%);
$color-btn-secondary-active: adaptive-color($color-btn-secondary-hover, 10%);
$color-btn-secondary-text: color-control($color-btn-secondary);

$color-btn-secondary-accent: {{ settings.color_button_bg }};
$color-btn-secondary-accent-hover: adaptive-color($color-btn-secondary-accent, 10%);
$color-btn-secondary-accent-active: adaptive-color($color-btn-secondary-accent-hover, 10%);

// Accent color (nav and links)
$color-accent-hover: darken({{ settings.color_button_bg }}, 15%);

// General colors
$color-body-text: {{ settings.color_body_text }};
$color-body: {{ settings.color_body_bg }};
$color-content: {{ settings.color_content_bg }};
$color-accent: {{ settings.color_primary }};

// Forms
$color-form: #f4f4f4;
$color-form-text: #333;

// Helper colors for form error states
$color-disabled: darken($color-form, 12%);
$color-disabled-border: adaptive-color($color-form, 50%);
$color-disabled-text: rgba(0, 0, 0, 0.4);
$color-error: #ec523e;
$color-error-bg: #ec523e;

/*================ Z-Index ================*/
$z-index-dropdown: 5;
$z-index-product-card: 1;
$z-index-collection-card: 1;
$z-index-content: 2;
$z-index-drawer: 9999;
$z-index-stickynav: 5;
$z-index-nav-links: 7; // must be at least 2 higher than dropdown
$z-index-notification: 100; 
$z-index-skip-to-content: 10000;
$z-index-video-overlay: 15;
$z-index-video-content: 16;

/*================ Drawers ================*/
$drawer-width: 350px;
$color-drawer-text: darken($color-body-text, 25%);

/*================ Right to left ================*/
$rtl-left : left;
$rtl-right : right;
@mixin rtl-base-simple ($property, $direction) {
  #{$property}:$direction;
  .rtl & {
    @if $direction == $rtl-right {
      #{$property}:$rtl-left;
    }
    @else {
      #{$property}:$rtl-right;
    }
  }
}
@mixin rtl-base-inherit ($property, $direction, $value, $inherit : inherit) {
  #{$property}-#{$direction}: $value;
  .rtl & {
    @if $direction == $rtl-right {
      #{$property}-#{$rtl-left}: $value;
    }
    @else {
      #{$property}-#{$rtl-right}: $value;
    }
    #{$property}-#{$direction}: $inherit;
  }
}
@mixin rtl-base-toprightbottomleft ($property, $t, $r, $b, $l) {
  #{$property}: $t $r $b $l;
  .rtl & {
    #{$property}: $t $l $b $r;
  }
}

@mixin rtl-margin ($t, $r, $b, $l) {
  @include rtl-base-toprightbottomleft(margin,$t, $r, $b, $l);
}
@mixin rtl-margin-left ($value) {
  @include rtl-base-inherit(margin,$rtl-left,$value);
}
@mixin rtl-margin-right ($value) {
  @include rtl-base-inherit(margin,$rtl-right,$value);
}
@mixin rtl-padding ($t, $r, $b, $l) {
  @include rtl-base-toprightbottomleft(padding,$t, $r, $b, $l);
}
@mixin rtl-padding-left ($value) {
  @include rtl-base-inherit(padding,$rtl-left,$value);
}
@mixin rtl-padding-right ($value) {
  @include rtl-base-inherit(padding,$rtl-right,$value);
}
@mixin rtl-border-left ($value) {
  @include rtl-base-inherit(border,$rtl-left,$value);
}
@mixin rtl-border-right ($value) {
  @include rtl-base-inherit(border,$rtl-right,$value);
}
@mixin rtl-left ($value) {
  #{$rtl-left}: $value;
  .rtl & {
    #{$rtl-right}: $value;
    #{$rtl-left}: auto;
  }
}
@mixin rtl-right ($value) {
  #{$rtl-right}: $value;
  .rtl & {
    #{$rtl-left}: $value;
    #{$rtl-right}: auto;
  }
}
@mixin rtl-text-align-left () {
  @include rtl-base-simple(text-align, $rtl-left);
}
@mixin rtl-text-align-right () {
  @include rtl-base-simple(text-align, $rtl-right);
}
@mixin rtl-float-left () {
  @include rtl-base-simple(float, $rtl-left);
}
@mixin rtl-float-right () {
  @include rtl-base-simple(float, $rtl-right);
}
@mixin rtl-background-position-left ($vertical) {
  background-position:$rtl-left $vertical !important;
  .rtl & {
    background-position:$rtl-right $vertical !important;
  }
}
@mixin rtl-background-position-right ($vertical) {
  background-position:$rtl-right $vertical;
  .rtl & {
    background-position:$rtl-left $vertical;
  }
}
@mixin rtl-background-position-percent ($vertical, $horPercent) {
  background-position:$horPercent $vertical;
  .rtl & {
    background-position:100% - $horPercent $vertical;
  }
}
@mixin rtl-border-radius($tl, $tr, $br, $bl) {
  -moz-border-radius: $tl $tr $br $bl;
  -webkit-border-radius: $tl $tr $br $bl;
  border-radius: $tl $tr $br $bl;
  .rtl & {
    -moz-border-radius: $tr $tl $bl $br;
    -webkit-border-radius: $tr $tl $bl $br;
    border-radius: $tr $tl $bl $br;
  }
}
@mixin rtl-border-radius-topright ($value) {
  -moz-border-top-#{$rtl-right}-radius: $value;
  -webkit-border-top-#{$rtl-right}-radius: $value;
  border-top-#{$rtl-right}-radius: $value;
  .rtl & {
    -moz-border-top-#{$rtl-left}-radius: $value;
    -webkit-border-top-#{$rtl-left}-radius: $value;
    border-top-#{$rtl-left}-radius: $value;
    -moz-border-top-#{$rtl-right}-radius: inherit;
    -webkit-border-top-#{$rtl-right}-radius: inherit;
    border-top-#{$rtl-right}-radius: inherit;
  }
}
@mixin rtl-border-radius-bottomright ($value) {
  -moz-border-bottom-#{$rtl-right}-radius: $value;
  -webkit-border-bottom-#{$rtl-right}-radius: $value;
  border-bottom-#{$rtl-right}-radius: $value;
  .rtl & {
    -moz-border-bottom-#{$rtl-left}-radius: $value;
    -webkit-border-bottom-#{$rtl-left}-radius: $value;
    border-bottom-#{$rtl-left}-radius: $value;
    -moz-border-bottom-#{$rtl-right}-radius: inherit;
    -webkit-border-bottom-#{$rtl-right}-radius: inherit;
    border-bottom-#{$rtl-right}-radius: inherit;
  }
}
@mixin rtl-border-radius-topleft ($value) {
  -moz-border-top-#{$rtl-left}-radius: $value;
  -webkit-border-top-#{$rtl-left}-radius: $value;
  border-top-#{$rtl-left}-radius: $value;
  .rtl & {
    -moz-border-top-#{$rtl-right}-radius: $value;
    -webkit-border-top-#{$rtl-right}-radius: $value;
    border-top-#{$rtl-right}-radius: $value;
    -moz-border-top-#{$rtl-left}-radius: inherit;
    -webkit-border-top-#{$rtl-left}-radius: inherit;
    border-top-#{$rtl-left}-radius: inherit;
  }
}
@mixin rtl-border-radius-bottomleft ($value) {
  -moz-border-bottom-#{$rtl-left}-radius: $value;
  -webkit-border-bottom-#{$rtl-left}-radius: $value;
  border-bottom-#{$rtl-left}-radius: $value;
  .rtl & {
    -moz-border-bottom-#{$rtl-right}-radius: $value;
    -webkit-border-bottom-#{$rtl-right}-radius: $value;
    border-bottom-#{$rtl-right}-radius: $value;
    -moz-border-bottom-#{$rtl-left}-radius: inherit;
    -webkit-border-bottom-#{$rtl-left}-radius: inherit;
    border-bottom-#{$rtl-left}-radius: inherit;
  }
}

/*============================================================================
Flexbox prefix mixins from Bourbon: https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/css3/_flex-box.scss
==============================================================================*/
@mixin display-flexbox() {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%; // necessary for ie10
}

@mixin flex-wrap($value: nowrap) {
  @include prefix(flex-wrap, $value, webkit moz ms spec);
}

@mixin flex-direction($value: row) {
  @include prefix(flex-direction, $value, webkit spec);
}

@mixin align-items($value: stretch) {
  // sass-lint:disable no-misspelled-properties
  $alt-value: $value;

  @if $value == 'flex-start' {
    $alt-value: start;
  } @else if $value == 'flex-end' {
    $alt-value: end;
  }

  -ms-flex-align: $alt-value;
  @include prefix(align-items, $value, webkit moz ms o spec);
}

@mixin align-content($value: stretch) {
  @include prefix(align-content, $value, webkit moz ms spec);
}

@mixin flex($value) {
  @include prefix(flex, $value, webkit moz ms spec);
}

@mixin flex-basis($width: auto) {
  -ms-flex-preferred-size: $width;
  @include prefix(flex-basis, $width, webkit moz spec);
}

@mixin align-self($align: auto) {
  -ms-flex-item-align: $align;
  @include prefix(align-self, $align, webkit spec);
}

@mixin justify-content($value: center) {
  @include prefix(justify-content, $value, webkit moz ms spec);
}

/*================ Style mixins ================*/

@mixin nav-text-style() {
  font-size: var(--g-font-size);
  font-weight: bold;
}

@mixin placeholder-text() {
  font-size: var(--g-font-size);
  color: $color-body-text;
  opacity: 0.6;
}

@mixin error-placeholder-text() {
  color: #fff;
  opacity: 0.6;
}

@mixin opacity-placeholder-text() {
  opacity: 1;
}

/*================ #Mixins ================*/
@mixin clearfix() {
  &:after {
    content: '';
    display: table;
    clear: both;
  }

  *zoom: 1;
}

/*============================================================================
Prefix mixin for generating vendor prefixes.Based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/addons/_prefixer.scss
==============================================================================*/
@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 user-select($value: none) {
  @include prefix('user-select', #{$value}, moz ms webkit spec);
}

/*================ Media Query Mixin ================*/
@mixin media-query($media-query) {
  $breakpoint-found: false;

  @each $breakpoint in $grid-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";
  }
}

/*================ Media Query IE z-index Mixin ================*/
@mixin media-query-ie-z-index($z-index) {
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    z-index: $z-index;
  }
}

/*================ Responsive Show/Hide Helper ================*/
@mixin responsive-display-helper($grid-breakpoint-type:"") {
  .#{$grid-breakpoint-type}show {
    display: block !important;
  }

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

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

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

/*============================================================================
  Grid Setup
    1. Allow the grid system to be used on lists.
    2. Remove any margins and paddings that might affect the grid system.
    3. Apply a negative `margin-left` to negate the columns' gutters.
==============================================================================*/
// Floated grid
.grid {
  @include clearfix();
}

.grid {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -$grid-gutter;
}

.grid__item {
  float: left;
  padding-left: $grid-gutter;
  width: 100%;
  @include flex-basis(auto!important);
}

.grid__item[class*="--push"] {
  position: relative;
}

/*================ Flex grid ================*/
.flex {
  @include display-flexbox();
}

.flex__item {
  position: relative;
  @include flex(1 1 100%);
  width: auto!important;
  min-width: 0; // Firefox fix
}

.flex__item--fixed {
  @include flex(0 1 auto);
}

/*============================================================================
  Grid Columns
    - Create width classes, prepended by the breakpoint name.
==============================================================================*/
@mixin grid-column-generator($grid-breakpoint-type:"") {
  /** Whole */
  .#{$grid-breakpoint-type}one-whole       { width: 100%; @include flex-basis(100%); }

  /* Halves */
  .#{$grid-breakpoint-type}one-half        { width: percentage(1/2); @include flex-basis(percentage(1/2)); }

  /* Thirds */
  .#{$grid-breakpoint-type}one-third       { width: percentage(1/3); @include flex-basis(percentage(1/3)); }
  .#{$grid-breakpoint-type}two-thirds      { width: percentage(2/3); @include flex-basis(percentage(2/3)); }

  /* Quarters */
  .#{$grid-breakpoint-type}one-quarter     { width: percentage(1/4); @include flex-basis(percentage(1/4)); }
  .#{$grid-breakpoint-type}two-quarters    { width: percentage(2/4); @include flex-basis(percentage(2/4)); }
  .#{$grid-breakpoint-type}three-quarters  { width: percentage(3/4); @include flex-basis(percentage(3/4)); }

  /* Fifths */
  .#{$grid-breakpoint-type}one-fifth       { width: percentage(1/5); @include flex-basis(percentage(1/5)); }
  .#{$grid-breakpoint-type}two-fifths      { width: percentage(2/5); @include flex-basis(percentage(2/5)); }
  .#{$grid-breakpoint-type}three-fifths    { width: percentage(3/5); @include flex-basis(percentage(3/5)); }
  .#{$grid-breakpoint-type}four-fifths     { width: percentage(4/5); @include flex-basis(percentage(4/5)); }

  /* Sixths */
  .#{$grid-breakpoint-type}one-sixth       { width: percentage(1/6); @include flex-basis(percentage(1/6)); }
  .#{$grid-breakpoint-type}two-sixths      { width: percentage(2/6); @include flex-basis(percentage(2/6)); }
  .#{$grid-breakpoint-type}three-sixths    { width: percentage(3/6); @include flex-basis(percentage(3/6)); }
  .#{$grid-breakpoint-type}four-sixths     { width: percentage(4/6); @include flex-basis(percentage(4/6)); }
  .#{$grid-breakpoint-type}five-sixths     { width: percentage(5/6); @include flex-basis(percentage(5/6)); }

  /* Eighths */
  .#{$grid-breakpoint-type}one-eighth      { width: percentage(1/8); @include flex-basis(percentage(1/8)); }
  .#{$grid-breakpoint-type}two-eighths     { width: percentage(2/8); @include flex-basis(percentage(2/8)); }
  .#{$grid-breakpoint-type}three-eighths   { width: percentage(3/8); @include flex-basis(percentage(3/8)); }
  .#{$grid-breakpoint-type}four-eighths    { width: percentage(4/8); @include flex-basis(percentage(4/8)); }
  .#{$grid-breakpoint-type}five-eighths    { width: percentage(5/8); @include flex-basis(percentage(5/8)); }
  .#{$grid-breakpoint-type}six-eighths     { width: percentage(6/8); @include flex-basis(percentage(6/8)); }
  .#{$grid-breakpoint-type}seven-eighths   { width: percentage(7/8); @include flex-basis(percentage(7/8)); }

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

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

/*================ Grid push classes ================*/
@mixin grid-push-generator($grid-breakpoint-type:"") {
  /* Halves */
  .#{$grid-breakpoint-type}push-one-half        { left: percentage(1/2); }

  /* Thirds */
  .#{$grid-breakpoint-type}push-one-third       { left: percentage(1/3); }
  .#{$grid-breakpoint-type}push-two-thirds      { left: percentage(2/3); }

  /* Quarters */
  .#{$grid-breakpoint-type}push-one-quarter     { left: percentage(1/4); }
  .#{$grid-breakpoint-type}push-two-quarters    { left: percentage(2/4); }
  .#{$grid-breakpoint-type}push-three-quarters  { left: percentage(3/4); }

  /* Fifths */
  .#{$grid-breakpoint-type}push-one-fifth       { left: percentage(1/5); }
  .#{$grid-breakpoint-type}push-two-fifths      { left: percentage(2/5); }
  .#{$grid-breakpoint-type}push-three-fifths    { left: percentage(3/5); }
  .#{$grid-breakpoint-type}push-four-fifths     { left: percentage(4/5); }

  /* Sixths */
  .#{$grid-breakpoint-type}push-one-sixth       { left: percentage(1/6); }
  .#{$grid-breakpoint-type}push-two-sixths      { left: percentage(2/6); }
  .#{$grid-breakpoint-type}push-three-sixths    { left: percentage(3/6); }
  .#{$grid-breakpoint-type}push-four-sixths     { left: percentage(4/6); }
  .#{$grid-breakpoint-type}push-five-sixths     { left: percentage(5/6); }

  /* Eighths */
  .#{$grid-breakpoint-type}push-one-eighth      { left: percentage(1/8); }
  .#{$grid-breakpoint-type}push-two-eighths     { left: percentage(2/8); }
  .#{$grid-breakpoint-type}push-three-eighths   { left: percentage(3/8); }
  .#{$grid-breakpoint-type}push-four-eighths    { left: percentage(4/8); }
  .#{$grid-breakpoint-type}push-five-eighths    { left: percentage(5/8); }
  .#{$grid-breakpoint-type}push-six-eighths     { left: percentage(6/8); }
  .#{$grid-breakpoint-type}push-seven-eighths   { left: percentage(7/8); }

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

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

/*================ Clearfix helper on uniform grids ================*/
@mixin grid-uniform-clearfix($grid-breakpoint-type:"") {
  .grid--uniform {
    .#{$grid-breakpoint-type}one-half:nth-child(2n+1),
    .#{$grid-breakpoint-type}one-third:nth-child(3n+1),
    .#{$grid-breakpoint-type}one-quarter:nth-child(4n+1),
    .#{$grid-breakpoint-type}one-fifth:nth-child(5n+1),
    .#{$grid-breakpoint-type}one-sixth:nth-child(6n+1),
    .#{$grid-breakpoint-type}two-sixths:nth-child(3n+1),
    .#{$grid-breakpoint-type}three-sixths:nth-child(2n+1),
    .#{$grid-breakpoint-type}two-eighths:nth-child(4n+1),
    .#{$grid-breakpoint-type}four-eighths:nth-child(2n+1),
    .#{$grid-breakpoint-type}five-tenths:nth-child(2n+1),
    .#{$grid-breakpoint-type}one-twelfth:nth-child(12n+1),
    .#{$grid-breakpoint-type}two-twelfths:nth-child(6n+1),
    .#{$grid-breakpoint-type}three-twelfths:nth-child(4n+1),
    .#{$grid-breakpoint-type}four-twelfths:nth-child(3n+1),
    .#{$grid-breakpoint-type}six-twelfths:nth-child(2n+1)    { clear: both; }
  }
}

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

/*================ Build Responsive Grid Classes ================*/
@each $breakpoint in $grid-breakpoint-has-widths {
  @include media-query($breakpoint) {
    @include grid-column-generator('#{$breakpoint}--');
    @include grid-uniform-clearfix('#{$breakpoint}--');
    @include responsive-display-helper('#{$breakpoint}--');
  }
}

/*================ Grid Push Classes ================*/
@each $breakpoint in ($medium-up) {
  @include media-query($breakpoint) {
    @include grid-push-generator('#{$breakpoint}--');
  }
}

/*============================================================================
  #Normalize
  Based on normalize.css v3.0.2 | MIT License | git.io/normalize
==============================================================================*/
*, *:before, *:after {
  box-sizing: border-box;
}

*:focus{
  outline:none;
}

body {
  margin: 0 !important;
  transition: opacity ease-out 1200ms;
}

body,
input,
textarea,
button,
select {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

img {
  max-width: 100%;
  border: 0;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

button:focus{
  outline:none;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

textarea {
  overflow: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
}

// hide outline on focus for elements which are given focus by JS
[tabindex='-1']:focus {
  outline: none;
}


/*================ #Helper Classes ================*/
.clearfix {
  @include clearfix();
}

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

.js-focus-hidden:focus {
  outline: none;
}

.outline-none{
  outline: 0;
  &:hover,&:focus,&:active{
    outline: 0;
  }
}
.box-shadow-none{
  box-shadow:none !important;
  &:hover,&:focus,&:active{
    box-shadow:none !important;
  }
}

/*============================================================================
  Skip to content button
    - Overrides .visually-hidden when focused
==============================================================================*/
.skip-link:focus {
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  color: $color-body-text;
  background-color: $color-body;
  padding: var(--g-hgutter);
  z-index: $z-index-skip-to-content;
  transition: none;
}

/*================ #Basic Styles ================*/
body,
html {
  background-color: $color-body;
}

//Modified Bootstrap's grid
$container : {{settings.container}}px;
@media (min-width:$container){
  .container{
    max-width:$container;
  }
}

.container,.container-fluid,.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto, .col-2-4,.col-9-6,.col-sm-2-4,.col-sm-9-6,.col-md-2-4,.col-md-9-6,.col-lg-2-4,.col-lg-9-6{
  padding-left:var(--g-hgutter);
  padding-right:var(--g-hgutter);  
}
.container-fluid{
  padding:0 20px;
  @include media-query($large-up) {
    padding:0 50px;
  }
}
.container {
  @include media-query($medium-down) {
    padding:0 20px;
  }
}
.row{
  margin-right: calc(0px - var(--g-hgutter));
  margin-left: calc(0px - var(--g-hgutter));
  &.no-gutters{
    margin-right: 0;
    margin-left: 0;
  }
}
// grid 20% and 80%
.col-2-4,.col-9-6{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.col-9-6{-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%}@media (min-width:576px){.col-sm-2-4{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.col-sm-9-6{-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%}}@media (min-width:768px){.col-md-2-4{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.col-md-9-6{-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%}}@media (min-width:992px){.col-lg-2-4{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.col-lg-9-6{-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%}}

.page-width {
  @include clearfix();
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;

  @include media-query($medium-up) {
    padding: 0 var(--g-gutter);
  }
}

/*================ Typography ================*/
blockquote {
  p {
    & + cite {
      margin-top: var(--g-hgutter);
    }
  }
  cite {
    display: block;
    &:before {
      content: '\2014 \0020';
    }
  }
}

code, pre {
  font-family: Consolas,monospace;
  font-size: 1em;
}
pre {
  overflow: auto;
}

.blockquote {
  position: relative;
  font-size: 16px
}

/*================ #Icons ================*/
svg,.icon,[class^=icon-] {
  display: inline-block;
  vertical-align: middle;
  width:16px;
  height: 16px;
  font-size:16px;
  fill:currentColor;
  .no-svg & {
    display: none;
  }
  .iconx2 &{
    width: 25px;
    height: 25px;
    font-size:25px;
  }
  .iconx3 &{
    width: 30px;
    height: 30px;
    font-size:30px;
  }
  .iconx4 &{
    width: 35px;
    height: 35px;
    font-size:35px;
  }
  .iconx5 &{
    width: 40px;
    height: 40px;
    font-size:40px;
  }  
  .iconx6 &{
    width: 45px;
    height: 45px;
    font-size:45px;
  }
  .iconx7 &{
    width: 50px;
    height: 50px;
    font-size:50px;
  }
  .iconx8 &{
    width: 55px;
    height: 55px;
    font-size:55px;
  }
  .iconx9 &{
    width: 60px;
    height: 60px;
    font-size:60px;
  }
  .iconx10 &{
    width: 65px;
    height: 65px;
    font-size:65px;
  }
  .iconx11 &{
    width: 70px;
    height: 70px;
    font-size:70px;
  }
  .iconx12 &{
    width: 75px;
    height: 75px;
    font-size:75px;
  }  
  .iconx13 &{
    width: 80px;
    height: 80px;
    font-size:80px;
  }
  .iconx14 &{
    width: 85px;
    height: 85px;
    font-size:85px;
  }
  .iconx15 &{
    width: 90px;
    height: 90px;
    font-size:90px;
  }
}

.icon__fallback-text {
  @extend .visually-hidden;
  .no-svg & {
    position: static !important;
    overflow: inherit;
    clip: none;
    height: auto;
    width: auto;
    margin: 0;
  }
}

svg.icon:not(.icon--full-color),
symbol.icon:not(.icon--full-color) {
  circle,
  ellipse,
  g,
  line,
  path,
  polygon,
  polyline,
  rect {
    fill: inherit;
    stroke: inherit;
  }
}


/*================ Global Lazyload ================*/
.lazyload,.lazyloading{opacity:0.3}.lazyloaded{opacity:1;transition:opacity.2s}
img[data-sizes="auto"] { display: block; width: 100%; }

.lazyload {
  .no-js & {
    @extend .visually-hidden;
  }
}

/*================ Payment Icons ================*/
.payment-icons {
  @include user-select();
  cursor: default;

  li {
    margin-right: 5px;
  }

  .icon,[class^=icon-] {
    width: 38px;
    height: 24px;
  }

  .icon--wide {
    width: 55px;
  }
}

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

ol {
  list-style: decimal;
}

.list-styled{
  @include rtl-padding-left(30px);
}

.list--inline {
  padding: 0;
  margin: 0;

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

.text-center.rte,
.text-center .rte {
  ul,
  ol {
    margin-left: 0;
    list-style-position: inside;
  }
}

/*================ #Rich Text Editor ================*/

// allow table to scroll for tables in the RTE since we don't know
// how many columns they will contain. Class added by JS.
.rte__table-wrapper {
  max-width: 100%;
  overflow: auto;
  // sass-lint:disable no-misspelled-properties
  -webkit-overflow-scrolling: touch;
}

/*================ #Links and Buttons ================*/
.btn{
  cursor:pointer;
  border-radius:0px;
  &.focus, &:focus{
    box-shadow:none
  }
}
.btn-link{
  color:var(--g-main);
  text-decoration:none;
  &:hover,&:active,&:focus{
    text-decoration:none;
    color:$color-btn-primary-active;
  }
}
.btn-primary{
  border: 1px solid var(--g-main);
  background-color: var(--g-main);
  color: $color-btn-primary-text;
  &.disabled{
    border: 1px solid var(--g-main);
    background-color: var(--g-main);
    color: $color-btn-primary-text;
  }
  &:hover,&:active,&:focus{
    background-color: $color-btn-primary-active !important;
    color: $color-btn-primary-text !important;
    border-color:$color-btn-primary-active !important;
    box-shadow: none !important;
  }
}
.btn-theme{
  z-index: 1;
}
.btn-theme,
.rte .btn-theme{
  padding: var(--g-padding-ver-btn) var(--g-padding-hoz-btn);
  display: inline-block;
  width: auto;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  border-radius:var(--g-font-radius-btn);
  border: 1px solid transparent;
  text-transform: var(--g-text-transform-btn);
  @include user-select();
  @include prefix(appearance, none, webkit moz spec);
  font-size: var(--g-font-size-btn);
  line-height:18px;
  font-weight: var(--g-font-weight-btn);
  background-color: var(--g-cta-button);
  letter-spacing:var(--g-font-spacing-btn);
  color: $color-btn-primary-text;
  @extend .font-family-2;
  position: relative;
  border:none;
  &.btn-white{
    background-color: #fff;
    color:var(--g-cta-button);
  }
  &:before{
    content: '';
    background: $color-btn-primary-hover;
    height: 100%;
    width: 0;
    position: absolute;
    transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    top: 0;
    left: auto;
    right: 0;
    z-index: -1;
  }
  &:hover {
    //background-color: $color-btn-primary-hover;
    color: $color-btn-primary-text;
    &:before{
      width: 100%;
      right: auto;
      left: 0;
    }
  }

  &:active,
  &:focus {
    background: $color-btn-primary-hover;
   color: $color-btn-primary-text;
   box-shadow: none;
  }

  &[disabled] {
    cursor: default;
    color: $color-disabled-border;
    background-color: $color-disabled;
    &:before{
      display:none;
    }
  }

  .icon,[class^=icon-] {
    fill: currentColor;
    path: currentColor;
  }
}

.btn-gradient{
  @include linearGradient(black,$color-accent);
  color:white;
  border:none;
  &:hover{
    opacity:0.8
  }
}

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

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

th {
  font-weight: bold;
}

th, td {
  text-align: left;
  border: 1px solid rgba(0,0,0,.1);
}

/*============================================================================
  Responsive tables, defined with .responsive-table on table element.
==============================================================================*/
@include media-query($small) {
  .responsive-table {
    thead {
      display: none;
    }

    tr {
      display: block;
    }

    th,
    td {
      display: block;
      text-align: right;
      padding: var(--g-hgutter);
      margin: 0;
    }

    td:before {
      content: attr(data-label);
      float: left;
      text-align: center;
      font-size: var(--g-font-size);
      padding-right: 10px;
    }
  }
}

.responsive-table__row {
  border-bottom: 1px solid rgba(0,0,0,.1);
}

/*================ #Images and Iframes ================*/
svg:not(:root) {
  overflow: hidden;
}

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

  iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

/*================ Forms ================*/

// Prevent zoom on touch devices in active inputs
@include media-query($medium-down) {
  input,
  select,
  textarea {
    font-size: calc(var(--g-font-size) + 2px);
  }
}

fieldset {
  border: 1px solid rgba(0,0,0,.1);
  margin: 0 0 var(--g-gutter);
  padding: var(--g-hgutter);
}

legend {
  border: 0;
  padding: 0;
}

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

input,
textarea,
select {
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 0;
  max-width: 100%;

  &:focus {
    border-color: darken(#cfcfcf, 10%);
    outline:none;
  }

  &[disabled] {
    cursor: default;
    background-color: $color-disabled;
    border-color: $color-disabled-border;
  }
}

/*================ Error styles ================*/
input,
select,
textarea {
  &.input--error {
    border-color: $color-error;
    background-color: $color-error-bg;
    color: $color-error;
  }
}

select {
  @include prefix(appearance, none, webkit moz spec);
  background-position: right center;
  background: {
    image: url('{{ "ico-select.svg" | asset_url }}');
    repeat: no-repeat;
    position: right 10px center;
    color: transparent;
  }
  padding-right: 28px;
  text-indent: 0.01px;
  text-overflow: '';
  cursor: pointer;
}

optgroup {
  font-weight: bold;
}

// Force option color (affects IE only)
option {
  color: #000;
  background-color: #fff;
}

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

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

label[for] {
  cursor: pointer;
}

/*================ Theme object ================*/
.is_stuck{
  padding-top:30px; // stick_inparent()
}

{%- if settings.gradient_enable -%}
$color-gradient-start: {{settings.gradient_start}};
$color-gradient-end: {{settings.gradient_end}};
.gradient-theme{
  background-image: -webkit-gradient(linear, left top, right top, from($color-gradient-start), to($color-gradient-end)) !important;
  background-image: -o-linear-gradient(left, $color-gradient-start 0%, $color-gradient-end 100%) !important;
  background-image: linear-gradient(to right, $color-gradient-start 0%, $color-gradient-end 100%) !important;
  border:none !important;
}

.gradient-theme-vertical{
  background-image: -webkit-gradient(linear, left bottom, left top, from($color-gradient-start), to($color-gradient-end)) !important;
  background-image: -o-linear-gradient(bottom, $color-gradient-start 0%, $color-gradient-end 100%) !important;
  background-image: linear-gradient(to top, $color-gradient-start 0%, $color-gradient-end 100%) !important;
  border:none !important;
  .js-countdown--2 &{
    color:white !important;
  }
}
{%- endif -%}

.border-radius-0{
  border-radius:0 !important;
}
.text-body{
  color:$color-body-text !important;
}
.text-theme{
  color:var(--g-main) !important;
}
.text-theme-50{
  color:rgba($color-accent,0.5) !important;
}
.bg-theme{
  background-color:var(--g-main) !important;
}
.bg-theme-light{
  background-color:lighten($color-accent,10%) !important;
}
.bg-theme-dark{
  background-color:darken($color-accent,10%) !important;
}
.bg-theme-50{
  background-color:rgba($color-accent,0.5) !important;
}
.border-theme{
  border-color:var(--g-main) !important;
}

.text-hover-theme,.text-theme-hover{
  &:hover{
    color:var(--g-main) !important;
  }
}

.font-family-1{
  font-family: var(--g-font-1)
}

.font-family-2{
  font-family: var(--g-font-2)
}

.font-family-3{
  font-family: var(--g-font-3)
}

.fz{
  font-size:var(--g-font-size);
}
.fz-1{
  font-size:calc(var(--g-font-size) + 1px);
}
.fz-2{
  font-size:calc(var(--g-font-size) + 2px);
}
.fz-3{
  font-size:calc(var(--g-font-size) + 3px);
}
.fz-4{
  font-size:calc(var(--g-font-size) + 4px);
}
.fz-5{
  font-size:calc(var(--g-font-size) + 5px);
}
.fz-6{
  font-size:calc(var(--g-font-size) + 6px);
}
.fz-7{
  font-size:calc(var(--g-font-size) + 7px);
}
.fz-8{
  font-size:calc(var(--g-font-size) + 8px);
}
.fz-9{
  font-size:calc(var(--g-font-size) + 9px);
}
.fz-10{
  font-size:calc(var(--g-font-size) + 10px);
}
.fz-n1{
  font-size:calc(var(--g-font-size) - 1px);
}
.fz-n2{
  font-size:calc(var(--g-font-size) - 2px);
}
.fz-n3{
  font-size:calc(var(--g-font-size) - 3px);
}
.fz-n4{
  font-size:calc(var(--g-font-size) - 4px);
}
.fz-n5{
  font-size:calc(var(--g-font-size) - 5px);
}
.transition{
  transition:all ease .45s;
  &:before,&:after{
    transition:all ease .45s;
  }
}

.position-absolute-100{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.rating{
  padding-left: 0;
  list-style: none;
  li{
    width: 14px;
    height: 14px;
    margin-right:6px;
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyBmaWxsPSIjZGRkIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTUuODY3IDU1Ljg2NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTUuODY3IDU1Ljg2NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZD0iTTU1LjgxOCwyMS41NzhjLTAuMTE4LTAuMzYyLTAuNDMxLTAuNjI2LTAuODA4LTAuNjgxTDM2LjkyLDE4LjI2OEwyOC44MywxLjg3NmMtMC4xNjgtMC4zNDItMC41MTYtMC41NTgtMC44OTYtMC41NTgNCglzLTAuNzI5LDAuMjE2LTAuODk2LDAuNTU4bC04LjA5MSwxNi4zOTNsLTE4LjA5LDIuNjI5Yy0wLjM3NywwLjA1NS0wLjY4OSwwLjMxOC0wLjgwOCwwLjY4MWMtMC4xMTcsMC4zNjEtMC4wMiwwLjc1OSwwLjI1MywxLjAyNA0KCWwxMy4wOTEsMTIuNzZsLTMuMDkxLDE4LjAxOGMtMC4wNjQsMC4zNzUsMC4wOSwwLjc1NCwwLjM5NywwLjk3OGMwLjMwOSwwLjIyNiwwLjcxOCwwLjI1NSwxLjA1MywwLjA3NmwxNi4xODItOC41MDZsMTYuMTgsOC41MDYNCgljMC4xNDYsMC4wNzcsMC4zMDcsMC4xMTUsMC40NjYsMC4xMTVjMC4yMDcsMCwwLjQxMy0wLjA2NCwwLjU4OC0wLjE5MWMwLjMwOC0wLjIyNCwwLjQ2Mi0wLjYwMywwLjM5Ny0wLjk3OGwtMy4wOS0xOC4wMTcNCglsMTMuMDkxLTEyLjc2MUM1NS44MzgsMjIuMzM2LDU1LjkzNiwyMS45MzksNTUuODE4LDIxLjU3OHoiLz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K);
    &.rated{
      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTMuODY3IDUzLjg2NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTMuODY3IDUzLjg2NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBvbHlnb24gc3R5bGU9ImZpbGw6I0VGQ0U0QTsiIHBvaW50cz0iMjYuOTM0LDEuMzE4IDM1LjI1NiwxOC4xODIgNTMuODY3LDIwLjg4NyA0MC40LDM0LjAxMyA0My41NzksNTIuNTQ5IDI2LjkzNCw0My43OTggDQoJMTAuMjg4LDUyLjU0OSAxMy40NjcsMzQuMDEzIDAsMjAuODg3IDE4LjYxMSwxOC4xODIgIi8+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==);
    }
  }
}

/*================ Hover image effect ================*/ 
.hv-image-brightness:hover img{
  @include filter(brightness(0.5));
}
// .hv-image-saturate:hover img{
//   @include filter(saturate(0.5));
// }
.hv-image-sepia:hover img{
  @include filter(sepia(1));
}
.hv-image-grayscale {
  img{
    @include filter(grayscale(1));
  }
  &:hover img{
    @include filter(none);
  }
}
.hv-image-brightness-n{
  img{
    @include filter(brightness(0.5));
  }
  &:hover img{
    @include filter(brightness(1));
  }
}


/*================ Theme banner ================*/ 
.js-masonry{
  .banner-theme{
    margin-bottom:20px;
  }
}
.banner-theme{
  position:relative;
  overflow: hidden;
  img{
    width: 100%;
  }
  &>a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
  }
  figcaption{
    div > *{
      transition-delay:0.25s;
    }
  }
  &:hover{
    img{
      @include media-query($medium-up){
        @include transform(scale(1.1));
      }
    }
    .bg-des{
      &:before{
        width: 100%;
        right: auto;
        left: 0;
      }
    }
    figcaption{
      div > *{
        color:#fff;
      }
    }
  }
}
figcaption{
  position: relative;
  .bg-des{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    &:before{
      content: '';
      background: #b6813c;
      height: 100%;
      width: 0;
      position: absolute;
      transition: 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      top: 0;
      left: auto;
      right: 0;
      z-index: -1;
    }
    
  }
  .banner-theme &{
    position: absolute;
    width: 90%;
    max-width: 290px;
    align-items: center;
    @include media-query($medium-down){
      position: static;
      width: 100%;
      transform: translateY(0) !important;
      min-width: 100%;
      .btn-underline-white{
        border-bottom-color: var(--g-cta-button) !important;
        color: var(--g-cta-button) !important;
      }
    }
  }
  .banner-theme-top &{
    top:50px;
  }
  .banner-theme-mid &{
    top:50%;
    transform: translateY(-50%);
  }
  .banner-theme-bottom &{
    bottom:50px;
  }
  .banner-theme-left &{
    left:50px;
  }
  .banner-theme-center &{
    left:50%;
    margin-left:-145px;
  }
  .banner-theme-right &{
    right:50px;
  }
}


/*================ Review ================*/
.spr-pagination-page{
  @include rtl-margin-right(5px);
}


/*================ Nav tabs ================*/
.nav-tabs.nav-tabs-1{
  justify-content: center;
  border:none;
  li{
    padding: .5rem 1rem;
  }
  .nav-link{
    color:var(--g-color-heading);
    border:none;
    border-bottom:2px solid transparent;
    text-transform:uppercase;
    opacity: 0.3;
    padding:0;
    &:focus, &:hover, &.active{
      opacity: 1;
      border-bottom-color:var(--g-color-heading);
    }
  }
}

/*================ Section heading ================*/
.section-title-1{
  font-weight: var(--g-h2-font-weight);
  font-size: var(--g-h2-font-size);
  line-height: var(--g-h2-font-lineheight);
  letter-spacing:var(--g-h2-font-spacing);
  @include media-query($small) {
    font-size:40px;
  }
  >span{
    position:relative;
    // &:after{
    //   content:"";
    //   display:block;
    //   position:absolute;
    //   height:3px;
    //   width:100%;
    //   left:0;
    //   bottom: -8px;
    //   background:var(--g-main);
    // }
  }
}
.section-title-0{
  font-size:34px;
  font-weight:500;
}
.section-title-2{

}

/*================ Global Ifram map ================*/
.mapouter,.gmap_canvas,.gmap_canvas iframe{
  width:100% !important;
}

/*================ Global Price ================*/
.global-price{
  span>.money{
    color:var(--g-main-2);
    font-weight:600;
  }
  s>.money{
    color: #737373;
    margin-left: 5px;
  }
}

/*================ Menu Labels ================*/
.menu-label {
  position: absolute;
  top: 2px;
  padding: 4px 6px;
  right: 0;
  font-size: calc(var(--g-font-size) - 5px);
  color: var(--g-label-text);
  transition: all ease .45s;
  text-transform:uppercase;
  font-weight:600;
  right: 0px;
  font-family:var(--g-font-2);
  line-height:1;
  letter-spacing:0;
}

.menu-label>span {
  position: relative
}

.menu-label>span:before {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid;
  left: 50%;
  bottom: -7px;
  margin-left: -5px;
  display:none;
}

.site-nav{
  .dropdown-toggle::after{
    display: none !important;
  }
}
.site-nav__dropdown{
  pointer-events:none;
}
.site-nav__dropdown-container:hover > .site-nav__dropdown, .site-nav__item:hover > .site-nav__dropdown{
  pointer-events: auto;
}
#NavDrawer .menu-label,
.site-nav__dropdown .menu-label {
  position: static;
  font-size: calc(var(--g-font-size) - 5px);
  padding: 4px 6px;
  @include rtl-margin-left(5px);
  font-weight:600;
  margin-top:-2px;
  line-height: 1;
}

#NavDrawer .menu-label>span:before,
.site-nav__dropdown .menu-label>span:before {
  display: none
} 

.menu-label--new {
  background-color: var(--g-label-new)
}

.menu-label--new>span:before {
  border-top-color: var(--g-label-new)
}

.menu-label--hot {
  background-color: var(--g-label-hot)
}

.menu-label--hot>span:before {
  border-top-color: var(--g-label-hot)
}

.menu-label--sale {
  background-color: var(--g-label-sale)
}

.menu-label--sale>span:before {
  border-top-color: var(--g-label-sale)
}

.menu-label--other {
  background-color: var(--g-label-other)
}

.menu-label--other>span:before {
  border-top-color: var(--g-label-other)
}

/*================ #Giftcard Template ================*/
.giftcard__qr-code {
  img {
    margin: 0 auto;
  }
}

.giftcard__apple-wallet-image {
  display: block;
  margin: 0 auto;
}

.giftcard__wrap {
  margin: 0 auto var(--g-gutter);
}

/*================ Print Giftcard Styles ================*/
@media print {
  @page {
    margin: 0.5cm;
  }

  p {
    orphans: 3;
    widows: 3;
  }

  html, body {
    background-color: #fff;
    color: #000;
  }

  .giftcard__print-link,
  .giftcard__apple-wallet {
    display: none;
  }
}


/*================ GLOBAL ================*/
// Only show when JS is not supported
.no-js:not(html) {
  display: none;

  .no-js & {
    display: block;
  }
}

// Only show when JS is supported
.no-js .js {
  display: none;
}

.main-content {
  display: block;
  padding-bottom: 40px;
  @include media-query($medium-up) {
    padding-bottom: 80px;
    padding-top:60px;
  }
  @include media-query($small) {
    padding-bottom: 40px;
    padding-top:40px;
  }
  .template-index & {
    padding-top:0;
    padding-bottom: 0;
  }
}

.full-width {
  padding: 80px var(--g-gutter);
  background-color: $color-body;
}

// Negative bottom margin if above footer
.full-width--return-link {
  margin-bottom: -40px; // equivalent to .main-content bottom padding

  @include media-query($medium-up) {
    margin-bottom: -80px;
  }

  // If it follows a content block directly, reduce top margin slightly
  .content-block + & {
    margin-top: calc(0 - var(--g-gutter));
  }
}

/*================ Empty pages (404, cart) ================*/
.page-empty {
  padding: 80px 0;
  margin-bottom: calc(0 - var(--g-gutter));
}

/*================ Index sections ================*/
.index-section {
  //margin-bottom: 80px;
  &:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

.index-section--flush + .index-section--flush {
  margin-top: -50px;
}

.index-section--flush:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

/*================ Flex class helpers ================*/
.flex--center-vertical {
  .flex__item {
    @include align-self(center);
  }
}

.flex--grid {
  margin: 0 (-$grid-gutter / 2);
  @include flex-wrap(wrap);

  > .flex__item {
    padding: $grid-gutter / 2;
  }
}

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

.flex--no-gutter {
  margin: 0;

  > .flex__item {
    padding: 0;
  }
}

/*================ Grid | Half gutters ================*/
.grid--half-gutters {
  margin-left: calc(0px - var(--g-hgutter));

  > .grid__item {
    padding-left: var(--g-hgutter);
  }
}

.grid--no-gutters {
  margin-left: 0;

  > .grid__item {
    padding-left: 0;
  }
}

/*================ Grid | Vertically centered items ================*/
.grid--table {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-left: 0;

  > .grid__item {
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding-left: 0;
  }
}

.medium-up--grid--table {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-left: 0;

  > .grid__item {
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding-left: 0;
  }

  @include media-query($small) {
    display: block;

    > .grid__item {
      display: block;
    }
  }
}

body,
input,
textarea,
button,
select {
  font-size: var(--g-font-size);
  font-family: var(--g-font-2);
  color: $color-body-text;
  line-height: 1.8;
  font-weight:var(--g-font-weight-body);
}
html.rtl{
  direction: rtl;
}

// Prevent zoom on touch devices in active inputs
@include media-query($medium-down) {
  input,
  textarea {
    font-size: calc(var(--g-font-size) + 2px);
  }
}

/*================ Headings ================*/
h1,
h2,
h3,
h4,
h5,
h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  color: var(--g-color-heading);
  font-family: var(--g-font-1);
  a {
    color: inherit;
    text-decoration: none;
    font-weight: inherit;
  }

  &:last-child {
    margin-bottom: 0;
  }
}
#topbar{
  font-family: var(--g-font-topbar);
}
.subtop{
  font-family:var(--g-font-2);
  font-weight: var(--g-font-weight-subtop);
  font-size: var(--g-font-size-subtop);
  line-height: 26px;
  letter-spacing: var(--g-font-spacing-subtop);
  text-transform:uppercase;
  color: var(--g-font-color-subtop);
}
h1,.h1{
  font-weight: var(--g-h1-font-weight);
  font-size: var(--g-h1-font-size);
  line-height: var(--g-h1-font-lineheight);
  letter-spacing:var(--g-h1-font-spacing);
  text-transform:var(--g-h1-font-transform);
  @include media-query($small) {
    font-size: 50px;
  }
}
h2,.h2{
  font-weight: var(--g-h2-font-weight);
  font-size: var(--g-h2-font-size);
  line-height: var(--g-h2-font-lineheight);
  letter-spacing:var(--g-h2-font-spacing);
  text-transform:var(--g-h2-font-transform);
  @include media-query($small) {
    font-size: 40px;
  }
}
h3,.h3{
  font-weight: var(--g-h3-font-weight);
  font-size: var(--g-h3-font-size);
  line-height: var(--g-h3-font-lineheight);
  letter-spacing:var(--g-h3-font-spacing);
  text-transform:var(--g-h3-font-transform);
  @include media-query($small) {
    font-size: 30px;
  }
}
h4,.h4{
  font-weight: var(--g-h4-font-weight);
  font-size: var(--g-h4-font-size);
  line-height: var(--g-h4-font-lineheight);
  letter-spacing:var(--g-h4-font-spacing);
  text-transform:var(--g-h4-font-transform);
}
h5,.h5{
  font-weight: var(--g-h5-font-weight);
  font-size: var(--g-h5-font-size);
  line-height: var(--g-h5-font-lineheight);
  letter-spacing:var(--g-h5-font-spacing);
  text-transform:var(--g-h5-font-transform);
}
h6,.h6{
  font-weight: var(--g-h6-font-weight);
  font-size: var(--g-h6-font-size);
  line-height: var(--g-h6-font-lineheight);
  letter-spacing:var(--g-h6-font-spacing);
  text-transform:var(--g-h6-font-transform);
}
/*================ RTE headings ================*/
.rte {
  @include clearfix();
  margin-bottom: var(--g-hgutter);

  // If an .rte div is the last element in its parent,
  // make it flush with the bottom of the container
  &:last-child {
    margin-bottom: 0;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-top: 40px;

    &:first-child {
      margin-top: 0;
    }
  }
}

// rte setting type to act like a <p> tag
.rte-setting {
  margin-bottom: var(--g-hgutter);

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

/*================ Paragraph styles ================*/
p {
  margin: 0 0 10px;
  line-height:1.8;
  &:last-child {
    margin-bottom: 0;
  }
}

/*================ Blockquote ================*/
blockquote {
  text-align: center;

  cite {
    font-size: calc(var(--g-font-size) - 1px);
    opacity: 0.6;
  }

  @include media-query($small) {
    margin-left: 0;
    margin-right: 0;
  }
}

/*================ Lists ================*/
.list--no-bullets {
  list-style: none;
}

.list--bold {
  font-weight: bold;
  font-size: var(--g-font-size);
}

/*================ Blog styles ================*/

.blog__rss-link .icon-rss {
  fill: currentColor;
  width: 18px;
  height: 18px;
  vertical-align: baseline;
}

.title-blog-page{
  margin-bottom:30px;
}

.blog__item{
  padding-bottom:40px;
}
.blog__meta{
  font-size:86%;
  text-transform:uppercase;
  a{
    color:var(--g-main-2);
    text-transform:capitalize;
  }
}
.btn-blog-readmore{
  text-decoration: underline;
}

.article__photo-container {
  position: relative;
  margin-bottom:10px;
}
.article__photo-wrapper {
  img {
    position: absolute;
    top: 0;
    @include rtl-left(0);
    transition : all ease .45s;
    right: 0;
    width: 100%;
  }
  &:hover img{
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5);
  }

  .no-js & {
    @extend .visually-hidden;
  }
}

.blog__item--2{
  padding:20px;
  background-color:#fff;
}

.blog__item--3{
  position: relative;
  padding:0;
  .content-block__meta{
    position:absolute;
    width:100%;
    bottom:0;
    left:0;
    top:0;
    padding: 30px;
    background: linear-gradient(to top, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0.1));
    pointer-events: none;
    .blog__date{
      color:#ffc371;
      font-size:80%;
      font-weight:600;
    }
  }
}

.blog__item--4{
  .blog__date{
    color:var(--g-main-2);
  }
  .article__photo-container{
    margin-bottom:24px;
  }
  .link-body-color{
    color:var(--g-main);
  }
}
.blog__title-link{
  a{
    &:hover{
      color:var(--g-main);
    }
  }
}
.blog__item--5{
  .article__photo-wrapper{
    position: relative;
    height: 450px;
    border:2px solid #e9e9e9;
    .blog__tags{
      bottom:0;
      top:0;
      background-color:rgba(255,255,255,1);
      transition:all 0.3s ease;
    }
    img{
      object-fit: cover;
      object-position: 50% 50%;
      width: 100%;
      width: 100%;
      //max-width: max-content;
      height: 100%;
      filter: none;
    }
    &:hover{
      .blog__tags{
        background-color:rgba(0,0,0,0.7);
        *{
          color:#fff;
        }
      }
      .btn-underline{
        color:#fff !important;
       border-bottom-color:#fff !important;
      }
    }
  }
}
.blog__item--6{
  .blog__title-link{
    position: relative;
    padding-bottom:35px;
    &:before{
      position: absolute;
      content:"";
      width: 60px;
      height: 2px;
      background-color:#e9e9e9;
      bottom:0;
      left: 0;
    }
  }
  .content-block__image{
    position: relative;
  }
  .article__photo-content{
    top:0;
    bottom:0;
    left:0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background-color:rgba(255,255,255,1);
    transition:all 0.3s ease;
  }
  &:hover{
    .article__photo-content{
      opacity: 1;
      visibility: visible;
    }
  }
  &.blog__item--6-in{
    .article__photo-content{
      position: relative !important;
      padding:0 !important;
      opacity: 1;
      visibility: visible;
    }
  }
}
.blog__item--7{
  .blog__title-link{
    position: relative;
    padding-bottom:25px;
    &:before{
      position: absolute;
      content:"";
      width: 60px;
      height: 2px;
      background-color:#f4f4f4;
      bottom:0;
      left: 0;
    }
  }
  .content-block__image{
    position: relative;
    border:1px solid #e9e9e9;
  }
  .article__photo-wrapper img{
    filter:none;
  }
  .article__photo-content{
    top:0;
    bottom:0;
    left:0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background-color:rgba(255,255,255,1);
    transition:all 0.3s ease;
    width: 70%;
  }
  &:hover{
    .article__photo-content{
      opacity: 1;
      visibility: visible;
    }
  }
  &.blog__item--7-in{
    .article__photo-content{
      opacity: 1;
      visibility: visible;
      width: 100%;
    }
  }
}

/*================ Collection grid ================*/
.collection-card-1{
  .collection-card__image:hover{
    img{
      @include transform(scale(1.05));
    }
  }
}
.collection-card-2{
  .collection-card__image{
    border-radius:8px;
    overflow: hidden;
    position: relative;
    background:#000;
    .hv-image-brightness{
      display:block;
      img{
        object-fit:cover;
        width: 100%;
        height: 300px;
        opacity: 0.65;
      }
    }
  }
  .collection-card__meta{
    bottom:0;
    left:0;
    pointer-events: none;
    a{
      font-size:30px;
    }
  }
  @media (min-width:992px){
    .collection-card__count{
      opacity:0;
    }
  }
  &:hover{
    img{
      @include transform(scale(1.1));
    }
    .collection-card__count{
      opacity:1;
    }
  }
}
.collection-card-3{
  .collection-card__image{
    position: relative;
    .hv-image{
      display:block;
      img{
        object-fit:cover;
        width: 100%;
        height: 180px;
      }
    }
    &:hover{
      .collection-card__meta{
        .h6,p{
          transform:translateY(0px);
        }
        p{
          opacity: 1;
        }
      }
    }
  }
  .collection-card__meta{
    bottom:0;
    left:0;
    pointer-events: none;
    .h6,p{
      transform:translateY(10px);
      transition:all 0.3s ease;
    }
    p{
      opacity: 0;
    }
  }
}

.txtcollection{
  list-style: none;
  padding: 0;
  margin: 0;
  .item__collection{
    display: inline-block;
    position: relative;
    text-align: center;
    z-index: 1;
    padding: 0px 20px;
    .img {
      position: absolute;
      width: 300px;
      height: 400px;
      object-fit: cover;
      transform: translateX(-50%) translateY(-50%);
      top: 50%;
      left: 50%;
      z-index: -10;
      opacity: 0;
      visibily: hidden;
      pointer-events: none;
    }
    .item__collection-name{
      position: relative;
      &:before{
        transition: transform .3s cubic-bezier(.77,0,.175,1);
        transform-origin: left;
        height: 2px;
       content: "";
        position: absolute;
        display: block;
        width: 100%;
        background:#000;
        transform: scaleX(0);
        margin-right: .15em;
        bottom:0px;
      }
    }
    .item__collection-sub{
      -webkit-text-stroke: 0px black;
      color: $color-body-text;
      font-size:12px;
      font-weight:500;
      line-height:normal;
      transform: translateX(-1rem);
      transition: transform 0.3s, opacity 0.3s;
      opacity: 0;
    }
    &:hover{
      .item__collection-sub{
        opacity: 1;
        transform: translateX(0);
      }
      .item__collection-name{
       &:before{
        transform: scaleX(1);
       }
      }
      
    }
  }
}
.collection-card-5{
  .collection-card__image{
    &:hover{
      img{
        box-shadow:0px 4px 30px rgba(0, 0, 0, 0.08);
      }
    }
  }
}

/*================ Primary color inline background ================*/
.emphasized-title {
  display: inline;
  @include prefix(box-decoration-break, clone, webkit o spec);
}

.emphasized-subtitle {
  display: inline;
  line-height: 2;
  padding: var(--g-hgutter);
  background-color: #282828;
  color: #fff;
  @include prefix(box-decoration-break, clone, webkit o spec);
  transition: background-color 0.15s ease-in;

  @include media-query($medium-up) {
    font-size: em(20);
  }

  &:hover,
  &:focus {
    color: #fff;
    background-color: adaptive-color(#282828, 10%);
  }
}

.emphasized-title-wrapper {
  margin-bottom: 8px;
}

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

td,
th {
  padding: var(--g-hgutter);
  border: 1px solid 1px solid rgba(0,0,0,.1);
}

/*================ Forms and inputs ================*/
::-webkit-input-placeholder {
  @include placeholder-text();
}

:-moz-placeholder {
  @include placeholder-text();
}

:-ms-input-placeholder {
  @include placeholder-text();
}

::-ms-input-placeholder {
  @include placeholder-text();
  @include opacity-placeholder-text();
}

input,
textarea,
select {
  background-color: $color-form;
  color: $color-form-text;
  border: 0;
  max-width: 100%;

  &[disabled] {
    color: $color-disabled-text;
  }

  &.input--error {
    color: #fff;

    &::-webkit-input-placeholder {
      @include error-placeholder-text();
    }

    &:-moz-placeholder {
      @include error-placeholder-text();
    }

    &:-ms-input-placeholder {
      @include error-placeholder-text();
    }

    &::-ms-input-placeholder {
      @include error-placeholder-text();
      @include opacity-placeholder-text();
    }
  }
}

.input--content-color {
  background-color: $color-content;
}

input,
textarea {
  padding: 13px 15px;
}

select {
  padding-top: 10px;
  padding-left: 15px;
  padding-bottom: 10px;
}

.form-vertical {
  input,
  select,
  textarea {
    display: block;
    width: 100%;
    margin-bottom: var(--g-hgutter);
  }

  input[type="radio"],
  input[type="checkbox"] {
    display: inline-block;
    width: auto;
    margin-right: 5px;
  }

  input[type="submit"],
  .btn {
    display: inline-block;
  }
}

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

/*================ Form feedback messages ================*/
.note,
.form-success,
.errors {
  padding: 5px 10px;
  margin: 0 0 var(--g-hgutter);
}

.note {
  border: 1px solid rgba(0,0,0,.1);
}

.form-success {
  background-color: #59ac6c;
  color: #fff;
}

.errors {
  background-color: $color-error-bg;
  color: #fff;
}

.errors ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/*============================================================================
  Input groups
  - Align a text input beside a submit button without
    any space between them. The button will size it's parent
    based on the 1% width below while maintaining its
    padding and styles.
==============================================================================*/
.input-group {
  .form-vertical & {
    margin-bottom: var(--g-gutter);
  }
}

.input-group__field,
.input-group__btn {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
}

.input-group__field,
.input-group__btn .btn {
  height: 48px;
  padding-top: 0;
  padding-bottom: 0;
}

.input-group__field {
  width: 100%;

  .form-vertical & {
    margin: 0;
  }
}

.input-group__btn {
  white-space: nowrap;
  width: 1%;

  .icon-arrow-right {
    width: 14px;
    height: 17px;
  }
}

/*================ Theme links and buttons ================*/
.btn--narrow {
  padding-left: 15px;
  padding-right: 15px;
}

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

/*================ Default link styles ================*/
a,
.link-accent-color {
  color: var(--g-main);
  transition: 0.3s ease-in;

  &:hover,
  &:focus {
    color: $color-accent-hover;
    text-decoration: none;
  }
}

.text-link {
  transition: color 0.1s ease-in, background-color 0.1s ease-in;

  .icon,[class^=icon-] {
    fill: currentColor;
    margin-left: 3px;
  }
}

.link-body-color {
  color: $color-body-text;
  transition: color 0.1s ease-in, background-color 0.1s ease-in;

  &:hover,
  &:focus {
    color: var(--g-main);
  }
}

/*================ Return link ================*/
.return-link {
  display: block;
  text-align: center;
  margin-bottom: 0;
  font-size: 14px;
  font-family:var(--g-font-2);
  .icon,[class^=icon-] {
    fill: currentColor;
    margin:0 3px;
  }
}

.placeholder-svg {
  fill: lighten($color-body-text, 25%);
  background-color: lighten($color-body-text, 55%);
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

.placeholder-noblocks {
  padding: 40px;
  text-align: center;
}

// Mimic a background image by wrapping the placeholder svg with this class
.placeholder-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  .placeholder-svg {
    border: 0;
  }
}

// Theme specific styles for some blank state images
.featured-card__image .placeholder-svg {
  width: auto;
}

.hero__slide .placeholder-background {
  background-color: $color-body;
}




/*================ TEMPLATES ================*/
/*============= Templates | Password page =============*/
.template-password {
  height: 100vh;
  background-color: #282828;
  color: white;
}

.password-page {
  display: table;
  height: 100%;
  width: 100%;

  a {
    color: #fff;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: white;
  }

  label {
    color: white;
  }
}

.password-page__inner {
  display: table-cell;
  vertical-align: middle;
}

.password-page__content,
.password-modal__content {
  max-width: 600px;
  margin: 0 auto;
}

.password-page__content {
  padding: var(--g-gutter) 0;
}

.password-logo {
  margin-top: var(--g-hgutter);
  margin-bottom: var(--g-gutter);
}

.password-logo__image {
  max-width: 100%;
}

.password-page__title {
  font-size: em(50);
  line-height: 1;
  margin-bottom: var(--g-gutter);
}

.password-page__message {
  font-size: em(18);
  margin-bottom: 40px;
}

.password-signup-form {
  margin-bottom: 80px;
}

.password-social-sharing {
  margin-bottom: 80px;
}

/*================ Login link ================*/
.password-login-link {
  display: block;
  padding: var(--g-gutter);
  text-align: center;

  @include media-query($medium-up) {
    position: absolute;
    top: 0;
    right: 0;
  }

  .icon,[class^=icon-] {
    margin-right: 8px;
    fill: currentColor;
  }
}

/*================ Login modal ================*/
.password-login-form {
  margin-bottom: 40px;
}

/*================ Newsletter ================*/
.password-signup-form__subheading {
  margin-bottom: 25px;
  a {
    color: var(--g-main);
    &:hover {
      color: $color-btn-primary-hover;
    }
  }
}

.password-signup-form .input-group {
  max-width: 450px;
  margin: 0 auto;
}

/*================ Password svg icons ================*/
.icon-shopify-logo {
  width: 72px;
  height: 21px;
  margin-left: var(--g-hgutter);
  fill: currentColor;
}

/*============= Templates | Gift card page =============*/
.template-giftcard {
  background-color: #282828;
}

.giftcard__header {
  margin: 80px auto 40px;
}

.giftcard__content {
  background-color: $color-content;
  max-width: 540px;
  margin: 0 auto 40px;
  padding: var(--g-gutter);
}

.giftcard__shop-url {
  display: none;
}

/*================ Giftcard image, amount, and code ================*/
.giftcard__wrap {
  position: relative;

  &:before,
  &:after {
    content: '';
    display: block;
    position: absolute;
    background-color: $color-content;
    height: 40px;
    width: 40px;
    border: 1px solid rgba(0,0,0,.1);
  }

  &:before {
    top: -2px;
    left: -2px;
    border-radius: 12px 0 100%;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.05);
  }

  &:after {
    bottom: -2px;
    right: -2px;
    border-radius: 100% 0 12px;
    box-shadow: -2px -2px 1px rgba(0, 0, 0, 0.05);
  }
}

.giftcard__image {
  display: block;
  border-radius: 12px;
  overflow: hidden;
}

.giftcard__amount-wrapper {
  position: absolute;
  top: var(--g-hgutter);
  right: var(--g-hgutter);
}

.giftcard__amount,
.giftcard__amount-remaining {
  color: #fff;
}

.giftcard__amount {
  font-size: em(28);
  margin-bottom: 0;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);

  @include media-query($medium-up) {
    font-size: em(40);
  }
}

.giftcard__code {
  position: absolute;
  left: 0;
  right: 0;
  bottom: var(--g-gutter);
}

.giftcard__code-bubble {
  position: relative;
  display: inline-block;
  background-color: $color-content;
  color: $color-body-text;
  padding: var(--g-hgutter) var(--g-gutter);
  font-size: em(15);
  border-radius: 4px;

  @include media-query($medium-up) {
    font-size: em(20);
  }

  &:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    border: 1px dashed $color-body-text;
    border-radius: 4px;
    opacity: 0.3;
  }
}

/*================ Print styles ================*/
@media print {
  .giftcard__shop-url {
    display: block;
  }

  .giftcard__wrap {
    &:before,
    &:after {
      display: none;
    }
  }

  .giftcard__amount-wrapper {
    background-color: $color-content;
    border-radius: 4px;
    padding: 0 var(--g-hgutter);
  }
}


/*================ VENDOR ================*/
/*============================================================================
  Slick Slider 1.5.8

  - If upgrading Slick's styles, use the following variables/functions
    instead of the slick defaults (from slick-theme.scss)
  - This file includes default slick.scss styles (at Slick Slider SCSS)
    and slick-theme.scss (at Slick Slider Theme). Upgrade each area individually
  - All `outline: none;` have been removed for any elements in slideshow
    (buttons, arrows, etc) to preserve a11y
==============================================================================*/
$slick-font-family: icomoon !important;
$slick-arrow-color: #000;
$slick-dot-color: #000;
$slick-dot-color-active: #fff;
$slick-prev-character: '\e903';
$slick-next-character: '\e904';
$slick-dot-character: '\2022';
$slick-dot-size: 6px;
$slick-opacity-default: 1;
$slick-opacity-on-hover: 1;
$slick-opacity-not-active: 0.25;

// Only called once so make sure proper file is grabbed
@function slick-image-url($url) {
  @return url({{ "ajax-loader.gif" | asset_url }});
}

// Unused intentionally
@function slick-font-url($url) {}

/*================ Slick Slider SCSS ================*/
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;

  &:before,
  &:after {
  content: "";
  display: table;
  }

  &:after {
  clear: both;
  }

  .slick-loading & {
  visibility: hidden;
  }
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  cursor:pointer;
  display: none;
  position: relative;
  [dir="rtl"] & {
    float: right;
  }
  img {
    display: block;
  }
  &.slick-loading img {
    display: none;
  }
  &.dragging img {
    pointer-events: none;
  }
  .slick-initialized & {
    display: block;
  }
  .slick-loading & {
    visibility: hidden;
  }
  .slick-vertical & {
    display: block;
    height: auto;
    border: 1px solid transparent;
  }
}
.slick-arrow.slick-hidden {
  display: none;
}

/* .js-slick-carousel{
	display:none;
} */

.carousel-control-next, .carousel-control-prev{
  z-index:1001;
  width: 10%;
  top: calc(50% - 25px);
  height: 50px;
  bottom:auto;
}
.carousel-indicators{
  z-index:1001;
}

/*================ Slick Slider Theme ================*/
.slick-list {
  .slick-loading & {
    background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;
  }
}

/* Icons */
@if $slick-font-family == "slick" {
  @font-face {
    font-family: "slick";
    src: slick-font-url("slick.eot");
    src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
  }
}

/* Arrows */

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 40px;
  width: 40px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  z-index:1;
  &:hover, &:focus {
    background: transparent;
    color: transparent;
    &:before {
      opacity: $slick-opacity-on-hover;
    }
  }
  &.slick-disabled:before {
    opacity: $slick-opacity-not-active;
  }
}

.slick-prev:before, .slick-next:before {
  font-family: $slick-font-family;
  font-size: 26px;
  line-height: 1;
  color: $slick-arrow-color;
  opacity: $slick-opacity-default;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 5px;
  [dir="rtl"] & {
    left: auto;
    right: 5px;
  }
  &:before {
    content: $slick-prev-character;
    [dir="rtl"] & {
      content: $slick-next-character;
    }
  }
  .site-nav &{
  	@include rtl-left(-25px);
  }
}

.slick-next {
  right: 5px;
  [dir="rtl"] & {
    left: 5px;
    right: auto;
  }
  &:before {
    content: $slick-next-character;
    [dir="rtl"] & {
      content: $slick-prev-character;
    }
  }
  .site-nav &{
    @include rtl-right(-25px);
  }
}

/* Dots */

.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: 0;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
  .dots-negative &{
    bottom:-25px;
  }
  li {
    position: relative;
    display: inline-block;
    height: 12px;
    width: 12px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    button {
      border: 1px solid #000;
      background: transparent;
      display: block;
      height: 11px;
      width: 11px;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 0;
      cursor: pointer;
      border-radius:50%;
      &:hover, &:focus {
        background:var(--g-main);
        border-color:var(--g-main);
      }
    }
    &.slick-active button{
      background:var(--g-main);
      border-color:var(--g-main);
    }
  }
}

/*================ Nav Bar ================*/
.nav-bar {
  position: relative;
  z-index: $z-index-stickynav;

  // psuedo element sits above meganav dropdown, but below nav links
  &:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    pointer-events: none;
    z-index: $z-index-nav-links - 1;
  }
}
.vertical-tabs{
  .nav{
    padding-right:15px;
    border:none;
  }
}
.product-single__info-wrapper{
  #nav-tab-info .nav-tabs{
    justify-content: start;
    .nav-item{
      margin: 0 3rem -2px 0;
    }
  }
}
#nav-tab-info{
  .tab-content{
    padding:40px 0px;
  }
  .spr-icon{
    font-size: 100%;
  }
  .nav-item{
    font-family:var(--g-font-1);
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    @include media-query($medium-down){
      margin: 0 1.5rem -2px 0 !important;
    }
    .review{
        margin-bottom:0;
        .spr-badge-caption{
          padding:0 6px;
          border-radius:3px;
          background-color:#f9f9f9;
          top:0px;
        }
    }
  }
  
}

/*================ Sticky bar ================*/
.sticky {
  position: relative;
  overflow: visible;
  z-index: $z-index-stickynav;
}

.sticky--active {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  @include transform(translate3d(0, -100%, 0));
}

.sticky--open {
  @include transform(translate3d(0, 0, 0));
  transition: all 0.35s cubic-bezier(0.33, 0.59, 0.14, 1);
}

// Show/hide elements in the sticky bar
.sticky--active .sticky-hidden {
  display: none;
}

.sticky-only {
  position: relative;
  display: none;
  z-index: $z-index-nav-links;

  .sticky--active & {
    @include display-flexbox();
    @include justify-content(flex-end);
  }
}

/*================ Content blocks ================*/
.content-block {
  //background-color: $color-content;
  //padding: 40px;
  margin-bottom: var(--g-gutter);
  .container--wishlist &{
    padding: 40px 0;
  }

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

.content-block--small {
  padding: var(--g-gutter);
}

.content-block--no-bottom-padding {
  padding-bottom: 0;
}

.content-block__item {
  margin-bottom: var(--g-gutter);
}

.content-block__full-image {
  margin-left: -40px;
  margin-right: -40px;
  margin-bottom: 40px;

  img {
    display: block;
    margin: 0 auto;
  }

  // If first element in .content-block, get flush with top
  &:first-child {
    margin-top: -40px;
  }
}

/*================ Product cards ================*/
.product-card {
  position: relative;
  display: block;
/*   background-color: $color-content; */
  text-align: center;
  padding: 0;
  z-index: $z-index-product-card;
  height:100%;
  .second-image{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
    opacity: 0;
  }
  .grid--no-gutters & {
    border-left-width: 1px;
  }
  .js-product-video{
    position: absolute !important; 
  }
  .collection__card--first & {
    border-left-width: 0;
  }

  // Overlay appears on hover/focus, don't change text color
  &:hover,
  &:focus {
    color: $color-body-text;
    outline:none;
  }

  // Prevent browser focus from being cut off
  &:focus {
    z-index: $z-index-product-card + 1;
  }
  &:hover{
    .first-image{
      opacity: 0;
    }
    .second-image{
      opacity: 1;
    }
  }
}

/*================ Product hover/focus overlay ================*/
.product-card__overlay {
  padding:20px;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right:0;
  top:0;
  transition: all 0.3s ease-in;
  z-index: 10;
  .products_menu &{
    display:none;
  }
  .product-card:hover &,
  .product-card:focus & {
    visibility: visible;
    opacity: 1;
  }
}

.product-card__loading{
  width:10px;
  height:10px;
  display:none;
  color:inherit !important;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -5px;
  position: absolute;
  .is-loading &{
  	display:inline-block;
  }
}

.js-grid-cart.is-loading {
  [class^=icon-], svg,.svg-cart{
    display:none;
  }
	
}

.product-card__overlay-btn {
  position: relative;
  padding: 0;
  margin: 5px 0;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 38px;
  background:var(--g-cta-button);
  border-radius:50%;
  overflow: hidden;
  &.js-btn-wishlist{
    font-size:0;
    svg{
      margin-top:3px;
    }
  }
  &>span{
    display:none;
  }
  &:hover{
    background:(--g-main);
  }
}

/*================ Product image and wrapper ================*/
.product-card__image-wr{
  position: relative;
  overflow: hidden;
}
.product-card__image {
  position: relative;
  margin: 0 auto;
  display:block;
  &:after{
    display: none;
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:black;
    opacity:0;
    transition:all ease .45s;
    .product-card:hover &{
      opacity:0.3;
    }
  }
}

/*================ Product meta info ================*/
.product-card__info {
  padding: 20px 0;
  margin-bottom:var(--g-gutter);
}

.product-card__name {
  color: var(--g-color-heading);
  font-weight:500;
  line-height: 23px;
  font-size: calc(var(--g-font-size) + 2px);
  text-align: center;
  text-transform: uppercase;
  font-family:var(--g-font-1);
}

.product-card__availability {
  @include nav-text-style();
  color: var(--g-label-hot);
  font-weight: 500;
  margin-top: 5px;
}

.product-card__regular-price {
  opacity: 1;
  color: lighten($color-body-text, 5%);
  @include rtl-margin-left(5px);
}

.product-card__price{
  margin-top:3px;
  font-weight:400;
  font-size: calc(var(--g-font-size) + 3px);
  font-family:var(--g-font-1);
  >.money{
    font-weight:400;
    color:var(--g-main-2);
  }
}

.template-product .page-container {
  background-color: $color-content;
}

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

/*================ Product meta ================*/
.product-single__meta-list {
  li {
    padding-right: var(--g-hgutter);

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

.product-single__price-container {
  margin-bottom: 10px;
}

.product-single__price {
  color: var(--g-main);
  font-family:var(--g-font-1);
  font-weight: 500;
  font-size: 24px;
}

[id*='ComparePrice-product-template']{
  font-size: em(16);
  
}
[id*='ProductPrice-product-template']{
  .money{
    font-weight:500;
    color:var(--g-main-2);
    letter-spacing:-1px;
      }
}

.product-single__price--compare {
  color:var(--g-color-heading);
}

.product-single__stock {
  display: inline-block;
  padding: 2px 0;
  font-weight: 600;
  color:#43B02A;
  text-transform: uppercase;
}
.product-single__information{
  p{
    margin-bottom:0;
    line-height:26px;
  }
  .text-body{
    min-width:80px;
    display: inline-block;
  }
}

/*================ Product form ================*/
// Force selects, inputs, and buttons to be the same height,
// regardless of font-size
.product-form {
  // .btn {
  //   padding-top: 9px;
  //   padding-bottom: 9px;
  // }

  .btn,
  select,
  input[type="text"] {
    // min-height: 60px;
  }

  &.product-form--featured-product {
    margin-top: 30px;
    text-align: left;
  }
  .selector-wrapper{
    >label{
      font-weight:500;
      font-size:14px;
    }
  }
  .gr-btnjs{
    .js-btn-compare,.js-btn-wishlist{
      cursor: pointer;
      padding:0;
      min-height:inherit;
      text-transform:uppercase;
      font-weight:600;
      font-size: calc(var(--g-font-size) - 2px);;
      color:var(--g-color-heading);
      svg,i{
        width: 16px;
        height: 16px;
        font-size:16px;
        margin-right:8px;
      }
      span{
        margin-left:0;
      }
      &:hover{
        color:var(--g-main-2);
      }
    }
  }
}

.product-form__variants {
  .no-js & {
    display: block;
    margin-bottom: var(--g-hgutter);
  }
}

.product-form__item--quantity {
  @include flex(0 0 100px);
}
.product-form__buynow{
  @include flex-basis(50%);
  display: flex;
  margin-left:20px;
  .shopify-payment-button{
    margin-bottom:0;
  }
  .shopify-payment-button__button{
    //min-height:60px;
    margin:0 !important;
  }
}
.product-form__item--submit {
  @include flex-basis(50%);
  display: flex;
  @include flex-direction(column);
  margin-top: 0px;
  margin-left:20px !important;
  &.btn-disablebuynow{
    @include flex-basis(100%);
  }
  .product-form--payment-button & {
    @include flex-basis(50%);
  }

  &.product-form__onboarding {
    margin-top: 20px;
    padding-left: 0;
  }
  .btn{
    .icon,[class^=icon-]{
      margin:0 3px;
    }
  }
}

.product-form__input {
  display: block;
  width: 100%;
  padding:8px;
}

.product-form__cart-submit {
  padding-left: 5px;
  padding-right: 5px;
  white-space: normal;
  @include flex(1);
}
.shopify-payment-button {
  @include flex(1);
  .shopify-payment-button__button {
    @extend .btn-waitlist;
  }

  .shopify-payment-button__button--branded {
    overflow: hidden;
    min-height: 48px;
  }

  .shopify-payment-button__button--unbranded {
    @extend .btn-theme;
    width: 100%;
    margin-bottom: 10px;
    background-color: var(--g-main);
    &:hover {
      background-color:var(--g-main-2) !important;
    }
  }

  .shopify-payment-button__more-options {
    margin: 16px 0 10px 0;
    font-size: var(--g-font-size);
    color: $color-btn-secondary-accent;
    text-decoration: underline;
    display:none;

    &:hover {
      color: $color-btn-secondary-accent-hover;
    }
  }
}


.product-single__title{
  font-size: 36px;
  line-height: 46px;
  margin-bottom:15px;
  @media (max-width:991px){
    font-size:calc(var(--g-font-size) + 10px);
  }
  sup{
    top:-0.7em;
    .product-tag{
      padding: 11px 6px;
      text-transform: uppercase;
      font-size: 12px;
      letter-spacing: 1px;
    }
  }
}

.product-card--style1{
  .product-card__overlay{
    @media (max-width:991px){
      visibility: visible;
      opacity: 1;
      position: static;
      flex-direction: row !important;
      .js-btn-quickview{
        display:none;
      }
    }
  }
}
.product-card--style4{
  .product-card__overlaytop{
    padding:15px;
    .btn{
      background-color:#fff;
      color:var(--header-text);
      &:hover{
        color:#fff;
      }
    }
    @media (max-width:991px){
      position: absolute;
      .btn{
        margin:0;
      }
    }
  }
  .product-card__overlaybottom{
    bottom:0;
    top:auto;
    left: 0;
    right: 0;
    padding:0;
    .btn{
      width: 50%;
      border-radius:0;
      margin:0;
      @media (max-width:991px){
        width: 100%;
      }
      &:last-child{
        border-left:1px solid rgba(255, 255, 255, 0.3);
      }
      >span{
        display:inline-block;
        font-size:11px;
        margin-right:5px;
      }
    }
  }
}

.product-card--style5{
  .product-tag{
    top: 15px;
    left: 15px;
    width: 40px;
    height: 40px;
    line-height:40px;
    border-radius: 50%;
    padding:0;
    z-index: 11;
  }
  .product-card__overlaytop{
    opacity: 1;
    visibility: visible;
    padding:15px;
    .btn{
      background-color:#fff;
      color:var(--header-text);
      box-shadow:0 2px 4px 0 rgba(76,76,75,.1);
      line-height:40px;
      margin:0;
      &:hover{
        color:#fff;
      }
    }
    @media (max-width:991px){
      position: absolute;
      .btn{
        margin:0;
      }
    }
  }
  .product-card__overlaybottom{
    bottom:0;
    top:auto;
    left: 0;
    right: 0;
    padding:10px;
    @media (max-width:991px){
      display: none !important;
    }
    .btn{
      width: 100%;
      border-radius:0;
      margin:0;
      background-color:#fff;
      color:var(--header-text);
      >span{
        display:inline-block;
        font-size:12px;
        margin-left:2px;
      }
      svg{
        width: 11px;
        height: 11px;
        font-size:11px;
      }
      &:hover{
        color:#fff;
      }
    }
  }
}
.product-card--style6{
  .product-tag{
    top: 15px;
    left: 15px;
    width: 40px;
    height: 40px;
    line-height:40px;
    border-radius: 50%;
    padding:0;
    z-index: 11;
  }
  .product-card__overlay{
    left: 0;
    bottom:0;
    top:auto;
    visibility: visible;
    opacity: 1;
    @media (max-width:991px){
      padding-bottom:0;
    }
    .btn{
      margin:0 3px;
      transform:translateY(100%);
      opacity: 0;
      transition:0.3s ease;
      @media (max-width:991px){
        opacity: 1;
        transform:translateY(0);
      }
    }
    .js-btn-wishlist{
      transition-delay:0.1s;
    }
    .js-btn-quickview{
      transition-delay:0.15s;
    }
    .js-btn-compare{
      transition-delay:0.2s;
    }
    .js-grid-cart{
      transition-delay:0.25s;
    }
  }
  &:hover{
    .product-card__overlay{
      .btn{
        transform:translateY(0);
        opacity: 1;
      }
    }
  }
}

.product-card--style2{
  overflow: hidden;
  transition: box-shadow .4s,background-color .3s;
  margin-bottom: 40px;
  height:auto;
  background-color:#fff;
  .js-countdown{
    text-align:center;
  }
  .product-card__info{
    z-index: 10;
    padding:20px ;
    background-color:#fff;
    margin:0;
    transition: transform .3s;
    position: relative;
    .product-card__name{
      font-size: 18px;
      line-height: 23px;
      font-weight:500;
    }
  }
  .product-form__item--submit{
    @media (min-width:991px) {
      margin-top:10px;
      margin-left:0 !important;
      flex-direction: row;
      position: absolute;
      left: 20px;
      right: 20px;
      height: 40px;
      transform: translateY(50%);
      transition: .4s;
    }
    @media (max-width:990px){
      .js-btn-quickview{
        display:none;
      }
      margin-left:0 !important;
    }
    .product-card__overlay-2{
      .product-card__overlay-btn{
        opacity: 1;
        background-color:transparent;
        color:#000;
        margin:0 0 0 15px;
        &.js-btn-wishlist{
          svg{
            width: 14px;
            height: 14px;
            font-size:14px;
            margin-top:3px;
          }
        }
      }
    }
    .btn{
      width: auto;
      border:none;
    }
  }
  &:hover{
    box-shadow: 0px 8px 32px 0px rgba(0,0,0,.1);
    transition: box-shadow .4s;
    .product-card__info{
      @media (min-width:991px) {
        transform: translateY(-40px);
      }
    }
    .product-form__item--submit{
      transform: none;
      opacity: 1;
    }
    .js-btn-compare{
      opacity:1;
    }
  }
  .single-option-radio label{
    background-color: transparent;
    font-size: 12px;
    line-height: 36px;
    text-transform:uppercase;
  }
  .selector-wrapper.product-form__item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0px 0;
    >label{
      display:none;
    }
  }
  .js-btn-compare{
    cursor: pointer;
    transition: all ease .45s;
    opacity:0;
    span{
      display:none;
    }
  }
}


.product-card--style3{
  background:#fff;
  margin-bottom:40px;
  height: auto;
  &:hover{
    .first-image{
      opacity: 0;
    }
    .second-image{
      opacity: 1;
    }
  }
  .product-card__image{
  	display:block;
  }
  .product-tag--absolute,.js-btn-wishlist{
    z-index:2;
  }
  .product-card__overlay{
    position: absolute;
    right: 0px;
    top:0px;
    z-index: 10;
    @media (max-width:991px){
      position: static;
      visibility: visible;
      opacity: 1;
      padding: 10px;
      flex-direction: row !important;
    }
  }
  .product-card__overlay-btn{
    background: white;
    border-radius: 50%;
    opacity:0;
    line-height:38px;
    width: 40px;
    height: 40px;
    @include transform(translateY(-30px));
    color:#000;
    @media (max-width:991px){
      @include transform(translateY(0));
      opacity:1;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      margin: 0 5px;
    }
  }
  .product-card__info{
    padding:20px 0 25px;
  }
  .product-card__image{
    &:after{
      display:none;
    }
  }
  &:hover{
    box-shadow: 0px 8px 32px 0px rgba(0,0,0,.1);
    transition: box-shadow .4s;
    .product-card__overlay-btn{
      opacity:1;
      @include transform(translateY(0));
    } 
  }
  .js-btn-compare{
    transition: transform ease .5s, opacity ease .3s;
  }
  .js-btn-quickview{
    transition: transform ease .4s, opacity ease .3s;
  }
  .btn-grid-cart{
    transition: transform ease .3s, opacity ease .3s;
  }
  @media (max-width:991px){
    .js-btn-compare,.js-btn-quickview{
      display:none;
    }
    
  }
}


/*================ Product notify soldout ================*/
.btn-waitlist{
  width:100%;
  margin-top:20px;
}
.modal-dialog--soldout{
  max-width: 460px !important;
  text-align:center;
  input,p{
    width:90%;
    margin: 0 auto 10px;
  }
}

.modal-dialog--upsell{
  max-width: 600px !important;
  text-align:center;
  p{
    margin-bottom:0;
  }
  .modal-content{
    position:relative;
    &:after{
      position:absolute;
      content:"";
      top:-40px;
      margin-left:-40px;
      left:50%;
      background:url({{'upsell_image.png' | asset_url}}) center no-repeat;
      width:80px;
      height:80px;
      display:block;
      background-size: contain;
    }
  }
  .btn-decline{
    background: white;
    border: 1px solid var(--g-main);
    color: var(--g-main);
    &:hover{
      color: #fff;
    }
  }
  .upsell-image{
  	padding: 0 15px;
    margin-bottom:30px;
  }
}

.js-notify-text {
  span {
    font-weight: 400;
    color: var(--g-main);
    font-size:24px;
    display: block;
    margin-bottom:20px;
    font-family:var(--g-font-1);
  }
}

/*================ Product image and thumbnail layout ================*/
.photos__item--main {
  text-align: center;
  min-width: 0;
  position:relative;
}

.photos__item--thumbs {
  max-width: 100%;
  padding-bottom:30px;
}

.product__photo-container {
  width: 100%;
  position: relative;
  max-width: none !important;
  margin: 0 auto;

  &.hide {
    display: none;
  }
}

.product__photo-wrapper {
  display: block;
  width: 100%;
  position: relative;
  cursor: crosshair;
  img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
}

.product-single__photo {
  margin-bottom: 20px;
}

/*================ Product thumbnail layout ================*/
.product-single__thumbnails.slick-vertical .slick-slide {
  border: 0;
  padding-bottom: 20px;
}

.product-single__thumbnails {
  display: none;
  margin: 0 -10px 0;
  opacity:0;
  
  &.slick-initialized {
    display: block;
  }
  .slick-dots{
    bottom:-25px;
  }
  .product-single__thumbnail-item{
    padding:0 10px;
  }
}

.product-single__thumbnails--static {
  display: block;
  text-align: center;

  @include media-query($small) {
    .product-single__thumbnail-item {
      display: inline-block;
      width: 45%;
      max-width: 150px;
    }
  }
}

.product-single__thumbnail {
  position: relative;
  display:block;
  #ProductSection-product-template-3 &{
    @media (min-width:992px){
      margin:0;
    }
  }
  .is-active &:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:black;
    opacity:0.3;
  }
}

/*================ Slider arrows ================*/
.product-single__thumbnails.slick-initialized {
  .slick-prev,
  .slick-next {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    color: #fff;
    &:before {
      font-family: icomoon !important;
      font-size: 26px;
      line-height: 1;
      color: #000;
      opacity: 1;
      -webkit-font-smoothing: antialiased;
    }

    &:hover,
    &:focus {
      opacity: 0.7;
    }
  }
  .slick-prev{
    left: 0px;
    &:before{
      content: "\e903";
    }
  }
  .slick-next {
    right:0px;
    &:before{
      content: "\e904";
    }
  }

  .slick-disabled {
    opacity: 0;
    visibility: hidden;
  }
}

.product-single__thumbnails.slick-vertical {
  .slick-prev,
  .slick-next {
    left: 0;
    right: 0;
    margin-top: 0;
    width: 100%;
    height: auto;
  }

  .slick-prev {
    top: -30px;
    transform: rotate(90deg);
  }

  .slick-next {
    top: auto;
    bottom: -20px;
    transform:rotate(90deg);

  }
}

.js-modal-open-product-modal {
  cursor: zoom-in;
}

.product-tag {
  @include nav-text-style();
  display: inline-block;
  font-size: calc(var(--g-font-size) - 2px);
  background-color: var(--g-label-hot);
  color:var(--g-label-text);
  padding: 2px 6px;
  border-radius:0px;
  font-family:var(--g-font-2);
  font-weight:600;
}

.product-tag--absolute {
  display: block;
  position: absolute;
  top: 10px;
  @include rtl-left(10px);
  padding: 2px 12px;
  border-radius:12px;
  z-index: 2;
}

/*============================================================================
  Pagination
  - Markup build by liquid tag,
    so nesting and element selectors are necessary
==============================================================================*/
.pagination {
  display:block;
  text-align: center;
  margin: 40px 40px 0;
  .page,.next,.prev{
    background-color: #f1f1f1;
    min-height:36px;
    margin:0 2px;
    line-height: 36px;
    text-align: center;
    min-width: 36px;
    display: inline-block;
    cursor: pointer;
  }
  a {
    color: $color-body-text;
    padding:0px 10px;
    &:hover,
    &:focus {
      color: var(--g-main);
    }
  }

  .current {
    //font-weight: bold;
    //color: var(--g-color-heading);
    color:#fff;
    background-color:var(--g-main);
  }

  a,
  .current {
    //display: inline-block;
    //padding: 5px var(--g-hgutter);
  }
}

/*================ Article comments ================*/
.comment {
  margin-bottom: var(--g-gutter);

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

  & + & {
    padding-top: var(--g-gutter);
  }
    .h6{
      font-weight:bold;
      }
    .h3{
      margin-bottom: 30px;
      }
  .comment__user{
    width: 60px;
    height: 60px;
    background-color:#f1f1f1;
  }
}

/*================ Indented article/page images ================*/
.rte--indented-images .rte__image-indent {
  position: relative;
  margin-left: calc(0 - var(--g-gutter));
  margin-right: calc(0 - var(--g-gutter));

  @include media-query($medium-up) {
    margin-left: -40px;
    margin-right: -40px;
  }
}


/*================ Drawer Skeleton Styles ================*/

$drawer-transition: all 0.35s cubic-bezier(0.33, 0.59, 0.14, 1);
$drawer-content-transition-open: all 0.35s cubic-bezier(0.33, 0.59, 0.14, 1);
$drawer-content-transition-close: all 0.35s cubic-bezier(0.33, 0.59, 0.14, 1);
$color-drawer: $color-content;
$color-drawer-sublist: $color-body;
$color-drawer-shadow: rgba(0, 0, 0, 0.1);
.is-transitioning {
  // sass-lint:disable no-important
  display: block !important;
  visibility: visible !important;
}

.page-container {
  overflow: hidden;
  transition:none !important;
}

.js-drawer-open .page-container:after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9998;
  background: rgba(0,0,0,0.7);
}

.js-drawer-open {
  overflow: hidden;
}

.drawer {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  // sass-lint:disable no-misspelled-properties
  -webkit-overflow-scrolling: touch;
  top: 0;
  bottom: 0;
  max-width: 95%;
  z-index: $z-index-drawer;
  background-color: $color-content;
  transition: $drawer-transition;
  @include media-query-ie-z-index(3);
}

.drawer--left {
  width: $drawer-width;
  left :-$drawer-width;
  @include media-query($small) {
    width: $drawer-width - 50;
    left :-$drawer-width + 50;
  }

  .js-drawer-open-left & {
    display: block;
    @include transform(translateX($drawer-width));
    opacity: 1;
    visibility: visible;
    @include media-query($small) {
      @include transform(translateX($drawer-width - 50));
    }
    .no-csstransforms & {
      @include rtl-left(0);
    }
  }
}

.drawer--right {
  width: $drawer-width;
  @include rtl-right(-$drawer-width);

  .js-drawer-open-right & {
    display: block;
    @include transform(translateX(-$drawer-width));

    .no-csstransforms & {
      @include rtl-right(0);
    }
  }
}

.is-moved-by-drawer {
  transition: $drawer-transition;

  .js-drawer-open-left & {
    //@include transform(translateX($drawer-width));

    .no-csstransforms & {
      @include rtl-left($drawer-width);
    }
  }

  .js-drawer-open-right & {
    @include transform(translateX(-$drawer-width));

    .no-csstransforms & {
      @include rtl-left(-$drawer-width);
    }
  }
}

/*================ Global Drawer theme styles ================*/
.page-element {
  position: relative;

  &.is-transitioning {
    z-index: $z-index-content;
    .js-drawer-open-left &{
      z-index: $z-index-content + 99;
    }
  }
}

.page-container {
  background-color: $color-body;
}

.is-moved-by-drawer {
  transition: $drawer-content-transition-close;

  .js-drawer-open & {
    transition: $drawer-content-transition-open;
  }

  .js-drawer-open-left & {
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px;
  }

  .js-drawer-open-right & {
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 -5px;
  }
}



.drawer {
  overflow: visible;
  color: $color-drawer-text;
  .show{
    opacity: 1 !important;
  }
}

.drawer__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding:0 15px; 
}



/*================ Collection sorting select menus ================*/
.collection-sort {
  display: inline-block;
  @include rtl-text-align-left;
  max-width: 150px;

  & + & {
    @include rtl-margin-left(20px);
  }

  @include media-query($small) {
    width: 80%;

    & + & {
      margin: var(--g-gutter) 0 0;
    }
  }
}

.collection-sort__label {
  display: block;
  text-align: center;

  @include media-query($medium-up) {
    @include rtl-text-align-left;
    @include rtl-padding-left(7px);
    margin-bottom: 0;
  }
}

.collection-sort__input {
  background-color: transparent;
  font-weight: bold;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 7px;

  @include media-query($small) {
    width: 100%;
    border: 1px solid black;
  }
}

.apolloQty{
  // &:before{
  //   content:"("
  // }
  // &:after{
  //   content:")"
  // }
  color:#999;
}

/*================ Sidebar ================*/
.sidebar{
  [data-toggle='collapse']{
    cursor:pointer;
    position:relative;
    &:after{
      font-family: icomoon !important;
      position:absolute;
      content:"\e92d";
      width:30px;
      text-align:center;
      right:-10px;
      top:0;
      bottom:0;
      font-size:10px;
    }
  }
  [aria-expanded='false']{
    &:after{
      content:"\e93d";
    }
  }
}
.collection {
  margin-bottom: 30px;
  &:last-child {
    margin-bottom: 0;
  }
}
#shopbyvendor, #shopbytype,#categories_block{
  li{
    text-transform: capitalize;
    padding:8px 0;
    &.active{
      font-weight:bold;
      a{
        color:var(--g-main);
      }
    }
  }
}
.advanced-filter a{
  margin:0;
  line-height:0;
  #ul_catalog_color &{
    margin:0;
  }
}

.collection-sidebar .active-filter a{
  font-weight:600;
}
.collection-sidebar{
  a{
    color:$color-body-text;
    font-size:14px;
  }
  >div{
    padding:25px 0;
    border-bottom:1px solid #e9e9e9;
    &::last-child{
      border-bottom:none;
    }
    .title_block{
      text-transform:uppercase;
      margin:0;
      font-size: 18px;
      line-height: 23px;
      font-weight: 500;
    }
  }
  #js-fillter{
    padding-top:0;
    border-bottom:none;
    .catalog_filters{
      padding:25px 0;
      border-bottom:1px solid #e9e9e9;
    }
  }
}


/*================ Collection card ================*/
.collection-1{
  @media (max-width:990px) {
    .collection-card {
      min-height:300px;
    }
  }
}
.collection-card {
  position: relative;
  box-sizing: content-box;
  display: block;
  background: {
    color: $color-content;
    repeat: no-repeat;
    position: center top;
    size: cover;
  }
  padding: 0;
  height: 100%;
  z-index: $z-index-collection-card;

  // Prevent browser focus from being cut off
  &:focus {
    z-index: $z-index-collection-card + 1;
  }

  &:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.25;
    z-index: $z-index-collection-card;
    transition: opacity 0.2s ease;
  }

  &:hover,
  &:focus {
    &:after {
      opacity: 0.6;
    }
  }
}

.collection-card__meta {
  display: block;
  position: absolute;
  bottom: var(--g-gutter);
  @include rtl-left(0);
  margin-right: var(--g-hgutter);
  z-index: $z-index-collection-card + 1;

  @include media-query($medium-up) {
    bottom: 40px;
  }
}

.collection-card__title {
  display: inline;
  background-color: var(--g-main);
  color: $color-btn-primary-text;
  margin-bottom: var(--g-hgutter);
  padding: 2px var(--g-hgutter);
  letter-spacing: 0;
  font-size: em(26);
  line-height: 1.4;
  @include prefix(box-decoration-break, clone, webkit o spec);

  @include media-query($large-up) {
    font-size: em(32);
  }
}

.collection-card__subtext {
  @include nav-text-style();
  margin: var(--g-hgutter) 0 0 var(--g-hgutter);
  font-size: em(13);
  color: #fff;
}

/*================ Social sharing icons ================*/
.social-sharing {
  .icon,[class^=icon-] {
    width: 14px;
    height: 14px;
    font-size:14px;
    fill: currentColor; 
  }
}

@include media-query($small) {
  .social-sharing__title {
    display: inline-block;
    margin-bottom: 10px;
  }
}

.social-sharing__link {
  color: $color-body-text;
  &:hover,
  &:focus {
    opacity: 1;
    color: var(--g-main);
  }

  & + & {
   @include rtl-margin-left(10px);
  }
}

/*================ Cart ================*/
.cart-table {
  background-color: $color-content;
  border: 0;
  margin-bottom: 40px;

  td,
  th {
    border: 0;

    @include media-query($medium-up) {
      padding: 15px;
    }
  }
}

.btn-cart-checkout{
  padding: 10px 50px;
}

/*================ Cart cells ================*/
@include media-query($medium-up) {
  .cart__cell--image {
    width: 180px;
  }

  .cart__cell--quantity {
    width: 130px;
  }

  .cart__cell--total {
    width: 200px;
    @include rtl-text-align-right;
  }
}

/*================ Cart cell responsive labels ================*/
@include media-query($small) {
  .cart-table {
    th,
    td {
      text-align: center;
    }

    td:before {
      display: none;
    }
  }
}

/*================ Cart items ================*/
.cart__image {
  display: inline-block;
  max-width: 120px;
  margin: var(--g-hgutter) auto;
  @include media-query($small) {
    img {
      max-height: 120px;
    }
  }
}

.cart__quantity-label {
  display: block;
  text-align: center;
}

.cart__cell--quantity {
  .js-qty {
    max-width: 120px;
    margin: 0 auto;
  }
}

.cart__quantity {
  display: none;

  .no-js & {
    display: block;
  }
}

.cart__item-total {
  font-size: 1.2em;

  @include media-query($medium-up) {
    @include rtl-padding-right(20px);
  }
}

.cart__subtotal {
  margin: 35px 0 0;

  @include media-query($medium-up) {
    margin-top: var(--g-gutter);
  }
}

.cart__note {
  width: 100%;
  background-color: $color-content;
  border: 1px solid black;

  @include media-query($small) {
    min-height: 50px;
  }
}

.cart__buttons .btn {
  margin-bottom: var(--g-hgutter);

  @include media-query($small) {
    display: block;
    width: 100%;
  }
}

.update-cart {
  display: none;
  .no-js & {
    display: inline-block;
  }
}

/*================ Cart discounts ================*/
.cart-item__original-price,
.cart-item__discount {
  // sass-lint:disable no-important
  font-size: 80%!important;
  margin-bottom: 0!important;
}

/*================ Empty cart ================*/
.cart--empty-message {
  .cart--no-cookies & {
    display: none;
  }
}

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

.cart--cookie-message {
  display: none;
  padding-bottom: 25px;

  .cart--no-cookies & {
    display: block;
  }
}

/*================ Quantity selector ================*/
$width-qty-btn: 30px;
.js-qty {
  position: relative;
}
.product-form__item{
  .js-qty__input{
    border-bottom:2px solid #ddd;
    background:#fff;
    height: 50px;

  }
}

.js-qty--is-loading {
  opacity: 0.6;
}

.js-qty__input {
  width: 100%;
  padding-left:0;
}

.js-qty__adjust {
  position: absolute;
  top: 8px;
  bottom: 2px;
  text-align: center;
  width: 20px;
  height: 15px;
  line-height: 13px;
  padding: 0;
  background: none;
  border-style: solid;
  border-color: adaptive-color($color-form, 5%);
  border-width: 0;
  transition: background-color 0.03s ease-in;
  &:hover,
  &:focus {
    background-color: adaptive-color($color-form, 1%);
    transition-duration: 0.08s;
  }

  .icon,[class^=icon-] {
    width: 8px;
    height: 8px;
    font-size:9px;
    fill: #222;
    font-weight: 600;
  }
}

.js-qty__adjust--minus {
  @include rtl-right(0px);
  top:auto;
  bottom:10px;
}

.js-qty__adjust--plus {
  @include rtl-right(0px);
}

/*================ Alert ================*/
#js-global-alert{
  position: fixed;
  top: 7%;
  right: 4%;
  width: 270px;
  transition: all ease .45s;
  opacity:0;
  visibility: hidden;
  z-index: 9999;
  .alert-content{
    font-size:calc(var(--g-font-size) - 1px);
  }
  &.active{
    top:9%;
    opacity:1;
    visibility: visible;
  }
}

/*================ Notification bar ================*/
.notification {
  visibility: hidden;
  position: fixed;
  width: 100%;
  top: 0;
  opacity: 0;
  transition: top 0.25s, visibility 0.25s, opacity 0.15s;
  transition-timing-function: cubic-bezier(0.33, 0.59, 0.14, 1);
  z-index: $z-index-notification;
}

.notification--promo {
  position: static;
  display: none;
}

.notification--active {
  display: block;
  visibility: visible;
/*   top: 100%; */
  opacity: 1;
}

.notification__link {
  display: block;
  padding: var(--g-hgutter) 0;

  .notification-adapt & {
    padding: 0;
  }

  &:hover u {
    text-decoration: none;
  }
}

.notification__inner {
  position: relative;
  overflow: visible;
  padding: var(--g-hgutter) 0;

  .notification-adapt & {
    padding: 0;
  }
}

.notification__inner--has-link {
  padding: 0;
}

.notification__message {
  display: block;
  padding: 0 60px;
  text-align: center;
  font-weight: bold;

  .notification-adapt & {
    background-color: var(--g-main);
    padding: 10px 60px;
  }

  span {
    text-decoration: underline;
    white-space: nowrap;
  }
}

.notification--success,
.notification--promo {
  background-color: #28a745;
  color: white;
  a {
    color: white;
  }
}

.notification--success.notification-adapt,
.notification--promo.notification-adapt {
  background-color: transparent;
}

.notification--error {
  color: #fff;
  a {
    color: #fff;
  }
}
.notification--wishlist,.notification--compare{
  background-color:#28a745;
}
.notification--max{
  background-color:#dc3545;
}

.notification__close {
  position: absolute;
  top: 0;
  bottom: 0;
  @include rtl-right(20px);
  padding: 0 var(--g-hgutter);
  color: inherit;

  .icon,[class^=icon-] {
    fill: currentColor;
  }
}

/*================ Modals ================*/
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.6);
  color: $color-body-text;
  z-index: 999999;
  transition: all ease-in-out 0.2s;

  &.modal--is-active {
    display: block;
    opacity: 1;
  }
  .template-password &{
    background-color:black;
  }
  .modal-content{
    border:none;
    border-radius:0;
  }
}
.modal-body{
  padding:0 15px 15px;
  
}
.modal-header{
  border:none;
  .close{
    z-index: 10;
    padding: 0;
    position: absolute;
    top: 20px;
    right: 20px;
    opacity:1;
    background-color:transparent;
    color:black;
    width: 40px;
    height: 40px;
    border-radius:20px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    text-shadow:none;
    i{
      font-size:14px;
      width: 14px;
      height: 14px;
    }
    &:hover{
      opacity: 1 !important;
    }
  }
}

.modal-dialog{
  @media (min-width:992px){
    max-width:960px;
    &.modal-dialog--compare{
      max-width:960px
    }
    &.modal-dialog--newsletter{
      max-width:900px;
    }
  }	
}
#shopify-section-pnewsletter-3{
  .modal-dialog{
    @media (min-width:992px){
      &.modal-dialog--newsletter{
        max-width: 650px;
      }
    }
  }
}
.pnewsletter-2{
  .modal-dialog{
    @media (min-width:992px){
      &.modal-dialog--newsletter{
        max-width: 750px;
      }
    }
  }
}
.bg-newsletter{
  @media (max-width:767px){
    min-height:220px;
  }
}
.popup-newsletter--content{
  @media (min-width:992px){
    min-height:550px;
  }
}

body.modal--is-active {
  overflow: hidden;
}

.modal__inner {
  height: 100%;
  @include transform(translateY(-20px));
  @include prefix(transform-style, preserve-3d, moz webkit spec);
  transition: all ease-in-out 0.2s;

  .modal--is-active & {
    @include transform(translateY(0));
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
  }
}

.modal__centered {
  position: relative;
  top: 50%;
  @include transform(translateY(-50%));

  .no-csstransforms {
    top: 20%;
  }
}

.modal__close {
  position: absolute;
  top: 0;
  @include rtl-right(0);
  padding: var(--g-gutter);
  .icon,[class^=icon-] {
    font-size: 20px;
    width:40px;
    height:40px;
    color:#fff;
  }
}

/*================ Featured collection card ================*/
.featured-card {
  display: block;
  position: relative;
  height: 100%;
  text-align: center;
  border-color: rgba(0,0,0,.1);
  border-style: solid;
  border-width: 1px;
  background-color: $color-content;
  padding: 0 40px;

  &:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.06);
    opacity: 0;
    transition: opacity 0.15s ease-in;
    z-index: 1;
  }

  &:hover:before {
    opacity: 1;
  }

  .medium-up--one-quarter & {
    @include media-query($medium-up) {
      height: 470px;
    }
  }
  .medium-up--one-third & {
    @include media-query($medium-up) {
      height: 530px;
    }
  }
  .medium-up--one-half & {
    @include media-query($medium-up) {
      height: 650px;
    }
  }

  .no-js & {
    height: 625px;
  }
}

.featured-card--contain {
  @include media-query($small) {
    height: 100% !important;
  }
}

.featured-card--cover {
  height: 380px !important;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  border-width: 0;
}

.featured-card__image-container {
  position: relative;
  width: 100%;
  margin: 0 auto;

  @include media-query($small) {
    .featured-card--contain & {
      height: 100% !important;
      margin-bottom: 40px;
    }
  }
}

.featured-card__blank-image-container {
  position: relative;
  width: 100%;
  margin: 0 auto 40px;

  .featured-card__image {
    position: relative;
    @include media-query($small) {
      max-width: 290px;
    }
  }
}

.featured-card__image {
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;

  .no-js & {
    opacity: 1;
  }
}

.featured-card__header {
  padding: 30px 5% 10px;
  z-index: 1;

  .featured-card--cover & {
    position: relative;
    display: inline-block;
  }

  .featured-card--contain & {
    @include media-query($small) {
      height: 100% !important;
    }
  }
}

.featured-card__header--background {
  background-color: $color-content;
}

.featured-card__title {
  font-size: em(28);
  margin-bottom: 0;
  color: var(--g-color-heading);
}

.featured-card__action {
  @include nav-text-style();
  font-size: em(13);
  color: var(--g-main);

  .featured-card:hover & {
    color: inherit;
  }
}

.section-block {
  position: relative;
  //background-color: $color-content;
}

.section-block--padding {
  padding: 30px;
}

.section-block__header {
  margin-bottom: 30px;
}

.section-block__header--padded {
  padding-top: 30px;
}

.section-block__title,
.section-block__subtext {
  margin-bottom: 0;
}

/*================ Link block CTA ================*/
.link-block {
  position: relative;
  display: block;
  @include display-flexbox();
  @include justify-content();
  padding: 150px 20px;
  text-align: center;
  flex: 1;
  background: {
    size: cover;
    position: top center;
  }

  &:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: black;
    opacity: 0.1;
    transition: opacity 0.2s ease;
    z-index: 1;
  }

  &:hover:after {
    opacity: 0.3;
  }
}

.link-block__cta {
  word-break: break-word;
  z-index: 2;
  position: relative;
}

.link-block-no-js {
  position: relative;
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  @include justify-content();
  text-align: center;
  flex: 1;
}

/*================ Quote slider ================*/
.quotes-wrapper{
  .quote__slide-wrapper{
    padding:0px 10px;
  }
}

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

.author-avatar{
  display: inline-block;
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius:50%;
  margin-top:20px;
}

.quote-wrap{
  padding: 0px 20px;
  // background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAmCAYAAACPk2hGAAAABmJLR0QA/wD/AP+gvaeTAAADRElEQVRo3r2ZW4hNURjHzwymcTmcIUKMy9S8kDxIRoRSHoaa8oSUS0phFClikuIFTR5cO8mI0hBPyCUPGmPk0mg0uRzHzHg4neSSM67DmeO/6tusvtbeZ1/WZ+rX7Nln7/U7/z1r7/WttWPpdDoWgrGgEewJeX5QhoGd4Izfc4IKysFu0AsK9HuMYKASsBZkyKeYYzvYbNCpCZxgS4VCTQZ3mO8X2GYz2BbQpwnU9mEwSihULfjEQl0AVba64gBwjAlegJmC3U9dxN+a7z0FDdROsf7dxELdAAnBUNuZ7xmYGqYtrw8PMUkzGCgYajXo13ztoCJse24frGShboIywVCzwA/N9xKMjtKmaecUkNMkXWCkYKghIKX5voBpUds17byqSVTXqBEefA+w3rHBRrt8x2ImSQqHmgS+a742UCoR7B4bDCuFgx1nF3KJrbb1P2qY5LJwKDW4f9N8KRpirAc7zYKtEg62lfkO2mzf2RgEPjJRlXCw+8y3XCLYQib5SeWUZDfMM+d0iWANTNLtcVIpVQQVEQbtOuZTjPA4PkG+wUGDXWGSDnbgDCqx2lmFkKeLcJHuyXKf4n2GYPrnE8AOmrb0suOy4DrY7FU4OBvP2ckp2j+evnS/4YuYyFDNVyxYs+HcoTRTPkK3gh+fCr3LVMM6Gzl2gho059PVKYTgLD2Q3IK1Gs6ppZ4SxtfC/3sxSms6uC+kxOGcR7BOAd8D/R6M0U1bEGKNS7AeIV/j/wqWcXlyvhHy/S0DHVFeMFydIdhTQd9ePVhWUHTSEOy2oK9VD9YmLWKcEvTl9GBJQVGXIVi9oE8Rd0TrBSU9LmscksESegkj9QB54rJemRV8MpboshYh0TWXseyokO8tn2huEhI1uASbJ+Rr4sHi4INliSqeqz1Kq0dS42ax6XpULhWp8hcFmDn44bGzbmK6qW3da+/ooVRsCnPCkk8V0XO9FkzVl0lHlHylaY+fSaeqyO9a6PLr/KzdV0bo/900TgVZKogbZvF++WxaCPKSldFrnWyA2axaPhge4bXsCvAqQNdTc76JYd9oqoDLaMp+iyaJ6uc1rRwn6e1M2ECmgAvAfnqP0JH+9/MQnAcbwTivdv4AWZR9X8NAeJQAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAEnRFWHRFWElGOk9yaWVudGF0aW9uADGEWOzvAAAAAElFTkSuQmCC');
  // background-position: center top;
  // background-repeat: no-repeat;
  //text-align:center;
}
.quotes-2{
  &.quotes-wrapper .quote__slide-wrapper{
    padding:0;
  }
  .quote-wrap{
    padding:0;
    text-align:left;
  }
  .slick-prev, .slick-next{
    top:auto;
    bottom:50px;
    &:before{
      font-size:16px;
    }
  }
  .slick-prev{
    left: 0%;
  }
  .slick-next{
    left: 3%;
  }
  .slick-slider{
    margin-bottom:0;
  }
}

.carousel-title{
  font-size:130px;
  font-weight:bold;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.03);
  color:#fff;
  line-height:normal;
  white-space: nowrap;
  @include media-query($medium-down){
    font-size:40px;
    padding:0 10px;
  }
}
.carousel-wrapper{
  margin-top:-65px;
  @include media-query($medium-down){
    margin-top:0;
  }
  .slick-prev, .slick-next{
    width: 50px;
    height: 50px;
    line-height:50px;
    background:#fff;
    bottom:-25px;
    top:auto;
    &:before{
      line-height:50px;
      font-size:18px;
    }
  }
  .slick-next{
    right: 33.79%;
    @include media-query($medium-down){
      right:0;
    }
  }
  .slick-prev{
    left: 58.6%;
    @include media-query($medium-down){
      left:auto;
      right: 50px;
    }
  }
}
.carousel__slide-wrapper{
  .sub-title{
      @include media-query($medium-up){
        position: absolute;
        top: -30px;
        right: 96%;
        white-space: nowrap;
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        display: inline-block;
      }
  }
  .carousel-wrap--content{
    @include media-query($medium-up){
      position: absolute;
      top:0;
      right: 0;
      bottom:0;
    }
  }
}

/*================ Image content section ================*/
.image-content__image-container {
  position: relative;
}

.image-content__image-wrapper {
  display: block;
  margin: 0 auto;

  img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
  }

  .no-js & {
    @extend .visually-hidden;
  }
}

.image-content__text {
  //padding: 40px;
}

/*================ Featured product section ================*/
.featured-product__text {
  margin-top: 5px;

  @include media-query($small) {
    text-align: center;
    position: relative;
    top: -50px;
    margin-bottom: -50px;
  }
}

.featured-product__prices {
  margin-top: 10px;
}

.featured-product__prices--policy-enabled {
  margin-bottom: 10px;
}

.featured-product__image {
  @include media-query($small) {
    text-align: center;
  }
}

.featured-product__full-details {
  display: inline-block;
  margin-top: 20px;
  padding: 0 5px;
}

/*================ Featured articles ================*/
.article-block {
  display: block;
  text-align: center;

  @include media-query($small) {
    padding: 20px 0;
  }
}

.article-block__image {
  height: 0;
  padding-bottom: 75%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;

  @include media-query($small) {
    padding-bottom: 50%;
  }
}

.article-block__info {
  padding: 20px 10px;
}

.article-block__date {
  display: block;
  font-size: 0.875em;
  color: $color-body-text;
}

.article-block__date,
.article-block__title {
  margin-bottom: 5px;
}

/*================ Featured content ================*/
.featured-content {
  position: relative;
  padding: 120px 20px 40px;
  background: {
    size: cover;
    position: 50% 50%;
    repeat: no-repeat;
  }

  @include media-query($medium-up) {
    padding: 80px;
  }
}

/*================ Parallax banner ================*/
.parallax-banner__wraper{
  position:relative;
  background-position: center;
  background-repeat: no-repeat;
  &.txt-left{
    .parallax-banner__meta{
      margin-left:10%;
    }
  }
  &.txt-center{
    text-align:center;
    .parallax-banner__meta{
    }
  }
  &.txt-right{
    text-align:right;
    .parallax-banner__meta{
      margin-right:10%;
    }
  }
}

.parallax-banner__title{
  font-size:36px;
  font-weight:500;
  line-height: 46px;
  @media (max-width:767px){
    font-size:30px;
  }
}

@media (min-width:992px) {
  .parallax-banner__wraper--has-background{
    background-size:cover;
  }
  
}
.parallax-banner__meta {
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 10;
  padding:30px;
  @media (min-width:992px) {
    padding:60px;
  }
  &:before{
    position: absolute;
    top:0;
    left: 0;
    right:0;
    bottom:0;
    background:#fff;
    content:"";
    z-index: -1;
  }
}

/*============================================================================
  Styles columns.liquid and gallery.liquid
    - Background images and positioning are handled with theme settings
==============================================================================*/
.column-flex {
  @include media-query($small) {
    @include flex-direction(column);
  }
}

.column-flex__image {
  position: relative;
  height: 200px;
  background: {
    repeat: no-repeat;
    size: cover;
    position: top center;
  }

  @include media-query($medium-up) {
    height: 380px;
  }
}

.column-flex__image--tall {
  height: 300px;

  @include media-query($medium-up) {
    height: 520px;
  }
}

.column-flex__content {
  padding: var(--g-gutter);
}

.custom-content {
  @include display-flexbox;
  @include align-items(stretch);
  @include flex-wrap(wrap);
  width: auto;
}

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

.align--top-right {
  @include rtl-text-align-right;
}

.align--middle-left {
  @include align-self(center);
}

.align--center {
  @include align-self(center);
  text-align: center;
}

.align--middle-right {
  @include align-self(center);
  @include rtl-text-align-right;
}

.align--bottom-left {
  @include align-self(flex-end);
}

.align--bottom-middle {
  @include align-self(flex-end);
  text-align: center;
}

.align--bottom-right {
  @include align-self(flex-end);
  @include rtl-text-align-right;
}

/*================ Video section ================*/
body {
  &.video-playing {
    overflow: hidden;
  }
}
// .video-section {
//   min-height: 400px;
//   @include media-query($medium-up) {
//     height: 480px;
//   }

//   &.video-section--tall {
//     height: 300px;

//     @include media-query($medium-up) {
//       height: 960px;
//     }
//   }
// }
.video-section__modal {
  position: fixed;
  top: 50%;
  @include rtl-left(50%);
  width: 90%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease-out;

  @include media-query($medium-up) {
    width: 1170px;
  }

  .video-section--loaded & {
    opacity: 1;
    pointer-events: auto;
    z-index: $z-index-video-overlay + 1;
  }
}
.video-section__body-overlay {
  position: fixed;
  top: 0;
  @include rtl-left(0);
  width: 100%;
  height: 100%;
  background-color:  rgba(0, 0, 0, 0.8);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease-out;

  .video-section--loaded & {
    opacity: 1;
    pointer-events: auto;
    z-index: $z-index-video-overlay;
  }
}
.video-section__player,
.video-section__player iframe {
  position: absolute;
  display: block;
  top: 0;
  @include rtl-left(0);
  width: 100%;
  height: 100%;
  visibility: hidden;

  .video-section--loaded & {
    z-index: $z-index-video-content;
    visibility: visible;
  }
}
.video-section__player-close {
  display: none;
  position: absolute;
  @include rtl-right(20px);
  top: var(--g-gutter);
  width: 50px;
  height: 50px;
  line-height:54px;
  background-color: #fff;
  border-radius: 50%;
  border: 0;

  &:hover {
    opacity: 0.5;
  }

  .video-section--loaded & {
    z-index: $z-index-video-content + 1;
  }

  .icon,[class^=icon-] {
    fill: #000;
    width: 25px;
    height: 25px;
  }

  @include media-query($small) {
    top: var(--g-hgutter);
    @include rtl-left(10px);
  }
}
.video-section__cover {
  position: relative;
  top: 0;
  @include rtl-left(0);
  height: 100%;
  width: 100%;
  opacity: 1;
  //overflow: hidden;
  transition: all 0.25s ease-out;
  z-index: 2; // Fix for browser that don't support pointer-events
}
.video-section__cover-background {
  // position: absolute;
  // top: 0;
  // @include rtl-left(0);
  // width: 100%;
  // height: 100%;
  // background-size: cover;
  // opacity: 1;
  // transition: opacity 0.25s ease-out;
}
.video-section__cover-overlay {
  position: absolute;
  top: 0;
  @include rtl-left(0);
  width: 100%;
  height: 100%;
}
.video-section__cover-content {
  position: absolute;
  top: 50%;
  width: 100%;
  padding: 0 13px;
  text-align: center;
  opacity: 1;
  transition: opacity 0.25s ease-out;
  @include transform(translateY(-50%));
}
.video-section__load-player-button {
  border: 0;
  line-height: 1;
  padding: var(--g-hgutter);
  background-color: var(--g-main);
  text-transform: uppercase;
  transition: all 0.25s ease;
  @include prefix(box-decoration-break, clone, webkit o spec);

  &:hover {
    background-color: $color-btn-primary-hover;
  }

  &.video-section__load-player-button--large {
    padding: 0;
    background: none;
  }
}
.video-section__error {
  display: none;
  position: absolute;
  bottom: -40px;
  width: 50vw;
  min-width: 340px;
  @include rtl-left(50%);
  color: #fff;
  @include transform(translateX(-50%));

  .video-section--error & {
    display: block;
  }
}
.video-section__load-player-text {
  @include rtl-margin-left(10px);
  display: inline-block;
  letter-spacing: 0;
  font-size: em(26);
  line-height: 1.2;
  color: $color-btn-primary-text;
  @include prefix(box-decoration-break, clone, webkit o spec);

  @include media-query($large-up) {
    font-size: em(32);
  }
}
.video-section__load-player-icon {
  position: relative;
  top: 2px;
  margin: 0 auto;
  height: 20px;
  width: 20px;
  padding: 0;
  display: inline-block;
  transition: all 0.5s ease;

  @include media-query($medium-up) {
    top: 0;
  }

  .video-section__load-player-button--large & {
    width: 100px;
    height: 100px;
  }
}
@keyframes pulse-border {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}
.video-section__load-player-mark{
  position: absolute;
  top:0;
  left: 0;
  bottom:0;
  right:0;
  .anim-mark{
    &::before,&:after{
      content:"";
      position: absolute;
      top:0;
      left: 0;
      border:1px solid #fff;
      border-radius: 50%;
      width: 100%;
      height: 100%;
      animation: pulse-border 2s ease-out infinite;
    }
    &:after{
      animation-delay: .75s;
    }
  }
  .anim-mark2{
    &:before{
      animation-delay: 1.5s;
    }
    &:after{
      animation-delay: .75s;
    }
  }
}
.video-section__load-player-button-triangle {
  position: absolute;
  top: 50%;
  @include rtl-left(50%);
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  @include rtl-border-left(7px solid $color-btn-primary);
  border-bottom: 5px solid transparent;
  @include transform(translate(-34%, -50%));

  .video-section__load-player-button--large & {
    border-top: 10px solid transparent;
    @include rtl-border-left(18px solid #fff);
    border-bottom: 10px solid transparent;
  }
}
.video-section__load-player-button-circle {
  position: absolute;
  top: 0;
  @include rtl-left(0);
  background-color: transparent;
  height: 20px;
  width: 20px;
  -moz-border-radius: 75px;
  -webkit-border-radius: 75px;
  transition: all 0.25s ease-out;

  
  .video-section__load-player-button--large & {
    border: 2px solid #fff;
    width: 100px;
    height: 100px;
    
  }
  .video-section__load-player-button--large:hover &,
  .video-section__load-player-button--large:focus & {
    transform:scale(1.1);
  }
}

/*================ Global Product video ================*/
.js-play-button{
  position: absolute;
  bottom: 20px;
  left:15px;
  cursor: pointer;
  background: rgba(white,0.8);
  border-radius: 50%;
  z-index: 2;
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 50px;
  transition: all ease .45s;
  .product-card &{
    left:20px;
    top:auto;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  &:hover{
    opacity:0.6;
  }
  .icon-play{
    @include rtl-padding-left(3px);
  }
  .icon-pause{
    display:none;
  }
  &.active{
    .icon-play{
      display:none;
    } 
    .icon-pause{
      display:inline-block;
    }
  }
}
.js-product-video{
  video{
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity:0;
    z-index:-1;
    transition:all ease .45s;
    pointer-events: none;
    &.active{
      opacity:1;
      z-index:1;
    }
  }
}

/*================ Global Wishlist ================*/
.js-wishlist-itembox{
  @extend .global-price;
  //margin-bottom:50px;
  border:1px solid #e9e9e9;
  border-radius:8px;
  height: 100%;
  img{
    width: 100px;
  }
  h5{
    font-size:14px;
    margin:15px 0 2px;
  }
}
// .js-btn-wishlist{
//   position:absolute;
//   top:15px;
//   right:15px;
//   cursor:pointer;
//   padding: 0;
//   background: rgba(white, 0.8);
//   border-radius: 50%;
//   width:35px;
//   height:35px;
//   line-height:35px;
//   .photos__item--main &{
//     z-index:2;
//     background: white;
//     .icon,[class^=icon-]{
//       width:20px;
//       height:20px;
//     }
//   }
// }  
.js-remove-wishlist{
  position:absolute;
  top: 20px;
  right: 40px;
  padding: 6px;
  line-height: 1;
  border-radius: 50%;
  font-size: 9px;
  i{
    font-size:12px;
    width: 12px;
    height: 12px;
  }
}

/*================ Global Recently viewed ================*/
.js-viewed-item{
  @extend .global-price;
}

/*================ Global Compare ================*/
.js-compare-content{
  text-align:center;
  @extend .global-price;
  .compare-item{
    &+.compare-item{
      @include rtl-border-left(1px solid rgba(0,0,0,.1));
    }
    svg{
      width:14px;
      height:14px;
    }
  }
  span[class^="alert-"]{
    padding:0 5px;
  }
}
.js-btn-compare{
  span{
    @include rtl-margin-left(5px);
  }
  @media (max-width:991px){
    display:none;
  }
  [class^=svg-]+[class^=icon-]{
    display:none;
  }
  &.added{
    [class^=svg-]{
      display:none;
      &+[class^=icon-]{
        display:inline-block;
      }
    }
  }
  .product-single &{
    cursor: pointer;
    [class^=icon-]{
      width:16px;
    }
  }
}

.js-compare-content a{
  color: #222;
  text-decoration: underline;
}

/*================ Low stocks alert ================*/
.js-hurrify {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  .progress {
    height: 9px
  }
  .progress-bar{
    background:#dc3545; //Old browser
    background: -webkit-gradient(linear, left top, right top, from(#dc3545) , to(#ffc107));
    background: -o-linear-gradient(left, #dc3545 , #ffc107);
    background: linear-gradient(to right, #dc3545 , #ffc107);
  }
}

/*================ Global Countdown ================*/
.js-countdown{
  .product-card &{
    position: absolute;
    bottom:10px;
    left: 0;
    width: 100%;
    transition: all ease .45s;
    @media (max-width:991px){
      display:none;
    }
  }
  .site-nav &{
  	display:none !important;
  }
  .product-card:hover &{
    opacity:0;
    visibility: hidden;
    @include transform(translateY(50%));
  }

}

.js-countdown--1{
  padding-top:20px;
  li{
    padding:10px;
    width:55px;
    text-align:center;
    color:white;
    background-color:#F8EDE7;
    color:#000;
    border-radius:4px;
    margin:0px 5px;
    font-size:calc(var(--g-font-size) - 1px);
    &:fisrt-child{
      margin-left:0;
    }
    .product-card &{
      font-size:12px;
      line-height:normal;
    }
  }
  .countdown-time{
    display:block;
    font-weight:bold;
    .product-card &{
      font-size: var(--g-font-size);
    }
  }
}
.countdownhtml{
  background-repeat: no-repeat;
  background-position: center;
  .title-countdown{
    font-size:40px;
    position: relative;
    padding-bottom:46px;
    &:before{
      position: absolute;
      content:"";
      bottom:0;
      width: 60px;
      height: 2px;
      background-color:var(--g-main);
      left:50%;
      transform:translateX(-50%);
    }
  }
}
.js-countdown--2{
  li{
    text-align:center;
    color:var(--g-color-heading);
    background:white;
    text-align: center;
    font-size: 46px;
    line-height:24px;
    padding:10px 30px;
    position: relative;
    background-color:transparent;
    &:before{
      content:":";
      position: absolute;
      right: 0;
      top:50%;
      transform:translateY(-50%);
      font-size:24px;
    }
    &:last-child{
      &:before{
        content:"";
      }
    }
  }
  .countdown-text{
    font-size:16px;
  }
  .countdown-time{
    display:block;
    font-weight:500;
    b{
      font-weight:500;
    }
    .product-card &{
      font-size: var(--g-font-size);
    }
  }
}
/*================ Global Swatch in grid item ================*/
.product-card__swatch{
  width:100%;
  left:0;
  bottom:0;
  li{
    padding:10px 0 0;
    cursor:pointer;
    display:inline-block;
    margin:0 3px 0px;
    vertical-align: middle;
    @media (max-width:576px){
      margin:0 3px 10px;
    }
    img{
      border:2px solid transparent;
      width:35px;
    }
    &.active{
      img{
        border-color:var(--g-main);
      }
    }
  }
  .site-nav &{
  	display:none;
  }
}
.close-notifi {
  background-color:var(--g-cta-button);
  color:white;
}

/*================ Global Review ================*/
.review{
  margin-bottom:10px;
  display:inline-block;
  .spr-badge-starrating{
    margin-right:8px;
  }
  .spr-badge{
    color:#666;
    font-size: calc(var(--g-font-size) - 2px);
    .spr-badge-caption{
      position: relative;
      top:1px;
    }
    .spr-icon{
      font-size: var(--g-font-size);
      opacity:1;
      color:#666;
      margin-right:2px;
    }
    .spr-icon-star,.spr-icon-star-half-alt{
      color:var(--g-main) !important;
    }
  }
  .photos__item--main &{
    position:absolute;
    top:15px;
    left:15px;
  }
}

.spr-container{
  padding:0;
  border:none;
}
.spr-summary-actions-newreview{
  @extend .btn-theme;
  padding:7px 15px;
  font-size:12px;
  margin-top:-5px;
  @media (max-width:576px){
    margin-top:15px;
  }
}

/*================ Global Free shipping ================*/
.mini-cart-total{
  margin-top:20px;
  padding:15px 0px 0px;
  border-top:1px solid #e9e9e9;
  text-align:left;
  color:#000;
  font-size:16px;
  font-weight:600;
  .js-cart-total{
    float:right;
  }
}
.js-free-shipping{
  position: relative;
  height: 30px;
  margin:0 0 15px;
  background:#343a40;
  border-radius:0;
  font-size: val(--g-font-size);
  #jsCrosssell &{
    margin-bottom:0;
    .progress-bar{
      -webkit-animation:none;
      animation:none;
    }
  }
  .mini-cart-content &{
    .progress-bar{
      -webkit-animation:none;
      animation:none;
    }
  }
}
.js-free-shipping-text{
  .mini-cart-content &{
    font-size:calc(val(--g-font-size) - 2px);
  }
}
.mini-cart-content{
  .js-free-shipping{
    margin-top:15px;
  }
}

.free-shipping-content{
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 30px;
  color: white;
  font-weight: bold;
  left:0;
  .svg,[class^=svg-]{
    margin:-2px 10px 0 0 ;
  }
}

/*================ Global Collection ================*/
$color-btn-view-collection : #dcdcdc;
.slider-range-wr {
  margin: 0;
}

#js-slider-range {
  margin-bottom: 20px;
  height: 2px;
  margin-left:7px;
  margin-right:7px;
  border-color:#000;
  .ui-slider-handle{
    border-radius: 50%;
    top: -9px;
    border:none;
    background-color:#000;
    cursor: pointer;
  }
}
.slider-range-wr{
  .amount{
    text-align:center;
    color:var(--g-color-heading);
  }
}
.js-col{
  transition: all ease .45s;
}

.js-btn-view{
  border: 1px solid $color-btn-view-collection;
  width: 36px;
  height: 35px;
  position: relative;
  cursor: pointer;
  padding: 0;
  display: inline-block;
  text-align: center;
  font-size: 0;
  vertical-align: middle;
  margin-right:-1px;
  z-index: 1;
  &:before{
    box-shadow: 13px 0 0 $color-btn-view-collection;
    background: $color-btn-view-collection;
    content: "";
    top: 13px;
    position: absolute;
    left: 7px;
    width: 8px;
    height: 8px;
    border-radius:2px;
  }
  &.active{
    border-color: var(--g-main);
    z-index: 2;
    &:before{
      background-color: var(--g-main);
      box-shadow: 13px 0 0 var(--g-main);
    }
  }
}

.btn-view-3 {
  width:49px;
  &:before{
    box-shadow: 13px 0 0 $color-btn-view-collection, 26px 0 0 $color-btn-view-collection;
  }
  &.active:before{
    box-shadow: 13px 0 0 $color-accent, 26px 0 0 $color-accent;
  }
}

.btn-view-4 {
  width:62px;
  &:before{
    box-shadow: 13px 0 0 $color-btn-view-collection, 26px 0 0 $color-btn-view-collection, 39px 0 0 $color-btn-view-collection;
  }
  &.active:before{
    box-shadow: 13px 0 0 $color-accent, 26px 0 0 $color-accent, 39px 0 0 $color-accent;
  }
}


.btn-view-5 {
  width:74px;
  &:before{
    box-shadow: 13px 0 0 $color-btn-view-collection, 26px 0 0 $color-btn-view-collection, 39px 0 0 $color-btn-view-collection, 52px 0 0 $color-btn-view-collection;
  }
  &.active:before{
    box-shadow: 13px 0 0 $color-accent, 26px 0 0 $color-accent, 39px 0 0 $color-accent, 52px 0 0 $color-accent;
  }
}

.btn-view-6 {
  width:67px;
  &:before{
    box-shadow: 10px 0 0 $color-btn-view-collection, 20px 0 0 $color-btn-view-collection, 30px 0 0 $color-btn-view-collection, 40px 0 0 $color-btn-view-collection, 50px 0 0 $color-btn-view-collection;
  }
  &.active:before{
    box-shadow: 10px 0 0 $color-accent, 20px 0 0 $color-accent, 30px 0 0 $color-accent, 40px 0 0 $color-accent, 50px 0 0 $color-accent;
  }
}
.js-toggle-filter{
  width:200px;
  height:40px;
  background-color:var(--g-color-heading);
  color:#fff;
}

/*================ Fixed swatch variant & crollsell popup ================*/
.single-option-radio {
  border: 0;
  padding: 0;
  margin: 0;
  position: relative;
  input {
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px;
  }
  label {
    position: relative;
    display: inline-block;
    line-height: 38px;
    padding: 0 10px;
    margin: 3px 8px 7px 0;
    background-color: #F2F2F2;
    border: 2px solid #F2F2F2;
    color: var(--g-color-heading);
      background-position: center;
      background-size: cover;
      min-width: 38px;
      text-align: center;
      height: 38px;
      vertical-align: middle;
      overflow: hidden;
      &.disabled:before {
        position: absolute;
        content: "";
        left: 50%;
        top: 0;
        bottom: 0;
        border-left: 1px solid;
        border-color: var(--g-main);
          -ms-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          }
  }
  input[type=radio]{
    &:checked+label{
      border-color: var(--g-main);
        }
    &:focus+label {
      background-color: #f2f2f2;
    }
  }
}
.js-cross-select {
  margin: 10px 0;
  option[disabled] {
    color: #dedfdc;
  }
}
.block-cross-sell {
  padding-top: 30px;
  border-top: 1px solid rgba(0,0,0,.1);
  h4 {
    margin-bottom: 30px;
      font-weight: 600;
      }
}
.row-crosssell {
  text-align: center;
  &>div {
    padding-bottom: 15px;
  }
}
.js-contact-soldout {
  input {
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.cross-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: center;
  max-width: 250px;
  @media (max-width:767px) {
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%
  }
}
.cross-item-money>span {
  color: var(--g-main);
  font-weight: 700;
}
.cross-item-title {
  color: #000;
  margin: 10px 0 5px;
}
.cross-item-image {
  display: inline-block;
  width: 100%;
  position: relative;
  svg,i {
    width: 100%;
    left: 0;
    fill: #fff;
    color:#fff;
    position: absolute;
    top: 50%;
    text-align: center;
    transition: all ease .45s;
    margin-top: -17px;
    font-size: 24px;
    line-height: 34px;
    @media (max-width:991px) {
      opacity: 1;
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
  }
  &:before {
    cursor: pointer;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000;
    content: "";
    position: absolute;
    opacity: 0;
    transition: all ease .45s;
    opacity: .5
  }
  &:hover{
    svg,i {
      opacity: 1;
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
  }
}
.js-cross-added{
  img {
    max-height: 130px
  }
  h5 {
    margin-top: 10px
  }
  .alert {
    font-size: calc(var(--g-font-size) - 2px);
    padding: 2px 8px;
  }
}
.cross-cart-wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  @media (max-width:767px) {
    h4{
      margin-top: 15px;
      padding-top: 15px;
      border-top: 1px solid rgba(0,0,0,.1);
    }
  }
}
.modal-dialog--crosssell {
  @media (min-width:576px) and (max-width:991px) {
    max-width: calc(100% - 30px)
  }
  @media (min-width:992px) {
    max-width: 960px
  }
  .modal-body{
    padding: 0 25px 15px;
  }
}
.cross-cart-items{
  max-height: 270px;
  overflow-y: scroll;
  border-width: 0 1px 0 1px;
  border-style:solid;
  border-color:rgba(128,128,128,.1);
  @media (max-width:991px){
    display:none;
  }
}

/*================ Menu video ================*/
.js-menu-video,.js-video{
  position: relative;
  cursor:pointer;
  background:url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3RENGREQ4QjY2QTExRTlCQ0VBQUY5QTM4NjMzMUU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ3RENGREQ5QjY2QTExRTlCQ0VBQUY5QTM4NjMzMUU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDdEQ0ZERDZCNjZBMTFFOUJDRUFBRjlBMzg2MzMxRTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDdEQ0ZERDdCNjZBMTFFOUJDRUFBRjlBMzg2MzMxRTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAACAgICAgICAgICAwICAgMEAwICAwQFBAQEBAQFBgUFBQUFBQYGBwcIBwcGCQkKCgkJDAwMDAwMDAwMDAwMDAwMAQMDAwUEBQkGBgkNCwkLDQ8ODg4ODw8MDAwMDA8PDAwMDAwMDwwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAEsAhwDAREAAhEBAxEB/8QAiAABAAMAAwEBAQAAAAAAAAAAAAYHCAMEBQkCAQEBAAAAAAAAAAAAAAAAAAAAABAAAQQBAwIEAwMHCQYEBwAAAQACAwQFEQYHIRIxQRMIUSIUYXEVgTJCI3S0FpFSYoKyszV1N3IzNlZ2ONGTFxihotJD04SVEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwD7sICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIM08n82bp433IcRPtandx1qMWMTkjNKz1oj0cCO0gPY7oRr8D5oL+2/nKG5cLjM9i5PVoZWuyeuT4gOHVjgPBzTq0jyIQZ65B9wk+2N4T7U27gYc/JTMdezM6R4cbjz1hjawHu7dWt+PdqPJBozEyZKbGUZcxBDVyksLX3qtdxfHFI4aljXHq7t8NfNB6KAgICAgICAgztf5syVPliPjluDrPqPyVaicmZX+p2zsY8u7NNNR36eKDRKAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICCr+W+PoOQ9p2cdG1jc1Q1tYGy46ds4HWNx/myD5T9uh8kGQeNeYr3HG2927YvV5XXY2ySbchlaT9Pec4RSxytJBa0H5yOnVrh4uQTD248fS5vL2ORc8x1iChM9uHM2rnT3XdZLBJ/O9PU6H+edfFqC5+YOaIOOfp8PiqceU3Pdi9ZkMxPoVonEta+UMIc4uIOjAR06kjpqFOXuTvcPt+jHufM7fjiwbwx7mT0WiJjX6aeqI3iaMHw+cjx+OiDRfFvJ2N5Lw0tyCD6DLY5zI8vjC7v9NzwSyRjuhLH6HTUeII8tSFWZLmHdlTmiPYEUWP/AnZWrTL3QvNj05o43O+f1NNdXHT5UFw8qboyWzNhZ3cmIbC7I436X6dthpfH+utQwu7mhzSfledOvigj3CO+83yFtTIZrPMqsuVctLSjFSN0bPTZBBINQ5zzrrIfNBQ933IbwxW6dw4uzj6F2lj7V6njK8MDxK+WN74q/e71DqAQC7QanwGiC0eE97ckbtym46+9KjatTGwQSQskpOqTNksOd2Nbr26s7WO8Wk+HX4holB86+Q84zbXPuUz767rbcRlKlr6Vh7TIY68RDQTrpqfPRBPtwcqe4DCwN3RkNtQ4bbsrmmOtJUD4mMefkEx7/WaTqBq4t1Php4INI8Y8h0OSNuNzFeH6O9Wk+my+PJ7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pp4IIBkOXeZ85gnbVi2ZdqZq1GKtnM1qduK0R4Oc1gAEb3ebh0HXQN6aBo3iPb28cJtg/wAdZq3lszkXiU1Lk5smpEG6NiL3F2rj1LupHl5IM3ZjYfIXDO9bG6tiYyTNYCd0giigidY0rSuDnVrMUfzgNIGj29OgOoOoQdDdec5c5tlx+Ar7PsYjEwTNlkiEU0UHq6FoksWJg0aMDjo0fyOOiDXvHOyq+wNp47bsMoszw902RtgaCazL1kcB8B0a37AEE5QEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQf/9k=') no-repeat center;
  video{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left:0;
    object-fit: cover;
  }
}

/*================ Loading color ================*/
.spinner-grow, .spinner-border{
  color:{{settings.loading_color}}
}

/*================ Banners ================*/
.g-banner:after {
  content: '';
  display: table;
  clear: both
}

.g-banner figure {
  position: relative;
  overflow: hidden;
  background: #000;
  text-align: center;
  cursor: pointer;
  margin:0;
}

.g-banner figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: .8
}

.g-banner figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.g-banner figure figcaption::after,
.g-banner figure figcaption::before {
  pointer-events: none
}

.g-banner figure figcaption,
.g-banner figure figcaption>a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.g-banner figure figcaption>a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0
}

.g-banner figure h2 {
  font-weight: 300;
  font-size:calc(var(--g-font-size) + 25px);
}

.g-banner figure h2 span {
  font-weight: 800
}

.g-banner figure h2,
.g-banner figure p {
  margin: 0;
  color: #fff
}

.g-banner figure p {
  font-size: 15px;
  text-transform: none;
  line-height: 1.7;
}

figure.effect-lily img {
  max-width: none;
  width: -webkit-calc(100% + 50px);
  width: calc(100% + 50px);
  opacity: 1;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0)
}

figure.effect-lily figcaption {
  text-align: left
}

figure.effect-lily figcaption>div {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2em;
  width: 100%;
  height: 50%
}

figure.effect-lily h2,
figure.effect-lily p {
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0)
}

figure.effect-lily h2 {
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s
}

figure.effect-lily p {
  opacity: 0;
  -webkit-transition: opacity .2s, -webkit-transform .35s;
  transition: opacity .2s, transform .35s
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
  opacity: .7
}

figure.effect-lily:hover h2,
figure.effect-lily:hover img,
figure.effect-lily:hover p {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

figure.effect-lily:hover p {
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms;
  -webkit-transition-duration: .35s;
  transition-duration: .35s
}

figure.effect-sadie h2 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #000;
  -webkit-transition: -webkit-transform .35s, color .35s;
  transition: transform .35s, color .35s;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0)
}

figure.effect-sadie p {
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s
}

figure.effect-sadie p {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2em;
  width: 100%;
  opacity: 0;
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0)
}

figure.effect-sadie:hover h3 {
  color: #fff;
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0)
}

figure.effect-sadie:hover figcaption::before,
figure.effect-sadie:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

figure.effect-roxy {
  background: -webkit-linear-gradient(45deg, #ff89e9 0, #05abe0 100%);
  background: linear-gradient(45deg, #ff89e9 0, #05abe0 100%)
}

figure.effect-roxy img {
  max-width: none;
  width: -webkit-calc(100% + 60px);
  width: calc(100% + 60px);
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: translate3d(-50px, 0, 0);
  transform: translate3d(-50px, 0, 0)
}

figure.effect-roxy figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
  content: '';
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: translate3d(-20px, 0, 0);
  transform: translate3d(-20px, 0, 0)
}

figure.effect-roxy figcaption {
  padding: 3em;
  text-align: left
}

figure.effect-roxy h2 {
  padding: 30% 0 10px 0
}

figure.effect-roxy p {
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0)
}

figure.effect-roxy:hover img {
  opacity: .7;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

figure.effect-bubba {
  background: #000
}

figure.effect-bubba img {
  opacity: .7;
  -webkit-transition: opacity .35s;
  transition: opacity .35s
}

figure.effect-bubba:hover img {
  opacity: .4
}

figure.effect-bubba figcaption::after,
figure.effect-bubba figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s
}

figure.effect-bubba figcaption::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1)
}

figure.effect-bubba figcaption::after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0)
}

figure.effect-bubba h2 {
  padding-top: 15%;
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0)
}

figure.effect-bubba p {
  padding: 20px 2.5em;
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0)
}

figure.effect-bubba:hover figcaption::after,
figure.effect-bubba:hover figcaption::before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

figure.effect-romeo {
  -webkit-perspective: 1000px;
  perspective: 1000px
}

figure.effect-romeo img {
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

figure.effect-romeo:hover img {
  opacity: .6;
  -webkit-transform: translate3d(0, 0, 200px);
  transform: translate3d(0, 0, 200px)
}

figure.effect-romeo figcaption::after,
figure.effect-romeo figcaption::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 1px;
  background: #fff;
  content: '';
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0)
}

figure.effect-romeo:hover figcaption::before {
  opacity: .5;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
  transform: translate3d(-50%, -50%, 0) rotate(45deg)
}

figure.effect-romeo:hover figcaption::after {
  opacity: .5;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}

figure.effect-romeo h2,
figure.effect-romeo p {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s
}

figure.effect-romeo h2 {
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0)
}

figure.effect-romeo p {
  padding: .25em 2em;
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0)
}

figure.effect-romeo:hover h2 {
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0)
}

figure.effect-romeo:hover p {
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0)
}

figure.effect-layla {
  background: #000
}

figure.effect-layla figcaption {
  padding: 30px;
}

figure.effect-layla figcaption::after,
figure.effect-layla figcaption::before {
  position: absolute;
  content: '';
  opacity: 0
}

figure.effect-layla figcaption::before {
  top: 50px;
  right: 30px;
  bottom: 50px;
  left: 30px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0
}

figure.effect-layla figcaption::after {
  top: 30px;
  right: 50px;
  bottom: 30px;
  left: 50px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0
}

figure.effect-layla h2 {
  padding-top: 12%;
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s
}

figure.effect-layla p {
  padding: .5em 2em;
  text-transform: none;
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0)
}

figure.effect-layla h2 {
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0)
}

figure.effect-layla figcaption::after,
figure.effect-layla figcaption::before,
figure.effect-layla img,
figure.effect-layla p {
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s
}

figure.effect-layla:hover img {
  opacity: .7;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover figcaption::before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}

figure.effect-layla:hover h2,
figure.effect-layla:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover img,
figure.effect-layla:hover p {
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}

figure.effect-honey {
  background: #000
}

figure.effect-honey img {
  opacity: .9;
  -webkit-transition: opacity .35s;
  transition: opacity .35s
}

figure.effect-honey:hover img {
  opacity: .5
}

figure.effect-honey figcaption::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: #fff;
  content: '';
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0)
}

figure.effect-honey h2 {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1em 1.5em;
  width: 100%;
  text-align: left;
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0)
}

figure.effect-honey h2 i {
  font-style: normal;
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0)
}

figure.effect-honey figcaption::before,
figure.effect-honey h2 {
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s
}

figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h2,
figure.effect-honey:hover h2 i {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

figure.effect-oscar {
  background: -webkit-linear-gradient(45deg, #22682a 0, #9b4a1b 40%, #3a342a 100%);
  background: linear-gradient(45deg, #22682a 0, #9b4a1b 40%, #3a342a 100%)
}

figure.effect-oscar img {
  opacity: .9;
  -webkit-transition: opacity .35s;
  transition: opacity .35s
}

figure.effect-oscar figcaption {
  padding: 30px;
  background-color: rgba(58, 52, 42, .7);
  -webkit-transition: background-color .35s;
  transition: background-color .35s
}

figure.effect-oscar figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
  content: ''
}

figure.effect-oscar h2 {
  margin: 20% 0 10px 0;
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0)
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: scale(0);
  transform: scale(0)
}

figure.effect-oscar:hover h2 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}

figure.effect-oscar:hover figcaption {
  background-color: rgba(58, 52, 42, 0)
}

figure.effect-oscar:hover img {
  opacity: .4
}

figure.effect-marley figcaption {
  text-align: right
}

figure.effect-marley h2,
figure.effect-marley p {
  position: absolute;
  right: 30px;
  left: 30px;
  padding: 10px 0
}

figure.effect-marley p {
  bottom: 30px;
  line-height: 1.5;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0)
}

figure.effect-marley h2 {
  top: 30px;
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0)
}

figure.effect-marley:hover h2 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

figure.effect-marley h2::after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 4px;
  background: #fff;
  content: '';
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0)
}

figure.effect-marley h2::after,
figure.effect-marley p {
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s
}

figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

figure.effect-ruby {
  background-color: #000
}

figure.effect-ruby img {
  opacity: .7;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: scale(1.15);
  transform: scale(1.15)
}

figure.effect-ruby:hover img {
  opacity: .5;
  -webkit-transform: scale(1);
  transform: scale(1)
}

figure.effect-ruby h2 {
  margin-top: 4%;
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0)
}

figure.effect-ruby p {
  margin: 1em 0 0;
  padding: 3em;
  border: 1px solid #fff;
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: translate3d(0, 20px, 0) scale(1.1);
  transform: translate3d(0, 20px, 0) scale(1.1)
}

figure.effect-ruby:hover h2 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

figure.effect-ruby:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1)
}

figure.effect-milo {
  background: #000
}

figure.effect-milo img {
  max-width: none;
  width: -webkit-calc(100% + 60px);
  width: calc(100% + 60px);
  opacity: 1;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
  transform: translate3d(-30px, 0, 0) scale(1.12);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

figure.effect-milo:hover img {
  opacity: .5;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1)
}

figure.effect-milo h3 {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 1em 1.2em
}

figure.effect-milo p {
  padding: 0 10px 0 0;
  width: 50%;
  border-right: 1px solid #fff;
  text-align: right;
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0)
}

figure.effect-milo:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

figure.effect-dexter {
  background: -webkit-linear-gradient(top, #258dc8 0, #683c13 100%);
  background: linear-gradient(to bottom, #258dc8 0, #683c13 100%)
}

figure.effect-dexter img {
  -webkit-transition: opacity .35s;
  transition: opacity .35s
}

figure.effect-dexter:hover img {
  opacity: .4
}

figure.effect-dexter figcaption::after {
  position: absolute;
  right: 30px;
  bottom: 30px;
  left: 30px;
  height: -webkit-calc(50% - 30px);
  height: calc(50% - 30px);
  border: 7px solid #fff;
  content: '';
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0)
}

figure.effect-dexter:hover figcaption::after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

figure.effect-dexter figcaption {
  padding: 3em;
  text-align: left
}

figure.effect-dexter p {
  position: absolute;
  right: 60px;
  bottom: 60px;
  left: 60px;
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: translate3d(0, -100px, 0);
  transform: translate3d(0, -100px, 0)
}

figure.effect-dexter:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

figure.effect-sarah {
  background: #000
}

figure.effect-sarah img {
  max-width: none;
  width: -webkit-calc(100% + 20px);
  width: calc(100% + 20px);
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

figure.effect-sarah:hover img {
  opacity: .4;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

figure.effect-sarah figcaption {
  text-align: left
}

figure.effect-sarah h2 {
  position: relative;
  overflow: hidden;
  padding: .5em 0
}

figure.effect-sarah h2::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0)
}

figure.effect-sarah:hover h2::after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

figure.effect-sarah p {
  padding: 1em 0;
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0)
}

figure.effect-sarah:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

figure.effect-zoe figcaption {
  top: auto;
  bottom: 0;
  padding: 1em;
  height: 3.75em;
  background: #fff;
  color: #000;
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0)
}

figure.effect-zoe h2 {
  float: left;
  color: #000
}

figure.effect-zoe p {
  color: #000
}

figure.effect-zoe p.icon-links a {
  float: right;
  color: #000;
  font-size: 1.4em
}

figure.effect-zoe:hover p.icon-links a:focus,
figure.effect-zoe:hover p.icon-links a:hover {
  color: #000
}

figure.effect-zoe p.description {
  position: absolute;
  bottom: 100%;
  padding: 2em;
  color: #fff;
  text-transform: none;
  font-size: 90%;
  opacity: 0;
  -webkit-transition: opacity .35s;
  transition: opacity .35s;
  -webkit-backface-visibility: hidden
}

figure.effect-zoe h2,
figure.effect-zoe p.icon-links a {
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s;
  -webkit-transform: translate3d(0, 200%, 0);
  transform: translate3d(0, 200%, 0)
}

figure.effect-zoe p.icon-links a span::before {
  display: inline-block;
  padding: 8px 10px;
  font-family: feathericons;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

figure.effect-zoe h2 {
  display: inline-block
}

figure.effect-zoe:hover p.description {
  opacity: 1
}

figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover p.icon-links a {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

figure.effect-zoe:hover h2 {
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms
}

figure.effect-zoe:hover p.icon-links a:nth-child(3) {
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}

figure.effect-zoe:hover p.icon-links a:nth-child(2) {
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}

figure.effect-zoe:hover p.icon-links a:first-child {
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}

figure.effect-chico img {
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: scale(1);
  transform: scale(1)
}

figure.effect-chico:hover img {
  opacity: .5;
  -webkit-transform: scale(1.12);
  transform: scale(1.12)
}

figure.effect-chico figcaption {
  padding: 3em
}

figure.effect-chico figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  content: '';
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

figure.effect-chico figcaption::before,
figure.effect-chico p {
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s
}

figure.effect-chico h2 {
  padding: 20% 0 20px 0
}

figure.effect-chico p {
  margin: 0 auto;
  max-width: 200px;
  -webkit-transform: scale(1.5);
  transform: scale(1.5)
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}

@media screen and (max-width:767px) {
  .content {
    padding: 0 10px;
    text-align: center
  }
  .g-banner figure {
    display: inline-block;
    float: none;
    margin: 10px auto;
    width: 100%
  }
}

/*================ 3 images Hover Banners ================*/
.hover-banners{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 40vh;
  .layout-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    transition: ease .5s;
    margin: 0;
    line-height: 0;
    position:relative;
    img {
      width: 200%;
      height: calc(100%);
      -o-object-fit: cover;
      object-fit: cover;
      transition: ease .5s;
    }
    span {
      font-size: 3.8vh;
      display: block;
      text-align: center;
      height: 10vh;
      line-height: 2.6;
      position: absolute;
      width:100%;
      bottom: 0;
      left: 0;
      background: rgba(0,0,0,.3);
      color: white;
    }
  }
  .layout-box:hover {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%; 
  }
  .layout-box:hover img {
    width: 100%;
    height: 100%;
  }
}

/*================ Split banner ================*/
.split-banner-1{
  background: white;
  display: inline-block;
  padding:15px;
  &:before{
    position:absolute;
    width:50%;
    top:calc(50% - 8px);
    height:15px;
    line-height:15px;
    content:"";
    background:white;
    text-align:center;
  }
  &:after{
    position:absolute;
    width:50%;
    content:"";
    right:0;
    height:100%;
    top:0;
    border-width: 0 0 0 15px;
    border-style:solid;
    border-color:white;
  }
}

/*================ Masonry banner ================*/
.js-masonry{
  .grid-sizer{
    width:1%
  }
  .grid-item{
    padding:0 10px;
    @media (max-width:991px){
      width:50% !important
    }
    @media (max-width:767px){
      width:100% !important
    }
  }
}

/*================ Instagram ================*/
  .instagram-item,.instagramoff-item{
    position:relative;
    display:block;
    &:hover{
      &:after{
        opacity:1;
      }
    }
    &:after{
      font-family:'icomoon';
      content:"\e929";
      font-size: 18px;
      position:absolute;
      width:100%;
      height:100%;
      top:0;
      left:0;
      color:white;
      opacity:0;
      transition: all ease .45s;
      @include display-flexbox();
      @include justify-content(center);
      @include align-items(center);
      pointer-events:none;
    }
  }


/*================ Lookbook ================*/
.lookbook__dot {
  position: absolute;
  z-index: 100;
  width: 15px;
  height: 15px;
  border-radius: 10px;
  &:before {
    content: "";
    width: 25px;
    height: 25px;
    background-color: inherit;
    border-radius: 25px;
    opacity: .3;
    position: absolute;
    top: -5px;
    left: -5px;
    -webkit-animation: pulse 2.5s linear;
    animation: pulse 2.5s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
  }
  &:after {
    content: "";
    width: 25px;
    height: 25px;
    background-color: inherit;
    border-radius: 25px;
    opacity: .3;
    position: absolute;
    top: -5px;
    left: -5px
  }
}

.lookbooks-item img{
  width:100%;
}

.lookbook__slide .product-card {
  height: auto;
  width: 100%
}

.lookbook__instagram {
  position: absolute;
  top: 15px;
  right: 15px;
  background: rgba(0, 0, 0, .5);
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  border-radius: 7px
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
  }
  70% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
  }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .2
  }
  100% {
    -webkit-transform: scale(5);
    transform: scale(5);
    opacity: 0
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
  }
  70% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
  }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .2
  }
  100% {
    -webkit-transform: scale(5);
    transform: scale(5);
    opacity: 0
  }
}

/*================ Pricing Plan ================*/
.pricing-plan--1{
  position: relative;
  overflow: hidden;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-image: url(//cdn.shopify.com/s/files/1/0266/5745/6207/files/pricing-plan.svg?5609);
  mask-image: url(//cdn.shopify.com/s/files/1/0266/5745/6207/files/pricing-plan.svg?5609);
  -webkit-mask-position: center bottom;
  mask-position: center bottom;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  @media (min-width:1500px){
    &:after{
      content: "";
      position: absolute;
      bottom: 133px;
      left: 0;
      width: 100%;
      display: block;
      z-index: 999;
      height: 1px;
      background-size: 10px 3px;
      background-image: linear-gradient(90deg,#e5e5e5,#e5e5e5 75%,transparent 75%,transparent 100%);
    }
  }
  &:hover{
    @include transform(translateY(-10px));
  }
  .plan-title{
    letter-spacing: .2rem;
  }
  .plan-price{
    font-size:60px;
    font-weight:500;
    color:black;
    line-height:normal;
  }
  &.pricing-plan--special{
    .plan-price{
      color:white;
    }
    .plan-link{
      background-color:white;
      color:black;
      background-image: none !important;
    }
  }
}

/*================ Schedule ================*/
.schedule-day:after{
  position: absolute;
  content: '';
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  right: -15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-left: 15px solid var(--g-main);
}

.schedule-speaker{
  border-bottom:1px dashed #e5e5e5;
  .media-meta{
    width: 200px;
    @include rtl-padding-right(30px);
  }
}

.body-theme.template-index{
  &.body-announcement-bar{
    .site-header--transparent{
      @media (min-width:991px){
        //top:40px;
      }
      &.site-header--sticky.active{
        top:0;
      }
    }
  }
}

#yReplayBox{
  display:none !important;
}
.tooltip-inner{padding:3px 8px;color:#fff;text-align:center;font-size:11px;border-radius:0;}
.text-primary{
  color:var(--g-main)!important;
  &:hover,&:focus,&:active{
    color:var(--g-main-2)!important;
  }
}
a.text-primary{
  color:var(--g-main)!important;
  &:hover,&:focus,&:active{
    color:var(--g-main-2)!important;
  }
}
.text-primary2{
  color:var(--g-main-2 )!important;
}


.site-footer{
  .site-footer__section-title{
    text-transform:uppercase;
    margin-bottom:45px;
  }
}
.footer-email{
  .form-control{
    border-width:0 0 2px 0;
    border-radius:0;
    background:transparent;
    border-bottom-color:#4c4c4c;
    padding:0;
    outline:none;
    box-shadow:none;
    color:#fff;
    &:active,&:focus{
      border-bottom-color:#fff;
      box-shadow:none;
    }
  }
  .btn-underline{
    color:var(--g-main) !important;
    border-bottom-color:var(--g-main) !important;
  }
}
.btn-underline{
  text-transform:uppercase;
  padding-bottom:3px;
  border-width: 0 0 var(--g-height-border-btnline) 0;
  border-bottom-color:var(--g-cta-button) !important;
  color:var(--g-cta-button) !important;
  padding-left:0px;
  padding-right:0px;
  font-size:14px;
  font-weight:600;
  font-family:var(--g-font-2);
  &:hover{
    color:var(--g-main-2) !important;
    border-bottom-color:var(--g-main-2) !important;
  }
}
.btn-underline-primary{
  color:var(--g-main) !important;
  border-bottom-color:var(--g-main) !important;
}
.btn-underline-white{
  color:#fff !important;
  border-bottom-color:#fff !important;
  &:hover{
    color:#fff !important;
    border-bottom-color:#fff !important;
  }
}
.site-footer__copyright{
  a{
      color:var(--g-main) !important;
  }
}
#jsQuickview{
  .qv-product-description{
    p{
      font-size:14px;
      line-height:24px;
    }
  }
  .qv-product-price .money{
    font-size:24px;
    font-weight:400;
  }
}
.template-404{
  .main-content{
    padding: 0 !important;
  }
  .breadcrumb{
    display:none;
  }
  .page-404{
    min-height:750px;
  }
}
.page_404{
  background-color:#f4efe9;
}
.parallax-container{
  overflow: hidden;
  .simpleParallax{
      position: absolute;
      left: 0;
      right:0;
      bottom:0;
      top:0;
    img{  
      object-fit: cover;
      object-position: 50% 50%;
      width: 100%;
      width: 100%;
      max-width: 100%;
      height: 100%;

    }
  }
}
.bg-herovideo{
  .hero-video{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    video{
      position: relative;
      object-fit: cover;
      object-position: 50% 20%;
      font-family: "object-fit: cover";
      width: 100%;
      height: 100%;
      pointer-events: none;
    }
  }
  &.txt-left{
    .parallax-banner__meta{
      margin-left:10%;
    }
  }
  &.txt-center{
    text-align:center;
    .parallax-banner__meta{ 
    }
  }
  &.txt-right{
    text-align:right;
    .parallax-banner__meta{
      margin-right:10%;
    }
  }
}
.form-group{
  margin-bottom: 1.5rem;
  .form-control,.form-control-area{
    border-width:0 0 2px 0;
    border-radius:0;
    background:transparent;
    border-bottom-color: #e3e7e8;
    padding:0;
    outline:none;
    box-shadow:none;
    color:var(--g-color-heading);
    height: 50px;
    line-height:50px;
    &:active,&:focus{
      border-bottom-color:var(--g-color-heading);
      box-shadow:none;
    }
  }
  .form-control-area{
    height: 100px;
    border-style: inset;
    border-bottom-width: 2px;
    border-bottom-color: #e3e7e8;
    line-height:28px;
  }
}
.js-ab-close{
  i{
    font-size:14px;
  }
}
.list-styled{
  li{
    line-height:28px;
  }
}
.nav-tab-info-vertical{
  .card{
    border:none;
    background-color:transparent;
    .card-header{
      padding:18px 18px 18px 0;
      background-color:transparent;
      border-bottom:1px solid #d7d7d7;
      text-transform:uppercase;
      font-weight: normal;
      font-size: 18px;
      line-height: 23px;
      font-family:var(--g-font-1);
      i{
        margin-right:20px;
        font-size:14px;
        transition:transform 0.2s ease;
      }
      .card-link{
        color:var(--g-color-heading);
      }
      &.active-acc{
        .card-link{
          color: var(--g-main);
          i{
            transform:rotate(90deg);
          }
        }
      }
    }
  }
}
#shopify-product-reviews{
  .spr-container{
    padding:0;
    border:none;
    .spr-review-header-title{
      font-size:20px;
      margin-bottom:10px;
      line-height: normal;
      margin-top:10px;
    }
    .spr-review-header-byline{
      font-style:normal;
      font-size:12px;
      font-size: 12px;
      font-weight: 500 !important;
      text-transform: uppercase;
      margin-bottom: 5px;
      opacity: 1;
    }
    .spr-review-content-body{
      line-height:28px;
    }
    .spr-summary{
      .spr-icon{
        font-size:14px;
      }
      .spr-icon-star,.spr-icon-star-half-alt{
        color:var(--g-main);
      }
    }
  }
  .spr-reviews{
    .spr-icon{
      font-size:12px;
    }
    .spr-icon-star,.spr-icon-star-half-alt{
      color:var(--g-main);
    }
  }
  .spr-form-title{
    margin-bottom:50px;
  }
  .spr-form-contact{
    margin-right: calc(0px - var(--g-hgutter));
    margin-left: calc(0px - var(--g-hgutter));
    .spr-form-contact-name,.spr-form-contact-email{
      padding: 0 calc(var(--g-hgutter));
     float: left;
     width: 50%;
     margin-bottom:40px;
    }
    .spr-form-label{
      display:none;
    }
    .spr-form-input{
      border-width:0 0 2px 0;
      border-radius:0;
      background:transparent;
      border-bottom-color: #222;
      padding:0;
      outline:none;
      box-shadow:none;
      color:var(--g-color-heading);
      height: 38px;
      line-height:38px;
      border-style:solid;
      ::-webkit-input-placeholder {
       color:var(--g-color-heading);
      }
      
      ::-moz-placeholder {
        color:var(--g-color-heading);
      }
      
      ::-ms-input-placeholder {
        color:var(--g-color-heading);
      }
      
      ::-ms-input-placeholder {
        color:var(--g-color-heading);
      }
      &:active,&:focus{
        border-bottom-color:var(--g-color-heading);
        box-shadow:none;
      }
    }
  }
  .spr-form-review-rating a,.spr-form-review-rating a:hover{
    opacity: 1;
    color:#fab000;
    font-size:14px;
  }
  .spr-form-review{
    .spr-form-review-rating{
      margin-bottom:40px;
      display: flex;
      align-items: center;
      .spr-form-label{
        margin:0 15px 0 0 ;
      }
      .spr-form-label,.spr-form-input{
        display:inline-block;
      }
    }
    .spr-form-review-title{
      margin-bottom:40px;
      .spr-form-label{
        display:none;
      }
      .spr-form-input{
        border-width:0 0 2px 0;
        border-radius:0;
        background:transparent;
        border-bottom-color: #222;
        padding:0;
        outline:none;
        box-shadow:none;
        color:var(--g-color-heading);
        height: 38px;
        line-height:38px;
        border-style:solid;
        &:active,&:focus{
          border-bottom-color:var(--g-color-heading);
          box-shadow:none;
        }
      }
    }
  }
  .spr-form-review-body{
    margin-bottom:40px;
    .spr-form-label{
      display:none;
    }
    .spr-form-input-textarea{
      height: 90px;
      border-width:0 0 2px 0;
      border-radius:0;
      background:transparent;
      border-bottom-color: #222;
      padding:0;
      outline:none;
      box-shadow:none;
      color:var(--g-color-heading);
      line-height:28px;
      border-style:solid;
      &:active,&:focus{
        border-bottom-color:var(--g-color-heading);
        box-shadow:none;
      }
    }
  }
  .spr-form-actions{
    .spr-button{
      float: left;
      font-weight:600;
      text-transform:uppercase;
      font-size:12px;
    }
  }
}
.modal-backdrop.show{
  display:none !important;
}

.categories_block{
  .ul_list_categories{
    li{
      margin-bottom:10px;
      border-radius:8px;
      overflow: hidden;
      background:none;
      a{
        padding: 20px 20px;
        background-color:#f4efe9;
        color:var(--g-color-heading);
        .apolloQty{
          line-height:normal;
          display: inline-block;
          &:before,&:after{
            display:none;
          }
        }
        &:hover{
          background-color:#f1f1f1;
        }
      }
    }
  }
  &.has-bg{
    .ul_list_categories{
      li{
        background-position:center center;
        border-radius:8px;
        margin-bottom:10px;
        background-size: cover;
        a{
          background-color:rgba(0,0,0,0.5);
          color:#fff;
          padding: 35px 40px;
          display:block;
          border-radius:8px;
          transition:background-color 0.3s ease;
          &:hover{
            background-color:rgba(0,0,0,0.2);
          }
        }
      }
    }
  }
}
.humbergerbar{
  overflow-y: scroll;
}
.pro__ser{
  .pro__ser--box{
    img{
      width: 34px;
      margin-bottom:15px;
    }
  }
}
.pro__ser_1{
  .pro__ser--box{
    background-color:#fff;
    padding:25px 15px;
  }
}
.pro__ser_2{
  .pro__ser--box{
    border:2px solid #fff;
    padding:25px 15px;
  }
}
.rte blockquote {
  padding: 10px 10px 10px 30px;
  margin: 30px 0 30px 60px;
  border: none;
  color: #222;
  text-align: left;
  position: relative;
  border-left:2px solid #eb7025;
}
.text-decoration{
  text-decoration:underline;
}
.f-90{
  font-size:40px;
  @media (min-width:991px) {
    font-size:70px;
  }
}
.f-55{
  font-size:34px;
  @media (min-width:991px) {
    font-size:55px;
  }
}

.col-md-2-5{
  @media (min-width:991px) {
    flex-basis: 20% !important;
    width: 20% !important;
    padding-left: var(--g-hgutter); 
    padding-right: var(--g-hgutter);
  }
}


.header--acount{
  @include media-query(small) {
    display:none;
  }
}
/*================ jGrowl - alert ================*/
.alert--cart img {
  width: 70px
}
#growls-bc,
#growls-bl,
#growls-br,
#growls-cc,
#growls-cl,
#growls-cr,
#growls-default,
#growls-tc,
#growls-tl,
#growls-tr,
.ontop {
  z-index: 50000;
  position: fixed
}

#growls-default {
  top: 120px;
  right: 10px
}

#growls-tl {
  top: 10px;
  left: 10px
}

#growls-tr {
  top: 10px;
  right: 10px
}

#growls-bl {
  bottom: 10px;
  left: 10px
}

#growls-br {
  bottom: 10px;
  right: 10px
}

#growls-tc {
  top: 10px;
  right: 10px;
  left: 10px
}

#growls-bc {
  bottom: 10px;
  right: 10px;
  left: 10px
}

#growls-cc {
  top: 50%;
  left: 50%;
  margin-left: -125px
}

#growls-cl {
  top: 50%;
  left: 10px
}

#growls-cr {
  top: 50%;
  right: 10px
}

#growls-bc .growl,
#growls-tc .growl {
  margin-left: auto;
  margin-right: auto
}

.growl {
  position: relative;
  border-radius: 4px;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.growl.growl-incoming {
  opacity: 0
}

.growl.growl-outgoing {
  opacity: 0
}

.growl.growl-small {
  width: 200px;
  padding: 5px;
  margin: 5px
}

.growl.growl-medium {
  width: 250px;
  padding: 10px;
  margin: 10px
}

.growl.growl-large {
  width: 300px;
  padding: 15px;
  margin: 15px
}

.growl.growl-default,
.growl.growl-notice {
  color: var(--g-alert);
  background-color: var(--g-alert-bg);
  border: 1px solid var(--g-alert-bd)
}

.growl.growl-error {
  color: #721c24;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb
}

.growl.growl-warning {
  color: #856404;
  background-color: #fff3cd;
  border: 1px solid #ffeeba
}

.growl .growl-close {
  cursor: pointer;
  float: right;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400
}

.growl .growl-title {
  font-size: 12px;
  line-height: 24px
}

.growl .growl-message {
  font-size: 14px;
  line-height: 18px
}
.growl .growl-message {
  i{
    font-size:10px;
  }
}

@media (max-width:767px) {
  .growl {
    margin-left: 0!important;
    margin-right: 0!important
  }
}

.marsonry-2columns{
  .grid-item{
    &:nth-child(3n+1){
      padding-left:80px;
    }
    &:nth-child(3n+2){
      padding-right:60px;
      padding-left:0 !important;
    }
    &:nth-child(4n+1){
      padding-left:80px;
    }
    // &:nth-child(even){
    //   padding-right:80px;
    // }
  }
}
.p-tab2{
  .section-title-1{
    text-align:left !important;
  }
  .nav-tabs{
    margin:15px 0 !important;
  }
  .p-tab2--text{
    bottom:0;
  }
}

.layout2{
  .layout2-flex{
    @media (min-width:991px) {
      padding-left:120px;
    }
  }
  .layout2-flex-left{
    @media (min-width:991px) {
      padding-right:120px;
    }
  }
}

// collection 2

.colgrid{
	padding:96px 0px;
	position: relative;
  overflow:hidden;
  height: 100vh;
	@media (max-width:1400px){
		padding-left:30px;
		padding-right:30px;
  }
  @media (max-width:768px){
    height:auto;
  }
  .colgrid-col{
    height: 50%;
    padding-top:10px;
    padding-bottom:10px;
  }
	.colgrid__box{
		display:block;
		border:2px solid rgba(255,255,255,0.3);
		padding:50px;
		color:#fff;
		position:relative;
		//transition:all 0.2s;
		background-size:cover;
		background-position:top center;
		@media (min-width:768px){
			background-image:none !important;
		}
		@media (max-width:767px){
         border:none;
	    }
		.colgrid__box--tit{
			margin:0 0 15px;
			font-weight:500;
			font-size:26px;
			text-transform:capitalize;
			color:#fff;
			@media (max-width:1400px){
				font-size:22px;
			}
    }
    .colgrid__boxtop{
      display: none !important;
      opacity: 0;
      visibility: hidden;
    }
		&:hover{
      .colgrid__boxtop{
        display: flex !important;
        opacity: 1;
        visibility: visible;
      }
      .colgrid__boxbottom{
        display: none !important;
        opacity: 0;
        visibility: hidden;
      }
			@media (min-width:768px){
				//color:$theme-text-color;
			}
			.colgrid__box--tit{
				@media (min-width:768px){
					//color:$theme-text-color;
				}
			}
			.colgrid__box--link{
				//color:$theme-color-tertiary;
	            svg{
	            	//fill:$theme-color-tertiary;
	            }
	            .colgrid--child{
	            	//@include transform(translateX(0));
	            	opacity: 1;
                transition: transform 0.4s ease;
	            }
			}
		}
	}
	.colgrid__bg{
		position: absolute;
	   z-index: 0;
	   top: 0;
	   left: 0;
	   width: 100%;
     height: 100%;
     &:before{
       content:"";
       position: absolute;
       top:0;
       left:0;
       right:0;
       bottom:0;
       background-color:rgba(0,0,0,0.25);
       z-index: 1;
     }
	   .colgrid__bg--full{
		   width:100%;
		   height:100%;
		   position: absolute;
		   top: 0;
		   left: 0;
		   background-repeat:no-repeat;
		   background-size:cover;
		   background-position:center;
		   background-attachment: fixed;
		   opacity: 0 !important;
		   transition:transform 7.5s cubic-bezier(0.37, 0.31, 0.2, 0.85), opacity 0.5s ease;
		   will-change:opacity,transform;
		   backface-visibility: hidden;
		   &:first-child{
		   	opacity: 1 !important;
		   }
		   &.active{
		   	opacity: 1 !important;
		   }
	   }
	}
}
.grid__item-inner--bgvideo{
  position: relative;
  width: 100%;
  height: 100%;
  @media (max-width:767px){
    height: 400px;
  }
}
.htmlhero-video{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  video{
    position: relative;
    object-fit: cover;
    object-position: 50% 20%;
    font-family: "object-fit: cover";
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
}
.template-product{
  &.product-hide-breadcrumb{
    .page-container{
      > .breadcrumb{
        display:none;
      }
    }
  }
}
.template-article{
  .social-sharing .col-title{
    display: none;
  }
}
.drawer__nav-item{
  .block_currencies{
    #currencies{
      position: static !important;
      box-shadow: none !important;
      padding: 0;
    }
  }
}
.mtm-220{
  margin-top:0;
  @include media-query($medium-up){
    margin-top:-220px;
  }
}

.layout-dynamic{
  @include media-query($medium-up){
    .col-title{
      //padding-left:13.8%;
      margin-top:0 !important;
    }
    .layout-dynamic--item{
      display: block;
      width: 35% ;
      margin-top: 9rem;
      &:nth-child(2){
        margin-top:0 !important;
      }
      &:nth-child(2n+1){
        float: left;
        clear: left;
      }
      &:nth-child(2n+2){
        float: right;
        clear: right;
      }
      &:nth-child(4n+3){
        margin-top: 14rem;
        margin-right: 10%;
        margin-left: 0;
      }
      &:nth-child(4n+2){
        margin-right: 10%;
      }
      &:nth-child(4n+5){
        margin-left: 10%;
      }
    }
  }
}
.text-line{
  border-bottom: 2px solid var(--g-color-heading);
  display: inline;
}
@media(min-width: 992px){
  .col-1-5{
    flex: 0 0 20%;
    max-width: 20%;
  }
}
.instagramoff-item{
  .image-content__image-wrapper img{
    width: 100%;
    height:100%;
    object-fit:cover;
  }
}
.modal-title{
  line-height:1.2;
}
.menuhtml-grid{
  display: flex;
  column-gap:var(--g-gutter);
}
.menuhtml-grid .block-html{
  flex:1;
}
.menuhtml-grid a{
  color:var(--header-menudroptext);
}
.site-nav__link,.site-nav__item-mega .menu-title{
letter-spacing:var(--g-spacing-menu);
font-family:var(--g-font-menu) !important;
}