/** Shopify CDN: Minification failed

Line 87:2 Comments in CSS use "/* ... */" instead of "//"
Line 154:2 Comments in CSS use "/* ... */" instead of "//"
Line 167:2 Comments in CSS use "/* ... */" instead of "//"
Line 218:2 Comments in CSS use "/* ... */" instead of "//"
Line 230:2 Comments in CSS use "/* ... */" instead of "//"
Line 269:15 Comments in CSS use "/* ... */" instead of "//"
Line 289:2 Comments in CSS use "/* ... */" instead of "//"
Line 299:2 Comments in CSS use "/* ... */" instead of "//"
Line 305:2 Comments in CSS use "/* ... */" instead of "//"
Line 318:0 Comments in CSS use "/* ... */" instead of "//"
... and 104 more hidden warnings

**/
/*============================================================================
Debut | Built with Shopify Slate

Some things to know about this file:
- Sass is compiled on Shopify's server so you don't need to convert it to CSS yourself
- The output CSS is compressed and comments are removed
- You cannot use native CSS/Sass @imports in this file without a build script
==============================================================================*/

/*================ SASS HELPERS ================*/
/*============================================================================
Convert pixels to ems
eg. for a relational value of 12px write em(12) when the parent is 16px
if the parent is another value say 24px write em(12, 24)
Based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/functions/_px-to-em.scss
==============================================================================*/
@function em($pxval, $base: $font-size-base) {
  @if not unitless($pxval) {
    $pxval: strip-units($pxval);
  }
  @if not unitless($base) {
    $base: strip-units($base);
  }
  @return ($pxval / $base) * 1em;
}

/*============================================================================
Strips the unit from a number.
@param {Number (With Unit)} $value
@example scss - Usage
$dimension: strip-units(10em);
@example css - CSS Output
$dimension: 10;
@return {Number (Unitless)}
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));
}

/*============================================================================
Return a color based on the brightness of an existing color.
Need to pass in brightness because it is calculated with Liquid.
@param {Number} $brightness
@param {String} $color
@example scss - Usage
$focusColor: adaptiveColor(#000, 0);
@example css - CSS Output
$focusColor: #404040;
@return {String}
==============================================================================*/

@function adaptiveColor($color, $brightness) {
  @if $brightness <= 26 {
    @return lighten($color, 25%)
      }
  @if $brightness <= 64 {
    @return lighten($color, 15%)
      } @else {
        @return darken($color, 10%)
          }
}

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

  // sass-lint:disable no-misspelled-properties
  *zoom: 1;
}

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

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

// Output:
.element {
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
==============================================================================*/
@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';
}
}

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

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


/*================ Responsive Text Alignment Helper ================*/
@mixin responsive-text-align-helper($grid-breakpoint-type: '') {
  // sass-lint:disable no-important
  .#{$grid-breakpoint-type}text-left {
    text-align: left !important;
  }

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

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

@mixin placeholder-text($color: $color-text-field-text, $opacity: 0.6) {
  color: $color;
  opacity: $opacity;
}

@mixin error-placeholder-text($color: $color-error-input-text, $opacity: 0.5) {
  color: $color;
  opacity: $opacity;
}

@mixin transform($transform) {
  @include prefix(transform, $transform, ms webkit spec);
}

@mixin transition($transition) {
  @include prefix(transition, $transition, ms webkit spec);
}

@mixin gradient($side, $from, $to) {
  background: -ms-linear-gradient($side, $from 0%, $to 100%);
  background: linear-gradient(to $side, $from 0%, $to 100%);
}

@mixin spinner($size: 20px, $color: $color-btn-primary-text) {
  content: '';
  display: block;
  width: $size;
  height: $size;
  position: absolute;
  margin-left: - $size / 2;
  margin-top: - $size / 2;
  border-radius: 50%;
  border: 3px solid $color;
  border-top-color: transparent;
}

@mixin visually-hidden() {
  // sass-lint:disable no-important
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

@mixin visually-shown() {
  // sass-lint:disable no-important
  position: inherit !important;
  overflow: auto;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}

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

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

@mixin default-focus-ring() {
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}

/*============================================================================
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) {
  @include prefix(flex-direction, $value, webkit moz ms spec);
}

@mixin align-items($value: stretch) {
  $alt-value: $value;

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

  // sass-lint:disable no-misspelled-properties
  -ms-flex-align: $alt-value;
  @include prefix(align-items, $value, webkit moz ms o spec);
}

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

@mixin flex-basis($width: auto) {
  // sass-lint:disable no-misspelled-properties
  -ms-flex-preferred-size: $width;
  @include prefix(flex-basis, $width, webkit moz spec);
}

@mixin align-self($align: auto) {
  // sass-lint:disable no-misspelled-properties
  -ms-flex-item-align: $align;
  @include prefix(align-self, $align, webkit spec);
}

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

@mixin justify-content($justify: flex-start) {
  @include prefix(justify-content, $justify, webkit ms spec);
}

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

  &:focus {
    outline: none;
  }

  &.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;
  [dir="rtl"] & {
    float: right;
  }
  img {
    display: block;
  }
  &.slick-loading img {
    display: none;
  }

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

/*================ 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: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  &:hover, &:focus {
    background: transparent;
    color: transparent;
    &:before {
      opacity: $slick-opacity-on-hover;
    }
  }
  &.slick-disabled:before {
    opacity: $slick-opacity-not-active;
  }
  &:before {
    font-family: $slick-font-family;
    font-display: swap;
    font-size: 20px;
    line-height: 1;
    color: $slick-arrow-color;
    opacity: $slick-opacity-default;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

.slick-prev {
  left: -25px;
  [dir="rtl"] & {
    left: auto;
    right: -25px;
  }
  &:before {
    content: $slick-prev-character;
    [dir="rtl"] & {
      content: $slick-next-character;
    }
  }
}

.slick-next {
  right: -25px;
  [dir="rtl"] & {
    left: -25px;
    right: auto;
  }
  &:before {
    content: $slick-next-character;
    [dir="rtl"] & {
      content: $slick-prev-character;
    }
  }
}

/* Dots */

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

.slick-dots {
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    button, a {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer;
      &:hover, &:focus {
        &:before {
          opacity: $slick-opacity-on-hover;
        }
      }
      &:before {
        position: absolute;
        top: 0;
        left: 0;
        content: $slick-dot-character;
        width: 20px;
        height: 20px;
        font-family: $slick-font-family;
        font-display: swap;
        font-size: $slick-dot-size;
        line-height: 20px;
        text-align: center;
        color: $slick-dot-color;
        opacity: $slick-opacity-not-active;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }
    }
    &.slick-active button:before {
      color: $slick-dot-color-active;
      opacity: $slick-opacity-default;
    }
  }
}


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

body {
  margin: 0;
}

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

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

a {
  background-color: transparent;
}

b,
strong {
  font-weight: $font-weight-body--bolder;
}

em {
  font-style: italic;
}


small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

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

input {
  &[type="search"],
  &[type="number"],
  &[type="email"],
  &[type="password"] {
    -webkit-appearance: none;
    -moz-appearance: none;
  }
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

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

/*============================================================================
Fast Tap
enables no-delay taps (FastClick-esque) on supporting browsers
==============================================================================*/

/*   $small '(min-width: #{$grid-medium - 1})', */
/*============================================================================
Grid Setup
1. Allow the grid system to be used on lists.
2. Remove any margins and paddings that might affect the grid system.
3. Apply a negative `margin-left` to negate the columns' gutters.
==============================================================================*/
.grid {
  @include clearfix();
  list-style: none;
  margin: 0;
  padding: 0;
  margin-right:20px;
  /*   margin-left: -$grid-gutter; */

  @include media-query($small) {
    margin-left: -$grid-gutter-mobile;
  }
}

.grid__item {
  float: left;
  padding-left: $grid-gutter;
  width: 100%;

  @include media-query($small) {
    padding-left: $grid-gutter-mobile;
  }

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

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

  > .grid__item {
    direction: ltr;
    text-align: left;
    float: right;
  }
}

/*============================================================================
Grid Columns
- Create width classes, prepended by the breakpoint name.
==============================================================================*/
// sass-lint:disable brace-style empty-line-between-blocks

/*================ #Basic Styles ================*/
body,
html {
  background-color: $color-body;
}
img{
  border-radius:3px;
}
.page-width {
  @include clearfix();
  max-width: $width-site;
  /*   max-width:1800px; */
  margin: 0 auto;
}
#shopify-section-product-template .page-width, .product-template__container{
  max-width:100vw;
}
.threed-customizer #shopify-section-header{
  display:none;
}
.threed-customizer-template{
  width:100vw;
  padding-left:0 !important;
  padding-right:0 !important;
}
.threed-customizer-template .fixed-iframe{
  /* 	position:fixed;
  top:80px;
  left:0; */
  position:fixed;
  width:60%;
  border:none;
  bottom:0;
  left:0;
  height:calc(100vh - 120px);
  /* height:100vh; */
  transition:.2s ease-in all;
  @include portrait{
    position:relative;
    width:100%;
    height:50vh;
  }
  @include media-query($medium){
    @include portrait{
      position:relative;
      width:100%;
      height:50vh;
    }
  }
  @include media-query($large){
    @include portrait{
      position:relative;
      width:100%;
      height:50vh;
    }
  }
}
#featuresSnippet{
  padding: 20px 30px 20px 10px;
  background: #f2f2f2;
  border-radius: 5px;
  width:100%;
  margin:10px 10px 20px 5px;
}
#featuresSnippet ul li{
  list-style:disc;
  margin-left:21px;
}
.threed-customizer-template #featuresSnippet{
  margin-bottom: 20px;
  padding: 20px 10px;
  background: #f2f2f2;
  border-radius: 5px;
  width:100%;
}
.threed-customizer-template #featuresSnippet ul li{
  list-style:disc;
  margin-left:21px;
}

.threed-customizer-template #product-holder{
  position:relative;
}
.product-options-holder-3d{
  width:40% !important;
  @include media-query($small) {
    @include portrait{
      width:100% !important;
    }
  }
  @include portrait{
    width:100% !important;
  }
}
.product-options-holder-3d .product-single__meta{
  padding:0;
  background:none;
  display:flex;
  flex-direction:column;
}
.product-options-holder-3d .product-single__meta div.form-left-row{
  padding-left: 25px;
  width:100%;
  @include landscape{
    margin-top:30px;
    /*   	margin-top:inherit; */
  }
}
.customizer-tab-holder{
  width:100%;
}
.options-holder{
  width:100%;
  margin-bottom:10px;
}
.customizer-tab-title{
  background:#f9f9f9;
  display:flex;
  flex-direction:row;
  align-items:Center;
  height:50px;
  padding:15px;
  position:relative;
}
.customizer-tab-title:hover{
  border: 1px solid #ccc;
}
.options-holder.open .customizer-tab-title{
  box-shadow:0px 10px 10px 1px rgba(150,150,150,.1);
  z-index:7;
  position:relative;
}
.options-tab-arrow {
  border: solid black;
  margin-right:10px;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 5px;
  transform: rotate(-45deg);
  transition:.2s all ease-out;
  position:absolute;
  right:15px;
}
.options-holder.open .options-tab-arrow {
  transform: rotate(45deg);
  margin-top:-5px;
  transition:.2s all ease-out;
  position:absolute;
  right:15px;
}
.options-tab-arrow.right {

}
/* .options-tab-arrow svg .cls-1{
fill:none;
stroke:#000;
stroke-linecap:round;
stroke-linejoin:round;
stroke-width:30px;
} */
.customizer-tab-options{
  height:0;
  overflow:hidden;
  transition:.1s all ease-out;
}
.options-holder.open .customizer-tab-options{
  height:auto;
  overflow:hidden;
  transition:.1s all ease-out;
}
.options-holder.open .options-tab-arrow svg{
  transform:rotateX(90deg);
}
.customizer-tab-holder h3, .options-holder h3{
  font-size:16px !important;
  font-weight:500 !important;
  margin:0 !important;
}
.customizer-tab-holder h4, .options-holder h4{
  font-size:16px !important;
  font-weight:500 !important;
  margin:0 !important;
}
.options-holder.open .customizer-tab-options{
  min-height:150px;
  padding:15px;
  background:#f9f9f9;
}
#accessory-page{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  max-width:1200px;
  margin:0 auto;
  margin-top:50px;
  @include media-query($small) {
    @include portrait{
      flex-direction:column;
      justify-content:center;
      align-items:center;
    }
  }
}
#accessory-page .page-width{
  padding:0;
  padding-left:0;
  padding-right:0;
  width:90%;
  @include media-query($small) {
    @include portrait{
      width:100%;
    }
  }
}
#accessory-page .index-section{
  padding:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  width:32%;
  @include media-query($small) {
    @include portrait{
      width:100%;
    }
  }
}
#accessory-page .product-form__item--quantity{
  display:block;
  margin:5px auto;
  margin-bottom:15px;
  text-align:center;
  flex-direction:column !important;
}
#accessory-page .product-single__meta{
  background:none;
}
#accessory-page .product-single__photos--full{
  margin-bottom:0;
}
#accessory-page .product-single__photo{
  padding:0 !important;
}
#accessory-page .product-single__description{
  margin:5px 0;
}
.accessory-page-container{
  @include media-query($small) {
    @include portrait{
      max-width:90vw;
      margin:0 auto;
    }
  }
}
.accessory-page-container h1{
  margin-top:20px;
  text-align:center !important;
  font-size:21px;
  padding:0 10px;

}
.accessory-page-container h1.product-single__title{
  margin-top:0px;


}
.accessory-page-container p{
  max-width:900px;
  text-align:center;
  margin:0 auto;
}
#accessory-page .product-single{
  display:flex;
  flex-direction:column;
}
.main-content {
  min-height:calc(100vh - 100px);
  display: block;
  padding-top: $section-spacing-small;
  padding-top:65px;

  @include media-query($medium-up) {
    /*     padding-top: $section-spacing; */
    /*     padding-top:68px; */
  }
}

.section-header {
  margin-bottom: $section-spacing-small;

  @include media-query($medium-up) {
    @include landscape{
      margin-bottom: $section-spacing;
    }
  }
}
.section-header h4.h2{
  font-size:24px;
  text-align:left;
}

/*================ Typography ================*/
blockquote {
  font-size: em(18px);
  font-style: normal;
  text-align: center;
  padding: 0 30px;
  margin: 0;

  .rte & {
    border-color: $color-border;
    border-width: 1px 0;
    border-style: solid;
    padding: 30px 0;
    margin-bottom: $gutter-site / 2;
  }

  p + cite {
    margin-top: $gutter-site / 2;
  }

  cite {
    display: block;
    font-size: 0.85em;
    font-weight: $font-weight-body;

    &::before {
      content: '\2014 \0020';
    }
  }
}

code,
pre {
  font-family: Consolas, monospace;
  font-display: swap;
  font-size: 1em;
}

pre {
  overflow: auto;
}

body,
input,
textarea,
button,
select {
  font-size: $font-size-base;
  font-family: $font-stack-body;
  font-style: $font-style-body;
  font-weight: $font-weight-body;
  color: $color-text;
  line-height: 1.5;
  font-display: swap;
}

// Prevent zoom on touch devices in active inputs
@include media-query($medium-down) {
  input,
  textarea,
  select,
  button {
    font-size: $font-size-mobile-input;
  }
}

/*================ Headings ================*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 ($section-spacing-small / 2);
  font-family: $font-stack-header;
  font-style: $font-style-header;
  font-weight: $font-weight-header;
  font-display: swap;
  line-height: 1.2;
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-transform:capitalize !important;

  a {
    color: inherit;
    text-decoration: none;
    font-weight: inherit;
  }
}

h1 {
  font-size: em(floor($font-size-header * 1.35));
  text-transform: none;
  letter-spacing: 0;

  @include media-query($small) {
    @include portrait{
      font-size: em(floor($font-size-header * 1.25));
    }
  }
}

h2 {
  font-size: em(floor($font-size-header * 0.78));
  text-transform: uppercase;
  letter-spacing: 0.1em;

  @include media-query($small) {
    /*     	@include orient { */
    @include portrait{
      font-size: em(floor(($font-size-header * 0.78) * 0.9));
    }
  }
}

h3 {
  font-size: em($font-size-header);
  text-transform: none;
  letter-spacing: 0;

  @include media-query($small) {
    @include portrait{
      font-size: em(floor($font-size-header * 0.78));
    }
  }
}

h4 {
  font-size: em(floor($font-size-header * 0.68));

  @include media-query($small) {
    font-size: em(floor(($font-size-header * 0.68) * 0.9));
  }
}

h5 {
  font-size: em(floor($font-size-header * 0.58));

  @include media-query($small) {
    font-size: em(floor(($font-size-header * 0.58) * 0.9));
  }
}

h6 {
  font-size: em(floor($font-size-header * 0.54));

  @include media-query($small) {
    font-size: em(floor(($font-size-header * 0.54) * 0.9));
  }
}

.h1 {
  @extend h1;
}

.h2 {
  @extend h2;
}

.h3 {
  @extend h3;
}

.h4 {
  @extend h4;
}

.h5 {
  @extend h5;
}

.h6 {
  @extend h6;
}

/*================ RTE headings ================*/
.rte {
  color: $color-body-text;
  margin-bottom: $section-spacing-small;

  // 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: $gutter-site;
    margin-bottom: $gutter-site / 2;

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

  li {
    margin-bottom: 4px;
    list-style: inherit;

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

// rte setting type to act like a <p> tag
.rte-setting {
  margin-bottom: $section-spacing-small / 1.8; // same as p

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

/*================ Paragraph styles ================*/
p {
  color: $color-body-text;
  margin: 0 0 ($section-spacing-small / 1.8);

  @include media-query($small) {
    font-size: em($font-size-base - 1);
  }

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

/*================ Lists ================*/
li {
  list-style: none;
}

/*================ Misc styles ================*/
.fine-print {
  font-size: em(14);
  font-style: italic;
}

.txt--minor {
  font-size: 80%; // match <small>
}

.txt--emphasis {
  font-style: italic;
}

.address {
  margin-bottom: $gutter-site;
}

/*================ Hero and slideshow headers ================*/
.mega-title,
.mega-subtitle {
  color: $color-overlay-title-text;
  .hero & {
    text-shadow: 0 0 4px $color-text-shadow;
  }
  @include media-query($medium-up) {
    text-shadow: 0 0 4px $color-text-shadow;
  }
}

.mega-title {
  margin-bottom: 8px;
}

.mega-title--large {
  font-size: em($font-size-header + 8);

  @include media-query($medium-up) {
    font-size: em(floor($font-size-header * 2.5));
  }
}

.mega-subtitle {
  @include media-query($medium-up) {
    font-size: em($font-size-base + 4);
    margin: 0 auto;

    .text-center & {
      max-width: 75%;
    }
  }

  p {
    color: $color-overlay-title-text;
  }

  a {
    color: $color-overlay-title-text;
    border-bottom: 1px solid currentColor;

    &:hover,
    &:focus {
      color: $color-overlay-text-focus;
    }
  }
}

.mega-subtitle--large {
  font-size: em($font-size-base + 2);
  font-weight: $font-weight-header;

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

/*================ #Icons ================*/
.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  fill: currentColor;

  .no-svg & {
    display: none;
  }
}

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

/*============================================================================
A generic way to visually hide content while
remaining accessible to screen readers (h5bp.com)
==============================================================================*/
.icon__fallback-text {
  @extend .visually-hidden;

  .no-svg & {
    // sass-lint:disable no-important
    position: static !important;
    overflow: inherit;
    clip: none;
    height: auto;
    width: auto;
    margin: 0;
  }
}

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

  @include media-query($small) {
    line-height: 40px;
  }

  .icon {
    width: 38px;
    height: 24px;
    fill: inherit;
  }
}

/*================ Social Icons ================*/
.social-icons .icon {
  width: 23px;
  height: 23px;

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

  &.icon--wide {
    width: 40px;
  }
}

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

ol {
  list-style: decimal;
}

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

  & > li {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
}
.list--inline > li:last-child{
  display:none;
}
/*================ #Rich Text Editor ================*/
.rte {
  img {
    height: auto;
  }

  table {
    table-layout: fixed;
  }

  ul,
  ol {
    margin: 0 0 ($section-spacing-small / 2) $section-spacing-small;

    &.list--inline {
      margin-left: 0;
    }
  }

  ul {
    list-style: disc outside;

    ul {
      list-style: circle outside;

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

  a:not(.btn) {
    border-bottom: 1px solid currentColor;
    padding-bottom: 1px;
  }
}

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

// allows tables to scroll when needed since we don't know
// how many columns they will contain. Class added by JS.
.scrollable-wrapper {
  // sass-lint:disable no-misspelled-properties
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/*================ #Links and Buttons ================*/
a {
  color: $color-text;
  text-decoration: none;

  &:not([disabled]):hover,
  &:focus {
    color: $color-text-focus;
  }

  &.classic-link {
    text-decoration: underline;
  }
}

a[href^="tel"] {
  color: inherit;
}

/*================ Buttons ================*/
.btn {
  @include user-select();
  @include prefix(appearance, none, webkit moz spec);
  display: inline-block;
  width: auto;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: $border-radius;
  padding: $input-padding-top-bottom-small $input-padding-left-right-small;
  background-color: $color-btn-primary;
  color: $color-btn-primary-text;
  font-family: $font-stack-header;
  font-style: $font-style-header;
  font-weight: $font-weight-header;
  font-display: swap;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  white-space: normal;

}

@media (max-width: 800px) {
  .btn {
    font-size: 10px;
  }
}
  

  @include media-query($medium-up) {
    @include landscape{
      padding: $input-padding-top-bottom $input-padding-left-right;
    }
  }

  &:not([disabled]):hover,
  &:focus {
    color: $color-btn-primary-text;
    background-color: $color-btn-primary-focus;
  }

  .icon-arrow-right,
  .icon-arrow-left {
    height: 9px;
  }

  &[disabled] {
    cursor: default;
    opacity: 0.5;
  }
}

.btn--secondary {
  background-color: transparent;
  color: $color-btn-primary;
  border-color: $color-btn-primary;

  &:not([disabled]):hover,
  &:focus {
    background-color: transparent;
    color: $color-btn-primary-focus;
    border-color: $color-btn-primary-focus;
  }
}

.btn--secondary-accent {
  background-color: $color-body;
  color: $color-btn-primary;
  border-color: $color-btn-primary;

  &:not([disabled]):hover,
  &:focus {
    background-color:$color-body;
    color: $color-btn-primary-focus;
    border-color: $color-btn-primary-focus;
  }
}

.btn--small {
  padding: 8px 10px;
  font-size: em(12);
  line-height: 1;
}

.btn--tertiary {
  background-color: transparent;
  color: $color-small-button-text-border;
  border-color: $color-small-button-text-border;

  &:not([disabled]):hover,
  &:focus {
    background-color: transparent;
    color: $color-small-button-text-border-focus;
    border-color: $color-small-button-text-border-focus;
  }
}

/*================ Button variations ================*/
@include media-query($small) {
  @include portrait{
    .btn--small-wide {
      padding-left: 50px;
      padding-right: 50px;
    }
  }
}

.btn--link {
  background-color: transparent;
  border: 0;
  margin: 0;
  color: $color-text;
  text-align: left;

  &:not([disabled]):hover,
  &:focus {
    color: $color-text-focus;
    background-color: transparent;
  }

  .icon {
    vertical-align: middle;
  }
}

.btn--narrow {
  padding-left: 15px;
  padding-right: 15px;
}

.btn--has-icon-after {
  .icon {
    margin-left: 10px;
  }
}

.btn--has-icon-before {
  .icon {
    margin-right: 10px;
  }
}

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

/*================ Return to collection/blog links ================*/
.return-link-wrapper {
  margin-top: ($section-spacing * 1.5);
  margin-bottom: 0;

  @include media-query($small) {
    @include portrait{
      margin-top: $section-spacing;
    }
  }
}

.full-width-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

/*================ #Tables ================*/
table {
  margin-bottom: $gutter-site / 2;
}

th {
  font-family: $font-stack-header;
  font-style: $font-style-header;
  font-weight: $font-weight-body--bold;
  font-display: swap;
}

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

/*============================================================================
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: $gutter-site / 2;
      border: 0;
      margin: 0;
    }

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

  .responsive-table__row + .responsive-table__row,
  tfoot > .responsive-table__row:first-child {
    position: relative;
    margin-top: 10px;
    padding-top: $gutter-site;

    &::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: $gutter-site / 2;
      right: $gutter-site / 2;
      border-bottom: 1px solid $color-border;
    }
  }
}

/*================ #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 ================*/
form {
  margin: 0;
}

fieldset {
  border: 1px solid $color-border-form;
  margin: 0 0 $gutter-site;
  padding: $gutter-site / 2;
}

legend {
  border: 0;
  padding: 0;
}

button {
  cursor: pointer;
}

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

label {
  display: block;
  margin-bottom: 5px;

  @include media-query($small) {
    font-size: em($font-size-base - 2px);
  }

  [type="radio"] + &,
  [type="checkbox"] + & {
    display: inline-block;
    margin-bottom: 0;
  }

  &[for] {
    cursor: pointer;
  }
}

input,
textarea,
select {
  border: 1px solid $color-border-form;
  background-color: $color-text-field;
  color: $color-text-field-text;
  max-width: 100%;
  line-height: 1.2;
  border-radius: $border-radius;

  &:focus {
    border-color: darken($color-border-form, 10%);
  }

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

  &.input--error {
    &::-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($opacity: 1);
    }
  }

  &.hidden-placeholder {
    &::-webkit-input-placeholder {
      color: transparent;
    }

    &::-moz-placeholder {
      color: transparent;
    }

    &:-ms-input-placeholder {
      color: transparent;
    }

    &::-ms-input-placeholder {
      opacity: 1;
    }
  }

  .product-form & {
    min-height: 44px;
  }
}

textarea {
  min-height: 100px;
}

/*================ Error styles ================*/
input,
select,
textarea {
  &.input--error {
    border-color: $color-error;
    background-color: $color-error-bg;
    color: $color-error;
    margin-bottom: ($section-spacing-small / 3);
  }
}

.input-error-message {
  display: block;
  width: 100%;
  color: $color-error;
  font-size: em($font-size-base - 2px);
  margin-bottom: ($section-spacing-small / 3);

  @include media-query($small) {
    margin-bottom: ($section-spacing-small / 1.8);
  }

  .icon {
    width: 1em;
    height: 1em;
    margin-top: -0.3em;
  }
}

select {
  @include prefix(appearance, none, webkit moz spec);
  background-position: right center;
  background: {
    image: url($svg-select-icon);
    repeat: no-repeat;
    position: right 10px center;
  }
  line-height: 1.2;
  padding-right: 28px;
  text-indent: 0.01px;
  text-overflow: '';
  cursor: pointer;
  padding-top: $input-padding-top-bottom-small;
  padding-left: $input-padding-left-right-small;
  padding-bottom: $input-padding-top-bottom-small;

  @include media-query($medium-up) {
    padding-top: $input-padding-top-bottom;
    padding-left: $input-padding-left-right;
    padding-bottom: $input-padding-top-bottom;
  }
}

.select-group {
  position: relative;
  z-index: 2;

  select {
    background-image: none;
    background-color: transparent;
  }

  .icon {
    height: calc(8em / 16);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: calc(8em / 16);
    z-index: -1;
  }
}

.select-label {
  font-size: em(12);
  text-transform: uppercase;
}

optgroup {
  font-weight: $font-weight-body--bold;
}

// Force option color (affects IE only)
option {
  color: $color-text;
  background-color: $color-body;
}

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

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

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

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

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

/*================ Labels ================*/
.label--error {
  color: $color-error;
}

input,
textarea {
  padding: $input-padding-top-bottom-small $input-padding-left-right-small;

  @include media-query($medium-up) {
    padding: $input-padding-top-bottom $input-padding-left-right;
  }
}

/*================ Vertical forms ================*/
.form-vertical {
  input,
  select,
  textarea {
    display: block;
    width: 100%;
    margin-bottom: ($section-spacing-small / 1.8); // same as <p>

    &.input--error {
      margin-bottom: ($section-spacing-small / 3);
    }
  }

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

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


/*================ Single field forms ================*/
.form-single-field {
  margin: 0 auto $gutter-site;
  max-width: 35rem;

  .input--error {
    margin-bottom: 0;
  }
}

/*================ Form feedback messages ================*/
.note,
.form-message {
  padding: $input-padding-top-bottom-small;
  margin: 0 0 ($gutter-site / 2);

  @include media-query($medium-up) {
    padding: $input-padding-top-bottom;
  }
}

.note {
  border: 1px solid $color-border-form;
}

.form-message--success {
  border: 1px solid $color-success;
  background-color: $color-success-bg;
  color: $color-success;
  display: block;
  width: 100%;
}

.form-message--error {
  border: 1px solid $color-error;
  background-color: $color-error-bg;
  padding: 1rem 1.3rem;
  text-align: left;
  width: 100%;

  li {
    list-style-type: disc;
    list-style-position: inside;
  }

  .form-message__link {
    display: inline-block;
    text-decoration: underline;
    text-decoration-skip-ink: auto;
    color: $color-text;

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

/*================ Input Groups ================*/

.input-group {
  @include display-flexbox;
  @include flex-wrap(wrap);
  @include justify-content(center);

  .form-vertical & {
    margin-bottom: $gutter-site;
  }
}

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

.input-group--error {
  margin-bottom: ($section-spacing-small / 3);
}

.input-group__field,
.input-group__field input,
.input-group__btn .btn {
  min-height: $input-group-height-small;

  @include media-query($medium-up) {
    min-height: $input-group-height;
  }
}

.input-group__field {
  @include flex-basis(15rem);
  flex-grow: 9999;
  margin-bottom: 1rem;
  border-radius: $border-radius 0 0 $border-radius;
  text-align: left;

  input {
    width: 100%;
  }

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

.input-group__btn {
  flex-grow: 1;

  .btn {
    width: 100%;
    border-radius: 0 $border-radius $border-radius 0;
  }
}

/*================ #Site Nav and Dropdowns ================*/
.site-header__logo {
  img {
    display: block;
  }
}

.site-nav {
  display:flex;
  align-items:center;
  justify-content:center;
  position: relative;
  padding: 0;
  /*   text-align: center; */
  margin: 15px 0;
  text-align:center;

  a {
    padding: 3px 10px;
  }
}
.site-header__build{
  /* border-bottom: 1px solid #687986 !important; */
  /*   background:#fbfbfb; */
  font-weight:normal;
  /*   border-radius:15px; */
  /*   padding: 3px 10px; */
  margin-left:25px;
  margin-right:15px;
}
.site-nav li:last-child{
  /* 	background: */

}
.site-header__build a.build-menu{
  color:#fff;
  background-color: $color-btn-primary;
  border-radius:5px;
  padding:5px 10px;
  margin-right:20px;
}
.site-header__build a{
  /*   text-decoration:underline; */
  /* 	color:#fff !important; */
}
.site-header__build a span{
  line-height:23px;
}
.site-header__build a img{
  height:18px;width:auto;object-fit:contain;
}
@include media-query($small) {
  @include portrait{
    .site-header__build{
      margin-left:0;
      margin-right:0;
      margin-top:8px;
    }
    .site-header__build a span{
      display:none !important; 
      /*   margin-left:-3px; */

    }
    .site-header__build a img{
      height:21px;

    }
    .site-header__build a.build-menu{
      display:none;
    }
  }
}
.site-nav--centered {
  padding-bottom: $gutter-site-mobile;
}

/*================ Site Nav Links ================*/
.site-nav__link {
  display: block;
  white-space: nowrap;

  .site-nav--centered & {
    padding-top: 0;
  }

  .icon-chevron-down {
    width: calc(8em / 16);
    height: calc(8em / 16);
    margin-left: 0.5rem;
  }

  &.site-nav--active-dropdown {
    border: 1px solid $color-border;
    border-bottom: 1px solid transparent;
    z-index: 2;
  }

  &:focus,
  &:not([disabled]):hover {
    .site-nav__label {
      border-bottom-color: $color-text;
    }
  }
}

.site-nav__label {
  border-bottom: 1px solid transparent;

  .site-nav__link--active & {
    border-bottom-color: $color-text;
  }
}

.site-nav__link--button {
  border: none;
  background-color: transparent;
  padding: 3px 10px;

  @include media-query($medium-down) {
    font-size: $font-size-base;
  }

  &:focus,
  &:hover {
    color: $color-text-focus;
  }
}
.site-nav__link--button .site-nav__label{
  border-bottom-color: transparent;
}
/*================ Dropdowns ================*/
.site-nav--has-dropdown {
  position: relative;
}

.site-nav--has-centered-dropdown {
  position: static;
}

.site-nav__dropdown {
  display: none;
  position: absolute;
  padding: 11px 30px 11px 0;
  margin: 0;
  z-index: $z-index-dropdown;
  text-align: left;
  border: 1px solid $color-border;
  background: $color-bg;
  left: -1px;
  top: 41px;

  .site-nav__link {
    padding: 4px 15px 5px;
  }

  .site-nav--active-dropdown & {
    display: block;
  }

  li {
    display: block;
  }
}

.site-nav__dropdown--right:not(.site-nav__dropdown--centered) {
  right: 0;
  left: unset;
}

.site-nav__dropdown--left:not(.site-nav__dropdown--centered) {
  left: 0;
}

// Centered dropdown
.site-nav__dropdown--centered {
  width: 100%;
  padding: 0;
  text-align: center;
}

/*================ Child list ================*/
.site-nav__childlist {
  display: inline-block;
  background: $color-bg;
  padding: 11px 17px;
  text-align: left;
}

.site-nav__childlist-grid {
  @include display-flexbox();
  @include flex-wrap(wrap);
  width: auto;
  margin-bottom: -15px;
}

.site-nav__childlist-item {
  @include flex(0 1 auto);
  margin-bottom: 15px;
}

.site-nav__child-link--parent {
  font-weight: $font-weight-body--bold;
  margin: 4px 0;
}


.page-width {
  padding-left: $gutter-site;
  padding-right: $gutter-site;

  @include media-query($small) {
    padding-left: $gutter-site-mobile;
    padding-right: $gutter-site-mobile;
  }
}

.page-container {
  transition: $transition-drawer;
  position: relative;
  overflow: visible;
  @include portrait {
    overflow:hidden;
    // Prevent mobile menu inline styles from overriding desktop styles
    // sass-lint:disable no-important
    /*     @include transform(translate3d(0, 0, 0)); */
  }
  background-image: linear-gradient(-60deg, #fff 50%, #fefefe 50%);
  background-image: linear-gradient(-60deg, #fafafa 50%, #ffffff 50%);
  /*   background: linear-gradient(to bottom,  #1e5799 0%,#7db9e8 100%); */
  background-size:cover;
  background-attachment:fixed;
  @include media-query($medium-up) {
    // Prevent mobile menu inline styles from overriding desktop styles
    // sass-lint:disable no-important
    /*     @include transform(translate3d(0, 0, 0)); */
  }
}

hr {
  margin: $gutter-site 0;
  border: 0;
  border-bottom: 1px solid $color-border;
}

.hr--small {
  padding: 10px 0;
  margin: 0;
}

.hr--invisible {
  border-bottom: 0;
}

.border-bottom {
  border-bottom: 1px solid $color-border;
}

.border-top {
  border-top: 1px solid $color-border;
}

.empty-page-content {
  padding: 125px $gutter-site;

  @include media-query($small) {
    padding-left: $gutter-site-mobile;
    padding-right: $gutter-site-mobile;
  }
}

.grid--table {
  /*   display: table; */
  /*   table-layout: fixed; */
  width: 100%;

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

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

  .grid__item {
    padding-left: 0;
  }
}

.grid--half-gutters {
  margin-left: -($grid-gutter / 2);

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

.grid--double-gutters {
  margin-left: -($grid-gutter * 2);

  > .grid__item {
    padding-left: $grid-gutter * 2;
  }
}

.grid--flush-bottom {
  margin-bottom: -$section-spacing;
  overflow: auto;

  > .grid__item {
    margin-bottom: $section-spacing;
  }
}

/*============================================================================
Animation Classes and Keyframes
==============================================================================*/
.is-transitioning {
  // sass-lint:disable no-important
  display: block !important;
  visibility: visible !important;
}

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

@include keyframes(spin) {
  0% {
    @include transform(rotate(0deg));
  }

  100% {
    @include transform(rotate(360deg));
  }
}

.drawer {
  // sass-lint:disable no-misspelled-properties
  display: none;
  position: absolute;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  z-index: $z-index-drawer;
  background-color: $color-bg;
  transition: $transition-drawer;

  input[type="text"],
  textarea {
    background-color: $color-bg;
    color: $color-text;
  }
}

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

.drawer--top {
  width: 100%;

  .js-drawer-open-top & {
    @include transform(translateY(100%));
    display: block;
  }
}

.drawer-page-content::after {
  visibility: hidden;
  opacity: 0;
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: $color-drawer-background;
  z-index: $z-index-drawer - 1;
  transition: $transition-drawer;

  .js-drawer-open & {
    visibility: visible;
    opacity: 1;
  }
}

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

.drawer__close-button {
  background: none;
  border: 0 none;
  position: relative;
  right: -15px;
  height: 100%;
  width: 60px;
  padding: 0 20px;
  color: inherit;
  font-size: em(18);

  &:active,
  &:focus {
    background-color: darken($color-drawer-background, 5%);
  }
}

.grid--view-items {
  overflow: auto;
  margin-bottom: -$section-spacing-small;


}
#shopify-section-featured-collections .grid--view-items{
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  /*   grid-template-areas: 
  "first first"
  "first first"
  "first first"; */
  margin:0;
  padding:0;
  align-items:center;
  justify-items:center;
  @include media-query($small) {
    grid-template-columns: 50% 50%;
  }

}
#shopify-section-featured-collections li{
  width:100%;
  /*   	height:100%; */
  overflow:hidden;
  margin:0;
  padding:.3em;
}
#shopify-section-featured-collections li p{
  display:none;
}
#shopify-section-featured-collections li .product-card{
  margin:0 !important;
  padding:.5em !important;
  height:100%;
  background:none !important;
}
#shopify-section-featured-collections li:first-child .product-card{
  /* 	background:none !important; */
}
#shopify-section-featured-collections li:first-child p{
  /* 	display:block;
  width:80%;
  margin:0 auto;
  margin:1em auto; */
}
#shopify-section-featured-collections li p{
  display:none;
}
#shopify-section-featured-collections li .product-card .product-card__title{
  font-size:2em;
  line-height:1.5em;
}
#shopify-section-featured-collections li .product-card .product-card__title{
  font-size:1.1em;
  /*   	line-height:1.5em; */
}
#shopify-section-featured-collections li .product-card .price__sale{
  /* 	font-size:1.3em; */
}
#shopify-section-featured-collections li{
  /* 	grid-area: first; */
  justify-self: stretch;
}
.grid-view-item {
  margin: 0 auto $section-spacing-small;
  .custom__item & {
    margin-bottom: 0;
  }
}

