/** Shopify CDN: Minification failed

Line 75:0 Unexpected "$"
Line 75:20 Unexpected "{"
Line 75:30 Expected ":"
Line 75:52 Unexpected ";"
Line 76:20 Unexpected "{"
Line 76:30 Expected ":"
Line 76:65 Unexpected ";"
Line 98:0 Comments in CSS use "/* ... */" instead of "//"
Line 99:0 Comments in CSS use "/* ... */" instead of "//"
Line 127:0 Comments in CSS use "/* ... */" instead of "//"
... and 1952 more hidden warnings

**/
/******************************************************************
Theme Name: Turbo 4.0.2
Theme URI: https://outofthesandbox.com/collections/turbo-theme
Author: Out of the Sandbox (https://outofthesandbox.com)
Description: Shopify Theme (https://www.shopify.com/?ref=out-of-the-sandbox)
******************************************************************/
/* Table of Contents
==================================================
#Variables
#Mixins
#Functions
#Reset
#Basic Styles
#Typography
#Links
#Lists
#Menu
#Images
#Placeholders
#Videos
#Buttons
#Tabs
#Accordions
#Forms
#Newsletter
#Tables
#Misc
#Testimonials
#FAQ Template
#Team Template
#Logo-list
#Gallery Section
#Recently Viewed
#Search autocomplete
#Search page
#Search Section
#Site Styles
#Header
#Swatch Styles
#Flickity
#Layout
#Password Page
#Account
#Page Details
#Product Details
#Home page - general
#Home page - slideshow
#Home page - image with text
#Home page - featured promotions
#Home page - image with text overlay
#Home page - video
#Home page - Text column with images
#Font-Face
#Third Part CSS
#Custom Styles */

/* #Variables
================================================== */

$font-size-header: {{ settings.headline_font_size }};
$font-size-column: {{ settings.headline_font_size | times: 1.3 }};

$site-width: 1200px;
$gutter: 20px;

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

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

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

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

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

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

// Clearfix for parents with floated children
@mixin clearfix() {
  &::after {
    content: '';
    display: table;
    clear: both;
  }
  *zoom: 1;
}

@mixin diagonal-line($line-color: #999, $line-width: 1px, $line-blur: 0px) {
  $color-start: 50%;
  $full-color-end: calc(50% + #{$line-width});
  $color-end: 50%;
  @if($line-blur == 0 or $line-blur == 0px) {
    $color-start: 50%;
  }

  background-image: linear-gradient(to bottom left, transparent $color-start, $line-color 50%, $line-color $full-color-end, transparent $color-end), linear-gradient(to bottom right, transparent $color-start, $line-color 50%, $line-color $full-color-end, transparent $color-end);
}

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

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

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

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

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

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

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

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

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

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

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

/*
  Prefix mixin for generating vendor prefixes.
  Based on https://github.com/thoughtbot/bourbon/blob/v4-stable/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}';
    }
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@mixin vertical-alignment {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50.1%);
  -ms-transform: translateY(-50.1%);
  transform: translateY(-50.1%);
  padding: 10px 0;
}

@mixin headline-style($font-size: $font-size-header) {
  font-family: {{ settings.headline__font.family }}, {{ settings.headline__font.fallback_families }};
  font-weight: {{ settings.headline__font.weight }};
  font-style: {{ settings.headline__font.style }};
  font-size: $font-size * 1px;
  text-transform: {{ settings.headline_font_style }};
  line-height: 1.9;
  color: {{ settings.headline_color }};
  display: block;
  letter-spacing: {{ settings.headline_letter_spacing }}px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

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

@mixin word-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-word;
  word-break: break-word;
}

/* #Functions
================================================== */
@function set-text-color($color) {
  @if (lightness($color) > 50) {
    @return {{ settings.regular_color }}; // Lighter background, return dark color
  } @else {
    @return #ffffff; // Darker background, return light color
  }
}

@function secondary-button-color($color) {
  @if (lightness($color) > 80) {
    @return {{ settings.regular_color }}; // Too light, send something darker
  } @else {
    @return $color; // Normal color
  }
}

/* #Reset & Basics
================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:\201C \201D \2018 \2019;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}button[disabled],input[disabled]{cursor:default;background: #ebebeb;color: #666666;}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}body,figure{margin:0;}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  @include respond-to('medium-down') {
    display: none;
  }
}

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

{%- capture font_settings_list -%}
  {{ settings.regular__font | font_face }}~
  {{ settings.regular__font | font_modify: 'weight', 'bolder' | font_face }}~
  {{ settings.regular__font | font_modify: 'style', 'italic' | font_face }}~
  {{ settings.regular__font | font_modify: 'style', 'italic' | font_modify: 'weight', 'bolder' | font_face }}~
  {{ settings.logo__font | font_face }}~
  {{ settings.logo__font | font_modify: 'weight', 'bolder' | font_face }}~
  {{ settings.logo__font | font_modify: 'style', 'italic' | font_face }}~
  {{ settings.logo__font | font_modify: 'style', 'italic' | font_modify: 'weight', 'bolder' | font_face }}~
  {{ settings.headline__font | font_face }}~
  {{ settings.headline__font | font_modify: 'weight', 'bolder' | font_face }}~
  {{ settings.headline__font | font_modify: 'style', 'italic' | font_face }}~
  {{ settings.headline__font | font_modify: 'style', 'italic' | font_modify: 'weight', 'bolder' | font_face }}~
  {{ settings.nav__font | font_face }}~
  {{ settings.nav__font | font_modify: 'weight', 'bolder' | font_face }}~
  {{ settings.nav__font | font_modify: 'style', 'italic' | font_face }}~
  {{ settings.nav__font | font_modify: 'style', 'italic' | font_modify: 'weight', 'bolder' | font_face }}~
  {{ settings.nav__font | font_modify: 'weight', 'lighter' | font_face }}~
  {{ settings.nav__font | font_modify: 'style', 'italic' | font_modify: 'weight', 'lighter' | font_face }}~
  {{ settings.slideshow_headline__font | font_face }}~
  {{ settings.slideshow_headline__font | font_modify: 'weight', 'bolder' | font_face }}~
  {{ settings.slideshow_headline__font | font_modify: 'style', 'italic' | font_face }}~
  {{ settings.slideshow_headline__font | font_modify: 'style', 'italic' | font_modify: 'weight', 'bolder' | font_face }}~
  {{ settings.slideshow_subtitle__font | font_face }}~
  {{ settings.slideshow_subtitle__font | font_modify: 'weight', 'bolder' | font_face }}~
  {{ settings.slideshow_subtitle__font | font_modify: 'style', 'italic' | font_face }}~
  {{ settings.slideshow_subtitle__font | font_modify: 'style', 'italic' | font_modify: 'weight', 'bolder' | font_face }}

{%- endcapture -%}
{%- assign font_array = font_settings_list | split: '~' -%}

{%- for name in font_array -%}
  {%- unless name contains 'error' -%}
    {{ name }}
  {%- endunless -%}
{%- endfor -%}

/* #Basic Styles
================================================== */
body {
  font-family: {{ settings.regular__font.family }}, {{ settings.regular__font.fallback_families }};
  font-weight: {{ settings.regular__font.weight }};
  font-size: {{ settings.regular_font_size }}px;
  text-transform: {{ settings.regular_font_style }};
  color: {{ settings.regular_color }};
  line-height: 1.6em;
  overflow: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;

  background-color: {{ settings.shop_bg_color }};
  {% if settings.custom_bg != nil %}
    background-image: url("{{ settings.custom_bg | img_url: '2000x' }}");
    {% if settings.bg_stretched %}
      background-repeat:no-repeat;
      background-attachment:fixed;
      -webkit-background-size:cover;
      -moz-background-size:cover;
      -o-background-size:cover;
      background-size:cover;
    {% else %}
      background-repeat:{{ settings.repeat_bg }};
      {% if settings.bg_fixed %}
        background-attachment:fixed;
      {% endif %}
    {% endif %}
  {% endif %}
}

body.blocked-scroll {
  position: fixed;
  overflow: hidden;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

body.blocked-overflow {
  overflow: hidden;
}

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

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

abbr {
  border-bottom: 1px dotted {{ settings.border_color }};
}

/* Theme editor */

.editor-visible--true {
  display: block !important;
}

/* Lazyloading styles */

{% if settings.image_loading_style == 'appear' %}

  .appear {
    opacity: 0;
    //important is to override the fade-in transition on product img
    transition: opacity 0s !important;
    &.lazyloaded {
      opacity: 1;
    }
  }

{% elsif settings.image_loading_style == 'fade-in' %}

  .fade-in {
    opacity: 0;
    transition: opacity 0.2s ease-in;
    &.lazyloaded {
      opacity: 1;
    }
  }

{% elsif settings.image_loading_style == 'blur-up' %}

  .blur-up {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    -webkit-filter: blur(5px);
    filter: blur(5px);
    transform: scale(1);
    transition: filter 200ms, -webkit-filter 200ms, box-shadow 200ms;
    &.lazyloaded {
      -webkit-filter: blur(0);
      filter: blur(0);
    }
  }

{% elsif settings.image_loading_style == 'none' %}

//loads small image size right away - no styling, but looks pixelated

{% endif %}

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

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

/*============================================================================
  Grid - full width columns, no gutter
    - Based on CSS Wizardry grid
==============================================================================*/

.grid {
  @include clearfix();
  list-style: none;
  margin: 0;
  padding: 0;
}

.grid__item {
  float: left;
  width: 100%;

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

.equal-columns--outside-trim .thumbnail[class*="medium-down--"] {
  @include respond-to('medium-down') {
    clear: none;
  }
}

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

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

    /** Whole */
    .#{$breakpoint}one-whole {
      width: calc(100% - #{$gutter});
      left: auto !important; //prevents offset-by from causing issues on breakpoints
    }

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

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

    /* Quarters */
    .#{$breakpoint}one-quarter { width: calc(#{percentage(1 / 4)} - #{$gutter}); }
    .#{$breakpoint}two-quarters { width: calc(#{percentage(2 / 4)} - #{$gutter}); }
    .#{$breakpoint}three-quarters { width: calc(#{percentage(3 / 4)} - #{$gutter}); }

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

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

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

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

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

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

    .equal-columns--clear {

      .#{$breakpoint}two:nth-of-type(8n+1),
      .#{$breakpoint}four:nth-of-type(4n+1),
      .#{$breakpoint}eight:nth-of-type(2n+1),
      .#{$breakpoint}one-half:nth-of-type(2n+1),
      .#{$breakpoint}one-third:nth-of-type(3n+1),
      .#{$breakpoint}one-fifth:nth-of-type(5n+1),
      .#{$breakpoint}one-sixth:nth-of-type(6n+1),
      .#{$breakpoint}one-seventh:nth-of-type(7n+1) {
        clear: both;
        @include respond-to($medium-down) {
          clear: none;
        }
      }

      .#{$breakpoint}two:nth-of-type(2n+1),
      .#{$breakpoint}four:nth-of-type(2n+1),
      .#{$breakpoint}eight:nth-of-type(2n+1),
      .#{$breakpoint}one-half:nth-of-type(2n+1),
      .#{$breakpoint}one-third:nth-of-type(2n+1),
      .#{$breakpoint}one-fifth:nth-of-type(2n+1),
      .#{$breakpoint}one-sixth:nth-of-type(2n+1),
      .#{$breakpoint}one-seventh:nth-of-type(2n+1) {
        @include respond-to($medium-down) {
          clear: both;
        }
      }
    }

    .equal-columns--outside-trim {

      .#{$breakpoint}two:nth-of-type(8n),
      .#{$breakpoint}four:nth-of-type(4n),
      .#{$breakpoint}eight:nth-of-type(2n) {
        @include respond-to($small-up) {
          margin-right: 0;
        }
      }

      .#{$breakpoint}one-half:nth-of-type(2n),
      .#{$breakpoint}one-third:nth-of-type(3n),
      .#{$breakpoint}one-fifth:nth-of-type(5n),
      .#{$breakpoint}one-sixth:nth-of-type(6n),
      .#{$breakpoint}one-seventh:nth-of-type(7n) {
        @include respond-to($small-up) {
          margin-right: 0;
        }
      }

      .#{$breakpoint}two:nth-of-type(8n+1),
      .#{$breakpoint}four:nth-of-type(4n+1),
      .#{$breakpoint}eight:nth-of-type(2n+1) {
        @include respond-to($small-up) {
          margin-left: 0;
        }
      }

      .#{$breakpoint}one-half:nth-of-type(2n+1),
      .#{$breakpoint}one-third:nth-of-type(3n+1),
      .#{$breakpoint}one-fifth:nth-of-type(5n+1),
      .#{$breakpoint}one-sixth:nth-of-type(6n+1),
      .#{$breakpoint}one-seventh:nth-of-type(7n+1) {
        @include respond-to($small-up) {
          margin-left: 0;
        }
      }

      .#{$breakpoint}one-half.even {
        @include respond-to('medium-down') {
          margin-left: 0;
          margin-right: calc(#{$gutter} / 2);
        }
      }

      .#{$breakpoint}one-half.odd {
        @include respond-to('medium-down') {
          margin-right: 0;
          margin-left: calc(#{$gutter} / 2);
        }
      }

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

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

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

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

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

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

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

//Responsive grid - uses gutters

.container {
  position: relative;
  max-width: $site-width;
  margin: 0 auto;
  @include respond-to('large-down'){
    width: calc(90% + #{$gutter});
  }
  @include respond-to('small-down'){
    width: calc(100% - 40px);
  }
}

[class*="offset-by"] {
  position: relative;
  @include respond-to('small-down'){
    position: static;
  }
}

.container:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.column,
.columns {
  float: left;
  display: inline;
  margin-left: calc(#{$gutter} / 2);
  margin-right: calc(#{$gutter} / 2);
  box-sizing: border-box;
}

.column:not([class*="small-down--one-half"]),
.columns:not([class*="small-down--one-half"]) {
  @include respond-to('small-down') {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.even {
  @include respond-to('small-down') {
    margin-left: 0;
  }
}

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

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

.flex-container:after {
  visibility: hidden;
  display: none;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.row {
  margin-bottom: $gutter;
}

.row:after {
  visibility: hidden;
  display: none;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

//Can be used on inner div inside container element to apply borders (that maintain the same width as columns)
.container-border--top::before {
  display: block;
  content: '';
  height: 0;
  width: calc(100% - #{$gutter});
  border-top: thin solid {{ settings.border_color }};
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  float: left;
  @include respond-to('small-down'){
    width: 100%;
  }
}

.container-border--bottom::after {
  display: block;
  content: '';
  height: 0;
  width: calc(100% - #{$gutter});
  border-top: thin solid {{ settings.border_color }};
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  clear: both;
  @include respond-to('small-down'){
    width: 100%;
  }
}

//Applied to container elements that need to be smaller than the $site-width
.narrow-width--true.container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

//Override the max-width on container element and stretch full screen (wide_display)
.container.full-width--true,
.full-width--true > .container {
  width: 100%;
  max-width: 100%;
}

.container.fullWidthMobile--true,
.column.fullWidthMobile--true,
.columns.fullWidthMobile--true {
  @include respond-to('small-down'){
    width: 100% !important;
    max-width: 100%;
  }
}

//Styles applied only on larger screen sizes
@include respond-to('small-up'){
  /* Nested Column Classes */
  .column.alpha, .columns.alpha               { margin-left: 0; }
  .column.omega, .columns.omega               { margin-right: 0; }

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

/* #Typography
================================================== */
.logo {
  font-family: {{ settings.logo__font.family }}, {{ settings.logo__font.fallback_families }};
  font-weight: {{ settings.logo__font.weight }};
  font-size: {{ settings.logo_font_size }}px;
  text-transform: {{ settings.logo_font_style }};
  line-height: 1.2em;
  {% if settings.use_logo %}
    line-height: 0;
  {% endif %}
}

/*  Headings  */

h1 {
  @include headline-style($font-size-header);
  margin: 0 auto 15px;
  clear:both;
  font-weight: {{ settings.headline__font.weight }};
  padding-top: 4px;
  a {
    &:link, &:visited {
      font-weight: inherit;
      color: {{ settings.headline_color }};
    }
    &:hover, &:active {
      color: {{ settings.link_color }};
    }
  }
  &.collection_title_tags {
    padding-right: 25px;
    border-right: solid 1px {{ settings.border_color }};
  }
}

h2, .h2, h2.title {
  @include headline-style(floor($font-size-header*0.9));
  margin-bottom: 0.75em;
  a {
    font-weight: inherit;
  }
  &.collection_title {
    margin-bottom: 0;
    display: inline;
  }
  &.product_name a {
    color: {{ settings.headline_color}};
  }
}
.cart h2 {
  margin-top: 0;
}

h3, .h3 {
  @include headline-style(floor($font-size-header*0.8));
  margin: 0 auto 15px 0;
  a, a:visited {
    font-weight: inherit;
    color: {{ settings.headline_color }};
  }
  &.title {
    line-height: 1.25;
    margin: 0 auto 15px;
    clear:both;
    padding-top: 4px;
    a, a:visited {
      color: {{ settings.headline_color }};
    }
  }
  &.sub_title {
    padding: 5px 0;
    color: {{ settings.headline_color }};
    a {
      color: {{ settings.headline_color }};
    }
  }
}

h4, .h4 {
  @include headline-style(floor($font-size-header*0.7));
  margin: 0 0 0.5em 0;
  padding: 7px 0;
  a {
    font-weight: inherit;
  }
  &.title a {
    border: 0;
    padding: 0;
    margin: 0;
  }
}

h5, .h5 {
  @include headline-style(floor($font-size-header*0.65));
  margin: 0 0 0.5em 0;
  padding: 7px 0;
  a {
    font-weight: inherit;
  }
  &.sub_title {
    padding: 5px 0;
    color: {{ settings.headline_color }};
    a {
      color: {{ settings.headline_color }};
    }
  }
}

h6, .h6 {
  @include headline-style(floor($font-size-header*0.6));
  letter-spacing: {{ settings.headline_letter_spacing | divided_by: 2 }}px;
  margin: 0 0 0.5em 0;
  padding: 7px 0;
  a {
    font-weight: inherit;
  }
  &.title {
    line-height: 32px;
    margin: 0 0 0.5em 0;
    color: {{ settings.headline_color }};
  }
}

.cart h6 {
  margin-top: 0;
}

.collection_title {
  @include headline-style;
  margin: 0 auto 15px;
  clear: both;
  padding-top: 4px;
  a {
    font-weight: inherit;
    color: {{ settings.headline_color }};
    &:hover, &:active {
      color: {{ settings.link_color }};
    }
  }
}

div {
  &.collection_title {
    margin-bottom: 0;
    line-height: {{ settings.headline_font_size }}px;
    display: inline;
  }
  &.collection_title_tags {
    padding-right: 25px;
    border-right: solid 1px {{ settings.border_color }};
  }
}

.headline,
.empty_cart,
.promo_banner,
.cart-message,
.title {
  @include headline-style;
}

.title.insta,
.title.twitter {
  @include respond-to('medium-down') {
    text-align: center;
  }
  a {
    color: {{ settings.headline_color }};
  }
}

.title.center.blog a {
 color: {{ settings.headline_color }};
}

/*  Content  */

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

sub {
  font-size: 60%;
}

em, i {
  font-style: italic;
}

strong, b {
  font-weight: bold;
}

small {
  font-size: 90%;
}

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

.onboard-text {
  margin: 0;
}

.page-divider {
  opacity: 0;
  border-color: {{ settings.headline_border_color }};
  border-top: 0;
}

.active-divider {
  opacity: 1;
}

.feature p {
  font-size: smaller;
}

#featured_links {
  padding: 20px 0;
  h2 {
    padding-top: 15px;
  }
}

{% if settings.featured_links_style == blank %}
  #featured_links .column, #featured_links .columns {
    opacity: 1;
  }
{% endif %}

//Add default spacing to allow room for stars (from Shopify review app)
.slider-gallery .shopify-product-reviews-badge {
  height: 30px;
  display: block;
}

//Add spacing below review stars (from Shopify review app)
.spr-badge + .feature_divider {
  margin-top: 15px;
}
.spr-badge {
  padding: 5px 0;
}
.thumbnail .spr-badge-caption {
  display: none;
}
div#shopry-review-photos a { display: block !important; }

//Feature divider variables
$borderWidth: {{ settings.headline_border }}px;
$borderWidthHr: {% if settings.headline_border == '4' %}4px{% elsif settings.headline_border == '1' %}1px{% else %}0{% endif %};
$borderStyle: {{ settings.divider_style }};

.feature_divider {
  width: 100%;
  margin-bottom: 20px;
  display: block;
  border: 0;
  border-color: {{ settings.headline_border_color }};
  border-bottom-width: $borderWidth;
  border-bottom-style: $borderStyle;

  &.no-margin {
    margin-bottom: 0px;
  }

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

div.container.bottom-fix {
  padding-bottom: 0px;
}

.page .feature_divider,
.page h2.title + .feature_divider {
  margin-bottom: 15px;
}

/*  Blockquotes  */

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

blockquote {
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid {{ settings.border_color }};
  cite {
    display: block;
    font-size: 12px;
    color: #555;
    a, a:visited {
      color: #555;
    }
    &:before {
      content: "\2014 \0020";
    }
  }
}

hr {
  border-color: {{ settings.headline_border_color }};
  border-width: $borderWidthHr;
  border-style: $borderStyle;
  clear: both;
  margin: 12px 0;
  height: 0;
}

.cart_container {
  hr {
    border-top-width: 0px;
  }
}

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

/* #Links
================================================== */
a,
a:visited,
a span {
  color: {{ settings.link_color }};
  text-decoration: none;
  position: relative;
  transition: color .1s linear;
}

a:hover,
a:focus {
  color: {{ settings.link_hover_color }};
}

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

/* #Lists
================================================== */
ul, ol {
  margin-bottom: 20px;
  ul, ol {
    margin: 4px 0 5px 30px;
    li {
      margin-bottom: 6px;
    }
  }
  li {
    margin-bottom: 12px;
  }
}

ul {
  list-style: disc outside;
  &.square {
    list-style: square outside;
  }
  &.circle {
    list-style: circle outside;
  }
  &.disc {
    list-style: disc outside;
  }
  &.large li {
    line-height: 21px;
  }
  &.none {
    list-style: none outside;
    margin-left: 0;
  }
  &.border {
    list-style: none outside;
    line-height: 26px;
    li {
      border-bottom: 1px solid {{ settings.border_color }};
      list-style: none outside none;
      padding: 12px 0;
      margin-bottom: 0;
    }
  }
}

ol {
  list-style: decimal;
}

/* #Menu
================================================== */
.header {
  z-index: 1000;
  width: 100%;
  top: 0;
/*   box-shadow: 1px 0px 8px -3px #1b1f23; */
  border-bottom: 1px solid #898989;
  a, a:visited, a span, select.currencies {
    color: {{ settings.nav_color }};
    text-shadow: none;
  }
  div.container {
    padding-bottom: 5px;
    padding-top: 5px;
  }
}

body.is-active {
  overflow-y: hidden;
  #header {
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
}

#header.mobile_nav-fixed--true,
.mobile_nav-fixed--false.is-active #header {
  position: fixed;
  z-index: 1001;
  width: 100%;
  top: 0;
  left: 0;
}

#header {
  display: none;
  .top_bar {
    text-align: center;
    height: 60px;
   
    @include flexbox();
    @include align-items(center);
    .icon-search {
      z-index: 3;
      &:before {
        font-size: 18px;
      }
    }
    a {
      &.right {
        left: auto;
        right: 15px;
        font-size: 20px;
        padding-top: 8px;
        top: 4px;
        z-index: 1;
      }
      &.mobile_nav {
        @include flexbox();
        @include align-items(center);
        z-index: 1;
      }
    }
    > a, > a:visited, > a:active {
      display: block;
      font-size: 25px;
      outline: 0;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    a span {
      color: {{ settings.top_bar_color }};
      display: inline-block;
/*       padding-left: 4px; */
      position: relative;
    }
  }
}

#header .top_bar a.icon-bag:before,
#header .top_bar a.icon-cart:before {
  font-size: 18px !important;
}

.nav ul.mobile_menu li a {
  display: inline-block;
}

.menu .vertical-menu {
  li {
    position: relative;
  }
}
.vertical-menu {
  display: inline;
}

.menu .vertical-menu li:hover .vertical-menu_submenu {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease-in;
  pointer-events: all;
  z-index: 2000;
}

.menu .vertical-menu_submenu li:hover .vertical-menu_sub-submenu {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease-in;
  pointer-events: all;
  z-index: 2000;
}

.menu .vertical-menu_submenu {
  position: absolute;
  left: 0;
  top: 100%;
  padding-left: 0;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease-in;
  pointer-events: none;
  text-align: left;
  width: 270px;
  @include background-opacity({{ settings.header_bg_color }}, {% if settings.transparent_header %}0.9{% else %}1{% endif %});
  li {
    padding: 0 20px;
    display: block;
  }
  a {
    display: block;
  }
  span.icon-down-arrow {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}

.menu .vertical-menu_submenu.is-visible,
.menu .vertical-menu_sub-submenu.is-visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease-in;
  pointer-events: all;
  z-index: 2000;
}

.menu .vertical-menu_sub-submenu {
  position: absolute;
  left: 100%;
  top: 0;
  padding-left: 0;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 5s ease-in;
  pointer-events: none;
  width: 270px;
  @include background-opacity({{ settings.header_bg_color }}, {% if settings.transparent_header %}0.9{% else %}1{% endif %});
  li {
    padding: 0 20px;
    display: block;
  }
  a {
    display: block;
  }
}

.vertical-menu_submenu.vertical-menu--align-right {
  right: 0;
  left: auto;
}

.vertical-menu_sub-submenu.vertical-menu--align-right {
  right: 100%;
  left: auto;
}

/*  Mobile nav  */

#header .mobile_nav.dropdown_link {
/*   width: 15%; */
  span.menu_title {
    position: absolute;
    left: 40px;
  }
}

.mobile_nav div {
  width: 25px;
  height: 40px;
  position: relative;
  float: left;
  margin: 0 8px 0 5px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: .1s ease-in-out;
  cursor: pointer;
}

.mobile_nav div span {
  display: block !important;
  position: absolute !important;
  height: 3px !important;
  width: 100%;
/*   background: {{ settings.top_bar_color }}; */
  background:#003570;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  padding: 0 !important;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: .1s ease-in-out;
}
.mobile-logo-section{background:#fff;text-align:center;}
.mobile-logo-section .top_bar--right {
    display: flex;
    justify-content:center;
    border-top: 1px solid #e5eaf0;
        padding-top: 10px;
}
.mobile-logo-section a.mini_cart.dropdown_link span {
        padding: 0px 0;
}
.mobile-logo-section .top_bar--right a.icon-search:before {
    content: "\e913";
    font-weight: bold;
    line-height: 1.4;
}
.mobile-logo-section .top_bar--right a {
  margin: 0 20px;
  font-family: "Crimson Text", serif;
  font-style: italic;
  font-size:18px;
/*   font-weight: 600; */
  color:#003570;
}
.mobile-logo-section .top_bar--right a{ color:#003570;
    line-height: 1.8;}
.mobile_nav div span:nth-child(1) {
  top: 12px;
}

.mobile_nav div span:nth-child(2),.mobile_nav div span:nth-child(3) {
  top: 20px;
}

.mobile_nav div span:nth-child(4) {
  top: 28px;
}

.mobile_nav div.open span:nth-child(1) {
  top: 9px;
  width: 0%;
  left: 50%;
}

.mobile_nav div.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mobile_nav div.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mobile_nav div.open span:nth-child(4) {
  top: 9px;
  width: 0%;
  left: 50%;
}

#mobile_menu {
  margin: 0px 20px;
  li {
    padding-right: 0;
    display: block;

    a span.icon-down-arrow {
      padding: 0 15px !important;
    }
  }
  .sublink ul {
    display: none;
    margin-left: 0;
    padding-left: 10px;
  }
}

.feature_image.editor-hover--true {
  .main_nav,
  .dropdown {
    @include background-opacity({{ settings.header_bg_color }}, {% if settings.transparent_header %}0.9{% else %}1{% endif %});
    clear: both;
    transition: all 0.3s linear;
    animation: fadeIn 0.3s linear none;
  }
}

.top_bar {
  height: 60px;
  background-color: {{ settings.top_bar_bg_color }};
  padding: 0 0 0 10px;
  .social_icons {
    float: left;
    margin: 0;
    padding-left: 10px;
    li {
      padding: 5px;
    }
  }
  a {
    @include flexbox();
    @include align-items(center);
  }
  ul.social_icons a {
    display: inline;
    @include flex(none);
  }
  .top_bar--right {
    @include flexbox();
    @include align-items(center);
/*     margin-left: auto; */
    height: 40px;
    .icon-search {
      display: inline-block;
      line-height: 0;
      padding-right: 15px;
    }
    .cart_container {
      display: inline-block;
    }
  }
}

.main_nav,
.dropdown {
  @include background-opacity({{ settings.header_bg_color }}, {% if settings.transparent_header %}0.9{% else %}1{% endif %});
  clear: both;
  transition: all 0.3s linear;
  animation: fadeIn 0.3s linear none;
}

{% if settings.header_background == false %}
  .feature_image .main_nav,
  .feature_image .dropdown {
    background: transparent;
  }
{% endif %}

.sticky_nav {
  position: fixed;
  width: 100%;
  z-index: 35;
  top: 0;
  left: 0;
  padding: 0;

  /* Translate -100% to move off screen */
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);

  /* Animations */
  transition: all 300ms ease-in-out;
}

.is-active .sticky_nav {
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}

.sticky_nav--stick {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
  opacity: 1;
  @include respond-to('medium-down') {
    display: none;
  }
}

.sticky_nav--unstick {
  opacity: 0;
  transition: opacity 0s;
}

.sticky_nav ul.menu, .sticky_nav .mini_cart {
  padding-bottom: 0 !important;
}

.menu.center,
.menu.align_right,
.menu.align_left {
  margin: 0 20px;
}

.menu {
  display: block;
  border: none;
  padding: 0;
  margin: 0;
  li {
    display: inline-block;
    margin: 0;
    border: 0;
  }
}

.nav ul li a.sub-menu {
  padding: 10px 4px 10px 4px;
  z-index: 1001;
}

.nav ul li:hover a.sub-menu {
  color: {{ settings.nav_color }};
}

.menu a,
.menu a:visited,
.menu a:active,
#header span.menu_title,
.menu a span,
select.currencies,
.mini_cart span {
  font-family: {{ settings.nav__font.family }}, {{ settings.nav__font.fallback_families }};
  font-weight: {{ settings.nav__font.weight }};
  font-size: {{ settings.nav_font_size }}px;
  font-style: {{ settings.nav__font.style }};
  text-transform: {{ settings.nav_font_style }};
  color: {{ settings.nav_color }};
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  display: block;
  letter-spacing: {{ settings.nav_letter_spacing }}px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  @include respond-to('medium-down') {
    font-size: {{ settings.top_bar_font_size }}px;
  }
}

.feature_image .main_nav a,
.feature_image .main_nav a span {
  color: {{ settings.nav_color_home }};
}

.menu li, #header span.menu_title,
.menu a span, select.currencies,
.mini_cart span {
  padding-left: 12px;
  padding-right: 12px;
}

#header span.menu_title {
  cursor: pointer;
  height: 40px;
  line-height: 20px;
  margin-top: -2px;
}

.menu li {
  vertical-align: top;
}

select.currencies {
  height: 40px;
  min-height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  cursor: pointer;
  @if (lightness({{ settings.top_bar_bg_color }}) > 50) {
    background-image: url({{ "select.png" | asset_url }}); // Lighter background
  } @else {
    background-image: url({{ "select_light.png" | asset_url }}); // Darker background
  }
  @include respond-to('medium-down'){
    font-size: 16px;
  }
}

#mobile_menu select.currencies {
  padding-left: 0;
}

.feature_image .header .menu a,
.feature_image .header .menu a:visited,
.feature_image .header .menu a span {
  color: {{ settings.nav_color_home }};
  {% if settings.nav_shadow %}
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
  {% endif %}
}

.feature_image .header .menu a[href]:hover,
.menu a.active,
.menu a.active span,
.feature_image .header .menu a.active,
.header_bar a.active,
.feature_image .header .menu a:focus {
  color: {{ settings.nav_color_hover }};
}

.menu li a[href]:hover,
.menu li a:focus,
.menu a[href]:hover span {
  color: {{ settings.nav_color_hover }};
}

.menu a.top_link,
.menu a.dropdown_link {
  border-bottom: solid 1px transparent;
}

.menu a.top_link:hover,
.menu a.dropdown_link:hover,
.menu a.active_link {
  border-bottom: solid 1px {{ settings.nav_color_hover }};
}

.feature_image a.top_link:hover {
  border-bottom: solid 1px {{ settings.nav_color_hover }};
}

.menu a span {
  display: inline;
  vertical-align: top;
}

.top_bar a,
.top_bar a:visited,
.top_bar a:active,
.top_bar a span,
.top_bar select.currencies,
a.mini_cart,
a.mini_cart span,
.feature_image .header .top_bar .menu a,
.feature_image .header .top_bar .menu a span,
.cart_container .mini_cart:hover {
  color: {{ settings.top_bar_color }};
  font-size: {{ settings.top_bar_font_size }}px;
  letter-spacing: {{ settings.top_bar_letter_spacing }}px;
  z-index: auto;
}

.top_bar li a:hover,
.top_bar li a[href]:hover,
.top_bar li a[href]:hover span,
.top_bar li a:active,
.top_bar li a:hover span,
.top_bar a:active span,
.top_bar .currencies:hover,
.feature_image .header .top_bar .menu a:hover,
.feature_image .header .top_bar .menu a:hover span {
  color: {{ settings.top_bar_color_hover }};
}

.top_bar li {
  padding-left: 10px;
  padding-right: 10px;
}
.top_bar .menu.right li {
  padding-left: 1px;
  padding-right: 1px;
}
.top_bar .menu a, .top_bar .social_icons a {
  height: 40px;
  line-height: 40px;
  padding: 0;
}

/*  Mini cart  */
.mini_cart,
.nav a.mini_cart {
  float: right;
  text-align: center;
  cursor: pointer;
  background-color: {{ settings.top_bar_cart_bg_color }};
  padding-left: 5px;
  padding-right: 5px;
/*   margin-left: 5px; */
  height: 38px;
  z-index: 2001;
  @include respond-to('medium-up'){
    padding-left: 15px;
    padding-right: 15px;
  }
  @include respond-to('medium-down'){
    right: 0;
  }
}

.cart_container {
  li.cart_item {
    @include flexbox();
    @include justify-content(space-between);
    .sale,
    .price {
      margin-left: auto;
      margin-right: 10px;
      @include flexbox();
      @include flex-direction(column);
      text-align: right;
    }
    .cart_item__title {
      width: 50%;
    }
  }
}

.nav a.mini_cart {
  {% if settings.search_enabled %}
    margin-left: 10px;
  {% else %}
    margin-left: 15px;
  {% endif %}
}

.top_bar a.mini_cart span {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 40px;
  padding:0;
}

a.tos_icon,
.cart_content a.tos_icon {
  font-size: 13px;
  color: {{settings.link_color}};
  &:visited {
    color: {{settings.link_color}};
  }
  &:hover {
    color: {{settings.link_hover_color}};
  }
}

.cart_content__continue-shopping {
  display: none;
}

.no-touchevents {
  a.cart_content__continue-shopping.secondary_button {
    display: none;
  }
}

.no-touchevents,
.touchevents {
  a.cart_content__continue-shopping.secondary_button {
    display: none;
    @include respond-to('medium-down'){
      display: block;
      border-top: 0;
      margin: 0 auto;
      padding-top: 0;
      padding-bottom: 10px;
      margin-bottom: 10px;
      position: static;
      font-size: inherit;
      letter-spacing: inherit;
    }
  }
}

.mini_cart span {
  display: inline-block;
}
.cart_container .cart_content {
  display: none;
}

.cart_container.active_link .cart_content {
  display: block;
  overflow-y: auto;
  max-height: calc(90vh - 60px);
}

.cart_container.active_link .cart_content::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.cart_container.active_link .cart_content::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(0,0,0,.5);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.cart_content .product-quantity-box,
#cart_form .product-quantity-box {
  margin: 10px 0;
  width: 130px;
}
.cart_content .product-quantity-box .quantity,
#cart_form .product-quantity-box .quantity {
  padding: 0 5px;
  width: 30%;
  min-height: 30px;
  height: 30px;
}
.cart_content .product-quantity-box .product-plus,
#cart_form .product-quantity-box .product-plus {
  font-size: 15px;
  line-height: 30px;
  height: 30px;
  padding-right: 2px;
  width: 25%;
}
.cart_content .product-quantity-box .product-minus,
#cart_form .product-quantity-box .product-minus {
  font-size: 15px;
  line-height: 30px;
  height: 30px;
  padding-right: 2px;
  width: 25%;
}

#cart_form .product-quantity-box .product-minus,
#cart_form .product-quantity-box .product-plus,
.nav .product-quantity-box .product-minus,
.nav .product-quantity-box .product-plus {
  padding-right: 0;
}

#cart_form .icon-minus,
#cart_form .icon-plus {
  position: relative;
  left: 1px;
}

{% if settings.button_style == 'pill_shaped' %}
  .product-quantity-box .product-plus {
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -moz-border-radius-topright: 50%;
    -moz-border-radius-bottomright: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
  }
  .product-quantity-box .product-minus {
    -webkit-border-top-left-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -moz-border-radius-topleft: 50%;
    -moz-border-radius-bottomleft: 50%;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
  }
{% elsif settings.button_style == 'rounded' %}
  .product-quantity-box .product-plus {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .product-quantity-box .product-minus {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
{% endif %}

.cart_container.active_link .mini_cart,
.cart_container.active_link .mini_cart span {
  background-color: {{ settings.minicart_bg_color }};
  color: {{ settings.regular_color }} !important;
}

.cart_content {
  top: 40px;
  right: 0;
  position: absolute;
  z-index: 2000;
  background-color: {{ settings.minicart_bg_color }};
  font-family: {{ settings.regular__font.family }}, {{ settings.regular__font.fallback_families }};
  font-weight: {{ settings.regular__font.weight }};
  font-size: smaller;
  text-transform: {{ settings.regular_font_style }};
  color: {{ settings.regular_color }};
  border: 1px solid {{ settings.border_color }};
  border-top: 0;
  border-right: 0;
  width: 100%;
  max-width: 320px;
  @include respond-to('medium-up'){
    max-width: 420px;
  }
}

div.cart_content form {
  margin: 15px 0 0 0;
  padding: 0;
}

.cart .cart_subtotal {
  font-weight: bold;
/*   font-size: larger; */
}

.cart_content .cart_subtotal {
  text-align: left;
  font-weight: bold;
}

.cart_content a, .cart_content a:visited, .cart_content a:hover, .cart_content a .price, .cart_content a .price span {
  color: {{ settings.regular_color }} !important;
}

.cart_content a .price span {
  padding-left: 5px;
}

.cart_content ul {
  list-style: none;
  margin: 0;
  padding: 15px 20px;
}

.cart_content ul li {
  list-style: none;
  clear: both;
}

.cart_content .action_button {
  width: 100%;
}

.top_bar [class^="icon-"]:before, .top_bar [class*=" icon-"]:before, .mini_cart {
  font-size: {{ settings.top_bar_font_size | minus: 0 }}px;
  margin-right: 0;
}

#customer_login_guest,
#customer_login {
  display: inline;
  @include respond-to('small-down') {
    display: block;
  }
}

input[type="submit"].guest_button, input[type="button"].guest_button {
  color: {{ settings.link_color }};
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: transparent;
  border: 0;
  padding: 0;
  text-align: left;
  &:hover {
    background: transparent;
    border: 0;
    color: {{ settings.link_hover_color }};
  }
  @include respond-to('medium-up') {
    text-align: center;
  }
}

.menu ul li .mini_cart span {
  padding-left: 5px;
  top: -1px;
}

.sticky_nav div.logo img {
  width: 55%;
}

.dropdown_container {
  clear: both;
  width: 100%;
  display: none;
}

.dropdown_container img {
  max-width: 100%;
}

.dropdown {
  position: absolute;
  width: 100%;
  z-index: 1000;
}

.dropdown_content {
  display: table;
  width: 100%;
  margin: 0 auto;
}

.dropdown_container.mega-menu .dropdown_content {
  @include flexbox();
  @include flex-direction(row);
  width: 100%;
  margin: 0 auto;
}

.mega-menu__richtext,
.mega-menu__image-caption-link {
  padding: 0 5px;

  img {
    margin-bottom: 10px;
  }
}

.mega-menu__richtext a,
.mega-menu__richtext a:active,
.mega-menu__richtext a:hover {
  display: inline-block;
  text-transform: none;
}

.mega-menu__image-caption-link {
  text-align: center;
  margin-bottom: 10px;

  a, a:visited, a:active, a:hover {
    text-transform: none;
    display: block;
  }
}

.dropdown_content a p,
.mobile-mega-menu a p {
  padding: 0;
}

.dropdown_content p,
.mobile-mega-menu p {
  font-family: {{ settings.nav__font.family }}, {{ settings.nav__font.fallback_families }};
  font-size: {{ settings.nav_font_size }}px;
  color: {{ settings.nav_color }};
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  display: block;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  margin-bottom: 0;

}

.dropdown_content p,
.dropdown_content a,
.dropdown_content a:hover,
.dropdown_content a:active {
  font-size: {{ settings.mega_text_font_size }}px;
  letter-spacing: {{ settings.mega_text_letter_spacing }}px;
}

.dropdown_column__menu + .dropdown_column__menu {
  margin-top: 10px;
}

.dropdown_narrow {
  width: 60%;
}

.dropdown_column {
  display: table-cell;
  padding: 15px 20px 30px 20px;
  width: 16.666%;
  vertical-align: top;

  img {
    max-width: 100%;
  }

  ul {
    margin: 0;
    padding: 0;
  }

  ul.dropdown_title {
    border-bottom: solid 1px {{ settings.nav_color }};
    padding-bottom: 10px;
  }

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

.dropdown_container.mega-menu .dropdown_column {
    display: inline-block;
    padding: 15px 20px 30px 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 16.666%;
    flex: 1 0 16.666%;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    vertical-align: top;
}

.dropdown_column li {
  display: block;
}

.dropdown_column li a, .dropdown_column li a:hover, .dropdown_column li a:active {
  padding-bottom: 0;
  text-transform: none;
}

.dropdown_row {
  display:table-row;
}

select.currencies {
  border: 0 !important;
  background-color: transparent;
  margin-bottom: 0 !important;
  min-width: 65px;
  outline: 0;
  background-position: 96.5% 55%;
  background-size: 18px 12px;
  text-shadow: none !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  appearance: none;
}

select.currencies:active {
  border: 0;
  outline: 0;
  text-shadow: 0;
  box-shadow: 0;
}

select.currencies option {
  @include background-opacity({{ settings.header_bg_color }}, {% if settings.transparent_header %}{% if settings.header_bg_color == "#ffffff" %}0.9{% else %}0.6{% endif %}{% else %}1{% endif %});
  color: {{ settings.nav_color }};
}

.menu li.currencies {
  padding: 0;
}

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

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

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

.sidebar-wrap {
  border-right: 1px solid {{ settings.border_color }};
  margin-right: 0px;
  padding-right: 20px;
  @include respond-to('medium-down') {
    border: none;
    margin:0;
    padding-right: 0;
  }
}

.sidebar-wrap h4,
.sidebar-wrap h4.toggle {
 margin: 0;
 padding: 0;
}

.sidebar-wrap h4.toggle {
 @include respond-to('medium-down') {
  margin: 10px 0;
 }
}

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

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

.sidebar .meta {
  margin-left: 2px;
}

.sidebar .spr-badge {
  color: {{ settings.regular_color }};
}

.toggle-all--true {
  h4.toggle {
    cursor: pointer;
    pointer-events: all;
  }
  .toggle span {
    display: block;
  }
  .toggle_list {
    display: none;
  }
}

.content_block.toggle_list {
  a {
    display: inline;
    position: static;
    padding-left: 0;
    margin-left: 0;
    border-left: none;
    color: {{ settings.link_color }};
    &:hover {
      border-left: none;
      color: {{ settings.link_hover_color }}
    }
  }
}

.toggle_list {
  margin: 0;
  padding: 10px 0 15px 0;
}

.toggle_list a {
  display: inline-block;
  position: relative;
  margin-left: 0;
  max-width: 80%;
  border-left: solid 2px transparent;
  transition : border 200ms ease-out;
}

.toggle_list a.active,
.toggle_list a.active--default {
  padding-left: 8px;
  border-left: solid 2px {{ settings.nav_active_color }};
}

ul.toggle_list li ul {
  display: none;

  &.active {
    display: block;
  }
}

.sidebar .toggle_list a.active {
  border-left: solid 9px {{ settings.sidebar_nav_color_hover }};
}

.toggle_list li {
  list-style: none;
  line-height: 1.4em;
  padding: 8px 0 8px 0;
}

.toggle_list .meta span {
 line-height: 2.5;
}

.sidebar_text {
 margin-bottom: 12px;
 padding-top: 10px;
}

.sidebar_content {
  border-left: solid 1px {{ settings.border_color }};
  padding-left: 20px;
}

.sidebar_content .toggle_list li {
 line-height: 1.2;
}

.sidebar .newsletter {
  margin-bottom: 20px;
  form {
    width: 100%;
  }
}

.sidebar li ul {
  margin: 8px 0 0 15px;
}

.sidebar .toggle_list li ul {
  padding-left: 0;
}

.sidebar ul li {
  margin-bottom: 0;
}

.sidebar input.sign_up[type="submit"],
.sidebar input.contact_email[type="email"] {
  width: 100% !important;
  margin-left: 0;
}

.blog_search {
  position: relative;
}

.sidebar-block {
  margin-bottom: 15px;
  border-bottom: 1px solid {{ settings.border_color }};
  &:last-child {
    border-bottom: none;
  }
  &:empty {
    border-bottom: none;
  }
  &:blank {
    border-bottom: none;
  }
  &:first-child h4.toggle{
    padding-top: 0;
  }
  h4.toggle {
    @include flexbox();
    @include align-items(center);
    @include justify-content(space-between);
    margin-bottom: 0;
    padding: 15px 0;
    line-height: 1.5;
  }
}

//Filter collections

.sidebar .filter-active-tag {
  position: relative;
}

.color-filter--true {
  label {
    @include flexbox();
    @include align-items(center);
  }
}

.sidebar__collection-filter {
  a, label {
    cursor: pointer;
  }

  label {
    text-transform: none;
    font-weight: normal;
    font-size: inherit;
  }

  label:hover {
    color: {{ settings.link_hover_color }}
  }

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

  input.styled-checkbox[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    {% if settings.swatch_style != 'square' %}
      border-radius: 50%;
    {% endif %}
    display: inline-block;
    cursor: pointer;
    position: relative;
    vertical-align: top;
    background-size: cover;
    margin-right: 15px;
  }

  button.clear-active-filter, button.clear-active-filter:active {
    color: {{ settings.link_color }};
    background-color: transparent;
    border: none;
    outline: 0;
    box-shadow: 0;
    font-family: inherit;
    letter-spacing: 0;
    text-transform: none;
    position: absolute;
    @include prefix(transform, translateY(-50%), ms webkit spec);
    top: 0;
    right: 0;
    left: auto;
    padding: 2px 4px;
    line-height: 1.2;
    display: block;
    height: auto;
    min-height: auto;
  }

  button.clear-active-filter:hover {
    color: {{ settings.link_hover_color }};
  }

  .x-icon {
    position: relative;
    display: inline-block;
    overflow: visible;
    width: 15px;
    height: 15px;
    margin: 0 2px 0 0;
    padding: 0;
    cursor: pointer;
    transition: color 0.2s;
    text-decoration: none;
    font-style: normal;
    color: #95979c;
    border: 0;
    outline: 0;
    background: transparent;
    vertical-align: middle;
    top: -1px;
    &:before {
      font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
      font-size: 25px;
      line-height: 15px;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 15px;
      content: "\00d7";
      text-align: center;
    }
  }
}

::-webkit-input-placeholder {
  color: #888;
}

:-moz-placeholder { /* Firefox 18- */
  color: #888;
}

::-moz-placeholder {  /* Firefox 19+ */
  color: #888;
}

:-ms-input-placeholder {
  color: #888;
}

/* Sub Collections */

.featured_collections.sub-collection {
  margin-bottom: 10px;
  .thumbnail {
    margin-bottom: 10px;
    @include respond-to('medium-down'){
      width: 100%;
    }
  }
}

.sub-collection--2 {
  .thumbnail {
    width: calc(50% - 20px);
    &:nth-child(2n+1){
      clear: both;
    }
  }
}

.sub-collection--3 {
  .thumbnail {
    width: calc(33.33333% - 20px);
    &:nth-child(3n+1){
      clear: both;
    }
  }
}

.sub-collection--4 {
  .thumbnail {
    width: calc(25% - 20px);
    &:nth-child(4n+1){
      clear: both;
    }
  }
}

.list-collection-wrapper {
  //no image available
  img[src*='/no-image']{
    opacity: 0;
  }
  img[src*='/no-image'] ~ .thumbnail-overlay {
    opacity: 1 !important;
    .collection-details {
      opacity: 1;
      transform: none;
    }
  }
  img[src*='/no-image'] ~ .collection-info__caption {
    @include respond-to('medium-down'){
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
    }
  }
  .img {
    width: 100%;
  }
  .collection-info__caption {
    {% if settings.thumbnail_hover_enabled == false %}
      display: block;
    {% endif %}
    margin-top: 20px;
    @include respond-to('medium-down'){
      display: block;
      position: static;
/*       margin-top:0; */
    }
  }

  {% if settings.thumbnail_hover_enabled %}

    .product-wrap {
      text-align: center;
      position: relative;
      &:hover .collection-details {
        opacity: 1;
        transform: none;
      }
      &:hover .view_all {
        opacity: 1;
        transform: none;
      }
      &:hover .thumbnail-overlay {
        opacity: 1;
      }
    }

    .thumbnail-overlay {
      .info {
        @include vertical-alignment;
        position: absolute;
        text-align: center;
        width: 100%;
        margin: 0 auto;
      }
      .collection-details {
        position: relative;
        opacity: 0;
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        transition: opacity 0.3s ease-out, transform 0.3s ease-out;
        display: block;
      }
      .title {
        display: block;
        padding: 0 2em;
        position: relative;
        color: {{ settings.product_hover_text_color }};
      }
    }

  {% endif %}
}

.blog-header {
  margin-bottom: 5px;
  .blog-title.blog-tags--true {
    float: none;
  }
  .blog-title {
    float: left;
    @include respond-to('medium-down') {
      width: 100%;
      margin-bottom: 0;
    }
  }
  .subtitle {
    clear: both;
  }
}

.blog-header .feature_divider {
  clear: both;
  width: 100%;
}

/* Blog Article Styling */

.article .icon-slash {
  padding-right: 5px;
}


/* Styles for blog, collections */
.section_select {
  padding: 0;
  text-align: right;
  float: right;
  .blog_filter, .tag_filter, .sort_by {
    color: {{settings.collection_filter_color}};
    display: inline-block;
    border: none;
    padding-right: 30px;
    background-position: 100% 50%;
    background-color: {{ settings.shop_bg_color }};
    font-family: {{ settings.nav__font.family }}, {{ settings.nav__font.fallback_families }};
    font-weight: {{ settings.nav__font.weight }};
    font-size: {{ settings.nav_font_size }}px;
    text-transform: {{ settings.nav_font_style }};
    width: auto;
    margin-bottom: 0;
    max-width: 80%;
    @include respond-to('medium-down'){
      float: none;
      width: 100%;
      max-width: 100%;
      font-size: 16px;
      padding-left: 0;
    }
  }
}

div.breadcrumb-collection {
  margin-bottom: 20px;
  & + div.section {
    margin-top: 0;
  }
  @include respond-to('medium-down'){
/*   margin-top: calc(55px - 15px); */
    margin-top:10px;
   text-align: center;
  }
}

.breadcrumb_text,
.article-pagination {
  margin-top: 0px;
  text-transform: uppercase;
  font-size: {{ settings.regular_font_size | minus: 4 }}px;
  margin-bottom: 0;
  @include respond-to('medium-down'){
    margin-top: 0;
  }
  .breadcrumb-divider {
    color: {{ settings.link_color }};
    margin: 0 5px;
  }
}

.breadcrumb_link:hover span {
 color: {{ settings.link_hover_color }};
}

.breadcrumb {
  font-size: {{ settings.regular_font_size | minus: 1 }}px;
  @include respond-to('medium-down'){
   margin-bottom: 20px;
  }
}


/* #Images
================================================== */
/*
  The purpose of the below declaration is to make sure images don't
  exceed the width of columns they are put into when resizing window.
  Unfortunately, this declaration breaks certain lightbox, slider or other plugins,
  so the best solution is to individually call these properties on images that
  are children of the grid that you want to resize with grid.
*/

.product_row img,
  .product_image_col img,
  .article img,
  .section img,
  .thumbnail img,
  .page img,
  .sidebar img,
  .logo img,
  .cart_image img,
  .footer img,
  #target img {
  max-width: 100%;
  height: auto;
}

.image-crop--left {
  @include object-fit(cover, left);
  height: 100% !important;
}

.image-crop--right {
  @include object-fit(cover, right);
  height: 100% !important;
}

.image-crop--center {
  @include object-fit(cover);
  height: 100% !important;
}

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

  .featured-products-section {
    .section {
      margin: 30px 0px;
    }
  }

  $color-blankstate: rgba({{settings.headline_color}}, 0.9);
  $color-blankstate-background: rgba({{settings.headline_color}}, 0.5);

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

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

  .placeholder-instagram .instas:nth-child(even) .placeholder-svg--instagram,
  .featured-promotions-section .feature-section:nth-child(even) .placeholder-svg--promotions {
    background-color: rgba({{settings.headline_color}}, 0.6);
  }

  .image-with-text-section .featured-link--image:nth-child(odd) .placeholder-svg--promotions {
    background-color: rgba({{settings.regular_color}}, 0.6);
    fill: rgba({{settings.headline_color}}, 0.9);
  }

  .homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n + 1) .placeholder-svg--slideshow {
    background-color: rgba({{settings.headline_color}}, 0.6);
  }

  .homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n) .placeholder-svg--slideshow {
    background-color: rgba({{settings.headline_color}}, 0.8);
  }

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

.product_gallery {
  .video-container > div { position: relative; }
  .video-container iframe {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
  }
  .vimeo {
    max-width: 830px;
    margin: 0 auto;
  }
  .vimeo > div { padding-top: 56.26506%; }
  .youtube {
    max-width: 853px;
    margin: 0 auto;
  }
  .youtube > div { padding-top: 56.271981%; }
}

video:not(.legacy-video) {
  display: block;
  width: 100%;
  height: auto;
}
.video-section .mediaWrapper { height: 100% !important; }

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

a.button,
  .button,
  button,
  input[type="submit"],
  input[type="reset"],
  input[type="button"],
  .action_button,
  a.action_button,
  input.action_button[type="submit"],
  input.action_button[type="button"],
  input.action_button[type="button"],
  button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    background: {{ settings.btn_color }};
    color: {{ settings.btn_text_color }};
    border: 1px solid {{ settings.btn_color }};
    padding: 0 30px;
/*     box-shadow:0px 4px 15px -3px rgba(51, 51, 51, 0.4392156862745098); */
    text-align: center;
    cursor: pointer;
    font-size:18px !important;
    min-height: 50px;
    width: max-content !important;
    height: 50px;
    line-height: 1.2;
    vertical-align: top;
/*     font-family: {{ settings.nav__font.family }}, {{ settings.nav__font.fallback_families }}; */
    font-family:Lato, sans-serif;
    font-weight: {{ settings.button_weight }};
    font-size: {{ settings.button_font_size }}px;
    text-transform: {{ settings.button_font_style }};
    letter-spacing: {{ settings.nav_letter_spacing }}px;
    @include inline-flexbox();
    @include align-items(center);
    @include justify-content(center);
    transition: all 0.2s linear;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    {% if settings.button_style == 'rounded' %}
      border-radius: 3px;
    {% elsif settings.button_style == 'pill_shaped' %}
      border-radius: 100px;
    {% else %}
      border-radius: 0;
    {% endif %}
  }

  .ie {
    a.button,
    .button,
    button,
    input[type="submit"],
    input[type="reset"],
    input[type="button"],
    .action_button,
    a.action_button,
    input.action_button[type="submit"],
    input.action_button[type="button"] {
      line-height: 40px;
    }
  }

  a.button:hover,
  button:hover,
  input[type="submit"]:hover,
  input[type="reset"]:hover,
  input[type="button"]:hover,
  .action_button:hover,
  input.action_button[type="submit"]:hover,
  input.action_button[type="button"]:hover,
  input.action_button[type="button"]:hover,
  button.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover {
    background-color: {{ settings.btn_hover_color }};
    border: 1px solid {{ settings.btn_color }};
    color:{{settings.btn_color}};
  }

  a.button:active,
    button:active,
    input[type="submit"]:active,
    input[type="reset"]:active,
    input[type="button"]:active,
    .action_button:active,
    input.action_button[type="submit"]:active,
    input.action_button[type="button"]:active,
    input.action_button[type="button"]:active,
    button.shopify-payment-button__button.shopify-payment-button__button--unbranded:active {
      box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
      outline: 0;
  }

  .add_to_cart, form.product_form input.add_to_cart {
    width: 100%;
    margin-bottom: 0px;
  }

  input[type="submit"],
  input[type="reset"],
  input[type="button"],
  input.action_button[type="submit"],
  input.action_button[type="button"],
  button.action_button {
    display: inline-block;

    {% if settings.button_style == 'pill_shaped' %}
      border-radius: 100px;
    {% endif %}
  }

  /* Animation for checkmark on add to cart button */

  button.add_to_cart {
    position: relative;
    .text {
      display: block;
      width: 100%;
      -webkit-animation-duration: 0.5s;
      animation-duration: 0.5s;
    }
    .fadeInDown.text {
      -webkit-animation-duration: 0.8s;
      animation-duration: 0.8s;
    }
  }

  button .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    path {
      stroke-dasharray: 19.79 19.79;
      stroke-dashoffset: 19.79;
      stroke: {{ settings.btn_text_color }};
      opacity: 0;
    }
    &.checkmark-active path {
      -webkit-animation: drawCheckmark 0.5s linear alternate forwards;
      animation: drawCheckmark 0.5s linear alternate forwards;
    }
  }

  @keyframes drawCheckmark {
    from {
      stroke-dashoffset: 19.79;
      opacity: 1;
    }
    to {
      stroke-dashoffset: 0;
      opacity: 1;
    }
  }

  @-webkit-keyframes drawCheckmark {
    from {
      stroke-dashoffset: 19.79;
      opacity: 1;
    }
    to {
      stroke-dashoffset: 0;
      opacity: 1;
    }
  }

  .ie
  button
  .checkmark {
    path {
      stroke-dashoffset: 0;
      opacity: 0;
    }
    &.checkmark-active path{
      -webkit-animation: fadeCheckmark 0.5s linear alternate forwards;
      animation: fadeCheckmark 0.5s linear alternate forwards;
    }
  }

  @-webkit-keyframes fadeCheckmark {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  @keyframes fadeCheckmark {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    button
    .checkmark {
      path {
        stroke-dashoffset: 0;
        opacity: 0;
      }
      &.checkmark-active path{
        animation: fadeCheckmark 0.5s linear alternate forwards;
      }
    }

    @keyframes fadeCheckmark {
      from {
        opacity: 0;
      }
      to {
        opacity: 1;
      }
    }
  }

  label.tos_label {
    display: inline;
    font-weight: normal;
    text-transform: none;
    cursor: pointer;
    padding-left: 5px;
  }
  .tos { text-align: center; margin: 15px 20px 15px 0;}
  .cart_text { text-align: center; }
  .disabled {
    pointer-events: none;
  }

  .add_to_cart span.icon-lock {
    margin-right: 10px;
    font-size: larger;
    &:before {
      margin: 0;
    }
  }

  //Shopify smart payment buttons
  .add_to_cart.action_button {
    min-height: 44px;
    margin-bottom: 0;
  }
  .add_to_cart.action_button:hover {
    border-color: #003570;
    color: #003570;
    background: transparent;
  }
  .shopify-payment-button {
    position: relative;
    /*height: 44px;*/
    height: auto;
  }

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


  div.shopify-payment-button__button {
    {% if settings.button_style == 'rounded' %}
      border-radius: 3px;
    {% elsif settings.button_style == 'pill_shaped' %}
      border-radius: 100px;
    {% else %}
      border-radius: 0;
    {% endif %}
  }

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

  button.shopify-payment-button__more-options {
    color: {{ settings.regular_color }};
    box-shadow: none;
    text-transform: none;
    font-size: 0.8rem;
    letter-spacing: 0;
    padding: 16px 0 28px;
    max-width: 80%;
    margin: 0 auto;
    /*position: absolute;
    top: 100%;
    left: 50%;*/
    font-weight: normal;
    font-family: {{ settings.regular__font.family }}, {{ settings.regular__font.fallback_families }};
    /*@include prefix(transform, translateX(-50%), ms webkit spec);*/
    &:hover {
      background-color: transparent;
      border: none;
    }
  }

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

  .product_section .smart-payment-button--true.product_form {
    max-width: 100%;
  }

  .smart-payment-button--true .purchase-details {
    padding-bottom: 50px;
    @include respond-to('medium-down') {
      padding-bottom: 10px;
    }
  }

  .smart-payment-button--true button .checkmark path {
    stroke: {{ settings.btn_color }};
  }

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

  .product-quantity-box.purchase-details__quantity {
    margin-right: 5px;
    width: calc(50% - 12px);
    @include respond-to('small-down') {
      width: 100%;
    }

    input.quantity {
      padding-top: 11px;
      padding-bottom: 11px;
      line-height: 1.4;
      min-height: 44px;
      margin-bottom: 0;
      width: calc(100% - 88px);

    }
  }

  .smart-payment-button--true .product-quantity-box.purchase-details__quantity {
    @include respond-to('medium-down') {
      width: 100%;
      margin-right: 0;
      .input.quantity {
        width: calc(100% - 88px);
      }
    }
  }

  .purchase-details__buttons {
    @include flexbox;
    @include flex(1 0 calc(50% - 12px));
    @include align-items(flex-end);
    @include flex-wrap(wrap);
    margin-left: 6px;
    @include respond-to('medium-down') {
      margin-top: 20px;
      margin-left: 12px;
      @include flex(1 0 calc(50% - 12px));
    }

    @include respond-to('small-down') {
      margin-top: 12px;
      margin-left: 0;
      @include flex(1 0 100%);
    }


    .shopify-payment-button {
      @include flex(1 0 100%);
      margin-bottom: 0;
      max-width: 100%;
      @include respond-to('widescreen-up'){
        @include flex(1 0 calc(50% - 4px));
        max-width: calc(50% - 4px);
      }
    }
    .action_button.action_button--secondary {
      background-color: transparent;
      border: 1px solid secondary-button-color({{ settings.btn_color }});
      color: secondary-button-color({{ settings.btn_color }});
      box-shadow: none;
      line-height: 1.2;
      padding: 10px 0;
      min-height: 44px;
      @include flex(1 0 100%);
      margin: 0;
      max-width: 100%;
      @include respond-to('widescreen-up'){
        @include flex(1 0 calc(50% - 4px));
        max-width: calc(50% - 4px);
        margin-right: 8px;
      }
      @include respond-to('medium-down') {
        margin-bottom: 12px;
      }
      &:hover,&:focus {
        background-color: {{ settings.btn_color }};
        color: {{ settings.btn_text_color }};
      }
    }
  }

  .purchase-details__buttons.purchase-details__spb--true {
    @include flex(1 0 100%);
    margin-top: 12px;
    margin-left: 0;
    @include respond-to('medium-down') {
      margin-left: 0;
      margin-bottom: 0;
    }

    .action_button.action_button--secondary {
      @include flex(1 0 50%);
      margin-right: 6px;
      max-width: calc(50% - 12px);

      @include respond-to('medium-down') {
        @include flex(1 0 100%);
        margin-right: 0px;
        margin-top: 0;
        margin-bottom: 12px;
        max-width: 100%;
      }
    }
    .shopify-payment-button {
      margin-left: 6px;
      max-width: calc(50% - 12px);
      @include respond-to('medium-down') {
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 10px;
        max-width: 100%;
      }
    }
  }

  .sidebar--true .purchase-details {
    @include respond-to('large-down') {
      @include flex-direction(column);
      @include align-items(flex-start);
      .purchase-details__quantity,
      .purchase-details__buttons {
        margin: 0 0 12px;
        width: 100%;
      }
      .action_button.action_button--secondary,
      .shopify-payment-button {
        @include flex(1 0 100%);
        margin: 0 0 12px;
        max-width: 100%;
      }
    }
  }


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

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

/* #Tabs
================================================== */
ul.tabs {
    display: block;
    margin: 25px 0;
    border-bottom: solid 1px {{ settings.border_color }};
    border-top: 0;
    list-style: none outside;
    margin-left: 0;
    text-transform: uppercase;
    padding-left:0;
}
ul.tabs li {
    display: block;
    width: auto;
    height: 30px;
    padding: 0;
    float: left;
    margin-bottom: 0;
    border: 0;
    list-style: none outside;
    margin-left: 0;
    cursor: pointer;
}
ul.tabs li a {
    display: block;
    text-decoration: none;
    width: auto;
    height: 29px;
    line-height: 30px;
    margin-right: 60px;
    font-size: 13px;
    outline: none;
    @media (max-width: 960px) {
      margin-right: 30px
    }
    @include respond-to('medium-down'){
      font-size: 12px;
    }
    @include respond-to('small-down'){
      margin-right: 20px;
    }
}
ul.tabs li a.active {
/*     border-bottom: solid 3px {{ settings.border_color }}; */
/*     background-color: {{ settings.shop_bg_color }}; */
    background-color:transparent !important;
/*     border-bottom: solid 3px {{ settings.headline_border_color }}; */
/*     height: 31px; */
    position: relative;
    color:#00457c !important;
/*     border-right-width: 1px; */
/*     color: {{ settings.regular_color}}; */
}
ul.tabs li:last-child a {
        margin: 0;
}
ul.tabs-content { margin: 0; display: block; border: 0; padding-left: 0;}
ul.tabs-content > li { display:none; border: 0;}
ul.tabs-content > li.active { display: block; border: 0; padding-left: 0px;}
ul.tabs-content ul {padding-left: 0;}

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

$accordionBg: {{ settings.shop_bg_color }};

.faqAccordion{
	&>dt{
		&>button{
			background: transparent;
			position: relative;
			padding: 20px 20px 20px 40px;
			color: {{ settings.headline_color }};
      border-bottom: 1px solid {{ settings.border_color }};
			text-align: left;
      display: block;
			cursor: pointer;
			width: 100%;
      outline: none;
      text-transform: initial;
      min-height: auto;
      height: auto;
      line-height: inherit;
      font-weight: normal;
      font-family: {{ settings.regular__font.family }}, {{ settings.regular__font.fallback_families }};
      box-shadow: none;
      border-radius: 0px;
      font-size: 18px;
			&:hover,&:focus{
				background: darken($accordionBg, 3%);
        border: none;
        border-bottom: 1px solid {{ settings.border_color }};
        color: {{ settings.link_hover_color }};
			}
			&::after{
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50.1%);
        -ms-transform: translateY(-50.1%);
        transform: translateY(-50.1%);
				left: 15px;
        font-size: 25px;
				content: "\002b";
        color: inherit;
			}
			&[aria-expanded="true"]{
				&::after{
					content: "\002d";
          font-size: 30px;
				}
			}
		}
		&:first-child{
			&>button{
				border-top: none;
			}
		}
	}
	&>dd{
		color: {{ settings.regular_color }};
		padding: 20px 0px 20px 0px;
		&[aria-hidden="true"]{
			display: none;
		}
    @include respond-to('medium-down'){
      margin-left: 15px;
    }
	}
}

//Accordion tabs

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

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

/* #Forms
================================================== */
form {
    margin-bottom: 20px; }
fieldset {
    margin-bottom: 20px; }
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="range"], input[type="color"], select, textarea {
    display: block;
    width: 100%;
    height: 44px;
    min-height: 44px;
    padding: 0 10px;
    margin: 0;
    line-height: 22px;
    border: 1px solid {{ settings.border_color }};
    outline: none;
    background: #fff;
    color: #5f6a7d;
    font: 13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 15px;
    -webkit-appearance: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    {% if settings.button_style != 'square' %}
      border-radius: 3px;
    {% endif %}
    @include respond-to('small-down'){
      font-size: 16px;
    }
}
input[type="text"]:active, input[type="text"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="url"]:active, input[type="url"]:focus, input[type="tel"]:active, input[type="tel"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="date"]:active, input[type="date"]:focus, input[type="month"]:active, input[type="month"]:focus, input[type="week"]:active, input[type="week"]:focus, input[type="time"]:active, input[type="time"]:focus, input[type="range"]:active, input[type="range"]:focus, input[type="color"]:active, input[type="color"]:focus, select:active, select:focus, textarea:active, textarea:focus {
    border: 1px solid #aaa;
    color: #444;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
input[type=number] {
  -moz-appearance:textfield !important; //To ensure arrows arent present in firefox
}
select::-ms-expand {
  display: none;
}

select {
  background: #fff url({{ "select.png" | asset_url }}) no-repeat 96% 50%;
  background-size: 18px 12px;
  {% if settings.button_style != 'square' %}
    padding: 8px 14px 8px;
    border-radius: 3px;
  {% elsif settings.button_style == 'pill_shaped'  %}
    padding: 8px 16px 8px;
    border-radius: 100px;
  {% else %}
    padding: 8px 14px 8px;
    border-radius: 0;
  {% endif %}
  border: 1px solid #d9dbdc;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
label,
  legend,
  .option_title {
    display: block;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    margin-bottom: 5px;
    text-transform: {{ settings.button_font_style }};
      }
input[type="checkbox"] {
    display: inline; }
label span,
  legend span {
    font-weight: bold;
    font-size: 13px;
    color: #444; }
textarea {
  min-height: 80px;
  padding: 15px 9px;
}

.acceptsMarketing {
  margin-bottom: 20px;
  label {
    display: inline;
    margin-left: 5px;
  }
}

input.sign_up[type="submit"] {
  margin-left: 5px;
  display: inline-block;
}

input.contact_email[type="email"] {
  width: 320px;
  display: inline-block;
  float: left;
}

.btn.action_button, input.btn.action_button[type="submit"], input.btn.action_button[type="button"] {
  width: inherit;
}

#target {
  padding: 20px;
  text-align: center;
}
.items_left {
  color: {{ settings.was_price_color }};
}
.quantity_label {
  display: inline;
  font-size: smaller;
}
.remove_item a {
  font-size: smaller;
  color: {{ settings.regular_color }};
}
input.quantity {
  width: 48px;
  display: inline;
  margin-bottom: 0;
  padding: 8px 5px;
}

ul.cart_items {
  padding-bottom: 0;
}
.cart_content li.cart_item a, .cart_content li.cart_item a:active, .cart_content li.cart_item a:focus {
  font-size: small;
}
.cart_content li.cart_item {
  padding: 0 0 10px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid {{ settings.border_color }};
}
li.cart_item a, li.cart_item a:active,
#header li.cart_item a, #header li.cart_item a:active {
  position: relative;
  font-size: inherit;
  text-align: left;
}
ul.cart_items li:last-child {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.cart_image {
  padding-right: 20px;
  max-width: 100px;
  text-align: center;
  float: left;
  width: 100%;
}
a.continue {
  text-align:right;
  font-size: 32px;
  margin-right: 15px !important;
  padding: 10px 0 5px 0 !important;
  opacity: 0.8;
}
a.continue:hover {
  opacity: 1;
}
.empty_cart {
  text-align: center;
  font-size: 18px;
  padding: 40px 0 25px 0;
  color: inherit;
}
.cart-message {
    text-align: center;
    font-size: 18px;
    padding: 10px 10px 0;
    color: #003570;
}
#shipping-calculator.columns { float: none; }
.cart__blocks {
  margin-top: 30px;
}
input[type="button"].get-rates.action_button {
  margin-top: 0;
}
#get-rates-submit {
  margin-top: -1px;
}
#customer_login {
  margin-bottom: 2px;
}
.multi_select {
  display: none;
}

/* Product Page Elements */

.container .align_right--images > div.columns {
  float: right;
}

.vendor {
  margin-bottom: 6px;
}

.section.product_section {
  margin-top: 0;
}

.product_section .description {
  margin-bottom: 15px;
  @include word-wrap;
}

.modal_price {
  padding-bottom: 8px;
  display: block;
}

.product_section .description.bottom {
  border-bottom: none;
}

.sale_banner_product,
.new_banner_product,
.preorder_banner_product {
  font-family: {{ settings.nav__font.family }}, {{ settings.nav__font.fallback_families }};
  font-weight: {{ settings.nav__font.weight }};
  font-size: {{ settings.nav_font_size }}px;
  text-transform: {{ settings.nav_font_style }};
  letter-spacing: {{ settings.nav_letter_spacing }}px;
  padding: 8px 20px;
  text-align: center;
  color: #fff;
  margin-bottom: 13px;
  display: inline-block;
  font-size: 15px;
  white-space: nowrap;

  {% if settings.banner_style == 'round' %}
    border-radius: 50%;
    width: 70px;
    height: 70px;
    line-height: 70px;
    padding: 0;

    @include respond-to('medium-down'){
      top: 5px;
      right: 5px;
      width: 50px;
      height: 50px;
      line-height: 50px;
    }
  {% endif %}
}

.sale_banner_product {
  background: {{ settings.sale_banner_color }};
}

.new_banner_product,
.preorder_banner_product {
  background: {{ settings.new_banner_color }};
}

.preorder_banner_product,
.product-list .thumbnail .preorder_banner {
  font-size: 12px;

  @include respond-to('medium-down'){
    font-size: 8px;
  }
}

.product_links {
  margin-bottom: 8px;
  font-size: 0.9em;
  border-top: 1px solid {{ settings.border_color }};
  padding: 10px 0 5px 0;
  p {
   margin: 2px 0;
  }
}

.social_buttons {
  border-top: 1px solid {{ settings.border_color }};
  padding-top: 20px;
  font-size: 1em;
  margin-bottom: 25px;
  @include respond-to('medium-down'){
    text-align: center;
  }
}

.share_article .social_buttons {
  border-top: none;
  padding-top: 0;
  @include respond-to('medium-down'){
    padding-top: 15px;
  }
}

.share-btn {
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  margin-right: 6px;
  margin-bottom: 10px;

  a {
    color: #fff;
    padding: 10px 10px 8px 10px;
    border: solid 1px #e2e2e2;
    display: inline-block;
    transition: all 500ms ease 0s;
    {% if settings.button_style != "square" %}
      border-radius: 100px;
      width: 44px;
      height: 44px;
    {% endif %}

  }
}

.icon-twitter-share:before { color: #09AEEC; }
.icon-twitter-share:hover { background-color: #09AEEC; border-color: #09AEEC; color: #fff; }
.icon-twitter-share:hover:before { color: #fff; }
.icon-facebook-share:before { color: #49659D; }
.icon-facebook-share:hover { background-color: #49659D; border-color: #49659D; color: #fff; }
.icon-facebook-share:hover:before { color: #fff; }
.icon-gplus-share:before { color: #CC3A2B; }
.icon-gplus-share:hover { background-color: #CC3A2B; border-color: #CC3A2B; color: #fff; }
.icon-gplus-share:hover:before { color: #fff; }
.icon-pinterest-share:before { color: #CB1F2A; }
.icon-pinterest-share:hover { background-color: #CB1F2A; border-color: #CB1F2A; color: #fff; }
.icon-pinterest-share:hover:before { color: #fff; }
.icon-mail-share:before { color: #888; }
.icon-mail-share:hover { background-color: #888; border-color: #888; color: #fff; }
.icon-mail-share:hover:before { color: #fff; }

/* Quantity Box for Product Page */

.product-quantity-box .quantity,
.product-quantity-box .quantity:focus,
.product-quantity-box .product-plus,
.product-quantity-box .product-minus {
  border: #e2e2e2 1px solid;
  color: #000;
}

.product-quantity-box label { margin-bottom: 0.5em; }

.product-quantity-box {
  margin-right: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  label {
    text-align: left;
  }
  .quantity {
    text-align: center;
    padding: 6px 15px;
    width: 38%;
    height: 44px;
    border-radius: 0;
    -webkit-appearance: none;
    float: left;
    @include respond-to($medium-down) {
      width: calc(100% - 88px);
    }
  }
  .product-plus,
  .product-minus {
    background: #f2f2f2;
    font-weight: 300;
    position: relative;
    cursor: pointer;
    height: 44px;
    display: block;
    width: 44px;
    text-align: center;
    float: left;
    &:hover {
      background: #d9d9d9;
    }
    @include respond-to('medium-down') {
      display: inline;
      display: initial;
      margin: 0;
    }
  }
  .product-plus {
    border-left: 0;
    font-size: 16px;
    line-height: 44px;
  }
  .product-minus {
    border-right: 0;
    line-height: 44px;
    font-size: 18px;
  }
}

.product-quantity-box + .inline_purchase {
  margin-top: 31.5px;
  width: 55%;
  float: left;
}

.product_section .product_form,
.product_section .contact-form {
  max-width: 400px;
  @include respond-to('medium-down'){
    max-width: 100%;
  }
}

/* Full width product image template */

.product-full_width_images .product_section .description img {
  display: none;
}

.full-width-product-images {
  img {
    display: block;
    width: 100%;
  }
  .caption.align-center,
  .caption.align-right,
  .caption.align-left {
    @include respond-to('small-down'){
      text-align: center;
    }
  }
}

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

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

    input {
      margin: 5px 0;
    }
  }
}

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

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

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

  input.sign_up {
    display: inline-block;
    @include flex(none);
    max-height: 40px;
    @include respond-to('medium-down'){
      width: 100%;
    }
  }
}

.newsletter-both-names--true {
  input.firstName {
    margin-right: 5px;
  }
}

.popup-signup-show--true input.sign_up {
  @include respond-to($medium) {
    margin-left: 0px;
  }
}

/*--- Newsletter popup ---*/

.newsletter-popup.remodal {
  background-color: {{ settings.newsletter_popup_background_color }};
  max-width: 740px;
  padding:0;
  {% if settings.use_newsletter_border == true %}
    border: 5px solid {{ settings.border_color }};
  {% endif %}
  @include respond-to('large-up'){
    overflow: hidden;
  }
  @include respond-to('medium-down'){
    line-height: 0;
  }
  .popup-signup-show--false {
    display: none;
  }
}

.newsletter-image--true.align-right .remodal-close {
  left: 0;
}

.newsletter-both-names--false {
  .newsletter input[type="text"] {
    width: 100%;
  }
}

.newsletter-img {
  width: 40%;
  height: 100%;
  display: inline-block;
  float: {{ settings.newsletter_popup_image_align }};
  @include respond-to('medium-down'){
    width: 100%;
  }
  img {
    width: 100%;
    display: block;
  }
}

.newsletter-info {
  text-align: {{ settings.newsletter_popup_text_align }};
  color: {{ settings.newsletter_popup_color }};
  background-color: {{ settings.newsletter_popup_background_color }};
  height: auto;
  float: left;
  @include respond-to('medium-down'){
    padding: 20px;
    width: 100% !important;
    position: relative;
  }
  input.contact_email[type="email"] {
    width: 65%;
    float: left;
    @include respond-to('medium-down'){
      width: 100%;
    }
  }
  #contact_form input.sign_up[type="submit"] {
    width: calc(35% - 10px);
    @include respond-to('medium'){
      width: 100%;
    }
  }
}

.newsletter-image--true {
  @include respond-to('large-up') {
    height: 60vh;
    max-height: 875px;
  }
}

.newsletter-image--true.object-fit--none {
  @include respond-to('large-up') {
    height: auto;
  }
}

.newsletter-image--false {
  .newsletter-info {
    width: 100%;
    position: relative;
    height: auto;
    float: none;
  }
}

.align-left .newsletter-info {
  right:0;
}

.newsletter-description h2 {
  color: {{ settings.newsletter_popup_color }};
  margin-top: 0;
}

.newsletter-description {
  width: 60%;
  padding: 30px;
  margin: 0 auto;

  {% if settings.newsletter_bg != nil %}
    @include respond-to('medium-up'){
      position: absolute;
      overflow-y: scroll;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
    }
  {% endif %}

  @include respond-to('medium-down'){
    font-size: inherit;
    width: auto;
  }
  @include respond-to('widescreen-up'){
    font-size: inherit;
  }
}

.newsletter-buttons {
  .button {
    height: auto;
    background-color: transparent;
    color: {{settings.newsletter_popup_color}};
    border: 1px solid {{settings.newsletter_popup_color}};
    transition: background-color 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53), color 0.3s linear, border 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    line-height: 1.5;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;

    {% if settings.newsletter_popup_text_align == 'left' %}
      margin-right: 15px;
    {% elsif settings.newsletter_popup_text_align == 'right' %}
      margin-left: 15px;
    {% else %}
      margin-left: 8px;
      margin-right: 8px;
    {% endif %}

    &:hover, &.highlight-true {
      background-color: {{settings.newsletter_popup_color}};
      color: {{settings.newsletter_popup_background_color}};
      border: 1px solid {{settings.newsletter_popup_color}};
    }

    @include respond-to('small-down') {
      margin-top: 5px;
    }
  }
}

/*--- Newsletter section above footer ---*/

.newsletter_section {
  -webkit-transform:translate3d(0,0,0);
  background-color: {{ settings.newsletter_section_background_color }};
  color: {{ settings.newsletter_section_color }};

  h2 {
    color: {{ settings.newsletter_section_color }};
    margin-top: 0;
  }
}

.newsletter_section.newsletter-bgr-true {
  background-color: {{ settings.newsletter_section_background_color }};
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  input.contact_email[type="email"] {
    border: 0;
  }
  @include respond-to('small-down'){
    text-align: center !important;
  }
}

.section_form {
  padding: 10px 20px;

  input[type="email"], input[type="text"] {
    border: 0;
  }
  @include respond-to('small-down') {
    padding: 0;
  }
  .newsletter-text + .newsletter, h5 + .newsletter  {
    margin-top: 15px;
 }
}

.newsletter_section h5 {
  color: {{ settings.newsletter_section_color }} !important;
  padding-top: 0px;
  margin: 0;
}

.newsletter_section .newsletter-text p {
  margin-bottom: 0;
}

.newsletter_section .newsletter,
.password-page-row form {
  display: inline-block;
  padding-top: 0 !important;
  width: 450px;

  @media only screen and (max-width: 798px) and (min-width: 480px) { 
    width: 100%;
  }

  @include respond-to('small-down') {
    width: 100%;
  }
}

.shopify-challenge__container {
  padding: 150px 0;
}

/*--- Newsletter in footer ---*/

.footer-section {
  .newsletter_section {
    background-color: transparent;
    color: {{ settings.sub_footer_text_color }};
    h6 {
      color: {{ settings.headline_footer_text_color }};
      font-size: {{ settings.footer_heading_font_size }}px;
    }
    p {
      padding: 15px 0;
    }
    .newsletter {
      width: 100%;

      input {
        width: 100%;
      }
      .action_button {
        margin-left: 0;
      }
    }
  }
}


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

{% if settings.table_styles_enabled %}
    table{width:100%;}
    table th{font-weight:700;background:#f9f9f9;text-align:left}
    table th,table td{padding:4px}
    table tr{border-bottom:1px solid #DCDCDC}
    table tr:first-child{border-top:1px solid #DCDCDC}
    table td,table th{border-right:1px solid #DCDCDC}
    table td:first-child,table th:first-child{border-left:1px solid #DCDCDC}
    table .em{font-weight:700;}
{% endif %}

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

/* #Misc
================================================== */
.allow-clickthrough { pointer-events: none !important; }
.hidden { display: none; }
.remove{ color: {{ settings.regular_color }}; }
.relative { position: relative; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
.right { float:right; position: relative; }
.left { float: left; }
.inline { display: inline; }
.center { text-align: center; }
.relative { position: relative; }
.align_right { text-align:right }
.align_left { text-align: left; }
.text-align--center { text-align: center; }
.text-align--left { text-align: left; }
.text-align--right { text-align: right; }
p.warning { text-align: center; font-weight: bold; }
.warning--quantity {
  clear: both;
  display: inline-block;
}
.large--right {
  @include respond-to('medium-up') {
    float:right;
    position: relative;
  }
}
.visuallyhidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.cart_item p.warning { margin-top: 5px; }
.container div.mobile_only, span.mobile_only, .mobile_only { display:none; }
.no_border { border: none !important; }
.extra_padding { padding-top: 4px; }
div.hidden { display: none; }
div.is-absolute {
  position: absolute !important;
  top: 0;
  margin-top: 0;
}
.full-width-image {
  width: 100%;
}
#instantclick-bar {
  background: {{ settings.link_color }};
  z-index: 100000;
  height: 4px;
}
#grid .column,
  #grid .columns {
    background: #ddd;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #555;
    font-size: 12px;
    font-weight: bold;
    border-radius: 2px;
  }
#grid .column:hover,
  #grid .columns:hover {
    background: #bbb;
    color: #333; }
#grid .example-grid { overflow: hidden; }

.quick-shop {
  .product_gallery img {
    background-color: {{ settings.modal_background_color }};
  }
}

.items_left {
  margin: 0 0 15px;
  line-height: 1.6em;
  font-size: normal;
  font-style: italic;
  color: {{ settings.was_price_color }};
}

.cart .paypal-button + .paypal-button {
  display: none;
}

.shopify-reviews.reviewsVisibility--false { display: none; }

/* #Testimonials
================================================== */

.testimonial-section {
  position: relative;

  .set-static {
    @include flexbox();
    .caption {
      position: static;
      @include prefix(transform, translateY(0), ms webkit spec);
      padding: 40px;
      margin: auto;
    }
  }

  .set-testimonial-height {
    height: 95%;
  }

  .darken-bg {
    @include respond-to('medium-up') {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: block;
      background: rgba(0, 0, 0, .6);
    }
  }

  .feature_divider {
    margin: 25px auto;
    width: 10%;
    display: inline-block;
    @include respond-to('small-down') {
      margin: 5px auto;
    }
  }

  .use-mobile-color {
    .animated {
      -webkit-animation-delay: 0.25s;
      animation-delay: 0.25s;
    }
  }
}

.testimonial-block.gallery-cell.use-mobile-color {
  background-color: {{settings.testimonial_bg_color}};
  .caption .caption-content p {
    color: {{settings.testimonial_color}};
    @include respond-to('small-down') {
      color: {{ settings.regular_color }};
      text-shadow: none;
    }
  }
}

.testimonial-text {
  width: 80%;
  .subtitle {
    text-transform: none;
    @include respond-to('small-down') {
      font-weight: normal;
      font-size: 14px;
    }
  }
  h2,
  p {
    color: {{settings.testimonial_color}};

    @include respond-to('small-down') {
      color: {{ settings.regular_color }};
      text-shadow: none;
    }
  }
}

.testimonial-block {
  .caption {
    @include respond-to('small-down') {
      margin: auto;
      padding-top: 5%;
      padding-bottom: 5%;
    }
  }
  .caption.no-white-bg {
    @include respond-to('small-down') {
      background-color: white;
    }
  }
}

.testimonial-slideshow, .testimonial-block.gallery-cell {
  background-color: transparent;

}

/* #FAQ Template
================================================== */

.page-faq {
  .faq--heading {
    padding-top: 30px;
  }
}

/* #Team Template
================================================== */

.team-page__content--left {
  @include flexbox();
  @include respond-to('medium-down') {
    @include flex-direction(column);
  }
}

.team-page__content--right {
  @include flexbox();
  @include flex-direction(row-reverse);
  @include respond-to('medium-down') {
    @include flex-direction(column);
  }
}

.team-page__text,
.team-page__image,
.team-page__image img { width: 100% }

.team-page__content--multiple .team-page__text,
.team-page__content--multiple .team-page__image, {
  max-width: 50%;
  width: 100%;
  @include respond-to('medium-down') {
    max-width: 100%;
  }
  &:first-child { margin-right: 20px; }
}

.team-page__text {
  @include flexbox();
  @include align-items(center);
  @include justify-content(center);
}

.team-page__container {
  max-width: 70%;
}

.team-member__profile.columns,
.team-member__profile.column {
  margin-bottom: 30px;
}

.team-member__name { padding-top: 10px; }

.team-member__wrap {
  position: relative;
  &:hover .team-member__overlay {
    opacity: 1;
  }
}

.team-member__overlay {
  opacity: 0;
  transition: opacity 0.3s linear;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.team-member__details {
  @include prefix(transform, translateY(-50.1%), ms webkit spec);
  top: 50%;
  padding: 10px 0;
  position: absolute;
  width: 100%;
  padding: 20px;

  img { display: block; }

  p {
    margin-top: 10px;
    line-height: 1.3;
  }

  .icon-twitter {
    display: inline-block;
    vertical-align: middle;
  }
}

.team-member__title {
  padding-bottom: 0;
  text-align: center;
  margin-bottom: 0;
  text-transform: uppercase;
  line-height: 1;
  &:after {
    width: 30%;
    display: block;
    margin: 0 auto;
    content: '';
    height: 3px;
    margin-top: 20px;
  }
}

/* #Logo-list
================================================== */

.logo-bar {
  text-align: center;
  margin-bottom: 20px;

  a {
    transition: ease all 0.6s;

    &:hover {
      opacity: 0.6;
    }
  }
}

.logo-bar__item {
  display: inline-block;
  vertical-align: middle;
  max-width: 160px;
  width: 160px;
  margin-top: 20px;

  @include respond-to('medium-up') {
    margin-left: 25px;
    margin-right: 25px;
  }
}

/* #Gallery Section
================================================== */

//General gallery styling
div.container.gallery-content {
  margin-top: 0;
  padding-top: 0;
}

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

.gallery-section {
  text-align: center;
  .container {
    padding-bottom: 0px;
  }

  .gallery-break {
    width: 100%;
    clear: both;
  }

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

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

  .gallery-image-wrapper,
  .gallery-empty-wrapper {
    margin: 5px;
    position: relative;
  }

  .gallery-empty-wrapper {
    min-height: 150px;
  }

  .gallery-empty-wrapper:nth-child(even) .placeholder-svg {
    background-color: rgba({{settings.headline_color}}, 0.3);
  }

  a {
    display: block;
  }

    .gallery-image-wrapper {
    .overlay {
      position: absolute;
      height: 100%;
      width: 100%;
      background-color: rgba(0,0,0,0.6);
      opacity: 0;
      transition: opacity 0.3s ease-in;

      .icon-search {
        color: white;
        font-size: 1.5em;
        top: 50%;
      }
    }

    &:hover {
      .overlay {
        opacity: 1;
      }
    }
  }
}

//Horizontal gallery styling
.gallery-section.gallery-horizontal {
  @include flexbox();
  @include flex-wrap(wrap);

  i {
    display: block;
  }

  img {
    position: absolute;
    top: 0;
    width: 100%;
    vertical-align: bottom;
    width: 100%;
    height: auto;
    display: block;
  }

  .gallery-image-wrapper:last-child {
    @media only screen and (min-width: 2000px) {
      width: 15%;
      flex-basis: initial !important;
      flex-grow: initial !important;
    }
  }

  .gallery-empty-wrapper {
    width: 190px;
  }
}

.gallery-full {
  display: inline-block;
  width: 100%;

  .gallery-image-wrapper, .gallery-empty-wrapper {
    margin: 0;
  }

  .gallery-empty-wrapper {
    width: 25%;
  }
}

.ie9 {
  .gallery-image-wrapper{
    width: 20%;
    float: left;
    display: inline-block;
    img {
      position: relative;
      max-height: 200px;
    }
  }
}

//Classic gallery styling
.gallery-section.gallery-classic {

  .gallery-image-wrapper, .gallery-empty-wrapper {
    display: block;
    float: left;
    margin: 0;
    img, svg {
      width: 100%;
      display: block
    }
  }

  .add-padding{
    padding: 5px;
  }

  .two-per-row {
    width: 50%;
    @media only screen and (max-width: 767px) {
      width: 100%;
    }
  }

  .three-per-row {
    width: 33.333%;
    @media only screen and (max-width: 767px) {
      width: 100%;
    }
  }

  .four-per-row {
    width: 25%;
    @media only screen and (max-width: 767px) {
      width: 100%;
    }
  }

  .five-per-row {
    width: 20%;
    @media only screen and (max-width: 767px) {
      width: 100%;
    }
  }
}

//Masonry gallery styling
.gallery-section.gallery-masonry {
  .masonry {
    font-size: .85em;
    line-height: 0px;
    margin: 10px 0;
    column-gap: 10px;
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;

  }

  .gallery-empty-wrapper {
    min-height: 100px;
    overflow: hidden;
    svg {
      min-width: 800px;
      path {
        display: none;
      }
    }
  }

  .adjust-columns {
    column-gap:0px;
    -moz-column-gap: 0px;
    -webkit-column-gap: 0px;
    overflow: hidden;
  }

  .gallery-image-wrapper, .gallery-empty-wrapper {
      display: inline-block;
      margin-bottom: 0px;
      width: 100%;
      margin: 5px 0;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
      img, svg {
        width: 100%;
        display: block;
      }
  }

  .two-per-row {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    @include prefix(transform, translateX(0), ms webkit spec);

    @media only screen and (max-width: 798px) {
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3;
    }

    @media only screen and (max-width: 400px) {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1;
    }
  }

  .three-per-row {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    @include prefix(transform, translateX(0), ms webkit spec);

    @media only screen and (max-width: 798px) {
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3;
    }

    @media only screen and (max-width: 400px) {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1;
    }
  }

  .four-per-row {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    @include prefix(transform, translateX(0), ms webkit spec);

    @media only screen and (max-width: 798px) {
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3;
    }

    @media only screen and (max-width: 400px) {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1;
    }
  }

  .five-per-row {
    -moz-column-count: 5;
    -webkit-column-count: 5;
    column-count: 5;
    @include prefix(transform, translateX(0), ms webkit spec);

    @media only screen and (max-width: 798px) {
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3;
    }

    @media only screen and (max-width: 400px) {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1;
    }
  }
  &.gallery-full {
    .gallery-image-wrapper, .gallery-empty-wrapper {
      margin: 0px;
      margin-bottom: 0px !important;
    }
  }
}

/* #Recently Viewed
================================================== */

.rv-container {
  display: block;
  .thumbnail:empty {
    margin-bottom: 0;
  }
}

//Sidebar styles
.sidebar {

  .collection_swatches .swatch {
    float: left;
  }

  .toggle_list {
    .rv-container a:hover {
      border-color: transparent;
    }

    .rv-container a.product-info__caption.hidden {
      display: none;
      @include respond-to('medium-down') {
        display: block;
      }
    }
  }

  .recently-viewed__title {
    display: none;
  }

  .rv-sidebar-element {
    .product_image,
    .product-info__caption {
      max-width: 75%;
    }
    .product_image a {
      display: block;
    }
    .product_image img {
      height: auto;
    }
  }

  .product-list .thumbnail {
    @include respond-to('medium-down') {
      .title,
      .price,
      .brand {
        text-align: left;
        display: block;
      }
    }
  }

  .product-list .thumbnail .thumbnail-overlay {
    position: relative;
    opacity: 1;
    background: transparent;
    .product-details {
      position: relative;
      transform: none;
      transition: none;
      opacity: 1;
      text-align: left;

      .title {
        color: {{ settings.regular_color }};
        padding: 0;
      }

      .title,
      .price {
        font-size: 0.9vw;
      }
    }

    .info {
      position: relative;
      font-size: 12px;
      opacity: 1;
      top: 0;
      transform: translateY(0);
      padding-bottom: 0;

      .quick_shop {
        display: none;
      }
    }
  }
}

//Description bottom styles
.product-description-bottom .js-recently-viewed.rv-main {
  clear: both;
}

//Hide duplicates
.rv-box-element .js-recently-viewed-product:nth-child(2),
.rv-sidebar-element .js-recently-viewed-product:nth-child(2) {
  display: none;
}

/* #Search autocomplete
================================================== */

.dropdown .header_search_form,
.main_nav {
  .search__results .item-result {
    left: 0;
    width: 100%;
    background: {{ settings.header_bg_color }};
    border-left: 0;
    border-right: 0;
    a .title {
      color: {{ settings.nav_color }};
      transition: all 0.3s ease-in-out;
    }
    a:hover {
      background: {{ settings.header_bg_color }};
    }
    a:hover .title {
      color: {{ settings.nav_color_hover }};
    }
    a:hover span {
      color: {{ settings.nav_color }};
    }
  }
  li.all-results a:hover {
    color: {{ settings.btn_text_color }};
  }
}

.nav .search__results {
  width: 350px;
  right: 0;
  left: auto;
  li a:active {
    transition: ease-in-out 0s all;
  }
}

.search_container input {
  z-index: 29;
}
.search__results .all-results a:hover {
  background: #333;
}

.search__results {
  z-index: 30;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
  position: absolute;

  li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 1px {{ settings.divider_style }} {{ settings.border_color }};
    overflow: hidden;
    &:first-child {
      border-top: none;
    }
    a,
    a:active {
      width: 100%;
      transition: ease-in-out 0.3s all;
      @include flexbox();
      @include align-items(center);
      padding: 15px 20px;
    }
    a:hover {
      background-color: {{settings.link_color | color_modify: 'alpha', 0.1 }};
    }
    a:active {
      background-color: {{settings.link_color | color_modify: 'alpha', 0.3 }};
    }
    img {
      display: block;
    }
  }

  .title {
    text-transform: none;
    padding-left: 8px;
    text-align: left;
    font-size: {{ settings.nav_font_size }}px;
  }

  .thumbnail {
    padding: 0;
    text-align: center;
    img {
      max-width: 70px;
      max-height: 70px;
    }
  }
  .result--page .title {
    padding-left: 0;
  }
  .result--page span.item-pricing {
    text-transform: none;
    font-weight: lighter;
    font-size: 0.8rem;
  }
}

.menu a span.item-pricing,
span.item-pricing {
  padding: 0;
  span {
    padding: 0;
  }
}

.all-results {
  width: 100%;
  margin: 0;
  span {
    display: block;
    width: 100%;
    text-align: center;
  }
  span.item-pricing {
    color: {{ settings.link_color }};
  }
  a {
    color: {{ settings.btn_text_color }};
    background-color: {{ settings.btn_color }};
    &:hover {
      background-color: {{ settings.btn_hover_color }};
    }
  }
}


/* #Search page
================================================== */

.search-template-section {
  form {
    position: relative;
  }
  .search_container {
    position: relative;
    .search-submit {
      z-index: 900;
    }
    input {
      {% if settings.button_style == 'rounded' %}
        border-radius: 3px;
      {% elsif settings.button_style == 'pill_shaped' %}
        border-radius: 100px;
        padding-left: 15px;
      {% endif %}
    }
  }
}

.search-matrix .product_row {
  padding: 20px 0;
  border-bottom: 1px solid {{ settings.border_color }};
}

.search-matrix .product_row:last-child {
  border-bottom: none;
}
.search-title h1 {
    font-size: 37px;
    color: #000000;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
}
.search .search__button {
  width: 100px !important;
  background-color: #000000;
}
.search .InfoMessage.Message {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
}
.search .InfoMessage.Message ul {
    margin:2px 0;
}
.search .InfoMessage.Message p {
    font-family: "Crimson Text", serif;
}
.search .InfoMessage.Message ul li {
    margin-bottom: 5px;
    color: #000000;
}
.search .search__button:hover{
background-color:#333;
}
.search div.content {
  padding-bottom: 60px;
}
.search .search__results {
  top: 100%;
  width: 100%;
  max-height: 430px;
  overflow-y: auto;
  box-shadow: 0px 0px 11px 0px #ddd;
}
@media screen and (max-width:480px){
  .search .InfoMessage.Message{
    display:block;
  } 
}

/* #Search Section
================================================== */

.search-bgr-true {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.search-section {
  background-color: {{ settings.search_section_bg_color }};
  width: 100%;
  display: inline-block;
  h2 { margin-bottom: 0.25em; }
  h2,
  p { color: {{ settings.search_section_color }}; }
  .container { padding: 40px 0; }
}

.text-align--center .search__container {
  @include justify-content(center);
}

.text-align--left .search__container {
  @include justify-content(flex-start);
}

.text-align--right .search__container {
  @include justify-content(flex-end);
}

.search__container {
  position: relative;
  width: 100%;
  @include flexbox();
  .search__wrapper {
    display: inline-block;
    position: relative;
    max-width: 650px;
    width: 100%;
  }

  input[type="text"] {
    font-size: {{ settings.regular_font_size }}px;
    display: inline-block;
    border: 1px solid #000;
    min-height: 50px;
    height: 50px;
    margin-bottom: 0;
    &:active,
    &:focus {
      border: 1px solid #000;
    }
  }
}

.search__form {
  width: 100%;
  max-width: 650px;
  position: relative;
  @include flex(0 0 auto);
}

.search__results {
  top: 100%;
  width: 100%;
  li {
    border-left: 1px solid {{ settings.border_color }};
    border-right: 1px solid {{ settings.border_color }};
  }
  .all-results {
    border: 0;
    background-color: {{ settings.btn_color }};
    width: 100%;
    margin: 0;
    span {
      display: block;
      width: 100%;
      text-align: center;
      padding-left: 0;
    }
    span.item-pricing {
      color: {{ settings.link_color }};
    }
    a,
    a:active {
      color: {{ settings.btn_text_color }};
      padding: 20px;
      text-align: center;
      display: block;
      line-height: 1;
    }
    &:hover {
      background-color: {{ settings.btn_hover_color }};
    }
  }
}

.search__button {
  position: absolute;
  margin-top: 0;
  top: 0;
  height: 50px;
  width: 50px;
  right: 0px;
  padding: 0;
  background-color: #000;
  border-color: transparent;
  color: white;
  font-size: 24px;
  {% if settings.button_style == 'square' %}
    border-radius: 0px;
  {% else %}
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  {% endif %}
  &:hover {
    color: white;
    background-color: darken({{ settings.border_color }}, 20%);
    border: 1px solid #000;
    border-left: 0px;
  }
}


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

div.container {
  margin: 0 auto;
  padding: 20px 0;
}

.featured_text {
  font-size: 16px;
  line-height: 36px;
}
.large_text {
  font-size: 28px;
  line-height: 50px;
}
.homepage-about .featured_text p {
    line-height: 30px;
      margin-bottom: 50px;
}
div.content { padding: 30px 0px 15px 0; }

/* #Header
================================================== */

.dropdown .header_search_form {
  @include respond-to('medium-down') {
    .search__results {
      margin-top: 30px;
    }
  }
  .search-terms {
    height: 50px;
    min-height: 50px;
  }
}

.main_nav div.logo a {
  padding-top: {{ settings.logo_top_padding }}px;
  padding-bottom: {{ settings.logo_top_padding }}px;
  display: block;
  color: {{ settings.logo_color }} !important;
  outline: 0;
}

.menu-position--block {
  div.logo {
    width: 100%;
  }
  .sticky_nav div.logo {
    display: none;
  }
}

.menu-position--inline div.logo {
  padding-left: 20px;
}

div.logo {
  width: 16%;
  float: left;
  img {
    width: 100%;
  }
  &.text-align--center img {
    margin: -8px auto;
  }
  &.text-align--left {
    padding-left: 20px;
  }
}



.primary_logo { display: block; }

.secondary_logo { display: none; }

header.feature_image.secondary_logo--true {
  img.primary_logo,
  img.secondary_logo {
    display: none;
  }
}

header.secondary_logo--true:not(.feature_image) {
  img.secondary_logo {
    display: none !important;
  }
  img.primary_logo {
    display: inline !important;
  }
}

div.section { margin: 10px 0; }

.featured_content,
.featured_content h1,
.featured_content h2,
.featured_content h3,
.featured_content h4,
.featured_content h5,
.featured_content h6 {
  color: {{ settings.shop_home_page_content_text_color }};
}

.featured_content {
  background-color: {{ settings.shop_home_page_content_bg_color }};
}

.nav_arrows {
  float: right;
}

.sku {
  margin: 0;
}

#category {
  width: 100%;
}

/* Pagination & infinite scrolling */

.paginate,
.load-more { text-align: center; }

.paginate .page a,
.paginate .current,
a.tag {
  border: solid 1px {{ settings.border_color }};
  margin: 10px 5px;
  padding: 0.5rem 1rem;
  display: inline-block;
  {% if settings.button_style == 'rounded' %}
    border-radius: 3px;
  {% elsif settings.button_style == 'pill_shaped' %}
    border-radius: 50%;
  {% endif %}
  &:hover {
    color: #fff;
    background-color: {{ settings.link_hover_color }};
    border: solid 1px {{ settings.link_hover_color }};
  }
}

.paginate .current {
  font-weight: bold;
  color: #fff;
  background-color: {{ settings.link_hover_color }};
  border: solid 1px {{ settings.link_hover_color }};
}

.paginate .next,
.paginate .prev {
  display: inline-block;
  margin: 10px 0;
  padding: 0.5rem 1rem;
}

.load-more {
  display: none;
  width: 100%;
}

.collection-template-section .load-more,
.search-template-section .load-more {
  display: block;
  clear: both;
}

.load-more__icon {
  opacity: 0;
  height: 0;
  width: 0;
  transition: all 0.3s linear;
  background: url('{{ 'loader.gif' | asset_url }}') center center no-repeat;
  background-size: 32px 32px;
  margin: 0 auto;
}

.collection-matrix.loading-in-progress.filter-loading {
  height: 0;
}

.collection-matrix.loading-in-progress + .load-more__icon {
  width: 44px;
  height: 44px;
  opacity: 1;
}

a.tag {
  font-size: smaller;
  padding: 4px 6px;
  margin: 5px 2px 5px 0;
}

.paginate .deco { border: none; }

/* Product list - collections */

.product-list .thumbnail,
.slider-gallery .thumbnail,
.list-collections .thumbnail {
  position: relative;
  text-align: center;
  margin-bottom: 25px;
  display: block;
  .thumbnail-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity 0.3s ease-in;
    > a {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
    }
    @include respond-to('medium-down'){
      display: none;
    }
    @include respond-to('widescreen-up'){
      line-height: 1.5;
    }
  }

//Do not display thumbnail hover background if user picks none
{% assign product_hover_bg = settings.product_hover_bg_color | color_extract: 'alpha' %}

 {% if product_hover_bg != 0 %}
  .thumbnail-overlay {
      background-color: {{ settings.product_hover_bg_color | color_modify: 'alpha', 0.7 }};
  }
 {% endif %}


  {% if settings.banner_style == 'round' %}
    .thumbnail_banner {
      border-radius: 50%;
      width: 70px;
      height: 70px;
      line-height: 70px;
      padding: 0;
      position: relative;
      top: 10px;
      right: 10px;
      white-space: nowrap;

      @include respond-to('medium-down'){
        top: 5px;
        right: 5px;
        width: 50px;
        height: 50px;
        line-height: 50px;
      }
    }
  {% endif %}
  img {
    vertical-align: bottom;
    transition: opacity .3s ease-in;
    width: 100%;
    @include object-fit(contain, top center);
  }
  .product-info__caption {
    {% if settings.thumbnail_hover_enabled == false %}
      display: block;
    {% endif %}
    margin-top: 20px;
    @include respond-to('medium-down'){
      display: block;
    }
  }
}

@include respond-to('large-down'){
  .touchevents {
    .product-info__caption {
      display: block;
    }
    .thumbnail-overlay {
      display: none;
    }
  }
}

.hidden-product-link {
  line-height: 0;
  font-size: 0;
  color: transparent;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  outline:none !important;
}

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

// Swap to second image on hover
{% if settings.collection_secondary_image %}
  .swap-true {
    img.secondary,
    img.secondary.lazyloaded {
      display: none;
      width: auto;
      margin: 0 auto;
    }
  }

  .swap-true.toggle-images {
    img:first-of-type,
    img.lazyloaded:first-of-type {
      display: none;
    }
    img.secondary,
    img.secondary.lazyloaded {
      display: block;
    }
  }

  .product-list .thumbnail,
  .slider-gallery .thumbnail {
    .swap-true {
      img.secondary, img.secondary.lazyloaded {
        display: none;
        width: auto;
        margin: 0 auto;
      }
    }

    .swap-true.toggle-images {
      img:first-of-type,
      img.lazyloaded:first-of-type {
        display: none;
      }
      img.secondary,
      img.secondary.lazyloaded {
        display: block;
      }
    }
  }

  .slider-gallery .gallery-cell img.secondary,
  .slider-gallery .gallery-cell img.secondary.lazyloaded {
    display: none;
    width: auto;
  }
{% endif %}

/* Thumbnail overlay */

{% assign quick_shop_hover_bg = settings.product_hover_bg_color | color_extract: 'alpha' %}

.quick_shop,
.view_all {
  font-family: {{ settings.nav__font.family }}, {{ settings.nav__font.fallback_families }};
  font-weight: {{ settings.nav__font.weight }};
  font-size: {{ settings.button_font_size }}px;
  text-transform: {{ settings.button_font_style }};
  letter-spacing: {{ settings.nav_letter_spacing }}px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  border: 1px solid {{ settings.product_hover_text_color }};
  padding: 10px 20px;
  margin-top: 2rem;
  color: {{ settings.product_hover_text_color }};
  opacity: 0;
  pointer-events: all;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -ms-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out,color 0.3s linear, background-color 0.3s linear;
  {% if settings.button_style == 'rounded' %}
    border-radius: 3px;
  {% elsif settings.button_style == 'pill_shaped' %}
    border-radius: 100px;
  {% endif %}
  &:hover {
    {% if quick_shop_hover_bg == 0 %}
      background-color: {{ settings.product_hover_text_color }};
      color: set-text-color({{ settings.product_hover_text_color }});
    {% else %}
      color: {{ settings.product_hover_bg_color | color_to_hex }};
      background-color: {{ settings.product_hover_text_color }};
    {% endif %}
  }
}

{% if settings.thumbnail_hover_enabled %}

  .product-wrap {
    position: relative;
    &:hover .product-details {
      opacity: 1;
      transform: none;
    }
    &:hover .quick_shop {
      opacity: 1;
      transform: none;
    }
    &:hover .thumbnail-overlay {
      opacity: 1;
    }
  }

  .thumbnail-overlay {
    .info {
      @include vertical-alignment;
      position: absolute;
      text-align: center;
      width: 100%;
      margin: 0 auto;
      pointer-events: none;
      cursor: pointer;
      color: {{ settings.product_hover_text_color }};
      font-size: {{ settings.regular_font_size }}px;
    }
    .product-details {
      position: relative;
      opacity: 0;
      -ms-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      transition: opacity 0.3s ease-out, transform 0.3s ease-out;
      display: block;
    }
    .title {
      display: block;
      padding: 0 2em;
      position: relative;
      color: {{ settings.product_hover_text_color }};
    }
    .brand {
      color: {{ settings.product_hover_text_color }};
    }
    .price {
      display: block;
      color: {{ settings.link_color }};
      &:hover {
        color: {{ settings.link_hover_color }};
      }
    }
    .was_price,
    .was_price span.money {
      color: {{ settings.was_price_color }};
    }
  }
{% endif %}
.thumbnail {

  .price span.money {
    color: {{ settings.link_color }};
    &:hover {
      color: {{ settings.link_hover_color }};
    }
  }
  .sale span.money {
    color: {{ settings.sale_color }};
  }
  .was_price span.money {
    color: {{ settings.was_price_color }};
  }
}

{% if settings.thumbnail_hover_enabled == blank and settings.quick_shop_enabled %}

.product-wrap {
  position: relative;
  &:hover .quick_shop {
    opacity: 1;
    transform: none;
  }
  &:hover .thumbnail-overlay {
    opacity: 1;
  }
}

.thumbnail-overlay {
  .info {
    @include vertical-alignment;
    position: absolute;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    pointer-events: none;
  }
  .quick_shop {
    pointer-events: all;
    margin-top: 0;
  }
}

{% endif %}

/* Product banners */

.new {
  position: relative;
  display: inline;
  padding: 5px;
  border-radius: 2px;
  font-size: 12px;
}

{% if settings.align_height %}

  .product-list,
  .slider-gallery {
    .thumbnail img {
      height: {{ settings.collection_height }}px;
      max-height: {{ settings.collection_height }}px;
    }
    .thumbnail img.secondary {
      height: {{ settings.collection_height }}px;
      max-height: {{ settings.collection_height }}px;
    }
  }

{% endif %}

.thumbnail .sold_out, .sold_out {
  font-weight: bold;
  color: {{ settings.regular_color }};
}

.thumbnail-overlay .sold_out {
  font-weight: normal;
  color: {{ settings.product_hover_text_color }};
}

.thumbnail .sale, .sale {
  color: {{ settings.sale_color }};
}

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

.sale_banner, .new_banner, .preorder_banner {
  background: {{ settings.sale_banner_color }};
  font-family: {{ settings.nav__font.family }}, {{ settings.nav__font.fallback_families }};
  font-weight: {{ settings.nav__font.weight }};
  font-size: 15px;
  text-transform: {{ settings.nav_font_style }};
  letter-spacing: {{ settings.nav_letter_spacing }}px;
  padding: 8px 12px;
  text-align: center;
  color: #fff;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  @include respond-to('medium-down'){
    padding: 4px 10px;
    font-size: smaller;
  }
}

.new_banner, .preorder_banner {
  background: {{ settings.new_banner_color }};
}

a.secondary_button, input.secondary_button {
  display: block;
  padding: 15px 0;
  text-align: center;
  border-top: solid 1px {{ settings.border_color }};
  border-bottom: solid 1px {{ settings.border_color }};
  margin: 20px 0;
  font-family: {{ settings.nav__font.family }}, {{ settings.nav__font.fallback_families }};
  font-weight: {{ settings.nav__font.weight }};
  font-size: {{ settings.nav_font_size }}px;
  text-transform: {{ settings.nav_font_style }};
  letter-spacing: {{ settings.nav_letter_spacing }}px;
  color: {{ settings.link_color }};
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  &:hover, &:active, &:visited {
    color: {{ settings.link_hover_color }};
  }
}

.thumbnail .title {
  display: block;
  margin-bottom: 5px;
  font-family: Lato !important;
  font-size: 16px !important;
  line-height: 1.2;
  font-style: normal !important;
  color:#000000;
}

.thumbnail .price {
  display: block;
  margin-bottom: 5px;
  font-size: 20px !important;
  font-weight: bold !important;
  line-height: 1.2;
  font-style: normal;
  color:#003570;
}

.cart_price {
  float: right;
  text-align: right;
  padding-left: 20px;
  font-weight:bold;
  display: none;
}

#estimated-shipping, .excluding_tax {
  display: block;
}

.cart_page_image {
  text-align: center;
  img {
   margin-bottom: 1em;
   width: 100%;
  }
}
.cart_content_info {
  padding: 0;

  h5 {
   padding: 0;
   margin-bottom: 10px;
   margin-top:0;
  }
  .price_total {
   padding: 0 0 10px;
   margin-bottom: 20px;
   font-size: 1.1em;
  }
}
.subtotal {
  border-left: 1px solid {{ settings.border_color }};
  padding-left: 40px;
  @include respond-to('medium-down') {
    border-left: none;
    border-top: 1px solid {{ settings.border_color }};
    padding-left: 0;
    padding-top:20px;
  }
}
.subtotal_amount {
  font-size: 1.4em;
  font-weight: bold;
}
button.update {
  width:30%;
  float: right;
}


.size_chart { float:right; padding-top: 5px; }
#size-chart { display: none; }
#size-chart h5 {
  padding: 15px 0 0 0;
  text-align: center;
}

.price_total_text {
  font-weight: normal;
  display: none;
}
.was_price {
  text-decoration: line-through;
  color: {{ settings.was_price_color }};
  text-shadow:none;
  font-weight:normal;
}
.cart_savings {
  text-align: left;
}
.savings {
  font-size: {{ settings.regular_font_size }}px;
  display: block;
}
.thumbnails a {
  display:block;
  margin-bottom: 1em;
}

/* #Instagram Feed
================================================== */

  #instafeed .instagram__item {
    position: relative;
    margin-bottom: 15px;
  }

  .instagram__item:after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }

  .instagram__link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .instagram__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
  }

  .instagram__video-link {
    &:after, &:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 2;
    }
    &:after {
      width: 0;
      height: 0;
      border: 16px solid transparent;
      border-left: 20px solid #fff;
      margin-top: -18px;
      margin-left: -7px;
      -webkit-filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.25));
    }
    &:before {
      margin-top: -34px;
      margin-left: -34px;
      width: 60px;
      height: 60px;
      border: 3px solid #fff;
      border-radius: 50%;
      box-shadow: 0 0 4px rgba(black, 0.18);
      background: rgba(black, 0.42);
      transition: background 0.3s ease;
    }
    &:hover {
      &:before {
        background: rgba(black, 0.7);
      }
    }
  }

.arrow {
  position: relative;
  top: -1px;
  left: 2px;
  opacity: 0.6;
}
.modal {
  margin: 10px 0;
  display: none;
  background-color: {{ settings.modal_background_color }};
}
.modal_product {
  width: auto;
  line-height:0px;
  max-width: 940px;
}
.modal_product img {
  cursor: pointer;
}
.modal_image {
  text-align:center;
}
.modal a {
  padding-bottom: 0;
}
.modal p.modal_price, p.modal_price {
  font-size: 20px;
  margin-bottom: 10px;
}
.modal form {
  margin-bottom: 10px;
}
.notify_form #contact_form .action_button {
  width: 100%;
}
.product_image_col {
  margin-top: 15px;
  text-align:center;
}
.meta {
  font-size: 13px;
}
.meta p {
  font-size: 13px;
  margin-bottom: 0px;
}
p.meta {
  margin-bottom: 10px;
}
.comment-body p.meta {
  margin-bottom: 5px;
}
.comment-body h6 {
  padding: 0;
}
.sidebar_title {
  padding-bottom: 0px;
}
.blog-section h2 {
  margin-bottom: 0;
  line-height: 1.2;
}
.blog-section h2 a {
  color: {{ settings.headline_color }};
}
.blog_meta {
 margin-bottom: 0;
}
.blog_meta span {
  position: relative;
  display: inline-block;
  margin-right: 15px;
  font-size: smaller;
  color: {{ settings.was_price_color }};
}
.blog_meta span:after {
  content: '';
  position: absolute;
  right: -16px;
  top: 50%;
  margin: -1px 5px 0;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: {{ settings.was_price_color }};
}
.blog_meta span:last-child:after {
  background-color: transparent;
}
.tags span a {
  color: {{ settings.link_color }};
}
.article h3.sub_title {
  letter-spacing: 0;
  margin:10px auto 0;
}
.article_content {
  margin-top: 20px;
}
.excerpt {
  line-height: 1.5;
  margin:1em 0;
}

.article, .article_image {
  padding-bottom: 15px;
}

#comment_form .action_button, #contact_form .action_button {
  display: block;
  padding-left: 40px;
  padding-right: 40px;
  @include respond-to('medium-down') {
    width: 100%;
  }
}

#contact_form .action_button.sign_up {
  display: inline-block;
  width: 120px;
  padding-left: 0;
  padding-right: 0;
  float: none;
}

body.article { padding-bottom: 0 }

.toggle span {
  color: {{ settings.was_price_color }};
  font-weight:bold;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:smaller;
  float: right;
  display: none;
}

.sidebar .blog_search {
  margin-bottom: 15px;

  input {
    width: 100%;
    {% if settings.button_style == 'rounded' %}
      border-radius: 3px;
    {% elsif settings.button_style == 'pill_shaped' %}
      border-radius: 100px;
      padding-left: 15px;
    {% endif %}
  }
}

.meta .label, .label {
  color: {{ settings.was_price_color }};
}

.blog_meta, .blog_meta a {
  color: {{ settings.was_price_color }};
}

.blog_meta a:hover {
  color: {{ settings.link_hover_color }};
}

.count {
  font-style: normal;
  font-size: 13px;
}

.checkout {
  display:block;
  float:right;
  margin-top: 0px;
}

.additional-checkout-buttons {
  text-align: center;
  margin-top: 10px;

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

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

    &:first-child,
    &:empty {
      padding-left: 0px;
    }
  }
}

.or {
  line-height: 40px;
  font-style: normal;
  font-size: 14px;
  padding: 0 10px;
  text-align: center;
  @include respond-to('small-down') {
    line-height: initial;
    text-align: left;
  }
}

.comment {
  margin-bottom:20px;
}

/*--Author Bio + Social Share Buttons--*/

.author_share_wrap {
  width: 100%;
  border-top: 1px solid {{ settings.border_color }};
  min-height: 40px;
  padding: 15px 0;
  margin-top: 15px;
  overflow: auto;
}

.blog_author {
  width: 60%;
  float:left;
  @include respond-to('medium-down'){
    width: 100%;
    border-bottom: 1px solid {{ settings.border_color }};
    padding-bottom: 15px;
  }
}

.blog_author img {
  width: 80px;
  height: 80px;
  border: 1px solid {{ settings.border_color }};
  float:left;
  margin-right: 15px;
}

.author_bio {
  text-align: left;
}

.author_bio h6 {
  padding-top: 0;
}

.author_bio p {
  font-size: 0.9em;
}

.blog_share {
  width: 38%;
  float:right;
  text-align: right;
  @include respond-to('medium-down'){
    width: 100%;
    float:left;
  }
}

  .red {
    color: #C33;
  }
  .address p {
    margin-bottom: 5px;
  }
  div#disqus_thread ul, div#disqus_thread li {
      border: none;
  }
  .search_page {
    padding: 50px 0;
  }

.search .search_page h3{
  color: #000000;
  font-family: Lato,sans-serif;
  font-size: 15px;
}
/* #Swatch Styles
================================================== */

/* SASS variables for swatch dimensions */
$swatch-element-size: 40px;
$swatch-label-size: 34px;

.swatch-element.swatch--active {
  border-color: black;
  box-shadow: 0px 0px 0px 2px rgba(255,255,255,1);
}

.selector-wrapper label {margin-bottom: 0.5em;}

{% if settings.product_form_style == "swatches" %}

  .product_section .product_form {
    opacity: 0;
    transition: opacity 0.2s ease;
  }

  .product_section .product_form.is-visible {
    opacity: 1;
  }

  .selector-wrapper, .select { display: none; }
  .swatch_options {
    margin-bottom: 1em;
  }

  .swatch .option_title {
    margin: 0.5em 0;
  }
  /* Hide radio buttons.*/
  .swatch input {
    display: none;
  }

  .swatch label {
    float:left;
    min-width: $swatch-element-size;
    height: $swatch-element-size;
    margin:0;
    font-size:13px;
    text-align:center;
    line-height: $swatch-element-size;
    white-space:nowrap;
    text-transform:uppercase;
    cursor: pointer;
    padding: 0 10px;
  }

  .swatch .color label {
    min-width: $swatch-label-size;
    height: $swatch-label-size !important;
    line-height: $swatch-label-size;
    background-position: center;
    background-size: cover;
  }

  .swatch-element {
    border: #e2e2e2 1px solid;
    min-width: $swatch-element-size;
    min-height: $swatch-element-size;
    {% if settings.swatch_style != 'square' %}
      border-radius: 3px;
    {% endif %}
  }

  .swatch-element.color {
    padding: 3px;
  }

  .swatch-element.color, .swatch-element.color label {
    {% if settings.swatch_style != 'square' %}
      border-radius: 50%;
    {% endif %}
    border: #e2e2e2 1px solid;
  }

  .swatch-element.color label {
    padding:0;
    margin: 0;
    width: $swatch-label-size;
    height: $swatch-label-size;
  }

  .swatch_options input:checked + .swatch-element {
    border-color: black ;
    box-shadow: 0px 0px 0px 2px rgba(255,255,255,1);
  }

  .swatch .swatch-element {
    float:left;
    -webkit-transform:translateZ(0);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0px 8px 8px 0;
    position:relative;
  }

  .crossed-out {
    @include diagonal-line;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .swatch .swatch-element .crossed-out { display:none; }
  .swatch .swatch-element.soldout .crossed-out {
    {% if settings.swatch_style != 'square' %}
      border-radius: 50%;
    {% endif %}
    display:block;
    height: 100%;
    width: 100%;
    pointer-events: none;
  }
  .swatch .swatch-element.soldout label {
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
  }
  /* Tooltips */
  .swatch .tooltip {
    text-align:center;
    background: #333;
    background: rgba(#333, 0.9);
    color:#fff;
    bottom:100%;
    padding: 5px 10px;
    display:block;
    position:absolute;
    width:120px;
    font-size: 13px;
    left:{{ 30 | divided_by: 2 | minus: 50 }}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);
    transition: all .25s ease-out;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    z-index: 10000;
  }
  .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 rgba(#333, 0.9) 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);
  }
{% endif %}

{% if settings.collection_swatches %}
  .collection_swatches {
    margin: 10px 0 5px 0;
  }
  .collection_swatches .swatch {
    display: inline-block;
    padding: 3px;
    line-height: 0;
    &:hover {
      border-color: black;
    }
  }
  .collection_swatches .swatch span {
    width: 34px;
    min-width: 34px;
    height: 34px;
    float: none;
    display: inline-block;
    border: #e2e2e2 1px solid;
    {% if settings.swatch_style != 'square' %}
      border-radius: 50%;
    {% endif %}
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-position: center;
    background-size: cover;
  }
{% endif %}


.swatch[data-option="Title"] {
  display: none !important;
}
.swatch input {
  display: none;
}
.swatch .swatch-element .crossed-out {
  display: none;
}
.swatch .swatch-element {
  float: left;
  -webkit-transform: translateZ(0);
  -webkit-font-smoothing: antialiased;
  margin: 10px 6px 0 0;
  position: relative;
}
.swatch .tooltip {
  text-align: center;
  background: gray;
  color: #fff;
  bottom: 100%;
  padding: 10px;
  display: block;
  position: absolute;
  width: 100px;
  left: -32px;
  margin-bottom: 15px;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  visibility: hidden;
  -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 .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-element .tooltip {
    font-size: 12px;
    line-height: 18px;
}

/* #Footer
================================================== */

.footer {
  font-size: {{ settings.footer_font_size }}px;
  padding:23px 0 18px;
  border-top: solid 3px {{ settings.sub_footer_border_color }};
  background-color: {{ settings.sub_footer_color }};
  background-position: center center;
  color: {{ settings.sub_footer_text_color }};
  {% if settings.footer_bg != nil %}
    background-image: url("{{ settings.footer_bg | img_url: '1400x' }}");
    {% if settings.footer_bg_stretched %}
      background-size:cover;
    {% endif %}
  {% endif %}

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

    input {
      margin: 5px 0;
    }
  }
}

.footer-text {
  .toggle_content {
    padding-top: 15px;
  }
}

.no-footer-title.footer-text {
  .toggle_content {
    padding-top: 0;
    @include respond-to('medium-down'){
      display: block;
      padding-top: 20px;
    }
  }
}

/* If no shop logo used, apply text styling as per theme settings */
.footer .logo {
  color: {{ settings.logo_color }} !important;
  font-size: {{ settings.footer_logo_font_size }}px;
  margin-top:0;
  margin-bottom: 20px;
  line-height:1;
  width:100%;
  word-wrap: break-word;
  float: none;
  @include respond-to('medium-down'){
    text-align: center;
  }
}

img.footer-logo {
  width: 75%;
  max-width: 250px;
  margin-bottom: 10px;
  display: inline-block;
  @include respond-to('medium-down'){
    max-width: 50% !important;
    margin: 5% 25% 25px;
  }
}

.footer .empty-column {
  width: 100%;
  height: 1px;
}

.footer .footer-menu-wrap h6 {
  margin: 0;
  padding: 0 0 5px 0;
  color: {{ settings.headline_footer_text_color }};
  font-size: {{ settings.footer_heading_font_size }}px;
  font-family: Lato, sans-serif;
  font-style: normal !important;
  text-transform: uppercase;
  @include respond-to('medium-down'){
    border-top: 1px solid {{ settings.sub_footer_border_color }};
    border-top: 1px solid #ddd;
    margin-bottom: 5px;
    padding: 20px 20px 15px;
  }
}

.footer .footer-menu-wrap h6 > span {
  display: none;
  @include respond-to('medium-down'){
    display: inline-block;
    transition: transform 0.3s linear;
    perspective: 1000;
  }
}

.footer .toggle_content {
  @include respond-to('medium-up'){
    //override display: none from mobile view
    display: block !important;
  }
}

.footer a,
.footer a:visited {
  font-family: {{ settings.footer__font.family }}, {{ settings.footer__font.fallback_families }};
  font-weight: {{ settings.footer__font.weight }};
  color: {{ settings.sub_footer_link_color }};
  font-size: {{ settings.footer_font_size }}px;
}

.footer a:hover,
.footer a:active {
  color: {{ settings.sub_footer_link_color_hover }};
}

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

.footer ul li {
  margin-bottom:0;
  line-height: 1.1;
}
.footer ul li p {
    margin-bottom:3px;
}
  .footer-logo-subtext{
    display: flex;
    justify-content:flex-start;
    /*   font-weight: bold; */
    position: relative;
  }
  .footer-logo-subtext span {
    display: inherit;
    padding-right: 24px;
  }
  .footer-logo-subtext span:first-child:after {
    content: '';
    display: block;
    background: #003473;
    width: 4px;
    height: 4px;
    position: relative;
    border-radius: 100%;
       top: 8px;
    left: 12px;
  }
  .footer-logo-subtext span:last-child:before {
    content: '';
    display: block;
    background: #003473;
    width: 4px;
    height: 4px;
    position: relative;
    border-radius: 100%;
    top: 9px;
    left: -11px;
  }
p.credits a {
    color: #000 !important;
    font-size: 18px;
    font-family: "Crimson Text", serif;
   	font-style:italic;
}
.footer form {
  margin-bottom: 0;
}

.footer-menu-wrap {
  text-align: left;
}

.page-contact .footer {
  margin-top: 0;
}
.page-contact .maps {
  position: relative;
  bottom: -6px;
}
.page-landing .maps {
  position: relative;
  bottom: -7px;
}
.maps iframe {
  pointer-events: none;
  display: block;
}
.newsletter form {
  margin-bottom: 0;
}

.footer_credits {
/*   border-top: 1px solid {{ settings.sub_footer_border_color }}; */
  margin-top:10px;
  margin:0;
  color: #000 !important;
  font-size: 18px;
  font-family: "Crimson Text", serif;
  font-style: italic;
}

.payment_methods {
  margin: 10px 0 6px 0;
  padding-top: 10px;

  @include respond-to('medium-up'){
    float: right;
    text-align: right;
  }
}
.payment_methods svg {
  padding-right: 4px;
  height: 30px;
  width: 48px;
}
.credits {
  text-align: left;
  padding-top: 10px;

  @include respond-to('medium-up'){
    float: left;
  }
}

h6 span, h4 span, .sublink span  {
  transition: transform 0.3s linear;
  perspective: 1000;
}

.footer-menu-wrap, #mobile_menu, .sidebar {
  -webkit-transform: translate3d(0, 0, 0);
  .active span, span.active {
    transform: rotateX(180deg);
  }
}

.sidebar span.menu-toggle {
  float: right;
  display: inline-block;
  cursor: pointer;
  padding: 0 6px 0 6px;
  margin-right: 0;
  transition: transform 0.3s linear;
  perspective: 1000;
  transform: none;

  &.active {
    transform: rotateX(180deg);
  }
}

/* Footer and mobile menu accordion (mobile only) */

@include respond-to('medium-down'){
  .footer-menu-wrap, .sidebar, #mobile_menu {
    h6 {
      padding-top: 8px;
      cursor: pointer;
      border-top: 1px solid {{ settings.headline_footer_text_color }};
      margin-top: 0;
    }
    h6 span, h4 span, .sublink span  {
      display: inline-block;
      transition: transform 0.3s linear;
      perspective: 1000;
    }
    .columns > ul {
      display: none;
      padding-left: 20px;
      li {
        line-height: 1.7;
      }
    }
  }
  .toggle_content {
    display: none;
    padding: 0 20px;
  }
}

@include respond-to('medium-up'){
  h4.toggle {
    pointer-events: none;
  }
  .footer-menu-wrap {
    h6 {
      pointer-events: none;
    }
    .columns > ul {
      //required to overwrite inline display:none from createAccordion();
      display: block !important;
    }
  }
}

/* Promo banner */

$promoBannerHeight: {{settings.promo_banner_height | default:30}}px;

.header .promo_banner,
#header .promo_banner {
  a,
  a:visited
  a:hover {
    color: {{ settings.promo_text_color }};
  }
}

.promo_banner {
  background-color: {{ settings.promo_bg_color }};
  text-align: center;
  color: {{ settings.promo_text_color }};
  font-size: 11px;
  position: relative;
  width: 100%;
  height: 0;
  line-height: 0;
  z-index: 5000;
  top: 0;
  transition: all 0.3s linear;
  overflow: hidden;
  .promo_banner__content {
    margin: 0px auto;
    padding: 0 1.5rem;
    @include respond-to('medium-down'){
      font-size: 11px;
      max-height: 50px;
    }
  }
  p {
    margin-bottom: 0;
    display: inline;
    font-style: normal;
    line-height: 1;
  }
  .promo_banner-close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    text-decoration: none;
    color: {{ settings.promo_text_color }};
    border: 0;
    outline: 0;
    background: transparent;
    z-index: 1000;
    &:before {
      font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
      font-size: 20px;
      line-height: $promoBannerHeight;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 35px;
      content: "\00d7";
      text-align: center;
    }
  }
}

.promo_banner-show .promo_banner {
  font-family: "Lato", serif;
  transition: all 0s linear;
  height: auto;
  min-height: $promoBannerHeight;
  line-height: 1.1;
  @include flexbox();
  @include align-items(center);
  @media only screen and (max-width: 480px){
    min-height:30px;
  }
}

.top_bar {
  padding-top: 0;
  position: relative;
  transition: padding-top 0.3s linear;
  @include respond-to('small-down'){
    padding-top: 0;
  }
}

$topMenuHeight: 40px;

{% if settings.header_background == false %}

  .page_banner + #pagecontent {
    padding-bottom: 0;
  }

  .promo_banner-show {
    .page_banner {
      margin-top: calc(#{$topMenuHeight} + #{$promoBannerHeight});
    }
    .page_banner + #pagecontent {
      padding-bottom: 0;
    }
  }

  .index-sections .under-menu:nth-child(1) {
    margin-top: $topMenuHeight;
  }

  .page-details-section .under-menu:nth-child(1) {
    margin-top: $topMenuHeight;
  }

  .index.promo_banner-show {
    #pagecontent {
      display: block;
      padding-bottom: #{$promoBannerHeight};
    }
  }

{% endif %}

@include respond-to('medium-down'){

  .mobile_nav-fixed--true,
  .mobile_nav-fixed--false {
    #pagecontent {
      display: block;
      padding-bottom: $topMenuHeight;
    }
    //page banner is visible
    .page_banner {
      margin-top: $topMenuHeight;
    }
    .page_banner + #pagecontent {
      padding-bottom: 0;
    }
  }

  .index-sections .under-menu:nth-child(1) {
    margin-top: 0;
  }

  .page-details-section .under-menu:nth-child(1) {
    margin-top: 0;
  }

  .page-banner .under-menu:nth-child(1) {
    margin-top: 0;
  }

  //recalculate values if promo banner is visible
  .promo_banner-show.mobile_nav-fixed--true,
  .promo_banner-show.mobile_nav-fixed--false {
    #pagecontent {
      padding-bottom: calc(#{$topMenuHeight} + #{$promoBannerHeight});
    }
    .page_banner {
      margin-top: calc(#{$topMenuHeight} + #{$promoBannerHeight});
    }
    .page_banner + #pagecontent {
      padding-bottom: 0;
    }
  }

}

/*! Flickity v2.0.10
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;background:#fff;background:hsla(0,0%,100%,.75);cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button:hover{background:#fff}.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09f}.flickity-prev-next-button:active{opacity:.6}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button:disabled{opacity:.3;cursor:auto}.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-prev-next-button .arrow{fill:#333}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

.flickity-enabled {
  position: relative;
  overflow: hidden;
}
.flickity-viewport {
  transition: height 0.2s;
}
.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  filter: alpha(opacity=50);
  opacity: 0.5;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 11%;
  border: none;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  border-radius: 0;
  height: auto;
  max-width: 100px;
  transform: none;
}

.flickity-prev-next-button:hover {
  background: white;
  border: none;
}

.flickity-prev-next-button:focus {
  outline: none;
}

.flickity-prev-next-button:hover, .flickity-prev-next-button:active {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.flickity-prev-next-button.previous {
  left: -1px;
}
.flickity-prev-next-button.next {
  right: -1px;
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: -1px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: -1px;
}

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=10); /* IE8 */
  opacity: 0.1;
  cursor: auto;
}

.flickity-prev-next-button svg {
  @include vertical-alignment;
  position: absolute;
  left: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: {{ settings.arrow_color }};
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: {{ settings.arrow_color }};
  font-size: 26px;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  filter: alpha(opacity=25); /* IE8 */
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100); /* IE8 */
  opacity: 1;
}

/* Custom sliders */
.flickity-slider > li {
  list-style-type: none;
  width: 100%;
  text-align: center;
}

/* General Flickity styling */

img[data-flickity-lazyload] {
  width: auto;
}

.slideshow_animation--fade {
  .flickity-slider {
    transform: none !important;
  }

  .gallery-cell {
    left: 0 !important;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: -1;
  }

  .gallery-cell.is-selected {
    opacity: 1;
    z-index: 0
  }
}

/* Gallery page */

.lightbox-gallery {
  .gallery-cell {
    width: 100%;
    img {
      width: auto;
      max-height: 90vh;
      max-width: 100%;
      display: inline-block;
    }
  }
}

/* Product lightbox */

@include respond-to('small-down'){
  .remodal-is-locked {
    .product {
      overflow: hidden;
    }
  }
  .product .remodal-close:before {
    font-size: 50px;
    line-height: 55px;
    width: 50px;
    right: 0;
    left: auto;
  }
  .product .remodal.remodal-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    padding-top: 55px;
    margin-bottom: 0;
    .flickity-viewport,
    .flickity-viewport img {
      max-height: 70vh;
    }
  }
}

/* Product gallery */
.product_gallery button {
    box-shadow: none;
}
.gallery-arrows--true .product_gallery {
  .flickity-prev-next-button {
    transition: opacity 0.3s linear;
    display: block;
    @include respond-to('medium-up') {
      opacity: 0;
    }
  }
}

.gallery-arrows--true .product_gallery:hover {
  .flickity-prev-next-button {
    opacity: 0.5;
  }
}

.product_gallery {
  padding-bottom:0px;
  opacity: 0;
  position: relative;
  @include respond-to('medium') {
    padding-bottom: 30px;
  }
  @include respond-to('small') {
    padding-bottom: 50px;
    .flickity-page-dots {
      bottom: 15px;
    }
  }

  .gallery-cell {
    width: 100%;
    text-align: center;
    display: block;
    margin-right: 10px;
    span {
      width: 100%;
      display: block !important; // required to override the inline-block set with JS
    }
  }
  &.flickity-enabled {
    opacity: 1;
  }
  &.single-image {
    .flickity-prev-next-button {
      display: none;
    }
  }
  .flickity-prev-next-button {
    display: none;
  }
  img {
    background-color: {{ settings.shop_bg_color }};
  }
}

.product_gallery_nav {
  text-align: center;
  margin-bottom: 30px;

  &.product_gallery_nav--bottom-thumbnails {
    .gallery-cell { width: auto; }
    img {
      height: 200px;
      width: auto;
    }
  }
  &.product_gallery_nav--bottom-slider {
    @include respond-to('small') {
      margin-bottom: 30px;
    }
    .flickity-prev-next-button {
      opacity: 1;
      background: {{ settings.shop_bg_color | alpha: 1 }};
      box-shadow:none;
    }
    .gallery-cell {
      @include flexbox();
      width: auto;

      opacity: 0.5;
      margin-bottom: 0;
      &.is-nav-selected { opacity: 1; }
      img {
        width: auto;
        height:200px;
        max-width: none;
        @include respond-to('medium-down'){
          height: 120px;
        }
      }
      
      @include respond-to('medium-down'){
/*         width: 25% !important;
        display: inline-block !important; */
      }
    }
  }
  .gallery-cell {
    width: 20%;
    margin: 0 10px 10px 0;
    opacity: 0.7;
    display: inline-block;
    &.is-nav-selected {
      opacity: 1;
    }
    img {
      cursor: pointer;
    }
  }
}

.gallery-wrap.right-thumbnails {
  .multi-image {
    width: 83%;
    float: left;
  }
  .product_gallery_nav {
    width: 12%;
    float: left;
    margin-left: 4%;
    .gallery-cell {
      width: 100%;
      margin: 0 0 10px 0;
    }
  }
}

.gallery-wrap.left-thumbnails {
  .multi-image {
    width: 83%;
    float: right;
  }
  .product_gallery_nav {
    width: 12%;
    float: right;
    margin-right: 5%;
    .gallery-cell {
      width: 100%;
      margin: 0 0 10px 0;
    }
  }
}

.gallery-wrap .flickity-viewport {
  margin-top: 0;
}

/* Quick Shop */

.remodal.quick-shop {
  background-color: {{ settings.modal_background_color }};
  padding: 0 35px;
  {% if settings.use_newsletter_border == true %}
    border: 5px solid {{ settings.border_color }};
  {% endif %}
}

.quick-shop {
  .container {
    max-width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    .gallery-wrap.eight.columns {
      width: calc(55% - 40px);
      margin: 0;
      margin-right: 40px;
      min-height: 1px;
      transition: opacity 1s 0.3s linear;
      &.hidden-element {
        opacity: 0;
      }
      &.align-gallery-right {
        float: right;
        margin-right: 0;
        margin-left: 40px;
      }
    }
    .text-modal-wrap.six.columns {
      width: 45%;
      margin: 0;
      min-height: 1px;
      transition: opacity 0.3s linear;
      &.hidden-element {
        opacity: 0;
      }
    }
    .new_banner_product:empty, .sale_banner_product:empty, .preorder_banner_product:empty {
      display: none;
    }
  }
  img[alt*="[right]"], img[alt*="[left]"], img[alt*="[center]"]{ //hide full-width-image template images in quick-shop
    display: none;
  }
}

.remodal-is-opened {
  .quick-shop {
    .hidden-element {
      opacity: 1 !important;
    }
  }
}

/* Related Items Gallery */

.related-products--grid {
  font-size: 0;
  text-align: center;

  &.container {
    padding-top: 0;

  }

  .product-list .thumbnail.column,
  .product-list .thumbnail.columns {
    font-size: initial;
    display: inline-block;
    float: none;
    vertical-align: top;
  }
}

.related-products__title {
  clear: both;
}

.title.slider-gallery {
 padding-top: 40px;
  @include respond-to('small-down'){
   padding-top:0;
   font-size: 1.5em;
  }
}

.slider-gallery {
  margin: 0 auto 40px;
  .gallery-cell {
    margin-right: 10px;
    text-align: center;
    padding: 0;
    margin-bottom: 0;
    @include respond-to('small-down'){
      padding: 0;
      margin-right: 5px;
    }
    .product-details {
      line-height: 1.2;
      letter-spacing: 0;

      @include respond-to('medium-down'){
        font-size: 3vw;
      }
    }
    img {
      display: block;
      max-width: 100%;
    }
  }
  .gallery-cell-heading {
    font-size: 0.8rem;
    line-height: 1.2;
    text-transform: none;
    margin-top: 10px;
  }
  .flickity-prev-next-button {
    border-radius: 0;
    opacity: 0;
    width: 5%;
  }
}

.slider-gallery:hover {
  .flickity-prev-next-button {
    opacity: 0.5;
  }
}

.transparentBackground--false {
  .dot {
    background: {{ settings.arrow_color }};
  }
  .flickity-prev-next-button {
    background: transparent;
    .arrow {
      fill: {{ settings.arrow_color }};
      opacity: 1;
    }
  }
}

.homepage-slideshow.transparentBackground--false,
.testimonial-slideshow.transparentBackground--false,
.product-slider.transparentBackground--false,
.slider-gallery.transparentBackground--false {
  &:hover {
    .flickity-prev-next-button {
      opacity: 1;
    }
  }
  .flickity-page-dots .dot {
    opacity: 0.4;
    &.is-selected {
      opacity: 1;
    }
  }
}

/*
 *  Remodal - v1.0.6
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;

  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}


.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.size-chart-remodal {
  max-height: calc(100vh - 20px); //Viewport height minus wrapper padding
  .size-chart-wrap {
    max-height: calc(100vh - 70px); //Viewport height minus remodal inner padding
    overflow-y: scroll;
  }
}

.remodal img {
  max-width: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -ms-transform: translateY(0,0,0);
  transform: translate3d(0, 0, 0);
  color: {{ settings.modal_text_color }};
  background: #fff;
  @include respond-to('small-down') {
    overflow-x: scroll;
  }
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close {
  position: absolute;
  top: 0;
  right: 0;

  display: block;
  overflow: visible;

  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;

  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;

  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;

  z-index: 1000;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;

  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 35px;

  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
  font: inherit;

  display: inline-block;
  overflow: visible;

  min-width: 110px;
  margin: 0;
  padding: 12px 0;

  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;

  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}

/* Keyframes
   ========================================================================== */

@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    transform: none;

    opacity: 1;
  }
}

@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);

    opacity: 1;
  }
  to {
    transform: scale(0.95);

    opacity: 0;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 900px;
  }
}

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

  #contact_form input.sign_up[type="submit"] {
    margin-left: 0 ;
    margin-bottom: 1.5em;
    width: 100%;
  }

  input.contact_email[type="email"] {
    width: 100%;
  }

  .collection_menu {
    display: none;
  }

  h1.collection_title_tags,
  div.collection_title_tags {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .newsletter .input-row input{
    margin: 5px 0px;
  }

  input.sign_up {
    margin: 0px;
  }

  .newsletter-both-names--true {
    input.firstName {
      margin-right: 5px;
    }
  }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 799px) and (max-width: 959px) {
  .nav a,
  .nav a:visited,
  .menu a:hover,
  .nav a:active,
  .nav a:focus {
    font-size: {{ settings.nav_font_size | minus: 2 }}px;
  }
  .menu a,
  .menu a:visited,
  .menu a:hover,
  .menu a:active,
  .menu a:focus {
    font-size: {{ settings.nav_font_size | minus: 2 }}px;
  }
 
  .nav .menu li.search_link {
    display: inline-block;
  }
  .menu li.search_container {
    display: none;
  }
  }
.top_bar .menu a.wishlist-icon {
/*     padding-left: 12px !important; */
/*     padding-right: 12px !important; */
}
  span.wishlist-count {
    padding-left: 0 !important;
    padding-right: 0 !important;
    color: #003570;
  }
/* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 798px) {
    .article_image {
      padding-bottom: 0;
    }
    .sidebar_content {
      border: 0;
      padding: 0;
    }
    .nav_arrows { float: none; text-align: center;}
    .nav_arrows .prev { float: left; }
    .nav_arrows .next { float: right; }
    #header .top_bar{ border-bottom: 1px solid #e5eaf0;}
    #header .top_bar a.mobile_logo {
      margin: auto;
/*       position: absolute; */
      top: 0;
      left: 4%;
      padding:0;
      bottom: 0;
      right: 0;
      font-size: 18px;
      line-height: 34px;
      z-index: 5;
      width: 50%;
      height: auto;
      color: {{ settings.logo_color }};
      @include flexbox();
      @include align-items(center);
      @include justify-content(center);
    }
    #header a.mobile_logo img {
      width: auto;
      max-width: 250px;
      max-height: 40px;
    }
    .cart_container a.icon-cart.mini_cart.dropdown_link span {
      display: none !important;
    }

    .payment_methods {
      text-align: center;
      float: none;
      display: block;
    }
    .credits {
      float: none;
      display: block;
      text-align: center;
    }

    {% if settings.product_thumbs == false %}
      .flex-direction-nav .flex-next {opacity: 0.6; right: 15px;}
      .flex-direction-nav .flex-prev {opacity: 0.6; left: 15px;}
    {% endif %}
    .is-absolute { top: 0px !important; }

    .blog_filter { margin-top: 1em; width: 100% !important; }
    .section_select { text-align: center; }
    .flex-control-nav { bottom: 10px }
    .featured_links a span {
      font-size: {{ settings.nav_font_size | minus: 2 }}px;
    }
    .or {
      width: 100%;
      display: inline-block;
      padding-left: 0;
      padding-bottom: 5px;
    }
    .mobile_hidden { display: none !important }
    table tr.order_summary td.label { text-align: left }

    .featured_text {
      font-size: {{ settings.regular_font_size }}px;
      line-height: 1.7em;
    }
    #header {
      display: block;
      border-bottom: 1px solid #b7b7b7;
      padding: 0px 0;
    }
    #header .top_bar .icon-search:before {
      font-size: 18px;
      font-weight: bold;
      color: #003570;
    }
    .top_bar--menu ul.menu li a {
      font-size: 0px;
      line-height: 0;
    }
/*     ul.menu {
      line-height: 0;
    } */
/*     .menu a, .menu a:visited, .menu a:active, #header span.menu_title, .menu a span, select.currencies, .mini_cart span {
     font-size: 0px;
    } */
    .header {
      display: none;
    }
    h4.toggle {
      cursor: pointer;
    }
    .toggle span {
      display: block;
    }
    .toggle_list {
      display: none;
    }
    select {
      width:100%;
      margin-left: 0;
    }

    input[type="submit"],
    input[type="reset"],
    input[type="button"],
    input.action_button[type="submit"],
    input.action_button[type="button"],
    .sign_up {
      margin-left: 0;
      width: 100%;
      outline: 0;
    }

    .credits_right {
      text-align: left;
    }

  td {
    padding: 4px !important;
  }
  .title_column {
      float:left;
    }
  .container div.mobile_only, .mobile_only {
      display:block;
    }
  span.mobile_only {
    display: inline;
  }
  .price_total {
    text-align: right;
  }
  .price_total_text {
    display:block;
  }
  .update_subtotal, .price_total, .remove_column, .checkout_table_header {
      display: none;
    }
  .mobile_right {
      text-align: right;
    }
  .quick_shop {
      display: none !important;
    }
  .cart_price {
    display: block;
    margin-bottom: 0;
  }
  table tr th, table tr td {
      padding: 2px;
    }
  input.action_button {
      margin-bottom: 1em !important;
    }
  .multiple_product_images {
      display: none;
    }
  .headline {
    font-size: 1.3em;
    line-height: 1.2;
    position: relative;
  }
  p.subtitle {
    font-size: 1.1em;
    line-height: 1.2;
    position: relative;
  }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (max-width: 798px) {
    .mobile_hidden { display: none !important }
  }
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
    .cart_image { max-width: 60px; padding-right: 10px }
    .action_button {
      font-size: 12px;
    }
    h1, h2, h3, h4, h5, h6, .collection_title, .empty_cart {
      font-size: 110%;
      line-height: 1.9em;
    }
    h1, h1.home, .title a, h2 {
      padding:0;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
   html {
      -webkit-text-size-adjust: 100%;
   }
}

@font-face {
  font-family: 'turbo';
  src: url('{{ "turbo.eot" | asset_url }}');
  src: url('{{ "turbo.eot" | asset_url }}') format('embedded-opentype'),
       url('{{ "turbo.woff" | asset_url }}') format('woff'),
       url('{{ "turbo.ttf" | asset_url }}') format('truetype'),
       url('{{ "turbo.svg" | asset_url }}') format('svg');
  font-weight: normal;
  font-style: normal;
}


  @font-face {
      font-family: 'Times-Roman';
      src: url('/cdn/shop/files/TimesRomanSCOSF.woff2?v=1692852225') format('WOFF2 ');
      font-weight:bold;
      font-style: normal;
      font-display: swap;
    }
  @font-face {
      font-family: 'Times-Italic';
      src: url('/cdn/shop/files/TimesCE-Italic.woff2?v=1692852224') format('WOFF2');
      font-style: normal;
      font-display: swap;
    }
    
  @font-face {
      font-family: 'Times-Bold';
      src: url('/cdn/shop/files/TimesCE-Bold.woff2?v=1692852225') format('WOFF2');
      font-style: normal;
      font-display: swap;
    }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "turbo";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .15em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-pinterest:before { content: "\e906"; }
.icon-bag:before { content: "\e900"; }
.icon-cart:before { content: "\e901"; }
.icon-check:before { content: "\e902"; }
.icon-cross:before { content: "\e903"; }
.icon-down-arrow:before { content: "\e904"; }
.icon-mail:before { content: "\e905"; }
.icon-left-arrow:before { content: "\e90a"; }
.icon-menu:before { content: "\e90c"; }
.icon-minus:before { content: "\e90d"; }
.icon-phone:before { content: "\e90e"; }
.icon-plus:before { content: "\e910"; }
.icon-right-arrow:before { content: "\e911"; margin-right: 0; }
.icon-search:before { content: "\e913"; }
.icon-up-arrow:before { content: "\e917"; }
.icon-user:before { content: "\e918"; }
.icon-youtube:before { content: "\e914"; }
.icon-gplus:before { content: "\e907"; }
.icon-vimeo:before { content: "\e912"; }
.icon-rss:before { content: "\e908"; }
.icon-houzz:before { content: "\e909"; }
.icon-snapchat:before { content: "\e90b"; }
.icon-instagram:before { content: "\e90f"; }
.icon-facebook:before { content: "\ea90"; }
.icon-twitter:before { content: "\ea96"; }
.icon-tumblr:before { content: "\eab9"; }
.icon-linkedin:before { content: "\eaca"; }
.icon-lock:before { content: "\e915"; color: {{ settings.btn_text_color }}; }

.icon-twitter-share:before { content: "\ea96"; }
.icon-facebook-share:before { content: "\ea90"; }
.icon-gplus-share:before { content: "\e907"; }
.icon-pinterest-share:before { content: "\e906"; }
.icon-mail-share:before { content: "\e905"; }

span.icon-down-arrow {
  padding: 0 !important;
  font-size: 12px !important;
}

.menu li.search_link {
  padding-left: 12px !important ;
  padding-right: 12px !important;
}
.menu li.search_link .icon-search:before{line-height:36px;}
.menu li.search_link a.dropdown_link.active_link,.menu li.search_link a.dropdown_link:hover,.menu li.search_link a.dropdown_link.active_link:hover,.menu li.search_link a.dropdown_link:focus,.menu li.search_link a.dropdown_link:visited,.menu li.search_link a.dropdown_link:active {
    border-bottom:none;
}
.top_bar .menu a.account-login span{
  padding-left: 0px !important ;
/*   padding-right: 0px !important; */
}
.sticky_nav .menu li.search_link {
  display: inline-block;
  float: right;
}

.sticky_nav .menu-position--block .logo {
  display: none;
}

.menu li.search_container {
  width: 30%;
  @include respond-to('widescreen-up'){
    margin-left: 15px;
  }
/*   float: right; */
  padding-top: 3px;
}

.logo-align--left .menu li.search_container {
  width: 18%;
}

.menu-position--block .menu li.search_container {
  width: 18%;
  float: none;
}

form.search_form,
.search_form input {
  padding-top: 0;
  margin-bottom: 0;
  position: relative;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
}

.search_form input,
.search_form input:active,
.search_form input:focus {
  font-family: {{ settings.nav__font.family }}, {{ settings.nav__font.fallback_families }};
  font-weight: {{ settings.nav__font.weight }};
  font-size: 12px;
  letter-spacing: {{ settings.nav_letter_spacing }}px;
  color: {{ settings.nav_color }};
  background-color: transparent;
  padding-right: 35px;
  border-color: {{ settings.nav_color }};
  {% if settings.button_style == 'rounded' %}
    border-radius: 3px;
  {% elsif settings.button_style == 'pill_shaped' %}
    border-radius: 100px;
    padding-left: 15px;
  {% endif %}
}

.feature_image .search_form input,
.feature_image .search_form input:active,
.feature_image .search_form input:focus {
  color: {{ settings.nav_color_home }};
  border-color: {{ settings.nav_color_home }};
  &::-webkit-input-placeholder {
    color: {{ settings.nav_color_home }};
  }
  &::-moz-placeholder {
    color: {{ settings.nav_color_home }};
  }
  &:-ms-input-placeholder {
    color: {{ settings.nav_color_home }};
  }
}

.feature_image .search-submit { color: {{ settings.nav_color_home }}; }

.header_search_form {
  width: 60%;
  margin: 0 auto 30px auto;
  padding: 30px 0 0 0;
  position: relative;
  border-bottom: solid 1px {{ settings.nav_color }};
  @include respond-to('small-down'){
    width: 90%;
    margin: 30px auto;
    padding: 0;
  }
}

.header_search_form input,
.header_search_form input:focus,
.header_search_form input:active {
  background-color: transparent;
  font-family: {{ settings.nav__font.family }}, {{ settings.nav__font.fallback_families }};
  font-weight: {{ settings.nav__font.weight }};
  color: {{ settings.nav_color }};
  font-weight: {{ settings.nav_weight }};
  letter-spacing: {{ settings.nav_letter_spacing }}px;
  border: none;
  font-size: 36px;
  line-height: 36px;

  @include respond-to('small-down'){
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 0px;
  }
}

.header_search_form .search-submit {
  top: 38px;
  font-size: 30px;
  @include respond-to('small-down'){
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    font-size: 20px;
  }
}

.feature_image .search_form input,
.feature_image .search_form input:active,
.feature_image .search_form input:focus {
  color: {{ settings.nav_color_home }};
  border: 1px solid {{ settings.nav_color_home }};
}

.feature_image .search_form input::-webkit-input-placeholder {
  color: {{ settings.nav_color_home }};
}
.feature_image .search_form input:-moz-placeholder { /* Firefox 18- */
  color: {{ settings.nav_color_home }};
}
.feature_image .search_form input::-moz-placeholder {  /* Firefox 19+ */
  color: {{ settings.nav_color_home }};
}
.feature_image .search_form input:-ms-input-placeholder {
  color: {{ settings.nav_color_home }};
}

.search_form input::-webkit-input-placeholder {
  color: {{ settings.nav_color }};
}
.search_form input:-moz-placeholder { /* Firefox 18- */
  color: {{ settings.nav_color }};
}
.search_form input::-moz-placeholder {  /* Firefox 19+ */
  color: {{ settings.nav_color }};
}
.search_form input:-ms-input-placeholder {
  color: {{ settings.nav_color }};
}

.search_form input:focus::-webkit-input-placeholder {
  color: {{ settings.nav_color_hover }};
}
.search_form input:focus:-moz-placeholder { /* Firefox 18- */
  color: {{ settings.nav_color_hover }};
}
.search_form input:focus::-moz-placeholder {  /* Firefox 19+ */
  color: {{ settings.nav_color_hover }};
}
.search_form input:focus:-ms-input-placeholder {
  color: {{ settings.nav_color_hover }};
}

.feature_image .search_form input,
.feature_image .search_form input:active,
.feature_image .search_form input:focus {
  color: {{ settings.nav_color_home }};
  border: 1px solid {{ settings.nav_color_home }};
}

.feature_image .search_form input::-webkit-input-placeholder {
  color: {{ settings.nav_color_home }};
}
.feature_image .search_form input:-moz-placeholder { /* Firefox 18- */
  color: {{ settings.nav_color_home }};
}
.feature_image .search_form input::-moz-placeholder {  /* Firefox 19+ */
  color: {{ settings.nav_color_home }};
}
.feature_image .search_form input:-ms-input-placeholder {
  color: {{ settings.nav_color_home }};
}

.search-submit {
  position: absolute;
  z-index: 1000;
  color: {{ settings.nav_color }};
  font-size: 20px;
  top: 6px;
  right: 0px;
  cursor: pointer;
}

.feature_image .search-submit {
  color: {{ settings.nav_color_home }};
}

.blog_search .search-submit {
  color: #333333;
  top: 10px;
  right: 8px;
  z-index: 1;
}

.social_icons {
  margin-left: 0;
  margin-top: 0;
}

.social_icons li {
  display: inline;
  padding-right: 2px;
}

footer .footer-social-icons {
  @include respond-to('medium-down'){
    display: none;
  }
}

footer .footer-social-icons--mobile.columns {
  display: none;
  padding-left: 0;
  @include respond-to('medium-down'){
    display: block;
    > ul {
      display: block;
      padding-left: 0;
    }
  }
}

footer .social_icons {
  display: block;
  margin-top: 15px;
  @include respond-to('medium-down'){
    padding-left: 0;
    text-align: center;
  }
}

footer .social_icons a, footer .social_icons a:visited {
  color: {{ settings.sub_footer_text_color }};
  font-size: 22px;
  display: inline-block;
  margin-bottom: 1em;
  @include respond-to('small-down'){
    margin-bottom: 0;
  }
}

footer .social_icons a:active, footer .social_icons a:hover {
  color: {{ settings.sub_footer_link_color_hover }};
  font-size: 22px;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-20px,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(20px,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}


.delay-0s {
  -moz-animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}
.delay-025s {
  -moz-animation-delay: .25s;
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
  opacity: 0;
}
.delay-05s {
  -moz-animation-delay: .5s;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  opacity: 0;
}
.delay-075s {
  -moz-animation-delay: .75s;
  -webkit-animation-delay: .75s;
  animation-delay: .75s;
  opacity: 0;
}
.delay-1s {
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  opacity: 0;
}

.animate_right, .animate_left, .animate_up, .animate_down { opacity: 0 }

.ie .animated, .ie .animate_right, .ie .animate_left, .ie .hsContent, .ie #slide-1 .animated { opacity: 1 !important; }
.ie delay-025s, .ie .delay-0s, .ie .delay-025s, .ie .delay-05s, .ie .delay-075s, .ie .delay-1s { opacity: 1 !important; }
.ie select {
  background-image: none !important;
}

@media only screen and (max-width: 798px) {
  .delay-0s, .delay-025s, .delay-05s, .delay-075s, .delay-1s,
  .animate_right, .animate_left, .animate_up, .animate_down {
    opacity: 1;
  }
}

/* #Password Page
================================================== */
#password-container {
  margin: 75px auto 0;
  max-width: 100%;
  display: table;
  text-align: center;
  display: table;
  @include respond-to('medium-down') {
   margin-top: 10px;
  }

  #contact_form input.sign_up[type="submit"] {
    @include respond-to('medium-up') {
      margin-left: auto;
      width: calc(100% - 10px);
    }
  }
}

.password-page-message {
  font-size: 3em;
  line-height: 1.2;
  margin: 10px auto;
  padding: 12px 0;
}
.password-page-follow {
  margin: 5px 0;
}
.password-social .social_icons a,
.password-social .social_icons a:visited,
.password-social .social_icons a:active {
  font-size: 25px;
}

.password-page-row {
  display: table-row;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.password-page-col {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 30px;
  width: 100%;
}

.password-logo {
  max-width: 200px; /* Allows logo to be more prominent*/
  margin: 0px auto;
}

.password-message{
  max-width: 600px;
  font-size: 1.2em;
  color: {{ settings.sub_footer_link_color }};
 }

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

.password-social {
  margin-top: 10px;
  padding-top: 20px;
}

.password-social ul {
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 10px;
}

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

.password-social .social_icons a:hover {
  color:{{ settings.link_hover_color }};
}

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

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

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

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

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

#open-me {
  text-align: center;
  margin-bottom: 35px;
  a {
    &:hover {
      color: {{ settings.link_hover_color }};
    }
  }
}

.close-me {
  z-index: 8000;
}

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

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

.overlay-close {
  width: 150px;
  height: 50px;
  position: absolute;
  right: 10px;
  top: 10px;
  border: 1px solid #000;
  font-size: 14px;
}

.overlay-data {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s;
  visibility: 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-open {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s;
}

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

#password-page-bg .modalbox .inputbox {
  @include respond-to('medium-down'){
    top: 50%;
  }
}

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

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

.storefront-password-form #password {
  width: 50%;
  display: inline-block;
  @include respond-to('small-down'){
    width: 100%;
  }
}

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

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

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

/* #Page Details
================================================== */
.page-details-section {
  .container {
    padding: 0;
  }
  .article {
    padding-bottom: 0;
  }
  div.container .featured_products {
    padding-top: 0;
  }
  @include respond-to('small-down'){
    .caption.position-center,
    .caption.position-left,
    .caption.position-right, {
      margin: 5% 0 0 0;
    }
  }
}

/* #Product Details
================================================== */
.product-details-template {
  .product-details__blocks .container {
    padding: 0;
  }
  .action_button:not(.add_to_cart) {
    width: auto;
  }
  img {
    width: 100%;
  }
  img.rich-image {
    max-width: auto;
    margin-bottom: 20px;
  }
  @include respond-to('small-down'){
    .featured-link--section.text-block--left {
      flex-direction: column-reverse;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
    }
  }
}

.quote {
  padding: 10px 0px;
  text-align: center;
  border-top-style: $borderStyle;
  border-top-width: $borderWidth;
  border-bottom-width: $borderWidth;
  border-bottom-style: $borderStyle;
  border-color: {{ settings.headline_border_color }};
}

.grey-map {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
  -webkit-backface-visibility: hidden;  /* Fix for transition flickering */
}

/* Home page - general
================================================== */
.cart_item__title .item_title{
  font-family: "Crimson Text", serif;
  font-size:16px;
  color: #003570;
}
.homepage-slideshow .caption .headline, .homepage-slideshow .caption .pretext{
  color:#505050;
  text-shadow:none;
}
.homepage-slideshow .caption .action_button{min-width:240px !important;}
/* Full-width product slider */

.homepage-product-slider {
  margin: 0 10px;
  object.placeholder-image {
    width: 100%;
    display: block;
    height: auto;
    position: relative;
    padding-top: 100%;
  }
  .placeholder-svg--product {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.homepage-product-slider.even-num-slides {
  padding-left: 10px;
  width: calc(100% - 20px);
  @include respond-to('medium-down'){
    padding-left: 0;
    width: 100%;
  }
}

.products-slider.slider-gallery {
  &.products-length-6 {
    .gallery-cell {
      width: calc(16.6% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
    }
  }
  &.products-length-5 {
    .gallery-cell {
      width: calc(20% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
    }
  }
  &.products-length-4 {
    .gallery-cell {
      width: calc(25% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
    }
  }
  &.products-length-3, &.products-length-2, &.products-length-1 {
    .gallery-cell {
      width: calc(33.33% - 10px);
    }
  }
}

.products-slider.slider-gallery {
  .gallery-cell {
    &.visible-2 {
      width: calc(50% - 10px);
      @include respond-to('medium-down'){
        width: calc(50% - 10px);
      }
    }
    &.visible-3 {
      width: calc(33.33% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
    }
    &.visible-4 {
      width: calc(25% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
    }
    &.visible-5 {
      width: calc(20% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
    }
    &.visible-6 {
      width: calc(16.666% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
    }
    &.visible-7 {
      width: calc(14.2% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
      .product-details {
        font-size: 0.7rem;
      }
    }
  }
}

// Text below overlay on larger screens
@include respond-to('max-width: 985px'){
  @for $i from 7 through 16 {
    .products-length-#{$i} {
      .product-info__caption {
        display: block;
      }
      .thumbnail-overlay {
        display: none;
      }
    }
  }
}

.featured_products.product-slider {
  padding-bottom: 0;
  .columns {
    padding-bottom: 0;
  }
}

//Applied to the slideshow, video and full-width banner images

.banner-full-link {
  line-height: 0;
  font-size: 0;
  color: transparent;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.banner-full-link + .caption {
  pointer-events: none;
  cursor: pointer;
}

.full-width--true .caption {
  @include respond-to('small-down'){
    padding-left: 20px;
    padding-right: 20px;
  }
  @include respond-to('large-up'){
    max-width: 960px;
    padding: 0;
  }
  @include respond-to('widescreen-up'){
    max-width: 1200px;
    padding: 0;
  }
}

.caption {
  width: 100%;
  position: absolute;
  {% if settings.header_background %}
    top: 50%;
  {% else %}
    top: 55%;
  {% endif %}
  padding: 0 5%;
  @include prefix(transform, translate(0,-50%), ms webkit spec);
  @include respond-to('medium-up'){
    max-width: 960px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  @include respond-to('large-up'){
    padding: 0 30px;
  }
  @include respond-to('medium-down'){
    width: 100%;
  }
  @include respond-to('small-down'){
    margin: 20px auto;
    font-size: 3vw;
    position: static;
    transform: none;
    width: 100%;
  }
  a {
    pointer-events: all;
  }
  &.position-center {
    left: 0;
    right: 0;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    @include respond-to('medium-down'){
      width: 85%;
    }
    @include respond-to('small-down'){
      width: 100%;
    }
  }
  &.position-mobile-center {
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    @include respond-to('medium'){
      width: 85%;
    }
    @include respond-to('small'){
      width: 100%;
      padding: 0 5%;
      margin: 5% 0;
    }
  }
  &.position-mobile-center {
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    max-width:80% !important;
    @include respond-to('medium'){
      width: 85%;
    }
    @include respond-to('small'){
      width: 100%;
      padding: 0 5%;
      margin: 5% 0;
    }
  }
 
  &.position-top {
    top: 20%;
    text-align: left;
    padding: 0 5%;
  }
  &.position-mobile-top {
    top: 20%;
    text-align: left;
    padding: 0 5%;
    max-width:80% !important;
  }
  &.caption.position-bottom {
    bottom: 20%;
    top: 70%;
  }
  &.caption.position-mobile-bottom {
    bottom: 20%;
    top: 70%;
    max-width:80% !important;
  }
  &.position-left {
    left: 0;
    text-align: left;
    padding: 0 5%;
  }
  &.position-mobile-left {
    left: 0;
    text-align: left;
    padding: 0 5%;
    max-width:80% !important;
  }
  &.position-right {
    right: 0;
    text-align: right;
    padding: 0 5%;
  }
  &.position-mobile-right {
    right: 0;
    text-align: right;
    padding: 0 5%;
    max-width:80% !important;
  }
  &.position-top-center{
    top: 20%;
    text-align: center;
    padding: 0 5%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  &.position-mobile-top-center{
    top: 20%;
    text-align: center;
    padding: 0 5%;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width:100% !important;
  }
  &.position-middle-center{
    top: 20%;
    text-align: center;
    padding: 0 5%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  &.position-mobile-middle-center{
    top: 20%;
    text-align: center;
    padding: 0 5%;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width:100% !important;
  }
  &.position-right-top {   
    top: 20%;
    text-align: right;
    padding: 0 5%;    
    right: 0;    
  }
  &.position-mobile-right-top {   
    top: 20%;
    text-align: right;
    padding: 0 5%;    
    right: 0;    
    max-width:80% !important;
  }
  &.position-right-middle {
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: right;
  }
  &.position-mobile-right-middle {
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: right;
    max-width:100% !important;
  }
  &.position-right-bottom {
    bottom: 20%;
    top: 70%;
    text-align:right;
  }
  &.position-mobile-right-bottom {
    bottom: 20%;
    top: 70%;
    text-align:right;
    max-width: 80% !important;
  }
  &.position-center-bottom{
    bottom: 20%;
    top: 70%;
    text-align:center;
  }
  &.position-mobile-center-bottom{
    bottom: 20%;
    top: 70%;
    text-align:center;
    max-width:100% !important;
  }
  .pretext {
    color: {{ settings.banner_color }};
    font-family: {{ settings.slideshow_subtitle__font.family }}, {{ settings.slideshow_subtitle__font.fallback_families }};
    font-weight: {{ settings.slideshow_subtitle__font.weight }};
    text-transform: {{settings.slideshow_subtitle_font_style}};
    font-size: {{settings.slideshow_subtitle_size}}px;
    letter-spacing: {{settings.slideshow_subtitle_letter_spacing}}px;
    margin-bottom: 10px;
    {% if settings.slideshow_shadow != blank %}
      text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    {% endif %}
    @include respond-to('small-down'){
      font-size: 1.4em;
      color: {{ settings.regular_color }};
      text-shadow: none;
    }
    @include respond-to('medium-down'){
      font-size: {{settings.slideshow_subtitle_size | divided_by: 1.5 }}px;
    }
    @include respond-to('medium-up'){
      font-size: {{settings.slideshow_subtitle_size | divided_by: 1.2 }}px;
    }
    @include respond-to('medium-up'){
      font-size: {{settings.slideshow_subtitle_size}}px;
    }
  }
  .headline {
    color: {{ settings.banner_color }};
    font-family: {{ settings.slideshow_headline__font.family }}, {{ settings.slideshow_headline__font.fallback_families }};
    font-weight: {{ settings.slideshow_headline__font.weight }};
    text-transform: {{ settings.slideshow_headline_font_style }};
    font-size: {{ settings.slideshow_headline_size }}px;
    letter-spacing: {{ settings.slideshow_headline_letter_spacing }}px;
    line-height: 1.4em;
    margin-bottom: 15px;
    {% if settings.slideshow_headline_shadow != blank %}
      text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    {% endif %}

    @include respond-to('small-down'){
      font-size: 2.6em;
      color: {{ settings.regular_color }};
      text-shadow: none;
    }
    @include respond-to('medium-down'){
      font-size: {{settings.slideshow_headline_size | divided_by: 1.5 }}px;
    }
    @include respond-to('medium-up'){
      font-size: {{settings.slideshow_headline_size | divided_by: 1.2 }}px;
    }
    @include respond-to('large-up'){
      font-size: {{settings.slideshow_headline_size}}px;
    }
  }
  .subtitle {
    color: {{ settings.banner_color }};
    font-family: {{ settings.slideshow_subtitle__font.family }}, {{ settings.slideshow_subtitle__font.fallback_families }};
    font-weight: {{ settings.slideshow_subtitle__font.weight }};
    text-transform: {{settings.slideshow_subtitle_font_style}};
    font-size: {{settings.slideshow_subtitle_size}}px;
    letter-spacing: {{settings.slideshow_subtitle_letter_spacing}}px;
    position: relative;
    {% if settings.slideshow_shadow != blank %}
      text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    {% endif %}

    @include respond-to('small-down'){
      font-size: 1.4em;
      color: {{ settings.regular_color }};
      text-shadow: none;
    }
    @include respond-to('medium-down'){
      font-size: {{settings.slideshow_subtitle_size | divided_by: 1.5 }}px;
    }
    @include respond-to('medium-up'){
      font-size: {{settings.slideshow_subtitle_size | divided_by: 1.2 }}px;
    }
    @include respond-to('large-up'){
      font-size: {{settings.slideshow_subtitle_size}}px;
    }
  }
  .pretext:empty,
  .headline:empty,
  .subtitle:empty {
    display: none;
    &:before {
      height: 0;
    }
  }
}

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

.caption-content {
  display: inline-block;
  float: none;
  max-width: 75%;
  font-size: 0;
  @include respond-to('medium-down'){
    max-width: 80%;
  }
  @include respond-to('small-down'){
    width: 100%;
    max-width: 100%;
  }
  .action_button {
    margin: 10px;
    @include respond-to('medium-down'){
      // tightens up stacked buttons on iPad
      margin: 5px;
    }
    @include respond-to('small-down'){
      font-size: 16px;
    }
  }
  &.align-center {
    text-align: center;
    @include respond-to('medium-down'){
      max-width: 80%;
    }
    @include respond-to('small-down'){
      width: 100%;
      max-width: 100%;
    }
  }
  &.align-mobile-center {
    text-align: center;
    @include respond-to('medium-down'){
      max-width: 80%;
    }
    @include respond-to('small-down'){
      width: 100%;
      max-width: 100%;
    }
  }
  &.align-left {
    text-align: left;
    &:first-child .action_button {
      margin-left: 0;
    }
    .subtitle:before {
      margin-left: 0;
    }
  }
  &.align-mobile-left {
    text-align: left;
 
    &:first-child .action_button {
      margin-left: 0;
    }
    .subtitle:before {
      margin-left: 0;
    }
  }
  &.align-right {
    text-align: right;
    &:last-child .action_button {
      margin-right: 0;
    }
    .subtitle:before {
      margin-right: 0;
    }
  }
/*   &.align-mobile-right {
    text-align: right;
    &:last-child .action_button {
      margin-right: 0;
    }
    .subtitle:before {
      margin-right: 0;
    }
  } */
  &.caption-background-true {
    padding: 30px;
    @include respond-to('small-down'){
      padding: 0;
    }
  }
}

/* Transparency settings for each type of caption */

$backgroundTransparency: 0.6;

.caption-background-true {
  //fallback
  background-color: {{ settings.banner_background_color }};
}

.homepage-video {
  .caption-background-true {
    background-color: rgba({{ settings.banner_background_color }}, {% if settings.video_background_transparency == blank %} 1 {% else %} $backgroundTransparency {% endif %});
    @include respond-to('small-down'){
      background-color: transparent;
    }
  }
}

.caption-background-true {
  background-color: {{ settings.banner_background_color }};
  &.caption-transparency-true {
    background-color: rgba({{ settings.banner_background_color }}, $backgroundTransparency);
    @include respond-to('small-down'){
      background-color: transparent;
    }
  }
  @include respond-to('small-down'){
    background-color: transparent;
  }
}

a.highlight-false, input[type="button"].highlight-false,
a.highlight-true, input[type="button"].highlight-true,
a.continue-button {
  background-color: {{ settings.banner_button_bg_color }};
  color: {{ settings.banner_button_color }};
  border: 1px solid {{ settings.banner_button_bg_color }};
  transition: background-color 0.2s linear, color 0.2s linear;
  margin: 25px 0;

  &:hover {
    background-color: {{ settings.banner_button_hover_bg_color }};
    border-color: {{ settings.banner_button_hover_text_color }};
    color:{{ settings.banner_button_hover_text_color }} !important; 
    {% if settings.caption_background %}
      color: {{ settings.banner_background_color }};
    {% else %}
      @if (lightness({{ settings.banner_color }}) > 50) {
        color: #333;
      } @else {
        color: #fff;
      }
    {% endif %}
  }

  @include respond-to('small-down'){
/*     color: {{ settings.regular_color }};
    border-color: {{ settings.regular_color }};
    background-color: transparent; */
    &:hover {
/*       border-color: {{ settings.regular_color }};
      background-color: {{ settings.regular_color }};
      @if (lightness({{ settings.regular_color }}) > 50) {
        color: #333;
      } @else {
        color: #fff;
      } */
    }
  }
}

a.highlight-true, input[type="button"].highlight-true {
  background-color: {{ settings.banner_button_bg_color }};
  border-color: {{ settings.banner_button_color }};

  {% if settings.caption_background %}
    color: {{ settings.banner_background_color }};
  {% else %}
    @if (lightness({{ settings.banner_button_color }}) > 50) {
      color: #333;
    } @else {
      color: #fff;
    }
  {% endif %}

  @include respond-to('small-down'){
    border-color: {{ settings.regular_color }};
    background-color: {{ settings.regular_color }};
    @if (lightness({{ settings.regular_color }}) > 50) {
      color: #333;
    } @else {
      color: #fff;
    }
  }
}

a.continue-button,
a.highlight-false--dark,
input[type="button"].highlight-false--dark {
  color: {{ settings.regular_color }};
  border-color: {{ settings.regular_color }};
  background-color: transparent;
  &:hover {
    border-color: {{ settings.regular_color }};
    background-color: {{ settings.regular_color }};
    @if (lightness({{ settings.regular_color }}) > 50) {
      color: #333;
    } @else {
      color: #fff;
    }
  }
}

/* Slideshow */

.homepage-slideshow {
  .gallery-cell:not(:first-child) {
    height: 0;
  }
}

.homepage-slideshow.flickity-enabled {
  .gallery-cell:not(:first-child) {
    height: auto;
  }
}

.homepage-slideshow {
  a.highlight-false, input[type="button"].highlight-false,
  a.highlight-true, input[type="button"].highlight-true {
    &:hover {
      {% if settings.slideshow_text_background %}
        color: {{ settings.banner_background_color }};
      {% else %}
        @if (lightness({{ settings.banner_color }}) > 50) {
          color: #333;
        } @else {
          color: #fff;
        }
      {% endif %}
    }
    @include respond-to('small-down'){
/*       color: {{ settings.regular_color }};
      border-color: {{ settings.regular_color }};
      background-color: transparent; */
      &:hover {
/*         border-color: {{ settings.regular_color }};
        background-color: {{ settings.regular_color }};
        @if (lightness({{ settings.regular_color }}) > 50) {
          color: #333;
        } @else {
          color: #fff;
        } */
      }
    }
  }

  a.highlight-true, input[type="button"].highlight-true {
    background-color: {{ settings.banner_color }};
    border-color: {{ settings.banner_color }};

    {% if settings.slideshow_text_background %}
      color: {{ settings.banner_background_color }};
    {% else %}
      @if (lightness({{ settings.banner_color }}) > 50) {
          color: #333;
      } @else {
        color: #fff;
      }
    {% endif %}

    @include respond-to('small-down'){
      border-color: {{ settings.regular_color }};
      background-color: {{ settings.regular_color }};
      @if (lightness({{ settings.regular_color }}) > 50) {
        color: #333;
      } @else {
        color: #fff;
      }
    }
  }
}

// Contact Section
.contact-form_position--right {
  float: right;
}


/* #Account
================================================== */

.account-header-logout {
  text-align: right;
  text-transform: uppercase;
}

.account-sidebar {
  border-right: 1px solid {{ settings.headline_border_color }};
  box-sizing: border-box;
  padding-right: 10px;
  @include respond-to('medium-down'){
    border: 0;
    padding-right: 0;
  }
}

.customers-addresses {
  .account-sidebar {
    border-right: 0;
    padding-right: 0;
  }
  .account-main {
    box-sizing: border-box;
    border-left: 1px solid {{ settings.headline_border_color }};
    padding-left: 20px;
    @include respond-to('medium-down'){
      border: 0;
      padding-left: 0;
    }
  }
}

.action_bottom .note {
  vertical-align: middle;
  line-height: 40px;
}

.address_title {
  margin-bottom: 0;
  padding-bottom: 0;
}

.action_edit {
  background-color: {{ settings.btn_color }};
  border-color: {{ settings.btn_color }};
  a {
    color: {{ settings.btn_text_color }};
  }
  &:hover {
    background-color: {{ settings.btn_color }};
    border-color: {{ settings.btn_color }};
    a {
      color: {{ settings.btn_text_color }};
    }
  }
}

.action_delete {
  background-color: {{ settings.btn_text_color }};
  border-color: {{ settings.btn_color }};
  a {
    color: {{ settings.btn_color }};
  }
  &:hover {
    background-color: {{ settings.btn_color }};
    border-color: {{ settings.btn_color }};
    a {
      color: {{ settings.btn_text_color }};
    }
  }
}


/* #Home page - collection in detail
================================================== */

.collection-in-detail {
  .section {
    margin: 0;
  }
  .half {
    width: 50%;
    float: left;
    position: relative;
    @include respond-to('medium-down'){
      width: 100%;
    }
  }
  .product-details {
    padding: 40px 2rem;
  }

  .frontpage_product_stagger--true {
    .section:nth-child(even) .half {
      float: right;
    }
  }

  .product_gallery.multi-image {
    width: 100%;
    display: block;
    margin-bottom: 0;
  }
}

/* #Home page - text columns with images
================================================== */

.text-columns-with-images-section {
  .border-style--box {
    padding: 10%;
    border: 1px solid {{ settings.headline_border_color }};
  }
  .border-style--quote {
    padding-left: 20px;
    border-left: 1px solid {{ settings.headline_border_color }};
    margin-bottom: 10%;
  }
  .large_text {
    @include headline-style($font-size-column);
  }
  .text-column {
    margin-bottom: 25px;
  }
  a.continue-button {
    margin-top: 10px;
  }
  h2.title + .feature_divider {
    margin-bottom: 40px;
  }
}

/* OOTS Content Creator slideshow */
.flexslider {
  img {
    display: block;
    margin: 0 auto;
  }
}

/* #Home page - slideshow
================================================== */

.homepage-slideshow:hover .flickity-prev-next-button, .testimonial-section:hover .flickity-prev-next-button {
  opacity: 0.5;
}

.homepage-slideshow.text-animation--false .caption {
  opacity: 0;
  transition: opacity 0.3s linear;
}

.homepage-slideshow.text-animation--false.flickity-enabled .caption {
  opacity: 1;
}

.text-animation--true {
  .caption-content {
    opacity: 0;
    @include respond-to('small-down') {
      opacity: 1;
      animation-duration: 0s;
    }
  }
}

.homepage-slideshow, .testimonial-section {
  position: relative;
  overflow: hidden;
  &.single-image {
    .flickity-prev-next-button {
      display: none;
    }
    .flickity-page-dots {
      display: none;
    }
  }
  .gallery-cell {
    width: 100%;
    background-color: {{ settings.banner_placeholder_background_color }};
    @include respond-to('small-down') {
      background-color: transparent;
    }
    img {
      width: 100%;
      display: block;
    }
  }
  .flickity-prev-next-button {
    opacity: 0;
    width: 5%;
    height: 100%;
    border-radius: 0;
    @include respond-to('medium-up') {
      opacity: 0;
    }
  }
  .flickity-page-dots {
    bottom: 2em;
    display: none;
    
    @include respond-to('medium-up') {
      display: none;
    }
    .dot {
      display: none;
      height: 4px;
      width: 40px;
      margin: 0;
      border-radius: 0;
      background: {{ settings.arrow_color }}
    }
    @include respond-to('small-down'){
      display: none;
      bottom: 5px;
    }
  }
}

{% if settings.behind_menu == blank %}
  .index div.header.is-absolute {
    position: static !important;
  }
{% endif %}

/* Home - product slider */

.js-product-slider {
  .product_clear {
    display: none;
  }
  .column.alpha, .columns.alpha {
    margin: 0 10px 0 20px;
  }
  .flickity-prev-next-button {
    border-radius: 0;
  }
}

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

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

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

.standard--width .image-with-text .featured-link--image,
.full-width--false.image-with-text .featured-link--image {
  background-color: transparent;
}

.featured-link--section {
  width: 100%;
  box-sizing: border-box;
  float: left;
  min-height: 100px;
  @include flexbox();
  @include flex-wrap(wrap);
}

.featured-link--half.featured-link__imageHalf {
  background-color: transparent;
  text-align: center;
  a {
    width:100%;
    display: block;
    img {
      width: 100%;
    }
  }
}

.featured-link--half {
  box-sizing: border-box;
  float: left;
  width: 50%;
  overflow:hidden;
  position: relative;
  text-align: center;
  display: table;
  @include flex(1 0 auto);
  @include flexbox();
  @include align-items(center);
  @include justify-content(center);
  background-color: {{settings.featured_links_background}};
  @include respond-to('small-down'){
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
  .featured-link--wrap {
    width: 100%;
    height: 100%; /* Fix for SVG set at 2 images per row */
    @include flex(0 0 auto);
  }
  img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    @include respond-to('small-down'){
      width: 100%;
      max-width: auto;
    }
  }
  .info {
    display: inline-block;
    width: 80%;    
    margin: 0 auto;
    padding:35% 0px;
    
    &.text-align--right {
      text-align: right;
      .description:before {
        margin-right: 0;
      }
    }
    &.text-align--left {
      text-align: left;
      .description:before {
        margin-left: 0;
      }
    }
    @include respond-to('small-down'){
      position: static;
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      padding: 2em 0;
    }
  }
  .collection_title {
    margin-bottom: 15px;
    display: block;
/*     color: set-text-color({{settings.featured_links_background}}); */
    text-align:left;
    font-size: 42px;
    color:#2d2d2d;
    font-style: italic !important;
    line-height: 1.2 !important;
  }
  .description {
    position: relative;
    font-size: {{ settings.regular_font_size }}px;
    line-height: 2.8 !important;
    margin-bottom: 20px;
/*     color: set-text-color({{settings.featured_links_background}}); */
    font-family: "Lato";
    font-size: 18px !important;
    @include respond-to('medium-down'){
     font-size: 2vw;
    }
    @include respond-to('small-down'){
     font-size: inherit;
    }
    @include respond-to('widescreen-up'){
      font-size: inherit;
    }
  }
  .button {
    height: auto;
    background-color: transparent;
    color: set-text-color({{settings.featured_links_background}});
    border: 1px solid set-text-color({{settings.featured_links_background}});
    transition: background-color 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53), color 0.3s linear, border 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    line-height: 1.5;
    padding-top: 10px;
    padding-bottom: 10px;
    &:hover {
      background-color: set-text-color({{settings.featured_links_background}});
      color: {{settings.featured_links_background}};
      border: 1px solid set-text-color({{settings.featured_links_background}});
    }
  }
}
.featured-link--half .description p {
    font-size: 14px;
    color:#505050;
    margin-bottom: 20px;
   letter-spacing: 0.1px;
}
.image-align--right.featured_collections.across-1 .featured-link--section:nth-child(odd) {
  @include flex-direction(row-reverse);
  .featured-link--half {
    float: right;
  }
}

.image-align--left.featured_collections.across-1 .featured-link--section:nth-child(even) {
  @include flex-direction(row-reverse);
  .featured-link--half {
    float: right;
  }
}

.featured_collections.across-2 {
  @include flexbox();
  @include flex-wrap(wrap);
}

.image-align--left.featured_collections.across-2 {
  .featured-link--section {
    @include flex-direction(row);
    @include respond-to('medium-down'){
      &:nth-of-type(2n){
        @include flex-direction(row-reverse);
      }
    }
  }
  .featured-link--image:nth-of-type(4n+3) {
    @include flex-direction(row-reverse);
    @include respond-to('medium-down'){
      @include flex-direction(row);
    }
  }
  .featured-link--image:nth-of-type(4n+4) {
    @include flex-direction(row-reverse);
  }
}

.image-align--right.featured_collections.across-2 {
  .featured-link--section {
    @include flex-direction(row-reverse);
    @include respond-to('medium-down'){
      &:nth-of-type(2n){
        @include flex-direction(row);
      }
    }
  }
  .featured-link--image:nth-of-type(4n+3) {
    @include flex-direction(row);
    @include respond-to('medium-down'){
      @include flex-direction(row-reverse);
    }
  }
  .featured-link--image:nth-of-type(4n+4) {
    @include flex-direction(row);
  }
}

.featured_collections.across-2 {
  .featured-link--section {
    width: 50%;
    @include respond-to('medium-down'){
      width: 100%;
    }
  }
  .featured-link--half {
    @include respond-to('medium-down'){
      width: 50%;
    }
    @include respond-to('small-down'){
      width: 100%;
    }
  }
  .description {
    font-size: 1.2vw;
    @include respond-to('medium-down'){
     font-size: inherit;
    }
  }
  .button {
    font-size: 1.2vw;
    @include respond-to('small-down'){
      font-size: 14px;
    }
  }
  .featured-link--image:nth-of-type(2n+1) {
    clear: both;
  }
  .featured-link--image:nth-of-type(2n+2) .featured-link--half {
    float: left;
    @include respond-to('medium-down'){
      float: right;
    }
  }
  .featured-link--image:nth-of-type(3n+3) .featured-link--half {
    float: right;
    @include respond-to('medium-down'){
      float: left;
    }
  }
  .featured-link--image:nth-of-type(4n+4) .featured-link--half {
    float: right;
  }
}

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

.featured-products-section {
  .product_gallery {
    margin-bottom: 0;
    padding-bottom: 0;
    img {
      width: 100%;
      vertical-align: bottom;
    }
  }
}

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

.promo-animation--true {
  opacity: 0;
}

.featured-promotions {
  .feature-section {
    text-align: center;
    float: left;
    margin: 0 10px 10px;
    position: relative;
    @include respond-to('medium-down'){
      opacity: 1;
    }
    .link-promo {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: block;
    }
    .feature-inner {
      display: block;
      position: relative;
      overflow: hidden;
    }
    .feature-style--circle {
      border-radius: 50%;
      img {
        border-radius: 50%;
      }
    }
    .feature-style--rounded {
      border-radius: 10px;
      img {
        border-radius: 10px;
      }
    }
    .feature-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      transition: background-color 0.25s linear;
      @include respond-to('medium-down'){
        {% if settings.featured_promotions_mobile_background %}
          @include background-opacity({{ settings.featured_promotions_background }}, 0.5);
        {% endif %}
      }
    }
    .feature-wrap {
      @include vertical-alignment;
      position: absolute;
      width: 80%;
      margin: 0 auto;
      left: 0;
      right: 0;
      pointer-events: none;
    }
    .feature-details {
      display: none;
      opacity: 0;
      transition: opacity 0.3s linear;
      @include respond-to('medium-down'){
        opacity: 1;
        display: block !important;
      }
      &.reveal-details {
        opacity: 1;
      }
      .button {
        margin-top: 15px;
      }
    }
    .description {
      color: {{ settings.featured_promotions_color }};
      transition: all 0.3s linear;
      margin-bottom: 0;
    }
    .description a {
      pointer-events: auto;
    }
    &.title-overlay-true {
      .title {
        transition: all 0.3s linear;
        color: {{ settings.featured_promotions_color }};
        @include respond-to('medium-down'){
          margin-bottom: 10px;
        }
        &:after {
          content: '';
          display: block;
          height: 1px;
          width: 0;
          background: {{ settings.featured_promotions_color }};
          transition: width .5s ease, background-color .5s ease;
          margin: 10px auto auto auto;
          @include respond-to('medium-down'){
            display: none;
          }
        }
      }
    }
    &.title-overlay-false {
      .feature-wrap .title {
        display: none;
      }
    }
    &:hover .feature-overlay {
      @include background-opacity({{ settings.featured_promotions_background }}, 0.5);
      @include respond-to('medium-down'){
        {% unless settings.featured_promotions_mobile_background %}
          background: transparent;
        {% endunless %}
      }
    }
    &.title-overlay-true:hover .title:after {
      width: 50%;
      background: {{ settings.featured_promotions_color_hover }};
    }
    &.title-overlay-true:hover .title {
      color: {{ settings.featured_promotions_color_hover }};
    }
    &.title-overlay-true:hover .description {
      color: {{ settings.featured_promotions_color_hover }};
    }
    &.title-overlay-false:hover .description {
      color: {{ settings.featured_promotions_color_hover }};
    }
    img {
      width: 100%;
      display: block;
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
    }
  }
}

$i: 1;
$delay: 0;
@while $i < 13 {
  .promo-#{$i} {
    -webkit-animation-delay: $delay + s;
    animation-delay: $delay + s;
  }
  $i: $i + 1;
  $delay: $delay + 0.3;
}

.featured-promotions.full-width--false {
  .promo-per-row-2 {
    .feature-section {
      width: calc(50% - 20px);
      @include respond-to('medium-down'){
        width: 100%;
        margin: 0 0 10px;
      }
      &:nth-child(2n+1){
        clear: both;
      }
    }
  }

  .promo-per-row-3 {
    .feature-section {
      width: calc(33.3333% - 20px);
      @include respond-to('medium-down'){
        width: 100%;
        margin: 0 0 10px;
      }
      &:nth-child(3n+1){
        clear: both;
      }
    }
  }

  .promo-per-row-4 {
    .feature-section {
      width: calc(25% - 20px);
      &:nth-child(4n+1){
        clear: both;
      }
      @include respond-to('medium-down'){
        width: calc(50% - 20px);
        &:nth-child(2n+1){
          clear: both;
        }
      }
      @include respond-to('small-down'){
        width: 100%;
        margin: 0 0 10px;
      }
    }
  }
}

.featured-promotions.full-width--true {
  padding-top: 0;
  .promo-per-row-2 {
    .feature-section {
      width: 50%;
      margin: 0;
      @include respond-to('small-down'){
        width: 100%;
      }
    }
  }
  .promo-per-row-3 {
    .feature-section {
      width: 33.333333%;
      margin: 0;
      @include respond-to('medium-down'){
        width: 100%;
      }
    }
  }
  .promo-per-row-4 {
    .feature-section {
      width: 25%;
      margin: 0;
      @include respond-to('medium-down'){
        width: 50%;
      }
      @include respond-to('small-down'){
        width: 100%;
      }
    }
  }
}


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

.banner {
  width: 100%;
  position: relative;
  overflow: hidden;
/*   background-color: {{ settings.banner_placeholder_background_color }}; */

  @include respond-to('small-down'){
    max-height: inherit;
    background-color: transparent;
  }
  img {
    width: 100%;
    display: block;
  }
}

/* #Home page - video
================================================== */

.homepage-video {
  position: relative;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
  background-color: {{ settings.banner_placeholder_background_color }};
  @include respond-to('small-down'){
    background-color: transparent;
  }
  img {
    width: 100%;
    display: block;
  }
  iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
  }
  .homepage-video--media {
    width: 100%;
    height: auto;
    padding-top: 0;
  }
  .placeholder-image--true a.video__play-button {
    pointer-events: none;
  }
  .caption.text-on-video {
    z-index: 20;
    pointer-events: none;
  }
  @include respond-to('small-down'){
    .caption.text-on-video {
      position: absolute;
      transform: translateY(-50%);
      margin: 0;
      a.highlight-false {
        color: white;
        border-color: white;
      }
      .action_button:not(.video__play-button) {
        display: none;
      }
      .headline,
      .pretext,
      .subtitle {
        display: none;
      }
    }
  }
  .mediaWrapper {
    position: absolute !important;
    top: 0;
    left: 0;
    {% if settings.video_dark_overlay != blank %}
    &:after {
      content: '';
      position: absolute;
      z-index: 2;
      background: rgba(0, 0, 0, 0.5);
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      pointer-events: none;
    }
    {% endif %}
  }
  .placeholder-svg--video,
  .homepage-video__placeholder,
   {
    display: none;
  }
}

.homepage-video__placeholder {
  position: relative;
}

.homepage-video.darken-video-true::after {
  content: '';
  display: block;
  background: rgba(0,0,0,0.3);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none;
}

@include respond-to('small-up'){
  .caption.text-on-video.outside-homepage-video {
    display: none;
  }
}

/* #Page Banners
================================================== */

.page_banner {
  overflow: hidden;
  max-height: 100vh;
  {% if settings.header_background == false %}
    margin-top: 40px;
  {% endif %}
}

.caption.captionOverlay--true {
  max-width: 960px;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  {% if settings.header_background %}
    top: 50%;
  {% else %}
    top: 55%;
  {% endif %}
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 3;
  .headline, .subtitle {
    color: {{ settings.banner_color }};
    {% if settings.slideshow_shadow != blank %}
      text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    {% endif %}
  }
  @include respond-to('medium-down'){
    top: 50%;
  }
}

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


/* #Font-Face
================================================== */
/*  This is the proper syntax for an @font-face file.
    Upload your font files to Assets and then
    copy your FontName into code below and remove
    comment brackets */

/*  @font-face {
      font-family: 'FontName';
      src: url('FontName.eot');
      src: url('FontName.eot?iefix') format('eot'),
           url('FontName.woff') format('woff'),
           url('FontName.ttf') format('truetype'),
           url('FontName.svg#webfontZam02nTh') format('svg');
      font-weight: normal;
      font-style: normal; }
*/

/* #Third Part CSS
================================================== */
/* **************** jquery.selectbox.css ************************/
.sbSelector,.sbToggle{height:44px;top:0;outline:0;display:block}.sbHolder,.sbOptions{border:1px solid #d7d7d7}.sbOptions .sbDisabled,.sbOptions .sbGroup,.sbOptions a,.sbSelector,.sbToggle{display:block}.sbHolder{font-family:Arial,sans-serif;font-size:16px;font-weight:400;height:44px;position:relative;width:318px;color:#00427a}.sbOptions,.sbSelector,.sbToggle{position:absolute}.sbSelector{left:0;line-height:44px;overflow:hidden;text-indent:10px;width:90%}.sbSelector:hover,.sbSelector:link,.sbSelector:visited{color:#00427a;outline:0;text-decoration:none}.sbToggle{background:url(../images/select-box-arrow.png) 20px center no-repeat;right:0;width:20%}.sbToggleOpen{background:url(../images/select-box-arrow-open.png) 20px center no-repeat}.sbOptions{list-style:none;left:-1px;margin:0;padding:0;top:44px;width:100%;z-index:1;overflow-y:auto}.sbOptions li{padding:0 7px;background:#fff}.sbOptions li:hover{background:#00457C}.sbOptions a{color:#00427a;outline:0}.sbOptions li:hover a{color:#fff}.sbOptions a:link,.sbOptions a:visited{text-decoration:none}.sbOptions a.sbFocus,.sbOptions a:focus,.sbOptions a:hover{color:#00427a}.sbOptions li.last a{border-bottom:none}.sbOptions .sbSub{padding-left:17px}

/* **************** select2.min.css ************************/
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle;}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none;}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px;}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none;}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap;}.select2-container .select2-search--inline{float:left;}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none;}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051;}.select2-results{display:block;}.select2-results__options{list-style:none;margin:0;padding:0;}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none;}.select2-results__option[aria-selected]{cursor:pointer;}.select2-container--open .select2-dropdown{left:0;}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}.select2-search--dropdown{display:block;padding:4px;}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box;}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none;}.select2-search--dropdown.select2-search--hide{display:none;}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0);}.select2-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px;}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px;}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999;}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px;}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0;}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left;}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto;}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default;}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none;}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px;}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%;}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left;}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px;}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px;}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333;}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder{float:right;}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto;}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto;}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0;}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default;}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none;}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0;}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0;}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa;}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto;}.select2-container--default .select2-results__option[role=group]{padding:0;}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999;}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd;}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em;}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white;}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px;}.select2-container--classic .select2-selection--single{background-color:#f6f6f6;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%);background-image:-o-linear-gradient(top, #ffffff 50%, #eeeeee 100%);background-image:linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb;}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px;}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px;}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999;}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);background-image:-o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);background-image:linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0;}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left;}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto;}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb;}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none;}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px;}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%);background-image:-o-linear-gradient(top, #ffffff 0%, #eeeeee 50%);background-image:linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%);background-image:-o-linear-gradient(top, #eeeeee 50%, #ffffff 100%);background-image:linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb;}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px;}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none;}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px;}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px;}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto;}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto;}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb;}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0;}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;}.select2-container--classic .select2-dropdown{background-color:white;border:1px solid transparent;}.select2-container--classic .select2-dropdown--above{border-bottom:none;}.select2-container--classic .select2-dropdown--below{border-top:none;}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto;}.select2-container--classic .select2-results__option[role=group]{padding:0;}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey;}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:white;}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px;}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb;}

  
  
  /* #End Third Part CSS
================================================== */


/* #Custom Styles
============================================== */

/* #owl carousel-2 Starts
================================================================================================================================*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{overflow:hidden;position:relative;-ms-touch-action:pan-Y;width:100%;z-index:1}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale .1s ease;-moz-transition:scale .1s ease;-ms-transition:scale .1s ease;-o-transition:scale .1s ease;transition:scale .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}

/* #owl carousel-2.css Ends
================================================================================================================================*/

/*! jQuery UI - v1.12.1 - 2017-01-15
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/*! jQuery UI - Ends
  
  
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license 
  ================================================================================================================================*/  
  
/* .fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-inner,.fancybox-outer,.fancybox-skin{position:relative}.fancybox-skin{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}.fancybox-close,.fancybox-nav,.fancybox-nav span{cursor:pointer;z-index:8040;position:absolute}#fancybox-loading div{width:44px;height:44px;background:url(fancybox_loading.gif) center center no-repeat}.fancybox-close{top:-18px;right:-18px;width:36px;height:36px}.fancybox-nav{top:0;width:40%;height:100%;text-decoration:none;background:url(blank.gif);-webkit-tap-highlight-color:transparent}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{top:50%;width:36px;height:34px;margin-top:-18px;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock,.fancybox-lock body{overflow:hidden!important}.fancybox-lock{width:auto}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8;background:url(fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(fancybox_loading@2x.gif);background-size:24px 24px}}   */

/*! fancyBox Css Ends
================================================================================================================================*/



/* #Slick Slider .min.css
================================================================================================================================*/

.slick-list,
.slick-slider,
.slick-track {
	position: relative;
	display: block
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
	visibility: hidden
}

.slick-slider {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
	-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 {
	top: 0;
	left: 0
}

.slick-track:after,
.slick-track:before {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
  display: block;
  height:auto;
  object-fit:contain;
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

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


/* #Slick Slider theme.css 
================================================================================================================================*/
.slick-dots,
.slick-next,
.slick-prev {
	position: absolute;
	display: block;
	padding: 0;
}

.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
	font-family: slick;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-next,
.slick-prev {
	font-size: 0;
	line-height: 0;
	top: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: 0;
	background: transparent;
	z-index: 1;
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
	color: transparent;
	outline: 0;
	background: 0 0;
    border:none;
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
	opacity: 1;
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
	opacity: .25;
}

.slick-next:before,
.slick-prev:before {
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: #000;
}

.slick-prev {
	left: 6px;
  box-shadow:none;
}

[dir=rtl] .slick-prev {
	right: -25px;
	left: auto
}

.slick-prev:before {
	content: '\f104';
	font-family: fontAwesome;
}

.slick-next:before,
[dir=rtl] .slick-prev:before {
	content: '\f105';
	font-family: fontAwesome;
}

.slick-next {
	right: 0px;
  box-shadow:none;
}

[dir=rtl] .slick-next {
	right: auto;
	left: -25px;
}

[dir=rtl] .slick-next:before {
	content: '\f105';
	font-family: fontAwesome;
}

.slick-dots {
	bottom: -45px;
	width: 100%;
	list-style: none;
	text-align: center
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: 0;
	background: 0 0;
}

.slick-dots li button:focus,
.slick-dots li button:hover {
	outline: 0;
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
	opacity: 1;
}

.slick-dots li button:before {
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '->';
	text-align: center;
	opacity: .25;
	color: #000;
}

.slick-dots li.slick-active button:before {
	opacity: .75;
	color: #000;
}
/* # End Slick Slider theme.css 
================================================================================================================================*/
/*===================================================GENERAL STYLE===========================================================================*/
.product-description-accordion .accordion-content {
    display: none;
}

.product-description-accordion h3.accordion-title {
    cursor: pointer;
    display: block;
}
.breadcrumb-collection .breadcrumb_link span {
    color: #2d2d2d !important;
    font-size: 14px;
    text-transform: initial;
    font-family: "Crimson Text", serif;
}
.breadcrumb-collection .breadcrumb_link span:hover{
   color:#03a196 !important;
}
.bottom-footer-images ul {
  padding-left: 0;
  list-style: none;
  clear: both;
  display: flex;
  align-items: center;
  margin:0;
}
.bottom-footer-images.right ul li {
  margin: 0 20px;
}
.bottom-footer-images.right ul li:last-child {
    margin-right: 0;
}
.bottom-footer-images.right ul li img{width:100%;}
.product-wrap{transition:  0.3s ease-In}
.thumbnail img{transition:  0.3s ease-In !important;}
.product-wrap:hover img {
    transform: scale(1.1);
}
a.action_button{font-size:15px !important;}
.template-box .head-title h2 {
    font-size: 42px;
}
@media screen and (max-width:1024px){
  .footer-logo-subtext span{margin:0 5px;}
/*   .footer-logo-subtext span{padding-right:14px;} */
  .footer-logo-subtext span{padding-right:14px;}
}
@media screen and (min-width:798px) and (max-width:922px){
  .footer-logo-subtext span:last-child:before{
    left:-3px;
  }
  .footer-logo-subtext span:first-child:after{
   left:4px;
  }
  .footer-logo-subtext span{padding-right:8px;margin:0;}
  
  
}
@media screen and (min-width:768px) and (max-width:798px){
  .retailerSlider-nav li{
    margin: 0 10px!important;
 }
  .footer-logo-subtext{justify-content: center;}
}
@media screen and (max-width:768px){
  .bottom-footer-images ul{justify-content: center;}
  .footer_credits_images .bottom-footer-images {
    float: none !important;}
  .template-box .head-title h2 {
    font-size: 24px;
  }
  .template-box{margin-top:20px;}
  
}
/*===================================================END-GENERAL STYLE===========================================================================*/
/*==================================================================HEADER SECTION==================================================*/
div#filter-sidebar-desktop.sticky + .collection-products {
  float: right;
}
.menu a span.icon-down-arrow {
    display: none;
}
.top_bar ul.menu.right .search_form input{display:none;}
.header .top_bar{border-bottom: 1px solid #e5eaf0;}
.top-bar-nav{position:relative;}
.sticky_nav--stick  div.logo.text-align--center img{margin: 0px auto;}
.sticky_nav--stick{
/*   box-shadow:1px 0px 8px -3px #1b1f23; */
  border-bottom: 1px solid #898989;
}
.top-bar-nav:before {
    content: '';
    display: block;
    background: #FFFFFF;
    width: 4px;
    height: 4px;
    position: absolute;
    border-radius: 100%;
    top: 42%;
    left: -14px;
    list-style-type: none;
  
}
.header .main_nav div.logo a{
 position:relative;
  top:-25px;
  background:#fff;
}
.header .icon-search:before{
  font-weight:bolder;
  font-size: 16px;
}
/* .index-sections .image-with-text-overlay-section .banner{height:630px;} */
/* .index-sections .image-with-text-overlay-section .banner img{height:630px;object-fit:cover;} */
.featured-content-section .homepage_content h2 {
  font-size: 20px;
  margin: 0;
}
.featured-content-section .homepage_content .subtitle {
    font-size:18px;
    line-height: 1;
    font-family: "Lato", serif;
    margin-bottom: 42px;
 }
.homepage-about {
    border-bottom: 1px solid #e5eaf0;
    padding: 45px 5%;
}
.front-img img{width:auto !important; margin:0 auto;}
.collection-list-section h2.title {
    font-size: 30px;
    margin-bottom: 30px;
    margin-top: 35px;
}
.sticky_nav--stick .cart_container .mini_cart {
    display: none;
}
i.fa.fa-phone.mobile_phone_icon ,.mobile-envelope-icon,.mobile-map-icon{
  display: none !important;
}
 .top_bar .top_bar--right .cart_container .mini_cart {
    background: transparent;
  }
@media screen and (min-width:1238px) and (max-width:1315px){
  .menu li, #header span.menu_title, .menu a span, select.currencies, .mini_cart span
  {
    padding-left:8px;
    padding-right:8px;
  }
  .top-bar-nav:before{left: -12px;}
}
@media screen and (min-width:1108px) and (max-width:1238px){
.menu a, .menu a:visited, .menu a:active, #header span.menu_title, .menu a span, select.currencies, .mini_cart span, .top_bar a.mini_cart span{
  font-size:16px;
}
/*    .menu li, #header span.menu_title, .menu a span, select.currencies, .mini_cart span
  {
    padding-left:6px;
    padding-right:6px;
  } */
}
@media screen and (min-width:960px) and (max-width:1108px){
.menu a, .menu a:visited, .menu a:active, #header span.menu_title, .menu a span, select.currencies, .mini_cart span{
  font-size:14px;
}
.menu li, #header span.menu_title, .menu a span, select.currencies, .mini_cart span
  {
    padding-left:9px;
    padding-right:10px;
  } 
  .top_bar a, .top_bar a:visited, .top_bar a:active, .top_bar a span, .top_bar select.currencies, a.mini_cart, a.mini_cart span, .feature_image .header .top_bar .menu a, .feature_image .header .top_bar .menu a span, .cart_container .mini_cart:hover
  {
    font-size:14px;
  }
  .search-submit{top:4px;}
  .top_bar [class^="icon-"]:before, .top_bar [class*=" icon-"]:before, .mini_cart {
    font-size: 12px;
    margin-right: 0;
  }
    .menu a span.icon-down-arrow {
    
    top: 2px;
  }
   .top-bar-nav:before {
     width: 3px;
     height: 3px;
    list-style-type: none;
     
   }
}
@media screen and (max-width: 959px) and (min-width: 799px){
.menu a, .menu a:visited, .menu a:active, .menu a:hover, #header span.menu_title, .menu a span, select.currencies, .mini_cart span{
  font-size:12px;
}
  
  .menu.center, .menu.align_right, .menu.align_left {
  	margin: 0 10px;
  }
  
  .menu li {
  	padding-left: 6px;
    padding-right: 6px;
  }
  
  .top_bar li {
  padding-left: 10px;
  padding-right: 10px;
}
  
  div.logo.text-align--center img {
    margin: 0px auto;
}
  .menu a, .menu a:visited, .menu a:active, #header span.menu_title, .menu a span, select.currencies, .mini_cart span
  {
    padding-top:5px;
    padding-bottom:5px;
  }
  .top_bar a, .top_bar a:visited, .top_bar a:active, .top_bar a span, .top_bar select.currencies, a.mini_cart, a.mini_cart span, .feature_image .header .top_bar .menu a, .feature_image .header .top_bar .menu a span, .cart_container .mini_cart:hover
  {
    font-size:12px;
  }
  .top-bar-nav:before {
    width: 3px;
    height: 3px;
    
  }
  .search-submit{top:4px;}
  .top_bar [class^="icon-"]:before, .top_bar [class*=" icon-"]:before, .mini_cart {
    font-size: 12px;
    margin-right: 0;
  }
  .menu a span.icon-down-arrow {
    top: 2px;
  }
}
@media screen and (max-width:798px){
  #header .top_bar a span.cart_count {
    margin-left: 2px;
    font-weight: 700;
  }
  .top_bar .top_bar--right{
   margin-right:8px;
  }
  .top_bar .top_bar--right a.wishlist-icon {
    margin-right: 5px;
    margin-top: 3px;
  }
  .top_bar .top_bar--right .cart_container{
    margin-top: 4px;
  }
  .top_bar .top_bar--right a.wishlist-icon .topbadge {
    color: #003570 !important;
    background: transparent !important;
    font-style: italic;
  }
  .top_bar .top_bar--right a.wishlist-icon .topbadge:before{content:'('}
  .top_bar .top_bar--right a.wishlist-icon .topbadge:after{content:')'}
  .top_bar .menu a{font-size:0;}
  .top_bar .top_bar--right a.wishlist-icon .topbadge{
    color: #003570 !important;
    background: transparent !important;
    font-style: italic;
    padding: 0 1px;
    font-family: "Crimson Text", serif;
  }
 
 
  i.fa.fa-phone.mobile_phone_icon,.mobile-envelope-icon,.mobile-map-icon {
    display: block !important;
    font-size:18px !important;
        padding: 0 5px
  }
  .top_bar .menu a {
    display: inline-flex;
    align-items: center;
  }
  
  .dropdown .header_search_form .search-terms::placeholder{

   font-size:18px 
}
.dropdown .header_search_form .search-terms{padding-right:30px;}
  a.mobile_logo {
    padding: 10px 0;
    display: block;
    line-height: 0;
  }
  .header-section {margin-bottom: 0px;}
  #header .mobile_nav.dropdown_link span.menu_title{display:none;}
/*   #header .top_bar a.mobile_nav{position:absolute;} */
  
  .top_bar li {
    padding-left: 14px;
    padding-right: 14px;
}
  #header .top_bar>.menu {
    margin: 0 auto;
    padding-right: 38px;
  }
  #header .top_bar{position:relative;}
  
}
@media screen and (max-width:768px){
  .featured-content-section .homepage_content h2 {
    font-size: 44px;
    line-height: 44px;
  }
  .homepage-about{
   padding:10% 0;
  }
  .featured-content-section .homepage_content .subtitle{
    font-size:26px;
    margin-top:20px;
    margin-bottom:25px;
    line-height: 30px;
  }
  .homepage-about .featured_text p{margin-bottom: 20px;}
  .collection-list-section h2.title{font-size: 44px;margin-bottom: 45px;margin-top: 0;}
  .collection-list-section .list-collections .thumbnail {
    margin-bottom: 40px;
  }
  .front-img img{width:100% !important;}
/*   .top_bar .top_bar--right .cart_container{
        margin-right: 5px;
  } */
  .top_bar .top_bar--right .icon-search{padding-right: 10px;}
}
@media screen and (max-width:480px){
  .top_bar .top_bar--right a.wishlist-icon .topbadge,#header .top_bar a span.cart_count{
    font-size:16px;
  }
  .top_bar .top_bar--right a.wishlist-icon,#header .top_bar .icon-search:before{
    font-size:16px;
    margin-left:10px;
  }
}
@media screen and (max-width:340px){
  .top_bar .top_bar--right{
    margin-right:5px;
  }
  #header a.mobile_logo img {
    max-height: 32px;
  }
  .top_bar .top_bar--right a.wishlist-icon .topbadge,#header .top_bar a span.cart_count{
   font-size:16px;
  }
  .top_bar .top_bar--right a.wishlist-icon,#header .top_bar .icon-search:before{
   font-size:16px;
  }
  
}

/*==================================================================END-HEADER SECTION==================================================*/
/*==================================================================left-text_right-image SECTION==================================================*/
.left-text-right-image-section .banner{
  padding: 70px 0;
      margin-top: 60px;
}
.left-text-section h4 {
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.left-text-section h3 {
    font-size: 44px;
}
.left-text-image-container {
    display: flex;
    justify-content: space-between;
    width: 72%;
    margin: 0 auto;
    margin-top: 60px;
}
.left-text-content {
/*   flex: 1 0 80%; */
/*   padding: 0 30px; */
  margin:0;
}
.banner-right-img {
/*     flex: 1 0 20%; */
}
.left-text-title-content .headline {
    font-size: 37px;
   
}
.left-text-title-content .pretext p {
    font-size: 28px;
    margin-bottom: 0;
}
.left-text-content h3 {
    font-size: 27px;
   
}
.left-text-title-content {
    margin-bottom: 60px;
}
.left-text-content h4 {
    font-size: 26px;
    font-style: italic;
}
.left-text-content p {
    font-size: 16px;
    width:80%;
      margin-bottom: 30px;
}
.banner-right-img img {
    margin-bottom: 20px;
}
@media screen and (max-width:1024px){
  .left-text-image-container{width:calc(90% + 20px);}
}
@media screen and (max-width:798px){
  .left-text-content p{width:100%;}
  .left-text-image-container{display:block;}
  .left-text-right-image-section .banner {
    padding: 50px 5%;
    height:auto !important;
  }
  .left-text-content{padding:0;}
  .left-text-title-content {
    margin-bottom: 20px;
  }
}

@media screen and (max-width:768px){
  .left-text-right-image-section .banner{margin-top: 30px;}
  .left-text-section h4 {
    font-size: 26px;
  }
  .left-text-section h3 {
    font-size: 40px;
  }
  .left-text-image-container {
    margin: 0px 0 0;
    text-align:center;
  }
  .left-text-image-container a.action_button {
    font-size: 15px !important;
    padding: 0 20px;
    width: auto !important;
  }
  .banner-right-img img {
    margin-bottom: 20px;
    width: 50%;
    margin: 0 auto;
  }

}
/*==================================================================End-left-text_right-image SECTION==================================================*/
/*==================================================================COLLECTION LIST SECTION==================================================*/
.collection-list-section .list-collections .thumbnail {
    margin-bottom: 92px;
}
.collection-list-section .list-collections {
    border-bottom: 1px solid #e5eaf0;
}
.list-collection-wrapper .collection-info__caption .title {
    font-style: italic;
    color: #003570;
    text-align: center;
    font-family: "Crimson Text", serif;
    font-size: 24px;
   
}
.collection-slider-slide {
    margin-bottom: 50px;
}
.list-collection-slider .slick-prev {
    left: -10px;
    box-shadow: none;
    bottom: 0;
    top: 40%;
    font-size: 0 !important;
}
.list-collection-slider .slick-next {
    box-shadow: none;
    top: 40%;
    right: -10px;
    text-align: right;
    font-size: 0 !important;
}
.list-collection-slider .slick-prev:before,.list-collection-slider .slick-next:before {
    color: #003570;
    font-weight: bold;
    font-size: 28px;
}
@media screen and (max-width:768px){
  .list-collection-slider .slick-next{top:40%;}
  .list-collection-slider .slick-prev{top:40%;}

}
@media screen and (max-width:480px){
  .list-collection-slider .slick-next{top:40%;}
  .list-collection-slider .slick-prev{top:40%;}

}
@media screen and (max-width:375px){
  .list-collection-slider .slick-next{top:40%;}
  .list-collection-slider .slick-prev{top:40%;}

}
@media screen and (max-width:320px){
  .list-collection-slider .slick-next{top:40%;}
  .list-collection-slider .slick-prev{top:40%;}

}
/*==================================================================COLLECTION LIST SECTION==================================================*/
/*==================================================================Featured image SECTION==================================================*/
.feature-diamonds-list{
  padding: 30px;
}
.feature-diamonds-section {
  width: 76%;
}
.feature-diamonds-section .diamond-blocks {
    padding-left: 0;
    list-style: none;
}
.feature-diamonds-section ul.diamond-blocks li img {
    width: 40px;
}
.feature-diamonds-section .diamond-blocks li {
    float: left;
    width: 220px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}
.feature-diamonds-section .diamond-blocks li a {
    font-size: 18px;
    color: #003473;
    padding-left: 10px;
    font-style: italic;
}
.feature-diamonds-section .headline {
    font-size: 44px;
    margin-bottom: 0;
    font-style: italic;
}
.feature-diamonds-section .subtitle p {
  font-size: 16px;
  margin-bottom: 35px;
}
@media screen and (max-width:1480px){
  .feature-diamonds-list{
    background-position:40% !important;
  }
}
@media screen and (max-width:1200px){
  .feature-diamonds-list{
    background-position:60% !important;
  }
}
@media screen and (max-width:798px){
  .feature-diamonds-section{width:100%;}
  .feature-diamonds-section .diamond-blocks li{
   width:50%;
    float:left;
  }
}
@media screen and (max-width:768px){
  .feature-diamonds-section .headline{
    font-size:50px;
    text-align: center;
    margin-bottom: 30px;
  }
  .feature-diamonds-section .subtitle p{text-align:center;}
  .feature-diamonds-section .diamond-blocks li a{font-size:13px}

}
/*==================================================================End_Featured image SECTION==================================================*/
/*==================================================================Why Chatham SECTION==================================================*/
.why-chatham-caption {
    position: absolute;
    width: 100%;
    top: 0;
    max-width: 1200px;
    margin: 0 auto;
    left: 0;
    right:0;
    bottom: 0;
    display: flex;
    align-items: center;
}
.why-chatham-caption .caption-content {
  background: #fff;
  min-width: 530px;
  padding:50px 30px;
  width: 40%;
  box-shadow:0px 0px 12px 0 rgba(51, 51, 51, 0.3411764705882353);
}
.why-chatham-caption .caption-content img {
    width:auto;
    margin: 0 auto;
}
.why-chatham-caption .featured_text {
    margin: 30px 10px 18px;
}
.why-chatham-caption .featured_text p {
    line-height: 1.8em;
}
.why-chatham-section .banner>img {
  height: 650px;
  object-fit: cover;
}
@media screen and (max-width:798px){
  .why-chatham-caption .featured_text p {
    line-height: inherit;
}
  .why-chatham-caption .caption-content{min-width:100%;width:100%;}
  .why-chatham-caption {
    position: absolute;
    width: 90%;
    top: 0;
    bottom: 0;
    margin:0 auto;
  }
  .why-chatham-section .banner>img {
    height: 100vh;
    object-fit: cover;
  }
}
@media screen and (max-width:768px){
  .why-chatham-caption .caption-content{
    padding: 50px 15px;
  }

}
@media screen and (max-width:375px){
  .why-chatham-section .banner>img{
    height:130vh;
    object-fit: cover;
  }
}
/*================================================================== End Why Chatham SECTION==================================================*/
/*================================================================== Anniversary SECTION=============================================================*/
.anniversary-image-container {
    display: inline-flex;
    padding: 0 20%;
    align-items: center;
}
.anniversary-content h3 {
    font-size: 47px;
    margin-bottom:0;
    line-height: 1;
    font-style:italic;
}
.anniversary-content p {
    font-size: 16px;
	margin-bottom: 0;	  
    line-height:1;
  
}
.anniversary-content {
    margin: 0 60px 0 30px;
}
.shop-anniversary-section .position-left{
      left: 0;
    text-align: left;
    padding: 0 5%;
}
.shop-anniversary-section .caption.position-bottom{
  bottom: 20%;
  top: 80%;
}
.shop-anniversary-section  .position-center-top {
    bottom: 20%;
    top: 20%;
    left:0;
    right:0;
    text-align: center;
}
.shop-anniversary-section  .position-top-center {
    justify-content: center;
}
.shop-anniversary-section  .position-center {
    justify-content: center;
}
.shop-anniversary-section .position-center-bottom {
    bottom: 20%;
    top: 80%;
    text-align: center;
  justify-content: center;
}
.shop-anniversary-section .position-right-top{justify-content:flex-end;}
.shop-anniversary-section .position-right-middle{justify-content:flex-end;}
.shop-anniversary-section .position-right-bottom{justify-content:flex-end;top:80%;}
@media screen and (max-width:1024px){
  .anniversary-content{
   margin:0;
  }
  .why-chatham-caption{
   max-width:950px;
  }
}
@media screen and (max-width:798px){
  .anniversary-image-container{
    display:block;
  }
   .shop-anniversary-section .banner{ min-height: 590px !important;height: 590px !important;}
  .shop-anniversary-section .banner .caption{position:relative;top: 80%;}
  .anniversary-content{margin:0;}
  .anniversary-content h3{font-size:44px;}
   .anniversary-btn {
    text-align: center !important;
  }
  .anniversary-content {
    text-align: center !important;
  }
}
@media screen and (max-width:768px){
  .anniversary-btn {
    text-align: center !important;
  }
  .anniversary-content {
    text-align: center !important;
  }

}
@media screen and (max-width:600px){
  .shop-anniversary-section .banner .caption{position:relative;top:44%;}
   .shop-anniversary-section .banner{ min-height: 430px !important;height: 430px !important;}
}
/*================================================================== Anniversary SECTION=================================================================*/
/*================================================================== Social_Instagram SECTION=================================================================*/
.social-feeds-section{overflow:hidden;margin-top: 10px;}
.social-feeds-section .instagram__bg{margin:15px;}
.social-feeds-section .slick-next:before,.social-feeds-section .slick-prev:before{font-size:40px;color: #003570;font-weight: 900;}
.social-feeds-section .slick-prev, .social-feeds-section .slick-next {
  top: 52%;
}
.social-feeds-section  .slick-next {
  box-shadow: none;
  text-align: right;
  right: -64px;
 
}
.social-feeds-section  .slick-prev {
  left: -10px;
  box-shadow: none;
  
}
.social-feeds-wrap{margin: 0 30px;}
@media screen and (max-width:798px){
 
}
/*==================================================================End Social_Instagram SECTION=================================================================*/
/*==================================================================collection templates=================================================================*/
.collection-banner-content .heading h1 {
  font-size: 27px;
  margin-bottom: 22px;
}
.collection_description p {
    font-family: "Crimson Text", serif;
    font-size: 16px;
    line-height: 1.4;
}
.product-wrap:hover .title {
    color: {{settings.link_color}} !important;
}
.collection-filder-sidebar ul{
    padding-left: 0;
    list-style: none;
  }
  .collection-filter-mobile .accordion-toggle:after, .collection-filter-mobile .accordion-toggle2:after {
    content: "+";
    font-family: FontAwesome;
    position: absolute;
    right: 10%;
    font-size:20px;
  }
  .collection-filter-mobile .accordion-toggle.open:after, .collection-filter-mobile .accordion-toggle2.open:after {
    content: "-";
    font-size:12px;
  }
  .collection-filter-mobile ul#accordion li, .collection-filter-mobile .accordion-toggle2 {
    padding: 8px 0;
    width: 100%! important;
  }
  .collection-filder-sidebar>.sort-text {
    font-size: 14px;
    margin-bottom:12px;
    padding-bottom:4px;
    font-family: Lato, sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #666 !important;
  }
  .collection-filder-sidebar .selecter .selecter-selected {
    background: transparent url(/cdn/shop/files/angle-arrow-down.png) no-repeat right center;
    background-position: 95%;
    border-radius: 0;
    border-color: #e1e1e1;
  }
  .collection-filder-sidebar .filter-text {
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 1px solid #666 !important;
    margin-bottom: 15px !important;
    margin-top: 25px;
    justify-content: space-between;
    display: flex;
    padding-bottom: 4px;
  }
  .collection-filder-sidebar .filter-text span {
    text-transform: initial;
    font-size: 14px !important;
  }
  .collection-filder-sidebar label{border-bottom:none !important;}
  .collection-filder-sidebar .facet-header-title {
    text-transform: uppercase;
    letter-spacing: 0;
    margin-bottom: 0;
    font-family: Lato, sans-serif;
    padding: 0;
    margin-top: 10px;
    font-weight: 600;
    font-size: 14px;
  }
  .collection-filder-sidebar .facet-options-list label{
    margin-bottom: 0;
    display: inline;
    text-align: center;
    text-transform: initial;
    font-family: "Crimson Text", serif;
    font-size: 14px;
    line-height: 1;
    font-weight: normal;
  }
  .collection-filter-mobile{display:none;}
  .collection-filder-sidebar .accordion-toggle{position:relative; line-height: 0;padding: 12px 15px;border-bottom: 1px solid #b7b7b7;margin-bottom: 0;}
  .collection-filder-sidebar .accordion-toggle:after{color:#333;top: 52%;right: 15px;}
  .collection-filder-sidebar .accordion-toggle.open:after{font-size:20px;right: 18px;top:20px;}
  .collection-filter-mobile .collection-filder-sidebar .accordion-toggle.open {
    border-bottom-color: #fff;
    padding-bottom: 0;
  }
  .mobile-filter-title h3 {
    margin-bottom: 3px;
    background: #f9f9f9;
    padding: 12px 0;
    text-align: center;
  }
  .collection-filder-sidebar li.facet-option {
    padding: 0px 0;
  }
  .collection-filder-sidebar .facet-options-list {
    font-size: 16px;
    list-style: none;
    padding: 8px 0;
    margin-bottom: 5px;
    margin-top: 1px;
    padding-top: 0;

  }
  .collection-filter-desktop .collection-filder-sidebar ul.facet-labels-list li {
    position: relative;
    background: #f9f9f9;
    margin: 8px 0;
  }
  .collection-filter-mobile .collection-filder-sidebar .facet-options-list {
    font-size: 16px;
    list-style: none;
    padding: 8px 15px;
    border-bottom: 1px solid #b7b7b7;
    margin-bottom: 1px;
    margin-left:0;
  }
  .collection-filder-sidebar ul.facet-labels-list {
    list-style: none;
    margin: 5px 0;
  }
  .collection-filder-sidebar ul.facet-labels-list li {
    position: relative;
    background: #eee;
  }
  .collection-filter-mobile .collection-filder-sidebar ul.facet-labels-list li{background: #f9f9f9;display: inline-block;}
  .collection-filder-sidebar li.facet-label a {
    display: inline-block;
    font-family: "Crimson Text", serif;
    font-size: 14px;
    position: relative;
    padding: 3px 0;
    padding-right: 35px;
    padding-left: 5px;
    color:#2d2d2d;
  }
  .collection-filder-sidebar li.facet-label a:hover {
    color: #03a196;
  }
  .collection-filder-sidebar .filter-text span:hover{
    color: #03a196;
  }
  .collection-filder-sidebar li.facet-label:after {
    content: "x";
    display: inline-block;
    font-size: 16px;
    margin-left: -24px;
    color: #666;
    top: 4px;
    z-index: -1;
  }
  .collection-filter-mobile .jwelery-type-filter .show-all {
    text-align: center;
    width: 100%;
    display: block;
    border: 1px solid #003d76;
    margin-top: 10px;
    padding: 5px 0;
    font-size: 12px;
    text-transform: capitalize;
  }
  .collection-filter-mobile .jwelery-type-filter li.facet-option {
    display: flex !important;
    float: left;
    width: 33.33%;
    border-bottom: 1px solid #b7b7b7;
    min-height: 53px;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #b7b7b7;
    padding: 0;
    margin: 0;
  }
  .collection-filter-mobile .jwelery-type-filter ul.facet-options-list {
    border: 1px solid #b7b7b7;
    padding: 0;
    border-bottom: none;
  }
  .collection-filter-mobile .jwelery-type-filter li.facet-option {
    display: flex !important;
    float: left;
    width: 33.33%;
    border-bottom: 1px solid #b7b7b7;
    min-height: 53px;
    align-items: center;
    border-right: 1px solid #b7b7b7;
  }
/*   .collection-filter-mobile .jwelery-type-filter li.facet-option:nth-child(3),.jwelery-type-filter li.facet-option:nth-child(6),.jwelery-type-filter li.facet-option:nth-child(9) {
    border-right: none;
  } */
  .collection-filter-desktop .collection-filder-sidebar.filter-sticky
  {
    float:none;
    position: fixed;
    top: 20px;
    z-index: 6;
    left: auto;
    width: 175px;
  }
  .collection-filter-mobile .jwelery-type-filter {
    padding: 0 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #b7b7b7;
  }
.collection div.breadcrumb-collection{margin-bottom:0;}
.collection div.breadcrumb-collection a span{color:#2d2d2d;text-transform: initial;font-family: "Crimson Text", serif;font-size: 14px;}
.collection div.breadcrumb-collection a span:hover{color:#03a196;}
   .collection a.product-info__caption .product-details span {
     font-style: normal !important;
     font-size: 14px;
     color: #2d2d2d;
     font-family:Lato, sans-serif;
     text-transform: uppercase;
     line-height: 1.5;
     margin-bottom: 0;
    }
    .collection a.product-info__caption .product-details span.price em {
      font-style: normal;
      text-transform: capitalize;
       color: #939393 !important;
      font-family:"Crimson Text", serif;
    }
    .collection a.product-info__caption .product-details .price span.money {
      color: #939393 !important;
      font-family:"Crimson Text", serif;
    }  
.collection-filder-sidebar .facet-options-list label a{color:#2d2d2d;outline: none;text-transform: capitalize;}
.collection-filder-sidebar .facet-options-list label a:hover {
  color: #03a196;
}

@media screen and (min-width:798px) and (max-width:1024px){
.collection-products .equal-columns--outside-trim .small-down--one-half {
    width: calc(50% - (20px - (10px / 2)));
  }
}
  @media screen and (max-width:768px){
    .collection_description {
      text-align: center;
    }
    .collection a.product-info__caption .product-details span {
      font-style: normal !important;
      font-size: 14px;
      color: #2d2d2d;
     
    }
    .collection a.product-info__caption .product-details span.price em {
      font-style: normal;
      text-transform: capitalize;
       color: #939393 !important;
    }
    .collection a.product-info__caption .product-details .price span.money {
      color: #939393 !important;
    }    
    .collection-banner-content .heading h1{
      margin-bottom: 28px;
      margin-top: 15px;
    }
    .collection-filder-sidebar .facet-header-title{font-size:14px; margin-top: 0;}
    .collection-filter-mobile .collection-filder-sidebar .facet-options-list{font-size:14px;font-family: "Crimson Text", serif;}
    .collection-filter-mobile .jwelery-type-filter .show-all{color:#2d2d2d; border: 2px solid #003d76;}
    .collection-filter-mobile .jwelery-type-filter li.facet-option label a {
      color: #2d2d2d;
     
    }
    .collection-filter-mobile .jwelery-type-filter ul.facet-options-list{border-top:none;border-right:none;}
    .learn-more-btn{display:none;}
    .collection-banner-content{margin:0 !important;}
    .learn-more-btn{text-align:center;}
    .collection-filter-mobile{display:block;}
    .collection-filter-mobile .facet-container {padding: 0 15px;}
    .collection-banner-container{
      display:block;
      border-bottom: none !important;
      margin-bottom: 0 !important;
      margin-top: 0 !important;    
    }
    .collection-banner-image{display:none;}
    .collection div.breadcrumb-collection{text-align:left;margin-top: 0px;}
    div.breadcrumb-collection{text-align:left;}
    .product div.breadcrumb-collection{margin-top:0;}
    .collection-banner-content .collection_description p {margin-bottom: 0; text-align: center;}
    .collection-banner-content .headline {
      text-align: center;
      font-size: 24px;
    }
    .collection-filter-mobile .collection-filder-sidebar ul{margin-top:0;}
    

  }
/*==================================================================End-collection templates=================================================================*/
/*==================================================================Product templates======================================================================*/
.product .product_name {
  margin-bottom: 0;
  line-height: 1;
  font-size: 22px;
}
.product p.modal_price{margin-bottom:0;}
.product .chatham-price {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}
.price-disclaimer p {
  margin-bottom: 15px;
  font-family: "Crimson Text", serif;
  font-size: 15px;
  font-weight: bold;
  margin-top: 15px;
}
.minedPrice span {
    text-transform: uppercase;
}
.product .selector-wrapper {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 12px;
}
.product  .selector-wrapper label {
    margin-bottom: 0;
    min-width: 75px;
    margin-right:10px;
}
.product .selector-wrapper .single-option-selector{
    margin-bottom: 0;
    max-width: 120px;
    min-height: 35px;
    height:35px;
}
button.action_button.add_to_cart:Hover {
    background: #fff;
    color: #003473;
    border-color: #003473;
}
.product  .purchase-details__buttons.purchase-details__spb--false {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left:0;
}
.product  .purchase-details__buttons.purchase-details__spb--false button {
    flex: 1 0 50%;
}
.smartwishlist span.fa.fa-heart:before {
    color: #2d2d2d;
}
.product  a.pdp-wish-btn {
    flex: 1 0 46%;
    text-align: left;
    padding: 0 10px;
    color: #2d2d2d;
    font-size: 14px;
    text-transform: uppercase;
}
.product p.contact-note {
    margin-top: 15px;
   font-size:14px;
}
.product p.contact-note a {
    color: #003473;
}
.product  .purchase-details {
    padding-bottom: 20px;
/*     border-bottom: 1px solid #eee; */
}
.product .shopify-product-form{margin-bottom:0;}
.product .product_section .product_form{max-width:100%;}
.product .product-description-accordion h3.accordion-title {
    cursor: pointer;
    display: block;
    font-family: Lato, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    border-top: 1px solid #ddd;
    padding: 20px 0;
    margin-bottom:0;
    display:flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1;
}
.product .product_section .product_form input[type=radio] + label img {
    border: 1px solid transparent;
    padding: 3px !important;
}
.product .product_section .product_form .initial-swatches .swatch .option-title {
    margin-bottom: 20px;
}
.product .product_section .product_form .initial-swatches .swatch .option-title {
    margin-bottom: 20px;
    font-weight: 600;
    font-family: "Crimson Text", serif;
    font-size: 14px;
}
.product .product_section .product_form .initial-swatches .swatch .option-title .option-value {
    font-weight: normal;
}
.product .product_section .disclaimer span a {
    color: #2d2d2d;
    font-weight:bold;
    text-decoration:none;
}
.product .product_section .disclaimer span a:hover{
  color:#03a196;
}
.product .product_section .product_form input[type=radio]:checked + label img {
    border: 1px solid #003473;
    border-radius: 100%;
    line-height: 0;
    padding: px !important;
}
.product .disclaimer span {
    font-family: "Crimson Text", serif;
    font-size: 15px;
}

.product .product-description-accordion .accordion-contents{position:relative;}
/* .product .product-description-accordion h3.accordion-title.open{border-top:none;} */

.product .product-description-accordion h3.accordion-title.open:last-of-type{border-bottom:none;}
.product .product-description-accordion h3.accordion-title:last-of-type {
    border-bottom: 1px solid #ddd;
}
.product .product-description-accordion h3.accordion-title:after{
    content: "+";
    font-family: FontAwesome;
    /*     position: absolute; */
    right: 10%;
    font-size: 20px;
    color: #333;
    top: 52%;
    padding: 0 15px;
}
.product .product-description-accordion h3.accordion-title.open:after{
    content: "-";
    font-family: FontAwesome;
    font-size: 20px;
    right: 18px;
    top: 20px;
}
.product .product-description-accordion .accordion-content {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.product .product-description-accordion .accordion-content .description p {
    font-size: 14px;
    font-family: "Crimson Text", serif;
}
.product .product-description-accordion .accordion-content p{
     font-size: 14px;
    font-family: "Crimson Text", serif;
}
.product .product-description-accordion .accordion-content a.lifetime-warranty-link {
    display: block;
    color: #2d2d2d;
    font-size: 14px;
    font-family: "Crimson Text", serif;
    font-weight: bold;
}
.product .product-description-accordion .product-extra-details .ProductDetailsGrid .Label {
    font-family: "Crimson Text", serif;
    font-size: 14px;
    font-weight: 800;
    color: #2d2d2d;
}
.product .product-description-accordion .product-extra-details .ProductDetailsGrid .Label span {
    font-weight: normal;
  font-family: Lato, sans-serif;
  font-size:14px;
}
.product .product-description-accordion .social_buttons{border-top:none; padding: 0;margin: 0;}
.product .product-description-accordion .icon-facebook-share:before {
    content: "\f082";
    font-family: FontAwesome;
    font-family: FontAwesome;
    font-size: 22px;
}
.product .product-description-accordion .social_buttons .share-btn a {
    border: none;
    padding: 0;
}
.product .product-description-accordion .social_buttons .share-btn a:before{
    color: #003d76 !important;
}
.product .product-description-accordion .social_buttons .share-btn a:before{
    color: #003d76 !important;
    background:transparent !important;
}
.product .product-description-accordion .social_buttons .share-btn a:hover {
    background: transparent !important;
    opacity: 0.6;
}

/* .product .product_section .gallery-wrap .flickity-viewport {
    border-bottom: 1px solid #ddd;
} */
span.sale_percentage {
  text-transform: initial;
}
.discount-message {
  font-weight: 600;
  margin-bottom: 30px;
}
.add-cart-ship-ins {
    margin-bottom: 38px;
    font-family: "Crimson Text", serif;
    font-size: 15px;
}
.product-matching-sets {
    border-top: 1px solid #eee;
    padding-top: 30px;
}
.product-matching-sets h3 {
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 5px;
    font-family: Lato, sans-serif;
    margin-bottom: 20px;
}
.product-matching-sets .TinyOuterDiv .product-title {
    font-family: Lato, sans-serif;
    color: #2d2d2d;
    text-transform: uppercase;
    font-size: 14px;
}
.product-matching-sets .TinyOuterDiv .mp-price {
    font-family: "Crimson Text", serif;
    color: #939393;
    font-size: 14px;
}
.product-learn-more {
    background: #f9f9f9;
    text-align: center;
}
.product-learn-more-content {
    padding: 0 15%;
}
.product-learn-more-content h2 {
    color: #2d2d2d;
    font-size: 22px;
    font-family: "Crimson Text", serif;
    font-weight: 600;
}
.product-learn-more-content p {
    font-family: "Crimson Text", serif;
}
.product-learn-more-content p {
    font-family: "Crimson Text", serif;
    padding: 5px 0 0 0;
}
.why_chatham_info .headline {
    margin: 10px 0;
  font-weight: 600;
}
.why_chatham_info .featured-text {
  padding: 0 12%;
  margin-top: 28px;
  margin-bottom: 50px;
  font-family: "Crimson Text", serif;
  font-size: 15px;
}
.why_chatham_content {
  text-align: center;
}
.why_chatham_content img {
  margin-bottom: 15px;
}
.why_chatham_content h4 {
  font-size: 14px;
  font-family: Lato, sans-serif;
  text-transform: uppercase;
  margin-bottom: 0;
  color: #2d2d2d;
}
.why_chatham_content p {
  font-family: "Crimson Text", serif;
  padding: 0 11%;
}
.the_eternal_flame {
    background: #f9f9f9;
}

.the_eternal_flame .why_chatham_content {
    text-align: center;
    min-height: 320px;
    margin-bottom: 0px;
    margin-top: 30px;
}
.the_eternal_flame .why_chatham_content p {
    font-family: "Crimson Text", serif;
    padding: 0 5%;
}
.the_eternal_flame .why_chatham_info .featured-text {
    margin-bottom: 20px;
}
.store_locator-detail {
    background: #f9f9f9;
    padding: 10px 0 18px;
}
.store_locator_contents {
    text-align: center;
    padding: 0 15%;
}
.store_locator_contents h3 {
  margin-bottom: 22px;
  font-size: 22px;
  font-weight: 600;
}
.store_locator_contents .featured-text {
  font-family: "Crimson Text", serif;
  font-size: 15px;
}
.why_chatham_section {
    margin: 0px 0 15px;
}
.product_store_locator_section {
    padding: 0 30px;
}
.diamond-details {
  margin-bottom: 20px;
}
.diamond-details p {
  margin-bottom: 0;
  font-family: "Crimson Text", serif;
  font-size: 14px;
  color: #2d2d2d;
}
ul.mini-contact {
  padding-left: 0;
  list-style: none;
  display: flex;
  align-items: center;
  padding-bottom: 5px;
  margin-top: 44px;
/*   border-bottom: 1px solid #eee; */
  margin-bottom: 2px;
}
ul.mini-contact li {
  margin-right: 50px;
  align-items: center;
  display: flex;
}
ul.mini-contact li a {
  display: flex;
  align-items: center;
  font-size: 14px;
  text-transform: uppercase;
  color: #2d2d2d;
}
ul.mini-contact li a em {
  padding-right: 10px;
}
.ProductDetailsGrid .title h3 {
    margin-bottom: 5px;
    font-family: Lato, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #2d2d2d;
    font-weight: 600;
}
.diamond-product-properties .ProductDetailsGrid .Label {
    font-weight: normal !important;
}
.diamond-product-properties .ProductDetailsGrid .Label span {
    font-weight: 600 !important;
    font-family: Lato, sans-serif;
    font-size: 14px;
}
.diamond-product-properties  .ProductDetailsGrid .property-name {
    margin-top: 20px;
}
.diamond-product-properties  .ProductDetailsGrid .Label.certificate a {
    color: #2d2d2d;
    margin-bottom: 7px;
    display: block;
}
.diamond-product-properties  .ProductDetailsGrid .certifiacate-text p {
    margin-bottom: 0;
}
.product-lab-grown-section.product-property {
    clear: both;
/*     margin-top: 30px; */
}
.product-lab-grown-section.product-property .inner-text{
  text-align:center;
}
.product-lab-grown-section.product-property .inner-text .title {
    font-weight: bold;
}
.product-lab-grown-section.product-property  .inner-text p {
    font-family: "Crimson Text", serif;
    padding: 0 35px;
    font-size: 14px;
}
.product-lab-grown-section.product-property div#product-size,.product-lab-grown-section.product-property div#product-clarity  {
    top: 30px;
    left: 0px;
    right: 0;
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin:0px auto !important;
    margin-top:18px !important;
    margin-bottom: 45px !important;
   
}
.product-lab-grown-section.product-property div#product-cut,.product-lab-grown-section.product-property div#product-color  {
    top: 0px;
    left: 0px;
    right: 0;
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin:45px auto !important;
    margin-bottom: 65px !important;
    margin-top: 65px !important;
   
}

.product-lab-grown-section.product-property .description {
  margin-top: 60px;
  display: block;
  margin-bottom: 30px;
}
.product-lab-grown-section.product-property .description h2 {
  font-size: 22px;
}
.product-suggestion {
 padding-bottom:25px !important;
}
.product-suggestion .related-rings-content {
  font-family: "Crimson Text", serif;
  font-size: 14px !important;
  color: #2d2d2d;
  padding: 5px 18%;
  margin-bottom: 30px;
}
.product-suggestion .product-box .product-title {
  color: #2d2d2d !important;
  font-family: Lato, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
}
.product-suggestion .product-box .product-price {
  color: #939393;
  font-size: 14px;
}
span.smartwishlist{
    color: #2d2d2d;
}
.app_product_form a.pdp-wish-btn {
    line-height: 3.7;
}
.app_product_form a.pdp-wish-btn span.smartwishlist{padding:0;}
.product-wedding p.contact-msg {
    margin: 10px 0;
    font-family: "Crimson Text", serif;
    font-size: 14px;
    line-height: 18px;
}
.product-wedding .chathamPrice.prod-contact-field {
    font-family: "Crimson Text", serif;
}
.product p.contact-msg {
    font-size: 14px;
    font-family: "Crimson Text", serif;
}
.product-swatches .product-matching-sets .matching-title {
    display: none !important;
}
.product-wedding .remodal {
    max-width: 1024px;
}
@media screen and (max-width:1024px) and (min-width:798px){
 .the_eternal_flame .one-third {
    width: calc(50% - 20px);
  }
/*   .product-lab-grown-section .eight {
    width: calc(100% - 20px);
} */
}
@media screen and (max-width:798px){
  
  .product-lab-grown-section .eight {
/*     width: calc(100% - 20px); */
}
.product-lab-grown-section.product-property div#product-color:last-of-type {
  margin: 50px 0 22px;
}
  .product .product-description-accordion .accordion-contents{margin-bottom:20px;}
  .product-matching-sets-container {
    display: flex;
}
  .product-matching-sets-box {
    flex: 1 0 50%;
}
  .product-matching-sets {
    border-top:none;
    padding-top: 0px;
}
  .product .is-ringProduct-true .selector-wrapper label{width:85px;}
  
 .product .is-ringProduct-true .selector-wrapper .single-option-selector
  {
    max-width:100%;
  }
/*   .product .is-ringProduct-true .purchase-details__buttons.purchase-details__spb--false button{flex:1 0 100%;} */
  .product .is-ringProduct-true .purchase-details__buttons.purchase-details__spb--false{margin-top:0;display:block;}
  .add-cart-ship-ins {
    text-align: center;
    margin-top: 20px;
  }
  .product .is-ringProduct-true .purchase-details{padding-bottom:0;}
  .product-learn-more-content { padding: 0;}
  .product-learn-more{ padding: 8px 0;}
  .why_chatham_section { margin: 16px 0 15px;}
  .store_locator_contents{padding:0;}
  .store_locator-detail{padding: 24px 0 28px;}
  .product_store_locator_section {
    padding: 0 15px;
  }
  .product_section a.action_button {
    width: 100% !important;
  }
  .mobile_only.mobile-product-gallery h1 {
    text-align: center;
    font-size: 27px;
    color: #2d2d2d;
  }
  .mobile_only.mobile-product-gallery p {
    text-align: center;
    font-size: 14px;
    margin-bottom: 25px;

  }
  .mobile_only.mobile-product-gallery .product_gallery.flickity-enabled{
   margin-bottom:20px;
  }
  .mobile_only.mobile-product-gallery  .product_gallery_nav {
    text-align: center;
    margin-bottom: 10px;
  }
  .product a.pdp-wish-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .product a.pdp-wish-btn span.smartwishlist {
    margin-right: 6px;
  }
  ul.mini-contact { justify-content: space-around;}
  ul.mini-contact li{margin-right:0;}
  .ProductDetailsGrid {
/*     margin: 0px 6%; */
  }
  .product-lab-grown-section.product-property{margin-top:0;margin-bottom: 40px;}
  .product-lab-grown-section.product-property div#product-size, .product-lab-grown-section.product-property div#product-clarity{
    top: 12px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 45px;
   
  }
  .product-lab-grown-section.product-property div#product-cut, .product-lab-grown-section.product-property div#product-color{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin: 22px 0;
   }
  .product-lab-grown-section.product-property div#product-cut label, .product-lab-grown-section.product-property div#product-color label{
   font-size:12px;
   }
  #product-cut label, #product-clarity label{line-height:50px !important;    font-size: 12px !important;}
  #product-cut, #product-clarity{height:50px !important;}
  .product-lab-grown-section.product-property .inner-text p{padding:0 20px;}
  .product-suggestion .related-rings-content{padding: 5px 0%;}
  .product-suggestion div#diamond-related .product-box.four.columns {
    width: 50%;
    margin: 0;
  }
}

@media screen and (max-width:798px){
  .test-details-controller div.breadcrumb-collection{margin-top:0;}
  .product .product_name{font-size:27px;}
  .product .gallery-title {
    margin-bottom: 30px;
  }
  .product .purchase-details__buttons.purchase-details__spb--false{
    display:block ; 
  }
  .product .purchase-details__buttons.purchase-details__spb--false button{
        width: 100% !important;
  }
  .product .purchase-details{padding-bottom:0;}
  .product a.pdp-wish-btn{margin-bottom:0;}
  
  .product a.pdp-wish-btn{margin-top:10px;}
  .add-cart-ship-ins{text-align:center;}
}

@media screen and (max-width:600px){
  .why_chatham_info .featured-text{padding:0;}
.product .purchase-details__buttons.purchase-details__spb--false{
    display:block !important; 
  }
  .product .is-ringProduct-true .purchase-details__buttons.purchase-details__spb--false button{flex:1 0 100%;}
  .add-cart-ship-ins{margin-top:0;}
}
@media screen and (max-width:560px){
  .the_eternal_flame .medium-down--one-half {
    width: calc(100% - 20px);
  }
}
@media screen and (max-width:550px){
  .why_chatham_section .one-third.column {
    width:100%;
  }
}

@media screen and (max-width:320px){
  #product-size {
    height: 100px !important;
  }
  #product-size>img {
    margin-top: -22px;
  }
}
/*==================================================================End-Product templates=================================================================*/
/*==================================================================Our Story templates=================================================================*/

.page-about-us  .banner .headline {
  font-size: 24px !important;
  text-transform: capitalize;
  margin-bottom: 0;
}
.gallery-title h2 {
    margin: 40px 0 27px;
    display: block;
    font-size: 22px;
    text-align: center;
}
.gallery-image-wrapper img {
    width: 100%;
}
.gallery-cell-title {
    text-align: center;
    margin-bottom: 48px;
}
.gallery-cell-title h2 {
    margin: 0;
    color: #003570;
}
.gallery-cell-title p {
    font-size: 14px;
    line-height: 1.9;
}
.gallery-image-wrapper {
    margin-left: calc(20px / 2) !important;
    margin-right: calc(20px / 2) !important;
}
.page-about-us .gallery-image-wrapper .gallery-cell {
    height: 510px;
}
@media screen and (max-width:1024px){
 .page-about-us .featured-link--half .info{padding:15% 0;}
  .page-about-us .gallery-image-wrapper .gallery-cell {
    height: 430px;
  }
}
@media screen and (max-width:798px){
  .top_bar .menu a{line-height:48px;}
/*   .cart_container.active_link .cart_content{margin-top: 145px;} */
  .top-bar-nav:before{top: 48%;left: -18px;}
  .mobile-logo-section{background:transparent;}
  .mobile-logo-section .top_bar--right a{display:inline-block;}
  .mobile-logo-section .top_bar--right span.topbadge {
    background: transparent !important;
    color: #003570 !important;
  }
  .mobile-logo-section .top_bar--right span.topbadge:before {
    content: "(";
}
  .mobile-logo-section .top_bar--right span.topbadge:after {
     content: ")";
}
 .page-about-us .caption {
    position: absolute;
    color: #fff;
    margin-top: 0 !important;
}
  .page-about-us .banner .headline {
    font-size: 24px !important;
    text-transform: capitalize;
    margin-bottom: 0;
    color:#fff;
 }
  .page-about-us .gallery-image-wrapper .gallery-cell {
    height: 340px;
  }
}
@media screen and (max-width:768px){
  .page-about-us .featured-link--half .info{padding:10% 20px;width:100%;}
  .page-about-us .featured-link--half .featured-link--wrap{padding:48% 0 ;}
}
@media screen and (max-width:480px){
  .gallery-image-wrapper{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .page-about-us .caption {
     top: 38%;
   }
  .page-about-us .gallery-image-wrapper .gallery-cell {
    height: auto;
  }
}
@media screen and (max-width:320px){
/*   .top_bar .menu a{font-size:12px;} */
}
/*==================================================================End Our Story templates=================================================================*/
/*==================================================================Holiday templates=================================================================*/

.page-holiday  .banner .headline {
  font-size: 24px !important;
  text-transform: capitalize;
  margin-bottom: 0;
}
.gallery-title h2 {
    margin: 40px 0 27px;
    display: block;
    font-size: 22px;
    text-align: center;
}
.gallery-image-wrapper img {
    width: 100%;
}
.gallery-cell-title {
    text-align: center;
    margin-bottom: 48px;
}
.gallery-cell-title h2 {
    margin: 0;
    color: #003570;
}
.gallery-cell-title p {
    font-size: 14px;
    line-height: 1.9;
}
.gallery-image-wrapper {
    margin-left: calc(20px / 2) !important;
    margin-right: calc(20px / 2) !important;
}
.page-holiday .gallery-image-wrapper .gallery-cell {
    height: 510px;
}
@media screen and (max-width:1024px){
 .page-holiday .featured-link--half .info{padding:15% 0;}
  .page-holiday .gallery-image-wrapper .gallery-cell {
    height: 430px;
  }
}
@media screen and (max-width:798px){
  .top_bar .menu a{line-height:48px;}
/*   .cart_container.active_link .cart_content{margin-top: 145px;} */
  .top-bar-nav:before{top: 48%;left: -18px;}
  .mobile-logo-section{background:transparent;}
  .mobile-logo-section .top_bar--right a{display:inline-block;}
  .mobile-logo-section .top_bar--right span.topbadge {
    background: transparent !important;
    color: #003570 !important;
  }
  .mobile-logo-section .top_bar--right span.topbadge:before {
    content: "(";
}
  .mobile-logo-section .top_bar--right span.topbadge:after {
     content: ")";
}
 .page-holiday .caption {
    position: absolute;
    color: #fff;
    margin-top: 0 !important;
}
  .page-holiday .banner .headline {
    font-size: 24px !important;
    text-transform: capitalize;
    margin-bottom: 0;
    color:#fff;
 }
  .page-holiday .gallery-image-wrapper .gallery-cell {
    height: 340px;
  }
}
@media screen and (max-width:768px){
  .page-holiday .featured-link--half .info{padding:10% 20px;width:100%;}
  .page-holiday .featured-link--half .featured-link--wrap{padding:48% 0 ;}
}
@media screen and (max-width:480px){
  .gallery-image-wrapper{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .page-holiday .caption {
     top: 38%;
   }
  .page-holiday .gallery-image-wrapper .gallery-cell {
    height: auto;
  }
}
@media screen and (max-width:320px){
/*   .top_bar .menu a{font-size:12px;} */
}
/*==================================================================End Holiday templates=================================================================*/
.collection-slick-slide{width:100%;}

/*======================================================================Diamond search page===================================================================*/

.product-search-page .filter-box .height-box {
    min-height: 60px;
    margin-bottom: 20px;
    clear:both;
}

.filter-box .shape label span {
    bottom: -22px;
    color: #000000;
    font-size: 10px;
    left: 50%;
    letter-spacing: 0.5px;
    position: absolute;
    text-transform: uppercase;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transition: all 0.1s ease-in-out 0.1s;
    opacity: 0;
}
.filter-box .shape label:hover span {
    opacity: 1;
}
 .filter-box .shape .product {
    display: inline-block;
    vertical-align: middle;
    padding: 0 4px;
    width: auto !important;
}
.filter-box .shape .product label {
    margin-bottom: 0;
} 

.filter-box .shape label {
    position: relative;
    cursor: pointer;
}

.filter-box .shape .product input[type="checkbox"],.filter-box .shape .product input[type="radio"] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}
.filter-box .shape .product label {
    display: inline-block;
    margin-bottom: 5px;
}
.filter-box .lbl-wrape input[type="radio"],.filter-box .lbl-wrape input[type="checkbox"]{position:absolute;left:-999px;}
.filter-box .lbl-wrape{position:relative;padding-left:85px;}
.filter-box .shape.lbl-wrape{margin-bottom:25px;}
.filter-box .price.lbl-wrape{margin-top:20px;} 
.filter-box .lbl-wrape .lbl-tag{position:absolute;top:50%;left:0;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.filter-box .lbl-wrape .lbl-tag h4{letter-spacing: 1px;font-family:Lato, sans-serif;font-weight: bold;margin:0 !important;text-transform:uppercase;color:#555 !important;font-size:12px !important;  font-family: Lato, sans-serif !important;}
.filter-box .shape.lbl-wrape .lbl-view{background-color:#fff;}
.filter-box .lbl-wrape .lbl-view label{font-weight:normal;font-family:lato;color:#666;font-size:10px;font-family: "Crimson Text";}
.filter-box .lbl-wrape .lbl-view{background-color: rgb(238, 238, 238);border-radius: 6px;max-width: 500px;  width: 95%;border:none;margin:0 auto;}
.filter-box .lbl-wrape .ui-slider-horizontal{height:5px;}
.filter-box .lbl-wrape .ui-widget-header{background-color:#90a2af;}
.filter-box .lbl-wrape .ui-slider-handle{cursor: pointer;border-radius:50px;background-color:#90a2af;border:3px solid #fff;  margin: -6px 0 0 -20px;height:22px;width:22px;box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.35);-moz-box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.35);-webkit-box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.35);-ms-box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.35);-o-box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.35);}
.filter-box input[type=checkbox]:checked + label {
    border: 2px solid #90a2af;
}
.filter-box .lbl-wrape .box,.filter-box .lbl-wrape .price-input .box{display: inline-block;max-width:75px;border:1px solid #eeeeee;padding:5px;height:26px;min-height:26px;color:#333;}
.filter-box .lbl-wrape .box.left{left:0;position:absolute;top:20px;}
.filter-box .lbl-wrape .box.right{right:0;position:absolute;top:20px;}
.filter-box .lbl-wrape .price-input.left{position:absolute;top:20px;left:0;}
.filter-box .lbl-wrape .price-input.right{position:absolute;top:20px;right:0;}
.filter-box .lbl-wrape .price-input span{margin-right:4px;color:#333;}
.filter-box .shape label{height:35px;width:35px;}
.filter-box .shape label.shap1{background:url(/cdn/shop/t/159/assets/shape1.png) no-repeat center center;}
.filter-box .shape label.shap2{background:url(/cdn/shop/t/159/assets/shape2.png) no-repeat center center;}
.filter-box .shape label.shap3{background:url(/cdn/shop/t/159/assets/shape3.png) no-repeat center center;}
.filter-box .shape label.shap4{background:url(/cdn/shop/t/159/assets/shape4.png) no-repeat center center;}
.filter-box .shape label.shap5{background:url(/cdn/shop/t/159/assets/shape5.png) no-repeat center center;}
.filter-box .shape label.shap6{background:url(/cdn/shop/t/159/assets/shape6.png) no-repeat center center;}
.filter-box .shape label.shap7{background:url(/cdn/shop/t/159/assets/shape7.png) no-repeat center center;}
.filter-box .shape label.shap8{background:url(/cdn/shop/t/159/assets/shape8.png) no-repeat center center;}
.filter-box .shape label.shap9{background:url(/cdn/shop/t/159/assets/shape9.png) no-repeat center center;}
.filter-box .shape label.shap10{background:url(/cdn/shop/t/159/assets/shape10.png) no-repeat center center;}
/*=============Lab-Grown Diamond Results-TABLES=========*/
.product-table .table-responsive table {
    margin-bottom: 50px;
  width: 100%;
}
.product-search-page .product-table .search-loader {
    background: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    display: none;
    z-index: 9;
}
.product-search-page .product-table h2.title {
    text-align: center;
    color: #004178 ;
    font-size: 24px;
    text-transform: capitalize;
    line-height: 36px;
/*     font-family: "Lato", serif !important; */
}
.product-table table th{background-color:#fff;}
.product-table table th,.product-table table td{text-transform:uppercase;color:#333 !important;font-weight:normal;text-align:center;font-size:15px;font-family:Lato, sans-serif;}
.product-table .table > thead > tr > th, .product-table .table > tbody > tr > th,.product-table .table > tfoot > tr > th,.product-table .table > thead > tr > td,.product-table .table > tbody > tr > td,.product-table .table > tfoot > tr > td{padding:15px;border: none !important;box-shadow: none !important;}
.product-table .table > tbody  tr td:last-child{color:#90a2af;}
.product-table .table > tbody  tr:hover td:last-child{color:#164d80;}
.product-table table tr{border-bottom:transparent;border-top:transparent;}
.product-table table tr:nth-child(odd){background-color:#f6f7f7;}
.product-table table tr:nth-child(even){background-color:#fff;}
.product-table table tr:hover{background-color:#e1e4e6;}
.product-table table tr td{color:#333;font-size:15px;letter-spacing: 1px;font-family: Lato, sans-serif;}
.product-table table tr a:hover{text-decoration:none;}
.product-table table td:last-child  a{color:#90a2af;}
/* .product-table table td:last-child  a:hover{color:#164d80;}*/
.product-table table  td > a{color:#90a2af;}
.product-search-page .filter-link{text-align:center;}
.product-search-page .filter-link a{color:#043b73;text-transform:capitalize;}
.product-table .table-responsive{border:none;}
.template-box .template-inner img{ max-width: 100%;}
/* product detail */
.gem-page-styles-img{max-height:140px;}
.PrimaryProductDetails .ProductAside{vertical-align:top;}
.ProductThumbImage img{max-width:100%;}
.product-page .item.product-image{text-align:center;}
.product-page .view{padding:30px 0 52px 0;}
.product-page .breadcrumb{  margin: 18px 0 55px 80px!important;}
.product-page .detail .title{margin-bottom:20px;}
.product-page .detail .title h2{font-size:30px !important;color:#004178 !important;font-family: "Lato", serif !important;}
.product-page .detail .wrap-box{display:inline-block;width:100%;margin-bottom:20px;max-width:382px;}
.product-page .detail .block.left{width:48%;display:inline-block;margin-left:-2px; }
.product-page .detail .block.right{width:52%;display:inline-block;margin-left:-2px;text-align:right;}
.product-page .detail p{font-size:14px !important;color:#555 !important;font-family: "Lato", serif;margin-bottom:8px !important;}
.product-page .detail span{text-transform:uppercase;font-weight:600;margin-right:5px;}
.product-page .detail .block.right p{font-size:16px !important;line-height:25px!important;letter-spacing:0.8px !important;color:#666 !important;} 
.product-page .detail .block.right p.price{color:#00457c !important;font-size:16px !important;letter-spacing:0.8px !important;}
.product-page .detail .block.right p.price span{color:#00457c !important;font-size:24px !important;font-weight:lighter;}
.product-page .detail .cart{margin-bottom:25px;}
.product-page .detail .cart .btn{border:none;margin-right:20px;border-radius:0;font-size:14px;text-transform:capitalize;padding:8px 70px;}
.product-page .cart .btn-default{background-color:#00457c;color:#fff;font-family: "Lato", serif;}
.product-page .detail .contact{display:inline-block;width:100%;margin:0; border-bottom: 1px solid #eee;border-top: 1px solid #eee;padding:7px 0;}
.product-page .detail .contact li{list-style:type;display:inline-block;padding:21px 26px;font-family: "Lato", serif ;text-transform:uppercase;color:#555;vertical-align:middle;border-right: 1px solid #eee;letter-spacing: 1.8px;font-size:12px;}
.product-page .detail .contact li em{padding-right: 10px;}
.product-page .detail .contact li a{font-family:"Lato", serif;color:#555;font-size:12px;}
.product-page .detail .contact li a:hover{text-decoration:none;}
.product-page .detail .contact .shiping-link a{display:block;color:#133e77;font-family: "Lato", serif ;text-transform:capitalize;}
.product-page .detail .contact li:first-child{padding-left:0; }
.product-page .detail .contact li:last-child{padding-right:0;border:none;}
.product-page .detail .search{padding:25px 0;position:relative;padding-right:165px;border-bottom:1px solid #eee;}
.product-page .detail .search label{font-size:16px;line-height:19px;color:#666;letter-spacing:0.4px;font-family: "Lato", serif ;font-weight:normal;}
.product-page .detail .form-control{color:#666;border-radius:0;border:1px solid #bbb;box-shadow:none;position:absolute;right:0;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);max-width:135px;}
.product-page .detail .share{text-align:right;padding:21px 0;}
.product-page .detail .share ul{padding:0;margin:0;}
.product-page .detail .share ul li{display:inline-block;padding:5px;vertical-align:middle;}
.product-page .detail .share ul li a{color:#5b5b5b;}
.product-page .detail .share ul li a:hover{text-decoration:none;}
.product-page .product-detail{border:22px solid #f6f6f6;padding:40px 0;}
.product-detail .heading,.product-guid .heading{margin-bottom:20px;text-align:center;  width: 100%; display: inline-block;}
.product-detail .heading h1,.product-guid .heading h1{font-size:36px !important;color:#555 !important;font-family: "Lato", serif !important;}
.product-guid .heading h1{color:#00457c !important;}
.product-detail .inner .title{margin-bottom:15px;display:inline-block;width:100%;}
.product-detail .inner .title h3{font-size:12px !important; font-family: "Lato", serif !important;letter-spacing:1.2px;color:#555 !important;}
.product-detail .inner .box{padding-left:22px;margin-bottom:20px;}
.product-detail .inner .box p,.product-detail .inner .box span,.product-detail .inner .box a{font-size:14px !important;line-height:21px !important;letter-spacing:0.7px !important;margin:0 !important;}
.product-detail .inner .box p,.product-detail .inner .box a,.product-guid .inner-text .visit a{color:#00457c !important;}
.product-detail .inner .box span{color:#666 !important;}
.product-detail .inner .box.certificate a,.product-detail .inner .certifiacate-text p{font-family: 'Calibri';font-size:17px !important;}
.product-detail .inner .box a:hover,.product-guid .inner-text .visit a:hover{text-decoration:none;}
.product-detail .inner .box .certificate{margin-top:20px !important;display:inline-block;}
.product-detail .inner .box .certificate img{width:100%;}
.product-page .product-guid{padding:60px 0;}
.product-guid .heading h1{margin-bottom:25px !important;}
.product-guid .inner-text{margin:0 auto;max-width:940px;text-align:center;}
.product-guid .inner-text p{font-size:18px !important;color:#555 !important;line-height:29px !important;margin-bottom:26px;font-family: "Lato", serif !important;}
.product-guid .inner-text .visit{margin-top:40px;font-size:18px !important;}
.product-guid .inner-text .visit a{font-weight:600;}
.product-page .owl-thumb-item{border:none;background-color:transparent;width:33.33%;}
.product-page .owl-carousel .owl-item{padding: 0 0 0 75px;}
.product-page .owl-carousel .owl-item img,.product-page .owl-thumb-item img{max-width:100%;width:auto;display:inline-block;max-height:200px;}
.product-property .inner-row{display:table;table-layout:fixed;}
.product-property .inner-row .block{display:table-cell;height:100%;width:50%;padding:40px 70px;}
.product-property .block.white-bg{background-color:#fff;}
.product-property .block.grey-bg{background-color:#f8f9f9;}
.product-property .block .inner-text{text-align:center;}
.product-property .block .inner-text .title{font-size:33px !important;font-family: "Lato", serif !important;color:#00457c !important;margin-bottom:32px !important;}
.product-property .block .description{text-align:left;} 
.product-property .block .description .title{margin-bottom:10px !important;font-size:25px !important;}
.product-property .block .description  p{margin-bottom:10px !important;}
.product-property .block  p{font-size:15px !important;color:#555 !important;line-height:28px !important;font-family: 'HelveticaNeueLight' !important;}
.product-suggestion{padding:15px 0;} 
.product-property .block p{margin-bottom:35px !important;display:inline-block;width:100%;} 
.product-suggestion .inner-content{display: inline-block;position: relative;width: 100%;}
.product-suggestion .inner-content .title{left: 0;position: absolute;top: 0;}
.product-suggestion .inner-content .title h2{font-size:36px !important;}
.product-suggestion .inner-content .product-box{   float: left;text-align:center;}
.product-page .view .breadcrumb  li a{color:#9fa6ab;}
.product-page .view .breadcrumb  li.active,.product-page .view .breadcrumb  li.active a{color:#555 ;} 
.product-page .view .breadcrumb  li a:hover{text-decoration:none;}
/* body[data-template="page.lab-grown-guide"]  .shopify-section{width:100%;float:left;} */
.slider-main.about-us{margin-top:0;}
.shopify-section{  position: relative;}
.heading-descripton span {
    color: #004178;
    font-size: 24px;
    line-height: 35px;
}
.heading-descripton span{ font-family: "Crimson Text", serif !important;}
.heading-descripton p{font-family:"Crimson Text", serif;color:#000 !important;font-size:15px !important;}
.heading-box p{  font-size: 16px !important;color:#010101 !important;}
.product-detail .inner .box.certificate{padding-left: 0 !important;padding-right:14px !important;}
.certifiacate-text{padding:0 5px !important;}
.certifiacate-text p{font-size:12px !important;color:#00457c !important;}
#Header #HeaderLower #SideCategoryList ul.shop-sub-menu li{width:auto;}
#Header #HeaderLower #SideCategoryList ul.shop-sub-menu li.has-sub.collections{}
#Header #HeaderLower #SideCategoryList ul.shop-sub-menu li.has-sub .left-box,#Header #HeaderLower #SideCategoryList ul.shop-sub-menu li.has-sub .right-box{}
#Header #HeaderLower #SideCategoryList ul.shop-sub-menu li.has-sub.gemstones{}
#Header #HeaderLower #SideCategoryList ul.shop-sub-menu li.has-sub.style{}
#Header #HeaderLower #SideCategoryList ul.shop-sub-menu li.has-sub.shape{}
#SearchPage .ErrorMessage,#SearchPage .Message{ background-color: rgba(0, 0, 0, 0);border-color:transparent;}
#product-cut, #product-clarity, #product-property, #product-color,#product-size{margin: 45px 0 !important;background-color:transparent;}
#product-size{height:140px !important;
    position: relative;}
#product-size > img {
  
    position: absolute;
    top: 50%;
    width: 100%;
  margin-top: -38px;;
}
/*table-pagination*/
.diamond-pagination{text-align:center;}
.diamond-pagination ul li{display:inline-block;padding:0 5px;}
.diamond-pagination ul li > a{background:transparent;border:1px solid #e5e5e7;color:#004178; cursor: pointer;}
.diamond-pagination ul li > a:hover,.diamond-pagination ul li > a:focus{background:transparent;}
.diamond-pagination .pagination > li:last-child > a , .diamond-pagination .pagination > li:first-child > a{background: #004178 none repeat scroll 0 0;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-o-border-radius:0px;color:#ffffff;}
.diamond-pagination ul li.active a,
.diamond-pagination ul li a:hover {
	background: #004178 !important;
  	color: #fff !important;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #428bca;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}
.diamond-pagination nav ul {
    padding-left: 0;
}

/*end table pagination*/
/*==========end table=======*/
@media screen and (max-width:1024px) and (min-width:798px){
/*  .the_eternal_flame .one-third {
    width: calc(50% - 20px);
  } */
  .product-lab-grown-section .eight {
    width: calc(100% - 20px);
}
/*   #product-size {
    height: 120px !important;
  } */
  #product-size>img{margin-top:-60px !important;}
}
@media screen and (max-width:798px) and (min-width:768px){
 #product-size>img{margin-top:-58px !important;}
}
@media screen and (max-width:1199px){
 .filter-box .shape .product{width:20% !important; text-align:center; vertical-align:top; margin:0 0 0 -4px;}
  .filter-box .shape label span{opacity:1;}
  .filter-box .shape label{margin-bottom: 20px !important;}
  .product-collection .block h2, 
  .product-quality .block h2{font-size:30px;}
  .product-collection .block .thum p{margin:0;}
  .product-quality .inner-text.l-left-bottom{top:0; bottom:auto; left:50%; transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%); text-align:center;margin-top:34px;}
  .product-quality .block .thum{padding-top:160px;}
}
@media screen and (max-width:798px){
  .product-lab-grown-section .eight {
     width: calc(100% - 20px);
  }
 .page .product-search-page {
    margin-top: 40px;
  }
  .table-responsive {
    width: 100%;
    margin-bottom: 20px;
    overflow-y: hidden;
    overflow-x: scroll;
    border: none;
}
}
@media screen and (max-width:768px){
 .product-search-page .filter-box .inner{margin-bottom:10px;}
  .filter-box .lbl-wrape .lbl-view{width:100%;}
.filter-box .lbl-wrape{padding-left:10px;} 
.filter-box .lbl-wrape .lbl-tag{transform:none;-moz-transform:none;-webkit-transform:none;-ms-transform:none;-o-transform:none;position:relative;margin-bottom:15px;}   
.product-quality .left-box{min-height:auto;}
.product-quality .right-box{min-height:370px;}	 
  .product-table table tr td{font-size:10px;}
  .product-table table th, .product-table table td{font-size:10px;}
    
}
@media screen and (max-width:991px){
  .product-search-page .filter-box  .row{margin-right:0;margin-left:0;} 
 .product-search-page .filter-box .inner{width:100%;display:inline-block;min-height:100px}
  .filter-box .lbl-wrape .lbl-view{max-width:100%;}
    
}
@media(max-width:640px){
  .product-collection .right-box .thum {
    padding-top: 70px;
}
  .product-collection .right-box.block{min-height:350px;}
  #Header #HeaderLower #SideCategoryList ul.shop-sub-menu{position:relative !important;}
  .product-page .breadcrumb{margin-left:0px !important;}
	
  
  #PageContent .certified-dealer-info h1{font-size:32px; line-height:30px; }
  
  .filter-box .shape label span{font-size:9px;}
}
@media screen and (max-width:480px){
  .product-lab-grown-section .eight {
    width:100%;
  }
}
/*======================================================================END-Diamond search page===================================================================*/


/*======================================================================customer login page===================================================================*/
/* .product-wrap .image__container img {
height: 200px;
width: 100%;
object-fit: contain;
} */
.customer-title h1 {
  font-size: 60px;
  font-style: italic;
  color: #00457c;
  line-height: 50px;
}
.customer-login-form {
  width: 78%;
  float: left;
  padding-left: 8%;
}
.customer-left-part {
  width: 22%;
  float: left;
  border-right: 1px solid #d0d0d0;
}
.customer-left-part ul li a {
  font-size: 14px;
  cursor: pointer;
  line-height: 20px;
  color: #2a6496;
  font-family: "Crimson Text", serif;
  text-transform:uppercase;
}
.customer-left-part ul li a:hover {
  color: #41a89b;
}
.customer-left-part ul li {
  list-style-type: none;
  margin: 5px 0;
}
#customer_login input.btn.action_button:hover {
  color: #00457c;
  border: 1px solid #000;
}
.customer-left-part ul {
  margin: 0;
  padding-left:0px;
}
#customer_login .form-textbox {
  float: left;
  width: 69%;
}
#customer_login .form-name {
  float: left;
  width: 25%;
  margin-right: 15px;
  margin-top: 10px;
}
#customer_login input.btn.action_button.sign-button,#recover-password input.btn.action_button.sign-button{
  /*     border-radius: 6px; */
  min-height: 42px !important;
  height: 42px;
  font-size: 15px !important;
  padding: 0 22px;
  letter-spacing: 1px;
}
.bottom-btn-part {
  clear: both;
  margin-left: 30%;
}
.form-bottom-text {
  clear: both;
}
.form-bottom-text p {
  font-size: 16px;
  margin-top: 60px;
  display: inline-block;
  margin-left: 15px;
  color:#505050;
}
.form-bottom-text p a{
  font-weight: 900;
  font-family: 'Lato';
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.customer-main-page {
  padding: 50px 0 0px 0;
  display: inline-block;
  width:100%;
}
#customer_login .form-name label {
  color: #505050;
  text-transform: capitalize;
  font-size: 14px;
}
#customer_login .forgot-pass {
  margin-top: 10px;
}
.form-name {
  float: left;
  width: 15%;
  margin-right: 15px;
  margin-top: 10px;
}
.form-textbox {
  float: left;
  width: 69%;
}
.action_bottom.sb-btn input {
  margin-right: 20px;
}
.action_bottom.sb-btn input:hover {
  border: 1px solid #999;
  color: #00457c;
}
.customer-title {
  margin-bottom: 5px !important;
}
.form-top-text p {
  margin-bottom: 30px;
  margin-left: 0px;
}
.form-top-text {
  width: 80%;
}
#recover-password .action_bottom .note a {
  margin: 0 15px !important;
}
/*Responsive*/

@media screen and (max-width:798px){
  .form-top-text {
    width: 100%;
  }
  #customer_login .form-textbox {
    float: left;
    width: 100%;
  }
  .bottom-btn-part {
    clear: both;
    margin-left: 0%;
    margin-top: 30px;
  }
  .forgot-pass small.left.forgot-text-btn {
    margin-top: 7px;
    display: block;
    clear: both;
  }
  .form-bottom-text p{
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
  }

} 

@media screen and (max-width:768px){
  .customer-left-part {
    width: 100%;
    float: none;
    border-right: none;
  }
  .customer-main-page {
    padding: 0px 0 0px 0;
  }
  .customer-title h1 {
    font-size: 40px;
    margin-bottom: 0;
  }
  .form-bottom-text p{
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .customer-login-form {
    width: 100%;
    float: none;
    padding-left: 0%;
  }
  .customer-left-part ul {
    padding-left: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .customer-title {
    margin-bottom: 0px !important;
  }
  .bottom-btn-part.off-set-one a input {
    float: left;
    margin-right: 25px;
  }  
  small.left.forgot-text-btn {
    margin-top: 7px;
  }
  .product-wrap .image__container img {
    height: 200px;
    width: 100%;
    object-fit: contain;
  }
}

/*======================================================================customer login page Over===================================================================*/

/*======================================================================Diamond Retailer page===================================================================*/
body.page-diamond-retailer{
  .certified-dealer-info .certified-dealer {
    text-align: center;
   }
  .certified-dealer h1 {
    font-size: 30px;
    color: #004178;
    margin-top: 30px;
   }
   .certified-dealer p {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 40px
   }
   .contact-info a {
    font-size: 14px !important;
    color: #2a6496;
    font-weight: normal;
   }
   .page-center {
    max-width: 900px;
    margin: 0 auto;
    padding-top: 35px;
  }
  .contact-info {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
  }
  .page-center ul {
    padding: 0 15px;
  }
  body.page-diamond-retailer .page-center ul li {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
  }
  .page-center p {
    margin: 40px 0 0;
    font-size: 16px;
    color: #666;
  }
  .page-center h1 {
    font-size: 30px;
    text-align: center;
    margin: 40px 0;
    color: #004178;
  }
  .page-center ul li {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}
  
  
}
/*======================================================================End Diamond Retailer page===================================================================*/


/*======================================================================Certificate page===================================================================*/
body.page-certificate{
  .thank-you-msg, #certificate-form .submit-btn-cont img {
    display: none;
   }  
  #certificate-form img.loader {
    display: none;
   }
}
#book_appointment_form img.loader,.thank-you-msg{
  display: none;
}
/*======================================================================End Certificate  page===================================================================*/

/*======================================================================Loose-stones page===================================================================*/
body.page-loose-stone {
  .loose-stone-detail h1 {
    font-size: 60px;
    color: #00457c;
    line-height: 45px;
    font-style: italic;
  }
  .loose-stone-detail span {
    font-size: 30px;
    color: #455560;
    line-height: 46px;
    display: inline-block;
    margin-bottom: 40px;
  }
  .loose-stone-detail p{
    font-size: 18px;
    color: #455560;
    line-height: 24px;
    margin-bottom: 30px;
  }
  body.page-loose-stone.promo_banner-show .loose-stone-detail p a {
    color: #2a6496;
  }
  .clarity-section h1 {
    font-size: 36px;
    line-height: 24px;
    margin-bottom: 25px;
  }
  .Color-section {
    margin: 50px 0 30px;
  }
  .Color-section p, .clarity-section p {
    font-size: 18px;
    color: #455560;
    line-height: 24px;
    /* margin-bottom: 30px; */
  }
  .img-top-section p {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .image-box img {
    width: 100%;
  }
  .Cutting-section h1 {
    font-size: 36px;
    line-height: 24px;
  }
  .Cutting-section {
    margin: 30px 0 0 0;
  }
  .Cutting-section p {
    font-size: 18px;
    line-height: 23px;
  }
  h1.special-order {
    margin-top: 30px;
  }
  caption.head-title {
    font-family: Arial;
    font-size: 27px;
    margin-bottom: 38px;
    text-align: center;
    line-height: 35px;
    padding: 0 20px;
  }
  .left-table {
    /* width: 100%; */
    margin-left: 13%;
    width: 87%;
    margin-top: 35px;
  }
  tbody.bottom-list td {
    text-align: center;
    padding: 3px 0;
  }
  thead.head-title th {
    border: 2px solid;
    padding: 10px 0 10px 0;
  }
  tbody.bottom-list tr {
    border: 2px solid #000;
    padding: 4px 0;
  }
  tbody.bottom-list th {
    border: 2px solid #000;
  }
  .bottom-stone-info {
    text-align: center;
    padding: 0 80px;
    margin-top: 35px;
  }
  .bottom-stone-info p {
    text-align: left;
  }
  .loose-stones-img{
    width: auto;
    display: table-cell;
    padding: 0 50px 0 0;
  }
  .gemstone-title {
    width: 90%;
    padding: 90px 0 30px 7%;
  }
  .gemstone-title .loose-stones-img {
    width: auto;
    display: table-cell;
    padding: 0 50px 0 0;
  }
  .gemstone-title .loose-stones-img img {
    width: auto;
    height: 155px;
  }
  .gemstone-title span.title {
    font-size: 22px;
    color: #000;
    height: 155px;
    vertical-align: middle;
    display: table-cell;
    font-family: 'HelveticaNeueLight';
  }
  #Container .loose-stone .table > thead > tr > th, #Container .loose-stone .table > tbody > tr > th, #Container .loose-stone .table > thead > tr > td {
    border: 2px solid #000;
    text-align: center;
    font-size: 16px;
    padding: 5px;
  }
  .main-table-data table.table.stones-detail-table {
    max-width: 94%;
    width: 100%;
    margin: 0 auto;
  }
  table.table.stones-detail-table td {
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    padding: 5px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
}
  table.table.stones-detail-table th {
    border-bottom: 2px solid #000;
}
  table.table.stones-detail-table th {
    border: 2px solid #000;
}
  .price-list-detail {
    margin-bottom: 70px;
  }
.price-list-detail .headline {
    width: 100%;
    text-align: center;
    padding: 15px 0;
}
 .price-list-detail .headline h2 {
    font-size: 36px;
    color: #000;
    line-height: 34px;
    font-weight: bold;
    margin: 0;
    margin-top: 40px;
}
  .container{clear: both;}

#Container .price-list-detail .headline span {
    font-size: 14px;
    font-style: italic;
    line-height: 16px;
    color: #000;
}
.loose-stone .table {
    border: 2px solid #000;
    margin-bottom: 100px;
    width:94%;
    margin: 0 auto;
    margin-top: 50px;
}
.price-list-detail .price-list.table .title {
    background: #c0c0c0;
    display: table-row;
}
.loose-stone .price-list-detail .price-list.table > tbody > tr:last-child td {
    border-top: 1px #000 solid;
    font-style: italic;
}
table.price-list.table td {
    padding: 4px;
    font-size: 17px;
}
.main-table-data {
    overflow-x: auto;
    width: 100%;
}
  body.page-loose-stone .image-box1 img{width:100%;}
  body.page-loose-stone .image-box1{overflow:hidden;}
@media screen and (max-width:1024px){
/*   body.page-loose-stone .image-box1 img{
    width:100%;
  } */
}
  @media (max-width:768px){
    .image-box1 img {
      width: 100%;
    }

    body.page-loose-stone.promo_banner-show .gemstone-title {
      width: 90%;
    }
    .bottom-stone-info {
      padding: 0 10px !important;
    }
    .loose-stone-detail h1 {
      font-size: 50px;
      color: #00457c;
      line-height: 25px;
    }
    /*.clarity-section p, .Cutting-section p, .loose-stone-detail p {
    text-align: justify;}
    */
    .main-table-data table.table.stones-detail-table{max-width:700px;width:700px;}
  }
}
/*======================================================================Loose-stones  page===================================================================*/

/*======================================================================Certificate  page===================================================================*/
body.page-certificate{

  h1.secondary-font-family {
    color: #00457c;
    display: inline-block;
    font-size: 60px;
    line-height: 50px;
    margin-bottom: 28px;
    text-transform: none;
    font-style: italic;
  }
.style-number {
    width: 100%;
    margin: 0;
}
form#certificate-form button:hover {
    border-color: #003570;
    color: #003570;
    background-color: #fff;
}
  
}
/*======================================================================Certificate over page===================================================================*/

/*slider*/
.slick-initialized .slick-slide{outline: none;}
ul.retailerSlider-slider.slider-for.slick-initialized.slick-slider .slick-slide img {
    display: block;
    width: 90%;
    margin: 0 auto;
    margin-right: 80px;
}
ul.retailerSlider-nav{padding-left:0;}
ul.retailerSlider-nav button.slick-next.slick-arrow {
    right: -2.7%;
}
ul.retailerSlider-nav .slick-prev {
    left: -2%;
}
.retailerSlider-nav .slick-next:focus, .retailerSlider-nav .slick-next:hover,.retailerSlider-nav .slick-prev:focus,.retailerSlider-nav .slick-prev:hover{box-shadow:none;}
@media (max-width:768px){
  ul.retailerSlider-slider.slider-for.slick-initialized.slick-slider .slick-slide img{width:100%;}
  ul.retailerSlider-nav.slider-nav.slick-initialized.slick-slider, ul.retailerSlider-slider.slider-for.slick-initialized.slick-slider {
    padding: 0;
  }
  div#carousels li.slick-slide {
    margin: 0 32px;
  }
  
  ul.retailerSlider-slider.slider-for.slick-initialized.slick-slider button.slick-prev.slick-arrow, ul.retailerSlider-nav.slider-nav.slick-initialized.slick-slider button.slick-prev {
    left: -15px;
    width: 25px !important;
  }
  div#sliders .slick-next, div#carousels .slick-next {
    right: -30px;
    box-shadow: none;
    width: 20px !important;
  }
  .certified-dealer-info {
    margin-top: 60px;
  }
   .certified-dealer-info {
    margin-top: 60px;
  }
  body.page-certificate h1.secondary-font-family{margin-top:50px;}
  body.page-loose-stone .loose-stone-detail h1{margin-top:50px;}
  .introduction-marketing-kit{margin-top:50px;}
}
/*===========================================================media-look-book=========================================================================*/
.introduction-marketing-kit h1 {
    color: #1b4984;
    text-align: center;
    font-size: 66px;
}
 .introduction-marketing-kit h2.title{
   color: #1b4984;
   font-size: 34px;
   margin: 30px 0;
       text-align: center;
 }
.introduction-marketing-kit .anchor-block {
    text-align: center;
}
.introduction-marketing-kit .first{
  text-align:center;
  font-size: 20px;
  line-height: 28px;
}
.marketing-element-container {
    margin: 0 5%;
}
.gems-marketing-kit .marketing-title {
    font-size: 48px;
    text-align: center;
}
 .gems-marketing-kit .center-content span.title {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    width: 100%;
    letter-spacing: 4px;
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
}
.gems-marketing-kit .center-content h1 {
    color: #29a75f;
    margin: 0 0 10px 0;
    padding: 5px 0 0 0;
    width: auto;
    border-top: 1px solid #c8c7c7;
    text-align: left;
    font-size: 46px;
    line-height: normal;
    padding-top: 20px;
}                                
.gems-marketing-kit .center-content h2 {
    color: #1b4984;
    margin: 0 0 10px 0;
    padding: 5px 0 0 0;
    width: auto;
    text-align: left;
    font-size: 46px;
    line-height: normal;
    
}
 .gems-marketing-kit .center-content h1 {
    color: #29a75f;
    margin: 0 0 10px 0;
    padding: 5px 0 0 0;
    width: auto;
    border-top: 1px solid #c8c7c7;
    text-align: left;
    font-size: 46px;
   line-height: normal;
    
}
 .mediabook-page h1 , h2 {
    margin: 50px 0 20px;
    color: #1b4984;
    text-align: center;

}
.mediabook-page hr {
  display: inline-block;
  width: 100%;
  border-color: #c9c9c9;
  margin: 25px 0 40px 0;
  border-top: 1px solid #eee;
}
.gems-marketing-kit .center-content.red h1 {
    color: #d6303a;
}
.gems-marketing-kit .center-content p {
    font-size: 16px;
    display: inline-block;
    width: 100%;
}
.gems-marketing-kit  p {
    color: #666;
}
.jewelry-section p {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 30px 0;
}
.jewelry-section .signature {
    float: none;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}
#fullImage .signature img {
    width: auto;
    max-width: inherit;
    margin: 0 auto;
}
.signature a {
    color: #333;
    display: block;
}
.jewelry-section .signature span {
    color: #1b4984;
    font-size: 26px;
    line-height: 48px;
    display: inline-block;
    padding: 30px 0;
}
.page-media-book .video-remodal embed {
  width: 100%;
  min-height: 92vh;
}
.page-media-book .video-remodal {
  background:transparent;
  min-width:90%;
  margin:0 auto;
}
.page-media-book .video-remodal .remodal-close:hover{
 background:transparent !important;
 border:none !important;
 color:#fff;
}
.page-media-book .video-remodal .remodal-close {
    min-width: 58px;
}
@media screen and (max-width:768px){
  .marketing-element-container {
    margin: 0 5%;
  }
  .wrap-box .right-box {
    padding-left: 0 !important;
  }
  .wrap-box .left-box{padding-right:0 !important;}
  .page-media-book .video-remodal embed {
    width: 100%;
    min-height: 380px;
  }
}
@media screen and (max-width:480px){
  #fullImage .signature img{
    width:100%;
  }
  .page-media-book .video-remodal embed {
    width: 100%;
    min-height: 180px;
  }
}
#fullImage .signature img{}
/*===========================================================END_media-look-book=========================================================================*/
/*===========================================================App page=========================================================================================*/
.app-banner>img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}
.app-caption {
  position: absolute;
  border: none;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
.app-banner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.app-caption p {
    font-size: 24px !important;
    color: #fff !important;
    font-family: "Crimson Text", serif;
    font-style: italic;
}
.app-caption .head-logo img {
  max-width: 100% !important;
      margin-bottom: 20px;
}
.heading-box{padding-bottom:0 !important;border-bottom:0 !important;    margin-top: 15px;}
.heading-box h1{
  color: #004178;
  font-size: 24px;
  line-height: 35px;
}
.heading-descripton {
  margin: 15px 0 50px !important;
  width: 78%;
  margin: 0 auto !important;
  margin-bottom: 48px !important;
}
@media screen and (max-width:798px){
  
  .app-banner>img {
    width: 100%;
    height: 430px;
    object-fit: cover;
  }
  .app-caption .head-logo img {
    max-width: 80% !important;
    margin-bottom: 20px;
  }
  body.page-loose-stone .gemstone-title{
    padding: 40px 0 30px 7%;
  }
}
@media screen and (max-width:792px){
   body.page-loose-stone .bottom-stone-info {
    text-align: center;
    padding: 0 10px;
   }
   .image-box1 img {
    max-width: 100%;
}
}
/*===========================================================End App page=========================================================================================*/
/*===========================================================contact us page=========================================================================================*/
.customer-left-part.left-side {
    border-right: none;
}
.customer-login-form.right-part {
    border-left: 1px solid #d0d0d0;
    margin-top: 10px;
    margin-bottom: 3%;
}
.banner.contact-heading {
    background-color: transparent;
    overflow: inherit;
}
.banner.contact-heading h1 {
    color: #00457c;
    font-size: 60px;
    margin-bottom: 28px;
    display: inline-block;
    line-height: 50px;
    font-family: "Crimson Text", serif;
    font-style: italic;
}
.customer-login-form.right-part .contact-form p {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 30px;
    color: #666666;
}
.customer-login-form.right-part .form-fields .form-group input {
  width: 40%;
  font-family: Lato, sans-serif;
}
.customer-login-form.right-part .form-fields .form-group select {
  width: 40%;
  font-family: Lato, sans-serif;
}
.customer-login-form.right-part .form-fields .form-group textarea {
  height: 142px;
}
.contact-form .form-fields button{border: 1px solid transparent; margin-top: 13px; }
.contact-form .form-fields button:hover{
    border-color: #003570;
    color: #003570 !important;
}
.customer-login-form.right-part .contact-form p.more-info {
    margin-bottom: 0;
}
.customer-left-part.left-side ul {
    padding: 0;
}


@media (max-width:798px){
   .customer-login-form.right-part .form-fields .form-group select {
    width: 100%;
   }
   .customer-login-form.right-part .form-fields .form-group input {
    width: 100%;
  }
  .customer-left-part.left-side ul {
    padding: 0;
  }
}
@media (max-width:768px){
  .customer-login-form.right-part{
    border-left: none;
  }
  .banner.contact-heading h1 {
    color: #00457c;
    font-size: 40px;
    margin-bottom: 8px;
  }
  .customer-login-form.right-part .form-fields .form-group input {
    width: 100%;
  }
  .customer-login-form.right-part .form-fields .form-group select {
    width: 100%;
  }
}
/*===========================================================End contact us page=========================================================================================*/
/*===========================================================media Book=========================================================================================*/
.chatham-media-gallery-page h3.title.text-center {
  color: #0d4073;
  font-size: 31px;
  font-family: "Crimson Text", serif !important;
  text-transform: none;
  font-style: italic;
}
.chatham-media-gallery-page .mg-content-head-left h3.title.text-left {
    color: #0d4073;
  font-size: 31px;
  font-family: "Crimson Text", serif !important;
  text-transform: none;
  margin-bottom: 0;
  font-style: italic;
}
#Container .chatham-media-gallery-page .title{color:#0d4073;font-size:31px;text-transform:uppercase;margin: 48px 0;}
.chatham-media-gallery-page  .mg-container {/*max-width: 787px;*/margin: 0 auto;overflow: hidden;}
.chatham-media-gallery-page .gallery-type-nav {padding: 10px 0 15px;}
.chatham-media-gallery-page .gallery-type-nav ul {margin: 0;text-align:center;padding-left:0;}
.chatham-media-gallery-page .gallery-type-nav li{list-style:none;display:inline-block;}
.chatham-media-gallery-page .gallery-type-nav li a{outline:none;color:#686767;font-size:11px;font-family: 'Lato', sans-serif;text-transform:uppercase;padding: 5px 8px;letter-spacing: 0.05em;}
.chatham-media-gallery-page .mg-content-head{border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;padding:10px 5px;}
.chatham-media-gallery-page .mg-content {padding: 15px 0 60px;}
.chatham-media-gallery-page .mg-content-head-left{float:left;}
.chatham-media-gallery-page .mg-content-head-right{float:right;}
#Container .chatham-media-gallery-page .mg-content-head-left .title{color:#134d88;margin:0;}
.chatham-media-gallery-page .mg-content-head-right .download{font-size:15px;color:#0d4073;text-transform:uppercase;padding-top: 10px;display: block;font-family:'Lato', sans-serif;}
.chatham-media-gallery-page .mg-img {
  float: left;
  width: 12.5%;
  height:150px;
  text-align:center;
  position:relative;
	padding: 5px;
}

.chatham-media-gallery-page .mg-img .img-overlay a{
  position:absolute;
  left:5px;
	width: calc(100% - 10px);
    height: calc(100% - 10px);
  top:5px;
  bottom:0;
  background:rgba(0,0,0,0.7) url(/cdn/shop/t/159/assets/download-white.png?12545536900325253764) no-repeat center center;
  opacity:0;
}
.chatham-media-gallery-page .mg-img:hover .img-overlay a{opacity:1;}
.chatham-media-gallery-page .mg-img .inner {
  height: 100%; display: block;vertical-align: middle;text-align: center;
  background-position: center center;
  background-size: cover;
}
.chatham-media-gallery-page .mg-img .inner::after,.chatham-media-gallery-page .mg-img .inner::before {content: "";display: inline-block;height: 100%; white-space: nowrap;vertical-align: middle;}
.chatham-media-gallery-page .mg-img .inner img{/* max-width:100%; */margin:0 auto;}
@media(max-width:767px){
  .chatham-media-gallery-page .mg-img{
  	width: 20.0%;
  }

}
@media(max-width:480px){
  #Container .chatham-media-gallery-page .mg-content-head-left .title{font-size:26px;}
  .chatham-media-gallery-page .mg-content-head-left,.chatham-media-gallery-page .mg-content-head-right{float:none;}
  .chatham-media-gallery-page .mg-img{
    width: 50.0%;
    margin:10px 0;}
  .chatham-media-gallery-page > .container {
    padding: 0;
  }
  .chatham-media-gallery-page .mg-content-head-left h3.title.text-left{font-size:26px;}
}
@media(max-width:360px){
  .chatham-media-gallery-page .mg-img .inner{height:150px;}
  
}
/*===========================================================End Media Book=========================================================================================*/
/*===========================================================Payment Page=========================================================================================*/
.page-payment .payment-page h1 {
    color: #00457c;
    font-size: 60px;
    margin-bottom: 28px;
    display: inline-block;
    line-height: 50px;
    font-family: "Crimson Text", serif;
    font-style: italic;
}
.page-payment .payment-form p {
    font-family: Lato, sans-serif;
    line-height: 2.2;
}
.payment-btn:hover {
    color: #003570;
    border-color: #003570;
}
/*===========================================================END-Payment Page=========================================================================================*/

/*===========================================================alexandrite-gems Page=========================================================================================*/

.chatham-gems-pages img.chatahm-small-icon {
    width: 60px;
}
.chatham-gems-pages .image-alternate-featured-text{padding:0;}
.chatham-gems-pages .images-text,.chatham-gems-pages .images-text p{
    margin-bottom: 0px !important;
}
.chatham-gems-pages .description p,.chatham-gems-pages .description,.chatham-gems-pages .description span{
    font-size: 18px !important;
    color: #2d2d2d;
    font-family:Lato, sans-serif;
    margin-bottom: 0;
}
.chatham-gems-pages .description p{margin-bottom:15px;}
.chatham-gems-pages .homepage_content h2.title {
  color: #615c90;
  font-size: 42px !important;
  font-family: "Crimson Text", serif;
}
.chatham-gems-pages .featured-link--half .info {
    padding: 6% 0;
}

.chatham-gems-pages .featured-link--half .collection_title {
  text-align: inherit;
  line-height: 1.2em;
}
.chatham-gems-pages .featured-link--half img{width:auto;}
.chatham-gems-pages .featured-link--wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}
.chatham-gems-pages .featured-link--half .info a.collection_title {
    font-size: 30px;
    color: #615c90;
    margin-top: 2px;
    font-family: "Crimson Text", serif;
}
.chatham-gems-pages .block__featured_collection {
    margin-bottom: 50px;
}
/* .chatham-gems-pages .slider-products .slider-img img {
    width: 200px;
    height: 200px;
   margin:0 auto;
} */
.chatham-gems-pages .block__popular h3 {
    font-size: 20px !important;
    font-family: "Crimson Text", serif;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.chatham-gems-pages .slider-products .four.columns {
    text-align: center;
  }
@media screen and (max-width:798px){
  .chatham-gems-pages .slider-products .four.columns {
    text-align: center;
  }
  .chatham-gems-pages .block__popular h3{text-align:center;}
  .chatham-gems-pages .slider-products .slider-img img{
/*     width: 100%;
    height: 200px; */
    margin: 0 auto;
    object-fit: contain;
  }
  .chatham-gems-pages .image-alternate-featured-text .container {
    margin: 0;
    width: 100%;
  }
  .chatham-gems-pages .featured-link--half .info{
   width:100%;
  }
  .chatham-gems-pages .featured-link--half .info a.action_button {
    width: auto !important;
  }
  .page-details-section.chatham-gems-pages .container {
    padding: 0;
    width: calc(100% - 20px);
    margin: 0 auto;
  }
  .chatham-gems-pages .image-alternate-featured-text{padding:0;}
}


/*======================================SALES TRAINING STYLES from old theme==================================*/
/* .only-pg-cont.training-kits .training-box {
    padding-bottom: 20px;
    padding-top: 20px;
}
.only-pg-cont.training-kits .training-box a{
line-height: 24px !important;
}
.only-pg-cont.training-kits .training-box a img{
padding-bottom: 10px !important;
} */
.page-sales-training .homepage-about .featured_text p {
  margin-bottom: 18px;
  line-height: 1.5em;
}
.page-sales-training .homepage-about {
   padding: 0 0%;
}

.sales-image-wrapper {
    text-align: center;
    margin-bottom: 20px;
}
.sales-image-wrapper h2 {
    color: #333333 !important;
    font-size: 24px;
    font-family: "Crimson Text", serif;
    transition:0.2s;
}
.sales-image-wrapper h2:hover{color: #00457c;}
.sales-image-wrapper img {
    width: 100%;
    max-width: 400px;
    height: auto;
    border: 1px solid #d3d3d3;
}
.page-sales-training .homepage-about {
    border-bottom: none;
}
.page-sales-training .homepage-about>h2 {
  color: #00457c;
  display: inline-block;
  font-size: 60px;
  font-style: italic;
  line-height: 50px;
  margin-bottom: 28px;
  text-transform: none;
  margin-top: 0;
}
.sales-training-title h2 {
    color: #00457c;
    display: inline-block;
    line-height: 50px;
    margin-bottom: 28px;
    margin-top: 0;
  outline:none !important;
}
.sales-image-wrapper a {
    outline: none;
}
.sales-image-wrapper h2:focus,.sales-image-wrapper h2:hover,.sales-image-wrapper h2:visited{outline:none !important;}

@media screen and (max-width:1024px){
 .page-sales-training .block__rich_text_and_image .container {
   margin: 0 !important;
   width: 100%;
  }
  
}
@media screen and (max-width:600px){
  .sales-image-wrapper img{max-width:600px;}
   .page-sales-training .homepage-about>h2{
    font-size:40px;
    text-align:center;
    display: block;
  }
}
/*==========================================END SALES TRAINING STYLES====================================*/
/*==========================================Page-Certificate====================================*/
.page .page>h1, .page-chatham-rewards .page>h1 {
  color: #00457c;
  display: inline-block;
  font-size: 60px;
  text-transform: none;
  font-style: italic;
}
.page-certificate-section .homepage-about {
  border-bottom:none;
  padding: 0;
}
.page-certificate-section .homepage-about .featured_text p {
  line-height: 30px;
  margin-bottom: 18px;
  line-height: 1.5em;
}
.page-certificate-section .homepage-about>h2{
  color: #00457c;
  display: inline-block;
  font-size: 60px;
  line-height: 60px;
  margin-bottom: 28px;
  text-transform: none;
  margin-top: 0;
  font-style: italic;
}
.page-certificate-section .block__rich_text_and_image .container{
  padding:0;
}
.page-certificate-section .block__rich_text_and_image{
    margin-bottom: 30px;
}
.page-certificate .container.main.content {
    margin-bottom: 50px;
}
.only-pg-cont.calender-page h2 {
    color: #00457C;
    font-size: 18px;
    /* letter-spacing: 1.5px; */
    /* line-height: 20px; */
    /* margin-bottom: 0; */
    /* font-weight: bold; */
    margin-top: 0;
    margin-bottom: 0;
}
@media screen and (max-width:1024px){
 .page-certificate-section .block__rich_text_and_image .container {
   margin: 0 !important;
   width: 100%;
  }
  
}
@media screen and (max-width:798px){
  .page-certificate-section .block__rich_text_and_image .container {
    margin: 0;
    width: 100%;
  }
}
@media screen and (max-width:600px){
  .page-certificate-section .homepage-about>h2,.page .page>h1 {
    font-size: 40px;
    text-align: center;
    display: block;
  }
  
}
/*==========================================END-Certificate====================================*/
/*==========================================CART PAGE===========================================================*/
.cart h1 {
    text-align: center;
    font-size: 44px;
    margin-bottom: 65px;
    font-style: italic;
    color: #003570 !important;
   margin-bottom:0;
}
.cart button.action_button.add_to_cart:Hover .icon-lock:before {
    color: #003473 !important;
}
.cart .cart-container {
    display: flex;
    align-items: center;
}
.cart_content_info h3{
  margin-bottom: 0;
}
.cart_content_info h3 a {
    color: #003473;
}
.cart_content_info p.modal_price span {
    font-size: 16px;
}
.cart_content_info p.meta {
    margin-bottom: 0;
}

.cart_content_info p.modal_price {
    font-size: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
}
#cart_form .product-quantity-box .product-plus,#cart_form .product-quantity-box .quantity,#cart_form .product-quantity-box .product-minus{
  height:25px;
  min-height: 25px;
  line-height: 25px;
}
#cart_form .product-quantity-box .product-plus .icon-plus:before,#cart_form .product-quantity-box .product-minus .icon-minus:before{font-size:12px;}
.cart .add_to_cart.action_button {
  width: 100% !important;
}
@media screen and (max-width:798px){
  p.checkout-btn {
    text-align: center;
  }
}
@media screen and (max-width:480px){
  .cart .cart-container {
    display: block;
  }
}

/*==========================================END-CART PAGE===========================================================*/




/************** Date 10-01-2020 *************/

/*===================== Store Location PAGE =====================*/
body.page-store-locator .page > h1 {
  color: #000000;
  display: inline-block;
  font-size: 30px;
  text-transform: none;
}

.ada-font{
  font-size: 0px;
  line-height: 0;
  margin: 0;
}

.book-form {
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}


.book-form [type="submit"]{
  height: 44px;
  min-height: 44px;
  border:solid 1px #003570;
}
.book-form [type="submit"]:hover, .certificate-form [type="submit"]:hover{
  border-color: #003570 !important;
  color: #003570;
  background-color: #fff;
}
.book-form input {
  margin-bottom: 25px;
}
label.error {
  color: red;
  font-size: 12px;
  font-weight: normal;
  text-transform: inherit;
  margin-bottom: 0;
  display: inline;
  /* padding: 0; */
/*   position: absolute; */
  bottom: 0px;
}
/* input.error:not([aria-invalid="true"]) {
  margin-bottom: 25px !important;
} */

.contact-form input[aria-invalid="true"], .contact-form input.error, .contact-form select.error, .contact-form textarea.error {
  margin-bottom: 0;
}
input.error {margin-bottom: 0;}
.contact-form2 input.error[aria-invalid=true] {
  margin-bottom: 0 !important;
}
input.error+label {
  margin-bottom: 25px !important;
}

.book-form .columns {
  position: relative;
}

@media screen and (max-width:798px){
  body.page-store-locator .page > h1 {
  	font-size: 40px;
  }
  
  .book-form .columns.omega, .book-form .columns.alpha{
  	width:100%;
    margin-left:0px;
    margin-right:0px;
  }
  
  .book-form .columns.omega input, .book-form .columns.alpha input{
  	font-size:13px;
  }
}

@media screen and (max-width:360px){
  body.page-store-locator .page > h1 {
  	font-size: 34px;  
  }
}
body.page.giving-back .page h2 {
  color: #00457c;
  display: inline-block;
  font-size: 60px;
  text-transform: none;
  font-style: italic;
  font-weight: normal !important;
}


/*===============================reward-page======================*/
.reward-text{font-size:16px;}
.page-chatham-rewards{
  .reward-page-section{
    h2.title{
      font-size:44px;
      font-style:italic;
      margin: 0;
      color:#07487e;
      @media screen and (max-width:798px){
        margin:0px;
      }
    }
    .form-wrapper{
      form{
        justify-content:center;
        display:flex;
        align-items:center;
        margin:40px 0 50px;
        @media screen and (max-width:798px){
          display:inline-block;
        }
        .form-name{
          width: 35%;
          margin:0;
          label{
            font-weight:normal;
            font-size:14px;
            margin:0px;
            color:#505050;
            @media screen and (max-width:798px){
              text-align:center;
              margin-bottom:15px;
            }
          }
          @media screen and (max-width:1199px){
            width:45%;
          }
          @media screen and (max-width:798px){
            width:100%;
          }
        }
        .form-textbox{
          width:44%;
          display:flex;
          @media screen and (max-width:798px){
            width:100%;
          }
          input#participant_id {
            height: 35px;
            min-height: 35px;
            margin: 0;
            border: 1px solid #494949;
            @media screen and (max-width:575px){
              border-radius:0px;
            }
          }
          input.btn.action_button.sign-button {
            height: 35px;
            min-height: 35px;
            font-size: 14px !important;
            letter-spacing: 1px;
            @media screen and (max-width:575px){
              font-size:12px !important;
              padding:0 15px;
              border-radius:0px;
            }
            &:hover{
              color:#094d72;
              border: 1px solid #094d72;
            }
          }
        }
      }
      hr{
        width:30%;
        margin:0 auto;
        color:#505050;
        @media screen and (max-width:575px){
          width:70%;
        }
      }
      .participant_result_wrapper{
        .result_area{
          display:none;
          padding:60px 0 0;
          .pd-bottom{
            padding-bottom:60px;
          }
          h6{
            margin:0px;
            padding:0px;
            font-family: Lato, sans-serif;
            font-size:18px;
            letter-spacing:1px;
            color:#494949;
          }
          h2{
            margin:10px 0;
            font-family: Lato, sans-serif;
            color:#043a69;
            font-size:24px;
            @media screen and (max-width:575px){
              font-size:20px;
            }
          }
          p{
            margin:0;
            font-size:16px;
          }
          p.participant_email {
            padding-bottom: 60px;
            @media screen and (max-width:575px){
              padding-bottom: 40px;
            }
          }
          @media screen and (max-width:575px){
            padding-top: 40px;
          }
        }
      }
    }
    .form-wrapper {max-width: 80%;margin: 0 auto;text-transform: initial;text-align: center;width: 100%;}

    .form-wrapper label {
      text-transform: initial;
    }

    .form-wrapper .columns {
      margin: 0 auto;
      text-align: center;
      display: block;
      /* float: none; */
    }
    .catalog-section{
      margin:20px 0;
      display:inline-block;
      a.btn.action_button.sign-button {
        margin: 80px 0 60px;
        &:hover{
          color:#05477b;
          border: 1px solid #094d72;
        }
        @media screen and (max-width:575px){
          margin:40px 0 20px;
          max-width: 100%;
          font-size: 13px !important;
          padding: 0 15px;
        }
      }
      h3{
        color:#05477b;
        font-style:italic;
        margin-bottom:30px;
        font-size:22px;
        @media screen and (max-width:575px){
          margin-top:15px;
          font-size:18px;
        }
      }
      .img-col img {
        border: 1px solid;
        color: #515151;
      }
      h4{
        font-size:18px;
      }
      @media screen and (max-width:575px){
        display:block;
      }
    }
  }
}


/*==========================================reward-page===========================================================*/

/*==== requst accces */
.page-loose-gems-store{
  .tabs_wrapper .tab_data:not(.first-tab), {
    display: none;
  }
}
div#shopify-section-registration-form{
  padding: 35px 0 0 0;
  .title-wrapper{
    h1 {
      font-family: "Crimson Text", serif;
      font-style: italic;
      color: #00457c;
      font-size: 40px;
      margin:0px;
      @media screen and (max-width:575px){
        font-size:24px;
      }
    }
    strong{
      color:#00457c;
      font-weight:bold;
      font-size:20px;
      @media screen and (max-width:575px){
        font-size:14px;
      }
    }
  }
  div#recover_email{ 
    .form-name{
      display:none;
    }
  }
  .action_bottom.sb-btn{
    margin-bottom:50px;
    input{
      -webkit-appearance: none;
      -webkit-border-radius:0px;
      width: 50% !important;
      outline: none;
      margin: 0;
      font-size: 15px !important;
      letter-spacing: 0.5px;
      font-family: 'Lato', sans-serif;
      font-weight: 300;
      height: 40px;
      min-height: 40px;
      @media screen and (max-width:575px){
        width:80% !important;
      }
    }
  }
  .form-wrapper{
    .form_tabs_wrapper {
      width: 42%;
      margin: 0 auto;
      background-color:#f4f4f4;
      .form-bottom-text{
        background-color:#fff;
        p{
          margin:10px 0;
          font-size:13px;
          text-align:left;
        }
      }
      ul.tabs{
        border:none;
        width:100%;
        margin-bottom:50px;
        li{
          display:inline-block;
          float:left;
          width: 50%;
          text-align: center;
          a{
            margin-right: 0;
            border:none;
            font-size: 15px;
            text-transform: capitalize;
            letter-spacing: 0.5px;
            height: auto;
            padding: 10px 0;
            background-color: #ced9e6;
            color: #84a6ce;
          }
        }
      }
      ul.tabs-content{
        div#recover_email{
          .form-textbox{
            width:50%;
            margin:0 auto;
            float:none;
            input{
              -webkit-appearance: none;
              -webkit-border-radius:0px;
              border: none;
              height: 40px;
              min-height: 40px;
              font-family: 'Lato', sans-serif;
              font-weight: 300;
            }
            @media screen and (max-width:575px){
              width:80%;
            }
          }
        }
        #new_customer{
          .form-textbox{
            width:90%;
            float:none;
            margin:0 auto;
            input, .location-input #state{
              border: none;
              -webkit-appearance: none;
              -webkit-border-radius:0px;
              height: 40px;
              min-height: 40px;
              font-family: 'Lato', sans-serif;
              font-weight: 300;
            }
          }
          .group-inputs{
            display:flex;
            .location-input{
              width:33.33%;
              &:nth-of-type(2){
                margin:0 10px;
                @media screen and (max-width:768px){
                  margin:0px;
                }
              }
              @media screen and (max-width:768px){
                width:100%;
              }
            }
            @media screen and (max-width:767px){
              .mobile-input{
                width:48%;
                float:left;
               &:nth-of-type(2){
                 margin-right:11px;
                @media screen and (max-width:350px){
                  margin-right:10px;
                }
               }
              }
            }
            @media screen and (max-width:768px){
              display:block;
            }
          }
          .half-inputs{
            display:flex;
            width:92%;
            .input-div{
              width: 50%;
              float: left;
              margin: 0 5px;
              p{
                font-size: 10px;
                text-align: left;
                line-height: 15px;
              }
              @media screen and (max-width:768px){
                width:98%;
              }
              @media screen and (max-width:575px){
                margin:0 3px;
              }
            }
            @media screen and (max-width:768px){ 
              display:block;
            }
          }
          .action_bottom.sb-btn{
            margin-top:20px;
          }
        }
      }
      @media screen and (max-width:991px){
        width:60%;
      }
      @media screen and (max-width:768px){
        width:100%;
      }
    }
  }
}


/* Chatham-lab */
.gemstone_loader {
  display: none;
  width: 100%;
  position: absolute;
  height: 100%;
  background: rgba(204,204,204,0.8);
  z-index: 9;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  justify-content: center;
  align-items: center;
}
#order_summary_wrapper{
  display:none;
}
.show-loader{
  .gemstone_loader{
    display:flex;
  }
}
.shipping-details-remodal .title-wrapper .desc {
    color: #de3618;
    font-size: 12px;
    margin-bottom: 25px;
    text-align: left;
    line-height: normal;
  }
.loose-gems-store-page-section{
  padding: 40px 0 0 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  .title-wrapper{
    h1{
      font-family: "Crimson Text", serif;
      font-style: italic;
      color: #00457c;
      font-size: 40px;
      margin: 0px;
      line-height:1;
      @media screen and (max-width:767px){
        font-size:27px;
      }
    }
    strong{ 
      color: #00457c;
      font-size: 15px;
      text-transform: uppercase;
      font-weight: normal;
      letter-spacing: 1px;
      margin-bottom: 15px;
      display: block;
      @media screen and (max-width:767px){
        font-size:13px;
      }
    }
    .desc{
      p{
        font-size: 15px;
        width: 80%;
        margin: 0 auto 40px;
        color: #505050;
        @media screen and (max-width:767px){
          width:100%;
        }
      }
    }
    .links_cta_wrapper{
      p{
        margin-bottom:5px;
        line-height: normal;
        a{
          font-weight: bold;
          color: #505050;
          text-transform: capitalize;
          font-size: 15px;
        }
        a.price_list{
          color:#00457c;
          font-size:15px;
          font-style: italic;
        }
      }
      a.action_button{
        font-size: 15px !important;
        font-weight: 300;
        max-width: 225px;
        padding: 12px 15px !important;
        display: table;
        margin: 0 auto 40px;
        box-shadow: none;
        border: 2px solid #003473;
        @media screen and (max-width:767px){
          margin: 0 auto 30px;
        }
      }
      br{
        display:none;
      }
    }
  }
  .main-tabs-wrapper{
    .tabs_wrapper{
      padding:35px 0;
      .content{
        padding:15px 0 0 0;
        .tab_header{
          color: #00457c;
          cursor: pointer;
          font-size: 25px;
          font-style: italic;
          font-family: "Crimson Text", serif;
          border-bottom: 1px solid #b4b4b4;
          padding-bottom: 5px;
          margin-bottom: 10px;
          @media screen and (max-width:767px){
            font-size:20px;
            margin-bottom:5px;
          }
        }
        .tab_data{
          .desc {
            font-size: 13px;
            width: 80%;
            color:#505050;
            margin-bottom:15px;
            text-align: left;
            @media screen and (max-width:767px){
              width:100%;
              line-height: 18px;
              font-size: 12px;
              margin-bottom: 30px;
            }
            @media screen and (max-width:767px){
              width:100%;
            }
          }
          .gemstone_type_list{
            margin: 30px 0 0 -20px;
            padding: 0px;
            width: 100%;
            display: inline-block;
            @media screen and (max-width:1180px){
              margin: 40px 0 0 0px;
            }
            @media screen and (max-width:991px){
              width:100%;
            }
            li{
              position: relative;
              list-style-type: none;
              align-items: center;
              width: calc(33.3333% - 30px);
              float: left;
              cursor: pointer;
              margin-bottom: 30px;
              text-align: center;
              margin: 0px 15px 30px;
              @media screen and (max-width:767px){
                width: 50%;
                margin:0px 0px 15px;
              }
              label{
                text-align: center;
                text-transform: capitalize;
                color: #505050;
                font-size: 15px;
                font-weight: normal;
                margin: 0px;
                cursor: pointer;
                text-overflow: ellipsis;
                height: 75px;
                -webkit-line-clamp: 3;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                overflow: hidden;
                .gems_type_img {
                  max-width: 180px;
                  position: absolute;
                  left: 0;
                  right: 0;
                  margin: 0 auto;
                  top: 0px;
                  border: 1px solid #eef4fa;
                  border-radius: 50%;
                  overflow: hidden;
                }
                img{
                  width: 100%;
                  transform: scale(1.7);
                }
              }
              input[type=radio]{
                width: 180px;
                height: 180px;
                -webkit-appearance: none;
                outline: none;
                cursor: pointer;
                position: relative;
                &:before{
                  position: absolute;
                  content: '';
                  height: 180px;
                  width: 180px;
                  z-index:9;
                  border-radius: 50%;
                  margin: 0 auto;
                  text-align: center;
                }
                &:checked:before{
                  -webkit-box-shadow: 0 0 0 2px #003473 !important;
                  box-shadow: 0 0 0 2px #003473 !important;
                  border:none;
                }
              }
              @media screen and (max-width:920px){
                flex-direction: column;
                padding:0 5px;
                margin-bottom:0px;
              }
            }
          }
          .secondary_list{
            clear:both;
            .secondary_inputs{
              display: flex;
              align-items: center;
              width: 15%;
              float: left;
              cursor:pointer;
              label{
                margin:0px 0 0 10px;
                text-transform: capitalize;
                font-size: 15px;
                color: #505050;
                cursor:pointer;
                @media screen and (max-width:767px){
                  font-size:13px;
                }
              }
              input[type=radio]{
                width:15px;
                height:15px;
                background-color:transparent;
                border:1px solid #505050;
                -webkit-appearance: none;
                border-radius: 50%;
                outline:none;
                cursor:pointer;
                &:before{
                  position: absolute;
                  content: '';
                  height: 9px;
                  width: 9px;
                  border-radius: 50%;
                  margin: 0 auto;
                  text-align: center;
                  border: 2px solid #fff;
                }
                &:checked:before{
                  background-color:#505050;
                }
              }
              @media screen and (max-width:1100px){
                width:27%;
              }
              @media screen and (max-width:767px){
                width:50%;
              }
            }
            p.step-note{        
              clear: both;
              margin: 5px 0 25px;
              display: inline-block;
              width: 75%;
              font-size: 13px;
              @media screen and (max-width:767px){
                width:100%;
                text-align:left;
              }
            }
          }
          .btn_wrappers{
            margin-bottom:22px;
            .action_button{
              max-width:200px;
              width:100% !important;
              font-weight: 300;
              letter-spacing: 0.5px;
              @media screen and (max-width:767px){
                max-width:125px;
              }
            }
            @media screen and (max-width:767px){
              text-align:center;
            }
          }
          p.step-note{
            margin: 0 0 40px;
            font-size: 14px;
            a{
              font-family: 'Lato';
              font-weight: 900;
              letter-spacing:0.5px;
              @media screen and (max-width:767px){
                display:block;
              }
            }
            @media screen and (max-width:767px){
              text-align:center;
            }
          }
        }
      }
    }
    #tab2{
      .gemstone_shape_list{
        margin: 30px 0 0 -20px;
        padding: 0px;
        width: 100%;
        display:inline-block;
        li{
          position:relative;
          list-style-type: none;
          align-items: center;
          width: 25%;
          float: left;
          cursor: pointer;
          margin-bottom: 30px;
          text-align: center;
          label{
            text-align:center;
            text-transform: capitalize;
            color: #505050;
            font-size: 15px;
            font-weight: normal;
            margin:0px;
            cursor:pointer;
            text-overflow: ellipsis;
            height: 75px;
            -webkit-line-clamp: 3;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
          }
          input[type=radio]{
            width:180px;
            height:180px;
/*             background-color:#b4b4b4; */
            -webkit-appearance: none;
            outline:none;
            cursor:pointer;
            position:relative;
            &:before{
              position: absolute;
              content: '';
              height: 180px;
              width: 180px;
              margin: 0 auto;
              text-align: center;
              @media screen and (max-width:920px){
                height: 127px;
                width: 127px;
              }
              @media screen and (max-width:767px){
                height: 130px;
                width: 130px;
              }
            }
            &:checked:before{
              -webkit-box-shadow: 0 0 0 2px #003473 !important;
              box-shadow: 0 0 0 2px #003473 !important;
/*               border: 2px solid #fff!important; */
            }
            @media screen and (max-width:767px){
              width:130px;
              height:130px;
            }
          }
          img{
             width:100%;
             max-width:180px;
             position: absolute;
             left: 0;
             right: 0;
             margin: 0 auto;
             top:0px;
             border: 1px solid #eef4fa;
          }
          span{
            color:#505050;
            text-transform: capitalize;
            font-size:15px;
            @media screen and (max-width:798px){
              font-size:13px;
            }
          }
          @media screen and (max-width:767px){
            width:50%;
          }
        }
        @media screen and (max-width:1180px){
          margin: 40px 0 0 0px;
        }
        @media screen and (max-width:991px){
          width:100%;
        }
      }
    }
    #tab3{
      .tab_data{
        .gemstone_size{
          select{
            background: #fff url(/cdn/shop/t/172/assets/select-new.png?v=352604010814398101) no-repeat 93% 50%;
            border: 1px solid #b4b4b4;         
            font-family: 'Lato', sans-serif;
            font-weight: 300;
            color:#505050;
            width:20%;
            margin:30px 0;
            @media screen and (max-width:767px){
              width:100%;
            }
          }
        }
      }
    }
    #tab4{
      .gemstone_qty{
        .product-quantity-box{
          margin: 30px 0 30px -15px;
          .js-change-quantity{
            background-color:transparent;
            border:none;
            span{
              &:before{
                font-weight:bold;
                font-size:12px;
              }
            }
          }
          .quantity{
            width:60px;
            border: 1px solid #b4b4b4;
          }
        }
      }
    }
    .btn_wrappers{
      clear:both;
      .prev-button{
        background: transparent;
        color: #003473;
        border: 2px solid;
        margin-right: 15px;
        &:hover{
          background: #003473;
          color:#fff;
          border: 2px solid #003473;
        }
        @media screen and (max-width:767px){
          margin-right: 10px;
        }
      }
    }
  }
  .order_summary_wrapper{
  
    .title-wrapper{
      .desc{
        color: #505050;
        font-size: 12px;
        margin-bottom:25px;
      }
      .links_cta_wrapper{
        .action_button{
          padding: 14px 36px !important;
          background: transparent;        
          margin: 0 auto 20px;
          color: #003473;
          &:hover{
            background-color:#003473;
            color: #ffffff;
          }
        }
        .price_list {
          font-weight: bold;
          color: #003473;
          display: block
        }
      }
      .summary_data{
        .summary_item{
          text-align:left;          
          border-bottom: 1px solid #b4b4b4;
          padding: 40px 0 25px;
          display:flex;
          @media screen and (max-width:798px){
            padding: 20px 0 25px;
          }
          &:last-child{
            border-bottom: none;
          }
          .img_wrapper{
            @media screen and (max-width:798px){
              width: 30%;
            }
            img {
              margin-top: 10px;
              max-width: 240px;
              width: 100%;
              object-fit: cover;
              @media screen and (max-width:798px){
                max-width:100px;
              }
            }
          }
          .order_details_wrapper{
            .single_detail.additional_costs>.item_title {
              color: #00457cbf;
            }
            padding-left:20px;
            .single_detail{
              margin: 3px 0;
              .item_title{
                font-weight:bold;
              }
              span.item_msg{
                display:block;
                font-size: 11px;
                font-style: italic;
                line-height:18px;
                text-transform: capitalize;
              }
              @media screen and (max-width:798px){
                margin:0px;
              }
            }
            .order_actions{
              margin-top:8px;
              .action_link {
                padding-right: 25px;
                font-weight: bold;
                color:#00457c;
              }
            }
            @media screen and (max-width:798px){
              padding-left:10px;
              width:70%;
            }
          }
        }
      }
      .summmary_extra_data{
        .customer_notes_wrapper{
          label{
            font-family: "Crimson Text", serif;
            font-size:25px;
            font-style: italic;
            color: #00457c;
            text-transform: capitalize;
            font-weight: 500;
            border-bottom: 1px solid #b4b4b4;
            padding-bottom: 5px;
            margin-bottom: 20px;
          }
          .customer_notes {
            width: 60%;
            border: 1px solid #b4b4b4;
            @media screen and (max-width:798px){
              width:100%;
            }
          }
        }
        .method_contact_wrapper{
          text-align:left;
          margin:10px 0 40px;
          display: inline-block;
          width: 100%;
          .method_title{
            font-weight:bold;
            width: 100%;
            display: block;
            margin-bottom:10px;
          }
          .method{
            float: left;
            display: flex;
            width: 10%;
            align-items: center;
            input[type=radio]{
              float:left;
              cursor:pointer;
              width: 15px;
              height: 15px;
              background-color: transparent;
              border: 1px solid #505050;
              -webkit-appearance: none;
              border-radius: 50%;
              outline: none;
              cursor: pointer;
              &:checked:before{
                background-color: #505050;
              }
              &:before{
                position: absolute;
                content: '';
                height: 9px;
                width: 9px;
                border-radius: 50%;
                margin: 0 auto;
                text-align: center;
                margin: 0;
                border: 2px solid #fff;
/*                @media screen and (max-width:798px){
                 margin: 1.4px 1.6px;
               } */
              }
            }
            label{
              float:left;
              margin:0px;   
              text-transform: capitalize;
              font-size: 15px;
              padding-left: 10px;
              cursor:pointer;
              color: #505050;
              font-weight: 600;
            }
            @media screen and (max-width:1024px){
              width:20%;
            }
            @media screen and (max-width:798px){
              width:25%;
            }
          }
          .phone-div{
            clear:both;
            input{
              margin: 10px 0 0;
              display: inline-block;
              max-width: 225px;
              clear: both;
              font-weight: 300;
              font-family: 'Lato', sans-serif;
              min-height: 40px;
              height: 40px;
              @media screen and (max-width:798px){
                max-width: 100%;
              }
            }
          }
        }
        .shipping_method_wrapper{
          p{
            text-align:left;
          }
          .note{
            display: block;
            font-size: 11px;
            font-style: italic;
            line-height: 18px;
          }
          input[type="checkbox"] {
            width: 20px;
            height: 20px;
            float:left;
            margin-right: 10px;
          }
          @media screen and (max-width:1024px){
            width:100%;
            max-width:100%;
          }
          label.label-heading{
            font-family: "Crimson Text", serif;
            font-size: 25px;
            font-style: italic;
            color: #00457c;
            text-transform: capitalize;
            font-weight: 500;
            border-bottom: 1px solid #b4b4b4;
            padding-bottom: 5px;
            margin-bottom: 20px;
          }
          select{
            width: 225px;
            max-width: 225px;
            height: 40px;
            border: 1px solid #b4b4b4;
            font-weight: 300;
            font-family: 'Lato', sans-serif;
            min-height:40px;
            background: #fff url(/cdn/shop/t/172/assets/select-new.png?v=352604010814398101) no-repeat 93% 50%;
            @media screen and (max-width:1024px){
              width: 100%;
              max-width: 100%;
            }
          }
        }
      }
      .summary_actions{
        text-align:left;
        margin: 40px 0 60px;
        a#add_more_gems{
          margin-right: 15px;
          background: transparent;
          border: 2px solid #003473;
          color: #003473;
          &:hover{
            background-color:#003473;
            border: 2px solid #003473;
            color:#fff;
          }
          @media screen and (max-width:798px){
            padding: 0 15px;
          }
        }
        @media screen and (max-width:798px){
          display:flex;
          justify-content:center;
        }
        .action_button{
          @media screen and (max-width:798px){
            max-width: 50%;
            font-size: 12px !important;
            width: 50% !important;
            padding: 0 15px;
          }
        }
      }
    }
  }
}


.wholesale-price-list{
  position: fixed;
  left: 0;
  right: auto;
  top:0;
  bottom: 0;
  background: #fff;
  width:100%;
  max-width: 700px;
  transform: translateX(-100%);
  transition:0.5s;
  z-index:9999;
  overflow-y: auto;
  padding:25px 0;
  &.active-list{
    transform: translateX(0);
  }
  &::-webkit-scrollbar-track {
    border: 1px solid #000;
    padding: 2px 0;
    background-color: #404040;
  }

  &::-webkit-scrollbar {
    width: 5px;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: 0px;
    box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    background-color: #737272;
    border: 1px solid #000;
  }
  
  .close-popup{
    position: absolute;
    margin: auto;
    right: 20px;
    top: 20px;
    .icon-cross:before{
      font-weight:bold;
      font-size: 24px;
      @media screen and (max-width:798px){
        font-size: 18px;
      }
    }
  }
  
  .popup-top-bar{
    text-align: center;
    img{
      max-width:220px;
      width:100%;
    }
    h2{
      margin: 0;
      font-size: 18px;
      font-family: Lato, sans-serif;
      text-transform: uppercase;
      letter-spacing: 5px;
      color: #003473;
      font-weight: 900;
      margin-top: 5px;
    }
    p{
      font-family: Lato, sans-serif;
      font-style: italic;
      font-size: 12px;
      text-transform: uppercase;
      color: #a0a0a0;
      letter-spacing: 0.5px;
      margin: 5px 0;
    }
  }
  .list-table-section{
    table{
      width:600px;
      margin:15px auto;
      border:2px solid #abb8c2;
      th{
        text-align:left;
        background: #cdcdcd;
        font-size:14px;
        padding-left:3px;
       &:nth-of-type(2), &:nth-of-type(3){
         text-align:center;
       }
       @media screen and (max-width:798px){
         font-size:12px;
       }
      }
      tr{
        text-align:left;
        &:nth-of-type(2), &:nth-of-type(3){
          text-align:center;
        }
        td{
         text-align:left;
         font-size:14px;
         padding-left: 10px;
         &:nth-of-type(2), &:nth-of-type(3){
           text-align:center;
         }
         @media screen and (max-width:798px){
           font-size:12px;
         }
        }
      }
      tr.footer-section{
        td {
          li{
            list-style: none;
            display: inline-block;
            padding: 0 5px;
            float:right;
           &:first-child{
             padding: 0 10px 0 0;
             float:left;
            @media screen and (max-width:798px){
              padding: 0 5px 0 0;
              float: left;
            }
           }
           @media screen and (max-width:798px){
             display: block;
             padding: 0 5px 0 0;
             float: left;
             text-align: left;
             line-height: 22px;
           }
          }
        }
      }
      .footer-messages{
        td{
          li{
           display: inline-block;
           padding-right:20px;
           &:last-child{
             padding-right: 5px;
           }
           @media screen and (max-width:798px){
             padding-right:0px;
           }
          }
        }
      }
      .footer-bottom-messages{
        td:last-child{
          text-align: left;
          padding-right: 10px;
        }
      }
      .footer-messages{
        padding: 0px 20px;
        border: 2px solid #abb8c2;
      }
      @media screen and (max-width:798px){
        width:95%;
      }
    }
  }
}

.thank-you-page,.error-page{
  text-align:center;
  clear: both;
  margin: 100px 0 120px;
  h2{
    font-family: "Crimson Text", serif;
    font-style: italic;
    color: #00457c;
    font-size: 40px;
    margin: 0px;
    line-height: 1;
    font-size:40px;
  }
  p{
    color: #505050;
    font-weight: 600;
    margin: 10px 0 30px;
  }
  .another-order{
    font-weight:300;
    letter-spacing: 0.5px;
    padding:0 15px;
  }
}

.error-page{
  h2{
    color: #de3618;
  }
}
.thank-you-page,.error-page, em.error.hidden{
  display:none;
}
em.error {
  clear: both;
  display: block;
  padding-top: 5px;
  text-align:left;
  margin: 0;
  margin-bottom: 10px;
  color: #de3618;
}

.shipping-details-remodal{
  max-width:650px;
  .remodal-close{
    right: 40px;
    top: 5px;
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
  }
  .method_title {
    width: 100%;
    display: block;
    text-align:left;
  }
  .method_contact_wrapper, .shipping_method_wrapper {
    display: inline-block;
    width: 100%;
    text-align: left;
    .method-wapper {
      display: flex;
      margin: 10px auto;
      align-items: center;
      justify-content: left;
    }
    .method{
      display: flex;
      align-items: center;
      width: 100px;
      cursor: pointer;
      text-align: center;
      justify-content: left;
      label, legend, .option_title{
        margin:0px 5px 0px;
        cursor:pointer;
      }
    }
    .hasDatepicker {
      margin: 15px 0 10px;
    }
  }
  textarea{
    padding: 10px;
    max-width: 80%;
    margin: 10px 0 15px;
  }
  .ship_alternate_addr p{
    text-align:left;
/*     margin: 0; */
  }
  .action_button.confirm-order{
    display: flex;
  }
}
/*************************Loose gemstone page ends*************************/
span.money.asdsa.min_max_eqaul.was_price {
  display: block;
}

@media screen and (min-width:1025px){
  .homepage-slideshow.retailer-slideshow .caption-content{
    padding:20px;
  }
}

.customers-account .customer-orders table{
  border:solid 1px #d2d2d2;
  width:100%;
  margin-bottom:15px;
}
.customers-account .customer-orders table th, .customers-account .customer-orders table td{
  border: solid 1px #d2d2d2;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
  padding: 5px;
  line-height:1.5;
}
.customers-account .customer-orders table td a{
  text-decoration:underline;
}
@media screen and (max-width:1023px){
  .customers-account .customer-orders{
  	overflow:scroll;
  }
  
  .customers-account .customer-orders table{
    width:1000px;
  }
}

/**/
.dt-buttons button {
  background-color: #e9e9e9;
  background-image: -webkit-linear-gradient(top, #fff 0%, #e9e9e9 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #e9e9e9 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #e9e9e9 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #e9e9e9 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #e9e9e9 100%);
  border: 1px solid #999;
  min-height: 33px;
  height: 33px;
}
.dt-buttons button:hover{
  border: 1px solid #666;
  background-color: #e0e0e0;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: -ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e0e0e0');
}
.dt-buttons button span {
  font-size: 12px;
}
.customers-account .customer-orders table td{
/*   text-align:center; */
}
.account-sidebar h4 {
  margin: 0;
}
.account-sidebar p.email.note {
  margin: 0 0 0;
  padding: 7px 0;
}
.account-sidebar .address.note p {
  margin: 12px 0;
  display: block;
}
span.money.asdsa.min_max_eqaul.was_price {
  display: block;
}
option[disabled] {
  color: grey;
}


/*24-05-2021*/
.menu a.active_link, .menu a.dropdown_link:hover, .menu a.top_link:hover{
  text-decoration:none;
}
.account-main{
  .customer-orders{
    .dt-buttons{
      float: left;
      margin-right: 3px;
      margin-bottom:25px;
      button{
        padding: 5px 10px !important;
        border-radius: 3px;
      }
      @media screen and (max-width:798px){
        float:none;
      }
      @media screen and (max-width:798px){
        margin-bottom:15px;
      }
    }
    #DataTables_Table_0_filter{
      label{
        display:flex;
        align-items: center;
        /*        font-size: 12px; */
        text-transform: capitalize;
      }
      input{
        min-height: 30px;
        height: 30px;
        margin: 0 0 0 5px;
      }
    }
    .dataTables_length{
      @media screen and (max-width:798px){
        margin:15px 0px;
      }
      label{
        display: flex;
        text-transform: capitalize;
        /*        font-size: 12px; */
        align-items: center;
        justify-content: center;
        select{
          background: #fff url(/cdn/shop/t/174/assets/select.png?v=4799844845099085914) no-repeat 108% 50%;
          min-height: 30px;
          height: 30px;
          padding: 5px 10px;
          background-size: 15px 10px;
          line-height:1;
          margin: 0 3px;
          border-radius:3px;
          @media screen and (max-width:798px){
            width:50px;
          }
        }
      }
    }
  }
}
.dt-buttons {
  float: left;
  margin-right: 3px;
  margin-bottom: 25px;
}
div#datatable-products_filter label{
  display: flex;
  align-items: center;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
  min-height: 30px;
  height: 30px;
  margin: 0 0 0 5px;
}
/*shipping_notes inputs css*/
.method-wapper.shipping_notes {
  display: block !important;
}

.method-wapper.shipping_notes .method {
  width: 100%;
  align-items: baseline;
  padding-bottom: 10px;
}

.method-wapper.shipping_notes .method label {
  text-transform: inherit;
  font-size: 13px;
  line-height: 1.6em;
}


/*pop-up*/
.true-champagne-sapphire-remodal{
  max-width:455px;
  padding:10px;
}
.true-champagne-sapphire-remodal .popup_wrapper {
  border: 1px solid #b9b8b8;
  padding:30px 36px;
}
.true-champagne-sapphire-remodal .popup_wrapper .popup_description p {
    text-align: left;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    color:#333333;
}
.true-champagne-sapphire-remodal .popup_wrapper .popup_title h2 {
    font-weight: 900;
    font-size: 21px;
    line-height: 25px;
    font-family: Lato,sans-serif;
    color:#333333;
}
.true-champagne-sapphire-remodal button.remodal-close {
    right: 70px;
    border: none !important;
}
.true-champagne-sapphire-remodal button.remodal-close:before {
    transition: background .2s;
    right: 55px;
    top: 20px;
    background: #003473;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
  color:#fff;
}
.true-champagne-sapphire-remodal button.remodal-close:hover::before {
    background: #fff;
    color: #003473;
}
.true-champagne-sapphire-remodal .popup_wrapper .popup_description p {
    margin: 0;
}
.true-champagne-sapphire-remodal .popup_wrapper .popup_description button.remodal-cancel {
    margin-top: 20px!important;
    border: none;
    color: #fff;
}
.true-champagne-sapphire-remodal button.remodal-cancel {
  background: #003473;
}
.true-champagne-sapphire-remodal button.remodal-cancel:hover{
    background-color: #fff !important;
    border: 1px solid #003473 !important;
    color: #003473 !important; 
}
li.status-false input {background-color: transparent;}
span.coming-soon {
  position: absolute;
  top: 0%;
  right: 0;
  background: #003570;
  padding: 2px 10px;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
}
@media screen and (max-width:798px){
  .true-champagne-sapphire-remodal .popup_wrapper{
    padding:20px;
  }
  .true-champagne-sapphire-remodal button.remodal-close:before{
    height:40px;
    width:40px;
  }
  .true-champagne-sapphire-remodal button.remodal-close{
    right:60px;
  }
  span.coming-soon {
    padding: 0px 6px;
    font-size: 10px;
  }
}

/* .iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 100%;
}
*/

.iframe-container iframe {
/*   position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; */
  width: 100%;
  height: 100vw;
  margin-bottom:50px;
}

.stock-items-sidebar ul li {
  cursor: pointer;
}
.right-pdf-cls {
    position: relative;
}
.right-pdf-cls .gemstone_loader {
    background-color: transparent;
}
.download-pdf {
    text-align: right;
}
.right-pdf-cls .js-render-canvas canvas {
    width: 100% !important;
}
.download-pdf a,.download-pdf a:focus,.download-pdf a:visited{
  outline:none !important;
}
  .download-pdf a svg {
    height: 16px;
    width: 16px;
}

.download-pdf a svg path {
    fill: #276ab4;
}
 
.custom-link{
  color: #505050;
  font-size: 15px;
  font-weight: bold;
}

.collection_title {
    font-size: 42px !important;
}

.page-fall-fashion .banner .headline {
  font-size: 80px !important;
}

.page-fall-fashion .banner .subtitle {
  max-width: 400px !important;
}

.page-fall-fashion .banner .pretext {
  font-family: "Cardo", serif !important;
  font-style: italic !important;
  font-size:36px !important;
}
                                /*Search Page disclaimer msg*/
.search-disclaimer-msg * {
    color: #003570 !important;
}

.search-disclaimer-msg {
    max-width: 60%;
    margin: 0 auto;
    text-align: center;
}
@media screen and (max-width:798px){
.search-disclaimer-msg {
    max-width: 100%;
}
}
.search-disclaimer-msg a {
    text-decoration: underline;
    text-underline-offset: 3px;
}
/*Search Page disclaimer msg*/

/* COMMON START */
  /* 3 pages */
.retailerSlider-slider{padding: 0px 20px;}
.retailerSlider-slider .flickity-slider{}
.retailerSlider-slider .flickity-slider img{aspect-ratio: 994/768;max-width: 810px;width: 100%;}
.retailerSlider-slider .flickity-prev-next-button{opacity: 1; height: auto; background: transparent; display: flex; justify-content: center; align-items: center; }
.retailerSlider-slider .flickity-prev-next-button svg{width: 15px; height: auto; padding: 0; position: static; transform: inherit; }
.retailerSlider-slider .flickity-prev-next-button svg path{}
.retailerSlider-slider .flickity-prev-next-button[disabled]{opacity: 1; }
//
.retailerSlider{}
.retailerSlider .container{padding-bottom: 0; }
.retailerSlider .retailerSlider-nav {padding: 0px 20px;}
.retailerSlider .retailerSlider-nav .flickity-viewport{height: 103px !important;}
.retailerSlider .retailerSlider-nav .flickity-slider li {margin-bottom: 0; }
.retailerSlider .flickity-prev-next-button{opacity: 1;height: auto;background: transparent;display: flex;justify-content: center;align-items: center;padding: 7px;}
.retailerSlider .flickity-prev-next-button svg{width: 15px; height: auto; padding: 0; position: static; transform: inherit; }
.retailerSlider .flickity-prev-next-button svg path{}
.retailerSlider .flickity-prev-next-button[disabled]{opacity: 1; }
@media(max-width: 767px){
.retailerSlider{margin-left: -20px; margin-right: -20px; }
.retailerSlider .retailerSlider-nav .flickity-slider li{width: 150px;width: 50%; }
}

body.search .sixteen.column.custom-description {max-width: 676px; margin: auto; display: block; float: none; color: #00000;font-family: Lato,sans-serif;font-size: 15px; }
body.search .sixteen.column.custom-description a{text-decoration: underline; }
.text-columns-with-images-section img {max-width: 222px;max-width: 250px;}
.text-columns-with-images-section .regular_text{font-size: 30px;line-height: 1.9em;color: #505050;}
.text-columns-with-images-section .rte-setting{padding: 0px 0px; max-width: 309px; display: inline-block; }
.text-columns-with-images-section .rte-setting p{font-size: 15px;line-height: 1.6em;color: #505050;}

.slider-gallery .gallery-cell .product-details{border-top: 1px solid rgba(234, 234, 234, 1); display: inline-block; width: 70%; padding-top: 20px; }
.slider-gallery .gallery-cell .product-details .title{font-size: 17px !important; }
.slider-gallery .gallery-cell .product-details .price .money.earrings{display: block; margin-bottom: 3px;font-weight: 400; }
.slider-gallery .gallery-cell .product-details .style-number,
.slider-gallery .gallery-cell .product-details .minedPrice{font-size: 12px; color: #505050; text-transform: unset; }
.slider-gallery .gallery-cell .product-details .minedPrice span{color: inherit; font-size: 11px; }
.slider-gallery .flickity-page-dots{position: static;margin-top: 20px;}
.featured-collection-section .flickity-prev-next-button {background: #eaeaea; display: flex; align-items: center; justify-content: center; width: 60px !important; aspect-ratio: 1; padding: 0; height: auto; top: 0; bottom: 0; margin: auto; }
.featured-collection-section .flickity-prev-next-button svg {width: 20px; height: auto; transform: inherit; position: static; padding: 0; }
.featured-collection-section .flickity-prev-next-button svg .arrow{fill: #000;opacity: 1;}
.featured-collection-section .slider-gallery:hover .flickity-prev-next-button{opacity: 1 !important;}

.slider-gallery .gallery-cell img{max-width: 60%;max-height: initial;height: auto;}

.text-align-left{text-align: left;}
.text-align-center{text-align: center;}
.text-align-right{text-align: right;}
.button span{color: inherit;}
@media(min-width: 799px){
}
@media(max-width: 798px){
.featured-collection-section .slider-gallery .flickity-prev-next-button{opacity: 1 !important;}
.featured-collection-section .slider-gallery .flickity-prev-next-button[disabled]{opacity: 0 !important;}
.hide_desktop{display: none !important;}
.products-slider.slider-gallery .gallery-cell{width: 50% !important;}
}
@media(max-width: 575px){
.products-slider.slider-gallery .gallery-cell{width: 100% !important;}
}
/* COMMON END */

/* HERO BANNER START */
.hero_main{position: relative; }
.hero_main .hero_wrap{position: relative; }
.hero_main .hero_inner{}
.hero_main .hero_img_main{}
.hero_main .hero_img_main .hero_img_wrap{}
.hero_main .hero_img_main .hero_img_inner{}
.hero_main .hero_img_main .hero_img_inner img{width: 100%;}
.hero_main .hero_content_txts{display: inline-block;}
.hero_main .hero_content_txts .hero_section_title{margin: 0;text-align: inherit;}
.hero_main .hero_content_txts .hero_section_desc{font-size: 16px; color: #505050; }
.hero_main .hero_content_txts .hero_section_desc p{margin: 0; }
.hero_main .hero_content_txts .hero_btns{margin-top: 30px; }
.hero_main .hero_content_txts .hero_btns .button{}

.hero_main .hero_content{position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.hero_content{}
.hero_content .hero_content_wrap{display: table; width: 100%; height: 100%; }
.hero_content .hero_content_inner{display: table-cell; height: 100%; }
.hero_content .hero_content_inner.horizontal-left {text-align: left }
.hero_content .hero_content_inner.horizontal-center {text-align: center }
.hero_content .hero_content_inner.horizontal-right {text-align: right }
.hero_content .hero_content_inner.vertical-top {vertical-align: top }
.hero_content .hero_content_inner.vertical-center {vertical-align: middle }
.hero_content .hero_content_inner.vertical-bottom {vertical-align: bottom }

.split-section.hero_main.image-right .hero_inner{flex-direction: row-reverse;}
.split-section.hero_main .hero_content{position: relative; flex: 1;height: auto; padding: 0px 50px; }
.split-section.hero_main .hero_inner{display: flex; flex-wrap: wrap; }
.split-section.hero_main{}

@media(min-width: 799px){
.hero_main.hero_first .hero_img_main {aspect-ratio: 1903/885;}
}
@media(max-width: 798px){
.hero_main .hero_content{padding:0 15px !important;}
.hero_main .hero_content_txts .hero_section_title{line-height: 1;}
.hero_main .hero_content_txts .hero_btns .button{font-size: 14px!important; padding: 0px 15px; }
.hero_main .hero_content_txts{text-align: center;}

.split-section.hero_main.image-right .hero_inner{flex-direction: column-reverse;}
.split-section.hero_main.image-right .hero_inner.mobile-image-top{flex-direction: column;}
.split-section.hero_main .hero_img_main{width: 100% !important;}
.split-section.hero_main .hero_content{flex: inherit; width: 100%; }

.hero_first.hero_main .hero_content {position: static; margin-top: -53%; margin-top: 0%; }
}
/* HERO BANNER END */

/* BLOCK LOOP START */
.block_loops{}
.block_loops .block_loops_wrap{}
.block_loops .block_loops_inner{}
.block_loops .block_loops_title{margin-bottom: 30px; }
.block_loops .block_loops_title h2{margin: 0; color: #505050; }
.block_loops .block_loops_rows{display: flex; flex-wrap: wrap; }
.block_loops .block_loops_rows .block_loops_column{width: 25%;padding: 60px 60px 0px 60px;}
.block_loops .block_loops_rows .block_loops_column_wrap{text-align: center; }
.block_loops .block_loops_rows .block_loops_ctitle{margin: 0px 0px 50px;font-size: 24px;color: #505050;}
.block_loops .block_loops_rows .block_loops_ctitle p{margin: 0;line-height: 1.2em; }
.block_loops .block_loops_rows .block_loops_cimg{max-width: 100%;/*height: 320px;padding: 50px 0px;*/ }
.block_loops .block_loops_rows .block_loops_cdesc{margin-top: 50px;color: #505050;}
.block_loops .block_loops_rows .block_loops_cdesc p{margin: 0; }
.block_loops .block_loops_rows .block_loops_column.only_image{padding: 0px;}
.block_loops .block_loops_rows .block_loops_column.only_image .block_loops_cimg{width: 100%; }
@media(max-width: 798px){
.block_loops .block_loops_rows .block_loops_column{width: 100%;}
.block_loops .block_loops_title{padding: 0px 15px;}
}
/* BLOCK LOOP END */

/* UPDATE 2023-02-16 START */
@media(min-width: 1024px){
#sliders {margin-top: -65px; }
}
@media(min-width: 1401px){
.retailerSlider-slider .flickity-slider img {max-width: 980px; }
}
@media(min-width: 1024px) and (max-width: 1400px){
.retailerSlider-slider .flickity-slider img {max-width: 850px;aspect-ratio: 994/658; }
}
/* UPDATE 2023-02-16 END */

/* UPDATE 2023-02-24 account address note add START */
body.customers-addresses main.account-main .addr_note_wrap {display: flex; flex-wrap: wrap; align-items: center; }
body.customers-addresses main.account-main .addr_note_wrap .addr_wrap {width: 50%; }
body.customers-addresses main.account-main .addr_note_wrap .addr_note {width: 50%;color: #003570;}
body.customers-addresses main.account-main .addr_note_wrap .addr_note a {
  text-decoration: underline;
}
@media(max-width: 768px){
body.customers-addresses main.account-main .addr_note_wrap{margin-top: 15px;}
body.customers-addresses main.account-main .addr_note_wrap .addr_wrap {width: 100%;order: 2; }
body.customers-addresses main.account-main .addr_note_wrap .addr_note {width: 100%;order: 1; }
}
/* UPDATE 2023-02-24 account address note add END */

.pdp-foot-note {  
    text-align: center;
    padding: 10px 0;
    font-size: 20px;
    text-transform: uppercase;
    color: #003473;
    font-weight: bold;
    font-family: Lato, sans-serif;
    letter-spacing: 1px;
}
@media screen and (max-width:798px){
  .pdp-foot-note {
    font-size: 16px;
}
}




/* jay css */
                                

.leagacy_section {
    display: flex;
    gap: 40px;
    max-width: 860px;
    margin: auto;
}

.product-legacy .remodal-close:before{
    left: -35px;
}

.product-legacy button.remodal-close:hover{
  border:none;
}                                
                                
.leagacy_section_img {
    width: 50%;
}

.leagacy_section_img img {
    width: 100%;
    object-fit: cover;
    display: block;
    aspect-ratio: 410/577;
}

.leagacy_section_video{
  max-width:590px;
  margin: 35px auto;
}


.leagacy_section_product{
  
}



.leagacy_section_tab h3.accordion-title{
    cursor: pointer;
    display: block;
    font-family: Lato, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    border-top: 1px solid #ddd;
    padding: 20px 0;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1;
}

.leagacy_section_tab  h3.accordion-title:after {
    content: "+";
    font-family: FontAwesome;
    font-size: 20px;
    color: #333;
    padding: 0 15px;
}


.leagacy_section_tab h3.accordion-title.open:after {
    content: "-";
    font-family: FontAwesome;
    font-size: 20px;
    color: #333;
    padding: 0 15px;
}

.leagacy_section_tab{
  max-width:500px;
  margin:auto;
}

.leagacy_section_tab .social_buttons{
    border-top: none;
    padding-top: 0px;
    font-size: 1em;
    margin-bottom: 0px;
}
.leagacy_section_tab .social_buttons .share-btn{
  margin-bottom:0px;
}

.leagacy_section_tab h3.accordion-title:last-child:after{
  display:none;
}

.leagacy_section_detail {
    max-width: 1165px;
    margin: 40px auto;
}

.leagacy_section_product p.sub-heading {
    font-family: 'Times-Italic';
    font-size: 30px;
    margin-bottom: 30px;
}

.leagacy_section_detail p {
    font-size: 30px;
    font-family: 'Times-Roman';
}                                
                                
.leagacy_section_product h2 {
    font-size: 38px;
    font-family: 'Times-Roman';
}

.leagacy_section_product h2 *, .leagacy_section_product h2{
  margin:0px;
}                              
                                
.leagacy_section_product .shipping-rate, .leagacy_section_product .shipping-rate>span ,.leagacy_section_product h2>p>strong {
    font-family: 'Times-Bold';
}

.leagacy_section_product .shipping-rate {
    font-size:23px;
}

.leagacy_section_insta{
    display: flex;
    gap: 25px;
    max-width: 1680px;
    margin: 20px auto 0px;
}
.leagacy_section_insta_img{
  width:20%;
}

.leagacy_section_insta_img img{
  width:100%;
}

.leagacy_section_tab .social_buttons .share-btn a:before {
    color: #003d76 !important;
    background: transparent !important;
}

.leagacy_section_tab .social_buttons .share-btn a{
    border: none;
    padding: 0;
}

.leagacy_main_div{
      margin: 100px auto;
      padding: 0px 20px;
}

.leagacy_section_video .inner-box a {
  display: inline-block;
  width: 100%;
  position: relative; 
}

.leagacy_section_video .inner-box a>img {
  width: 100%;
  transition: 0.2s;
  
}

.leagacy_section_video .inner-box a span {
    left: 42%;
    position: absolute;
    top: 37%;
    width: 90px;
    height: 90px;
}

.leagacy_section_video .inner-box a span  img{
  width:100%;
}

.leagacy_section_tab .icon-twitter-share:hover,.leagacy_section_tab .icon-facebook-share:hover{
      background-color: transparent;
      color: #276ab4;
}

.leagacy_section_tab .social_buttons .share-btn a:hover:before{
  color: #276ab4 !important;
}

button[data-panzoom-action="iterateZoom"] {
    display: none;
}
button[data-fancybox-toggle-slideshow] {
    display: none;
}
button[data-fancybox-toggle-thumbs] {
    display: none;
}


@media screen and (max-width:798px){
  .leagacy_section {
    gap: 20px;
}
  .leagacy_section_video{
    margin: 20px auto;
  }
  .leagacy_section_video .inner-box a span {
      width: 50px !important;
      height: 50px !important;
      left: 44% !important;
  }
  .leagacy_section_product p.sub-heading {
      font-size: 21px !important;
      margin-bottom: 20px !important;
  }
  
  .leagacy_section_detail p {
      font-size: 18px !important;
  }                                
                                  
  .leagacy_section_product h2 {
      font-size: 31px !important;
      margin: 0px 0px 10px;
  }
  .leagacy_section_product .shipping-rate {
      font-size: 21px;
  }
  .leagacy_section_product h2 p {
    line-height: 2.2rem;
  }
  .leagacy_section_insta_img {
      flex: 0 0 130px;
  }
  .leagacy_section_insta {
      overflow: auto;
  }
  .product-legacy .remodal{
      padding:0px;
      overflow-x: initial;
  }
  .product-legacy .remodal .remodal-close{
      top: -35px;
  }
  .product-legacy .remodal-close:before {
      background: #fff;
  }
  .leagacy_section_product h2 > p > strong {
      display: block;
  }
}




.fancybox__footer .fancybox__thumbs .f-thumbs__track{
}
.fancybox__footer .fancybox__thumbs .f-thumbs__track:before{
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.fancybox__footer .fancybox__thumbs .f-thumbs__track .f-thumbs__slide{
    pointer-events: all;
    width: 50px;
    height: 50px;
    min-height: auto;
    min-width: auto;
    opacity: 1;
    transform: unset;
}
.fancybox__footer .fancybox__thumbs .f-thumbs__slide .f-thumbs__slide__button {
    width: 50px !important;
    height: auto;
    opacity: 1;
    clip-path: none;
}
.fancybox__footer .fancybox__thumbs .f-thumbs__slide .f-thumbs__slide__button img{
    position: static;
    pointer-events: all;
}

/* UPDATE 26 Sep, 2023 START */
.leagacy_section_insta{max-width: 1400px;}

.pdp_testi_main{padding-bottom: 30px; }
.pdp_testi_main .pdp_testi_wrap{width: 100%; max-width: 1400px; }
.pdp_testi_main .title_bar{margin-bottom: 20px; }
.pdp_testi_main .title_bar .hero_section_title {margin: 0;font-size: 34px;font-weight: 700;font-style: normal;line-height: 1.5;font-family: Times-Bold; color: #003473; }
.pdp_testi_main .pdp_testi_sli:not(.flickity-enabled){display: flex; flex-wrap: wrap; }
.pdp_testi_main .pdp_testi_sli .flickity-viewport{padding: 0px 20px; }
.pdp_testi_main .pdp_testi_item {font-size: 20px; font-family: Times-Roman; color: #000; width: 100%; }
.pdp_testi_main .pdp_testi_item .pdp_testi_item_wrap{padding: 0px 25px; }
.pdp_testi_main .pdp_testi_item .description p{line-height: 1.3; margin: 0; }
.pdp_testi_main .pdp_testi_item .description p+p {margin-top: 20px; }
.pdp_testi_main .pdp_testi_item .testi_content{margin-top: 20px; }
.pdp_testi_main .pdp_testi_item .testi_content p{margin: 0; line-height: 1.2; margin-top: 6px; }
.pdp_testi_main .pdp_testi_item .testi_content .testi_name{font-weight: 600; }
.pdp_testi_main .pdp_testi_sli .flickity-prev-next-button{padding: 0; width: 26px !important; background: transparent; opacity: 1; }
.pdp_testi_main .pdp_testi_sli .flickity-prev-next-button[disabled]{opacity: 0.5;}
.pdp_testi_main .pdp_testi_sli .flickity-prev-next-button {width: 28px!important; min-height: auto; height: auto; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; background: #003473; color: #fff; border-radius: 60px; top: 0; border: 0; margin: auto 0; }
.pdp_testi_main .pdp_testi_sli .flickity-prev-next-button svg{width: 15px; height: auto; }
.pdp_testi_main .pdp_testi_sli .flickity-prev-next-button svg{padding: 0; position: unset; transform: unset; width: 12px; }
.pdp_testi_main .pdp_testi_sli .flickity-prev-next-button svg path{fill: currentColor; opacity: 1; }
.pdp_testi_main .pdp_testi_sli .flickity-prev-next-button.previous{left: -50px; }
.pdp_testi_main .pdp_testi_sli .flickity-prev-next-button.next{right: -50px; }
@media(min-width: 769px) and (max-width: 1440px){
.pdp_testi_main .pdp_testi_sli .flickity-prev-next-button.previous {left: -10px; }
.pdp_testi_main .pdp_testi_sli .flickity-prev-next-button.next {right: -10px; }
}
@media(min-width: 769px){
.pdp_testi_main .pdp_testi_sli.flickity-enabled{overflow: unset; }
.pdp_testi_main .pdp_testi_item .pdp_testi_item_wrap{column-count: 2; column-gap: 50px; }
}
@media(max-width: 768px){
.pdp_testi_main .pdp_testi_item .pdp_testi_item_wrap{padding: 0px 5px; }
.pdp_testi_main .pdp_testi_item .description p br{display: none; }
.pdp_testi_main .pdp_testi_item{width: 100%; font-size: 16px; text-align: center; }
.pdp_testi_main .pdp_testi_sli .flickity-prev-next-button.previous{left: -5px; }
.pdp_testi_main .pdp_testi_sli .flickity-prev-next-button.next{right: -5px; }
.pdp_testi_main .title_bar .hero_section_title{font-size: 26px; }
.pdp_testi_main .pdp_testi_wrap,
.pdp_testi_main .pdp_testi_sli{overflow: unset; }
.pdp_testi_main .title_bar .hero_section_title{text-align: left; }
.pdp_testi_main .pdp_testi_sli .flickity-prev-next-button {bottom: auto; top: -53px; }
/* .pdp_testi_main .pdp_testi_sli .flickity-prev-next-button {bottom: auto; top: -53px; width: 28px !important; min-height: auto; height: auto; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; background: #003473; color: white; border-radius: 60px; } */
.pdp_testi_main .pdp_testi_sli .flickity-prev-next-button.previous{padding-left: 0px; left: auto; right: 35px; }
.pdp_testi_main .pdp_testi_sli .flickity-prev-next-button.next{padding-right: 0px; right: 0; }
}
/* UPDATE 26 Sep, 2023 END */

.product .purchase-details{
    margin-top: 15px;
}

/* UPDATE 25 Oct, 2023 start */
.product-legacy .remodal {max-width: 730px; }
@media(max-width: 768px){
.product-legacy .remodal .legacy-video{width: 100%;height: auto;}
}
/* UPDATE 25 Oct, 2023 end */

/* UPDATE 27 Oct, 2023 START */
@media(min-width: 1300px){
body.only_slideshow_tem .retailerSlider-slider:not(.flickity-enabled){padding: 0; list-style: none; min-height: 110vh; }
body.only_slideshow_tem .retailerSlider-slider:not(.flickity-enabled) li{text-align: center;}
body.only_slideshow_tem .retailerSlider-slider:not(.flickity-enabled) li+li{display: none; }
body.only_slideshow_tem .retailerSlider-nav:not(.flickity-enabled){display: none; }
body.only_slideshow_tem .main.container {max-width: 100%; width: 100%; }
body.only_slideshow_tem .main.container .container{max-width: 1920px; width: 90%; }
body.only_slideshow_tem .retailerSlider-slider .flickity-slider img{max-width: 90%; height: calc(100vh - 70px); object-fit: contain; width: auto; aspect-ratio: 1333/1030; }
body.only_slideshow_tem .retailerSlider .retailerSlider-nav .flickity-prev-next-button svg,
body.only_slideshow_tem .retailerSlider-slider .flickity-prev-next-button svg{width: 0.8vw; }
body.only_slideshow_tem .retailerSlider .retailerSlider-nav{margin: 0px auto;max-width: 1160px}
body.only_slideshow_tem .retailerSlider .retailerSlider-nav li{width: 160px; }
}
@media(min-width: 1300px) and (max-width: 1440px){
body.only_slideshow_tem .retailerSlider-slider .flickity-slider img{height: calc(100vh - 90px);}
}
/* UPDATE 27 Oct, 2023 END */

.matching-styles {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.matching-styles>div:empty {
  display: none;
}
@media screen and (max-width: 798px){
  .matching-styles .product-matching-sets-box {
      flex: 0 0 50%;
  }
  .matching-styles {
      flex-wrap: wrap;
  }
}

/* Addon product on PDP */
.addon-product-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 auto;
}
/* Addon product on PDP ends */

/* PDP changes by jay 28-12-23 */

label.addon-product-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 12px;
}
                                
label.addon-product-checkbox #add_addons::after {
    content: "";
    display: flex;
    width: 18px;
    background: url(/cdn/shop/files/check__ri.png);
    height: 18px;
    position: absolute;
    left: 0;
    margin: 3px;
    top: 0;
    z-index: 1;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

label.addon-product-checkbox span {
    color: #05396c;
    cursor: pointer;
    text-transform: initial;
    font-size: 18px;
    font-weight: normal;
}

label.addon-product-checkbox #add_addons:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid #05396c;
    position: absolute;
    left: 0;
    top: 0;
    visibility: visible;
}

label.addon-product-checkbox #add_addons {
    position: relative;
    visibility: hidden;
    width: 22px;
    height: 22px;
}

label.addon-product-checkbox #add_addons:checked:after{
    visibility:visible;
    
}

label.addon-product-checkbox #add_addons:checked:before{
    background:#05396c;
    
}

.product .purchase-details {
    margin-top: 15px;
}

.addonchain-wrapper select {
    background: white url('/cdn/shop/files/select.png') no-repeat 96% 53%;
}
                                
.addonchain-wrapper:after {
    content: '';
    height: 1px;
    width: 100%;
    background: #eeeeee;
    display: block;
    margin: 20px 0px;
}
                                
@media only screen and (max-width: 798px){
  .addonchain-wrapper select {
      font-size: 13px;
      background: white url('/cdn/shop/files/select.png') no-repeat 98% 50%;
  }
  label.addon-product-checkbox span {
    font-size: 16px;
  }
  .product .selector-wrapper .single-option-selector {
    font-size: 13px;
  }
  .product-matching-sets-container {
    padding: 3px;
  }
}
/* PDP changes over by jay 28-12-23 */

span.legacy_wasprice {
    padding-right: 10px;
    text-decoration: line-through;
}

span.legacy_wasprice+span {
    color: #d54d4d;
}
body.product-legacy .leagacy_main_div{
      margin: 40px auto;
}
@media only screen and (max-width: 798px){
  body.product-legacy div#shopify-section-hero-banner {
    margin-top: 76px;
  }
  div#shopify-section-hero-banner + div#shopify-section-legacy-section .leagacy_main_div {
      margin: 20px auto;
  }
}


/* UPDATE 19 Jul, 2024 START */
.chatham-media-gallery-page .block-Color-Fashion {order: 1; }
.chatham-media-gallery-page .block-Diamond-Fashion {order: 3; }
.chatham-media-gallery-page .block-Diamond-Bridal {order: 4; }
.chatham-media-gallery-page .block-Initials {order: 6; }
.chatham-media-gallery-page .block-Holiday {order: 5; }
.chatham-media-gallery-page .block-Lab-Grown-Gemstones,
.chatham-media-gallery-page .block-Loose-Lab-Grown-Diamond {order: 2; }
.chatham-media-gallery-page .block-Web-Page-Banners {order: 7; }
.chatham-media-gallery-page .gallery-type-nav ul {display: flex; flex-wrap: wrap; justify-content: center; }
.chatham-media-gallery-page .gallery-type-nav ul li {display: inline-flex; }
.chatham-media-gallery-page .allcategories {display: flex; flex-wrap: wrap; }
.chatham-media-gallery-page .allcategories .mg-content-block {width: 100%; }
.chatham-media-gallery-page .mg-content-block:not(.visible_all) .mg-img:nth-of-type(n+17) {display: none; }
.chatham-media-gallery-page .mg-container .read_less {margin-top: -50px; margin-bottom: 30px; padding-inline: 7px; text-align: right; }
.chatham-media-gallery-page .mg-container .read_less a {outline: none; display: none; }
.chatham-media-gallery-page .mg-container .read_less.lessm a.less,
.chatham-media-gallery-page .mg-container .read_less:not(.lessm) a.read {display: inline-block; }
.chatham-media-gallery-page .mg-content-block .gallery-type-nav ul{justify-content: flex-start; }
@media(max-width: 768px){
  .chatham-media-gallery-page .gallery-type-nav ul li{display: block; }
  .chatham-media-gallery-page .mg-content-block .gallery-type-nav{margin-top: 10px; }
  .chatham-media-gallery-page .mg-content-block:not(.visible_all) .mg-img:nth-of-type(n+9) {display: none; }
}
 .chatham-media-gallery-page .mg-img .inner img,
.chatham-media-gallery-page .mg-img .inner:after,
.chatham-media-gallery-page .mg-img .inner:before{
    display: none;
}
/* UPDATE 19 Jul, 2024 END */

/* UPDATE 18 Sept, 2024 START */
.product_gallery img {padding: 17%;}
 /* UPDATE 18 Sept, 2024 END */

 /* UPDATE 25 Sept, 2025 START */
.text-columns-with-images-section a.continue-button:hover{color: white !important; }
 /* UPDATE 25 Sept, 2025 END */

 /* UPDATE 01 Oct, 2025 START */
 @media(min-width: 1024px){
  body.product .product-template .product_section .ring-products{float: right; left: 0; }
 }
 /* UPDATE 01 Oct, 2025 END */

/* UPDATE 02 Oct, 2025 START */
.aspect-ratio-16-9 {position: relative; width: 100%; padding-bottom: 56.25%; /* 16:9 ratio */ height: 0; overflow: hidden; background: #000; }
.aspect-ratio-16-9 iframe,
.aspect-ratio-16-9 video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; object-fit: cover; }
.video-placeholder {display: flex; align-items: center; justify-content: center; background: #000; color: #fff; width: 100%; height: 100%; }
.text-columns-with-images-section .chatham-video-wrapper{margin-bottom: 16px; }
/* UPDATE 02 Oct, 2025 END */

#chatContainer{
  z-index: 99 !important;
}