.grid-view-item__title {
  margin-bottom: 0;
  color: $color-text;
  @if $font-bold-titles {
    font-weight: $font-weight-header--bold;
  }
}

.grid-view-item__meta {
  margin-top: 8px;
}

@include media-query($small) {
  .grid-view-item__title,
  .grid-view-item__meta {
    font-size: em($font-size-base - 1px);
  }
}


.grid-view-item__link {
  display: block;
}

.grid-view-item__vendor {
  margin-top: 4px;
  color: $color-body-text;
  font-size: em($font-size-base - 2px);
  text-transform: uppercase;
  @include media-query($small) {
    font-size: em($font-size-base - 3px);
  }
}

.grid-view-item__image-wrapper {
  margin: 0 auto $grid-gutter / 2;
  position: relative;
  width: 100%;
}

.grid-view-item__image {
  display: block;
  margin: 0 auto;
  width: 100%;
  /*   transform: scale(.9); */
  .grid-view-item__image-wrapper & {
    position: absolute;
    top: 0;
  }
  .grid-view-item--sold-out & {
    opacity: 0.5;
  }
  &.lazyload {
    opacity: 0;
  }
}

.list-view-item {
  margin-bottom: $gutter-site-mobile;

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

  @include media-query($medium-up) {
    border-bottom: 1px solid $color-border;
    padding-bottom: $gutter-site-mobile;

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

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

.list-view-item__image {
  max-height: 95px;
}

.list-view-item__image-column {
  display: table-cell;
  vertical-align: middle;
  width: 130px;

  @include media-query($small) {
    width: 85px;
  }
}

.list-view-item__image-wrapper {
  position: relative;
  margin-right: $section-spacing-small;

  @include media-query($small) {
    margin-right: $section-spacing-small / 2;
  }
}

.list-view-item__title-column {
  display: table-cell;
  vertical-align: middle;
}

.list-view-item__title {
  color: $color-text;
  font-size: em($font-size-base + 2px);
  min-width: 100px;

  @if $font-bold-titles {
    font-weight: $font-weight-header--bold;
  }

  @include media-query($small) {
    font-size: em($font-size-base - 1px);
  }
}

.list-view-item__sold-out {
  font-size: em($font-size-base - 1px);
}

.list-view-item__on-sale {
  color: $color-sale-text;
  font-size: em($font-size-base - 1px);

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

.list-view-item__vendor-column {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 20%;
}

.list-view-item__vendor {
  font-size: em($font-size-base - 1px);
  font-style: italic;

  @include media-query($small) {
    font-size: em($font-size-base - 2px);
  }
}

.list-view-item__price-column {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  width: 20%;
  font-size: em($font-size-base + 1px);

  @include media-query($small) {
    font-size: em($font-size-base - 1px);
  }

  .price__vendor,
  .price-item__label {
    display: none;
  }

  .price__regular,
  .price__sale {
    flex-basis: 100%;
  }
}

.list-view-item__price {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-view-item__price--reg {
  color: $color-sale-text;

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

.list-view-item__price--sale {
  @include media-query($small) {
    display: block;
  }
}

/*============================================================================
Slick slider overrides
==============================================================================*/
$slick-dot-size: 12px;
$slick-dot-size-small: 10px;

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

/*================ Slick dots and prev/next pagination ================*/
.slideshow__arrows .slick-dots {
  margin: 0 0.75rem;

  li {
    // sass-lint:disable SelectorDepth
    margin: 0;
    vertical-align: middle;
    width: $slick-dot-size-small;
    height: $slick-dot-size-small;
    margin-left: 6px;

    &:first-of-type {
      margin-left: 0;
    }

    @include media-query($medium-up) {
      width: $slick-dot-size;
      height: $slick-dot-size;
      margin-left: 8px;
    }

    button, a {
      position: relative;
      padding: 0;
      width: $slick-dot-size-small;
      height: $slick-dot-size-small;

      @include media-query($medium-up) {
        width: $slick-dot-size;
        height: $slick-dot-size;
      }
    }

    button::before,
    a::before {
      text-indent: -9999px;
      background-color: transparent;
      border-radius: 100%;
      background-color: currentColor;
      width: $slick-dot-size-small;
      height: $slick-dot-size-small;
      opacity: 0.4;
      transition: all 0.2s;

      @include media-query($medium-up) {
        width: $slick-dot-size;
        height: $slick-dot-size;
      }
    }

    &.slick-active button::before,
    &.slick-active a::before,
    &.slick-active-mobile button::before,
    &.slick-active-mobile a::before {
      opacity: 1;
    }

    button:active::before,
    & .slick-active a::before,
    & .slick-active-mobile a::before {
      opacity: 0.7;
    }
  }
}

/*================ Index sections ================*/
.index-section {
  padding-top: $section-spacing-small;
  padding-bottom: $section-spacing-small;

  @include media-query($medium-up) {
    padding-top: $section-spacing;
    padding-bottom: $section-spacing;
  }

  &:first-child {
    padding-top: 0;
    border-top: 0;
  }

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

.index-section--flush + .index-section--flush {
  margin-top: -($section-spacing-small * 2);
}

[class*="index-section--flush"] + [class*="index-section--flush"] {
  @include media-query($medium-up) {
    margin-top: -($section-spacing * 2);
  }
}

// Flush sections should be tight to the nav if they are the first on the page
.index-section--flush:first-child {
  margin-top: -$section-spacing-small;
}

[class*="index-section--flush"]:first-child {
  @include media-query($medium-up) {
    margin-top: -$section-spacing;
  }
}

// Flush sections should be tight to the footer if they are last on the page
.index-section--flush:last-child {
  margin-bottom: -$section-spacing-small;
}

[class*="index-section--flush"]:last-child {
  @include media-query($medium-up) {
    margin-bottom: -$section-spacing;
  }
}

// Visually align featured product section (if first on homepage on mobile)
.index-section--featured-product:first-child {
  @include media-query($small) {
    margin-top: -12px;
  }
}

// Override for slideshow on mobile
.index-section--slideshow + .index-section--flush {
  @include media-query($small) {
    margin-top: 0.4rem;
  }
}

$color-blankstate: rgba($color-body-text, 0.35);
$color-blankstate-border: rgba($color-body-text, 0.2);
$color-blankstate-background: rgba($color-body-text, 0.1);

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

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

  .icon {
    border: 0;
  }
}

// Custom styles for some blank state images
.image-bar__content .placeholder-svg {
  position: absolute;
  top: 0;
  left: 0;
}


/*================ TEMPLATES ================*/
/*============= Templates | Password =============*/

.password-page {
  display: table;
  height: 100%;
  width: 100%;
  color: $color-body-text;
  background-color: $color-body;
  background-size: cover;
}

.password-form-message {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.password-header {
  height: 85px;
  display: table-row;
}

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

.password-login {
  padding: 0 30px;
  text-align: right;
}

.password-logo {
  .logo {
    color: $color-navigation-text;
    font-weight: $font-weight-header--bold;
    max-width: 100%;
  }
}

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

.password-content--rte {
  margin-bottom: $section-spacing-small;
}

.password-content__title {
  display: block;
  margin-bottom: $gutter-site * 1.5;
}

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

.password-main__inner {
  display: table-cell;
  vertical-align: middle;
  padding: ($gutter-site / 2) $gutter-site;
}

.password-message {
  max-width: 500px;
  margin: ($gutter-site * 1.5) auto ($gutter-site / 2);
}

.password__form-heading {
  margin-bottom: $gutter-site;
}

.password-powered-by {
  margin-top: $gutter-site * 1.5;
}

.password-social-sharing {
  margin-top: $gutter-site * 1.5;
}


/*================ Add to cart form ================*/

.product-form {
  @include display-flexbox();
  @include flex-wrap(wrap);
  @include align-items(flex-end);
  width: auto;
  padding-top: .5rem;
}

.product-form--payment-button-no-variants {
  /*   max-width: 400px; */
}

.product-form__item {
  @include flex(1 1 200px);
  margin-bottom: 10px;
  padding: 0 5px;

  label {
    display: block;

    .product-form--hide-variant-labels & {
      // sass-lint:disable no-important
      position: absolute !important;
      overflow: hidden;
      clip: rect(0 0 0 0);
      height: 1px;
      width: 1px;
      margin: -1px;
      padding: 0;
      border: 0;
    }
  }
}

.product-form__item--submit {
  @include flex(1 1 300px);
}

.product-form__item--no-variants {
  /*   max-width: 400px; */
}

.product-form__item--payment-button {
  @include flex-basis(100%);

  .product-single--small-image &,
  .product-single--full-image & {
    @include media-query($large-up) {
      display: inline-flex;
      @include flex-direction(row);
      @include align-items(flex-start);
    }
  }
  &.product-form__item--no-variants {
    @include flex-direction(column);
    @include align-items(stretch);
  }
}

.product-form__variants {
  display: none;

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

.product-form__item--quantity {
  @include flex(0 0 100px);
}

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

.product-form__cart-submit {
  display: block;
  width: 100%;
  line-height: 1.4;
  padding-left: 5px;
  padding-right: 5px;
  white-space: normal;
  margin-top: 0;
  min-height: 44px;
  border-radius: 5px;
  @include portrait{
    min-height: 30px;
    width: 124px;
    height: 12px;
    font-size: 12px;
    line-height:1em;
  }
  .product-single--small-image &,
  .product-single--full-image & {
    @include flex(50%);
    margin-right: 10px;
  }

  .product-form__item--payment-button & {
    margin-top: 10px;
  }
}
.hide-minify{
  display:none !important;
}
.mob-cart-button-holder{
  position: absolute;
  top: -40px;
  left: 51%;
  transform: translateX(-50%);
  @include landscape{
    display:none;
  }
}
.mob-cart-button-holder .product-form__cart-submit{
  @include portrait{
    min-height: 30px;
    width: 250px;
    height: 12px;
    font-size: 12px;
    line-height:1em;
  }
}
#accessory-page .product-form__cart-submit{
  margin:0 auto !important;
}
#accessory-page .product-form input{
  margin-left:0 !important;
}
.shopify-payment-button {
  .product-single--small-image &,
  .product-single--full-image & {
    @include flex(50%);
  }

  .shopify-payment-button__button {
    margin-top: 10px;

    .product-single--small-image &,
    .product-single--full-image & {
      margin-top: 10px;
    }
    @include media-query($medium-up) {
      margin-top: 20px;
    }
  }
  .shopify-payment-button__button--unbranded {
    @extend .btn;
    @extend .product-form__cart-submit;
    margin-bottom: 10px;

    &:hover {
      background-color: $color-btn-primary-focus !important;
    }
  }
  .shopify-payment-button__button--branded {
    border-radius: $border-radius;
    overflow: hidden;
  }
  .shopify-payment-button__more-options {
    margin: 16px 0 10px;
    font-size: em($font-size-base - 2px);
    text-decoration: underline;

    &:hover,
    &:focus {
      opacity: $opacity-link-hover;
    }
  }
}

@include media-query($medium-up) {
  .product-form__cart-submit--small {
    max-width: 300px;
  }
}

.product-single__description {
  margin-top: $grid-gutter;
}

.product__quantity-error {
  .icon {
    margin-right: 1rem;
  }
}

/*================ Product Images ================*/

.product-single__thumbnail {
  display: block;
  margin: -2px 0 8px;
  min-height: 44px;
  position: relative;

  &:not([disabled]):not(.active-thumb):hover {
    opacity: 0.8;
  }
}

.product-single__thumbnail-image {
  max-width: 100%;
  display: block;
  border: 2px solid transparent;
  padding: 2px;

  .active-thumb & {
    border-color: $color-text;
  }
}

.product-featured-img {
  display: block;
  margin: 0 auto;
  /*   position: absolute; */
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  /*   max-width:300px; */
  /*   max-height:30vh; */

  .no-js & {
    position: relative;
  }
}

// sass-lint:disable class-name-format
.zoomImg {
  background-color: $color-body;
}

// sass-lint:enable class-name-format
@include media-query ($medium-up) {
  .product-single__thumbnails {
    margin-top: $grid-gutter;
    margin-top:5px !important;
  }
}

.product-single__photos--full {
  margin-bottom: $grid-gutter;
}

.product-single__photo-wrapper {
  margin: 0 auto;
  width: 100%;
  max-width:100% !important;
  max-height:100% !important;
  pointer-events:none;
}
.product-single__photo-wrapper img{
  margin: 0 auto;
  width: 100%;
  object-fit:contain;
  max-width:100% !important;
  max-height:100% !important;
}
#product-holder{
  display:flex;
  position:sticky;
  flex-direction:column;
  width:45%;
  top:85px;
  z-index:9;
  transition:.2s all ease-out;
  z-index:9;
  @include media-query($small){  
    @include landscape{
      width:30%;
    }
  }
  @include portrait{
    width:100%;
    top:65px;
    left:0px;
    padding-top:5px;
    flex-direction:column-reverse;
    position:relative;
    top:auto;
  }
  @include media-query($small-height){
    @include landscape{
      top:0px;
    }
  }
}
.threed-customizer-template #product-holder{
  width:60%;
  top:80px;
  @include portrait{
    width:100%;
  }
}
.threed-customizer-template .wc_product_review_badge{
  width:auto !important;
}
.minify-it-index{
  @include portrait{
    z-index:1 !important; 
  }
}
/* single product styling */
.product-single {
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  width: 95vw;
  width: 100%;
  margin: 0 auto;
  justify-content:space-between;
  overflow-anchor: auto;
  @include portrait{
    flex-direction:column; 
    width:auto;
  }
}

.product__price,
.featured-product__price {
  font-size: 1.25em;
}

.product__policies {
  margin: 0.4rem 0 1rem 0;
  font-size: em($font-size-base - 1);
}
#shopify-section-product-template .product-single__photos {
  position: relative;   
  background:#fff;
  z-index:999;
  width:100%;
  max-width:100%;
  padding-left:0px;
  @include portrait{
    position:fixed;
    top:65px;
    left:0;
    /*     min-height:350px; */
    width:100vw !important;
  }
  /*   @include media-query($medium){
  @include portrait{
  position:fixed;
  top:60px;
  left:0;
  width:100vw !important;
  padding:10px 10vw;
  top:47px;
}
}
  @include media-query($large){
  @include portrait{
  padding:10vw;
}
}
  @include landscape{
  max-width:95%;
} */
}
#shopify-section-product-template .product-single__photos .product-single__title{
  text-align:center !important;
  line-height:1.5em;
  margin-top:15px;
  font-size:1.7em;
  display:block;
  border-bottom:1px solid #eee;
  @include portrait{
    width:100%;
    padding-left:5px; 
    text-align:center;
    font-size:1.5em;
  }
}
.product-info-holder .product-single__title{
  font-size:1.3em;
  margin-bottom:5px;
  text-align:center;
  @include portrait{
    width:100%;
    padding-left:5px; 
    text-align:center;
    font-size:1.3em;
    margin:0;
  }
  @include media-query($medium){
    @include landscape{
      font-size:1em;
      margin:0;
    }
  }
}
.product-info-holder .price dd{
  margin:0;

}
/* .submit-area .price__sale dd{
margin-left:7px;
} */
.submit-area .price dd{
  margin:0;
}
.product-info-holder .price__vendor{
  display:none;
  @include media-query($small-height){
    display:none;
  }
}
.product-info-holder .price__regular{
  margin:0;

  text-align: center;

}
.product-info-holder .product__price{
  text-align:center;
  @include portrait{
    text-align:right;
    padding-left:10px;
    border-left:1px solid #f0f0f0;
  }

}
#product-holder a.btn{
  display:none;
  position: absolute;
  transform: scale(.5);
  bottom: 40%;
  right: 20px;
  background:none !important;
}
#product-holder .minify-it a.btn{

  @include portrait{
    display:inline-block;
  }
}
/* .minify-it{
  @include portrait{
    height:12vh !important;
  }
} */
.minify-it li iframe{
  @include portrait{
    width:140px !important; 
  }
}
/* .minify-it{

@include portrait{
transform:scaley(.25);
transform-origin:top;
transition:.2s all ease-out;
transition-origin:top;
}

}
.minify-it .lSSlideOuter{
@include portrait{
transform:scalex(.25);
transform-origin:left;
}

} */
.minify-it-new .fixed-iframe{

  @include portrait{
    height:38vh !important;
  }

}

.show-expand{
  display:none;
  position:absolute;
  bottom:0;
  height: 55px;
  width: 68vw;
  background: #fff;
  z-index: 9999999999;
  bottom: 0;
  position: fixed;
  left: 0;
  @include portrait{
    position:absolute;
    bottom:0;
    height:50px;
    width:100vw;
  }
  @include media-query($medium){
    @include portrait{
      /*        top:470px; */
    }
  }
  @include media-query($large){
    @include portrait{
      /*        top:570px; */
    }
  }
}
.minify-it-new .show-expand{
  display:block
}
.iframe-container a.btn{
  display: block !important;
  position: absolute !important;
  transform: scale(.5) !important;
  bottom: 0 !important;
  right: 20px !important;
  background: none !important !important;
}
.iframe-container .show-expand{
  background:none !important;
}
/* .minify-it-new .lSSlideOuter{
@include portrait{
transform:scalex(.35);
transform-origin:left;
}

} */
.mobile-only{
  display:none;
  @include media-query($small){
    @include portrait{
      /*     	max-height:40vh !important; */
      display:flex;
    }
  }
}
#shopify-section-product-template .product-single__photos .price__vendor{
  font-size:.7em;
  text-align:center;
  margin:0 auto;
  @include portrait{
    display:none;
  }
}
#shopify-section-product-template .price{
  @include portrait{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:left;
  }
}
#shopify-section-product-template .product-info-holder .price{
  @include portrait{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center !important;
  }
  @include landscape{
    display:none;
  }
}

.price__regular{
  @include portrait{
    /*   	display:none; */
  }
}
.customizer-template .submit-area .price__regular{
  @include portrait{
  }
  display:block !important;
  margin:0;
  text-align:left;
}
@media (max-width: 768px) {
  .customizer-template .submit-area .price__regular {
    display: block !important;
    margin: 0;
    text-align: left;
  }
}

.price__regular, .price__sale{
  margin:0 auto;
  text-align:center;
}
#shopify-section-product-template .product-options-holder {
  position: relative;
  width: 55%;
  padding:15px;
  @include media-query($small){
    @include portrait{
      left:0;
      width:100%;
    }
  }
  @include portrait{
    left:0;
    width:100%;
  }
  @include media-query($medium){
    @include landscape{
      width:55%;
    }
  }
}
/* .customizer-template .product-options-holder{
@include landscape{
width:45% !important;
}
}
.threed-cusomtizer-template .product-options-holder{
@include landscape{
width:38% !important;
}
} */

.openBtn{
  margin-top: 1rem;
}

.product-single__meta{
  background:#f9f9f9;
  padding:1em;
  border-radius:15px;
  margin:10px 0;
  display:flex;
  flex-direction:row;
  
  @include portrait{
    position:relative;
    margin-top:40vh !important;
    display: flex;
    flex-direction: column-reverse;
  }
  
  @include media-query($medium){
    @include portrait{
      position:relative;
      margin-top: 40vh !important;
      display: flex;
      flex-direction: column-reverse;
    }
  }
  /*   @include media-query($medium){
  @include portrait{
  margin-top:600px !important;
}
} */
  @include media-query($medium){
    @include landscape{
      flex-direction:row;
    }
  }
  @include media-query($small){
    @include landscape{
      flex-direction:column;
    }
  }
  @include media-query($small-height){
    @include landscape{
      flex-direction:column;
    }
  }
}
#accessory-page .product-single__meta{
  flex-direction:column !important;
  margin-top:auto !important;
}
.customizer-template .product-single__meta{
  /*   flex-direction:column !important; */
  @include portrait{
    flex-direction:column !important;
    /*     z-index:0; */
    /*     margin-top:400px !important; */
  }
}
.threed-customizer-template .product-single__meta{
  @include portrait{
    flex-direction:column !important;
    z-index:0;
    margin-top:45vh !important;
  }
}
div.cart-button-holder .product-form__item--quantity input{
  /* 	width: 80%; */
  /* 	margin: 5% 0; */
  padding:10px;
  @include portrait{
    height:30px;
    display:none;
  }
}
.product-form__item--quantity{
  display:flex !important;
  flex-direction:row !important;
  height:100%;
  /*   max-width:150px; */
  padding:0;
  margin:0;
  width:50px;
  @include portrait{
    width:100px;
    display:none !important;
  }
}
.customizer-template div.cart-button-holder .product-form__item--quantity{
  @include landscape{
    max-width:150px;
  }
}
.product-single__meta div.form-left-row{
  @include landscape{
    width:65%;
  }
  @include media-query($small-height){
    @include landscape{
      width:100%;
    }
  }
}
.customizer-template .product-single__meta div.form-left-row{
  /* 	width:50% !important; */
}
.shipping-info{
  @include portrait{
    width:100%;
  }
}
div.shipping-info p{
  text-align:left;
  margin:0;
  @include landscape{
    font-size:1em;
  }
  @include portrait{
    font-size:13px;
  }
}
div.cart-button-holder{
  @include landscape{
    width: 100%;
    /* margin: 10px auto; */
    display:flex;
    flex-direction:Row;
    /*     flex-wrap:wrap; */
  }
  @include portrait{
    display:flex;
    flex-wrap:nowrap;
    flex-direction:row;
    align-items:flex-end;
    justify-content:space-around;
    /*     width:40%; */
  }
  @include media-query($small){
    @include portrait{
      flex-direction:column;
    }
  } 
}

div.cart-button-holder .product-form__item--submit{
  @include portrait{
    /*   	width:65% !important; */
    max-height:35px;
  }
}
.customizer-template .cart-button-holder{
  @include portrait{
    align-items:start;
  }
}

/*Dare START=====================*/

 @media only screen and (min-width: 1213px) {
   
.product-single__meta div.submit-sticky-area{
  align-items: center !important;
  background: white;
  padding: 1rem;  
  border-radius: 0px !important;
  display: block !important;
}
   
   .price__regular{
     margin: 0 !important;
   }

   .twoColumn .leftSide{
     width: 100% !important;
   }
   
   .product-single__meta div.submit-area{
     margin: 0px !important;
   }

   .product-form__item{
     /* margin: 15px 0 0 !important; */
   }

   .cartQuantityButton{
     display: flex;
     flex-direction: row;
     align-items: center;
     width: 100%;             
   }

   div.cart-button-holder{
       width: auto !important;
     }

   .threed-customizer-template{
     
     .product-single__meta div.submit-area{
     padding: 1rem;
   }
     .submit-area .price__regular{
        font-size: 20px;
        padding-bottom: 0.4rem;
        display: flex !important;
        justify-content: flex-end !important;
     }

     div.cart-button-holder{
       width: 40% !important;
     }

     .submit-sticky-area .desktop-delivery-time{
       margin: 10px 0 0 0 !important;
     }
   } 
 }

   @media only screen and (max-width: 500px) {     
     .product-info-holder{
       top: calc(30vh + 100px) !important;
     }

     .product-single__meta{
       margin-top: 40vh!important;
     }

     .twoColumn .leftSide {
      padding-top: 10px!important;
      width: 50%;
    }
   }
   
   @media only screen and (max-width: 375px) {    

     .product-info-holder{
       top: calc(30vh + 100px) !important;
     }

     .product-single__meta{
       margin-top: 30vh!important;
     }
   }

   .twoColumn {
    display: flex;
    flex-direction: column-reverse;
    padding: 1rem;
    background: white;
     margin-left: 15px;

     .leftSide{
       padding-top: 10px !important;
       width: 40%;
     }
}

.product-single__meta div.submit-sticky-area{
  padding: 0 !important;
}
/* Tobias START */
@media only screen and (max-width: 1000px) and (orientation: landscape) {
     .twoColumn{
       display: flex;
       flex-direction: column-reverse!important;
       margin-top:10px;
     }
    .cartQuantityButton{
          display: flex;
          margin: 10px auto;
    }
    .leftSide {
      padding-top: 10px!important;
      width: 100% !important;
    }
    .cart-button-holder{
      flex: 0 0 100px !important;
      margin: 0px auto;
      margin-bottom: 16px
    }
    .product-form__item--submit{
      flex: 1 1 300px !important;
    }
  .product-form__item--quantity{
     width: 88%;
   }
   .twoColumn {
     flex-direction: column-reverse;
     align-items: none;
   }
  .product-single__meta div.submit-sticky-area{
    align-items:center !important;
  }
  .shipping-info{
    align-items: center;
  }
}

@media only screen and (max-width: 1024px) and (orientation: portrait) {
  .shipping-info span{
    text-align: right !important;
    width: 200px !important;
  }
  .arrives-by span{
    text-align: right !important;
    display: block;
    width: 200px !important;
  }
  .shipping-info{
    align-items: end !important;
  }
  .twoColumn{
    padding: 0!important;
  }
  .ready-to-ship{
    text-align: end;
  }
}

@media only screen and (min-width: 1000px) and (orientation: landscape) {
     .twoColumn{
       display: flex;
       flex-direction: column-reverse!important;
       justify-content: space-between;
       align-items: center;
       gap: 10px;
       /* padding: 0 !important; */
       margin: 0 !important;
     }
  .leftSide {
    padding-top: 10px!important;
    width: 100%!important;
  }
  @media only screen and (max-width: 1366px){
    .product-form__item--quantity{
      width: 88%;
    }
  }
  .cart-button-holder{
    /* flex: 0 0 100px; */
    margin: 0 auto 16px;
  }
  .cartQuantityButton{
    display: flex;
  }
  .product-single__meta div.submit-sticky-area{
    align-items: center !important;
  }
}

@media only screen and (min-width: 1025px) {
     .twoColumn{
       display: flex;
       flex-direction: column-reverse !important;
       justify-content: space-between;
       align-items: center;
       gap: 10px;
       /* padding: 0 !important; */
       margin: 0 !important;
     }
}

   @media only screen and (max-width: 1200px) {

     .shipping-info {
    width: auto !important;
       /* align-items: flex-end; */
    }

     .submit-area .product-single__title-mob{
       text-align: left;
       margin-bottom: 1rem !important;
       max-width: 100% !important;   
       font-size: 0.8rem !important;
     }

     .rightSide{
       width: 100%;
     }
     
   .threed-customizer-template div.cart-button-holder{
       width: auto !important;
     }

     .product-bar{
       display: block !important;
     }

     .twoColumn{
       display: flex;
       flex-direction: row;
       justify-content: space-between;
       align-items: center;
       /* gap: 10px; */
       /* padding: 0 !important; */
       margin: 0 !important;
     }

     .cartQuantityButton{
       padding-top: 10px;
     }     

     .product-bar{
       justify-content: flex-end !important;
     }

     #shopify-section-product-template .price{
       justify-content: flex-end !important;
       flex-direction: column;
       align-items: flex-end;
     }

     .submit-area{
       background: white;
       display: block !important;
     }

     .price__regular{
       /* margin: 0 !important; */
       font-size: 1rem !important;
     }

     .submit-area .price__sale{
       font-size: 1.1rem !important;
       font-weight: 600 !important;
     }

     .price-item__label, .price-item{
       font-weight: inherit !important;
     }

     .submit-area p.ready-to-ship{       
    position: relative!important;
    transform: none!important;    
    color: #009347;
       padding: 0;
       /* padding: 0.5rem 1rem; */
    font-weight: 800;
    border-radius: 6px;
       text-align: left;
    /* background: linear-gradient(#009347, #009347); */
    background: white;
       right: 0 !important;
       top: 0;
     }   

    .price-item{
      font-size: 1.1rem;
    }

     div.shipping-info p, div.shipping-info span{
       text-align: left;
       /* text-transform: uppercase; */
       margin-bottom: 0rem;
       font-size: 11px !important;
     }

     .shipping-info strong, .shipping-info a{
       text-transform: uppercase !important;           
    letter-spacing: 1px;
    font-weight: 500;
    /* text-decoration: underline;
    text-underline-offset: 10px; */
     }

     .product-form__cart-submit{
       background: #296390 !important;
       font-weight: 500 !important;
       font-size: 13px !important;
       border-radius: 5px;
     }

     .product-form__item--submit{
       /* flex: none !important; */
       margin: 0rem 0 1rem 0 !important;
       padding: 0 !important;
     }

     .product-form__cart-submit, .shopify-payment-button .shopify-payment-button__button--unbranded{
       width: 100% !important;
       max-width: 100% !important;
       max-height: 100% !important;
       height: 100% !important;
       padding: 0.5rem 1rem;
     }
   }

   @media screen and (max-width: 1024px) {
    .product-single__meta div.submit-area{
       flex-direction: column !important;
       max-width: 100% !important;
      padding: 0rem 1rem 0.5rem 1rem !important;
       width: 100%;
       /* top: 20vh !important; */
       background: white;
      @include portrait{
         box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
      }
      /* z-index: 1 !important; */
     }
    .movedown{
       top: 20vh !important;
    }

     #shopify-section-product-template .page-width, .product-template__container{
       padding-right: 0 !important;
       padding-left: 0 !important;
     }

     .submit-area p.ready-to-ship{
       margin-bottom: 0 !important;
     }
     
     .product-single__meta div.submit-sticky-area{
       /* align-items: flex-end !important; */
     }

     #shopify-section-product-template .price{
       /* flex-direction: row !important; */
       align-items: flex-end;
     }

     @media (orientation: portrait){
/* .lightSlider img {
    height: 12vh!important;
} */
     }
     
     .minify-it #lightSlider-s {
      height: 22vh!important;
    }
     .minify-it #lightSlider-s img{
           height: 10vh!important;
       object-position: center !important;
     }

     .submit-area .product-single__title-mob{
       margin: 0rem 0rem 0.4rem 0rem !important;
       text-align: left !important;
     }


     div.shipping-info p, div.shipping-info span{       
       font-weight: 700;
     }    

     .product-form__cart-submit, .shopify-payment-button .shopify-payment-button__button--unbranded{       
       max-width: 100% !important;              
     }

     .leftSide {
       text-align: center;
       
       .product-single__title-mob h2{
         width: 100% !important;
       }
     }
   }

   /*Dare END=====================*/
   
.product-single__meta div.submit-sticky-area{
  display:flex;
  flex-direction:column;
  justify-content: space-between;  
  border-radius: 0 0px 15px 15px;
  align-items: flex-end;
  
  /*   @include media-query($medium){ */
  @include portrait{
    flex-direction:column;
    /*       width:100vw;
    padding:0 10vw; */
    
    /* padding: 55px 10px 10px 10px;
    margin: 0px; */
    /* min-height: 40px;
    max-height: 90px; */
  }
  /*   } */
  @include media-query($medium){
    @include landscape{
      margin:0;
    }
  }
  /*   @include portrait{
  position:fixed;
  z-index:999;
  top:135px;
  left:0;
} */
}
.submit-sticky-area p{
  margin:0;
  margin-bottom:5px;
}
.submit-sticky-area .desktop-delivery-time{
  margin-top: 3px;
  font-size: 12px;
  flex-grow: 2;
  grid-column-start: 2;
  grid-column-end: six;
  grid-row-start: row2-start;
  grid-row-end: 2;
  text-align: right;
  margin-right: 16px;
  @include portrait{
    margin-right: 30px;
  }
}
.threed-customizer-template-two .submit-sticky-area .desktop-delivery-time{
  @include portrait{
    display:none;
  }
}



/* .customizer-template .product-single__meta div.submit-sticky-area{
@include landscape{
position:relative !important;
top:auto !important;
left:auto !important;
} 
} */
.customizer-template div.cart-button-holder{
  @include portrait{
    /*     flex-direction:column !important; */
  }
}
/* .customizer-template div.cart-button-holder{
@include portrait{
flex-direction:column !important;
}
} */
.customizer-template div.cart-button-holder .product-form__item--submit{
  @include portrait{
    /*   	width:100% !important; */
  }
}
.product-single__meta div.submit-area{
  
  @include portrait{
    display: flex;
    flex-direction: row;
    /* align-items: center; */
    justify-content: space-between;
    position:fixed;
    z-index:999;
    /* background: white; */
    padding: 1rem;
    /* box-shadow: 1px 14px 10px 1px #0000000d; */
    border-radius: 0 0 15px 15px;
    /* left:0; */
    right: 0;
    top: calc(0vh + 90px);
    max-width: 48%;
    /* width:100%; */
  }
  
  /* @include media-query($medium){
    @include portrait{
      top: calc(8vh + 90px);
    }
  } */
  @include landscape{
    margin-top:35px;
    width:35%;
  }
  @include media-query($medium){
    @include landscape{
      width:100%;
      position:sticky;
      top:66px;
      margin:0;
    }
  }
  @include media-query($small-height){
    @include landscape{
      width:100%;
      /* position:relative; */
      top:auto;
      margin:0;
    }
  }
}
.product-options-holder-3d .product-single__meta div.submit-area{
  @include portrait{
    position:fixed;
    z-index:999;
    left:0;
    top: calc(15vh + 90px);
    width:100%;
  }
  @include media-query($medium){
    @include portrait{
      top: calc(8vh + 90px);
    }
  }
  @include landscape{
    margin-top:35px;
    width:100%;
  }
  @include media-query($medium){
    @include landscape{
      width:100%;
      position:sticky;
      top:66px;
      margin:0;
    }
  }
  @include media-query($small-height){
    @include landscape{
      width:100%;
      position:relative;
      top:auto;
      margin:0;
    }
  }
}
.product-options-holder-3d  .jobo_zipcode_wrap{
  display:none !important;
}
.submit-area .product-single__title-mob{
  
  @include landscape{
    display:none;
  }
  @include portrait{
    font-size: 1rem;
    letter-spacing: 0;
    font-weight: 500;
    /* text-align: right; */
    margin: 0;
    /* position: absolute; */
    /*     transform: translateY(-460%); */
    right: 15px;
    /*     width: 60%; */
    max-width: 80%;
    /* transform:translateY(-435%); */
    min-height:30px;

  }
 
  @media screen and (max-width: 600px) {
    /* Styles for screens with a maximum width of 720px */
    margin-top: 2px; /* Adjust the font size for smaller screens */

    /* Add any other styles you need for smaller screens */
  }
  /*   @include media-query($small){
  @include portrait{
}
} */
}
.product-options-holder-3d .submit-area .product-single__title-mob{
  @include portrait{
    text-align: left;
    margin: 0;
    top:auto;
    right:auto;
    position: relative;
    transform:translateY(0);
    min-height:auto;
  }

}
.submit-area p.ready-to-ship{

  @include portrait{
    top: 0;
    right: 15px;
    /* font-size:15px; */
    position: absolute;
    transform: translateY(-255%);
  }
}
.submit-area .product__price{
  font-size: 1.25em;
  /*     top: 0; */
  right: 15px;
  @include portrait{
    /* position: absolute; */
    /* transform: translateY(-90%); */
  }
}
.product-options-holder-3d  .submit-area .product__price{
  @include portrait{
    position: relative;
    top:auto;
    right:auto;
    transform: translateY(0);
  }
}
.product-bar{
  display:flex;
  justify-content:space-between;
  align-items:start;
  @include landscape{
    flex-direction:column;
  }
  @include portrait{
    flex-direction:row;
  }
}
.submit-area .price__sale{
  @include landscape{
    margin:5px auto;
    font-size:1.1em;
  }
  @include portrait{
    font-size:.8em;
    margin-left:7px;
  }
}
/* .customizer-template .product-single__meta div.submit-area{
@include landscape{
position:relative;
top:auto;
left:auto;
margin-top:10px;
width:100% !important;
}
} */
#swipe-indicator{
  position: fixed;
  width: 100%;
  bottom: 0;
  background: #fff;
  z-index: 999;
  padding: 20px;
  display: flex;
  justify-content: flex-start;
  align-items:Center;
  @include landscape{
    display:none;
  }
}
#swipe-indicator svg{
  fill:#333;
  position:relative;
  animation:horizontal 5s infinite;
  animation-timing-function:ease-in-out;
}
@keyframes horizontal {
  0% {
    top:-10px;
  }
  50% {
    top:10px;
  }
  100% {
    top:-10px;
  }
}
#swipe-indicator p{
  color: #333;
  margin-left: 15px;
}
.salesRequest{
  @include portrait{
    display:none !important;
  }
}
/* .threed-customizer-template div.submit-sticky-area{

} */
@media (min-width: 800px) { 
  .threed-customizer-template .product-single__meta div.submit-area {
    padding: 60px 40px 10px 20px !important;
  }
}

@media (max-width: 800px) {  
  .threed-customizer-template .product-single__meta div.submit-area,  {
    padding: 10px 20px 20px 20px !important;
  }
}

@media (max-width: 800px) {  
  .message-phone {
    display: none;
  }
}

@media (max-width: 800px) {
  .est-time {
  font-size: 12px;
 }
}

.threed-customizer-template .product-single__meta div.submit-area{
  
  @include portrait {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
    
  }
  
  z-index: 8;
  width: 40%;
  position: fixed;
  top: 75px;
  margin-top: 40px;
  right: 0;
  background:#fff;
  
  
  @include portrait {
    position: fixed;
    top: 38vh !important;
    left: 0;
    left: auto;
    left: 0;
    margin-top: 0;
    width: 100%!important;   
    z-index: 30 !important;
    border-radius: 0 !important;
  }
}
.threed-customizer-template .shipping-info {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  @include portrait{
    display:none !important;
    visiblity:hidden;
  }
}
.threed-customizer-template .mob-price-bd{
  padding: 10px 14px;
  position: fixed;
  right: 40%;
  bottom: 0%;
  z-index: 99 !important;
  background: #ffffffbd;
  margin: 10px;
  border-radius: 5px;
  width: 250px; 
  
  /*   @include media-query($medium){
  @include landscape{
  display:block;
}
}
  @include media-query($small){
  @include landscape{
  display:block;
}
} */
  @include portrait{
    display:block;
    
  }
  /*     margin-right: 20px; */
}

@media (max-width: 500px){
  .threed-customizer-template .mob-price-bd{
  padding: 8px 5px;
  position: fixed;
  right: 0%;
  bottom: 52.5vh;
  z-index: 99 !important;
  background: #ffffffbd;
  margin: 10px;
  border-radius: 5px;
  width: 250px; }
}
.threed-customizer-template .mob-price-bd input{
  width:70%;
  margin-left:auto;
}
.threed-customizer-template .submit-sticky-area .cart-tab-arrow {
  border: solid #000;
  margin-right: 10px;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 8px;
  transform: rotate(
    -45deg) scale(.7);
  transition: .2s all ease-out;
  position: relative;
  right: auto;
  margin-left:10px;
  display:none;
  @include portrait{
    display:block;
  }
}
.expand-price-details .cart-tab-arrow {
  transform:rotate(45deg) scale(.7) !important;
}
.mob-price-bd .product-price-holder{
  font-size:18px;
}
.mob-price-bd button{
  line-height: 1em;
  margin-right: 10px;
  margin-left:auto;
}
.threed-customizer-template .submit-sticky-area {
  display:grid !important;
  /* grid-template-columns:1fr auto auto; */
  grid-template-columns:1fr 1fr 1fr;
  /* grid-column-gap:15px; */
  align-items:center;
  justify-content:center;
  padding:15px !important;
  margin:0;
  z-index:99;
  position:relative !important;
  top:auto !important;
  @include portrait{
    display:flex;
  }
}
.expand-price-details .mob-price-bd {
  margin-top:0;
}
.expand-price-details .price,.expand-price-details .cart-button-holder{
  /*   display:none !important; */
}
.expand-price-details .submit-sticky-area{
  grid-template-columns:1fr auto 1fr;
}
.submit-sticky-area .price__vendor{
  display:none;
}
.threed-customizer-template div.cart-button-holder .product-form__item--quantity{
  display:none !important;
}
.threed-customizer-template div.cart-button-holder button[data-hasqtip]{
  margin-top:40px;
  @include portrait{
    margin-top:0 !important;
  }
}
.threed-customizer-template div.cart-button-holder button[data-hasqtip] span{
  padding-top:20px;
  @include portrait{
    padding-top:0 !important;
  }
}
.threed-customizer-template .submit-sticky-area h1{
  /* line-height: 1em; */
  display: none;
  display: block;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: unset;
  margin:0;
  padding:0;
  @include portrait{
    font-size: 18px;
    height: 80% !important;
    line-height: 1;
  }
  @include media-query($small){
    @include portrait{
      font-size: 18px;
    }
  }
}
.threed-customizer-template .product-bar{
  display:none;
}
.threed-customizer-template .submit-area .product__price{
  /* margin-left:auto; */
  margin: auto !important;
  display:flex;
  align-items:center;
}

.threed-customizer-template div.cart-button-holder {
  margin: 0;
  margin-left: auto;
  min-width: 140px;  
  display: flex;
  flex-direction: row;
  align-items: center;
}


@media (max-width: 768px) {
  .threed-customizer-template div.cart-button-holder {
    max-width: 140px; 
  }
}


.expand-price-details div.cart-button-holder .cart-tab-arrow{
  display:inline-block !important;
}
.threed-customizer-template .cart-button-holder .product-form__item--submit{
  flex:auto;
}
.threed-customizer-template .wc_review_main_content{
  display:none !important;
}
.threed-customizer #shopify-section-product-template{
  position:reltive;
  z-index:2;
}
.threed-customizer div.cart-button-holder .product-form__item--submit{
  margin:0 !important;
  padding:0 !important;
}
/* background: #ccc;
.product-single__meta div.submit-sticky-area .price__vendor{
display:none !important;
}
// Prevent reflow when image loads
/* .product-single__photo {
margin: 0 auto;
min-height: 1px;
width: 100%;
height: 100%;
position: relative;
padding-bottom: 4px;
margin-left:-4px;
} */
/* .max-width-eighty{
@include landscape{
width:85%;
}
} */
.product-price-details{

  width:100% !important;


}

@media only screen and (min-width: 750px) and (max-width: 1299px) and (orientation: portrait){
  .product-info-holder{
    top: calc(37vh + 110px) !important;
  }

  .product-single__meta{
    margin-top: 47vh!important;
  }
}

.product-info-holder{
  width:100%;
  height:auto;
  display:flex;
  text-align:center;
  background:#fff;
  justify-content:space-around;
  flex-direction:column;

  @include media-query($small){
    /*     	max-height:40vh !important; */
    width:100%;
    min-height:82px;
    /*       height:50px; */
    background:none;
    flex-direction:row;
    background: #f9f9f9;
    flex-direction: column;
    top: calc(30vh + 100px);
    position: relative;
  }
  @include portrait{
    /*     	max-height:40vh !important; */
    width:100%;
    /*       height:50px; */
    background:none;
    flex-direction:row;
    flex-direction: column;
    /* top: calc(31vh + 100px); */
    position: relative;
  }
  @include media-query($medium){
    @include portrait{
      top: calc(30vh + 100px);
    }
  }
}
.threed-customizer-template .product-info-holder{
  display:none;
  /* 	position:absolute; */
  flex-direction:row;
  padding:0 15px;
  @include portrait{
    display:block;
    flex-direction:column;
    /*     top:415px; */
  }
}
.prod_description{
  /* 	width:90vw; */
  margin:0 auto;
  padding-bottom:40px;
  /*   	margin-left:-45vw; */
  /*   	margin-top:150px; */
}

@include media-query($large) {
  @include landscape{
    .medium-up--one-quarter{
      width:20%;
    }
    .grid--uniform .medium-up--one-quarter:nth-child(4n+1){
      clear:none;
    }
  }
}
.hide-widescreen{
  @include landscape{
    display:none;
  }
}
.hide-portrait{
  @include portrait{
    display:none;
  }
}
/*================ Template | Collections ================*/

// Collection Hero
//----------------------------------------
.collection-hero {
  position: relative;
  overflow: hidden;
  margin-top: -$gutter-site;
  margin-bottom: $gutter-site-mobile;

  @include media-query($medium-up) {
    margin-bottom: $section-spacing-small;
  }
}

.collection-description {
  margin-bottom: $gutter-site-mobile;
  margin-top: $gutter-site-mobile;

  @include media-query($medium-up) {
    margin-bottom: $section-spacing-small;
    margin-top: $section-spacing-small;
  }
}

.collection-hero__image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px;
  opacity: 1;

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

.collection-hero__title-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: $color-image-overlay;
  opacity: $opacity-image-overlay;
}

.collection-hero__title {
  position: absolute;
  color: $color-overlay-title-text;
  width: 100%;
  text-align: center;
  left: 0;
  right: 0;
  top: 50%;
  @include transform(translateY(-50%));

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

.template-blog .social-sharing {
  margin-bottom: $section-spacing-small / 2;
}

.blog-list-view .pagination {
  padding-top: 0;
}

.blog-filter {
  @include display-flexbox();
  @include align-items(center);
  @include justify-content(center);

  .icon-chevron-down {
    fill: $color-text-field-text;
    width: calc(10em / 16);
    height: calc(10em / 16);
    right: 1rem;
  }
}

.blog-filter__label {
  margin: 0 1rem 0 0;
}

/*================ Cart page ================*/
.cart {
  th,
  td {
    border: 0;
  }

  td {
    padding: $gutter-site-mobile 0;
  }

  th {
    font-weight: $font-weight-body;
    padding: ($gutter-site / 2) 0;
  }

  .cart__meta {
    padding-right: 15px;
  }
}

.cart__meta-text {
  padding: 5px 0;
  font-size: em($font-size-base - 2);
  font-style: italic;
}

.cart__qty-label {
  @include visually-hidden();
}

.cart__qty-input {
  text-align: center;
  width: 60px;
  padding-left: 5px;
  padding-right: 5px;

  @include media-query($small) {
    padding-top: 2px;
    padding-bottom: 2px;
  }
}

.cart__edit {
  margin-top: 10px;
}

.cart__edit-text--cancel {
  .cart__edit--active & {
    display: none;
  }
}

.cart__edit-text--edit {
  display: none;

  .cart__edit--active & {
    display: block;
  }
}

.cart__edit-text--cancel,
.cart__edit-text--edit {
  pointer-events: none;
}

.cart__row {
  p {
    margin-bottom: 0;

    + p {
      margin-top: 10px;
    }
  }

  &.cart__update--show {
    border-bottom: 0;
  }
}

.cart__subtotal-title {
  font-size: em($font-size-base + 2px);
}

.cart__subtotal {
  padding-left: $gutter-site / 2;

  @include media-query($medium-up) {
    padding-left: $gutter-site;
    min-width: 150px;
    display: inline-block;
  }
}

.cart__savings {
  padding-top: 18px;
}

.cart__savings-amount {
  padding-left: $gutter-site / 2;

  @include media-query($medium-up) {
    padding-left: $gutter-site;
    min-width: 150px;
    display: inline-block;
  }
}

.cart__footer {
  padding-top: $section-spacing-small / 2;
}

.cart__submit-controls {
  @include display-flexbox();
  @include flex-wrap(wrap);
  @include align-items(flex-start);
  @include justify-content(flex-end);

  & > .cart__submit-control {
    margin-left: 10px;
    margin-bottom: 10px;
  }

  @include media-query ($small) {
    @include justify-content(center);

    & .cart__submit {
      margin-left: 0;
      margin-bottom: 0;
      margin:5px;
    }
  }
}

.cart__submit {
  @include media-query($small) {
    line-height: 1.4;
    min-height: 44px;
    margin-left: 0;
    margin-bottom: 0;
  }

  @include media-query ($narrowscreen) {
    width: 100%;
  }
}

.cart__continue {
  line-height: 1.2;
}

.cart__shipping {
  font-size: em($font-size-base - 2);
  padding: 10px 0 20px;
  margin-bottom: 25px;
}

.cart-note__label,
.cart-note__input {
  display: block;

  @include media-query($small) {
    @include portrait{
      margin: 0 auto;
    }
  }
}

.cart-note__label {
  margin-bottom: 15px;
}

.cart-note__input {
  min-height: 50px;
  width: 100%;

  @include media-query($small) {
    @include portrait{
      margin-bottom: 40px;
    }
  }
}

.cart__image {
  max-height: 95px;
}

.cart__image-wrapper div {
  display: block;
  padding-right: $section-spacing-small / 2;

  @include media-query($medium-up) {
    padding-right: $section-spacing-small;
  }
}

@include media-query($medium-up) {
  .cart__image-wrapper {
    width: 130px;
  }

  .cart__meta {
    max-width: 300px;
  }

  .cart__remove {
    margin-top: 4px;
  }

  .cart__qty {
    text-align: center;
  }
}

@include media-query($small) {
  @include portrait{
    .cart__update-wrapper {

      display: none;
      padding-top: 0;
      padding-bottom: $gutter-site-mobile;
      border-bottom: 1px solid $color-border;
    }

    .cart__update--show {
      td {
        padding-bottom: 10px;
      }

      & + tr {
        display: table-row;
      }
    }

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

    .cart__update-controls {
      @include display-flexbox();
      @include flex-wrap(wrap);
      @include align-items(center);
      @include justify-content(space-between);

      & > .cart__update-control {
        margin-bottom: 10px;
      }
    }

    .cart-flex {
      @include display-flexbox();
      @include flex-wrap(wrap);
      @include align-items(center);
    }

    .cart-flex-item {
      display: block;
      min-width: 0;
      @include flex(1 1 100%);
    }

    .cart__image-wrapper {
      max-width: 85px;
    }

    .cart__price-wrapper {
      width: 24%;
      text-align: right;
    }

    .cart-message {
      padding-top: 20px;
    }

    .cart__qty {
      padding: 0 10px;
    }

    .cart__qty-label {
      @include visually-shown();
      display: inline-block;
      vertical-align: middle;
      font-size: em(13);
      margin-right: 5px;
    }
  }
}

.cart__continue-btn {
  .cart--no-cookies & {
    display: none;
  }
}

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

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

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

.additional-checkout-buttons {
  margin-top: $gutter-site-mobile;

  // reset for paypal button
  input[type="image"] {
    padding: 0;
    border: 0;
    background: transparent;
  }

  @include media-query ($narrowscreen) {
    margin-top: 10px;
  }
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  @include media-query ($small) {
    flex-direction:column-reverse;
    justify-content:space-around;

  }
}
.external-checkout-button h3{
  text-align:left;
  line-height:1.1em;
  font-size:1.2em;
  font-weight:500;
  @include media-query ($small) {
    text-align:center;

  }
}

input.internal-checkout-button{
  height: 50px;
  background: url('https://cdn.shopify.com/s/files/1/0069/9373/9831/files/payment-icon-logos.png?v=1622756527');
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border: none;
  width: 240px;
  @include media-query ($small) {
    margin-bottom:30px;
    width:80%;
    height:60px;

  }
}


/*================ MODULES ================*/
#shopify-section-header{
  position:relative;
  z-index:99999;
}
.site-header {
  background-color:#fff;
  position: fixed;
  top:0;
  padding:0 1em;
  z-index:999;
  width:100vw;
  top: 0;
  transition: top .3s ease-in-out;
  border-bottom:none !important;
  @include media-query($small) {
    @include portrait{
      height:65px;
      border-bottom: 1px solid $color-border;
      padding: 0;
    }

  }
  @include portrait{
    height:65px;
    overflow:visible;
  }
  @include media-query($medium-up) {
    &.logo--center {
      padding-top: $grid-gutter;
    }
  }
}
.site-header .grid--table{
  display:flex;
  justify-content:space-between;
  align-items:Center;
}
.site-header .medium-up--one-quarter{
  width:100%;
}
.nav-up {
  top: -100%;
}
.announcement-bar {
  text-align: center;
  position: relative;
  z-index: $z-index-announcement-bar;
}

.announcement-bar--link {
  display: block;
}

.announcement-bar__message {
  display: block;
  font-size: em(16);
  font-weight: $font-weight-header;
  padding: 10px $gutter-site-mobile;

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

.site-header__logo {
  margin: 15px 0;

  .logo-align--center & {
    text-align: center;
    margin: 0 auto;

    @include media-query($small) {
      @include portrait{
        text-align: left;
        margin: 15px 0;
      }
    }
  }
}

.site-header__logo-link {
  display: inline-block;
  word-break: break-word;
}

.site-header__logo-image {
  display: block;

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

.site-header__logo-image img {
  width: 100%;
}

.site-header__logo-image--centered img {
  margin: 0 auto;
}

@include media-query($medium-up) {
  .logo-align--center .site-header__logo-link {
    margin: 0 auto;
  }
}

@include media-query($small) {
  @include portrait{
    .site-header__icons {
      .btn--link,
      .site-header__cart {
        font-size: em($font-size-base);
      }
    }
  }
}

.site-header__icons {
  position: relative;
  white-space: nowrap;

  @include media-query($small) {
    @include portrait{
      width: auto;
    }
  }
}

.site-header__icons-wrapper {
  position: relative;
  @include display-flexbox();
  @include align-items(center);
  @include justify-content(flex-end);

  @include media-query($small) {
    @include portrait{
      @include display-flexbox();
    }
  }
}

.site-header__cart,
.site-header__search,
.site-header__account {
  position: relative;
}

.site-header__search {
  &.site-header__icon {
    display: none;

    @include media-query($widescreen) {
      display: block;
    }
  }
}.site-header__icon {
  /*     display: none; */
  display:block;

  @include media-query($medium-down) {
    /*       display:block !important; */
  }
}
.site-header__search {
  display: none;

  @include media-query($medium-down) {
    display:none !important;
  }
}

.site-header__search-toggle {
  display: block;

  @include media-query($widescreen) {
    display: none;
  }
}

@include media-query($medium-up) {
  .site-header__account,
  .site-header__cart {
    padding: 10px 11px;
  }
}

.site-header__cart-title,
.site-header__search-title {
  display: block;
  vertical-align: middle;

  @include visually-hidden();
}

.site-header__cart-title {
  margin-right: 3px;
}

.site-header__cart-count {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0.4rem;
  top: 0.2rem;
  font-weight: bold;
  background-color: $color-btn-primary;
  color: $color-btn-primary-text;
  border-radius: 50%;
  min-width: 1em;
  height: 1em;

  span {
    font-family: $font-stack-cart-notification;
    font-size: calc(11em / 16);
    line-height: 1;
    font-display: swap;
  }
}

@include media-query($small) {
  .site-header__cart-count {
    top: calc(7em / 16);
    right: 0;
    border-radius: 50%;
    min-width: calc(19em / 16);
    height: calc(19em / 16);

    span {
      padding: 0.25em calc(6em / 16);
      font-size: 12px;
    }
  }
}

.site-header__menu {
  display: block;
  @include media-query($large-up) {
    @include landscape{
      display:none;
    }
  }
}

.site-header__icon svg {
  height: 23px;
  width: 22px;

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

@include media-query($small) {
  @include portrait{
    .site-header__logo {
      padding-left: $gutter-site-mobile;
    }

    .site-header__icons {
      padding-right: 13px;
    }

    .site-header__icon {
      display: inline-block;
      vertical-align: middle;
      padding: 10px 11px;
      margin: 0;
    }

    .site-header__logo {
      text-align: left;

      img {
        margin: 0;
      }
    }
  }
}

.article-listing {
  padding-top: $gutter-site;
  margin-bottom: $gutter-site;
}

.article__title {
  margin-bottom: $gutter-site-mobile / 2;
}

.article__title--has-image {
  @include media-query($small) {
    @include portrait{
      padding-left: $gutter-site-mobile;
    }
  }
}

.article__author {
  margin-right: 10px;
}

.article__author,
.article__date {
  display: inline-block;
  margin-bottom: $gutter-site-mobile;

  .template-article & {
    margin-bottom: 0;
  }
}

.article__tags {
  margin-bottom: $section-spacing / 2;
}

.article__tags--list {
  font-style: italic;
}

.article__link {
  display: block;

  @include media-query($small) {
    @include portrait{
      @include display-flexbox;
      @include flex-direction(column);
    }
  }

  &:not([disabled]):hover,
  &:focus {
    .article__grid-image-wrapper {
      @include overlay(1);
    }
  }
}

.article__meta-buttons {
  li + li {
    margin-left: 1.5rem;
  }
}

.article__comment-count {
  border-color: transparent;
  border-bottom-color: currentColor;
  padding: 0 0 3px 0;

  &:not([disabled]):hover,
  &:focus {
    border-color: transparent;
    border-bottom-color: currentColor;
  }
}

/*============================================================================
Blog article grid
==============================================================================*/
.grid--blog {
  margin-bottom: -$section-spacing;
  overflow: auto;
}

.article__grid-tag {
  margin-right: 10px;
}

.article__grid-meta {
  margin-bottom: $section-spacing;
}

@include media-query($small) {
  @include portrait{
    .article__grid-meta--has-image {
      float: left;
      padding-left: $gutter-site-mobile;
    }
  }
}

.article__grid-excerpt {
  margin-bottom: $section-spacing-small / 2;
}

.article__grid-image-wrapper {
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.article__grid-image-container {
  display: block;
  clear: both;
  position: relative;

  margin: 0 auto $section-spacing / 2 0;
  min-height: 1px;
  width: 100%;
  height: 100%;

  @include media-query($small) {
    @include portrait{
      float: left;
      margin: 0 0 $section-spacing 0;
    }
  }

  img {
    display: block;
  }
}

.article__grid-image {
  margin: 0 auto;
  width: 100%;

  .js & {
    position: absolute;
    top: 0;
  }
}

.article__list-image-container {
  display: block;
  clear: both;
  position: relative;

  min-height: 1px;
  width: 100%;
  height: 100%;
}

.article__list-image-wrapper{
  width: 100%;
  margin-bottom: 20px;
}

.article__list-image-container {
  display: block;
  clear: both;
  position: relative;

  min-height: 1px;
  width: 100%;
  height: 100%;
}

.article__list-image-wrapper{
  width: 100%;
  margin-bottom: 20px;
}

.article__list-image {
  margin: 0 auto;
  width: 100%;
  position: absolute;
  top: 0;
}

.sidebar {
  margin-top: 40px;
}

.sidebar__list {
  list-style: none;
  margin-bottom: $gutter-site;

  li {
    margin-bottom: 10px;
  }
}

.pagination {
  text-align: center;
  list-style: none;
  font-size: em(15);
  padding-top: $section-spacing;

  li {
    display: inline-block;
  }

  .icon {
    display: block;
    height: 20px;
    vertical-align: middle;
  }
}

.pagination__text {
  padding: 0 ($gutter-site / 2);
}

.comment {
  margin-bottom: $grid-gutter;

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

.comment__content {
  margin-bottom: 5px;
}

.comment__meta-item {
  margin-right: 10px;
  font-size: em(14);

  &:first-child::before {
    content: '\2014 \0020';
  }
}

.social-sharing {
  display: flex;
  .template-password & {
    justify-content: center;
  }
}
.social-sharing strong{
  display:flex;
}

.btn--share {
  background-color: transparent;
  border-color: $color-border;
  color: $color-text;
  margin-right: 5px;
  margin-bottom: 10px;

  &:not([disabled]):hover,
  &:focus {
    background-color: transparent;
    border-color: $color-btn-social-focus;
    color: $color-text;
  }

  .icon {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 4px;
  }

  .icon-facebook {
    fill: $color-facebook;
  }

  .icon-twitter {
    fill: $color-twitter;
  }

  .icon-pinterest {
    fill: $color-pinterest;
  }
}

.share-title {
  display: inline-block;
  vertical-align: middle;
}


.search-bar__form {
  display: table;
  width: 100%;
  position: relative;
  height: calc(46em / 16);
  border: 1px solid transparent;
}

@include media-query($small) {
  @include portrait{
    .search-bar__form {
      width: 100%;
    }
  }
}

.search-bar__submit .icon {
  position: relative;
  top: -1px;
  width: 1.2rem;
  height: auto;
}

.search-bar__submit,
.search-header__submit {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 12px;
  height: 100%;
  z-index: 1;
}

.search-header__input,
.search-bar__input {
  background-color: transparent;
  border-radius: $border-radius;
  color: $color-text;
  border-color: transparent;
  padding-right: calc(35em / 16);
  width: 100%;
  min-height: 44px;

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

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

  &:-ms-input-placeholder {
    @include placeholder-text($color-text, 0);
  }

  &::-ms-input-placeholder {
    @include placeholder-text($color-text, 1);
  }
}

.search-bar__input {
  border: 1px solid transparent;

  &:focus {
    border-color: transparent;
  }
}

.search-bar__close {
  padding: calc(10em / 16) .75em;

  .icon {
    vertical-align: top;
    width: 1.2rem;
    height: auto;
  }
}

/*============================================================================
The search submit button has pointer-events: none which also
effects the :hover style. This forces the style to be applied.
==============================================================================*/
.search-header__input:hover + .btn--link {
  color: $color-text-focus;
}

/*================ Mobile Search Bar ================*/

.search-bar {
  border-bottom: 1px solid $color-border;
  padding: 0 ($gutter-site / 2);
  z-index: 9999;
}

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

.search-bar__table-cell {
  display: table-cell;
  vertical-align: middle;
}

.search-bar__form-wrapper {
  width: 90%;
}

/*================ Header Search ================*/
.search-header {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: calc(30em / 16);
  vertical-align: middle;

  &.search--focus {
    max-width: 250px;
  }
}

.search-header__input {
  cursor: pointer;
}

.search--focus {
  .search-header__input {
    outline: none;
    border-color: $color-border-form;
    cursor: auto;
  }

  .search-header__submit {
    pointer-events: auto;
  }
}

.search-header__submit {
  pointer-events: none;
}

.search-header,
.search-header__submit {
  transition: all 0.35s cubic-bezier(0.29, 0.63, 0.44, 1);
}

.no-svg {
  .site-header__search {
    display: inline-block;
  }

  .search-header {
    max-width: none;
  }

  .search__input {
    width: auto;
    padding-left: 60px;
  }
}

$return-button-width: 55px;
$nav-button-padding: 15px;

/*================ Mobile Site Nav ================*/
.mobile-nav {
  display: block;
  @include transform(translate3d(0, 0, 0));
  transition: $transition-drawer;

  .sub-nav--is-open & {
    @include transform(translate3d(-100%, 0, 0));
  }

  .third-nav--is-open & {
    @include transform(translate3d(-200%, 0, 0));
  }
}

.mobile-nav__link,
.mobile-nav__sublist-link {
  display: block;
  width: 100%;
  padding: $nav-button-padding ($nav-button-padding * 2);
  font-size: $font-size-mobile-input;
}

.mobile-nav__link {
  position: relative;
}

.mobile-nav__label {
  border-bottom: 1px solid transparent;

  .mobile-nav__link--active & {
    border-bottom-color: $color-text;
  }
}

.mobile-nav__sublist-link:not(.mobile-nav__sublist-header) {
  padding-left: $return-button-width + $nav-button-padding;
  padding-right: ($nav-button-padding * 2);
}

.mobile-nav__item {
  display: block;
  width: 100%;

  .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 12px;
    width: 10px;
    margin: -6px 0 0 -5px;
  }
}
ul#MobileNav > li:last-child span{
  font-weight:bold !important;
}

.mobile-nav__return {
  border-right: 1px solid $color-border;
}

.mobile-nav__return-btn {
  position: relative;
  padding: 24px 0;
  width: $return-button-width;
}

.mobile-nav__icon {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding-left: $gutter-site-mobile;
  padding-right: $gutter-site-mobile;
  pointer-events: none;
  overflow: hidden;
}

.mobile-nav__table {
  display: table;
  width: 100%;
}

.mobile-nav__table-cell {
  display: table-cell;
  vertical-align: middle;
  width: 1%;
  text-align: left;
  white-space: normal;
}

.mobile-nav__toggle-button {
  padding: 20px 15px;
}

.mobile-nav__dropdown {
  position: absolute;
  background-color: $color-body;
  z-index: $z-index-sub-nav;
  width: 100%;
  top: 0;
  right: -100%;
  display: none;

  .is-active + & {
    display: block;
    opacity: 1;
  }

  // Need the transition so `prepareTransition` removes class
  &.is-closing {
    transition: $transition-drawer;
    opacity: 0.99;
  }

  .mobile-nav__sublist-header {
    font-family: $font-stack-header;
    font-style: $font-style-header;
    font-weight: $font-weight-header;
    display: table-cell;
    vertical-align: middle;
    padding-left: $nav-button-padding;
    font-display: swap;
  }

  .mobile-nav__sublist-header--main-nav-parent {
    color: $color-body-text;
  }
}

/*================ Mobile nav wrapper ================*/
.mobile-nav-wrapper {
  @include transform(translateY(-100%));
  position: absolute;
  top: 0;
  left: 0;
  background-color: $color-body;
  transition: $transition-drawer;
  display: none;
  overflow: hidden;
  width: 100%;

  &::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid $color-border;
  }

  &.js-menu--is-open {
    display: block;
  }
  @include landscape{
    text-align:right;
  }
}

.mobile-nav--open {
  .icon-close {
    display: none;
  }
}

.mobile-nav--close {
  .icon-hamburger {
    display: none;
  }
}

.site-header__mobile-nav {
  z-index: 999;
  position: relative;
  /*   background-color: $color-body; */

  @include media-query($small) {
    @include portrait{
      @include display-flexbox();
      @include align-items(center);
    }
  }
}

/*================ Modals ================*/
.modal {
  @include transform(translateY(-20px));
  background-color: $color-bg;
  bottom: 0;
  color: $color-text;
  display: none;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
}

.modal--is-active {
  @include transform(translateY(0));
  display: block;
  opacity: 1;
  overflow: hidden;
}

.modal__inner {
  @include prefix(transform-style, preserve-3d, moz webkit spec);
  height: 100%;
}

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

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

.modal__close {
  border: 0;
  padding: $gutter-site;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 2;

  .icon {
    font-size: em(20);
  }
}

/*============================================================================
Hero slider

Extends default slick slider styles.
Extra specificity in selectors is used to override defaults.
==============================================================================*/
$slideshow-height-small: 475px;
$slideshow-height-medium: 650px;
$slideshow-height-large: 775px;
$slideshow-dot-size: 9px;
$slideshow-loader: #fff;
$z-index-slideshow-image: 1;
$z-index-slideshow-text: 2;
$z-index-slideshow-controls: 3;
$color-slideshow-controls: #fff;
$color-slideshow-controls-background: #000;
$color-slideshow-close-bg: #fff;
$color-slideshow-close-text: #000;

$ease-transition: cubic-bezier(0.44, 0.13, 0.48, 0.87);
$transition-text-slideshow: 0.6s $ease-transition;
$transition-image-slideshow: opacity 0.8s $ease-transition;
$transition-controls-slideshow: color 0.2s $ease-transition, background-color 0.2s $ease-transition;

.slideshow-wrapper {
  position: relative;
}

.slideshow {
  position: unset;
  overflow: hidden;
  margin-bottom: 0;
  max-height: 80vh;
  transition: height 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87);

  @include media-query($medium-up) {
    position: relative;
    max-height: 100vh;
  }

  // Make sure slides fill full height
  .slideshow__slide,
  .slick-list,
  .slick-track {
    height: 100%;
  }

  .slick-prev,
  .slick-next {
    top: 0;
    height: 100%;
    margin-top: 0;
    width: 40px;
  }

  .slick-prev {
    left: 0;
  }

  .slick-next {
    right: 0;
  }
}

.slideshow--display-controls .slick-dots {
  @include media-query($medium-up) {
    left: calc(50% - 22px);
  }
}

.slideshow--small {
  height: $slideshow-height-small - 300;

  @include media-query($medium-up) {
    height: $slideshow-height-small;
  }
}

.slideshow--medium {
  height: $slideshow-height-medium - 380;

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

.slideshow--large {
  height: $slideshow-height-large - 400;

  @include media-query($medium-up) {
    height: $slideshow-height-large;
  }
}

/*================ General slide styles ================*/
.slideshow__slide {
  position: relative;
  overflow: hidden;
}

.slideshow__link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  &:active,
  &:focus {
    opacity: 1;
  }
}

.slideshow__overlay {
  @include media-query($medium-up) {
    @include overlay($z-index-slideshow-text);
  }
}

/*================ Slide images ================*/
.slideshow__image {
  transition: $transition-image-slideshow;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: transparent;
  z-index: $z-index-slideshow-image;

  .slick-initialized &,
  .no-js & {
    opacity: 1;
  }
}

/*================ Slide text ================*/
.slideshow__text-wrap {
  height: 100%;
  position: relative;

  .slideshow__link & {
    cursor: inherit;
  }
}

.slideshow__text-wrap--mobile {
  display: none;

  @include media-query($small) {
    @include portrait{
      display: block;
      position: relative;
      top: -1.1rem;
      background-color: $color-bg;
      width: 85%;
      margin: 0 0 -1.1rem 7.5%;
    }
  }
}

.slideshow__text-content {
  @include media-query($medium-up) {
    transition: $transition-text-slideshow;
    transition-delay: 0.3s;
  }

  .slideshow__text-wrap--desktop & {
    position: absolute;
    width: 100%;
    top: 50%;
    opacity: 0;
    z-index: $z-index-slideshow-text;
  }

  @include media-query($medium-up) {
    &.slideshow__text-content--vertical-top {
      top: 120px;
    }
    &.slideshow__text-content--vertical-bottom {
      top: auto;
      bottom: 40px;
    }
  }

  .slick-initialized .slick-active &,
  .no-js & {
    @include transform(translateY(-40px));
    opacity: 1;
  }

  .slick-initialized .slick-active &.slideshow__text-content--vertical-center,
  .no-js &.slideshow__text-content--vertical-center {
    @include transform(translateY(-50%));
  }

  &::after {
    content: '';
    @include spinner(40px, $slideshow-loader);
    @include animation(spin 0.65s infinite linear);
    opacity: 1;
    transition: all 1s cubic-bezier(0.29, 0.63, 0.44, 1);
    bottom: -$gutter-site;
    left: 50%;

    @include media-query($small) {
      @include portrait{
        content: none;
      }
    }
  }

  .slick-initialized &,
  .no-js & {
    &::after {
      opacity: 0;
      visibility: hidden;
      content: none;
    }
  }
}

.slideshow__text-content--mobile {
  display: none;
  padding-top: 2.6rem;

  .slideshow__arrows--mobile ~ & {
    padding-top: 1.7rem;
    @include media-query($medium-up) {
      padding-top: 0;
    }
  }

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

    &::after {
      display: none;
    }
  }
}

.slideshow__title,
.slideshow__subtitle {
  color: $color-overlay-title-text;

  @include media-query($small) {
    @include portrait{
      display: none;
    }
  }
}

.slideshow__title--mobile {
  margin-bottom: 0;

  & ~ .slideshow__subtitle--mobile {
    margin-top: 0.5rem;
  }
}

.slideshow__subtitle--mobile,
.slideshow__title--mobile {
  display: none;
  color: $color-text;

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

.slideshow__btn-wrapper {
  border: none;
  background-color: transparent;
}

.slideshow__btn-wrapper--push {
  @include media-query($medium-up) {
    margin-top: $grid-gutter;
  }
}

.slideshow__btn {
  max-width: 100%;
  display: inline-block;
  word-wrap: break-word;
  background-color: $color-btn-primary;
  color: $color-btn-primary-text;
  min-height: 3.125rem;
  line-height: 2.2;

  @include media-query($small) {
    @include portrait{
      display: none;
    }
  }
}

.slideshow__btn--mobile {
  display: none;
  margin: 1.3rem auto 0;

  @include media-query($small) {
    @include portrait{
      display: inline-block;
      margin: 2rem auto 0.3rem;
    }
  }
}

/*================ Slideshow control styles ================*/

.slideshow__controls {
  display: none;
  justify-content: center;
  position: absolute;
  top: 0px;
  right: 0px;

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

  .slick-initialized + & {
    display: flex;
  }
}

.slideshow__arrows {
  background-color: rgba($color-slideshow-controls-background, 0.4);
  color: rgba($color-slideshow-controls, 0.5);
  transition: $transition-controls-slideshow;
  display: none;

  @include media-query($medium-up) {
    display: flex;
    height: $gutter-site-mobile * 2;
  }

  .slideshow__controls:hover &,
  .slideshow__controls:focus &,
  .slideshow__controls--hover & {
    @include media-query($medium-up) {
      background-color: rgba($color-slideshow-controls-background, 0.75);
    }
  }

  .slideshow__arrow {
    padding: 0.6rem 0.9rem;
    cursor: pointer;
    transition: $transition-controls-slideshow;
    background-color: transparent;
    color: rgba($color-slideshow-controls, 0.5);
    border: none;

    .icon {
      width: 0.7rem;
      height: 0.7rem;
      transition: $transition-controls-slideshow;

      &:hover {
        color: $color-slideshow-controls;
      }
    }
  }
  .slideshow__arrow-left {
    float: left;
    @include media-query($medium-up) {
      order: -1;
    }
  }
  .slideshow__arrow-right {
    float: right;
    @include media-query($medium-up) {
      order: 1;
    }
  }

  .slick-dots {
    line-height: $gutter-site-mobile * 2;

    li {
      width: $slideshow-dot-size;
      height: $slideshow-dot-size;
      margin-left: $slideshow-dot-size;
    }
    // sass-lint:disable SelectorDepth
    li button::before,
    li a::before {
      width: $slideshow-dot-size - 1;
      height: $slideshow-dot-size - 1;
      color: rgba($color-slideshow-controls-background, 0.5);
      border: none;
      opacity: 1;

      @include media-query($medium-up) {
        width: $slideshow-dot-size;
        height: $slideshow-dot-size;
        color: rgba($color-slideshow-controls, 0.5);
        border: 1px solid rgba(0,0,0,0.25);
      }
    }
    li.slick-active-mobile button::before,
    li.slick-active-mobile a::before {
      color: $color-slideshow-controls-background;
    }
    li.slick-active button::before,
    li.slick-active a::before {
      color: $color-slideshow-controls;
    }
  }
}

.slideshow__arrows--mobile {
  display: block;
  width: 100%;
  height: $gutter-site-mobile * 2;
  background-color: transparent;
  .icon {
    fill: rgba($color-slideshow-controls-background, 0.5);
  }
  .slideshow__arrow:focus .icon {
    fill: $color-slideshow-controls-background;
  }

  @include media-query($medium-up) {
    display: none;
  }
}

.slideshow__pause {
  clip: auto;
  width: $gutter-site-mobile * 2;
  height: $gutter-site-mobile * 2;
  margin-left: 1px;
  z-index: $z-index-skip-to-content;
  border: none;
  background-color: rgba($color-slideshow-controls-background, 0.4);
  transition: $transition-controls-slideshow;

  .slideshow__controls:hover &,
  .slideshow__controls:focus &,
  .slideshow__controls--hover &{
    @include media-query($medium-up) {
      background-color: rgba($color-slideshow-controls-background, 0.75);
    }
  }

  .icon {
    color: rgba($color-slideshow-controls, 0.5);
    transition: $transition-controls-slideshow;

    &:hover {
      color: $color-slideshow-controls;
    }
  }

  .icon-pause {
    width: 0.65rem;
    height: 0.65rem;
  }

  .icon-resume {
    width: 1rem;
    height: 1rem;
  }
}

.slideshow__pause-stop {
  display: block;

  .is-paused & {
    display: none;
  }
}

.slideshow__pause-rotate {
  display: none;

  .is-paused & {
    display: block;
  }
}

.price {
  @include display-flexbox;
  /*   @include flex-wrap(wrap); */
  margin-top: 0;
  margin-bottom: 0;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:center;
  @include media-query($small) {
    @include portrait{
      font-size: em($font-size-base - 1);
    }
  }

  dl {
    margin-top: 0;
  }
  dd {
    margin: 0 0.5em 0 0;
  }
}

.price--unavailable {
  visibility: hidden;
}

.price__regular {
  color: $color-body-text;
  margin:0 auto;
  font-size:.8em;
}
.product-info-holder .price__regular{
  font-size:1em;
}
.price__sale {
  color:#da3a1d;
  display: none;
  width:auto;
  font-size:1em;
  text-align:center;
  margin:5px;

  .price--on-sale & {
    display:block;
    /*     display: block; */
  }
}

.price__vendor {
  color: $color-body-text;
  font-size: 0.9em;
  font-weight: $font-weight-body;
  /*   text-transform: uppercase; */
  text-transform:capitalize;
  letter-spacing: 1px;
  /*   margin: 5px 0 10px; */
  margin:10px auto;
  max-width:300px;
  width: 100%;
  text-align:center;
  @include flex-basis(100%);
}

.price-item {
  font-weight: $font-weight-header;
}

/* .price-item--regular {
.price--on-sale & {
text-decoration: line-through;
}
} */
.price-item--compare{
  text-decoration: line-through;
}


.price-item__label {
  display: inline-block;
  white-space: nowrap;
  font-weight: $font-weight-header;
}

/*================ Module | Filters and Sort toolbar and selection ================*/
$toolbar-height: 55px;
$toolbar-height-small: 46px;

.filters-toolbar-wrapper {
  /*   border-bottom: 1px solid $color-border; */
  /*   border-top: 1px solid $color-border; */
  margin-bottom: $gutter-site-mobile;

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

.filters-toolbar {
  @include display-flexbox();
  @include align-items(center);
  @include flex-wrap(wrap);

  .icon-chevron-down {
    fill: $color-text-field-text;
    width: calc(10em / 16);
    height: calc(10em / 16);
    right: 8px;
  }
}

.filters-toolbar--has-filter {
  position: relative;

  @include media-query($small) {
    @include portrait{
      border-bottom: none;

      .filters-toolbar__item-child {
        flex-basis: 50%;
      }

      .filters-toolbar__item-wrapper {
        @include flex-basis(100%);
      }

      .filters-toolbar__item--count {
        @include flex-basis(100%);
        text-align: left;

        &:before {
          background-color: $color-border;
          content: "";
          height: 1px;
          left: 0;
          position: absolute;
          top: auto;
          width: 100%;
        }
      }
    }
  }
}

.filters-toolbar__item {
  min-width: 33%;
  @include flex(1 1 33%);

  .no-flexbox & {
    // sass-lint:disable no-important
    text-align: left !important;
  }

  &:first-child {
    .filters-toolbar__input {
      @include media-query($small) {
        @include portrait{
          padding-left: 0;
        }
      }
    }
  }
}

.filters-toolbar__item-child {
  @include media-query($small) {
    @include portrait{
      flex-grow: 0;
    }
  }

  &:first-child {
    @include media-query($small) {
      @include portrait{
        margin-right: 2.5rem;
      }
    }

    @include media-query($medium-up) {
      margin-right: 3rem;
    }
  }

  .filters-toolbar__input {
    @include media-query($small) {
      @include portrait{
        padding-left: 0;
        padding-right: 25px;
        width: 100%;
      }
    }
  }
}

.filters-toolbar__item-wrapper {
  @include display-flexbox();
  @include flex(1 1 33%);

  @include media-query($small) {
    @include portrait{
      @include justify-content(space-between);
    }
  }
}

.filters-toolbar__item--count {
  min-width: 0;
  @include flex(0 1 auto);
  text-align: center;

  @include media-query($small) {
    @include portrait{
      @include flex(0 1 50%);
      text-align: right;
    }
  }
}

.no-flexbox .filters-toolbar select {
  // sass-lint:disable no-important
  width: 100% !important; // override inline styles
}

.filters-toolbar__label {
  display: inline-block;

  @include media-query($small) {
    @include portrait{
      display: block;
      margin-bottom: 0;
      margin-top: 8px;
    }
  }
}

.filters-toolbar__input-wrapper {
  display: inline-block;
}

.filters-toolbar__input {
  border: 0 solid transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  height: $toolbar-height;
  opacity: 1;
  position: relative;

  .filters-toolbar__item:first-child & {
    padding-left: 0;
  }

  .no-flexbox & {
    margin: 0;
  }

  @include media-query($small) {
    @include portrait{
      height: $toolbar-height-small;
    }
  }

  &.hidden {
    opacity: 0;
  }

  option {
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

.filters-toolbar__product-count {
  font-size: em($font-size-base - 1px);
  font-style: italic;
  line-height: $toolbar-height;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  @include media-query($small) {
    @include portrait{
      font-size: em($font-size-base - 2px);
      line-height: $toolbar-height-small;
    }
  }
}

.site-footer {
  margin-top: $section-spacing;
  border-top:15px solid #fff;
  /*   padding: $footer-spacing-large 0 $section-spacing 0; */
  padding:5px 0;
  padding-bottom:10px !important;

  @include media-query($medium-up) {
    padding-bottom: $section-spacing-small;
  }

  h4 {
    margin-bottom: $footer-spacing-medium / 2;
    @include media-query($medium-up) {
      min-height: em(ceil($font-size-header * 0.7));
      margin-bottom: $footer-spacing-medium;
    }
  }
}

.site-footer__content {
  @include display-flexbox;
  @include align-items(flex-start);
  @include flex-wrap(wrap);
  display:none;
  @include media-query($small) {
    @include portrait{
      padding: 0 $footer-wrapper-spacing;
    }
  }

  @include media-query($medium-up) {
    @include flex-wrap(nowrap);
  }
}

.site-footer__item {
  @include display-flexbox;
  @include flex(1 1 100%);
  margin-bottom: $section-spacing;

  @include media-query($medium-up) {
    padding: 0 $footer-spacing-small 0 $footer-spacing-small;
    margin-bottom: $footer-spacing-large;
  }

  &:first-of-type {
    padding-left: 0;
  }

  &:last-of-type {
    padding-right: 0;
    @include media-query($small) {
      @include portrait{
        margin-bottom: 0;
      }
    }
  }
}

@include media-query($medium-up) {
  .site-footer__item--full-width {
    @include flex(1 1 100%);
  }

  .site-footer__item--one-half {
    @include flex(1 1 50%);
  }

  .site-footer__item--one-third {
    @include flex(1 1 33%);
  }

  .site-footer__item--one-quarter {
    @include flex(1 1 25%);
  }

  .site-footer__item--one-fifth {
    @include flex(1 1 20%);
  }

  .site-footer-newsletter__one-half {
    @include flex(1 1 50%);
  }
}

.site-footer__item--center {
  @include media-query($medium-up) {
    @include justify-content(center);
    & > * {
      text-align: center;
    }
  }
}

.site-footer__item-inner--newsletter {
  width: 100%;

  .newsletter__submit {
    margin-top: $footer-spacing-extra-small;
  }

  .newsletter__input {
    margin: $footer-spacing-extra-small 0 0 0;
    width: 100%;
  }

  .site-footer__item--full-width & {
    @include media-query($medium-up) {
      max-width: 50%;
    }
  }
}

.site-footer__centered--single-block {
  @include media-query($medium-up) {
    width: 75%;
    margin: 0 auto;
  }
}

.site-footer__hr {
  /*   margin: $section-spacing 0 $grid-gutter 0; */
  margin:5px 0;
  @include media-query($medium-up) {
    /*     margin: $footer-spacing-large 0 $footer-hr-bottom-spacing 0; */
  }
}

.site-footer__linklist.list--inline > li {
  @include media-query($small) {
    @include portrait{
      display: block;
    }
  }
}

.site-footer__linklist-item {
  display: block;
  padding: ($grid-gutter / 2) 0;

  @include media-query($medium-up) {
    padding: 0 $grid-gutter 5px 0;
  }

  &:last-of-type {
    padding-right: 0;
  }
}

.site-footer__icon-list {
  padding-bottom: $grid-gutter;
  @include media-query($medium-up) {
    padding-bottom: $footer-spacing-small;
  }
}

.site-footer__social-icons li {
  padding: 0 $footer-spacing-small;

  @include media-query($medium-up) {
    &:first-of-type {
      padding-left: 0;
    }
  }
}

.social-icons__link {
  display: block;
}

.site-footer__subwrapper {
  margin-top: $section-spacing-small;
}

.site-footer__copyright-content {
  font-size: em($font-size-base - 3);
}

.site-footer__payment-icons {
  @include media-query($medium-up) {
    text-align: right;
  }

  .payment-icon {
    margin-bottom: $footer-spacing-extra-small;
    margin-left: $footer-spacing-extra-small;

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

.feature-row {
  @include display-flexbox();
  @include justify-content(space-between);
  @include align-items(center);

  @include media-query($small) {
    @include portrait{
      @include flex-direction(column);
    }
  }
}

.feature-row__item {
  @include flex(0 1 50%);

  @include media-query($small) {
    @include portrait{
      @include flex(1 1 auto);
      width: 100%;
      max-width: 100%;
    }
  }
}

.feature-row__image-wrapper {
  margin: 0 auto $section-spacing-small / 1.8;
  position: relative;
  width: 100%;
}

.feature-row__image {
  display: block;
  margin: 0 auto;

  .feature-row__image-wrapper & {
    width: 100%;
    position: absolute;
    top: 0;
  }

  @include media-query($small) {
    @include portrait{
      order: 1;
    }
  }
}

.feature-row__text {
  padding-top: $section-spacing-small;
  padding-bottom: $section-spacing-small;

  @include media-query($small) {
    @include portrait{
      order: 2;
      padding-bottom: 0; // always last element on mobile
    }
  }
}

@include media-query($medium-up) {
  .feature-row__text--left {
    padding-left: $section-spacing-small;
  }

  .feature-row__text--right {
    padding-right: $section-spacing-small;
  }
}

@include media-query($medium-up) {
  .featured-row__subtext {
    font-size: em($font-size-base + 2);
  }
}

.hero {
  position: relative;
  height: 475px;
  display: table;
  width: 100%;
  background-color: #fff !important;
  background {
    size: cover;
    repeat: no-repeat;
    position: 50% 50%;
  }
}

.hero--x-small {
  height: 94px;
}

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

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

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

.hero--x-large {
  height: 582px;
}

@include media-query($medium-up) {
  .hero--x-small {
    height: 125px;
  }

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

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

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

  .hero--x-large {
    height: 775px;
  }
}

.hero__overlay {
  @include overlay(1);
}

.hero__inner {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  padding: $section-spacing 0;
  z-index: 2;
}

.hero__btn {
  margin-top: $section-spacing / 2;
}

/*================ Quote slider ================*/
.quote-icon {
  display: block;
  margin: 0 auto 20px;
}

// Text styles
.quotes-slider__text {
  font-size: em($font-size-base + 1.75);
  font-weight: $font-weight-body;
  font-style: $font-style-body;
  padding: 0 ($grid-gutter / 2);

  cite {
    font-size: em($font-size-base, $font-size-base + 4);
    font-style: normal;
  }

  p {
    margin-bottom: $grid-gutter;

    + cite {
      margin-top: 0;
    }
  }
}

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

// Slick dot positioning and color
.quotes-wrapper .slick-dots {
  position: relative;
  bottom: 0;
  margin-top: $section-spacing;

  // sass-lint:disable SelectorDepth
  li button::before {
    color: $color-text;
    opacity: 0.2;
  }
}

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

.logo-bar {
  list-style: none;
  text-align: center;
  margin-bottom: -$section-spacing-small;
}

@include media-query($medium-up) {
  .logo-bar--large {
    margin-bottom: -$section-spacing;
  }
}

.logo-bar__item {
  display: inline-block;
  vertical-align: middle;
  max-width: 160px;
  margin: 0 ($section-spacing / 2) $section-spacing-small;
}

@include media-query($medium-up) {
  .logo-bar__item--large {
    margin-bottom: $section-spacing;
  }
}

.logo-bar__image {
  display: block;
  margin: 0 auto;
}

.logo-bar__link {
  display: block;
}

.map-section {
  position: relative;
  width: 100%;
  overflow: hidden;
  @include display-flexbox();
  @include align-items(center);
  @include flex-wrap(wrap);
  @include flex-direction(row);

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

.map-section--load-error {
  height: auto;
}

.map-section__wrapper {
  height: 100%;
  flex-shrink: 0;
  flex-grow: 1;
  @include flex-basis(100%);

  @include display-flexbox();
  @include flex-wrap(wrap);
  @include flex-direction(row);
}

.map-section__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 2;
}

.map-section__error {
  position: relative;
  z-index: 3;

  @include media-query($medium-up) {
    position: absolute;
    margin: 0 2rem;
    top: 50%;
    @include transform(translateY(-50%));
  }
}

.map-section__content-wrapper {
  position: relative;
  text-align: center;
  height: 100%;
  @include display-flexbox();
  @include flex-basis(100%);
  flex-grow: 0;

  @include media-query($medium) {
    @include flex-basis(50%);
  }

  @include media-query($large-up) {
    @include flex-basis(33%);
  }
}

.map-section__content {
  position: relative;
  display: inline-block;
  background-color: $color-bg-alt;
  padding: $section-spacing-small;
  width: 100%;
  text-align: center;
  z-index: 3;
  @include display-flexbox();
  @include align-items(center);
  @include flex-wrap(wrap);
  @include align-content(center);

  // Make sure every children is on one line
  & > * {
    width: 100%;
  }

  @include media-query($medium-up) {
    background-color: $color-bg;
    margin: $gutter-site 0;
    min-height: 300px;
  }

  .map-section--load-error & {
    position: static;
    transform: translateY(0);
  }
}

.map-section__link {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  max-width: none;
  width: 100%;
  height: 100%;
  z-index: 2;
  @include transform(translateX(-50%));
}

// Optically center map in visible area with
// extended height/widths and negative margins
.map-section__container {
  max-width: none;
  width: 100%;
  height: 55vh;
  left: 0;

  @include media-query($medium-up) {
    position: absolute;
    height: 100%;
    top: 0;
    // map is centered on resize, larger widths allow pin to be off-center
    width: 130%;
  }
}

.map_section__directions-btn {
  [class^="icon"] {
    height: 1em;
  }

  * {
    vertical-align: middle;
  }
}

.map-section__background-wrapper {
  overflow: hidden;
  position: relative;
  @include flex-basis(100%);

  @include media-query($medium-up) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .map-section--onboarding & {
    min-height: 55vh;
  }
}

.map-section__image {
  height: 100%;
  position:relative;
  top: 0;
  left: 0;
  width: 100%;
  background-size: cover;
  background-position: center;

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

  // Only show the background image if map fails to load
  .map-section--display-map & {
    display: none !important;
  }

  .map-section--load-error & {
    display: block !important;
  }
}

// Hide Google maps UI
.gm-style-cc,
.gm-style-cc + div {
  visibility: hidden;
}

.image-bar {
  overflow: hidden;

  @include media-query($small) {
    @include portrait{
      max-width: 400px;
      margin: 0 auto;
    }
  }
}

.image-bar__item {
  display: block;
  color: $color-overlay-title-text;
  background: {
    repeat: no-repeat;
    position: 50% 50%;
    size: cover;
  }
}

.image-bar__link {
  &:hover,
  &:focus {
    .image-bar__overlay::before {
      opacity: $hover-overlay-opacity;
    }
  }

  &:focus {
    position: relative;
    z-index: 2;

    .image-bar__content {
      @include default-focus-ring();
    }
  }
}

.image-bar__content, .image-bar__item {
  position: relative;
  width: 100%;

  .image-bar--x-small & {
    height: 94px;
  }

  .image-bar--small & {
    height: 225px;
  }

  .image-bar--medium & {
    height: 357px;
  }

  .image-bar--large & {
    height: 488px;
  }

  .image-bar--x-large & {
    height: 582px;
  }

  @include media-query($medium-up) {
    .image-bar--x-small & {
      height: 125px;
    }

    .image-bar--small & {
      height: 300px;
    }

    .image-bar--medium & {
      height: 475px;
    }

    .image-bar--large & {
      height: 650px;
    }

    .image-bar--x-large & {
      height: 775px;
    }
  }
}

.image-bar__overlay {
  @include overlay;
}

.image-bar__caption {
  position: absolute;
  top: 50%;
  @include transform(translateY(-50%));
  transition: $transition-link-hover;
  width: 100%;
  text-align: center;
  text-shadow: 0 0 4px $color-text-shadow;
}

.collection-grid {
  margin-bottom: -$gutter-site-mobile;
  overflow: auto;
}

.collection-grid-item {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  margin-bottom: $gutter-site-mobile;

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

.collection-grid-item__title {
  color: $color-overlay-title-text;
  position: absolute;
  text-align: center;
  width: 100%;
  top: 50%;
  padding: 0 5px;
  @include transform(translateY(-50%));
  transition: $transition-link-hover;
  text-shadow: 0 0 4px $color-text-shadow;
  hyphens: auto;

  @if $font-bold-titles {
    font-weight: $font-weight-header--bold;
  }

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

.collection-grid-item__link {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;

  &:hover,
  &:focus {
    .collection-grid-item__title-wrapper::before {
      opacity: $hover-overlay-opacity;
    }
  }

  &:focus {
    opacity: 1;
  }
}

.collection-grid-item__overlay {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;

}

.collection-grid-item__title-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: $color-image-overlay;
  opacity: $opacity-image-overlay;
}

.custom-content {
  @include display-flexbox;
  @include align-items(stretch);
  @include flex-wrap(wrap);
  width: auto;
  margin-bottom: -$grid-gutter;
  margin-left: -$grid-gutter;
  position:relative;

  @include media-query($small) {
    @include portrait{
      margin-bottom: -$grid-gutter-mobile;
      margin-left: -$grid-gutter-mobile;
    }
  }
}

@media only screen and (max-width: 749px) {
.small--one-half {
    width: 100%; }
}

.custom__item {
  @include flex(0 0 auto);
  margin-bottom: $grid-gutter;
  padding-left: $grid-gutter;
  max-width: 100%;
  position:absolute;
  top:0;
  left:0;
  height:60vh;

  @include media-query($small) {
    @include portrait{
      @include flex(0 0 auto);
      padding-left: $grid-gutter-mobile;
      margin-bottom: $grid-gutter-mobile;

      &.small--one-half {
        /*       @include flex(1 0 50%); */
        /*       max-width: 400px; */
        margin-left: auto;
        margin-right: auto;
      }
    }
  }

  .collection-grid-item {
    margin-bottom: 0;
  }

}
/* .custom-content div.custom__item:first-child {
@include flex(0 0 auto);
margin-bottom: $grid-gutter;
padding-left: $grid-gutter;
max-width: 100%;
position:relative;
top:0;
left:0;
width:100% !important;
height:40vh !important;
min-height:450px;
background:#f7f7f7;
padding-top:2em;

} */
.custom-content{
  display:flex;
  justify-content:center;
  background:#f7f7f7;
  align-items:center;
  padding-left:-50px;
  border-radius:0px 10px 10px 0px;
}
.custom-content .custom__item{
  max-width:600px;
  position:Relative;
  top:0;
  /*   right:26%; */
  /*   left:auto; */
  /*   width:30%; */
  /*   height:100%; */
  object-fit:cover;
  height:auto;
  padding:0;
  margin:0;
  @include media-query($small) {
    @include portrait{
      width:100%;
      margin-left:10px;
    }
  }

}
.custom-content .custom__item img{
  max-width:100% !important;
  max-height:400px !important;
  object-fit:contain;
  margin-bottom:-30px;
  cursor:pointer;
  @include media-query($small) {
    @include portrait{
      max-height:auto !important;
      margin:0;
    }
  }
  /*   margin-left:-30px; */
}
#shopify-section-1635543714e38ce252 .custom-content .custom__item{
  max-width:100%;
}
/* .custom-content div.custom__item:nth-child(3) {
right:-3%;
left:auto;
}
.custom-content div.custom__item:nth-child(7) {
right:-3%;
left:auto;
}
.custom-content div.custom__item:nth-child(9) {
right:-3%;
left:auto;
} */
/* .custom-content div.custom__item:nth-child(9) {
right:31%;
} */
.custom__item--image {
  margin: 0 auto;
  padding-left: 0;
}

.custom__item-inner {
  position: relative;
  display: block;
  text-align: left;
  max-width: 100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
.custom__item-inner p strong a, .custom__item-inner p a strong{
  color:red !important;
  font-weight:400;
  padding:5px !important;
  border:1px solid red;
  /*   margin:0 30px; */
  /*   width:30%; */
}
.custom__item-inner p strong{
  color:red !important;
}
.custom__item-inner p a{
  color:#111 !important;
  font-weight:400;
  padding:5px 10px !important;
  border:1px solid #111;
  /*   margin:0 30px; */
  /*   width:30%; */
  margin-left:5px;
  background-color: transparent;
  color: $color-btn-primary !important;
  border-color: $color-btn-primary;

  &:not([disabled]):hover,
  &:focus {
    background-color: transparent;
    color: $color-btn-primary-focus;
    border-color: $color-btn-primary-focus;
  }
}
.custom__item-inner p em{
  text-decoration:line-through;
  color:#111 !important;
  /*   margin:0 30px; */
  /*   width:30%; */
}
.custom__item-inner h4{
  /* 	margin:0 30px; */
  line-height:1.2em;
  margin-bottom:1em;
  cursor:pointer;
}

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

.custom__item-inner--image {
  position: relative;
  margin: 0 auto;
  /*   height:50%; */
  object-fit:cover;
  padding-top:2em !important;
}
.custom__item-inner--image div{
  padding-top:0 !important;
  width:100%;
  height:50%;
}

.custom__image {
  /*   width: 100%; */
  display: block;
  width:100%;
  height:100%;
  /*   position: absolute; */
  /*   top: 0; */
  object-fit:cover;
}

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

.align--top-right {
  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);
  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);
  text-align: right;
}

.newsletter-section {
  padding-top: $section-spacing;
}

.index-section--newsletter-background {
  background-color: $color-bg-alt;
}

.rich-text__heading--large {
  font-size: 1.4em; //24px default
}
.rich-text__heading--small {
  font-size: 0.88em; //16px default
}

.rich-text__text--large {
  font-size: em(floor($font-size-base * 1.15));
}
.rich-text__text--small {
  font-size: em(floor($font-size-base * 0.88));
}

.product-card {
  position: relative;
  /* background:#fafafa; */
  text-align:center !important;
  border-radius:.5em;
  padding:2em;
  margin:.5em;
  /*   border:1px double #f6f6f6; */
  /*   margin-top:0; */

  &:hover,
  &:focus-within {
    .product-card__image-wrapper {
      opacity: 0.8;
    }

    .product-card__title {
      border-bottom-color: $color-text;
    }
  }
}

.product-card__title {
  border-bottom: 1px solid transparent;
  display: inline;
  text-transform:uppercase !important;
}

/*================ Currency selector ================*/
.currency-selector {
  @include media-query($small) {
    @include portrait{
      @include display-flexbox();
      @include align-items(center);
      background-color: transparentize($color-body-text, 0.90);
      padding: 12px 17px 12px 30px;
    }
  }
}

.currency-selector__label {
  font-size: em(12);
  margin-bottom: 0;
  text-transform: uppercase;
}

.currency-selector__input-wrapper {
  margin-top: 4px;

  @include media-query($small) {
    @include portrait{
      margin-top: 0;
      width: 100%;
    }
  }

  .icon {
    left: auto;
    height: 10px;
    margin: 0;
    width: 12px;

    @include media-query($medium-up) {
      height: calc(8em / 16);
      right: 5px;
      width: calc(8em / 16);
    }
  }
}

.currency-selector__dropdown {
  border: none;
  color: $color-text;
  padding-left: 8px;
  padding-right: 17px;

  @include media-query($small) {
    @include portrait{
      font-size: em(12);
      font-weight: $font-weight-body--bold;
      width: 100%;
    }
  }
}

$video-height-small: 475px;
$video-height-medium: 650px;
$video-height-large: 775px;

$z-index-video-image: 1;
$z-index-video: 2;
$z-index-video-text: 3;
$z-index-video-controls: 4;
$z-index-video-loader: 5;

$video-button-wrapper-size: 50px;
$video-pause-button-size: 34px;
$video-close-button-size: 30px;
$video-loader-size: 2.875rem;

$color-video-controls: #fff;
$color-video-controls-background: #000;

$ease-transition: cubic-bezier(0.44, 0.13, 0.48, 0.87);
$transition-controls-video: color 0.2s $ease-transition, background-color 0.2s $ease-transition;

[data-section-type="video-section"] {
  margin: 0 auto;

  @include media-query($small) {
    @include portrait{
      transition: width 0.6s $ease-transition, height 0.6s $ease-transition, padding 0.6s $ease-transition;
    }
  }
}
.tablet-holder {
}

.video-section-wrapper {
  position: relative;
  display: flex;
  @include align-items(center);
  @include justify-content(center);
  width: 100%;
  height: 100%;

  @include media-query($medium-up) {
    overflow: hidden;
  }

  @include media-query($small) {
    @include portrait{
      overflow: visible !important;
      &.video-is-playing {
        margin: 0;
      }

      &.video-is-loaded {
        transition: margin 0.6s $ease-transition;
      }
    }
  }
}

.video-section-wrapper--small.video-section-wrapper--min-height {
  min-height: $video-height-small - 300;

  @include media-query($medium-up) {
    min-height: $video-height-small;
  }
}
.video-section-wrapper--medium.video-section-wrapper--min-height {
  min-height: $video-height-medium - 380;

  @include media-query($medium-up) {
    min-height: $video-height-medium;
  }
}

.video-section-wrapper--large.video-section-wrapper--min-height {
  min-height: $video-height-large - 400;

  @include media-query($medium-up) {
    min-height: $video-height-large;
  }
}

.video-background-wrapper--no-overlay {
  background-color: rgba($color-image-overlay, 0.2);
}

/*================ Video text ================*/
.video__text-content {
  text-align: center;
  position: relative;
  width: 100%;
  top: 20px;
  opacity: 1;
  transition: all 0.6s $ease-transition;
  transition-delay: 0.3s;
  z-index: $z-index-video-text;
  padding: 40px 0;

  .video-is-playing & {
    display: none;
  }

  .video-is-loaded &,
  .no-js & {
    @include transform(translateY(-20px));
  }

  .video-is-loaded &,
  .no-js & {
    &::after {
      opacity: 0;
      visibility: hidden;
      content: none;
    }
  }
}

.video__title {
  color: $color-overlay-title-text;

  .video-is-paused & {
    display: none;
  }
}

/*================ Video styles ================*/
.video {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: $z-index-video;
}

.video--background {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}

.autoplay .video-is-loaded .video--background {
  display: block;
  visibility: visible;
  opacity: 1;
}

.video--image_with_play {
  display: none;
  opacity: 0;
  visibility: none;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease-in;

  .video-is-playing &,
  .video-is-paused & {
    display: block;
    visibility: visible;
    opacity: 1;
  }
}

/*================ Video control buttons ================*/
.video-control {
  display: none;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: $z-index-video-controls;
  transition: all 0.1s ease-out;
}

.video-control__play-wrapper {
  display: none;
  height: $video-button-wrapper-size;

  @include media-query($medium-up) {
    display: block;
  }
}

.video-control__play-wrapper-mobile {
  display: block;
  height: $video-button-wrapper-size;
  position: absolute;
  top: calc(100% - 50px / 2);
  left: calc(50% - 50px / 2);

  @include media-query($medium-up) {
    display: none;
  }
}

.video-control__play-wrapper--with-text {
  margin-top: $grid-gutter;
}

.video-control__play {
  display: flex;
  justify-content: center;
  visibility: visible;
  opacity: 1;
  width: $video-button-wrapper-size;
  height: $video-button-wrapper-size;
  border-radius: $video-button-wrapper-size / 2;
  position: relative;
  margin: 0 auto;
  padding: 5px;
  pointer-events: none;

  .video-background-wrapper & {
    top: 50%;
    @include transform(translateY(-50%));
  }

  .icon {
    opacity: 0.5;
  }

  .video-is-loaded & {
    pointer-events: auto;

    .icon {
      opacity: 1;
    }
  }

  .video-is-playing & {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
}

// Video loader shown when initializing
.video-control__play::before {
  content: '';
  display: block;
  width: $video-loader-size;
  height: $video-loader-size;
  position: absolute;
  margin-left: - $video-loader-size / 2;
  border-radius: 50%;
  border: 2px solid white;
  border-top-color: transparent;
  @include animation(spin 0.65s infinite linear);
  transition: all 0.1s ease-out 0.5s;
  z-index: $z-index-video-loader;
  top: 1px;
  left: 50%;
  opacity: 0.5;

  .video-is-loaded &,
  .video-is-playing &,
  .video-is-paused & {
    content: none;
    display: none;
  }
}

.video-control__close-wrapper {
  width: $video-button-wrapper-size;
  height: $video-button-wrapper-size;
  position: absolute;
  top: 0;
  right: 0;
  outline: none;
  z-index: 3;
}

.video-control__close {
  position: relative;
  width: $video-close-button-size;
  height: $video-close-button-size;
  margin: 0 auto;
  font-size: 14px;
  line-height: 27px;
  border-radius: $video-close-button-size / 2;
  background-color: $color-video-controls;
  color: $color-video-controls-background;

  .video-control__close-wrapper:hover &,
  .video-control__close-wrapper:focus & {
    outline: auto 5px -webkit-focus-ring-color;
    opacity: 0.7;
  }

  .video-is-playing &,
  .video-is-paused & {
    display: inline-block;
    visibility: visible;
    opacity: 1;
  }

  .icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 auto;
  }
}

.video__pause {
  position: absolute;
  top: 0;
  right: 0;
  z-index: $z-index-video-text;
  width: $video-button-wrapper-size;
  height: $video-button-wrapper-size;
  padding: 0;
  border: none;
  background-color: transparent;
  transition: $transition-controls-video;

  @include media-query($small) {
    @include portrait{
      @include visually-hidden();
    }
  }

  .video-is-playing & {
    display: none;
  }

  .icon {
    position: relative;
    color: rgba($color-video-controls, 0.5);
    transition: $transition-controls-video;
  }

  &:hover,
  &:focus {
    outline: none;
    .icon {
      color: $color-video-controls;
    }
  }

  .icon-pause {
    width: 12px;
    height: 12px;
    top: 11px;
  }

  .icon-play-video {
    width: 16px;
    height: 16px;
    top: 9px;
  }
}

.video__pause-resume,
.video__pause-stop {
  height: $video-pause-button-size;
  width: $video-pause-button-size;
  margin: 0 auto;
  justify-content: center;
  background-color: rgba($color-video-controls-background, 0.4);

  .video__pause:hover &,
  .video__pause:focus & {
    background-color: rgba($color-video-controls-background, 0.75);
  }

  .video__pause:focus & {
    outline: auto 5px -webkit-focus-ring-color;
  }
}

.video__pause-stop {
  display: flex;

  .is-paused & {
    display: none;
  }
}

.video__pause-resume {
  display: none;

  .is-paused & {
    display: flex;
  }
}

/*================ Overlay ================*/
.video__overlay {
  @include overlay(3);
}

.video-is-playing .video__overlay {
  opacity: 0;

  &:before {
    content: none;
  }
}

/*================ Fallback images ================*/
.video__image {
  transition: opacity 0.8s $ease-transition;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  z-index: $z-index-video-image;

  .video-background-wrapper & {
    @include media-query($medium-up) {
      opacity: 0;
    }
  }

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


.prod_description ul {
  border-bottom: 1px solid #e3e3e3;
  display: block;
  margin: 0 0 20px;
  padding: 0;
  min-height:30px;
  display:flex;
  flex-wrap:wrap;
}
.prod_description ul li {
  display: block;
  float: left;
  height: auto;
  margin-bottom: 0;
  padding: 0;
  width: auto;
}
.prod_description ul li a {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  /*   background: none repeat scroll 0 0 #F5F5F5; */
  border-color: #e3e3e3 !important;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  display: block;
  font-size: .9em;
  height: 29px;
  line-height: 30px;
  margin: 0;
  padding: 0 20px;
  text-decoration: none;
  width: auto;
  /*   color: #303030; */
  border-bottom:none !important;
  @include media-query($medium){
    @include landscape{
      font-size:.7em;
    }
    /*     margin-right: 20px; */
  }
  @include media-query($small){
    @include landscape{
      font-size:.7em;
    }
    /*     margin-right: 20px; */
  }
  @include portrait{
    font-size:.7em;
  }
}
.prod_description ul li a.active {
  background: none repeat scroll 0 0 #FFFFFF;
  /*   border-left-width: 1px; */
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: #111111;
  height: 30px;
  margin: 0 0 0 -1px;
  padding-top: 4px;
  /*   font-size:17px; */
  position: relative;
  top: -4px;
  /*   font-weight:bold; */
}
.prod_description ul li:first-child a.active {
  margin-left: 0;
}
.prod_description ul li:first-child a {
  border-top-left-radius: 2px;
  border-width: 1px 1px 0;
}
.prod_description ul li:last-child a {
  border-top-right-radius: 2px;
}
.prod_description ul:before, .prod_description ul:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  clear:both;
  width: 0;
}
ul.tabs:after {
  clear: both;
}
.tab-content h3{
  display:none;
}
/* 
Swatches Styles
*/

{% assign width = '50px' %}
{% assign height = '35px' %}
.swatch { 
  margin:5px 0; 
  display:block;
  width:100%;
}
/* Label */
.swatch .header {
  margin: 0.5em 0;
}
/* Hide radio buttons.*/
.swatch input { 
  display:none;
}
.swatch label {
  /* Rounded corners */
  -webkit-border-radius:1px;
  -moz-border-radius:1px;
  border-radius:1px;
  /* To give width and height */
  float:left;
  /* Color swatches contain no text so they need to have a width. */
  min-width:{{ width }} !important; 
  height:{{ height }} !important;
  /* No extra spacing between them */
  margin:0;
  /* The border when the button is not selected */
  /*   border:#ccc 1px solid; */
  /* Background color */
  background-color:#eee;
  /* Styling text */
  font-size:11px;
  text-align:center;
  line-height:{{ height }};
  white-space:nowrap;
  text-transform:uppercase;
  border-radius:15px;
}
.swatch-element label { padding:0 10px; }
.color.swatch-element label { padding:0; }
/* Styling selected swatch */
/* Slightly raised */
.swatch input:checked + label {
  /*   -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.8); */
  /*   -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.8); */
  box-shadow:0px 1px 1px rgba(0,0,0,0.5);
  border:2px solid #000;
  background-color:#ddd;
  color:#000;
  border-color:transparent;
} 
.swatch .swatch-element {
  float:left;
  -webkit-transform:translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing:antialiased; /* webkit text rendering fix */
  /* Spacing between buttons */
  margin:0px 10px 10px 0;
  /* To position the sold out graphic and tooltip */
  position:relative;
}
/* Image with the cross in it */
.crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; }
.swatch .swatch-element .crossed-out { display:none; }
.swatch .swatch-element.soldout .crossed-out { display:block; }
.swatch .swatch-element.soldout label {
  filter: alpha(opacity=60); /* internet explorer */
  -khtml-opacity: 0.6;      /* khtml, old safari */
  -moz-opacity: 0.6;       /* mozilla, netscape */
  opacity: 0.6;           /* fx, safari, opera */
}
/* Tooltips */
.swatch .tooltip {
  text-align:center;
  background:gray;
  color:#fff;
  bottom:100%;
  padding: 10px;
  display:block;
  position:absolute;
  width:100px;
  left:{{ width | remove: 'px' | to_number | divided_by: 2 | minus: 50 | plus: 2 }}px;
  margin-bottom:15px;
  /* Make it invisible by default */
  filter:alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity:0;
  visibility:hidden;
  /* Animations */
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 10000;
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  box-sizing:border-box;
}
.swatch .tooltip:before {
  bottom:-20px;
  content:" ";
  display:block;
  height:20px;
  left:0;
  position:absolute;
  width:100%;
}
/* CSS triangle */
.swatch .tooltip:after {
  border-left:solid transparent 10px;
  border-right:solid transparent 10px;
  border-top:solid gray 10px;
  bottom:-10px;
  content:" ";
  height:0;
  left:50%;
  margin-left:-13px;
  position:absolute;
  width:0;
}
.swatch .swatch-element:hover .tooltip {
  filter:alpha(opacity=100);
  -khtml-opacity:1;
  -moz-opacity:1;
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0px);
  -moz-transform:translateY(0px);
  -ms-transform:translateY(0px);
  -o-transform:translateY(0px);
  transform:translateY(0px);
}
.swatch.error {
  background-color:#E8D2D2!important;
  color:#333!important;
  padding:1em;
  border-radius:5px;
}
.swatch.error p {
  margin:0.7em 0;
}
.swatch.error p:first-child {
  margin-top:0;
}
.swatch.error p:last-child {
  margin-bottom:0;
}
.swatch.error code {
  font-family:monospace;
  font-display: swap;
}

// Custom Css
body{
  background:#fff;
}

@include media-query($medium-up) { 
  .no-clear {
    clear: none !important; 
  }

  .thumbnails-slider__prev.thumbnails-slider__prev--product-template {
    display: inline-block;
    position: absolute;
    left: -9%;
    top: 60%;
    transform: translateY(-60%);
    z-index: 10000;
    padding-left: 0;
  }

  .thumbnails-slider__next.thumbnails-slider__next--product-template {
    display: inline-block;
    position: absolute;
    right: -9%;
    top: 60%;
    transform: translateY(-60%);
    z-index: 10000;
  }





  .product-single__thumbnails-item.js.no-clear.slick-slide.slick-active {
    padding-top: 0;
  }

  .thumbnails-wrapper.thumbnails-slider--active {
    position: relative;
  }

  .left--arrow {
    position: absolute;
    top: 60%;
    transform: translateY(-60%);
    left: -9%;
    z-index: 10000;
  }

  .right--arrow {
    position: absolute;
    top: 60%;
    transform: translateY(-60%);
    right: -9%;
    z-index: 10000;
  }

  .slick-hidden { 
    display: none !important; 
  }

  .slick-track {
    margin-top: 10px;
  }

  .thumbnails-slider--active {
    max-width: 92%;
    margin: 0 auto;
  }

  .product-single__thumbnail {
    margin: 3px 8px;
  }
}

.grid__item{
  padding-left:4px;
}
.product-desc th, td{
  border:none !important;
  vertical-align:top;
}
#tabs-1 th, #tabs-1 td{
  border-bottom:1px solid #eee !important;
  vertical-align:middle;
  text-align:center;
}
/* #tabs-1 td:nth-child(even){
background:#f9f9f9;
} */
#tabs-1 table tr:nth-child(even){
  border-bottom:1px solid #f2f2f2 !important;
  vertical-align:middle;
  text-align:center;
  background:#f9f9f9;
}
#tabs-1 td{
  width:auto !important;
}
#tabs-1 tr td:first-child,#tabs-1 tr td:first-child p{
  /* 	text-align:right !important; */
}
#tabs-2 tr{
  border-bottom:1px solid #eee !important;
  vertical-align:middle;
  text-align:center;
}
#tabs-2 table tr:nth-child(even){
  border-bottom:1px solid #f2f2f2 !important;
  vertical-align:middle;
  text-align:center;
  background:#f9f9f9;
}
#tabs-0 .scrollable-wrapper{
  overflow:visible;
}
#tabs-0 table{
  display:flex;
  /*   	margin-top:20px; */
  /*   	flex-direction:row; */
}
#tabs-0 th, #tabs-0 td{
  /* 	border-bottom:1px solid #eee !important; */
  vertical-align:top;
  text-align:center;
  padding:0;
  margin:0;
  height:auto !important;
}
#tabs-0 td{
  width:45% !important;
  display:flex;
  flex-direction:column;
  padding:2px;
  margin:15px 0;
  /*   margin:1em 1em; */
}
#tabs-0 td h2{
  letter-spacing:.5px;
  font-size:14px;
  line-height:1.5em;
  margin:15px 0;
  padding:0;
  min-height:40px;
}
#tabs-0 td p, #tabs-0 td, #tabs-0 td div{
  letter-spacing:0px;
  /*   	font-size:13px; */
}
#tabs-0 tbody{
  display:flex;
  flex-direction:column;
  margin:0 auto;
}
#tabs-0 tr{
  /*   margin:0 auto; */
  display:flex;
  flex-direction:row;
  height:auto !important;
  justify-content:space-between;
}

#tabs-0 .hotspot{
  margin:0 auto;
  margin-top:20px;
}

#tabs-0 .hotspot tr{
  display:flex;
  flex-direction:column;
}
#tabs-0 .hotspot td{
  /*   min-width:1200px; */
  width:100% !important;
  /*     min-width:100% !important; */
  display:block;
  text-align:Center;
  padding:0 5%;
  box-sizing:border-box;
  @include media-query($small){
    @include portrait{
      padding:1em;
    }
  }
}
#tabs-0 .hotspot td img{
  width:100% !important;
  /*   min-width:100% !important; */
  display:block;
  margin:0 auto;

}

#tabs-0 .hotspot td:last-child{
  /*   width:45% !important; */

}
/* #tabs-1 th, td div{
width:95% !important;
margin:0 auto;
font-size:15px;
line-height:1.2em;
} */
#tabs-33{
  padding:0 10px;
  /*   max-width:950px; */
  margin:0 auto;
}

#tabs-33 table{
  max-width:1050px;
  margin:30px auto;
}
#tabs-33 table{
  max-width:1050px;
  margin:30px auto;
}
#tabs-33 table td{
  width:50% !important;
}
/* #tabs-0 .scrollable-wrapper:nth-child(even) td:first-child{
width:55% !important;
text-align:right !important;
}
#tabs-0 .scrollable-wrapper:nth-child(odd) td:last-child{
width:55% !important;
text-align:right !important;
} */
#tabs-33 table:nth-child(even) td:last-child{
  /*   	width:40% !important; */
  /*   margin-left:10%; */
  /*   text-align:right !important; */
}
#tabs-33 .scrollable-wrapper:nth-child(odd){
  /*   	display:none; */
}
#tabs-33 p, #tabs-33 table{
  /* 	text-align:justify; */
  font-size:15px;
}
#tabs-33 h2{
  font-size:1.8em;
  font-weight:Bold;
  line-height:1em;
}
.product-desc{
  overflow:hidden;
}
.product-desc table, table p{
  /*   	font-size:14px; */
  line-height:1.2em;
}
.product-desc table, table h2{
  font-size:1.5em;
  line-height:1.5em;
}
.product-desc th, td img{
  width:100%;
  /*   	margin:0 auto;
  font-size:12px;
  line-height:1.2em; */
}
#tabs-1 td img{
  width:100%;
  /*   	margin:0 auto;
  font-size:12px;
  line-height:1.2em; */
  max-width:80px;
  min-width:80px;
}
#tabs-1 table{
  table-layout:auto !important;
}
.touch-points{
  position:relative;
  display:inline-block;
}
.touch-points #container{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:0;
}

.tool-tip   {  width:22px;
  height:22px;
  border-radius:16px;
  border:3px solid orange;
  position:absolute;
  display:block;
  background:rgba(0,0,0,.5);}


.tool-tip:hover
{  animation-play-state: paused;}

.tool-tip:hover .info {visibility:visible;}

#first   {   left:71%; top:7% !important;}

#second   {   left:66%; top:27% !important;}

#third   {    left:91%; top:33% !important;}
#fourth   {    left:34%; top:34% !important;}
#fifth   {    left:65%; top:58% !important;}
#sixth   {    left:44%; top:69% !important;}
#seventh   {    left:55%; top:78% !important;}

#first-z   {   left:58%; top:8% !important;}

#second-z   {   left:56%; top:24% !important;}

#third-z   {    left:74%; top:38% !important;}
#fourth-z   {    left:30%; top:35% !important;}
#fifth-z   {    left:63%; top:63% !important;}
#sixth-z   {    left:44%; top:69% !important;}
#seventh-z   {    left:42%; top:88% !important;}

#first-s   {   left:66%; top:22% !important;}

#second-s   {   left:45%; top:29% !important;}

#third-s   {    left:70%; top:35% !important;}
#fourth-s   {    left:80%; top:55% !important;}
#fifth-s   {    left:42%; top:63% !important;}
#sixth-s   {    left:34%; top:74% !important;}


#first-p   {   left:66%; top:22% !important;}

#second-p   {   left:33%; top:27% !important;}

#third-p   {    left:84%; top:28% !important;}
#fourth-p   {    left:80%; top:55% !important;}
#fifth-p  {    left:42%; top:63% !important;}
#sixth-p   {    left:51%; top:72% !important;}

#first-v   {   left:70%; top:19% !important;}

#second-v   {   left:46%; top:27% !important;}

#third-v   {    left:72%; top:36% !important;}
#fourth-v   {    left:80%; top:55% !important;}
#fifth-v  {    left:42%; top:66% !important;}
#sixth-v   {    left:51%; top:78% !important;}

#first-tu   {   left:70%; top:19% !important;}

#second-tu   {   left:46%; top:27% !important;}

#third-tu   {    left:72%; top:36% !important;}
#fourth-tu   {    left:90%; top:55% !important;}
#fifth-tu  {    left:42%; top:66% !important;}
#sixth-tu    {    left:51%; top:78% !important;}
/* #seventh-s   {    left:52%; top:80% !important;} */

/* Tuscany XL TOUCH POINTS*/
.touch-points .valencia-xl-container #first{

}
.touch-points .valencia-console-container #first   {   left:73%; top:18% !important;}

.touch-points .valencia-console-container #second   {   left:35%; top:30% !important;}

.touch-points .valencia-console-container #third   {    left:88%; top:40% !important;}
.touch-points .valencia-console-container #fourth   {    left:79%; top:41% !important;}
.touch-points .valencia-console-container #fifth   {    left:32%; top:53% !important;}
.touch-points .valencia-console-container #sixth   {    left:53%; top:74% !important;}
.touch-points .valencia-console-container #seventh   {    left:56%; top:20% !important;}
.touch-points .valencia-console-container #eight   {    left:50%; top:31% !important;}


.touch-points .valencia-tu-container #first   {   left:58%; top:7% !important;}

.touch-points .valencia-tu-container #second   {   left:56%; top:27% !important;}

.touch-points .valencia-tu-container #third   {    left:75%; top:37% !important;}
.touch-points .valencia-tu-container #fourth   {    left:18%; top:38% !important;}
.touch-points .valencia-tu-container #fifth   {    left:65%; top:48% !important;}
.touch-points .valencia-tu-container #sixth   {    left:37%; top:61% !important;}
.touch-points .valencia-tu-container #seventh   {    left:39%; top:91% !important;}
.touch-points .valencia-tu-container #eight   {    left:50%; top:31% !important;} 

.touch-points .tuscany-luxury-xl-container #first   {   left:58%; top:7% !important;}

.touch-points .tuscany-luxury-xl-container #second   {   left:56%; top:27% !important;}

.touch-points .tuscany-luxury-xl-container #third   {    left:75%; top:37% !important;}
.touch-points .tuscany-luxury-xl-container #fourth   {    left:18%; top:38% !important;}
.touch-points .tuscany-luxury-xl-container #fifth   {    left:65%; top:48% !important;}
.touch-points .tuscany-luxury-xl-container #sixth   {    left:37%; top:61% !important;}
.touch-points .tuscany-luxury-xl-container #seventh   {    left:39%; top:91% !important;}
.touch-points .tuscany-luxury-xl-container #eight   {    left:50%; top:31% !important;} 
.touch-points .tuscany-luxury-xl-container #ninth   {    left:48%; top:47% !important;} 

.touch-points .valencia-oxford-console-container #first   {   left:73%; top:18% !important;}

.touch-points .valencia-oxford-console-container #second   {   left:35%; top:30% !important;}

.touch-points .valencia-oxford-console-container #third   {    left:88%; top:40% !important;}
.touch-points .valencia-oxford-console-container #fourth   {    left:15%; top:41% !important;}
.touch-points .valencia-oxford-console-container #fifth   {    left:32%; top:53% !important;}
.touch-points .valencia-oxford-console-container #sixth   {    left:53%; top:74% !important;}
.touch-points .valencia-oxford-console-container #seventh   {    left:56%; top:20% !important;}
.touch-points .valencia-oxford-console-container #eight   {    left:50%; top:31% !important;}

.touch-points .valencia-xl-container #first   {   left:56%; top:7% !important;}

.touch-points .valencia-xl-container #second   {   left:54%; top:27% !important;}

.touch-points .valencia-xl-container #third   {    left:75%; top:33% !important;}
.touch-points .valencia-xl-container #fourth   {    left:25%; top:34% !important;}
.touch-points .valencia-xl-container #fifth   {    left:38%; top:58% !important;}
.touch-points .valencia-xl-container #sixth   {    left:40%; top:76% !important;}
.touch-points .valencia-xl-container #seventh   {    left:52%; top:85% !important;}
.touch-points .valencia-xl-container #eight   {    left:47%; top:44% !important;}

.touch-points .valencia-osconsole-container #first   {   left:73%; top:18% !important;}

.touch-points .valencia-osconsole-container #second   {   left:35%; top:30% !important;}

.touch-points .valencia-osconsole-container #third   {    left:88%; top:40% !important;}
.touch-points .valencia-osconsole-container #fourth   {    left:82%; top:50% !important;}
.touch-points .valencia-osconsole-container #fifth   {    left:32%; top:53% !important;}
.touch-points .valencia-osconsole-container #sixth   {    left:53%; top:74% !important;}
.touch-points .valencia-osconsole-container #seventh   {    left:56%; top:20% !important;}
.touch-points .valencia-osconsole-container #eight   {    left:50%; top:31% !important;}
.touch-points .valencia-osconsole-container #ninth   {    left:75%; top:82% !important;}


.touch-points .venice-container #first   {   left:49%; top:22% !important;}
.touch-points .venice-container #second   {   left:68%; top:35% !important;}
.touch-points .venice-container #third   {    left:22%; top:33% !important;}
.touch-points .venice-container #fourth   {    left:65%; top:58% !important;}
.touch-points .venice-container #fifth   {    left:36%; top:66% !important;}
.touch-points .venice-container #sixth   {    left:48%; top:76% !important;}
.touch-points .venice-container #seventh   {    left:52%; top:85% !important;}
.touch-points .venice-container #eight   {    left:47%; top:44% !important;}
/* .touch-points .valencia-xl-container #nine   {    left:47%; top:44% !important;} */

#first-tc {
  left: 55%;
  top: 19% !important;
}
#second-tc {
  left: 77%;
  top: 32% !important;
}
#third-tc {
  left: 92%;
  top: 36% !important;
}
#fourth-tc {
  left: 9%;
  top: 28% !important;
}
#fifth-tc {
  left: 81%;
  top: 58% !important;
}
#sixth-tc {
  left: 64%;
  top: 51% !important;
}
#seventh-tc {
  left: 62%;
  top: 64% !important;
}
#eighth-tc {
  left: 21%;
  top: 48% !important;
}


.info     {   width:200px;
  padding:10px;
  background: rgba(95,95,95,.9);
  border-radius:3px;
  position:absolute;
  top:26px;
  left:-94px;
  z-index:99;
  visibility:hidden;
  /*               margin:-105px 0 0 -100px; */
  /*               box-shadow:0 0 50px 0 rgba(0,0,0,.5); */
}

#container h2{
  /*   font-family: 'Roboto', sans-serif; */
  font-weight:200;
  letter-spacing:3px;
  font-size:20px;
  color:#fff;
  margin:0 0 5px 0;}

#container p{  
  /*   font-family: 'Roboto', sans-serif; */
  font-weight:400;
  color:#fff;
  font-size:12px;}


.tp-container{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
.arrow {
  position:absolute;
  /*   margin:10px 0 0 88px; */
  width: 0; 
  height: 0; 
  left:88px;
  top:-10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(135,135,135,.8);
}

@include media-query($small){
  @include portrait{
    #tabs-0 tr{
      flex-direction:column;
    }
    #tabs-0 td, #tabs-0 .hotspot td:first-child, #tabs-0 .hotspot td:last-child{
      width:100% !important;
    }
    .prod_description ul li a{
      font-size:12px;
    }
    .prod_description ul li a.active{
      font-size:12px;
      font-weight:Bold;
    }
    .rte table{
      table-layout:initial;
    }
    .grid{
      margin-left:0;
    }
  }
}
.prod_description h1:before,
.prod_description h1:after {
  background-color: #687986;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 3%;
}
.prod_description h1:before {
  right: 0.5em;
  margin-left: -95%;
}
.prod_description h1:after {
  left: 0.5em;
  margin-right: -95%;
}

.section-header h4.h2:before {
  background-color: #687986;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 3%;
}
.section-header h4.h2:before {
  right: 0em;
  margin-right: 1%;
}

.section-header h2{
  text-align:left;
  font-size:21px;
}

.section-header h2:before {
  background-color: #687986;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 3%;
}
/* .section-header h4.h2:before {
right: 0.5em;
margin-left: -95%;
} */
.section-header h2:before {
  right: 0em;
  margin-right: 1%;
}
#shopify-section-1550703195693 h3.h4{
  font-size:2.5em !important;
  width:60%;
  font-style:italic;
}
.ULine{
  width:196%;
  position:absolute;
  height:26vw;
  top:1.5em;
  left:1em;
}
.custom-content{
  margin-left:0 !important;
  padding:10px;
  padding-left:100px;
  @include media-query($small) {
    @include portrait{
      flex-direction:column;
      margin:0;
      padding:1.5em;
    }
  }

}
#shopify-section-1564034326803 .custom-content{
  margin:5vh 0;
  padding:0;
  display:flex;
  flex-direction:column;
  background:none;
}
#shopify-section-1564034326803 .custom-content .custom__item{
  width:90vw;
  max-width:900px;
}
#shopify-section-1564034326803 .custom-content .custom__item h4{
  text-transform:none !important;
  font-size:2.5em;
  border-bottom:1px solid #eee;
  display:inline-block;
  margin:0 auto;
  text-align:center;
  line-height:1.3em;
  opacity:0;
  transform:translate(0,15px);
}
#shopify-section-1564034326803 img{
  transform:translate(0,30px);
  /*   	transform:scale(.99); */
  opacity:0;
}
.custom-content .custom__item p strong{
  text-align:Center;
  font-size:1em;
  max-width:800px;
  opacity:0.8;
  margin:0 auto;
}
#shopify-section-1551078450560 .custom-content, #shopify-section-1565816437593 .custom-content{

  @include media-query($small) {
    @include portrait{
      flex-direction:column-reverse;
    }
  }
}
.bringThemIn{
  transform:translate(0, 0) !important;
  opacity:1 !important;
  transition:.5s !important;
  transform:scale(1) !important;
}
.custom-content .custom__item p{
  font-size:1.2em;
  line-height:1.2em;
  margin:8px 8px;
}
.custom__item-inner h4{
  font-size:2em;
}
#shopify-section-1550650210783 .page-width{
  /* 	background:#ccc; */
  margin-left:0;
  padding-left:0;
  max-width:100vw;	
}
#shopify-section-1551078450560 .page-width, #shopify-section-1565816437593 .page-width{
  /* 	background:#ccc; */
  margin-right:0;
  padding-right:0;
  max-width:100vw;
}
#shopify-section-1551078450560 .custom-content, #shopify-section-1565816437593 .custom-content{
  padding-left:0 !important;
  padding-right:80px;
  border-radius:10px 0 0 10px;
  @include media-query($small) {
    @include portrait{
      padding:1.5em;
    }
  }
}
#shopify-section-1551078450560, #shopify-section-1550650210783, #shopify-section-1565816437593{
  /* 	transform:translate(15px, 0); */
  /*   	opacity:0; */
}
#shopify-section-1565816437593 .custom-content{
  flex-direction:row-reverse;
}
/* #shopify-section-1550650210783 .page-width .custom-content{
padding-left:55px;
background:#f7f7f7;
} */
/* .custom-content:nth-child(odd) .page-width{
margin-left:0;
padding-left:0;
}
.custom-content:nth-child(even) .page-width{
margin-left:0;
padding-right:0;
}
.custom-content:nth-child(odd){
padding-right:55px;
background:#f7f7f7;
}
.custom-content:nth-child(even){
padding-left:55px;
background:#f7f7f7;
}
*/
#shopify-section-1550650210783 .page-width .section-header h4.h2{
  padding-left:55px;
}

#shopify-section-1551118333560 .grid__item{
  display:block;
  width:100% !important;
} 
#shopify-section-1551118333560 h2, #shopify-section-1551118333560 .h2{
  text-align:center;
  /*   	font-weight:Bold; */
}
#shopify-section-1551118333560 p{
  width:70%;
  margin:0 auto;
}
#shopify-section-1551118333560 h2:before, #shopify-section-1551118333560 .h2:before{
  display:none;
}
#shopify-section-1551125206456{
  background:#f7f7f7;
  padding:0;
  margin:0;
}
#shopify-section-1551125206456 .grid{
  margin:0 auto;
  padding-top:30px;
  /*   	margin-bottom:-30px; */
}
#shopify-section-1551125206456 .grid__item{
  /* 	margin:0 auto; */
  margin-bottom:-30px;
}
#shopify-section-1551125206456 .image-bar{
  overflow:inherit;
}
#shopify-section-1551125206456 .image-bar > div{
  overflow:hidden;
}
#shopify-section-1551125206456 .image-bar--medium .image-bar__content,#shopify-section-1551125206456 .image-bar--medium .image-bar__item{
  margin:0 7vw;
  width:auto;
  @include media-query($small) {
    @include portrait{
      height:25vh;
    }
  }
  /*   overflow:inherit; */
  /*   	margin-bottom:-300px; */
}
#shopify-section-1564117322086{
  max-width:90vw;
  margin:0 auto;
  transform:translate(0,35px);
  opacity:0;
}
#shopify-section-1565983226008{
  margin-top:50px;
  padding:10px;
}
#shopify-section-1565983226008 .page-width{
  background:none;
}
#shopify-section-1565983226008 p{
  text-align:right;
  max-width:500px;
  font-size:26px;
}
#shopify-section-1565983226008 p a{
  /* 	text-align:center; */
  /*   	max-width:700px; */
  font-size:18px;
}
#shopify-section-1565983226008 .custom-content{
  background:none;
  padding:0 !important;
  margin:0 !important;
  display:flex;
  flex-direction:row;
}
#shopify-section-1565983226008 .custom-content .custom__item{
  /* 	max-width:90vw !important; */
  /*     width:90%;
  max-width:90%;	 */
}
#shopify-section-1565983226008 .custom-content .custom__item p{
  /* 	font-weight:bold; */
}
#shopify-section-1565983226008 .custom-content .custom__item p strong{
  /* 	font-weight:bold; */
  color:#111 !important;
  font-weight:500;
}
.slideshow--small{
  height:300px;
}
#shopify-section-1564117322086 .slideshow__image{
  background-size:contain;
}

body{
  /* 	padding-top:100px; */
}
html{
  /* 	padding-bottom:0 !important; */
}
.index-section{
  padding:40px 0;
  /*   margin:0 !important; */
}
.index-section .section-header{
  margin-bottom:20px;
}
.index-section:first-child{
  margin-top:0 !important;
  padding:0;
  /*   	padding-bottom:10px; */
}
/* .section-header h4.h2:before {
right: 0.5em;
margin-left: -95%;
} */
/* #shopify-section-1551125206456 h2:before {
right: 0em;
margin-right: 1%;
} */
.hmpgcoll ul{
  margin-left:20px;
}
#shopify-section-1551125083059 h2{
  margin-top:20px;
  text-align:center !important;
  font-size:21px;
  padding:0 10px;

}

#shopify-section-1551125083059 h2:before {
  background-color: #687986;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 3%;
}
#shopify-section-1551125083059 h2:after {
  background-color: #687986;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 3%;
}
#shopify-section-1551125083059 h2:before {
  left: -0.5em;
  margin-right: 1%;
}
#shopify-section-1551125083059 h2:after {
  right: -0.5em;
  margin-left: 1%;
}
/* Collections page */
.collections-page .page-width{
  max-width:1720px;
  width:100%;
  padding-top:50px !important;
  margin-top:-50px !important;
  /*   @include media-query($medium) {
  padding-top:500px !important;
  margin-top:-450px !important;
}
  @include media-query($small) {
  padding-top:500px !important;
  margin-top:-450px !important;
}
  @include portrait {
  @include media-query($small) {
  padding-top:500px !important;
  margin-top:-450px !important;
}
} */
}
/* .collections-page .index-section{
padding:0 !important;
} */
.collections-page .grid{
  margin-right:0px;

}
.collections-page .grid::after{
  content:none;
}
.colletions-page li{
  /* 	background:#fbfbfb; */
  /*   	margin:.5em; */
  /*   width:32%; */
  padding:.3em;
  box-sizing:border-box;
  @include media-query($small) {
    width:100%;
  }
  @include media-query($medium) {
    width:50%;
  }
}
.collections-page .product-card{
  /* 	padding:.5em; */
}
.collections-page,.build-your-own{
  text-align:center;
  margin-bottom:10px;
}
.collections-page h2,.collections-page h2,.build-your-own h2{
  margin-top:20px;
  text-align:center !important;
  font-size:21px;
  padding:0 10px;

}

.collections-page h2:before, .build-your-own h2:before  {
  background-color: #687986;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 3%;
  left: -0.5em;
  margin-right: 1%;
}
.collections-page h2:after, .build-your-own h2:after {
  background-color: #687986;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 3%;
  right: -0.5em;
  margin-left: 1%;
}

.collections-page .product-card{
  height:100%;
  background:none;
  padding:2em 0px;
  /*  background-image: linear-gradient(to bottom, #fff, #fff); */

}
.collections-page .product-card__title{
  font-size:1em;
  font-weight:500;
  font-weight:Bold;
  /*   	border-bottom:1px solid #333; */
  /*   max-width:350px;
  display:Block; */
}
.collections-page li,.collections-page li, .build-your-own li{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}

#bespoke-series img, #bespoke-series-xl img, #limited-series img, #lounge-series img, #monza-series img{
  max-width:100% !important;
  max-height:100% !important;
}
.collections-page li{
  @include media-query($medium) {
    /*     width:50%; */
  }
  @include media-query($small) {
    width:100%;
  }
  @include portrait {
    @include media-query($small) {
      width:100%;
    }
  }
}
.collections-page #bespoke-series a, .collections-page #bespoke-series-xl a, .collections-page #limited-series a, .collections-page #lounge-series a, .collections-page #monza-series a{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-areas: a b;
  grid-column-gap:20px;
  grid-row-gap:20px;
  background:#f7f7f7;
  padding:15px;
  align-items:center;
  @include media-query($medium) {
    grid-template-columns:2fr 1fr;

  }
  @include media-query($small) {
    grid-template-columns:1fr;

  }
  @include portrait {
    @include media-query($small) {
      grid-template-columns:1fr;
    }
  }
}
/* .collections-page #bespoke-series a > div:first-child{
grid-area:a;
}
.collections-page #bespoke-series a > div:first-child{
grid-area:b;
} */
/* .collections-page #bespoke-series-xl a{
@include media-query($medium) {
grid-template-columns:1fr 2fr;

}
@include media-query($small) {
grid-template-columns:1fr;

}
@include portrait {
@include media-query($small) {
grid-template-columns:1fr;
}
}
} */
.collections-page #bespoke-series-xl a{
  margin-bottom:-120px;
  @include portrait {
    @include media-query($small) {
      margin-bottom:-120px;
    }
  }
}
.collections-page #bespoke-series a button, .collections-page #bespoke-series-xl a button, .collections-page #limited-series a button, .collections-page #lounge-series a button, #monza-series a button{
  background-color: #2781f3;
  font-size: 16px;
  font-smooth: always;
  font-weight: 500;
  text-align: center;
  align-content: center;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-width: 200px;
  margin: 5px;
  padding: 0;
  border: 0 !important;
  border-radius: 4px;
  color: #fff;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  font-display: swap;
  margin: 10px auto;
  display: block;
}

.collections-page #bespoke-series a .price, .collections-page #bespoke-series-xl a .price, .collections-page #limited-series a .price{
  /* 	display:inline-block !important; */
  border-top:1px solid #f9f9f9;
  margin-top:15px;

}
.collections-page #bespoke-series a .price__regular, .collections-page #bespoke-series-xl a .price, .collections-page #limited-series a .price{
  /* 	text-align:left; */
}
#premier-series li{
  width:50%;
  @include portrait {
    @include media-query($small) {
      width:100%;
    }  
  }
}
#premier-series .grid-view-item__image-wrapper{
  max-width:80%;
  max-height:80%;
  margin:0 auto;
}
#premier-series .grid-view-item__image-wrapper .grid-view-item__image{
  max-width:100%;
  max-height:100%;
}
.collections-page .grid-view-item__image-wrapper{
  max-width:80% !important;
  max-height:80% !important;
  margin:0 auto;
}
.collections-page .grid-view-item__image-wrapper .grid-view-item__image{
  max-width:100%;
  max-height:100%;
}
#big-and-tall-series li{
  width:50%;
  @include portrait {
    @include media-query($small) {
      width:100%;
    }  
  }
}
/* #big-and-tall-series li{
width:50%;
@include portrait {
@include media-query($small) {
width:100%;
}  
}
} */

div.product-badges{
  position:absolute;
  /* 	 width:25%; */
  min-width:50px;
  width:35%;
  max-width:200px;
  top:0;
  right:0;
  @include portrait{
    right:-30px;
  }
}
div.product-badges img{
  width:100%;
  height:auto;
  position: sticky;
  z-index: 1;
}
div.product-ribbon{
  position:absolute;
  /* 	 width:25%; */
  min-width:50px;
  width:35%;
  max-width:200px;
  top:0;
  left:0;
  @include portrait{
    left:0px;
  }
}
div.product-product img{
  width:100%;
  height:auto;
}
div.product-swatches{
  display:flex;justify-content:center;
  margin-top:-10px;
}
div.product-swatches span{
  width:24px;
  height:24px;
  border-radius:100%;
  margin:5px;
  box-shadow:0px 0px 1px 2px #eee;
}

.icon-color{
  height: 15px;
  width: 15px;
  border-radius: 30%;
  display: inline-block;
  box-shadow:0px 0px 1px 2px #eee;
  }
div.product-swatches span.midnight-black, span.icon-color.midnight-black{
  background-color:#000;
}
div.product-swatches span.black, span.icon-color.black{
  background-color:#000;
}
div.product-swatches span.dark-chocolate, span.icon-color.dark-chocolate{
  background-color:rgb(75, 45, 41);
}
div.product-swatches span.royal-cognac, span.icon-color.royal-cognac{
  background-color:rgb(189, 107, 57);
}
div.product-swatches span.light-grey, span.icon-color.light-grey{
  background-color:rgb(102, 97, 93);
}
div.product-swatches span.blue2, span.icon-color.blue2{
  background-color:rgb(0, 64, 128);
}
div.product-swatches span.grey2, span.icon-color.grey2{
  background-color:rgb(203, 201, 194);
}
div.product-swatches span.cream, span.icon-color.cream{
  background-color:rgb(249, 243, 233);
}
div.product-swatches span.beige, span.icon-color.beige{
  background-color:rgb(228, 220, 210);
}
div.product-swatches span.dark-almond, span.icon-color.dark-almond{
  background-color:#7A391D;
}
div.product-swatches span.dark-green, span.icon-color.dark-green{
  background-color:#70614D;
}
div.product-swatches span.red, span.icon-color.red{
  background-color:rgb(235, 23, 23);
}
div.product-swatches span.white, span.icon-color.white{
  background-color:rgb(255, 255, 255);
}
div.product-swatches span.sophia, span.icon-color.sophia{
  background-image: url("/cdn/shop/files/Screen_Shot_2022-09-29_at_4.14.58_PM.jpg?v=1664917568");
}
div.product-swatches span.modern-grey, span.icon-color.modern-grey{
  background: rgb(102, 97, 93);
}
div.product-swatches span.venetian-rosso, span.icon-color.venetian-rosso{
  background-color: rgba(204, 51, 51,1);
}
div.product-swatches span.navy-blue, span.icon-color.navy-blue{
  background-color: rgb(42, 42, 68);
}
div.product-swatches span.graphite-color, span.icon-color.graphite-color{
  background-color: rgb(53, 53, 53);
}
div.product-swatches span.charcoal-grey, span.icon-color.charcoal-grey{
  background-color: rgb(93, 96, 103);
}
div.product-swatches span.black-grey, span.icon-color.black-grey{
  background-color: linear-gradient(to right bottom, #282828 50%, #4f4f4f 50%);
}
div.product-swatches span.olive-green, span.icon-color.olive-green{
  background-color: rgb(81,69,47);
}
div.product-swatches span.tan, span.icon-color.tan{
  background-color: #D2B48C;
}
div.product-swatches span.yvonne, span.icon-color.yvonne{
  background-image: url("https://cdn.shopify.com/s/files/1/0069/9373/9831/files/5_-_Copy_-_Copy.png?v=1700856854");
}
div.product-tags{
  display:flex;justify-content:center;
}
div.product-tags p{
  background: #f7f7f7;
  /*   color: #296390; */
  font-size:.8em;
  font-weight:500;
  display: flex;
  margin: 0 auto;
  align-content: center;
  align-items:center;
  justify-content:center;
  padding:5px 10px;
  border-radius:5px;
  max-width:350px;
  /*   box-shadow:0px 0px 5px 1px #eee; */
  @include portrait{
    font-size:.9em;
  }
}
div.product-tags p span{
  border-left:1px solid #296390;
  padding:0 8px;
  font-weight:500;
}
div.product-tags p span:first-child{
  border-left:0px solid transparent;
  padding:0 5px;
}
div.product-tags2{
  display:flex;justify-content:center;
  z-index:99999;
  flex-wrap:wrap;

}

.product-tags2 button{
  background-color:#2781f3;
  font-size: 16px;
  font-smooth: always;
  font-weight: 500;
  text-align: center;
  align-content: center;
  align-items:center;
  justify-content:center;
  height: 40px;
  width: 75px;
  margin: 5px;
  padding: 0;
  border:0px!important;
  border-radius: 4px;
  color: #FFF; 
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
  font-display: swap;
  @include media-query($small){
    /*     margin-left: 5px; */
  }

}


div.product-tags2 p{
  background: #f7f7f7;
  /*   color: #296390; */
  font-size:.8em;
  font-weight:500;
  display: flex;
  margin: 0 auto;
  align-content: center;
  align-items:center;
  justify-content:center;
  padding:5px 10px;
  border-radius:5px;
  max-width:350px;
  /*   box-shadow:0px 0px 5px 1px #eee; */
  @include portrait{
    font-size:.9em;
  }
}
div.product-tags2 p a{
  text-align:center;
}
div.product-tags2 p span{
  border-left:1px solid #296390;
  padding:0 8px;
  font-weight:500;
}
div.product-tags2 p span:first-child{
  border-left:0px solid transparent;
  padding:0 5px;
}
ul.product-badge{
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  /*   position: absolute; */
  /*   top: -48px; */
  /*   left: 50%; */
  @include portrait{
    position:relative;
    right:auto;
    top:auto;
  }
  /*   transform: translateX(20%); */
}
ul.product-badge li{
  margin: 5px;
  border: 1px solid #999;
  padding: 5px 10px;
  border-radius: 15px;
  font-size: 12px;
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  background:#fff;
  max-width:300px;
}
ul.product-badge li img{
  width:25px;
  height:auto;
}
.build-your-own p{
  max-width:900px;
  margin:0 auto;
}
.cart__image-wrapper{
  pointer-events:none;
}
.collection_desc{
  max-width:700px;
  margin:10px auto;
  margin-bottom:25px;
  text-align:center;
  letter-spacing:1px;
}
.option-cart-title{
  margin-left:0 !important;
}
.mw-options-container .mw-option{
  z-index:0;
}
.mw-configure-link-container{
  display:none !important;
}
.mw-options-container .mw-option-select{
  margin:10px 5px;
  display:inline-block;
  width:46%;
  @include media-query($small) {
    @include portrait{
      width:46%;
      box-sizing:border-box;
    }
  }
  @include media-query($medium) {
    @include portrait{
      width:30%;
      box-sizing:border-box;
    }
  }
}
/* .customizer-template .mw-options-container .mw-option-select{
@include landscape{
width:30% !important;
}
} */
.mw-options-container .mw-option img{
  /* 	width:175px; */
  width:100%;
}
.mw-option-radio{
  width:100% !important;
}
.estimated-delivery{
  /* 	display:none !important; */
  height:5px !important;
  overflow:hidden;
}
.estimated-delivery-cart{
  display:none !important;
  height:5px !important;
  overflow:hidden;
}
.mw-option-button{
  width:100%;

}
.mw-option-button .button-value{

}
.mw-option-button .button-value{
  float: left;
  min-width: 50px !important;
  height: 35px !important;
  margin: 0;
  background-color: #eee !important;
  font-size: 11px !important;
  text-align: center !important;
  line-height: 35px !important;
  white-space: nowrap !important;
  text-transform: uppercase;
  border-radius: 15px;
  border:none !important;
  margin:0 !important;
  padding:0 15px !important;
}
.mw-option-button .button-value--selected{
  background:#ddd !important;
  box-shadow:0px 1px 1px rgba(0,0,0,0.5);
  color:#000;
  border:none !important;
}
.mw-options-container label{
  border-bottom:1px solid #e6e6e6;
  display:inline-block !important;
  line-height:1.2em;
  font-weight: bold;
  font-size:1em;
  /*   	width:100%; */
}
.mw-product-options{
  position:relative;
}
.mw-option-description{
  font-size: 1em !important;
  line-height: 1.5em;
  /*     font-weight: normal; */
  margin: .5em 0;
  font-style:italic;
}
.mw_product_option_label .compare-price{
  display:none;
}
.beside-image{
  pointer-events: none;
}
.configuration .swatch-value-container .swatch-value{
  width:75px !important;
  height:75px !important;
}
.configuration .value-price{
  display: none;
}
.extended-warranty .value-price{	
  display:none !important;	
}	
.extended-warranty input[type=checkbox]{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  padding: 10px;
  margin: 10px;
}
.configuration .value-price{	
  display:none !important;	
}
.hide-it{
  display:none !important;
}
.veronamove .swatch-value, .veronamove .swatch-image{
  background-position:17% 69% !important;
}
.move-in{
  position:relative;
  overflow:hidden;
  /*   	min-height:400px; */
  padding:0 !important;
  margin-bottom:10px;
}
.move-in img{
  position:Relative;
  z-index:9;
}
.move-in .swatch-option, .move-in .mw_product_option_label, .move-in .button-option{
  position:relative;
  z-index:10;
  display:block !important;
  background:#f9f9f9;
  margin:0;
  padding:5px 0;
}
.move-in br{
  display:none !important;
}
.move-in .swatch-value, .move-in .swatch-image{
  background-size:200% !important;
}

.move-in-swatch{
  position:relative;
  overflow:hidden;
  max-height:300px; 
  max-width:300px;
  padding:0 !important;
  margin-bottom:10px;
}
.move-in-swatch img{
  position:Relative;
  z-index:2;
  height: 50%;
  width: 50%;
}
.move-in-swatch .swatch-option, .move-in-swatch .mw_product_option_label, .move-in-swatch .button-option{
  position:relative;
  z-index:2;
  display:block !important;
  background:#f9f9f9;
  margin:0;
  padding:5px 0;
}
.move-in-swatch br{
  display:none !important;
}

.move-in-swatch input[type="radio"] {
  display:none !important;
}
.move-in-swatch .swatch-value, .move-in-swatch .swatch-image{
  background-size:100% !important;
}
.zurichmove .swatch-value, .zurichmove .swatch-image{
  background-position:71% 16% !important;

}
.monza-move .swatch-value, .monza-move .swatch-image{
  background-position:70% 50% !important;

}
.move-this-too .swatch-value, .move-this-too .swatch-image{
  background-size:400% !important;
  background-position:37% 27% !important;
}
.zurichmove2 .swatch-value, .zurichmove2 .swatch-image{
  background-position:46% 14% !important;

}
.move-this{
  opacity:1;
  position:absolute;
  bottom:0;
  z-index:1;
  padding:0 !important;
}

.move-this .mw_product_option_label, .move-this input, .move-this .option-value-label{
  position:Absolute;
  display:none !important;
  top:-100%;
}
.move-this img{
  display:block !important;
  position:Absolute;
  bottom:0;
}
.move-this > img{
  display:block !important;
}
.move-this-too {
  padding:0 !important;
  /*   	margin:0; */

}
.move-this-too img{
  display:block !important;
  position:Absolute;
  bottom:0;
}

.move-in > img:first-child{
  display:none !important;
}
.move-in > img.once-image{
  display:block !important;
}
// New accessories and tray table 

.accessories-layout-two{

}
.accessories-layout-two ul li {
  list-style: none;
  display: grid;
  grid-template-columns: auto auto 1fr 0 1fr;
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  margin: 10px 0;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 0;
  grid-template-areas: "a b c d e";
}
.accessories-layout-two .mw-option-checkbox .qty-input-blk{
  margin:0 !important;
}
.accessories-layout-two label {
  display: block;
  font-weight:normal;
}
.accessories-layout-two .qty-input-blk .mw-label {
  display: block !important;
  float: none;
}
.accessories-layout-two img{
  grid-area: b;
  min-width: 100px;
  max-width: 160px;
  width:200px !important;
  @include media-query($small) {
    @include portrait{
      min-width: 80px;

      width:80px !important;
    }
  }
}

.mw-options-container .option-value-label{
  @include media-query($small) {
    @include portrait{
      /*     width:45%; */
      max-width:100px;
    }
  }
}

// Hide the swatch from the free included tray tables option
.riser-option{	
  /* 	display:none; */	
}	
.riser-option img{	
  max-width:300px !important;	
}

.includes-free .swatch-option{
  display:none;
}

.includes-free input{
  display: none;
}

.accessory-eta .swatch-option{
  display:none;
}

.accessory-eta input{
  display: none;
}


.includes-free2 .swatch-option{
  opacity:0;
  height: 0 !important;
  overflow:hidden;
}

.includes-free2 input{
  opacity:0;
  height: 0 !important;
  overflow:hidden;
}
.c-cat-sub-heading{
  font-size: 18px;
  line-height: 1em;
  margin-left: 10px;
  margin-top: 25px;
  font-weight: 600;
}
.estimated-delivery, .estimated-delivery-cart{
  opacity:0;
  height: 0 !important;
  overflow:hidden;
}
.estimated-delivery-cart ul{
  display:none !important;
}
.dark-mode-toggle{
  position: fixed;
  top: 160px;
  left: 7px;
  width: 74px;
  height: 38px;
  background: #222;
  cursor: pointer;
  border-radius: 38px;
  border:3px solid #555555;
  transform:scale(.8);
  @include portrait{
    top:15px;
  }
}
.light-switch{
  position:absolute;
  left:3px;
  background:#999999;
  border:4px solid #555555;
  width:26px;
  height:26px;
  margin:3px;
  border-radius:32px;
  transition:.3s all ease-out;
}
.dark-mode-toggle img{
  width:24px;
  margin:4px;
  height:24px;
  position:absolute;
  top:0;
  border-radius:32px;
}
.dark-mode-toggle.is-dark .light-switch{
  margin-left:34px;
}
.dark-mode-toggle img.light{
  left:4px;
}
.dark-mode-toggle img.dark{
  right:4px;
}
.reset-customizer-button{
  position: fixed;
  top: 160px;
  left: 53vw;
  width: 46px;
  height: 46px;
  cursor: pointer;
  transform: scale(.8);
  border: 5px solid #555;
  background: #222;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 32px;
  @include media-query($medium){
    left:55vw;
  }
  @include portrait{
    top:15px;
    right:7px;
    left:auto;
  }

}
.reset-customizer-button img{
  width: 32px;
  /* margin: 4px; */
  height: 32px;
  /* position: absolute; */
  /* top: 0; */
  border-radius: 32px;
}
.threed-customizer-template .mw-options-container label{
  display:block !important;
  font-weight:500;
  font-size:15px;
}
.threed-customizer-template .mw-options-container span{
  font-size:14px;
}
.threed-customizer-template .hide-mw-title label{
  display:none !important;
}
.threed-customizer-template .mw-option-description{
  font-size:13px;
  font-weight:400;
}
#back-finish-options-holder{
  display:none !important;
}
/* .c-grid-icon .swatch-option{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.c-grid-icon .swatch-value-container{

}
.c-grid-icon .swatch-image{
width: 100% !important;
height: 100% !important;
padding-top: 100% !important;
}
.c-grid-icon .swatch-value-container.swatch-selected .swatch-value{
transform:scale(1.1) !important;
} */
.threed-customizer-template .swatch-image{
  /*   border:none; */
  background-size:contain;
}
.c-configuration-straight .add-per-seat{
  display:none !important;
}
.c-material-radio li,.c-version-type li{
  position:relative;
  margin: 0;
  list-style: none;
  padding: 12px 0px;
  border-bottom:1px solid #e1e1e1;
  display:flex;
}
.c-material-radio .value-price,.c-version-type .value-price{
  @include portrait{
    display:block;

  }
  @include media-query($small){
    display:block;
  }
}
.c-material-radio li input,.c-version-type li input{
  margin:0px;
  margin-right:8px;
  min-height:auto;
  height:18px; 
}
.c-grid-icon .swatch-option{
  display: flex;
  flex-direction:row;
  flex-wrap:wrap;
  /*   grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */
}
.c-grid-icon .swatch-value-container{
  width:20%;
  max-width:85px;
  /*   margin: 0 auto; */
}
.c-configuration-straight.c-grid-icon .swatch-value-container{
  width:20%;
  max-width:85px;
  @include media-query($small){
    width:25%;
    max-width:85px;
  }
  /*   margin: 0 auto; */
}
.c-grid-icon .swatch-image{
  width: 100% !important;
  height: 100% !important;
  padding-top: 100% !important;
}
.c-grid-icon .swatch-value-container.swatch-selected .swatch-value{
  transform:scale(1.1) !important;
  /*   outline: 3px solid #111; */
  border:1px solid #f2f2f2;
  outline:none;
  box-shadow: 0 0 0 3px #111;
}
.c-big-icon .swatch-option{
  display: flex;
  flex-direction:row;
  flex-wrap:wrap;
  /*   grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */
}
.c-big-icon .swatch-option{
  display: flex;
  flex-direction:row;
  flex-wrap:wrap;
  /*   grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */
}
.c-big-icon .swatch-value-container{
  width:25%;
  max-width:140px;
  /*   margin: 0 auto; */
}
.c-big-icon .swatch-image{
  width: 100% !important;
  height: 100% !important;
  padding-top: 100% !important;
}
.c-big-icon .swatch-value-container.swatch-selected .swatch-value{
  transform:scale(1.07) !important;
  outline:none;
  box-shadow: 0 0 0 3px #111;
}
.threed-customizer-template .swatch-selected .swatch-value{
  outline:none;
  box-shadow: 0 0 0 3px #111;
}
/* new 3d customizer style */
/* .c-big-icon .swatch-image, .c-big-icon .swatch-color{
width:104px !important;
height:104px !important;
}
.c-big-icon .swatch-value-container .swatch-value{
}
.c-big-icon .swatch-value-container.swatch-selected .swatch-value{
transform:scale(1.15) !important;
}
.c-big-icon .swatch-value-container.swatch-selected .swatch-value{
/*   border:none !important; */
/* }  */
.c-huge-icon .swatch-image, .c-huge-icon .swatch-color{
  width:204px !important;
  height:204px !important;
  padding:30px;
  @include media-query($small){
    @include portrait{
      width:104px !important;
      height:104px !important;
    }
  }
}
.c-huge-icon .swatch-value-container.swatch-selected .swatch-value{
  transform:scale(1.07) !important;
  outline:none;
  box-shadow: 0 0 0 3px #111;
}
.c-huge-icon .swatch-value-container .swatch-value{
  /*   border:none !important; */
}
.c-huge-icon .swatch-value-container.swatch-selected .swatch-value{
  /*   border:none !important; */
}
/* .checkbox-thumbnail{

} */
.checkbox-thumbnail ul li{
  position:relative;
  padding-left:140px;
  padding-top:20px;
  min-height:160px;
}
.checkbox-thumbnail ul li img{
  position:absolute;
  width:120px !important;
  top:0;
  left:0;
}

.checkbox-thumbnail-dbox ul li{
  position:relative;
  padding-left:140px;
  padding-top:20px;
  min-height:160px;
}
.checkbox-thumbnail-dbox ul li img{
  position:absolute;
  width:120px !important;
  top:0;
  left:0;
}

.checkbox-thumbnail-dbox input{
  display: none;
}

.hide-mw-button-option .button-option{
  display:none !important;
}
#shopify-section-footer{
  position:relative;
  /*   	border-top:15px solid #fff; */
}
#AccessibleNav{
  width:100%;
  @include media-query($medium-down){
    display:none;
  }
}


/*
Set the color of the icon
*/
svg path,
svg rect{
  /*   fill: #FF6700; */
}
/* .lds-ripple {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.lds-ripple div {
position: absolute;
border: 4px solid #fff;
opacity: 1;
border-radius: 50%;
animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
animation-delay: -0.5s;
} */
@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}
.swatch .header{
  font-weight:bold;
}
.noScroll{
  overflow:hidden;
  max-height:100vh;
}
#warranty-section .index-section{
  padding:4px 0;
  margin:0 auto;
  margin-top:10px;
}
#warranty-section #shopify-section-rich-text{
  margin-top:25px;
}
#iconsContainer{
  background:#f9f9f9;
  /*     background:url({{ 'leather-texture.jpg' | asset_url }}); */
  /*   	padding:20px 0; */
  border-top:3px solid #eee;
  border-bottom:3px solid #eee;
  /*   color:#fff !important; */
}
#iconsContainer .grid{
  display:flex;
  flex-direction:row;
  justify-content:space-around;
  align-items:center;
  text-align:center;
  @include media-query($small) {
    @include portrait{
      /*     width:45%; */
      flex-wrap:wrap;
    }
  }
  /*   	color:#fff !important; */
  /*   	margin:0 auto; */
  /*   	background:#fdfdfd; */
}
#iconsContainer .grid::after{
  content:none;
}
#iconsContainer .grid img{
  /* 	max-width:50px; */
  margin:0 auto;
}
#iconsContainer .grid__item{
  /* 	display:flex; */
  padding:1em;
  /*   width:15%; */
  max-width:150px;
}
#iconsContainer h2, h2.double-lines{
  margin:20px 0;
  display:block;
  text-align:center;
  font-size:1.4em;
}
#iconsContainer h2:before,
#iconsContainer h2:after,
h2.double-lines:before,
h2.double-lines:after{
  background-color: #687986;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 3%;
}
#iconsContainer h2.double-lines:before,h2.double-lines:before {
  right: 0.5em;
  margin-left: -90%;
}
#iconsContainer h2.double-lines:after,h2.double-lines:after {
  left: 0.5em;
  margin-right: -90%;
}
#warrantyBar{
  margin:50px 0;
}
#warrantyBar .index-section:first-child{
  margin:0;
}
#warrantyBar .grid{
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  text-align:center;
  color:#fff !important;
  /*   margin:50px auto; */
  /*   	margin:0 auto; */
  /*   	background:#fdfdfd; */
}
#warrantyBar .grid__item{
  margin:0;
  padding:0;
  @include media-query($small) {

  }
}
#warranty-guide .feature-row{
  @include media-query($small){
    @include portrait{
      text-align:center;
    }
  }
}
.site-header__mobile-nav div:nth-child(2){
  @include media-query($small){
    display:none;
    @include portrait{

    }
  }
}
#warrantyBar .image-bar--x-small .image-bar__content, .image-bar--x-small .image-bar__item{
  /* 	background-size:Contain; */
  @include media-query($small) {
    @include portrait{
      background-size:Contain;
    }
  }
}
#warrantyBar .image-bar__content{
  /* 	min-height:400px; */
}
.grey-background{
  background:#f9f9f9;
  padding:15px 0;
}
.faq{
  max-width:1000px;
  margin:0 auto;
}
.faq .tab-content{
  background:#fff;
  padding:15px 15px;
  margin:8px 0;
}
.faq .tab-content h3{
  display:block;
  font-size:1em;
  margin:0;
  padding:0;
  line-height:1.4em;
  cursor:pointer;
  margin-bottom:15px;
}
.faq .tab-content p{
  /* 	tranform:scaleY(0); */
  /*   	display:none; */
}
.faq .tab-content p.show{
  display:block;
  tranform:scaleY(1);
}
#warranty-guide{
  max-width:800px;
  margin:10px auto;
}
#warranty-guide .feature-row__item{
  flex:none;
  width:25%;
  max-width:300px;
}
#warranty-guide .feature-row__item:last-child{
  flex:none;
  width:75%;
  max-width:75%;

}
.product-price-desc{
  margin:0 1em;
  /*   margin-top:20px; */
  font-size:14px;
  line-height:1.5em;
  /*   border-top:1px solid #ccc; */
  /*   text-align:right; */
}
.product-price-holder{
  margin:3px 1em;
  /*   margin-top:20px; */
  font-size:14px;
  line-height:1.5em;
  border-top:1px solid #ccc;
  padding:3px;
  /*   text-align:right; */
}

.product-price-holder span, .product-price-desc span{
  float:right;
}

.summary{
  margin:0;
  /*   margin-top:20px; */
  font-size:14px;
  line-height:1.5em;
  /*   border-top:1px solid #ccc; */
  text-align:left;
}
.summary span{
  text-align:right;
  float:right;
}

.lightSlider img{
  position:relative;
  object-fit:contain;
  max-width:100% !important;
  height: 100%;
  width:100% !important;
  object-fit:contain;
  
  @include portrait{
    height: 33vh !important;
  }
}

#lightSlider-s{
  @include portrait{
    height:33vh !important; 
  }
}
/* .minify-it #lightSlider-s{
  background: white;
  @include portrait{
    height:33vh !important;
  }	
} */
.minify-it #lightSlider-s img{
  @include portrait{
    height:33vh;
    max-width: 50%;
    object-position:left;
    transition:.1s all ease-out;
  }
}
.minify-it .lSAction{
  @include portrait{
    display:none !important;
  }		
}
.lslide{
  position:Relative;
  /*   	height:100%; */
}

/* -- code to show slider dots on product page -- */
.slick-dots {
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
  li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 10px 0px 0px 0px;
    padding: 0;
    cursor: pointer;
  }
}

.slick-dots {
  li {
    button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer;
      &:hover, &:focus {
        outline: none;
        &:before {
          opacity: $slick-opacity-on-hover;
        }
      }
      &:before {
        position: absolute;
        top: 0;
        left: 0;
        content: $slick-dot-character;
        width: 20px;
        height: 20px;
        font-size: $slick-dot-size;
        line-height: 20px;
        text-align: center;
        color: $slick-dot-color;
        opacity: $slick-opacity-not-active;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }
    }
    &.slick-active button:before {
      color: #555555;
      opacity: $slick-opacity-on-hover;
    }
  }
}
.minify-it .lSPager{
  @include portrait{
    display:none !important;
  }
}
.lSPager{
  padding:15px;
}
.customizer-template .lSSlideOuter .lSPager.lSGallery{
  display:none !important;
}
.lSSlideOuter .lSPager.lSGallery li {
  background: #eee;
  padding: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  /*   height:60px; */
  /*   	width:25% !important; */
  /*  	height:66px; */
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
  border: 2px solid #296390;
  padding: 5px;
  background: #eee;
  border-radius: 8px;
  padding:1px;
}
.lSSlideOuter .lSPager.lSGallery img {
  display: block;
  height: auto;
  max-width: auto !important;
  /*     height: 100%; */
  object-fit: cover;
  border-radius: 8px;
}
.lSSlideOuter .lSPager.lSGallery {
  display: flex;
  flex-direction: row;
  align-content: stretch;
}
.lSSlideOuter .lSGallery li{
  /* 	height:100% !important; */
}
.lSSlideOuter .lSGallery li img{
  /* 	height:100% !important; */
  margin:0 auto;
}
.delivery{
  /* 	font-weight:bold !important; */
}

.offerEndDate{
  text-align:center;
  font-size:14px;
  color:#222;
  line-height:1.2em;
  font-style:italic;
  @include portrait{
    display:none;
  }
}
.product-info-holder .offerEndDate{
  @include portrait{
    display:block;
  }
  @include landscape{
    display:none;
  }
}
.customizer-template .product-info-holder .offerEndDate{
  display:none;
}
.bread-checkout-btn-product2{
  @include media-query($small){
    @include portrait{
      display:none!important;
    }}
  @include media-query($small-height){
    display:none!important;
  }
}

.hero{
  background-size:contain;
  background-color:#fff;
}
@media screen and (max-width:749px){
  .slideshow-desktop {display:none;
    display: none;
  }
}
.slideshow-mobile .slideshow__image{
  background-size: contain;
  margin-top: 30px;
}
@media screen and (min-width:750px){
  .slideshow-mobile {display:none;
    display: none;
  }
}
.slideshow-desktop .slideshow__image{
  background-size:contain;
}
.slideshow-desktop{
  max-width:2048px;
  margin:0 auto;
  margin-bottom:60px;
}
.slideshow-desktop .slideshow__link{
  position:relative;
  display:block;
}
.slideshow-desktop .slideshow{
  height:100% !important;
}
@media screen and (max-width:750px){
  .hero {display:none;
    display: none;
  }
}

@media screen and (min-width:750px){
  .offerEndDate2 {display:none;
    display: none;
  }
}

//@media screen and (max-width:749px){
//   .breadlocation {display:none!important;
//      display: none!important;
//   }
//} 

@media screen and (min-width:750px){
  .breadlocation2 {display:none!important;
    display: none!important;
  }
} 


.opinew-stars-plugin-product-list {
  display: none;
}

.bread-checkout-btn-product-bread-iframe {
  text-align: center;
}


//@media screen and (min-width:750px){
.bread-promo2 {
  height: 30px;
  width: 150px;
  background: #296390;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-family: 'Avenir Next';
  font-display: swap;
  font-weight: 500;
  margin: auto;
  line-height: 30px;
  transition: all 0.5s ease;
  border-radius: 2px;
}

  .bread-promo:hover {
  text-decoration: underline ;
  text-align: center ;
  font-size: 14px ;
  color: #296390;
  }
  
  bread-promo {
  text-align: center;
  font-size: 14px;
  font-family: 'Avenir Next';
  font-display: swap;
  font-weight: 500;
  transition: all 0.5s ease;

}
  
.financetext {
  font-family: 'Avenir Next';
  font-display: swap;
  font-size: 12px;
  text-align: center;
}
//.bread-promo-mobile {
//   display:none;
// }
// .financetext-mobile {
//  display:none;
// }
//}

@media screen and (max-width:749px){


  .financetext-mobile {
    font-family: 'Avenir Next';
    font-display: swap;
    font-size: 12px;
    text-align: left;
  }

  .financetext {
    display: none;
  }
}

@media screen and (min-width:750px){
  .financetext-mobile {
    display: none !important;
  }
}
.wc_review_section{
  overflow:hidden !important;
  width:90% !important;
  box-sizing:border-box !important;
  z-index:0;
}
.wc_review_grid_item .wc_grid_min_height {
  height: 205px!important;
}

.wc_review_layout_section ul.wc_grid_lenght_3 > li.wc_review_grid_item {
  width: 100%!important;
}

.wc_review_layout_2 .wc_review_form_btns_lty_2 .wc_review_btn_lty_2 {
  padding: 0px 25px !important;
  min-width: 150px;
  height: 45px;
}

.wc_review_layout_2 ul.wc_review_graph li .wc_rating_filter_lay_2 .wc_graph_per_count_lyt_2 .wc_graph_review_count_lyt_2 {
  width: auto;
  font-size: 14px;
  line-height: 20px!important;
  font-weight: 600;
}

.wc_review_graph li .wc_rating_filter {
  width: auto;
  float: left;
  cursor: pointer;
  width: 190px!important;
}


.section-header h2, .section-header .h2 {
  /*     font-family: 'Poppins', sans-serif; */
  font-display: swap;
  text-align: left;
  font-size: 1.86667em!important; 
  font-weight: 500!important; 
}

.hmpgcoll {
  /*   font-family: 'Poppins', sans-serif; */
  font-smooth: always;
  font-display: swap;
}


.hmpgcoll li {
  list-style-type: disc !important;
  font-size: 14px;
  @include media-query($small){
    font-size: 15px;
  }
}


.hmpgcoll button {
  // background-image: linear-gradient(to top, #1c3eb4, #154cbd, #1059c6, #1266ce, #1b73d5);
  background-color:#2781f3;
  font-size: 16px;
  font-smooth: always;
  font-weight: 500;
  text-align: center;
  height: 40px;
  width: 125px;
  margin: 10px;
  border:0px!important;
  border-radius: 8px;
  color: #FFF; 
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
  font-display: swap;



}

.btn-9{
  background-image: linear-gradient(to top, #1c3eb4, #154cbd, #1059c6, #1266ce, #1b73d5);
}

.hmpgbtn button {
  background-color:#2781f3;
  font-size: 16px;
  font-smooth: always;
  font-weight: 500;
  text-align: center;
  height: 40px;
  width: 125px;
  margin: 10px;
  padding-left: 10px;
  border:0px!important;
  border-radius: 8px;
  color: #FFF; 
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
  font-display: swap;
}

.hmpgbtn2 button {
  background-color:#2781f3;
  font-size: 16px;
  font-smooth: always;
  font-weight: 500;
  text-align: center;
  height: 40px;
  width: 250px;
  margin: 10px;
  padding-left: 10px;
  border:0px!important;
  border-radius: 8px;
  color: #FFF; 
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
  font-display: swap;
}

.hmpgbtn {
  @include media-query($small){
    margin-left: 10px;
  }
}

.btn--secondary {
  background-color:#2781f3;
  font-size: 15px;
  font-smooth: always;
  font-weight: 500;
  text-align: center;
  /*   padding-bottom: 32px; */
  height: auto;
  width: 300px;
  border:0px!important;
  border-radius: 8px;
  color: #fff; 
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
  font-display: swap;
}



/* -

}

.financetext {
font-family: 'Avenir Next';
font-size: 12px;
text-align: center;
}
/* - end - */
.iframe-container{
  width:100%;
  @include portrait{
    position:fixed;
    top:124px;
    left:0;
  }
  /* 	position:fixed;
  top:60px;
  left:0;
  transition:.2s ease-in all;
  @include portrait{
  top:55px;
}
  @include media-query($medium){
  @include portrait{
  top:44px;
}
}
  @include media-query($large){
  @include portrait{
  top:44px;
}
} */
}
.fixed-iframe{
  /* 	position:fixed;
  top:80px;
  left:0; */
  width:100%;
  border:none;
  height:calc(100vh - 120px);
  transition:.2s ease-in all;
  @include portrait{
    height:51vh;
    width:100vw;
  }
  @include media-query($medium){
    @include portrait{
      height:55vh;
      width:100vw;
    }
  }
  @include media-query($large){
    @include portrait{
      height:55vh;
      width:100vw;
    }
  }


}
.new-customizer-holder{
  position: absolute;
  top:0;
  @include portrait{
    min-height:48px !important;
  }

  @include landscape{
    /*         left: 0vw; */
    width: 68vw !important;
    height:50px;
    /*         top: 66px; */
    z-index: 99999;
    flex-direction:Row;
    justify-content:center;
    padding:0 15px;
  }

}
.new-customizer-holder.product-info-holder .product__price {

  @include portrait{

  }

  @include landscape{
    display:none;
  }

}
.new-customizer-holder .price__vendor{
  @include landscape{
    display:none !important;

  }
}

.price-bd{
  position: fixed;
  bottom: 40px;
  left: 60%;
  transform: translateX(-105%);
  width: 220px;
  border-radius: 5px;
  background: rgba(255,255,255,.8);
  padding:5px;

  @include media-query($medium){
    @include landscape{
      display:block;
      width:190px;
    }
    /*     margin-right: 20px; */
  }
  @include media-query($small){
    @include landscape{
      display:none;
      /*       width:190px; */
    }
    /*     margin-right: 20px; */
  }
  @include portrait{
    display:none;
  }
  /*   @include portrait{
  position: fixed;
  left: calc(100% + 19px);
  transform: translateX(-105%);
  width: 220px;
  background: #fff;
  padding: 5px;
  top: 45vh;
  width: 101%;
  bottom: auto;
  box-shadow:0px 5px 3px 1px #eee;
  border-radius:0px;
  bottom:0px 0px 5px 5px;
  display:none;
} */
}
.price-bd .product-price-desc{
  @include media-query($medium){
    @include landscape{
      font-size:12px;
    }
    /*     margin-right: 20px; */
  }
}
.add-info-icon{
  margin: 0;
  margin-left:5px;
  float:none;
  padding-left: 7px;
  border: 1px solid #000;
  color:#000;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: inline-block;
  font-weight: 500;
  cursor:pointer;
  @include portrait{
    /*     display: block; */
    float: none;
    margin-left: 10px;
    /*     margin-top: 6px; */
  }
}
#c-info-overlay{
  display:none;
  visibility:hidden;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  position:fixed;
  background:rgba(0,0,0,.85);
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:9999999;
  /*   display:; */

}
#c-info-overlay > div{
  max-height: 90vh;
  width:66%;
  max-width:960px;
  overflow-x: hidden;
  overflow-y:scroll;
  background:#fff;
  position:relative;
  @include portrait{
    width:92vw;
  }
}
.c-close-info-overlay{
  align-self: right;
  color: #111;
  font-size: 23px;
  position: sticky;
  left: calc(100% - 50px);
  top: 36px;
  z-index: 9;
  @include portrait{
    left: calc(100% - 33px);
    top: 22px;
  }
}
.c-show-info-overlay{
  display:flex !important;
  /*   width:100% !important; */
  visibility:visible !important;
}
.mw-option-tooltip {
  display:none !important;
}
.c-gmt-info, .c-piping-info,
.c-perforated-info, .c-nappa-info, .c-nappa-info20k, .c-vegan-info, .c-velour-info, .c-gml-info,
.c-seat-back-info, .c-riser-info,
.c-cup-holder-info, .c-accessory-port-info,
.c-rgb-info, .c-custom-embroidery-info,
.c-diamond-stitch-info, .c-contrast-stitch-info, .c-wood-info, .c-configuration-type-info, .c-two-tone-info, .c-extended-warranty-info{
  display:none;
}
.c-show-gmt .c-gmt-info{
  display:flex !important;
}
.c-show-piping .c-piping-info{
  display:flex !important;
}
.c-show-perforatedo .c-perforated-info{
  display:flex !important;
}
.c-show-gml .c-gml-info{
  display:flex !important;
}
.c-show-vegan .c-vegan-info{
  display:flex !important;
}
.c-show-nappa .c-nappa-info{
  display:flex !important;
}
.c-show-nappa20k .c-nappa-info20k{
  display:flex !important;
}
.c-show-barcelonastandard .c-barcelonastandard-info,.c-show-barcelonagrand .c-barcelonagrand-info,.c-show-barcelonaxl .c-barcelonaxl-info,.c-show-barcelonagrandxl .c-barcelonagrandxl-info{
  display:flex !important;
}
.c-show-velour .c-velour-info{
  display:flex !important;
}
.c-show-wood .c-wood-info{
  display:flex !important;
}
.c-show-contrast-stitch .c-contrast-stitch-info{
  display:flex !important;
}
.c-show-perforated .c-perforated-info{
  display:flex !important;
}
.c-show-diamond-stitch .c-diamond-stitch-info{
  display:flex !important;
}
.c-show-accessory-port .c-accessory-port-info{
  display:flex !important;
}
.c-show-cup-holder .c-cup-holder-info{
  display:flex !important;
}
.c-show-rgb-led .c-rgb-led-info{
  display:flex !important;
}
.c-show-seat-back .c-seat-back-info{
  display:flex !important;
}
.c-show-custom-embroidery .c-custom-embroidery-info{
  display:flex !important;
}
.c-show-riser .c-riser-info{
  display:flex !important;
}
.c-show-seat-back .c-seat-back-info{
  display:flex !important;
}
.c-show-configuration-type .c-configuration-type-info{
  display:flex !important;
}
.c-riser .c-show-riser-info{
  display:flex !important;
}
.c-two-tone .c-two-tone-info{
  display:flex !important;
}

.c-extended-warranty-box .c-extended-warranty-info{ 
  display:flex !important;
}

.c-massage-heat-box .c-massage-heat-info{
  display:flex !important;
}


.c-show-tray-table .c-tray-table-info{
  display:flex !important;
}
.c-show-tablet-holder .c-tablet-holder-info{
  display:flex !important;
}

.c-massage-heat-box .c-tablet-holder-info{
  display:flex !important;
}
.c-show-wine-glass-caddy .c-wine-glass-caddy-info{
  display:flex !important;
}
.c-show-arm-rest .c-arm-rest-info{
  display:flex !important;
}
.arm-rest-info-image-flex{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
  align-content: center;
  align-items: center;
  grid-column-gap:12px;
  grid-row-gap:12px;
  @include media-query($small){
    @include portrait{
      grid-template-columns: 1fr 1fr;
      flex-direction:row;
      grid-column-gap:6px;
      grid-row-gap:12px;



      /*     	right:2vw; */
    }
  }
}
.c-show-accessory-kit .c-accessory-kit-info{
  display:flex !important;
}
#c-info-overlay .c-info-content{
  width:100%;
  /*   overflow:scroll; */
  background:#fff;
  padding:30px 80px;
  margin:0;
  /*   margin:15px 25px; */
  border-radius:2px;
  display:none;
  flex-direction:Column;
  align-items:stretch;
  margin-top: -20px;
  box-sizing:border-box;
  @include portrait{
    margin:0;
    padding:20px;
    /*   padding:20px; */
  }
}
.c-info-content h2{
  letter-spacing:normal;
  font-size:20px;
  font-weight:500;
  /*   border-bottom:1px solid #999; */
}

#c-info-overlay .lSSlideOuter{
  /*   max-width:960px; */
  /*   width:100%; */
  /*   height:400px; */
  /*   align-self: center; */
}
#c-info-overlay .lSSlideOuter .lSPager.lSpg{
  display:none;
}
#c-info-overlay .lightSlider img{
  height:100% !important;
}
#c-info-overlay .lSAction>a{
  background-image:url('https://cdn.shopify.com/s/files/1/0069/9373/9831/files/c-gallery-navigation-min.png?v=1632470267');
}
.layout-iframe-container{
  display:none;
}
.show-iframe{
  display:block !important;
}
#api-frame2{
  @include landscape{
    position: fixed;
    right: 33vw;
    top: 150px;
    width: 20vw;
    height: 180px;
    z-index: 999;
  }
  @include portrait{
    width:100%;
    height:150px;
    /*     	right:2vw; */
  }
  @include media-query($medium){
    @include portrait{
      /*     	right:2vw; */
    }
  }
}
.custom-model-picker{
  color:#000;
  display:flex;
  flex-direction:row;
  /*   align-items:center; */
  flex-wrap:nowrap;
  margin:10px 0;
  width:100%;
  overflow:scroll;
}
.no-scroll{
  max-height:100vh;
  height:100vh;
  overflow:hidden;
}
.product-strip-full {
  width: 100vw;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 100vh;
  z-index: 999;
  background: rgba(0,0,0,.8);
}
#product-strip h2{
  text-align:left;
  display:Block;
  font-weight:normal;
  line-height:3.5em;
}
.product-strip-full h2{
  text-align:center !important;
  position:absolute;
  /* 	color:#fff; */
  top:12vh;
  width:70vw;
  left:15vw;
  background:#fff;
  /*   	height:5vh; */
  line-height:2.5em;
  z-index:99;
  border-radius:15px 5px 0 0;

}
.custom-model-picker-popup{
  color: #000;
  position: fixed;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 10px 0;
  width: 100%;
  overflow: scroll;
  background: #fff;
  width: 70vw;
  height: 70vh;
  left: 15vw;
  top: 15vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  border-radius: 0 0 15px 5px;
  box-shadow: 1px 1px 5px 5px rgba(0,0,0,.3);
  /*     @include portrait{
  right:2vw;
}
  @include media-query($medium){
  @include portrait{
  right:2vw;
}
} */
}
.custom-model-picker li{
  width:45%;
  margin:0 2%;
  min-width:120px;
  text-align:center;
  @include portrait{
    width:100%;
  }
  @include media-query($medium){
    @include portrait{
      width:50%;
    }
  }

}
.custom-model-picker li img{
  width:70%;
}
.custom-model-picker li p{
  text-align:center;
  font-weight:normal;
}
.custom-model-picker-full-page{
  position: fixed;
  background: #fff;
  background:rgba(255,255,255,0.96);
  z-index: 9999999;
  left: 10vw;
  top: 10vh;
  width:80vw;
  height: 80vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: scroll;
  box-shadow: 0 0 10px 500px rgba(0,0,0,.8);
  border-radius:25px;
}

/* #customizer-selector li{
width:22%;
margin:0 2%;
min-width:120px;
@include portrait{
width:100%;
}
@include media-query($medium){
@include portrait{
width:50%;
}
}

} */
#customizer-selector li a{
  display:flex;
  flex-direction:column;
  align-items:center;

}

#customizer-selector{
  position: fixed;
  background: #fff;
  background:rgba(0,0,0,0.9);
  z-index: 9999999;
  left: 0;
  top: 0;
  width:100vw;
  height: 100vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:center;
  align-items:center;
  overflow: scroll;
  /*   	visiblity:hidden; */
  opacity:0;
  display:none;
  /*     box-shadow: 0 0 10px 500px rgba(0,0,0,.8); */
  border-radius:25px;
  /*   	transition:5s all ease-in; */
}
.show-selector{
  /* 	 overflow: scroll; */
  /*   	visiblity:hidden; */
  opacity:1 !important;
  display:flex !important;
  /*   transition:5s all ease-in; */
}
#customizer-selector ul{
  color: #000;
  position: fixed;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 10px 0;
  width: 100%;
  overflow: scroll;
  background: #fff;
  width: 70vw;
  height: 70vh;
  left: 15vw;
  top: 15vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  border-radius: 0 0 15px 5px;

}
#customizer-selector li{
  width:40%;
  margin:0 2%;
  min-width:120px;
  @include portrait{
    width:100%;
  }
  @include media-query($medium){
    @include portrait{
      width:50%;
    }
  }

}
#customizer-selector h2{
  text-align:center !important;
  position:absolute;
  top:13vh;
  width:70vw;
  left:15vw;
  background:#fff;
  line-height:2.5em;
  z-index:99;
  border-radius:15px 5px 0 0;
  font-size:1.2em;
}
#customizer-selector a.close-button{
  position:fixed;
  top:30px;
  right:30px;
  color:#fff;
}
#customizer-selector li p{
  text-align:center;
  font-weight:bold;
}
#customizer-selector li img{
  width:100%;
  margin:15px auto;

}
.sketch-product-title{
  font-size:1.7em !important;
}
.select-model .swatch-value{
  border:none !important;
}
.mw-options-container .mw-option{
  padding:20px 0;
}

.includes-free{
  padding:0 !important;
}
.loadingScreen-customizer{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(255,255,255,1);
  background:#fff;
  z-index:99999;
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;

}
.loadingScreen-customizer .fallbackoption{
  display:none;
  position:absolute;
  bottom:100px;

}
.loadingScreen-customizer .fallbackoption p{
  color:#000;
  text-align:center;	
}
.loadingScreen-customizer .fallbackoption p a{
  color:#296390;
  text-decoration:underline;
}
.loadingScreen-customizer p{
  color:#fff;
  /*   	font-weight:bold; */
}
.loadingScreen-customizer .loader{
  width:auto !important;
  height:auto !important;
}
.build-your-own{
  margin:0 auto;
  max-width:1200px;
  @include portrait{
    width:90vw;
    margin:0 auto;
  }
}
.product-selecter ul{
  display: flex;
  margin-top:20px;
  width: 80vw;
  max-width:1200px;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: center;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  @include portrait{
    flex-direction:column;
  }
}
.product-selecter ul li{
  width:30%;
  margin:20px 0;
  @include portrait{
    width:100%;
  }
}
/* .product-selecter ul.multimedia-customizer li{
width:36%;
margin:20px 0;
@include portrait{
width:100%;
}
} */
.product-selecter ul li div{
  display:flex;
  justify-content:space-around;
  align-items:center;
}
.product-selecter ul li div a{
  display: block;
  width: 44%;
  margin: 15px 0;
  text-decoration: none;
  color: #296390;
  /*     background-color: #296390; */
  border:1px solid #296390;
  border-radius: 5px;
  padding: 5px 10px;
  @include media-query($medium){
    @include landscape{
      font-size:.8em;
    }
    /*     margin-right: 20px; */
  }
}
.product-selecter ul li div a:hover{
  background-color: #296390;
  color: #fff;
  /*     margin-right: 20px; */

}
.za_zipcode_wrap{
  display:none !important;
}
/* Comfort Index Page */
/* Comfort index page */
ul.comfort-index-section{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-between;
  @include portrait{
    flex-direction:column;
  }
}
ul.comfort-index-section li{
  width:48%;
  /*  	margin-bottom:15px; */
  /*   	background:#fafafa; */
  margin-bottom: 40px;
  background: #fff;
  /*     padding: 5px; */
  border-radius: 25px;
  box-shadow: 10px 0px 15px 1px rgba(0, 0, 0, 0.05);
  margin: 20px 0;
  display:flex;
  flex-direction:column;
  @include portrait{
    width:100%;
  }
}
ul.comfort-index-section li.full-section{
  width:100%;
  display:flex;
  flex-wrap:no-wrap;
  flex-direction:row;
  height:auto;
  justify-content:space-between;
  @include portrait{
    flex-direction: column;
  }
}
ul.comfort-index-section li div{
  display:flex;
  flex-direction:column;
  justify-content: center;
  padding:20px 20px;
}
ul.comfort-index-section li.full-section div{
  width:50%;
  @include portrait{
    width:100%;
  }
}
ul.comfort-index-section li.full-section img{
  margin-top:auto;
  width:48%;
  object-fit:contain;
  @include portrait{
    width:100%;
  }
}
ul.comfort-index-section li img{
  margin-top:auto;
}
ul.comfort-index-section li h3, .comfort-index-section li p{
  text-align:left;
}
ul.comfort-index-section li p{
  width:80%;
  text-align:left !important;
  @include portrait{
    width:100%;
  }
}
ul.comfort-index-section li h3{
  /* 	margin:10px 0; */
  text-align: left;
  line-height: 1em;
  position: relative;
  margin-bottom: 150px;
  font-size: 2rem;
  @include portrait{
    margin-bottom:50px;
  }
}
ul.comfort-index-section li h3::before{
  content: "";
  display: inline-block;
  height: 4px;
  width: 20px;
  background: #333;
  position: absolute;
  top: 100%;
  margin: 0 auto;
  /*     transform: translateX(-50%); */
  /*     left: 50%; */
}
#comfort-index .hero{
  background-size: cover !important;
}
h2.comfort-index-title{
  font-size:2rem;
  text-align: center;
  letter-spacing: normal;
  font-weight: normal;
  margin:35px 0px;
  @include portrait{
    font-size:1.5rem;
  }
}
#comfort-index p{
  font-size: 1.2rem;
  /*   max-width: 90%;
  margin: 0 auto; */
  /*   	margin-bottom:15px; */
  color:#666;
  /*   	text-align:center; */
  @include portrait{
    font-size:1rem;
    margin:20px 0;
  }
}
p.comfort-index-intro-para{
  text-align: center;
  font-size: 1.5rem !important; 
  font-weight: lighter;
  max-width: 90%;
  margin: 0 auto;
  margin-bottom:15px;
  color:#666;
  @include portrait{
    font-size:1rem !important;
  }
}
p.comfort-index-intro-para b{
  font-weight:400;color:#000;
}
h2.comfort-index-sub-title{
  font-size:1.5rem;
  font-weight:Bold;
  letter-spacing:auto;
}
h2.criteria-title{
  font-size:1.5rem;
  font-weight:normal;
  letter-spacing:normal;
  margin-top:25px;
}

.comfort-index-score{
  max-width: 800px;
  margin: 0 auto;
}
h3.comfort-index-quote{
  font-size: 21px;
  text-align: Center;
  margin: 40px auto;
  font-style: italic;
  font-weight: 500;
}
.comfort-index-gallery-holder{
  display:flex;
  flex-direction:column;
  justify-content:space-around;

}
.comfort-index-gallery{
  display:flex;
  flex-direction:row;
  justify-content:space-around;
  align-items:center;
  @include portrait{
    flex-direction:column;
  }
}
.comfort-index-gallery-copy{
  width:40%;
  @include portrait{
    width:100%;
  }
}
.comfort-index-gallery-slider{
  width:50%;
  @include portrait{
    width:100%;
  }
}
#lightSlider-comfort img{
  height:auto !important;
}
.embroidery-image .swatch-option{
  display:none !important;
}
.embroidery-image img{
  max-width:300px;
}
.order-summary .order-summary__section .order-summary__section--discount{
  display: none !important;
  border-top: none !important;
}
.sub-collections-page .product-card{
  background:#fff !important;
  box-shadow:0 0 5px 2px rgba(0,0,0,.1);
  padding:30px;
  display:flex;
  flex-direction:column;
  @include portrait{
    padding:11px !important;
    margin-bottom:20px;
  }

}
.sub-collections-page #featuresSnippet li{
  list-style:disc;
  display:list-item;
}
.sub-collections-page #featuresSnippet p{
  margin-bottom:10px;
}
/* .sub-collections-page .grid--view-items{
display:grid;
max-width:1200px;
margin:0 auto;
grid-template-columns:1fr 1fr;
grid-column-gap:30px;
@include portrait{
grid-template-columns:1fr;
}
} */
.collections-page .grid--view-items{
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.sub-collections-page .grid--view-items{
  display:grid;
  max-width:1200px;
  margin:0 auto;
  grid-template-columns:1fr 1fr;
  grid-column-gap:30px;
  align-items:stretch;
  @include portrait{
    /*     grid-template-columns:1fr; */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: scroll;
    justify-content:flex-start;
    width:100%;
    grid-column-gap:5px;

  }
}
.sub-collections-page .section-header{
  margin:30px 0;

}
.sub-collections-page .grid > li{
  width:100% !important;
  /*   max-width:400px; */
  @include portrait{
    min-width:70vw;
    width:100% !important;
  }
}
.sub-collections-page ul.grid{
  /*   justify-content:space-around !important; */
}
.sub-collections-page .product-card:hover{
  outline:1px solid #296390;
}
.sub-collections-page .page-width{
  padding:0 20px;
  max-width:1400px !important;
  margin:0 auto;
}
.sub-collections-page .price__regular{
  text-align:left;
  margin:0;

}
.sub-collections-page .price dd{
  font-size:14px;
  margin:0;
  text-align:left;
}
.sub-collections-page .price__sale dd{
  font-size:24px;
  font-weight:100 !important;
  @include media-query($small) {
    font-size:16px;
  }
  margin:0;
  text-align:left;
}

.sub-collections-page .price__sale{
  margin:0;
  margin-top:12px;
  @include portrait{
    margin-top:1px;
  }
}
.sub-collections-page .price-item{
  font-weight:100;
}
.sub-collections-page .price-item--compare{
  text-decoration: line-through;
  font-size: 12px;
  margin: 0;
  padding: 0;
}
.sub-collections-page a.card-button{
  color: #fff;
  background-color: #296390;
  border-radius: 5px;
  padding: 5px 10px;
/*   margin-right: 20px; */
  margin:0;
  margin-top:auto;
}
#featuresSnippet{
  text-align:left;
  margin:0;
}
.new-card-holder{
  display:flex;
  flex-direction:row;
/*   margin:0px 15px; */
  align-items: flex-start;
  @include portrait{
    margin:0;
    flex-direction:column;
  }
}
.new-card-holder > div{
  width:50%;
  text-align:left;
  margin-left:10px;
  @include portrait{
    width:100% !important;
  }
}
.new-card-holder > div:first-child{
  text-align: left;
  width: 70%;
  @include portrait{
    width:100% !important;
  }
}
.sub-collections-page h3{
  margin:0;
  padding:0;
}
.sub-collections-page p{
  margin:0;
  padding:0;
}
.sub-collections-page .product-swatches{
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: left;
  margin-top:10px;
  @include portrait{
    margin-top:0px;
  }
  /*   margin-left:15px; */
}
.sub-collections-page #featuresSnippet ul li{
  margin:0;
  padding:0; 
  margin-bottom:10px;
  margin-left:18px;
  line-height:1em;
}
.sub-collections-page #featuresSnippet{
  background:none;
}
.sub-collections-page .ultimate-header{
  /*   max-width:1200px; */
  width:100vw;
  background:#fff;
  border-bottom:1px solid #e0e0e0;
  margin: 0 auto;
  display: grid;
  justify-content: space-between;
  align-items: center;
  /*   grid-template-columns: auto;
  grid-column-gap: 21px;
  grid-row-gap: 21px; */
  /*   text-align: left; */
  @include portrait{
    margin:10px;
    grid-template-columns: auto;
  }
}
.sub-collections-page .ultimate-header-background{
  /*   max-width:1200px; */
  min-height: 53vh;
  width: 100vw;
  background-attachment: fixed;
  background-image: url(https://cdn.shopify.com/s/files/1/0069/9373/9831/files/banner-ultimate-collection.jpg?v=1642618776);
  background-repeat: no-repeat;
  background-size: contain;
  /* height: 60vh; */
  background-position:top center;
  /* margin-top: 50px; */
}
.sub-collections-page .collection_desc{
  display:none !important;
}
.sub-collections-page h4{
  margin: 0;
  margin-top: 15px;
  @include portrait{
  	margin-top:5px;
  }
}
.video-header h1{
  font-size:48px;
}
.video-header h1 span{
  font-size:18px;
  border-bottom:3px solid #d98e00;
}
.landscape-banner{
  display:block;
  @include portrait{
    display:none;
  }
}
.portrait-banner{
  display:none;
  @include portrait{
    display:block;
  }
}
.sub-collections-page a.card-button{
  color: #296390;
  /* background-color: #296390; */
  border:1px solid #296390;
  background:none;
  border-radius: 1px;
  padding: 15px 10px;
  display:inline-block;
  align-self: center;
  /* margin-right: 20px; */
  /*   float:right; */
}
.sub-collections-page a.card-button:hover{
  outline:1px solid #296390;

}

.s-get-color .value-price {
  display:none;
}


button.partial-payment {
    cursor: pointer;
    background-color: #296390;
    font-size: 16px;
    font-smooth: always;
    text-align: center;
    align-content: center;
    align-items: center;
    justify-content: center;
    height: 40px;
    min-width: 230px;
    margin: 5px;
    padding: 0;
    border: 0 !important;
    border-radius: 4px;
    color: #fff;
    font-family: Poppins,sans-serif !important;
    font-display: swap;
    margin: 10px auto;
}

button.partial-payment:disabled {
    opacity: 30%;
      pointer-events: none;
}

@media (max-width: 749px) {
.sub-collections-page ul.grid {
 display: block;
}
}


.total-line--reduction {
  display: none !important;
}

footer, #shopify-section-sections--24764461449591__icons_with_text_7PVLjJ, #sections--24764461482359__promo-strip {
  display: none;
}