@charset "UTF-8";
/*============================================================================
Shopify Timber
Copyright 2016 Shopify Inc.
Author Carson Shold @cshold
Built with Sass - http://sass-lang.com/

Some things to know about this file:
- Sass is compiled on Shopify's server so you don't need to convert it to CSS yourself
- The output CSS is compressed and comments are removed
- You cannot use @imports in this file
* Use grunt or gulp tasks to enable @imports - https://github.com/Shopify/shopify-css-import
- Helpers variables, mixins, and starter classes are provided. Change as needed.
- The file is prepped with a CSS reset
- The font icons are prepared using https://icomoon.io/app
==============================================================================*/
/*============================================================================
Table of Contents

#Breakpoint and Grid Variables
#General Variables
#Sass Mixins
#Normalize
#Grid Setup
#Basic Styles
#Helper Classes
#Typography
#Rich Text Editor
#Links and Buttons
#Lists
#Tables
#Reponsive Tables
#OOCSS Media Object
#Images and Iframes
#Forms
#Icons
#Pagination
#Site Header
#Site Nav and Dropdowns
#Mobile Nav
#Drawers
#Site Footer
#Product and Collection Grids
#Collection Filters
#Breadcrumbs
#Product Page
#Notes and Form Feedback
#Cart Page
#Ajax Cart Styles
==============================================================================*/
/*============================================================================
#Breakpoint and Grid Variables
==============================================================================*/
/*================ The following are dependencies of csswizardry grid ================*/
/*============================================================================
#General Variables
==============================================================================*/
/*================ Typography ================*/
@font-face {
  font-family: 'icons';
  src: url("//cdn.shopify.com/s/files/1/1190/5050/t/17/assets/icons.eot?v=15839920060943556384");
  src: url("//cdn.shopify.com/s/files/1/1190/5050/t/17/assets/icons.eot?v=15839920060943556384#iefix") format("embedded-opentype"), url("//cdn.shopify.com/s/files/1/1190/5050/t/17/assets/icons.woff?v=16994515853337970273") format("woff"), url("//cdn.shopify.com/s/files/1/1190/5050/t/17/assets/icons.ttf?v=15269834025022278972") format("truetype"), url("//cdn.shopify.com/s/files/1/1190/5050/t/17/assets/icons.svg?v=163269811207092844#timber-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

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

/*============================================================================
Layer promotion mixin for creating smoother animations with higher FPS.
==============================================================================*/
/*============================================================================
Dependency-free breakpoint mixin
- Based on http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/
- Usage docs: http://shopify.github.io/Timber/#sass-mixins
==============================================================================*/
/*============================================================================
#Normalize
==============================================================================*/
*, input, :before, :after {
  box-sizing: border-box; }

html, body {
  padding: 0;
  margin: 0; }

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

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

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

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

/*============================================================================
#Grid Setup
- Based on csswizardry grid, but with floated columns, a fixed gutter size, and BEM classes
- Breakpoints defined above, under #Breakpoint and Grid Variables
- Note the inclusion of .grid-uniform to take care of clearfixes on evenly sized grid items
==============================================================================*/
/* Force clearfix on grids */
.grid, .grid--rev, .grid--full,
.grid-uniform {
  *zoom: 1; }
  .grid:after, .grid--rev:after, .grid--full:after,
  .grid-uniform:after {
    content: '';
    display: table;
    clear: both; }

/* Manual grid__item clearfix */
.grid__item.clear {
  clear: both; }

/*============================================================================
Drop relative positioning into silent classes which can't take advantage of
the `[class*="push--"]` and `[class*="pull--"]` selectors.
==============================================================================*/
/*============================================================================
Grid Setup
1. Allow the grid system to be used on lists.
2. Remove any margins and paddings that might affect the grid system.
3. Apply a negative `margin-left` to negate the columns' gutters.
==============================================================================*/
.grid, .grid--rev, .grid--full,
.grid-uniform {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -30px; }

.grid__item {
  box-sizing: border-box;
  float: left;
  min-height: 1px;
  padding-left: 30px;
  vertical-align: top;
  width: 100%; }

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

/* Gutterless grids have all the properties of regular grids, minus any spacing. */
.grid--full {
  margin-left: 0; }
  .grid--full > .grid__item {
    padding-left: 0; }

/*============================================================================
WIDTHS
- Create width classes, prefixed by the specified namespace.
==============================================================================*/
/*================ Clearfix helper on uniform grids ================*/
/*================ Helper show/hide classes around our breakpoints ================*/
/*================ Our regular, non-responsive width and helper classes ================*/
/** Whole */
.one-whole {
  width: 100%; }

/* Halves */
.one-half {
  width: 50%; }

/* Thirds */
.one-third {
  width: 33.333%; }

.two-thirds {
  width: 66.666%; }

/* Quarters */
.one-quarter {
  width: 25%; }

.two-quarters {
  width: 50%; }

.three-quarters {
  width: 75%; }

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

.two-fifths {
  width: 40%; }

.three-fifths {
  width: 60%; }

.four-fifths {
  width: 80%; }

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

.two-sixths {
  width: 33.333%; }

.three-sixths {
  width: 50%; }

.four-sixths {
  width: 66.666%; }

.five-sixths {
  width: 83.333%; }

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

.two-eighths {
  width: 25%; }

.three-eighths {
  width: 37.5%; }

.four-eighths {
  width: 50%; }

.five-eighths {
  width: 62.5%; }

.six-eighths {
  width: 75%; }

.seven-eighths {
  width: 87.5%; }

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

.two-tenths {
  width: 20%; }

.three-tenths {
  width: 30%; }

.four-tenths {
  width: 40%; }

.five-tenths {
  width: 50%; }

.six-tenths {
  width: 60%; }

.seven-tenths {
  width: 70%; }

.eight-tenths {
  width: 80%; }

.nine-tenths {
  width: 90%; }

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

.two-twelfths {
  width: 16.666%; }

.three-twelfths {
  width: 25%; }

.four-twelfths {
  width: 33.333%; }

.five-twelfths {
  width: 41.666%; }

.six-twelfths {
  width: 50%; }

.seven-twelfths {
  width: 58.333%; }

.eight-twelfths {
  width: 66.666%; }

.nine-twelfths {
  width: 75%; }

.ten-twelfths {
  width: 83.333%; }

.eleven-twelfths {
  width: 91.666%; }

.show {
  display: block !important; }

.hide {
  display: none !important; }

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

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

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

.left {
  float: left !important; }

.right {
  float: right !important; }

/*================ Our responsive classes, if we have enabled them ================*/
@media only screen and (max-width: 480px) {
  /** Whole */
  .small--one-whole {
    width: 100%; }

  /* Halves */
  .small--one-half {
    width: 50%; }

  /* Thirds */
  .small--one-third {
    width: 33.333%; }

  .small--two-thirds {
    width: 66.666%; }

  /* Quarters */
  .small--one-quarter {
    width: 25%; }

  .small--two-quarters {
    width: 50%; }

  .small--three-quarters {
    width: 75%; }

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

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

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

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

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

  .small--two-sixths {
    width: 33.333%; }

  .small--three-sixths {
    width: 50%; }

  .small--four-sixths {
    width: 66.666%; }

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

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

  .small--two-eighths {
    width: 25%; }

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

  .small--four-eighths {
    width: 50%; }

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

  .small--six-eighths {
    width: 75%; }

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

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

  .small--two-tenths {
    width: 20%; }

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

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

  .small--five-tenths {
    width: 50%; }

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

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

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

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

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

  .small--two-twelfths {
    width: 16.666%; }

  .small--three-twelfths {
    width: 25%; }

  .small--four-twelfths {
    width: 33.333%; }

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

  .small--six-twelfths {
    width: 50%; }

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

  .small--eight-twelfths {
    width: 66.666%; }

  .small--nine-twelfths {
    width: 75%; }

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

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

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

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

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

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

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

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

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

  .grid-uniform .small--one-half:nth-child(2n+1),
  .grid-uniform .small--one-third:nth-child(3n+1),
  .grid-uniform .small--one-quarter:nth-child(4n+1),
  .grid-uniform .small--one-fifth:nth-child(5n+1),
  .grid-uniform .small--one-sixth:nth-child(6n+1),
  .grid-uniform .small--two-sixths:nth-child(3n+1),
  .grid-uniform .small--three-sixths:nth-child(2n+1),
  .grid-uniform .small--two-eighths:nth-child(4n+1),
  .grid-uniform .small--four-eighths:nth-child(2n+1),
  .grid-uniform .small--five-tenths:nth-child(2n+1),
  .grid-uniform .small--one-twelfth:nth-child(12n+1),
  .grid-uniform .small--two-twelfths:nth-child(6n+1),
  .grid-uniform .small--three-twelfths:nth-child(4n+1),
  .grid-uniform .small--four-twelfths:nth-child(3n+1),
  .grid-uniform .small--six-twelfths:nth-child(2n+1) {
    clear: both; } }
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /** Whole */
  .medium--one-whole {
    width: 100%; }

  /* Halves */
  .medium--one-half {
    width: 50%; }

  /* Thirds */
  .medium--one-third {
    width: 33.333%; }

  .medium--two-thirds {
    width: 66.666%; }

  /* Quarters */
  .medium--one-quarter {
    width: 25%; }

  .medium--two-quarters {
    width: 50%; }

  .medium--three-quarters {
    width: 75%; }

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

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

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

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

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

  .medium--two-sixths {
    width: 33.333%; }

  .medium--three-sixths {
    width: 50%; }

  .medium--four-sixths {
    width: 66.666%; }

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

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

  .medium--two-eighths {
    width: 25%; }

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

  .medium--four-eighths {
    width: 50%; }

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

  .medium--six-eighths {
    width: 75%; }

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

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

  .medium--two-tenths {
    width: 20%; }

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

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

  .medium--five-tenths {
    width: 50%; }

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

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

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

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

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

  .medium--two-twelfths {
    width: 16.666%; }

  .medium--three-twelfths {
    width: 25%; }

  .medium--four-twelfths {
    width: 33.333%; }

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

  .medium--six-twelfths {
    width: 50%; }

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

  .medium--eight-twelfths {
    width: 66.666%; }

  .medium--nine-twelfths {
    width: 75%; }

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

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

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

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

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

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

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

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

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

  .grid-uniform .medium--one-half:nth-child(2n+1),
  .grid-uniform .medium--one-third:nth-child(3n+1),
  .grid-uniform .medium--one-quarter:nth-child(4n+1),
  .grid-uniform .medium--one-fifth:nth-child(5n+1),
  .grid-uniform .medium--one-sixth:nth-child(6n+1),
  .grid-uniform .medium--two-sixths:nth-child(3n+1),
  .grid-uniform .medium--three-sixths:nth-child(2n+1),
  .grid-uniform .medium--two-eighths:nth-child(4n+1),
  .grid-uniform .medium--four-eighths:nth-child(2n+1),
  .grid-uniform .medium--five-tenths:nth-child(2n+1),
  .grid-uniform .medium--one-twelfth:nth-child(12n+1),
  .grid-uniform .medium--two-twelfths:nth-child(6n+1),
  .grid-uniform .medium--three-twelfths:nth-child(4n+1),
  .grid-uniform .medium--four-twelfths:nth-child(3n+1),
  .grid-uniform .medium--six-twelfths:nth-child(2n+1) {
    clear: both; } }
@media only screen and (max-width: 768px) {
  /** Whole */
  .medium-down--one-whole {
    width: 100%; }

  /* Halves */
  .medium-down--one-half {
    width: 50%; }

  /* Thirds */
  .medium-down--one-third {
    width: 33.333%; }

  .medium-down--two-thirds {
    width: 66.666%; }

  /* Quarters */
  .medium-down--one-quarter {
    width: 25%; }

  .medium-down--two-quarters {
    width: 50%; }

  .medium-down--three-quarters {
    width: 75%; }

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

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

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

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

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

  .medium-down--two-sixths {
    width: 33.333%; }

  .medium-down--three-sixths {
    width: 50%; }

  .medium-down--four-sixths {
    width: 66.666%; }

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

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

  .medium-down--two-eighths {
    width: 25%; }

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

  .medium-down--four-eighths {
    width: 50%; }

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

  .medium-down--six-eighths {
    width: 75%; }

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

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

  .medium-down--two-tenths {
    width: 20%; }

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

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

  .medium-down--five-tenths {
    width: 50%; }

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

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

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

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

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

  .medium-down--two-twelfths {
    width: 16.666%; }

  .medium-down--three-twelfths {
    width: 25%; }

  .medium-down--four-twelfths {
    width: 33.333%; }

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

  .medium-down--six-twelfths {
    width: 50%; }

  .medium-down--seven-twelfths {
    width: 58.333%; }

  .medium-down--eight-twelfths {
    width: 66.666%; }

  .medium-down--nine-twelfths {
    width: 75%; }

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

  .medium-down--eleven-twelfths {
    width: 91.666%; }

  .medium-down--show {
    display: block !important; }

  .medium-down--hide {
    display: none !important; }

  .medium-down--text-left {
    text-align: left !important; }

  .medium-down--text-right {
    text-align: right !important; }

  .medium-down--text-center {
    text-align: center !important; }

  .medium-down--left {
    float: left !important; }

  .medium-down--right {
    float: right !important; }

  .grid-uniform .medium-down--one-half:nth-child(2n+1),
  .grid-uniform .medium-down--one-third:nth-child(3n+1),
  .grid-uniform .medium-down--one-quarter:nth-child(4n+1),
  .grid-uniform .medium-down--one-fifth:nth-child(5n+1),
  .grid-uniform .medium-down--one-sixth:nth-child(6n+1),
  .grid-uniform .medium-down--two-sixths:nth-child(3n+1),
  .grid-uniform .medium-down--three-sixths:nth-child(2n+1),
  .grid-uniform .medium-down--two-eighths:nth-child(4n+1),
  .grid-uniform .medium-down--four-eighths:nth-child(2n+1),
  .grid-uniform .medium-down--five-tenths:nth-child(2n+1),
  .grid-uniform .medium-down--one-twelfth:nth-child(12n+1),
  .grid-uniform .medium-down--two-twelfths:nth-child(6n+1),
  .grid-uniform .medium-down--three-twelfths:nth-child(4n+1),
  .grid-uniform .medium-down--four-twelfths:nth-child(3n+1),
  .grid-uniform .medium-down--six-twelfths:nth-child(2n+1) {
    clear: both; } }
@media only screen and (min-width: 769px) {
  /** Whole */
  .large--one-whole {
    width: 100%; }

  /* Halves */
  .large--one-half {
    width: 50%; }

  /* Thirds */
  .large--one-third {
    width: 33.333%; }

  .large--two-thirds {
    width: 66.666%; }

  /* Quarters */
  .large--one-quarter {
    width: 25%; }

  .large--two-quarters {
    width: 50%; }

  .large--three-quarters {
    width: 75%; }

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

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

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

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

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

  .large--two-sixths {
    width: 33.333%; }

  .large--three-sixths {
    width: 50%; }

  .large--four-sixths {
    width: 66.666%; }

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

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

  .large--two-eighths {
    width: 25%; }

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

  .large--four-eighths {
    width: 50%; }

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

  .large--six-eighths {
    width: 75%; }

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

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

  .large--two-tenths {
    width: 20%; }

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

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

  .large--five-tenths {
    width: 50%; }

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

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

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

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

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

  .large--two-twelfths {
    width: 16.666%; }

  .large--three-twelfths {
    width: 25%; }

  .large--four-twelfths {
    width: 33.333%; }

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

  .large--six-twelfths {
    width: 50%; }

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

  .large--eight-twelfths {
    width: 66.666%; }

  .large--nine-twelfths {
    width: 75%; }

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

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

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

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

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

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

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

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

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

  .grid-uniform .large--one-half:nth-child(2n+1),
  .grid-uniform .large--one-third:nth-child(3n+1),
  .grid-uniform .large--one-quarter:nth-child(4n+1),
  .grid-uniform .large--one-fifth:nth-child(5n+1),
  .grid-uniform .large--one-sixth:nth-child(6n+1),
  .grid-uniform .large--two-sixths:nth-child(3n+1),
  .grid-uniform .large--three-sixths:nth-child(2n+1),
  .grid-uniform .large--two-eighths:nth-child(4n+1),
  .grid-uniform .large--four-eighths:nth-child(2n+1),
  .grid-uniform .large--five-tenths:nth-child(2n+1),
  .grid-uniform .large--one-twelfth:nth-child(12n+1),
  .grid-uniform .large--two-twelfths:nth-child(6n+1),
  .grid-uniform .large--three-twelfths:nth-child(4n+1),
  .grid-uniform .large--four-twelfths:nth-child(3n+1),
  .grid-uniform .large--six-twelfths:nth-child(2n+1) {
    clear: both; } }
/*============================================================================
PUSH
- Push classes, to move grid items over to the right by certain amounts
==============================================================================*/
[class*="push--"] {
  position: relative; }

/* Whole */
.push--one-whole {
  left: 100%; }

/* Halves */
.push--one-half {
  left: 50%; }

/* Thirds */
.push--one-third {
  left: 33.333%; }

.push--two-thirds {
  left: 66.666%; }

/* Quarters */
.push--one-quarter {
  left: 25%; }

.push--two-quarters {
  left: 50%; }

.push--three-quarters {
  left: 75%; }

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

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

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

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

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

.push--two-sixths {
  left: 33.333%; }

.push--three-sixths {
  left: 50%; }

.push--four-sixths {
  left: 66.666%; }

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

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

.push--two-eighths {
  left: 25%; }

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

.push--four-eighths {
  left: 50%; }

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

.push--six-eighths {
  left: 75%; }

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

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

.push--two-tenths {
  left: 20%; }

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

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

.push--five-tenths {
  left: 50%; }

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

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

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

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

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

.push--two-twelfths {
  left: 16.666%; }

.push--three-twelfths {
  left: 25%; }

.push--four-twelfths {
  left: 33.333%; }

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

.push--six-twelfths {
  left: 50%; }

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

.push--eight-twelfths {
  left: 66.666%; }

.push--nine-twelfths {
  left: 75%; }

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

.push--eleven-twelfths {
  left: 91.666%; }

@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* Whole */
  .push--medium--one-whole {
    left: 100%; }

  /* Halves */
  .push--medium--one-half {
    left: 50%; }

  /* Thirds */
  .push--medium--one-third {
    left: 33.333%; }

  .push--medium--two-thirds {
    left: 66.666%; }

  /* Quarters */
  .push--medium--one-quarter {
    left: 25%; }

  .push--medium--two-quarters {
    left: 50%; }

  .push--medium--three-quarters {
    left: 75%; }

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

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

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

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

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

  .push--medium--two-sixths {
    left: 33.333%; }

  .push--medium--three-sixths {
    left: 50%; }

  .push--medium--four-sixths {
    left: 66.666%; }

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

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

  .push--medium--two-eighths {
    left: 25%; }

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

  .push--medium--four-eighths {
    left: 50%; }

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

  .push--medium--six-eighths {
    left: 75%; }

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

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

  .push--medium--two-tenths {
    left: 20%; }

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

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

  .push--medium--five-tenths {
    left: 50%; }

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

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

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

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

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

  .push--medium--two-twelfths {
    left: 16.666%; }

  .push--medium--three-twelfths {
    left: 25%; }

  .push--medium--four-twelfths {
    left: 33.333%; }

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

  .push--medium--six-twelfths {
    left: 50%; }

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

  .push--medium--eight-twelfths {
    left: 66.666%; }

  .push--medium--nine-twelfths {
    left: 75%; }

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

  .push--medium--eleven-twelfths {
    left: 91.666%; } }
@media only screen and (max-width: 768px) {
  /* Whole */
  .push--medium-down--one-whole {
    left: 100%; }

  /* Halves */
  .push--medium-down--one-half {
    left: 50%; }

  /* Thirds */
  .push--medium-down--one-third {
    left: 33.333%; }

  .push--medium-down--two-thirds {
    left: 66.666%; }

  /* Quarters */
  .push--medium-down--one-quarter {
    left: 25%; }

  .push--medium-down--two-quarters {
    left: 50%; }

  .push--medium-down--three-quarters {
    left: 75%; }

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

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

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

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

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

  .push--medium-down--two-sixths {
    left: 33.333%; }

  .push--medium-down--three-sixths {
    left: 50%; }

  .push--medium-down--four-sixths {
    left: 66.666%; }

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

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

  .push--medium-down--two-eighths {
    left: 25%; }

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

  .push--medium-down--four-eighths {
    left: 50%; }

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

  .push--medium-down--six-eighths {
    left: 75%; }

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

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

  .push--medium-down--two-tenths {
    left: 20%; }

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

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

  .push--medium-down--five-tenths {
    left: 50%; }

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

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

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

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

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

  .push--medium-down--two-twelfths {
    left: 16.666%; }

  .push--medium-down--three-twelfths {
    left: 25%; }

  .push--medium-down--four-twelfths {
    left: 33.333%; }

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

  .push--medium-down--six-twelfths {
    left: 50%; }

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

  .push--medium-down--eight-twelfths {
    left: 66.666%; }

  .push--medium-down--nine-twelfths {
    left: 75%; }

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

  .push--medium-down--eleven-twelfths {
    left: 91.666%; } }
@media only screen and (min-width: 769px) {
  /* Whole */
  .push--large--one-whole {
    left: 100%; }

  /* Halves */
  .push--large--one-half {
    left: 50%; }

  /* Thirds */
  .push--large--one-third {
    left: 33.333%; }

  .push--large--two-thirds {
    left: 66.666%; }

  /* Quarters */
  .push--large--one-quarter {
    left: 25%; }

  .push--large--two-quarters {
    left: 50%; }

  .push--large--three-quarters {
    left: 75%; }

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

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

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

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

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

  .push--large--two-sixths {
    left: 33.333%; }

  .push--large--three-sixths {
    left: 50%; }

  .push--large--four-sixths {
    left: 66.666%; }

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

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

  .push--large--two-eighths {
    left: 25%; }

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

  .push--large--four-eighths {
    left: 50%; }

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

  .push--large--six-eighths {
    left: 75%; }

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

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

  .push--large--two-tenths {
    left: 20%; }

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

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

  .push--large--five-tenths {
    left: 50%; }

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

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

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

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

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

  .push--large--two-twelfths {
    left: 16.666%; }

  .push--large--three-twelfths {
    left: 25%; }

  .push--large--four-twelfths {
    left: 33.333%; }

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

  .push--large--six-twelfths {
    left: 50%; }

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

  .push--large--eight-twelfths {
    left: 66.666%; }

  .push--large--nine-twelfths {
    left: 75%; }

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

  .push--large--eleven-twelfths {
    left: 91.666%; } }
/*============================================================================
PULL
- Pull classes, to move grid items back to the left by certain amounts
==============================================================================*/
/*============================================================================
#Basic Styles
==============================================================================*/
html {
  background-color: #f8f8f8; }

[tabindex='-1']:focus {
  outline: none; }

.main-content {
  display: block;
  margin-top: 30px;
  padding-bottom: 60px; }

/*============================================================================
#Helper Classes
==============================================================================*/
.is-transitioning {
  display: block !important;
  visibility: visible !important; }

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

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

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

  .large--display-table-cell {
    display: table-cell;
    vertical-align: middle;
    float: none; } }
.visually-hidden, .supports-fontface .icon-fallback-text .fallback-text {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

/*============================================================================
#Typography
==============================================================================*/
body,
input,
textarea,
button,
select {
  font-size: 14px;
  line-height: 1.6;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: black;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; }

body {
  font-size: 16px;
  color: #474847;
  font-family: 'Roboto', sans-serif;
  margin: 0px;
  padding: 0px;
  line-height: 1;
  overflow-x: hidden;
  background: white;
  background-color: white;
  –webkit-overflow-scrolling: touch;
  text-align: center; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  display: block;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin: 0 0 0.5em; }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
    text-decoration: none;
    font-weight: inherit; }

/*================ Use em() Sass function to declare font-size ================*/
h1, .h1 {
  font-size: 2.57143em; }

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

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

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

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

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

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

em {
  font-style: italic; }

b, strong {
  font-weight: bold !important; }

small {
  font-size: 0.9em; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.5em; }

/*================ Blockquotes ================*/
blockquote {
  font-size: 1.125em;
  line-height: 1.45;
  font-style: italic;
  margin: 0 0 30px;
  padding: 15px 30px;
  border-left: 1px solid #e5e5e5; }
  blockquote p {
    margin-bottom: 0; }
    blockquote p + cite {
      margin-top: 15px; }
  blockquote cite {
    display: block;
    font-size: 0.75em; }
    blockquote cite:before {
      content: '\2014 \0020'; }

/*================ Code ================*/
code, pre {
  background-color: #faf7f5;
  font-family: Consolas,monospace;
  font-size: 1em;
  border: 0 none;
  padding: 0 2px;
  color: #51ab62; }

pre {
  overflow: auto;
  padding: 15px;
  margin: 0 0 30px; }

/*================ Horizontal Rules ================*/
hr {
  clear: both;
  border-top: solid #e5e5e5;
  border-width: 1px 0 0;
  margin: 30px 0;
  height: 0; }
  hr.hr--small {
    margin: 15px 0; }
  hr.hr--clear {
    border-top-color: transparent; }

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

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

  .section-header__title {
    margin-bottom: 12px; }

  .section-header__left {
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 0; }
    .section-header__left h1, .section-header__left .h1, .section-header__left h2, .section-header__left .h2, .section-header__left h3, .section-header__left .h3, .section-header__left h4, .section-header__left .h4,
    .section-header__left .h1, .section-header__left .h2, .section-header__left .h3, .section-header__left .h4 {
      margin-bottom: 0; }

  .section-header__right {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 335px; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .section-header__right {
      margin-bottom: 30px; } }

.section-header__right .form-horizontal,
.section-header__right .collection-view {
  display: inline-block;
  vertical-align: middle; }
@media screen and (min-width: 481px) {
  .section-header__right label + select,
  .section-header__right .collection-view {
    margin-left: 15px; } }

.collection-view {
  display: inline-block;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  padding: 0 5px;
  height: 37px;
  overflow: hidden;
  /*================ Only show on larger screens ================*/ }
  @media screen and (min-width: 769px) {
    .collection-view {
      display: inline-block; } }

.change-view {
  display: block;
  background: none;
  border: 0 none;
  float: left;
  padding: 10px 8px;
  color: #e5e5e5;
  line-height: 1; }
  .change-view:hover, .change-view:focus {
    color: #474847; }

.change-view--active {
  cursor: default;
  color: #474847; }

/*============================================================================
#Rich Text Editor
==============================================================================*/
.rte {
  margin-bottom: 15px; }
  .rte a {
    text-decoration: underline; }
  .rte h1, .rte .h1, .rte h2, .rte .h2, .rte h3, .rte .h3, .rte h4, .rte .h4, .rte h5, .rte .h5, .rte h6, .rte .h6 {
    margin-top: 2em; }
    .rte h1:first-child, .rte .h1:first-child, .rte h2:first-child, .rte .h2:first-child, .rte h3:first-child, .rte .h3:first-child, .rte h4:first-child, .rte .h4:first-child, .rte h5:first-child, .rte .h5:first-child, .rte h6:first-child, .rte .h6:first-child {
      margin-top: 0; }
    .rte h1 a, .rte .h1 a, .rte h2 a, .rte .h2 a, .rte h3 a, .rte .h3 a, .rte h4 a, .rte .h4 a, .rte h5 a, .rte .h5 a, .rte h6 a, .rte .h6 a {
      text-decoration: none; }
  .rte > div {
    margin-bottom: 15px; }
  .rte li {
    margin-bottom: 0.4em; }

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

/*============================================================================
#Links and Buttons
==============================================================================*/
a,
.text-link {
  color: #474847;
  text-decoration: none;
  background: transparent; }

a:hover,
a:focus {
  color: #6d6f6d; }

button {
  overflow: visible; }

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

.btn, .btn--secondary,
.rte .btn--secondary,
.rte .btn,
.rte .btn--secondary {
  display: inline-block;
  padding: 8px 10px;
  width: auto;
  margin: 0;
  line-height: 1.42;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 3px;
  /*================ Set primary button colors - can override later ================*/
  background-color: #474847;
  color: white; }
  .btn:hover, .btn--secondary:hover,
  .rte .btn:hover,
  .rte .btn--secondary:hover {
    background-color: #2e2e2e;
    color: white; }
  .btn:active, .btn--secondary:active, .btn:focus, .btn--secondary:focus,
  .rte .btn:active,
  .rte .btn--secondary:active,
  .rte .btn:focus,
  .rte .btn--secondary:focus {
    background-color: #141514;
    color: white; }
  .btn[disabled], [disabled].btn--secondary, .btn.disabled, .disabled.btn--secondary,
  .rte .btn[disabled],
  .rte [disabled].btn--secondary,
  .rte .btn.disabled,
  .rte .disabled.btn--secondary {
    cursor: default;
    color: #b6b6b6;
    background-color: #f6f6f6; }

.btn--secondary,
.rte .btn--secondary {
  background-color: #7e7d83; }
  .btn--secondary:hover,
  .rte .btn--secondary:hover {
    background-color: #656469;
    color: white; }
  .btn--secondary:active, .btn--secondary:focus,
  .rte .btn--secondary:active,
  .rte .btn--secondary:focus {
    background-color: #4c4b4f;
    color: white; }

.btn--small {
  padding: 4px 5px;
  font-size: 0.85714em; }

.btn--large {
  padding: 12px 15px;
  font-size: 1.14286em; }

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

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

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

ol {
  list-style: decimal; }

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

li {
  margin-bottom: 0.25em; }

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

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

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

.no-bullets {
  list-style: none outside;
  margin-left: 0; }

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

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

table.full {
  width: 100%;
  margin-bottom: 1em; }

.table-wrap {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

th {
  font-weight: bold; }

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

/*============================================================================
Responsive tables, defined with .table--responsive on table element.
Only defined for IE9+
==============================================================================*/
@media screen and (max-width: 480px) {
  .table--responsive thead {
    display: none; }
  .table--responsive tr {
    display: block; }
  .table--responsive tr,
  .table--responsive td {
    float: left;
    clear: both;
    width: 100%; }
  .table--responsive th,
  .table--responsive td {
    display: block;
    text-align: right;
    padding: 15px; }
  .table--responsive td:before {
    content: attr(data-label);
    float: left;
    text-align: center;
    font-size: 12px;
    padding-right: 10px; }
  .table--responsive.cart-table img {
    margin: 0 auto; }
  .table--responsive.cart-table .js-qty {
    float: right; } }

@media screen and (max-width: 480px) {
  .table--small-hide {
    display: none !important; }

  .table__section + .table__section {
    position: relative;
    margin-top: 10px;
    padding-top: 15px; }
    .table__section + .table__section:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 15px;
      right: 15px;
      border-bottom: 1px solid #e5e5e5; } }
/*============================================================================
#OOCSS Media Object
- http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
==============================================================================*/
.media,
.media-flex {
  overflow: hidden;
  _overflow: visible;
  zoom: 1; }

.media-img {
  float: left;
  margin-right: 30px; }

.media-img-right {
  float: right;
  margin-left: 30px; }

.media-img img,
.media-img-right img {
  display: block; }

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

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

img,
iframe {
  max-width: 100%; }

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

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

.form-vertical {
  margin-bottom: 15px; }

/*================ Prevent zoom on touch devices in active inputs ================ @include user-select(text);*/
@media screen and (max-width: 768px) {
  input,
  textarea {
    font-size: 16px; } }
input,
textarea,
button,
select {
  padding: 0;
  margin: 0; }

button {
  background: none;
  border: none;
  cursor: pointer; }

button,
input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none; }

button {
  background: none;
  border: none;
  display: inline-block;
  cursor: pointer; }

input[type="image"] {
  padding-left: 0;
  padding-right: 0; }

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

legend {
  border: 0;
  padding: 0; }

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

input,
textarea,
select {
  border: 1px solid #e5e5e5;
  max-width: 100%;
  padding: 8px 10px;
  border-radius: 3px; }
  input:focus,
  textarea:focus,
  select:focus {
    border: 1px solid #cccccc; }
  input[disabled], input.disabled,
  textarea[disabled],
  textarea.disabled,
  select[disabled],
  select.disabled {
    cursor: default;
    background-color: #f6f6f6;
    border-color: #b6b6b6; }
  input.input-full,
  textarea.input-full,
  select.input-full {
    width: 100%; }

textarea {
  min-height: 100px; }

/*================ Input element overrides ================*/
input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin: 0 8px 0 0;
  padding: 0;
  width: auto; }

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

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

input[type="image"] {
  padding-left: 0;
  padding-right: 0; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: right center;
  background-image: url("//cdn.shopify.com/s/files/1/1190/5050/t/17/assets/ico-select.svg?v=8010346243918904133");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-color: transparent;
  padding-right: 28px;
  text-indent: 0.01px;
  text-overflow: '';
  cursor: pointer;
  /*================ Hide the svg arrow in IE9 and below ================*/ }
  .ie9 select, .lt-ie9 select {
    padding-right: 10px;
    background-image: none; }

optgroup {
  font-weight: bold; }

option {
  color: #000;
  background-color: #fff; }

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

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

label[for] {
  cursor: pointer; }

/*================ Horizontal Form ================*/
.form-vertical input,
.form-vertical select,
.form-vertical textarea {
  display: block;
  margin-bottom: 10px; }
.form-vertical input[type="radio"],
.form-vertical input[type="checkbox"] {
  display: inline-block; }

/*================ Error styles ================*/
input.error,
select.error,
textarea.error {
  border-color: #d02e2e;
  background-color: #fff6f6;
  color: #d02e2e; }

label.error {
  color: #d02e2e; }

/*================ Input Group ================*/
.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group .input-group-field:first-child,
  .input-group .input-group-btn:first-child,
  .input-group .input-group-btn:first-child > .btn,
  .input-group .input-group-btn:first-child > .btn--secondary,
  .input-group input[type="hidden"]:first-child + .input-group-field,
  .input-group input[type="hidden"]:first-child + .input-group-btn > .btn,
  .input-group input[type="hidden"]:first-child + .input-group-btn > .btn--secondary {
    border-radius: 3px 0 0 3px; }
  .input-group .input-group-field:last-child,
  .input-group .input-group-btn:last-child > .btn,
  .input-group .input-group-btn:last-child > .btn--secondary {
    border-radius: 0 3px 3px 0; }
  .input-group input::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin-top: -1px;
    margin-bottom: -1px; }

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

.input-group .btn, .input-group .btn--secondary,
.input-group .input-group-field {
  height: 37px; }

.input-group .input-group-field {
  width: 100%; }

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

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

/*============================================================================
A generic way to visually hide content while
remaining accessible to screen readers (h5bp.com)
==============================================================================*/
.icon:before {
  display: none; }

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

/*================ Icon mapping ================*/
.icon-amazon_payments:before {
  content: "\e800"; }

.icon-american_express:before {
  content: "\41"; }

.icon-arrow-down:before {
  content: "\e607"; }

.icon-bitcoin:before {
  content: "\42"; }

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

.icon-cirrus:before {
  content: "\43"; }

.icon-dankort:before {
  content: "\64"; }

.icon-diners_club:before {
  content: "\63"; }

.icon-discover:before {
  content: "\44"; }

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

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

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

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

.icon-forbrugsforeningen:before {
  content: "\e906"; }

.icon-google-plus:before {
  content: "\e900"; }

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

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

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

.icon-interac:before {
  content: "\49"; }

.icon-jcb:before {
  content: "\4a"; }

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

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

.icon-maestro:before {
  content: "\6d"; }

.icon-master:before {
  content: "\4d"; }

.icon-minus:before {
  content: "\e602"; }

.icon-paypal:before {
  content: "\50"; }

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

.icon-plus:before {
  content: "\e605"; }

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

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

.icon-stripe:before {
  content: "\53"; }

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

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

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

.icon-visa:before {
  content: "\56"; }

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

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

.payment-icons {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default; }
  .payment-icons li {
    margin: 0 7.5px 7.5px;
    color: #0f0e0e;
    cursor: default; }
  .payment-icons .icon {
    font-size: 30px;
    line-height: 30px; }
  .payment-icons .fallback-text {
    text-transform: capitalize; }

.social-icons li {
  margin: 0 15px 15px;
  vertical-align: middle; }
  @media screen and (min-width: 481px) {
    .social-icons li {
      margin-left: 0; } }
  .social-icons li .icon {
    font-size: 30px;
    line-height: 26px; }
  .social-icons li a {
    color: #0f0e0e; }
    .social-icons li a:hover {
      color: black; }

/*============================================================================
#Pagination
==============================================================================*/
.pagination > span {
  display: inline-block;
  line-height: 1; }
.pagination a {
  display: block; }
.pagination a,
.pagination .page.current {
  padding: 8px; }

/*============================================================================
#Site Header
==============================================================================*/
.site-header {
  padding: 15px 0; }
  .site-header .grid--table {
    display: table;
    table-layout: fixed;
    width: 100%; }
    .site-header .grid--table > .grid__item {
      float: none;
      display: table-cell;
      vertical-align: middle; }

.site-header__logo {
  text-align: center;
  margin: 0 auto;
  max-width: 100%; }
  @media screen and (min-width: 769px) {
    .site-header__logo {
      text-align: left; } }
  .site-header__logo a,
  .site-header__logo a:hover,
  .site-header__logo a:focus {
    text-decoration: none; }
  .site-header__logo a, .site-header__logo img {
    display: block; }
  .site-header__logo img {
    margin: 0 auto; }

.site-header__logo-link {
  max-width: 450px;
  margin: 0 auto; }

.site-header__cart-toggle {
  display: inline-block; }

.site-header__search {
  display: inline-block;
  max-width: 400px;
  margin-top: 15px;
  width: 100%; }

.search-bar {
  max-width: 100%; }
  @media screen and (max-width: 768px) {
    .search-bar {
      margin-left: auto;
      margin-right: auto; } }

/*============================================================================
#Site Nav and Dropdowns
==============================================================================*/
.nav-bar {
  background-color: #f2f2f2; }

.site-nav, .site-nav--mobile {
  font-size: 1.14286em;
  cursor: default;
  margin: 0 0 0 -15px; }
  .site-nav li, .site-nav--mobile li {
    margin: 0;
    display: block; }
  .site-nav > li, .site-nav--mobile > li {
    position: relative;
    display: inline-block; }

/*================ Home to hamburger and cart that toggle drawers ================*/
.text-right .site-nav--mobile {
  margin: 0 -15px 0 0; }

.site-nav__link {
  display: block;
  text-decoration: none;
  padding: 15px;
  white-space: nowrap;
  color: #333333; }
  .site-nav__link:hover, .site-nav__link:active, .site-nav__link:focus {
    color: #0d0d0d; }
  .site-nav__link .icon-arrow-down {
    position: relative;
    top: -2px;
    font-size: 10px;
    padding-left: 7.5px; }
  .site-nav--active > .site-nav__link {
    font-weight: bold; }
  .site-nav--mobile .site-nav__link {
    display: inline-block; }

/*================ Dropdowns ================*/
.site-nav__dropdown {
  display: none;
  position: absolute;
  left: 0;
  margin: 0;
  z-index: 5; }
  .supports-no-touch .site-nav--has-dropdown:hover .site-nav__dropdown, .site-nav--has-dropdown.nav-hover .site-nav__dropdown, .nav-focus + .site-nav__dropdown {
    display: block; }
  .site-nav__dropdown a {
    background-color: #f2f2f2; }
    .site-nav__dropdown a:hover, .site-nav__dropdown a:active, .site-nav__dropdown a:focus {
      background-color: #d8d8d8; }

/*================ Search bar in header ================*/
.nav-search {
  position: relative;
  padding: 10px 0; }
  @media screen and (max-width: 768px) {
    .nav-search {
      padding: 0 0 15px;
      margin: 0 auto;
      text-align: center; } }

/*============================================================================
#Mobile Nav
- List of items inside the mobile drawer
==============================================================================*/
.mobile-nav {
  margin: -15px -15px 0 -15px; }
  .mobile-nav li {
    margin-bottom: 0; }

.mobile-nav__search {
  padding: 15px; }
  .mobile-nav__search .search-bar {
    margin-bottom: 0; }

.mobile-nav__item {
  position: relative;
  display: block; }
  .mobile-nav > .mobile-nav__item {
    background-color: #f6f6f6; }
  .mobile-nav__item:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    border-bottom: 1px solid #e9e9e9; }
  .mobile-nav > .mobile-nav__item:last-child:after {
    display: none; }

.mobile-nav__item a {
  display: block; }

.mobile-nav__item a,
.mobile-nav__toggle button {
  color: #333333;
  padding: 15px;
  text-decoration: none; }
  .mobile-nav__item a:hover, .mobile-nav__item a:active, .mobile-nav__item a:focus,
  .mobile-nav__toggle button:hover,
  .mobile-nav__toggle button:active,
  .mobile-nav__toggle button:focus {
    color: #0d0d0d; }
  .mobile-nav__item a:active, .mobile-nav__item a:focus,
  .mobile-nav__toggle button:active,
  .mobile-nav__toggle button:focus {
    background-color: #e9e9e9; }

.mobile-nav__item--active {
  font-weight: bold; }

.mobile-nav__has-sublist {
  display: table;
  width: 100%; }
  .mobile-nav__has-sublist .mobile-nav__link {
    display: table-cell;
    vertical-align: middle;
    width: 100%; }

.mobile-nav__toggle {
  display: table-cell;
  vertical-align: middle;
  width: 1%; }

.mobile-nav--expanded .mobile-nav__toggle-open {
  display: none; }

.mobile-nav__toggle-close {
  display: none; }
  .mobile-nav--expanded .mobile-nav__toggle-close {
    display: block; }

.mobile-nav__sublist {
  margin: 0;
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  transition: all 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .mobile-nav--expanded + .mobile-nav__sublist {
    visibility: visible;
    max-height: 700px;
    transition: all 700ms cubic-bezier(0.57, 0.06, 0.05, 0.95); }
  .mobile-nav__sublist .mobile-nav__item:after {
    top: 0;
    bottom: auto; }
  .mobile-nav__sublist .mobile-nav__link {
    padding-left: 30px;
    font-weight: normal; }

/*============================================================================
#Drawers
==============================================================================*/
.js-drawer-open {
  overflow: hidden; }

.drawer {
  -webkit-transform: translateZ(0);
  will-change: transform;
  display: none;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  top: 0;
  bottom: 0;
  /*  padding: 0 ($gutter / 2) ($gutter / 2);*/
  max-width: 95%;
  z-index: 10;
  color: #333333;
  background-color: #fff;
  transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1); }
  .drawer a {
    color: #333333; }
    .drawer a:hover, .drawer a:focus {
      opacity: 0.7; }
  .drawer input,
  .drawer textarea {
    border-color: #e9e9e9; }

.drawer--left {
  width: 515px;
  left: -515px;
  border-right: 1px solid #6b6a6a; }
  .js-drawer-open-left .drawer--left {
    display: block;
    -ms-transform: translateX(515px);
    -webkit-transform: translateX(515px);
    transform: translateX(515px); }
    .lt-ie9 .js-drawer-open-left .drawer--left {
      left: 0; }

.drawer--right {
  width: 500px;
  right: -500px;
  border-left: 1px solid #6b6a6a;
  z-index: 9999; }
  .js-drawer-open-right .drawer--right {
    display: block;
    -ms-transform: translateX(-500px);
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px); }
    .lt-ie9 .js-drawer-open-right .drawer--right {
      right: 0; }

#PageContainer {
  overflow: hidden; }

.is-moved-by-drawer {
  -webkit-transform: translateZ(0);
  will-change: transform;
  transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1); }
  .js-drawer-open-left .is-moved-by-drawer {
    -ms-transform: translateX(515px);
    -webkit-transform: translateX(515px);
    transform: translateX(515px); }
  .js-drawer-open-right .is-moved-by-drawer {
    -ms-transform: translateX(-500px);
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px); }

.drawer__header {
  display: table;
  height: 70px;
  width: 100%;
  margin-bottom: 0;
  /*border-bottom: 1px solid $colorDrawerBorder;*/ }

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

.drawer__title {
  width: 100%; }

.drawer__close {
  width: 1%;
  text-align: center;
  font-size: 1.28571em; }

.drawer__close button {
  position: relative;
  right: -20px;
  height: 100%;
  padding: 0 20px;
  color: inherit; }
  .drawer__close button:active, .drawer__close button:focus {
    background-color: #e9e9e9; }

/*============================================================================
#Site Footer
==============================================================================*/
.site-footer {
  background-color: #f8f8f8;
  padding: 30px 0;
  color: #474847; }
  @media screen and (min-width: 769px) {
    .site-footer {
      padding: 60px 0; } }

/*============================================================================
#Product and Collection Grids
==============================================================================*/
.grid__image {
  display: block;
  margin: 0 auto 15px; }
  .grid__image img {
    display: block;
    margin: 0 auto; }

/*============================================================================
#Collection Filters
==============================================================================*/
.filter--active {
  font-weight: bold; }

/*============================================================================
#Breadcrumbs
==============================================================================*/
.breadcrumb {
  margin-bottom: 30px; }
  .breadcrumb a,
  .breadcrumb span {
    display: inline-block;
    padding: 0 7px 0 0;
    margin-right: 7px; }
    .breadcrumb a:first-child,
    .breadcrumb span:first-child {
      padding-left: 0; }

/*============================================================================
#Product Page
==============================================================================*/
.product-single__variants {
  display: none; }
  .no-js .product-single__variants {
    display: block; }

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

.product-single__photos a, .product-single__photos img,
.product-single__thumbnails a,
.product-single__thumbnails img {
  display: block;
  margin: 0 auto; }
.product-single__photos li,
.product-single__thumbnails li {
  margin-bottom: 30px; }

/*============================================================================
#Notes and Form Feedback
==============================================================================*/
.note,
.errors {
  border-radius: 3px;
  padding: 6px 12px;
  margin-bottom: 15px;
  border: 1px solid transparent;
  font-size: 0.9em;
  text-align: left; }
  .note ul,
  .note ol,
  .errors ul,
  .errors ol {
    margin-top: 0;
    margin-bottom: 0; }
  .note li:last-child,
  .errors li:last-child {
    margin-bottom: 0; }
  .note p,
  .errors p {
    margin-bottom: 0; }

.note {
  border-color: #e5e5e5; }

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

.form-success {
  color: #56ad6a;
  background-color: #ecfef0;
  border-color: #56ad6a; }
  .form-success a {
    color: #56ad6a;
    text-decoration: underline; }
    .form-success a:hover {
      text-decoration: none; }

.form-error,
.errors {
  color: #d02e2e;
  background-color: #fff6f6;
  border-color: #d02e2e; }
  .form-error a,
  .errors a {
    color: #d02e2e;
    text-decoration: underline; }
    .form-error a:hover,
    .errors a:hover {
      text-decoration: none; }

/*============================================================================
#Cart Page
==============================================================================*/
.cart__row {
  position: relative;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #e5e5e5; }
  .cart__row:first-child {
    margin-top: 0; }
  .cart__row:first-child {
    padding-top: 0; }
  .cart__row .js-qty {
    margin: 0 auto; }

.cart-table th {
  font-weight: normal; }
.cart-table td,
.cart-table th {
  padding: 30px 15px;
  border: none; }

@media screen and (min-width: 769px) {
  .cart__row--table-large {
    display: table;
    table-layout: fixed;
    width: 100%; }
    .cart__row--table-large .grid__item {
      display: table-cell;
      vertical-align: middle;
      float: none; } }
.cart__image {
  display: block; }
  .cart__image img {
    display: block;
    max-width: 100%;
    margin: 0 auto; }

.cart__subtotal {
  margin: 0 0 0 10px;
  display: inline; }

.cart__mini-labels {
  display: block;
  margin: 10px 0;
  font-size: 0.85714em; }
  @media screen and (min-width: 769px) {
    .cart__mini-labels {
      display: none; } }

.cart__remove {
  display: block; }

/*============================================================================
#Ajax Cart Styles (conditionally loaded)
==============================================================================*/
.sm, .sm ul, .sm li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  direction: ltr;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.sm-rtl, .sm-rtl ul, .sm-rtl li {
  direction: rtl;
  text-align: right; }

.sm > li > h1, .sm > li > .h1, .sm > li > h2, .sm > li > .h2, .sm > li > h3, .sm > li > .h3, .sm > li > h4, .sm > li > .h4, .sm > li > h5, .sm > li > .h5, .sm > li > h6, .sm > li > .h6 {
  margin: 0;
  padding: 0; }

.sm ul {
  display: none; }

.sm li, .sm a {
  position: relative; }

.sm a {
  display: block; }

.sm a.disabled {
  cursor: not-allowed; }

.sm:after {
  content: "\00a0";
  display: block;
  height: 0;
  font: 0px/0 serif;
  clear: both;
  visibility: hidden;
  overflow: hidden; }

.sm, .sm *, .sm *:before, .sm *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.sm-blue {
  background: transparent; }

.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
  padding: 14px 15px;
  font-size: 14px;
  line-height: 19px;
  text-decoration: none;
  color: #474847;
  font-weight: 400;
  text-transform: uppercase;
  height: 48px; }

.sm-blue a.current {
  background: #006892;
  background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #005678), color-stop(100%, #007aab));
  background-image: -webkit-linear-gradient(to bottom, #005678, #007aab);
  background-image: -moz-linear-gradient(to bottom, #005678, #007aab);
  background-image: -o-linear-gradient(to bottom, #005678, #007aab);
  background-image: linear-gradient(to bottom, #005678, #007aab);
  color: white; }

.sm-blue a.disabled {
  color: #a1d1e8; }

.sm-blue a span.sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 16px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.sm-blue a.highlighted span.sub-arrow:before {
  display: block;
  content: '-'; }

.sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.sm-blue ul {
  background: white; }

.sm-blue ul ul {
  background: rgba(102, 102, 102, 0.1); }

.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {
  background: transparent;
  color: #2b82ac;
  font-size: 16px;
  text-shadow: none;
  border-left: none; }

.sm-blue ul a.current {
  background: #006892;
  background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #005678), color-stop(100%, #007aab));
  background-image: -webkit-linear-gradient(to bottom, #005678, #007aab);
  background-image: -moz-linear-gradient(to bottom, #005678, #007aab);
  background-image: -o-linear-gradient(to bottom, #005678, #007aab);
  background-image: linear-gradient(to bottom, #005678, #007aab);
  color: white; }

.sm-blue ul a.disabled {
  color: #b3b3b3; }

.sm-blue ul ul a,
.sm-blue ul ul a:hover,
.sm-blue ul ul a:focus,
.sm-blue ul ul a:active {
  border-left: none; }

.sm-blue ul ul ul a,
.sm-blue ul ul ul a:hover,
.sm-blue ul ul ul a:focus,
.sm-blue ul ul ul a:active {
  border-left: none; }

.sm-blue ul ul ul ul a,
.sm-blue ul ul ul ul a:hover,
.sm-blue ul ul ul ul a:focus,
.sm-blue ul ul ul ul a:active {
  border-left: none; }

.sm-blue ul ul ul ul ul a,
.sm-blue ul ul ul ul ul a:hover,
.sm-blue ul ul ul ul ul a:focus,
.sm-blue ul ul ul ul ul a:active {
  border-left: none; }

.sm-blue ul li {
  border-top: 1px solid rgba(0, 0, 0, 0.05); }

.sm-blue ul li:first-child {
  border-top: 0; }

@media (min-width: 768px) {
  /* Switch to desktop layout
  -----------------------------------------------
  These transform the menu tree from
  collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  .sm-blue ul {
    position: absolute; }

  .sm-blue li {
    float: left; }

  .sm-blue.sm-rtl li {
    float: right; }

  .sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li {
    float: none; }

  .sm-blue a {
    white-space: nowrap; }

  .sm-blue ul a, .sm-blue.sm-vertical a {
    white-space: normal; }

  .sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li > :not(ul) a {
    white-space: nowrap; }

  /* ...end */
  .sm-blue {
    float: left;
    width: 100%;
    /*margin-top:90px;*/
    background: #fff; }

  #header.sticky #main-menu1.sm-blue {
    display: block;
    float: left;
    width: auto;
    background: none; }

  .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    padding: 14px 15px;
    font-size: 14px;
    line-height: 13px;
    text-decoration: none;
    color: #474847;
    font-weight: 400;
    text-transform: uppercase;
    height: 37px; }

  #header.sticky #main-menu1.sm-blue a, #header.sticky #main-menu1.sm-blue a:hover, #header.sticky #main-menu1.sm-blue a:focus, #header.sticky #main-menu1.sm-blue a:active, #header.sticky #main-menu1.sm-blue a.highlighted {
    padding: 9px 3px 7px;
    font-size: 14px;
    line-height: 13px;
    text-decoration: none;
    color: #474847;
    font-weight: 400;
    text-transform: uppercase;
    height: 37px; }

  #header.sticky #main-menu1.sm-blue a:hover, #header.sticky #main-menu1.sm-blue a:focus, #header.sticky #main-menu1.sm-blue a:active, #header.sticky #main-menu1.sm-blue a.highlighted {
    color: #87c1d7; }

  #header.sticky #main-menu1.sm-blue a, #header.sticky #main-menu1.sm-blue a:hover {
    line-height: 13px;
    height: 37px; }

  .sm-blue a span.prod-no {
    color: #828282;
    font-size: 12px;
    font-weight: 300;
    line-height: 12px;
    clear: right;
    text-align: right;
    float: right; }

  .sm-blue a span.link {
    float: right;
    clear: both; }

  .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    color: #87c1d7; }

  .sm-blue a.current {
    background: #006892;
    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #005678), color-stop(100%, #007aab));
    background-image: -webkit-linear-gradient(to bottom, #005678, #007aab);
    background-image: -moz-linear-gradient(to bottom, #005678, #007aab);
    background-image: -o-linear-gradient(to bottom, #005678, #007aab);
    background-image: linear-gradient(to bottom, #005678, #007aab);
    color: white; }

  .sm-blue a.disabled {
    background: #3092c0;
    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3b9fce), color-stop(100%, #2b82ac));
    background-image: -webkit-linear-gradient(to bottom, #3b9fce, #2b82ac);
    background-image: -moz-linear-gradient(to bottom, #3b9fce, #2b82ac);
    background-image: -o-linear-gradient(to bottom, #3b9fce, #2b82ac);
    background-image: linear-gradient(to bottom, #3b9fce, #2b82ac);
    color: #a1d1e8; }

  .sm-blue a span.sub-arrow {
    display: none; }

  .sm-blue a.highlighted span.sub-arrow:before {
    display: none; }

  .sm-blue ul li a span.sub-arrow {
    position: absolute;
    top: 12px;
    right: 14px;
    display: block;
    width: 9px;
    height: 10px;
    /*background: #dddddd;*/
    background: url("//cdn.shopify.com/s/files/1/1190/5050/t/17/assets/arrow.png?v=11222606754285760639") no-repeat; }

  .sm-blue ul li a.highlighted span.sub-arrow:before {
    display: none; }

  .sm-blue > li {
    float: left;
    margin-left: 45px; }

  .sm-blue > li:first-child {
    margin-left: 0px; }

  #header.sticky #main-menu1.sm-blue > li {
    float: left;
    margin-left: 60px; }

  #header.sticky #main-menu1.sm-blue > li:first-child {
    margin-left: 0px; }

  .sm-blue ul {
    position: absolute;
    left: -9999px;
    border: 1px solid #cfcfcf;
    border-bottom: none;
    z-index: 9999; }

  .sm-blue ul ul {
    border: 1px solid #cfcfcf;
    border-bottom: none;
    background: #fff;
    margin-top: -29px !important;
    margin-left: 220px !important; }

  .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    /* border-bottom: 1px solid #000;*/
    padding: 8px 15px 7px;
    width: 170px;
    font-size: 12px;
    text-decoration: none;
    color: #474847;
    font-weight: 400;
    /*background: #474847;*/
    background: #fff;
    text-transform: uppercase;
    text-align: left;
    height: auto; }

  #header.sticky #main-menu1.sm-blue ul a, #header.sticky #main-menu1.sm-blue ul a:hover, #header.sticky #main-menu1.sm-blue ul a:focus, #header.sticky #main-menu1.sm-blue ul a:active, #header.sticky #main-menu1.sm-blue ul a.highlighted {
    /* border-bottom: 1px solid #000;*/
    padding: 8px 15px 7px;
    width: 170px;
    font-size: 12px;
    text-decoration: none;
    color: #474847;
    font-weight: 400;
    /*background: #474847;*/
    background: #fff;
    text-transform: uppercase;
    text-align: left;
    height: auto; }

  #header.sticky #main-menu1.sm-blue ul a:hover, #header.sticky #main-menu1.sm-blue ul a:focus, #header.sticky #main-menu1.sm-blue ul a:active, #header.sticky #main-menu1.sm-blue ul a.highlighted {
    color: #87c1d7; }

  .sm-blue ul a span.sub-sub, .sm-blue ul a span.sub-sub:hover, .sm-blue ul a span.sub-sub:focus, .sm-blue ul a span.sub-sub:active, .sm-blue ul a span.sub-sub.highlighted {
    color: #828282; }

  .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    color: #87c1d7; }

  .sm-blue ul a span.sub-sub:hover, .sm-blue ul a span.sub-sub:focus, .sm-blue ul a span.sub-sub:active, .sm-blue ul a span.sub-sub.highlighted {
    color: #87c1d7; }

  .sm-blue ul a.current {
    color: #87c1d7; }

  .sm-blue ul a.disabled {
    background: white;
    color: #b3b3b3; }

  .sm-blue ul a span.sub-arrow {
    top: 50%;
    margin-top: 0px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #a1d1e8; }

  .sm-blue ul li {
    border: none;
    border-bottom: 1px solid #e5e5e5; }

  .sm-blue span.scroll-up,
  .sm-blue span.scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: white;
    height: 20px; }

  .sm-blue span.scroll-up-arrow, .sm-blue span.scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #2b82ac transparent; }

  .sm-blue span.scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed dashed;
    border-color: #2b82ac transparent transparent transparent; }

  .sm-blue.sm-rtl.sm-vertical a span.sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #a1d1e8 transparent transparent; }

  .sm-blue.sm-rtl > li:first-child > a, .sm-blue.sm-rtl > li:first-child > :not(ul) a {
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    -ms-border-radius: 0 8px 8px 0;
    -o-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0; }

  .sm-blue.sm-rtl > li:first-child {
    border-left: 1px solid #2b82ac; }

  .sm-blue.sm-rtl > li:last-child {
    border-left: 0; }

  .sm-blue.sm-rtl ul a span.sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #a1d1e8 transparent transparent; }

  .sm-blue.sm-vertical {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }

  .sm-blue.sm-vertical a {
    padding: 9px 23px; }

  .sm-blue.sm-vertical a span.sub-arrow {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #a1d1e8; }

  .sm-blue.sm-vertical > li:first-child > a, .sm-blue.sm-vertical > li:first-child > :not(ul) a {
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0; }

  .sm-blue.sm-vertical > li:last-child > a, .sm-blue.sm-vertical > li:last-child > :not(ul) a {
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -ms-border-radius: 0 0 8px 8px;
    -o-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px; }

  .sm-blue.sm-vertical > li {
    border-left: 0 !important; }

  .sm-blue.sm-vertical ul {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important; }

  .sm-blue.sm-vertical ul a {
    padding: 9px 23px; } }
@media screen and (max-width: 1159px) {
  .sm-blue > li {
    margin-left: 27px; }

  #header.sticky #main-menu1.sm-blue > li {
    margin-left: 41px; } }
@media screen and (max-width: 1023px) {
  .sm-blue > li {
    margin-left: 7px; }

  .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    padding: 9px 10px 7px; }

  #header.sticky #main-menu1.sm-blue > li {
    margin-left: 17px; } }
@media screen and (max-width: 767px) {
  #header.sticky #main-menu1 {
    display: none !important; } }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.cus-left, a {
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in; }

a, a:hover {
  text-decoration: none; }

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

*, a {
  margin: 0;
  padding: 0; }

.cus-mail-line .in-name ul li em, em {
  font-style: italic; }

#loadMore, #loadMoreFeature, #loadMoreLast, strong {
  font-family: 'Playfair Display',serif; }

.logo, .logo-mobile {
  text-indent: -9999px; }

abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  border: 0;
  font-size: 100%;
  outline: 0;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

blockquote, q {
  quotes: none; }

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

a {
  background: transparent;
  color: #000;
  outline: 0;
  vertical-align: baseline;
  transition: all .3s ease-in; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

input, select {
  vertical-align: middle; }

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  -webkit-border-radius: 0;
  cursor: pointer; }

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

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0; }

input[type=search] {
  -moz-box-sizing: content-box;
  -webkit-appearance: textfield;
  -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; }

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

input[type=text] {
  outline: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none; }

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none; }

*, button.qtyplus {
  box-sizing: border-box; }

input[type=button] {
  outline: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

:-moz-placeholder {
  opacity: 1 !important; }

:-moz-placeholder:focus {
  color: #000; }

::-moz-placeholder {
  opacity: 1 !important; }

::-moz-placeholder:focus {
  color: #000; }

:-ms-input-placeholder {
  opacity: 1 !important; }

:-ms-input-placeholder:focus {
  color: #000; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-weight: 400; }

img {
  max-width: 100%;
  height: auto;
  width: auto\9;
  border: none; }

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

nav ul, ul {
  list-style: none; }

strong {
  font-weight: 700; }

.nopad {
  padding-bottom: 0 !important; }

.overflow {
  overflow: hidden; }

#wrapper {
  width: 100%;
  float: left;
  background: #fff;
  position: relative; }

.cartscroll, .cartscroll:hover, .scrollToTop, .scrollToTop:hover {
  text-decoration: none;
  background: url(//cdn.shopify.com/s/files/1/1190/5050/t/17/assets/back-to-top.svg?v=7197389489805613302) center top no-repeat; }

.container {
  position: relative;
  margin: 0 auto;
  width: 1160px; }

.cartscroll, .scrollToTop {
  text-align: center;
  width: 52px;
  height: 52px;
  z-index: 99999;
  position: fixed;
  bottom: 17px;
  right: 17px;
  display: none;
  text-indent: -9999px; }

.cartscroll:hover, .scrollToTop:hover {
  opacity: .7;
  filter: alpha(opacity=70); }

.mb-menu-back {
  position: fixed;
  top: 33px;
  left: 0;
  z-index: 999999;
  display: none; }

.animateblock {
  padding: 0;
  color: #000;
  opacity: 1;
  display: none; }

.animateblock.animated {
  opacity: 1;
  -webkit-transition: all .8s linear;
  -moz-transition: all .8s linear;
  transition: all .8s linear; }

.animateblock.top {
  display: block;
  width: auto;
  text-align: center;
  margin-top: -100px; }

.animateblock.top.animated {
  margin-top: 0;
  position: fixed; }

.blog-post ol, .blog-post ul {
  list-style: none;
  max-width: 765px;
  margin: 0 auto;
  text-align: left;
  color: #474847;
  font-size: 18px;
  line-height: 30px;
  padding: 0 0 20px; }

.blog-post ul {
  list-style-type: disc; }

.blog-post ol {
  list-style: decimal; }

.blog-post ol li, .blog-post ul li {
  margin-bottom: 10px;
  margin-left: 50px; }

@media screen and (min-width: 481px) {
  .pr0 {
    padding-right: 0 !important; } }
#myList li.hideall {
  display: none; }

#myProduct li {
  display: block; }

#loadMore, #loadMoreFeature, #loadMoreLast {
  font-size: 18px;
  display: inline-block;
  color: #828282;
  line-height: 25px;
  font-weight: 300;
  text-transform: uppercase;
  background: url(//cdn.shopify.com/s/files/1/1190/5050/t/17/assets/down-arrow.png?v=12775476453770118929) 120px 11px no-repeat;
  border: 1px solid #828282;
  padding: 7px 13px 6px;
  width: 147px;
  text-align: left;
  margin-top: 15px;
  cursor: pointer; }

#loadMore:hover, #loadMoreFeature:hover, #loadMoreLast:hover {
  color: #87c1d7;
  background: url(//cdn.shopify.com/s/files/1/1190/5050/t/17/assets/down-arrow-hover.png?v=15875679898338490066) 120px 11px no-repeat;
  border: 1px solid #87c1d7; }

.notification-bar {
  float: left;
  width: 100%;
  background: #87c1d7;
  font-size: 12px;
  font-weight: 300;
  text-align: center;
  padding: 7px 0 9px;
  line-height: 18px;
  color: #fff;
  border-bottom: 1px solid #e5f0f5; }

#header, #header.sticky {
  background: #fff;
  width: 100%;
  float: left; }

.logo-back .logo-bt-line, .logo-mobile-back .logo-bt-line {
  font-size: 14px;
  text-align: center;
  line-height: 18px;
  font-weight: 300;
  text-transform: uppercase; }

.close-icon {
  position: absolute;
  top: 7px;
  right: 11px; }

.close-icon-smenu {
  position: absolute;
  top: 18px;
  right: 8px; }

#header {
  z-index: 99999 !important;
  position: relative;
  padding: 14px 0 17px;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.26); }

#header.sticky {
  padding: 6px 0 17px;
  height: 43px;
  z-index: 9999 !important;
  position: fixed !important;
  top: 0;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-animation: slidedown .5s forwards;
  -moz-animation: slidedown .5s forwards;
  -ms-animation: slidedown .5s forwards;
  -o-animation: slidedown .5s forwards;
  animation: slidedown .5s forwards; }

.cus-left a, .cus-left.open a {
  padding: 15px 20px 15px 48px; }

.logo-back, .logo-mobile-back {
  position: relative;
  max-width: 350px; }

@-webkit-keyframes slidedown {
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slidedown {
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

.logo-back {
  width: 100%;
  margin: 0 auto; }

.logo {
  width: 183px;
  height: 50px;
  display: inline-block; }

.logo a {
  display: block;
  width: 192px;
  height: 50px; }

.logo-back .logo-bt-line {
  width: 100%;
  color: #7e7d83;
  margin-top: 1px; }

.logo-mobile-back {
  margin: 0 auto;
  display: none;
  width: 100%; }

.logo-mobile {
  width: 183px;
  height: 50px;
  background: url(//cdn.shopify.com/s/files/1/1190/5050/t/17/assets/logo-type.svg?v=14757515050216728595) center top no-repeat; }

.logo-mobile-back .logo-bt-line {
  width: 100%;
  color: #7e7d83;
  margin-top: 1px; }

.cus-left, .cus-left.open {
  font-size: 12px;
  line-height: 19px; }

#header.sticky .logo a img {
  display: none; }

#header.sticky .logo, #header.sticky .logo a {
  display: block;
  width: 101px;
  height: 29px; }

#header.sticky .logo {
  background-position: 0 3px;
  background-image: url(//cdn.shopify.com/s/files/1/1190/5050/t/17/assets/type.svg?v=9920496996329108236);
  margin: 0 auto;
  background-repeat: no-repeat; }

#header.sticky .cus-left, #header.sticky .login-right .cart span big, #header.sticky .logo-bt-line, #main-menu1 {
  display: none; }

#header.sticky .logo-mobile {
  width: 101px;
  height: 29px;
  background: url(//cdn.shopify.com/s/files/1/1190/5050/t/17/assets/type.svg?v=9920496996329108236) center top no-repeat;
  display: none;
  margin-top: 2px; }

#header.sticky .login-right {
  width: auto;
  font-weight: 400; }

#header.sticky .login-right .search-area {
  width: 142px;
  margin-top: -6px; }

#header.sticky .login-right .search-area button {
  float: left;
  margin: 5px 7px 0 6px; }

#header.sticky .login-right .search-area input[type=text] {
  width: 100px; }

#header.sticky .login-right .login {
  float: right; }

#cssmenu-header {
  display: none !important; }

#header.sticky #cssmenu-header {
  display: block !important;
  top: -4px;
  position: absolute !important;
  z-index: 99999999; }

#cssmenu {
  display: block !important; }

#header.sticky #cssmenu {
  display: none !important; }

.login-right .search-box, .menu-trigger {
  display: none; }

.cus-left.open {
  float: left;
  color: #fff;
  margin: 0;
  font-weight: 400;
  text-transform: uppercase;
  background: url("info-white.svg") #474847 20px 15px no-repeat; }

.cus-left.open a {
  color: #fff;
  float: left; }

.cus-left.open a:hover {
  color: #87c1d7; }

.cus-left, .cus-left a {
  color: #474847;
  float: left; }

.cus-left img {
  float: left;
  margin-right: 4px; }

.cus-left {
  margin: 0;
  font-weight: 400;
  text-transform: uppercase;
  background: url(//cdn.shopify.com/s/files/1/1190/5050/t/17/assets/info-white.svg?v=13479289996402621647) 20px 15px no-repeat white;
  transition: all .3s ease-in; }

.login-right .cart, .login-right .login {
  margin-left: 10px;
  line-height: 16px;
  font-size: 12px;
  text-transform: uppercase; }

.cus-left a:hover {
  color: #87c1d7; }

.login-right .login, .login-right .login a {
  color: #474847; }

.login-right {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 6px;
  width: 300px;
  font-weight: 400; }

.login-right .login {
  float: left; }

.login-right .login a:hover {
  color: #87c1d7; }

.login-right .cart, .login-right .cart a {
  color: #474847; }

.login-right .login img {
  float: left;
  margin-right: 9px; }

.login-right .cart {
  float: right;
  position: relative;
  z-index: 444;
  width: auto;
  overflow: hidden; }

.login-right .cart img {
  float: left;
  margin-right: 9px;
  margin-top: 0;
  width: 18px; }

.login-right .cart a:hover {
  color: #87c1d7; }

.login-right .search-area {
  float: left;
  width: 100%;
  border: 1px solid #d4d4d4;
  background: #fff;
  margin-top: 8px;
  box-sizing: padding-box; }

.login-right .search-area button {
  margin: 5px 0 0 9px;
  float: left; }

.login-right .search-area input[type=text] {
  width: 250px;
  height: 30px;
  font-size: 12px;
  color: #474847;
  line-height: normal;
  text-align: left;
  border: none;
  background: #fff;
  text-transform: uppercase; }

.customer-toggle {
  float: left;
  width: 100%;
  background: #474847;
  border-top: 1px solid #b5b6b5;
  border-bottom: 1px solid #b5b6b5;
  padding: 17px 0 8px;
  display: none;
  font-weight: 400; }

.cus-col {
  float: left;
  width: 320px;
  margin-right: 10px; }

.cus-contact, .cus-mail-line {
  width: 100%;
  float: left; }

.cus-col:last-child {
  margin-right: 0; }

.cus-mail-line {
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 7px; }

.cus-mail-line img {
  float: left;
  width: 19px;
  margin-right: 7px; }

.cus-mail-line .in-name {
  float: left;
  width: 293px; }

.cus-mail-line .in-name span {
  color: #fff;
  padding-bottom: 5px;
  float: left; }

.cus-mail-line .in-name span a {
  color: #fff;
  text-transform: capitalize; }

.cus-mail-line .in-name span a:hover {
  color: #87c1d7; }

.cus-mail-line .in-name a:hover span {
  color: #87c1d7;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in; }

.cus-mail-line .in-name span small a {
  color: #87c1d7;
  text-transform: capitalize; }

.cus-mail-line .in-name span small a:hover {
  color: #fff;
  text-transform: capitalize; }

.cus-mail-line .in-name ul li, .toll-line {
  float: left;
  line-height: 21px;
  text-transform: uppercase;
  font-size: 12px;
  width: 100%; }

.toll-line {
  color: #fff;
  padding-bottom: 5px; }

.toll-line a, .toll-line small, .toll-line small a, .toll-line small a:hover {
  color: white !important; }

.toll-line.bigpad {
  padding-bottom: 10px; }

.toll-line small {
  font-weight: 300; }

.login-right .search-area input[type=text] {
  padding: 5px 0 5px 10px;
  font-family: arial; }

.about-head-txt, .artical-name, .content-wrapper h1, .content-wrapper .h1, .feature-head-txt, a .prod-cat-name {
  font-family: 'Playfair Display',serif; }

.readmore, .readmore:hover {
  color: #87c1d7; }

.readmore {
  display: inline-block;
  font-weight: 600; }

.readmore span {
  text-decoration: underline; }

.tag-box a, .testimonials-main-box .testi-con-box > a, .testimonials-main-box .testi-name > a, a .prod-cat-name {
  text-decoration: none; }

.about {
  padding: 85px 0; }

#header .logo a, #header.sticky .logo a {
  transition: none !important; }

.main-content {
  display: block;
  margin-top: 0;
  padding-bottom: 30px; }

.blog-post-innerbox .blog-thumb {
  background: none !important; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .toll-line small, .toll-line small a, ::i-block-chrome {
    color: white !important; } }
.cus-mail-line .in-name ul {
  float: left;
  width: 100%; }

.cus-mail-line .in-name ul li {
  font-weight: 300;
  color: #fff; }

.cus-mail-line .in-name ul li a {
  color: #fff; }

.cus-mail-line .in-name ul li a:hover {
  color: #87c1d7; }

.cus-mail-line .in-name ul li.small {
  text-transform: capitalize; }

.banner-bottom-wrapper, .prod-pn, .testi-name, a .prod-cat-name {
  text-transform: uppercase; }

.cus-mail-line .in-name ul li a .ind {
  display: flex;
  float: none; }

.cus-mail-line .in-name ul li a .num {
  float: left;
  margin-right: 4px;
  font-style: normal; }

.menu {
  float: left;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #e5e5e5; }

.mobile-menu {
  display: none; }

.banner-wrapper {
  float: left;
  width: 100%; }

.banner-bottom-wrapper {
  background: #474847;
  border-top: 1px solid #474847;
  float: left;
  width: 100%;
  font-size: 12px;
  line-height: 1;
  color: #fefffe;
  padding: 10px 0;
  letter-spacing: 1px; }

.content-wrapper {
  width: 100%;
  float: left;
  background: #f8f8f8;
  margin-top: 9px;
  padding-bottom: 50px;
  text-align: left; }

.content-wrapper h1, .content-wrapper .h1 {
  font-size: 34px;
  line-height: 40px;
  color: #474847;
  font-weight: 700;
  float: left;
  width: 100%;
  padding: 14px 0 2px; }

.feature-product, .feature-product ul {
  float: left;
  width: 100%;
  text-align: center; }

.feature-product ul li {
  float: left;
  width: 220px;
  height: 220px;
  margin: 15px 0 0 15px;
  background: #fff;
  position: relative; }

.feature-product ul li:nth-child(5n+1) {
  margin-left: 0; }

.feature-product ul li span {
  width: 220px;
  height: 220px;
  text-align: center;
  vertical-align: middle;
  display: table-cell; }

.feature-product ul li span img {
  display: inline;
  max-width: 220px;
  max-height: 220px;
  margin-bottom: -2px; }

.prod-pn {
  position: absolute;
  width: 100%;
  bottom: 10px;
  color: #828282;
  font-size: 14px;
  line-height: 20px;
  display: block; }

.prod-cat-name a, .prod-pn .prod-name, a .prod-cat-name {
  color: #474847; }

.prod-pn .prod-name {
  float: left;
  margin: 0 10px;
  width: 145px;
  text-align: left;
  font-weight: 400; }

.prod-pn .price {
  float: right;
  margin-right: 10px;
  width: 45px;
  text-align: right;
  font-weight: 300; }

.product-wrapper {
  float: left;
  width: 100%;
  background: #fff;
  padding: 0 0 21px; }

.product-wrapper .two-coloumn {
  float: left;
  width: 100%;
  margin-top: 20px; }

.product-wrapper .two-coloumn .box02 {
  float: left;
  margin-left: 15px;
  width: 572px;
  height: 252px;
  border: 1px solid #fafcfd;
  background: #87c1d7;
  position: relative; }

.product-wrapper .two-coloumn .box02:nth-child(2n+1) {
  margin-left: 0; }

.product-wrapper .two-coloumn .box02 .prod-img {
  float: left;
  width: 100%;
  background: #87c1d7;
  height: 100%; }

.product-wrapper .two-coloumn .box02 .prod-img img {
  display: inline;
  width: 100%;
  height: 250px; }

.prod-des-back {
  float: left;
  width: 100%;
  padding: 0 4px 9px;
  bottom: 18px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.9); }

a:hover .prod-des-back {
  background-color: white; }

a .prod-cat-name {
  font-size: 24px;
  float: left;
  padding: 7px 0;
  border-bottom: 1px solid #474847;
  line-height: 25px;
  text-align: left; }

a:hover .prod-cat-name {
  color: #87c1d7;
  border-bottom: 1px solid #87c1d7; }

.prod-cat-dis {
  color: #828282;
  font-size: 13px;
  float: left;
  width: 100%;
  line-height: 16px;
  text-align: left;
  margin-top: 2px;
  overflow: hidden;
  font-weight: 400; }

.about-head-txt, .about-head-txt a {
  color: #474847; }

.product-wrapper .three-coloumn {
  float: left;
  width: 100%;
  margin-top: 20px; }

.product-wrapper .three-coloumn .box03 {
  float: left;
  margin-left: 15px;
  width: 300px;
  height: 252px;
  position: relative;
  border: 1px solid #fafcfd; }

.product-wrapper .three-coloumn .box03:nth-child(3n+1) {
  margin-left: 0; }

.product-wrapper .three-coloumn .box03.big {
  width: 530px;
  height: 252px;
  position: relative; }

.product-wrapper .three-coloumn .box03 .prod-img, .product-wrapper .three-coloumn .box03 .prod-img-mb {
  height: 100%;
  background: #87c1d7;
  width: 100%;
  float: left; }

.product-wrapper .three-coloumn .box03 .prod-img-mb {
  display: none; }

.product-wrapper .three-coloumn .box03 .prod-img-mb img {
  display: inline; }

.product-wrapper .three-coloumn .box03 .prod-img img {
  display: inline;
  width: 100%;
  height: 250px; }

.product-wrapper .three-coloumn .box03.big .prod-img {
  float: left;
  width: 100%;
  background: #87c1d7;
  height: 100%; }

.product-wrapper .three-coloumn .box03.big .prod-img img {
  display: inline;
  width: 100%;
  height: 250px; }

.about-wrapper {
  float: left;
  width: 100%;
  background: #f8f8f8;
  padding: 21px 0 30px;
  text-align: left; }

.about-head-txt {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 34px;
  line-height: 40px;
  font-weight: 700;
  padding-bottom: 12px; }

.abt-left p, .testi-con-box {
  font-size: 16px;
  line-height: 22px; }

.about-head-txt a:hover {
  color: #87c1d7; }

.abt-left p, .testi-con-box, .testi-con-box a {
  color: #474847; }

.abt-left {
  float: left;
  width: 536px;
  margin-left: 18px; }

.abt-left p {
  float: left;
  width: 100%;
  padding-bottom: 17px;
  font-weight: 400; }

.abt-rgt {
  float: right;
  margin-right: 56px;
  width: 460px;
  position: relative; }

.testimonial-area, .testimonial-area ul {
  width: 100%;
  float: left; }

.bx-viewport {
  margin-left: 1px !important; }

.testimonial-area {
  margin-top: 0; }

.testimonial-area ul li {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  min-height: 133px;
  margin-left: 0.14em !important; }

.testi-con-box {
  margin-top: 30px;
  font-weight: 400;
  float: left;
  width: 99%;
  padding: 19px 29px 33px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background: #fff;
  position: relative;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16); }

.testi-con-box:after {
  content: url(//cdn.shopify.com/s/files/1/1190/5050/t/17/assets/test-bot-arrow.png?v=10162537271139969308);
  position: absolute;
  width: 0;
  z-index: 1;
  margin-left: -21px;
  bottom: -28px;
  left: 51px; }

.feature-art-wrapper, .feature-art-wrapper ul, .feature-head-txt, .testi-name {
  width: 100%;
  float: left; }

.testi-con-box a:hover {
  color: #87c1d7; }

.testi-name, .testi-name a {
  color: #474847;
  font-size: 14px; }

.testi-name {
  text-align: left;
  margin-top: 33px;
  font-weight: 400; }

.testi-name a:hover {
  color: #87c1d7; }

.feature-head-txt, .feature-head-txt a {
  color: #474847; }

.feature-art-wrapper {
  background: #fff;
  padding: 33px 0 47px; }

.feature-head-txt {
  text-align: left;
  font-size: 34px;
  line-height: 40px;
  font-weight: 700;
  padding-bottom: 24px; }

.feature-head-txt a:hover {
  color: #87c1d7; }

.artical-name, a .artical-name a {
  color: #474847; }

.feature-art-wrapper ul li {
  width: 219px;
  float: left;
  margin-left: 15px; }

.feature-art-wrapper ul li:nth-child(5n+1) {
  margin-left: 0; }

.art-box {
  float: left;
  width: 100%; }

.art-box span {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 219px;
  height: 166px;
  background: none;
  padding: 0;
  max-height: 150px;
  overflow: hidden; }

.nw-box, .signup-box, .social-box {
  vertical-align: top; }

.art-box span img {
  display: inline;
  margin-bottom: -2px;
  width: 100%; }

.ft-link ul li, .nw-box, .secure, .signup-box, .social-box {
  display: inline-block; }

.artical-name {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  float: left;
  margin-top: 13px;
  text-align: left; }

a:hover .artical-name {
  color: #87c1d7; }

.nw-box span, .nw-box span.big {
  color: #474847;
  clear: both; }

#footer {
  float: left;
  width: 100%;
  background: #f8f8f8;
  padding: 34px 0 35px;
  font-weight: 400; }

.sign-area {
  float: left;
  width: 100%;
  text-align: center; }

.nw-box span {
  font-size: 14px;
  line-height: 18px;
  text-align: right;
  font-family: Roboto,sans-serif;
  text-transform: none;
  font-weight: 300;
  float: right;
  margin-top: 4px; }

.collection-display .coll-box a h2, .collection-display .coll-box a .h2, .collection-wrapper h1, .collection-wrapper .h1, .nw-box span.big, .sub-category-area-back h2, .sub-category-area-back .h2 {
  font-family: 'Playfair Display',serif; }

.nw-box span.big {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px; }

.signup-box {
  margin-left: 12px; }

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

::-moz-placeholder {
  color: #a9aaa9; }

::-moz-placeholder {
  color: #a9aaa9; }

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

.signup-box input[type=text] {
  float: left;
  width: 227px;
  height: 43px;
  background: #fff;
  border: 1px solid #a2a7a9;
  padding: 6px 15px 8px;
  font-size: 14px;
  color: #474847;
  font-weight: 400;
  border-right: none;
  box-shadow: none; }

.signup-box input[type=submit] {
  float: left;
  width: 99px;
  height: 43px;
  background: #484848;
  border: none;
  font-family: 'Playfair Display',serif;
  color: #fff;
  font-size: 18px;
  line-height: 22px; }

.breadcrumbs, .breadcrumbs ul, .collection-display, .collection-display ul, .collection-wrapper, .collection-wrapper p, .copyright, .ft-link, .ft-link ul {
  width: 100%;
  float: left; }

.ft-link ul li, .ft-link ul li a {
  color: #474847;
  font-weight: 400; }

.signup-box input[type=submit]:hover {
  opacity: .8;
  filter: alpha(opacity=80); }

.social-box {
  margin: 9px 0 0 10px; }

.f-icon {
  float: left;
  margin: 0 14px; }

.f-icon a:hover {
  opacity: .7;
  filter: alpha(opacity=70); }

.ft-link {
  text-align: center;
  margin-top: 30px; }

.ft-link ul li {
  padding: 0 18px 0 20px;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase; }

.ft-link ul li a:hover {
  color: #87c1d7; }

.copyright, .secure {
  font-size: 14px;
  color: #474847;
  line-height: 22px;
  text-transform: uppercase; }

.secure {
  margin-top: 23px;
  background: url(//cdn.shopify.com/s/files/1/1190/5050/t/17/assets/lock-icon.png?v=3780925403435951411) left 2px no-repeat;
  padding-left: 22px; }

.copyright {
  margin-top: 26px; }

.collection-wrapper {
  background: #fff;
  border-top: 1px solid #e5e5e5;
  padding: 3px 0 20px;
  margin-top: 0; }

.collection-wrapper h1, .collection-wrapper .h1 {
  font-size: 34px;
  line-height: 40px;
  color: #474847;
  font-weight: 700;
  float: left;
  width: 100%;
  text-align: left;
  padding: 14px 0 2px; }

.collection-wrapper h1 sup, .collection-wrapper .h1 sup {
  font-size: 56%;
  position: absolute;
  top: 9px;
  vertical-align: top; }

.collection-wrapper .mb-content, .collection-wrapper p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
  text-align: left; }

.collection-wrapper p {
  color: #474847;
  padding: 15px 0 15px;
  display: block; }

.collection-wrapper .desk-content {
  display: block; }

.collection-wrapper .mb-content {
  display: none;
  clear: both;
  padding: 15px 0 0 !important;
  color: #474847; }

.mb-content p {
  padding: 0; }

.breadcrumbs {
  margin-top: 6px; }

.breadcrumbs ul {
  text-align: left; }

.breadcrumbs ul li {
  float: left;
  background: url(//cdn.shopify.com/s/files/1/1190/5050/t/17/assets/bread-sep.png?v=12058463107697960422) left 7px no-repeat;
  color: #87c1d7;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  padding: 0 4px 0 11px; }

.breadcrumbs ul li:first-child {
  background: none;
  padding-left: 0; }

.breadcrumbs ul li a {
  color: #474847; }

.breadcrumbs ul li a:hover {
  color: #87c1d7; }

.collection-display {
  margin-top: 2px; }

.collection-display ul li {
  float: left;
  width: 574px;
  margin: 12px 0 0 12px; }

.collection-display ul li:nth-child(2n+1) {
  margin-left: 0;
  clear: left; }

.collection-display .coll-box {
  float: left;
  width: 100%;
  position: relative;
  height: 254px; }

.collection-display .coll-box figure {
  background: #87c1d7;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

.collection-display .coll-box a h2, .collection-display .coll-box a .h2, a .collection-display .coll-box h2 span, a .collection-display .coll-box .h2 span {
  width: 100%;
  text-align: left;
  float: left; }

.collection-display .coll-box figure img {
  display: inline;
  height: 254px;
  width: 100%; }

.collection-display .coll-box a h2, .collection-display .coll-box a .h2 {
  padding: 7px 16px 12px;
  font-size: 30px;
  line-height: 36px;
  text-transform: uppercase;
  position: absolute;
  bottom: 30px;
  background-color: rgba(255, 255, 255, 0.9);
  color: #474847; }

.collection-display .coll-box h2 a, .collection-display .coll-box .h2 a {
  color: #474847; }

.collection-display .coll-box a:hover h2, .collection-display .coll-box a:hover .h2 {
  color: #87c1d7;
  background-color: white; }

.collection-display .coll-box figure.sm-height {
  display: table-cell;
  background: #87c1d7;
  height: 88px;
  text-align: center;
  vertical-align: middle;
  width: 574px; }

.collection-display .coll-box figure.sm-height img {
  display: inline;
  max-height: 88px;
  max-width: 574px;
  margin-bottom: -2px; }

.sub-category-area {
  float: left;
  width: 100%;
  padding: 18px 0 0;
  font-weight: 400; }

.sub-category-area-back {
  float: left;
  width: 100%;
  background: #f8f8f8;
  padding: 9px 0; }

.sub-category-area-back.bottom {
  margin-top: 11px; }

.sub-category-area-back.bottom.pagi {
  padding-bottom: 13px; }

.sub-category-area-back h2, .sub-category-area-back .h2 {
  display: inline-block;
  color: #828282;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  text-align: center; }

.qty, .sub-show-but button {
  font-family: Roboto,sans-serif; }

.sub-category-area-back h2 a, .sub-category-area-back .h2 a {
  background: url(//cdn.shopify.com/s/files/1/1190/5050/t/17/assets/triangle-arrow-down.svg?v=440224128442189380) right 17px no-repeat;
  color: #828282;
  padding-right: 25px; }

.sub-category-area-back h2 a:hover, .sub-category-area-back .h2 a:hover {
  background: url(//cdn.shopify.com/s/files/1/1190/5050/t/17/assets/triangle-arrow-down.svg?v=440224128442189380) right 17px no-repeat;
  color: #87c1d7; }

.sub-category-area-back h2 a.down, .sub-category-area-back .h2 a.down {
  background: url(//cdn.shopify.com/s/files/1/1190/5050/t/17/assets/triangle-arrow-up.svg?v=5655418549742104631) right 17px no-repeat; }

.sub-show-but {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px; }

.sub-show-but button {
  font-size: 18px;
  color: #828282;
  line-height: 25px;
  font-weight: 300;
  text-transform: uppercase;
  background: url(//cdn.shopify.com/s/files/1/1190/5050/t/17/assets/arrow-top.png?v=11612577695498442424) 77% 11px no-repeat;
  border: 1px solid #828282;
  padding: 7px 33px 6px;
  width: 140px;
  text-align: left; }

.sub-cat-box, .sub-cat-box ul {
  width: 100%;
  float: left; }

.sub-cat-box {
  clear: both;
  display: none; }

.sub-cat-box ul li {
  width: 275px;
  margin: 11px 0 0 15px;
  float: left;
  padding-left: 0;
  text-align: left; }

.sub-cat-box ul li:nth-child(4n+1) {
  margin-left: 0; }

.sub-cat-box ul li figure {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: #9dd3df;
  margin-right: 10px;
  float: left; }

.sub-cat-box ul li figure img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  display: block; }

.sub-cat-box ul li span {
  height: 65px;
  display: table-cell;
  vertical-align: middle;
  width: 198px; }

.sub-cat-box ul li a {
  color: #828282;
  font-size: 14px;
  line-height: 18px;
  height: 46px; }

.sub-cat-box ul li a:hover {
  color: #87c1d7; }

.sub-cat-box ul li a sup {
  font-size: 65%;
  vertical-align: top;
  line-height: 13px; }

.pagination {
  float: right;
  width: 59%;
  margin: 4px 33px 0 0;
  font-weight: 400; }

.pagination ul {
  float: right;
  text-align: right; }

.pagination ul li {
  float: left;
  padding: 0 5px; }

.pagination ul li a {
  padding: 0 5px;
  font-size: 14px;
  line-height: 34px;
  color: #828282;
  text-transform: uppercase; }

.pagination ul li a.active, .pagination ul li a:hover {
  color: #87c1d7; }

.pagination ul li.prev {
  margin-left: 4px; }

.pagination ul li.prev a {
  padding: 7px 0 7px 22px;
  position: relative; }

.pagination ul li.prev a:before {
  content: '';
  border: 2px solid #828282;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-right: medium none;
  border-bottom: medium none; }

.pagination ul li.prev a:hover:before {
  border-color: #87c1d7; }

.pagination ul li.next {
  margin-right: 4px; }

.pagination ul li.next a {
  padding: 7px 22px 7px 0;
  position: relative; }

.pagination ul li.next a:after {
  content: '';
  border: 2px solid #828282;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-left: medium none;
  border-top: medium none;
  right: 0; }

#lastSeenProduct li, #myLikeProduct li, .detail-dis-area, .pagination ul li.mb-next, .pagination ul li.mb-prev, .price-short-menu {
  display: none; }

.pagination ul li.next a:hover:after {
  border-color: #87c1d7; }

.price-short a, .price-short-menu ul {
  float: left;
  border: 1px solid #828282; }

.price-selection {
  float: left;
  width: 30%;
  margin-left: 28px;
  font-weight: 400; }

.price-short-back {
  float: left; }

.price-short {
  float: left;
  position: relative; }

.price-short a {
  color: #7e7d83;
  font-size: 14px;
  line-height: 18px;
  padding: 11px 15px;
  min-width: 150px; }

.price-short a:hover, a:focus {
  color: #87c1d7 !important; }

.price-short-menu {
  float: left;
  position: absolute;
  z-index: 999;
  -webkit-animation: .3s ease-in-out;
  animation: .3s ease-in-out;
  margin-top: 41px;
  padding-left: 0;
  padding-top: 10px;
  margin-left: 0; }

.price-short-menu ul {
  padding: 11px 13px;
  width: 150px;
  background: #f8f8f8; }

.cat-product-area, .cat-product-area ul, .price-short-menu ul li {
  width: 100%;
  float: left; }

.price-short-menu ul li a {
  color: #828282;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  display: block; }

.discription .name, .discription .price, .out-stock-tag {
  line-height: 18px;
  font-size: 14px;
  text-transform: uppercase; }

.price-short-menu ul li a:hover {
  color: #87c1d7; }

.cat-product-area {
  padding: 1px 0 25px;
  text-align: center; }

.cat-product-area ul li {
  float: left;
  margin: 18px 0 0 15px;
  width: 220px;
  min-height: 290px; }

.cat-product-area ul li:nth-child(5n+1) {
  margin-left: 0; }

.cat-prod-box {
  float: left;
  width: 220px;
  position: relative; }

.new-tag, .out-stock-tag, .sale-tag {
  position: absolute; }

.cat-prod-box.outstock {
  opacity: .4;
  filter: alpha(opacity=40);
  background: #fff; }

.cat-prod-box span {
  width: 220px;
  height: 220px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: #fff;
  overflow: hidden; }

.cat-prod-box span img {
  display: inline;
  max-width: 220px;
  max-height: 220px;
  margin-bottom: -2px; }

.new-tag {
  top: 14px;
  left: 0; }

.out-stock-tag {
  bottom: 0;
  left: 0;
  background: #f8f8f8;
  color: #828282;
  z-index: 888;
  padding: 3px 0 2px;
  width: 100%; }

.discription .name, a .discription .name {
  color: #474847; }

.sale-tag {
  bottom: 40px;
  right: 0; }

.qty, .select-custom {
  position: relative; }

.discription {
  float: left;
  width: 100%;
  margin-top: 8px; }

.discription .name {
  margin-right: 15px;
  float: left;
  width: 90px;
  text-align: left;
  height: 20px;
  overflow: hidden; }

a:hover .discription .name {
  color: #87c1d7; }

.discription .price {
  color: #828282;
  float: right;
  font-weight: 300;
  text-align: right;
  width: 112px;
  overflow: hidden; }

a .discription .price {
  color: #828282; }

a:hover .discription .price {
  color: #87c1d7; }

.discription .txtdis {
  float: left;
  width: 100%;
  color: #828282;
  line-height: 17px;
  font-size: 14px;
  font-weight: 300;
  text-align: left;
  margin-top: 2px;
  height: 35px;
  overflow: hidden; }

a .discription .txtdis {
  color: #828282; }

.product-option-wrapper {
  float: left;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  padding: 3px 0 20px; }

.prod-dis-back {
  float: left;
  width: 100%;
  margin: 2px 0 0; }

.prod-photo-left {
  float: left;
  width: 580px;
  margin-top: 10px; }

.prod-photo-big, .prod-photo-small, .prod-photo-small ul {
  width: 100%;
  float: left; }

.prod-photo-small {
  margin-top: 5px; }

.prod-photo-small ul li {
  float: left;
  padding: 0 7px; }

.prod-photo-small ul li a {
  border: 1px solid transparent;
  float: left; }

.prod-photo-small ul li a:hover {
  border: 1px solid #bdbdbd; }

.prod-photo-small ul li:nth-child(4n+1) {
  padding-left: 0; }

.prod-dis-right {
  float: right;
  margin: 0 8px 0 0;
  width: 562px; }

.prod-dis-right h1, .prod-dis-right .h1 {
  font-size: 34px;
  line-height: 40px;
  color: #474847;
  font-weight: 700;
  font-family: 'Playfair Display',serif;
  float: left;
  width: 100%;
  text-align: left;
  padding: 0; }

.pr-name, .prod-dec-tabel-head {
  width: 100%;
  color: #474847;
  font-size: 18px;
  line-height: 22px;
  float: left; }

.pr-name {
  text-align: left;
  font-weight: 300;
  padding-bottom: 6px; }

.prod-dec-tabel {
  float: left;
  width: 100%;
  margin-top: 20px;
  text-transform: uppercase;
  padding-bottom: 10px; }

.prod-dec-tabel-head {
  text-transform: uppercase;
  border-bottom: 1px solid #6c6d6c;
  padding-bottom: 8px; }

.dis-col-01 {
  float: left;
  width: 140px;
  margin-right: 20px;
  text-align: left; }

.dis-col-02, .dis-col-03, .myform, .prod-detail-line .add-cart-btn, .qty {
  text-align: center; }

.dis-col-02 {
  width: 110px;
  float: left; }

.dis-col-03 {
  float: right;
  width: 220px;
  margin-bottom: 10px; }

.prod-detail-line {
  float: left;
  width: 100%;
  margin-top: 14px; }

.myform {
  width: 216px;
  float: right;
  max-width: 100%; }

.prod-detail-line input[type=button] {
  background: #87d5a3;
  border: 1px solid #696;
  color: #fff;
  float: right;
  font-family: Roboto,sans-serif;
  font-size: 24px;
  height: 50px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  width: 216px;
  font-weight: 400; }

.prod-detail-line input[type=button]:hover {
  background: #87c1d7;
  border: 1px solid #6294a7; }

.qty, button.qtyplus {
  border: 1px solid #7e7d83; }

.qty {
  width: 116px;
  height: 50px;
  float: left;
  padding: 0 7px;
  margin: 0;
  background: #fff;
  color: #474847;
  font-size: 34px;
  line-height: 1;
  font-weight: 300;
  z-index: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

button.qtyminus, button.qtyplus {
  width: 50px;
  background: #fff;
  font-weight: 300;
  z-index: 888;
  height: 50px;
  font-family: Roboto,sans-serif; }

.qty.dicontinue {
  font-size: 14.4px !important;
  padding-top: 18px !important; }

.qty.outsrock, button.qtyminus, button.qtyplus {
  color: silver;
  font-size: 18px;
  line-height: 1; }

.qty.outsrock {
  display: inline;
  text-transform: none;
  padding-top: 15px;
  padding-bottom: 14px;
  float: left; }

button.qtyplus {
  margin-left: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-left: 0; }

button.qtyminus {
  float: left;
  border: 1px solid #7e7d83;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-right: 1px solid #6c6d6c; }

.prod-detail-line .add-cart-btn {
  float: right;
  width: 216px;
  height: 50px;
  background: #87d5a3;
  border: 1px solid #696;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 1;
  font-family: Roboto,sans-serif;
  color: #fff;
  border-radius: 0;
  font-weight: 400; }

.detail-dis-area, .mat-dis-line {
  width: 100%;
  font-size: 14px;
  float: left; }

.prod-detail-line .add-cart-btn:hover {
  background: #87c1d7;
  border: 1px solid #6294a7;
  border-radius: 0; }

.detail-dis-area {
  margin-top: 5px;
  color: #474847;
  line-height: 21px;
  font-weight: 300;
  text-align: left; }

.mat-dis {
  float: left;
  width: 100%;
  margin-bottom: 9px; }

.mat-dis-line {
  padding-bottom: 6px;
  line-height: 18px; }

.mat-dis-line .left {
  float: left;
  width: 98px;
  margin-right: 10px; }

.mat-dis-line .right {
  float: left !important;
  width: 390px; }

.detail-dis-area p {
  float: left;
  width: 90%;
  margin-top: 0;
  line-height: 21px;
  padding-bottom: 10px; }

.prod-bottom-area {
  float: left;
  width: 100%;
  margin-top: 0;
  padding-bottom: 20px; }

.prod-sug-box {
  float: left;
  width: 100%;
  margin-top: 25px;
  text-align: left; }

.prod-sug-box .cat-product-area {
  padding-bottom: 0; }

.prod-sug-box h1, .prod-sug-box .h1 {
  font-size: 34px;
  line-height: 40px;
  color: #474847;
  font-weight: 700;
  font-family: 'Playfair Display',serif;
  float: left;
  width: 100%;
  padding: 0; }

.prod-opt-dec-tabel {
  float: left;
  width: 100%;
  margin-top: 60px;
  text-transform: uppercase;
  padding-bottom: 10px; }

.dis-opt-col-01 {
  float: left;
  width: 398px;
  margin-right: 20px;
  text-align: left; }

.dis-opt-col-02, .dis-opt-col-02-mob {
  float: left;
  width: 90px;
  margin-right: 170px; }

.dis-opt-col-02-mob {
  text-align: center;
  display: none; }

.dis-opt-col-03 {
  width: 116px;
  float: left; }

.prod-opt-photo-small, .prod-opt-photo-small ul {
  width: 100%;
  float: left; }

.opt-prod-name {
  color: #474847;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-transform: none; }

.pur-price, .whol-pur-price {
  font-size: 18px;
  color: #474847; }

.opt-prod-name small {
  font-weight: 300;
  display: block; }

.pur-price {
  font-weight: 300; }

.whol-pur-price {
  font-weight: 400; }

.prod-opt-photo-small {
  margin-top: 5px; }

.prod-opt-photo-small ul li {
  float: left;
  padding: 0 7px; }

.prod-opt-photo-small ul li a {
  border: 1px solid transparent;
  float: left; }

.prod-opt-photo-small ul li a:hover {
  border: 1px solid #bdbdbd; }

.prod-opt-photo-small ul li:nth-child(4n+1) {
  padding-left: 0; }

.prod-opt-photo-left {
  float: left;
  width: 580px; }

.detail-opt-dis-area {
  float: left;
  width: 100%;
  margin-top: 138px;
  font-size: 14px;
  color: #474847;
  line-height: 21px;
  font-weight: 300;
  display: none; }

.pad-top {
  padding-top: 112px; }

.background_no_move {
  overflow-y: hidden !important;
  –webkit-overflow-scrolling: touch; }

.background_no_move body {
  position: fixed;
  width: 100%;
  –webkit-overflow-scrolling: touch; }

.fl-cart-inner {
  float: left;
  width: 100%;
  padding: 10px 38px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 99%; }

.fl-cart-close, .fl-cart-close a {
  float: right;
  line-height: 20px;
  font-weight: 300; }

.fl-cart-close {
  color: #828282 !important;
  font-family: Roboto,sans-serif;
  font-size: 16px;
  margin-right: 7px;
  text-align: right; }

.breadcrumb-item, .fl-cart-box a, .fl-cart-box input[type=button], .fl-cart-close a {
  font-family: Roboto,sans-serif; }

.fl-cart-close a {
  font-size: 14px;
  color: #828282; }

.fl-cart-close a:hover {
  color: #87c1d7; }

.fl-cart-box {
  float: left;
  width: 100%;
  margin-top: 0; }

.fl-cart-box a, .fl-cart-box input[type=button] {
  float: left;
  font-weight: 300;
  font-size: 16px; }

.fl-cart-box a.c-sh {
  padding: 10px 10px 13px; }

.fl-cart-box .s-cart {
  color: #fff;
  background: #828282;
  border: none;
  padding: 5px 19px 7px; }

.fl-cart-box .s-cart:hover {
  background: #87c1d7; }

.fl-cart-box .c-sh {
  color: #474847;
  background: #fff;
  border: 2px solid #757675;
  padding: 8px 10px 10px;
  width: 202px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.fl-cart-box .c-sh:hover {
  background: #757675;
  color: #fff; }

.fl-cart-box .c-out {
  float: right !important;
  color: #fff;
  background: #87d5a3;
  border: 1px solid #696;
  padding: 9px 10px 11px;
  width: 202px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.fl-cart-box .c-out:hover {
  background: #87c1d7 !important;
  color: white !important;
  border: 1px solid #41859f; }

.fl-cart-stbox {
  float: left;
  width: 100%;
  margin-top: 47px; }

.fl-cart-stbox .leftsub {
  float: left;
  width: 310px; }

.fl-cart-stbox .leftsub .stxt {
  float: left;
  width: 100%;
  font-size: 16px;
  color: #474847;
  text-align: left;
  font-weight: 300; }

.fl-cart-stbox .leftsub .tax {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #828282;
  text-align: left;
  margin: 9px 0 0;
  font-weight: 300; }

.fl-cart-stbox .rgtsub {
  float: right;
  width: 85px;
  text-align: right;
  font-size: 16px;
  color: #474847;
  font-weight: 300; }

.fl-cart-tprodbox {
  float: left;
  width: 100%;
  padding: 0 0 0 38px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 356px; }

.fl-cart-tprodbox .inner {
  min-height: 450px;
  float: left;
  width: 100%;
  padding: 0 21px 0 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.fl-cart-tprodbox .prod-display {
  float: left;
  width: 100%;
  border: 1px solid #eee;
  border-left: 2px solid #eee;
  border-right: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-weight: 300; }

.fl-cart-tprodbox .prod-display:first-child {
  border-top: 2px solid #eee; }

.fl-cart-tprodbox .prod-display:last-child {
  border-bottom: 2px solid #eee; }

.fl-cart-tprodbox .prod-display .cart-prod {
  float: left;
  width: 60px;
  height: 60px;
  border-right: 2px solid #eee;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.fl-cart-tprodbox .prod-display .cart-prod figure {
  width: 100%;
  height: 60px;
  padding: 6px;
  vertical-align: middle;
  display: table-cell;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.fl-cart-tprodbox .prod-display .cart-prod figure img {
  display: inline;
  max-width: 48px; }

.messagepop, .single-option-selector {
  display: none; }

.fl-cart-tprodbox .prod-display .purdetail {
  float: right;
  width: 346px; }

.fl-cart-tprodbox .prod-display .purdetail .line01 {
  float: left;
  width: 100%; }

.fl-cart-tprodbox .prod-display .purdetail .line01 .prodname {
  float: left;
  font-size: 14px;
  line-height: 22px;
  color: #666;
  width: 328px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left; }

.fl-cart-tprodbox .prod-display .purdetail .line01 .prodname a {
  color: #666; }

.fl-cart-tprodbox .prod-display .purdetail .line01 .prodname a:hover {
  color: #87c1d7; }

.fl-cart-tprodbox .prod-display .purdetail .line01 .cl-but {
  float: right;
  width: 12px;
  margin-top: 6px; }

.fl-cart-tprodbox .prod-display .purdetail .line02 {
  float: left;
  width: 100%;
  margin-top: 10px; }

.fl-cart-tprodbox .prod-display .purdetail .line02 .qtyarea {
  float: left;
  width: 180px; }

.fl-cart-tprodbox .prod-display .purdetail .line02 .qtyarea .qt {
  float: left;
  margin: 3px 10px 0 0;
  font-size: 14px;
  text-transform: uppercase; }

.fl-cart-tprodbox .prod-display .purdetail .line02 .qtyarea input[type=number] {
  float: left;
  border: 1px solid #c4c4c4;
  background: #fff;
  width: 40px;
  height: 23px;
  line-height: 1;
  color: #474847;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  font-family: Roboto,sans-serif; }

.fl-cart-tprodbox .prod-display .purdetail .line02 .f-price {
  float: right;
  text-align: right;
  width: 90px;
  font-size: 16px;
  line-height: 20px;
  color: #474847;
  margin-top: 3px; }

.MagicSlideshow.mss-horizontal {
  touch-action: pan-y; }

.cat-product-area .grid-uniform {
  margin: 0; }

.main-bx .ajaxcart__inner {
  float: right;
  height: 270px;
  overflow-y: scroll;
  width: 95%; }

.main-bx .ajaxcart__product-image {
  margin-bottom: 0; }

.main-bx .ajaxcart__row {
  border: 1px solid #e9e9e9;
  margin-bottom: 0;
  padding-bottom: 0; }

.main-bx .one-quarter {
  text-align: center;
  width: 16%; }

.main-bx .three-quarters {
  border-left: 1px solid #e9e9e9; }

.main-bx .ajaxcart__product-name {
  font-weight: 300;
  padding: 3px 0 10px;
  text-align: left;
  text-transform: uppercase; }

.drawer a {
  color: #666; }

.drawer a:hover {
  color: #87c1d7; }

.main-bx .display-table {
  padding-bottom: 5px; }

.messagepop {
  background-color: #474847;
  border: 1px solid #474847;
  cursor: default;
  position: fixed;
  text-align: left;
  z-index: 9999999999;
  padding: 10px;
  width: 100%;
  height: 100%;
  top: 0; }

.close-mdl {
  display: block;
  margin-bottom: 20px; }

.close {
  background: #fff;
  border-radius: 50%;
  float: right;
  font-weight: 700;
  padding: 6px 10px; }

.notification-bar a {
  color: #fff; }

.spc-ins label {
  padding: 10px;
  display: block;
  text-align: left; }

section.contact {
  padding: 20px 0;
  text-align: left; }

.about-left-section, .about-right-section {
  float: left;
  width: 50%; }

.breadcrumb {
  margin-bottom: 10px; }

.breadcrumb-item {
  font-size: 14px;
  color: #474847;
  font-weight: 300;
  margin: 0 !important;
  padding: 0 !important; }

.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
  display: inline-block;
  margin: 0 5px; }

.cat-prod-box.blur span::after, .posts-block:hover .blog-thumb a:after, .select-custom::before, .sub-heading-log::after, .tooltip_text:after {
  content: ""; }

.primary-heading {
  font-size: 34px;
  color: #474847;
  font-family: "Playfair Display",serif;
  font-weight: 600;
  margin: 0 0 12px !important; }

.welcome-message {
  font-size: 32px;
  color: #474847;
  font-family: Roboto,sans-serif;
  font-weight: 300;
  margin-bottom: 20px; }

.secondary-heading {
  margin: 0 !important;
  font-size: 30px;
  color: #474847;
  font-family: 'Open Sans',sans-serif;
  font-weight: 400;
  line-height: 36px; }

.contact-detail {
  color: #828282;
  font-family: "Open Sans",sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  margin: 20px 0; }

.last-num {
  margin: 0; }

.contact-form input[type=text] {
  border: 1px solid #9b9b9b;
  border-radius: 2px;
  height: 42px;
  margin-bottom: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  width: 100%;
  color: #474847;
  letter-spacing: 1px;
  font-size: 18px;
  font-weight: 300;
  font-family: Roboto,sans-serif;
  text-transform: none !important;
  box-shadow: none; }

.contact-form input[type=email], .contact-form textarea {
  border: 1px solid #9b9b9b;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-bottom: 15px;
  color: #474847;
  letter-spacing: 1px;
  font-size: 18px;
  font-weight: 300;
  font-family: Roboto,sans-serif;
  width: 100%; }

.contact-form input:first-letter {
  text-transform: none !important; }

.add-new-add .btn, .add-new-add .btn--secondary, .contact-form select option:first-child, .first-row > td, .form-box .btn.btn--full, .form-box .btn--full.btn--secondary, .forth-col-heading, .pagination a, .prime-heading, .secondary-heading-log, .service-heading, .ship-col-heading, .tabs-customers .ui-tabs .ui-tabs-nav li, .third-col-heading {
  text-transform: uppercase; }

.contact-form input[type=email] {
  border-radius: 2px;
  height: 42px;
  box-sizing: border-box;
  padding: 0 20px; }

.contact-form textarea {
  border-radius: 2px;
  height: 470px;
  resize: none;
  box-sizing: border-box;
  padding: 20px; }

.contact-form select {
  border: 1px solid #9b9b9b;
  border-radius: 2px;
  height: 42px;
  margin-bottom: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
  width: 100%;
  color: #474847;
  letter-spacing: 1px;
  font-size: 18px;
  font-weight: 300;
  font-family: Roboto,sans-serif; }

.contact-form select option {
  color: #828282;
  padding: 0 15px; }

.contact-form select::-ms-expand {
  display: none; }

::-webkit-input-placeholder {
  color: #828282 !important; }

:-moz-placeholder {
  color: #828282 !important; }

::-moz-placeholder {
  color: #828282 !important; }

:-ms-input-placeholder {
  color: #828282 !important; }

.contact-form button {
  background: #9dd3df;
  text-align: center;
  color: #fff;
  font-family: Roboto,sans-serif;
  font-weight: 900;
  padding: 5px 0;
  display: block;
  border-radius: 2px;
  width: 100%;
  border: 0;
  font-size: 20px;
  cursor: pointer; }

.select-custom::before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #828282;
  height: 0;
  position: absolute;
  right: 10px;
  top: 19px;
  width: 0;
  z-index: 1024; }

.grid__item.large--two-thirds.push--large--one-sixth > h1, .grid__item.large--two-thirds.push--large--one-sixth > .h1 {
  display: none; }

.contact-form input[type=email]:focus, .contact-form input[type=text]:focus, .contact-form select:focus, .contact-form textarea:focus {
  box-shadow: 0 0 2px #9dd3df;
  outline: 0;
  border-color: #9dd3df; }

section.testimonials {
  padding: 20px 0;
  text-align: left; }

.dis-opt-col-04, .minus-sign, .p-blog-title, .tag-box, .tags-main-box {
  text-align: center; }

.testimonials-main-box {
  padding-left: 50px; }

.testimonials-main-box > ul {
  margin: 0;
  padding: 0; }

.testimonials-main-box li {
  display: inline-block;
  list-style-type: none;
  margin: 0 90px 0 0;
  padding: 0;
  width: 41%;
  vertical-align: middle; }

.category-five, .category-three {
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
  width: 100% !important; }

.testimonials-main-box .testi-con-box {
  padding: 10px 29px 20px; }

.category-three {
  background-image: url("product_3.png") !important;
  background-size: 200% 100% !important; }

.category-five {
  background-image: url("product_5.png") !important;
  background-size: 205% 100% !important; }

.breadcrumbs span {
  display: none; }

.minus-sign span, .plus-sign span, .tag-box {
  display: inline-block; }

.dis-opt-col-04 {
  float: right;
  width: 216px; }

.minus-sign, .plus-sign {
  color: silver;
  font-family: Roboto,sans-serif;
  width: 50px;
  height: 50px;
  float: left; }

.plus-sign {
  border: 1px solid #7e7d83;
  border-right: 0;
  font-size: 14px; }

.plus-sign span {
  padding: 17px 0;
  margin-left: -4px; }

.minus-sign {
  border: 1px solid #7e7d83;
  border-left: 0;
  font-size: 18px; }

.minus-sign span {
  padding: 15px 0; }

.clr {
  clear: both; }

.tags-main-box {
  margin: 0;
  padding: 0; }

.tag-box {
  background: #fff;
  padding: 1px;
  min-width: 90px;
  margin-right: 15px;
  font-size: 14px;
  margin-bottom: 11px;
  border: 1px solid #87c1d7;
  font-family: Roboto,sans-serif; }

.blog-thumb, .p-blog-btn, .tag-box a {
  background: #87c1d7; }

.tag-box a {
  border: 2px solid #fff;
  display: block;
  padding: 5px 10px;
  color: #fff; }

.tags-main-box div.tag-box:nth-last-child(2) {
  margin-right: 0; }

.p-left-blog, .p-right-blog {
  float: left;
  width: 50%;
  max-height: 670px;
  overflow: hidden; }

.blog-detail-section {
  padding: 30px 25px; }

.p-blog-title {
  font-size: 38px;
  color: #000;
  font-family: 'Playfair Display',serif;
  padding: 15px 0;
  font-weight: 600;
  line-height: 40px; }

.p-blog-btn, .p-blog-desc {
  font-family: Roboto,sans-serif; }

.p-blog-desc {
  width: 88%;
  margin: 0 auto 30px;
  font-size: 16px;
  line-height: 26px;
  text-align: justify;
  height: 130px;
  overflow: hidden; }

.p-blog-posts, .reading-blog {
  text-align: center; }

.p-blog-btn {
  min-width: 245px;
  display: inline-block;
  padding: 20px 0;
  color: #fff;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 600; }

.ans-col > a, .blog-thmub-title a, .newer-post a, .older-post a {
  text-decoration: none; }

.reading-blog {
  margin-bottom: 30px; }

.p-blog-posts .posts-block {
  display: inline-block;
  margin-right: 5px;
  width: 31%;
  overflow: hidden;
  text-align: left;
  vertical-align: top; }

.p-blog-posts .posts-block:nth-child(3) {
  margin: 0; }

.blog-thumb {
  width: 174px;
  height: 100px;
  margin-bottom: 5px;
  max-height: 100px;
  overflow: hidden;
  position: relative; }

.blog-thmub-title {
  text-align: left;
  font-size: 18px;
  color: #474847;
  font-weight: 600;
  font-family: 'Playfair Display',serif;
  line-height: 22px;
  padding-left: 5px;
  padding-top: 5px; }

.blog-thmub-title a {
  color: #474847; }

.posts-block:hover .blog-thumb a:after {
  background-color: rgba(135, 193, 215, 0.6);
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  top: 0;
  cursor: pointer; }

.posts-block:hover .blog-thmub-title a {
  color: #87c1d7; }

.p-pagination-box {
  padding: 30px 0;
  text-align: center; }

.newer-post, .older-post {
  padding-bottom: 2px;
  border-bottom: 1px solid #87c1d7;
  color: #999;
  font-size: 12px;
  font-family: Roboto,sans-serif;
  display: inline-block; }

.newer-post a {
  color: #999; }

.older-post a {
  color: #999; }

.pages-count {
  min-width: 115px;
  color: #474847;
  text-align: Center;
  font-size: 12px;
  font-family: Roboto,sans-serif;
  border: 1px solid #ebebeb;
  display: inline-block;
  padding: 10px;
  font-weight: 500;
  border-radius: 3px;
  margin: 0 100px; }

.mobile-page {
  display: none; }

.blog-post-tag {
  margin: 20px 0; }

.blog-post-title {
  color: #000;
  font-family: "Playfair Display",serif;
  font-size: 45.24px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px; }

.blog-post-description {
  font-size: 14px;
  color: #474847;
  line-height: 24px;
  margin-bottom: 30px;
  font-family: Roboto,sans-serif;
  font-weight: 300;
  text-align: left; }

.prime-heading-log, .secondary-heading-log {
  font-size: 30px;
  font-family: 'Playfair Display',serif; }

.blog-relate-post, .sent-tick {
  text-align: center; }

.blog-detail-section div.tag-box:nth-last-child(1) {
  margin-right: 0; }

.ajaxcart__qty--minus, .js-qty__adjust--minus {
  border: 1px solid #7e7d83;
  border-top: 1px solid 7e7d83;
  color: silver;
  left: 0;
  height: 50px;
  width: 50px;
  z-index: 9999;
  float: left;
  border-right: 0; }

.blog-post-innerbox {
  width: 23%;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 10px;
  vertical-align: top; }

.blog-relate-post .blog-post-innerbox:nth-child(4n+4) {
  margin-right: 0; }

.blog-post-innerbox .blog-thumb {
  height: 160px;
  max-height: 160px;
  max-width: 278px;
  overflow: hidden;
  position: relative;
  width: 100%; }

.sent-tick {
  display: inline-block;
  margin-right: 4px;
  vertical-align: baseline; }

#results .autothumb, #results .search-label {
  display: inline-block;
  vertical-align: middle; }

.sent-tick img {
  width: 14px; }

#results .ui-widget-content {
  background: #fff;
  border: 1px solid #ddd;
  color: #222;
  margin-top: 2px;
  width: 100%; }

#results .ui-menu .ui-menu-item {
  border-bottom: 1px solid #ddd;
  padding: 10px !important;
  text-align: left; }

.ui-state-focus {
  background: #f6f6f6;
  font-weight: 700;
  padding: 10px !important; }

.prime-heading-log, .recover-sub, .secondary-heading-log {
  padding-bottom: 30px;
  color: #474847; }

#results .search-label {
  color: #555;
  width: 75%; }

.ui-state-focus .search-label {
  font-weight: 400; }

#results .autothumb {
  border: 1px solid #ddd;
  height: 45px;
  margin-right: 10px;
  width: 45px; }

.prime-heading-log {
  margin-bottom: 70px;
  position: relative; }

.secondary-heading-log {
  line-height: 39px; }

.recover-sub {
  font-family: Roboto,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin: 0 auto 30px;
  max-width: 200px;
  position: relative; }

.prime-heading-log:after, .recover-sub:after {
  position: absolute;
  width: 50px;
  height: 2px;
  background: #6c6d6c;
  content: "";
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -25px; }

.form-vertical.form-box {
  margin: 0 auto;
  max-width: 310px;
  padding-top: 70px; }

.next img, .prev img {
  padding: 0 10px; }

.form-box .input-full {
  background: #f6f6f6;
  border-color: #f6f6f6;
  border-radius: 0;
  color: #474847;
  font-size: 14px;
  font-style: normal;
  font-family: HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;
  margin-bottom: 14px !important;
  font-weight: 400; }

.add-new-add .btn, .add-new-add .btn--secondary, .form-box .account-links, .form-box .account-links .text-link, .form-box .btn.btn--full, .form-box .btn--full.btn--secondary, .price-short select {
  font-family: Roboto,sans-serif; }

.form-vertical ::-webkit-input-placeholder {
  color: #828282;
  font-style: italic; }

.form-vertical ::-moz-placeholder {
  color: #828282;
  font-style: italic; }

.form-vertical :-ms-input-placeholder {
  color: #828282;
  font-style: italic; }

.form-vertical :-moz-placeholder {
  color: #828282;
  font-style: italic; }

.contact-form ::-webkit-input-placeholder {
  color: #828282;
  font-style: normal; }

.contact-form ::-moz-placeholder {
  color: #828282;
  font-style: normal; }

.contact-form :-ms-input-placeholder {
  color: #828282;
  font-style: normal; }

.contact-form :-moz-placeholder {
  color: #828282;
  font-style: normal; }

.form-box .btn.btn--full, .form-box .btn--full.btn--secondary {
  background: #474847;
  font-size: 14px;
  font-weight: 400;
  height: 42px;
  margin-bottom: 33px; }

.form-box .account-links {
  color: #474847;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 30px; }

.form-box .account-links a {
  color: #474847; }

.form-box .account-links .text-link {
  color: #474847;
  font-size: 14px;
  font-weight: 400; }

.pagination a {
  color: #828282;
  display: block;
  font-size: 14px; }

.page.current, .pagination .viewall-hover a, .pagination a:hover {
  color: #87c1d7; }

.next img, .pagination > span {
  display: inline-block;
  vertical-align: middle; }

.page.current {
  font-size: 14px; }

.pagination {
  text-align: right; }

.pagination > span {
  line-height: 1; }

.prev img {
  display: inline-flex;
  vertical-align: middle; }

.price-short select {
  -moz-appearance: none;
  background: rgba(0, 0, 0, 0);
  border-radius: 0;
  color: #7e7d83;
  height: 42px;
  padding: 10px !important;
  text-align: center;
  width: 144px;
  border: 1px solid #828282; }

.faq-heading, .ques-col {
  color: #474847;
  font-weight: 700; }

.head-sec {
  padding: 20px 0 40px; }

.add-new-add .btn, .add-new-add .btn--secondary {
  border-radius: 0;
  font-weight: 400;
  width: 200px;
  font-size: 14px; }

section.faq {
  padding: 20px 0;
  text-align: left; }

.faq-heading {
  font-family: "Playfair Display",serif;
  font-size: 34px;
  padding-bottom: 30px;
  padding-top: 10px; }

.question-section {
  margin: 0;
  padding: 0;
  max-width: 705px; }

.ques-col {
  font-family: 'Open Sans',sans-serif;
  font-size: 14px;
  margin-bottom: 25px; }

.ans-col {
  color: #828282;
  font-family: Roboto,sans-serif;
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 21px;
  font-weight: 300; }

.tabs-customers .ui-tabs .ui-tabs-nav li, .tabs-customers .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  font-family: Roboto, sans-serif !important;
  font-size: 14px;
  color: #474847 !important; }

.divider-line > span {
  background: #ccc;
  display: inline-block;
  height: 1px;
  line-height: 1;
  margin-bottom: 20px;
  width: 300px; }

.ans-col > a {
  color: #87c1d7;
  font-weight: 700; }

.tabs-customers .ui-tabs-vertical {
  width: 100%; }

.tabs-customers .ui-tabs-vertical .ui-tabs-nav {
  float: left;
  width: 14%;
  background: transparent;
  border-radius: 0;
  border: 0; }

.tabs-customers .ui-tabs-vertical .ui-tabs-nav li {
  clear: left;
  width: 100%;
  border-right-width: 0 !important; }

.tabs-customers .ui-tabs-vertical .ui-tabs-nav li a {
  display: block; }

.tabs-customers .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
  padding-bottom: 0; }

.tabs-customers .ui-tabs-vertical .ui-tabs-panel {
  float: left;
  width: 85% !important;
  background: transparent !important;
  padding: 0 20px !important; }

.tabs-customers .ui-tabs .ui-tabs-nav {
  margin: 0 !important;
  padding: 0 !important; }

.tabs-customers .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  display: block;
  float: none;
  padding: 0 !important;
  text-decoration: none;
  width: 100%;
  font-weight: 400; }

.tabs-customers .ui-state-focus {
  padding: 0 !important; }

.tabs-customers .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin: 0 0 14px !important;
  padding: 0 !important; }

.tabs-customers .ui-tabs .ui-tabs-nav li {
  border-bottom-width: 0;
  float: left;
  list-style: none;
  margin: 0 .2em 14px 0;
  padding: 0;
  position: relative;
  top: 0;
  white-space: nowrap; }

.tabs-customers .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #474847 !important; }

.tab-heading {
  color: #474847;
  font-family: Roboto,sans-serif;
  font-size: 18px;
  margin-bottom: 20px;
  text-transform: uppercase; }

.text-desc {
  color: #474847;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 15px; }

.inner-tab-box {
  padding: 0 30px;
  margin-top: 15px; }

.volume-table {
  border: 1px solid #000;
  border-collapse: collapse;
  max-width: 410px;
  text-align: center;
  font-family: Roboto,sans-serif;
  color: #474847; }

.volume-table td {
  border: 1px solid #e5e5e5;
  padding: 10px 6px;
  text-align: center;
  font-weight: 400; }

.first-row > td {
  border: 1px solid #474847;
  color: #474847;
  font-size: 14px;
  font-weight: 400;
  padding: 9px 6px;
  text-align: center; }

.shipping-countries li a, .text-desc > a {
  color: #87c1d7 !important;
  text-decoration: none; }

.text-desc > a {
  font-weight: 600; }

.shipping-countries li {
  display: inline-block;
  font-size: 16px;
  width: 22%;
  margin-bottom: 15px;
  line-height: 150%;
  vertical-align: top; }

.next-text, .prev-text {
  line-height: 1; }

.next-text, .next-text img, .nxt, .prev, .prev-text, .prev-text img {
  display: inline-block;
  vertical-align: middle; }

.shipping-countries li a {
  font-weight: 600px; }

.about-desc, .prime-heading {
  color: #474847;
  font-family: "Playfair Display",serif; }

.prev-text img {
  padding: 0 10px; }

.prev-text > a {
  margin: 0;
  padding: 0; }

.next-text {
  margin-left: 5px; }

.next-text img {
  padding: 0 10px; }

.next-text > a {
  margin: 0;
  padding: 0; }

section.about {
  padding: 25px 0;
  text-align: left; }

.p-container {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto; }

.about-colum {
  border: 1px solid #e2e2e2;
  border-radius: 2px;
  max-width: 900px;
  width: 100%;
  padding: 130px 45px;
  margin: 0 auto; }

.prime-heading {
  font-size: 72px;
  line-height: 90px; }

.about-desc, .located-text {
  line-height: 30px;
  font-size: 24px; }

.heading-line {
  width: 200px;
  height: 1px;
  background: #919191;
  margin: 40px 0; }

.first-section {
  position: relative;
  min-height: 720px; }

.first-border-box, .first-inner-box {
  width: 78%;
  margin: 0 auto; }

.first-border-box {
  border: 0 solid #eaeaea; }

.first-inner-box {
  padding: 5px 50px; }

.parallax-container {
  background: url(https://cdn.shopify.com/s/files/1/1566/8573/t/4/assets/about-parallax.jpg) center center no-repeat fixed;
  background-size: 100% 100%;
  color: #fff;
  height: 500px;
  overflow: hidden;
  padding: 110px 0;
  position: relative;
  text-align: center; }

.account-detail, .add-detail, .username {
  overflow-wrap: break-word;
  word-break: break-word; }

.parallax {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1; }

.located-text {
  margin: 0 auto;
  max-width: 795px;
  text-align: left;
  font-family: 'Playfair Display',serif;
  color: #474847; }

.forth-col-desc, .service-desc, .ship-col-desc, .third-col-desc {
  line-height: 24px;
  color: #474847; }

.second-section-about, .third-section-about {
  margin-top: 100px; }

.third-section {
  position: relative;
  min-height: 720px; }

.third-border-box {
  width: 78%;
  height: 720px;
  border: 1px solid #eaeaea;
  position: absolute;
  left: 50%;
  margin: 0 0 0 -39%; }

.third-inner-box {
  height: 720px;
  left: 0;
  margin: 100px 0 0;
  padding: 0;
  position: absolute;
  width: 100%; }

.box3-row {
  display: block;
  float: right;
  position: relative;
  width: 66.5%; }

.lower-text-colm {
  display: block;
  float: right;
  margin-top: 25px;
  max-width: 570px;
  padding-right: 50px;
  text-align: left; }

.third-col-heading {
  font-family: "Playfair Display",serif;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 5px; }

.third-col-desc, .third-col-desc strong {
  font-family: 'Open Sans',sans-serif; }

.box3-row > img {
  height: 516px;
  width: 769px; }

.third-col-desc {
  font-size: 16px;
  font-weight: 300; }

.forth-section-about {
  margin-top: 170px; }

.forth-section {
  min-height: 720px;
  position: relative; }

.forth-border-box {
  border: 1px solid #eaeaea;
  height: 720px;
  left: 50%;
  margin: 0 0 0 -39%;
  position: absolute;
  width: 78%; }

.forth-inner-box {
  height: 720px;
  left: 0;
  margin: 100px 0 0;
  padding: 0;
  position: absolute;
  width: 100%; }

.box4-row {
  display: block;
  float: left;
  position: relative;
  width: 67%; }

.box4-row > img {
  height: 516px;
  width: 769px; }

.lower-text-colm-forth {
  display: block;
  margin-top: 30px;
  padding-right: 215px;
  text-align: right;
  width: 100%; }

.Ship-note, .cncl-add > a, .customer-add label, .service-detail, .ship-image {
  display: inline-block; }

.forth-col-heading {
  font-family: "Playfair Display",serif;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 5px; }

.forth-col-desc, .forth-col-desc strong {
  font-family: 'Open Sans',sans-serif; }

.forth-col-desc {
  font-size: 16px;
  font-weight: 300; }

.fifth-section-about {
  margin-top: 200px; }

.fifth-section {
  min-height: 720px;
  position: relative; }

.fifth-border-box {
  border: 1px solid #eaeaea;
  height: 720px;
  left: 50%;
  margin: 0 0 0 -39%;
  position: absolute;
  width: 78%; }

.fifth-inner-box {
  height: 720px;
  left: 0;
  margin: 150px 0 0;
  padding: 0;
  position: absolute;
  width: 100%; }

.shipping-section {
  margin-bottom: 105px; }

.shipping-inner {
  width: 57.1%;
  float: right; }

.ship-image {
  width: 140px;
  margin-right: 60px;
  vertical-align: top; }

.Ship-note {
  width: 69%;
  vertical-align: top; }

.ship-col-heading {
  font-family: "Playfair Display",serif;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 5px;
  padding: 15px 0; }

.ship-col-desc, .ship-col-desc strong {
  font-family: "Open Sans",sans-serif; }

.ship-col-desc {
  font-size: 16px;
  font-weight: 300; }

.service-section {
  margin: 0;
  padding: 0; }

.service-inner {
  float: left;
  width: 55%; }

.service-detail {
  text-align: right;
  vertical-align: top;
  width: 77%;
  margin-left: -15px; }

.service-heading {
  font-family: "Playfair Display",serif;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 5px;
  padding: 0 0 15px; }

.service-desc, .service-desc strong {
  font-family: "Open Sans",sans-serif; }

.service-desc {
  font-size: 16px;
  font-weight: 300; }

.service-image {
  float: right; }

.prime-heading-log2 {
  color: #474847;
  font-family: "Playfair Display",serif;
  font-size: 28px;
  margin-bottom: 0;
  padding-bottom: 30px;
  position: relative;
  text-transform: uppercase !important;
  font-weight: 600; }

.p-order-history, .sub-heading-log {
  font-family: Roboto,sans-serif; }

.acnt-heading, .heading-customer, .return-link {
  text-transform: uppercase; }

.sub-heading-log {
  font-size: 14px;
  font-weight: 400;
  color: #474847;
  padding-bottom: 20px;
  position: relative; }

.sub-heading-log a {
  color: #474847; }

.sub-heading-log::after {
  background: #6c6d6c;
  bottom: 0;
  height: 2px;
  left: 50%;
  margin: 0 0 0 -25px;
  position: absolute;
  width: 50px; }

.inner-container {
  margin: 0 auto;
  max-width: 85%; }

.left-inner-sec, .right-inner-sec {
  text-align: left; }

.order-history {
  background: #fafafa;
  margin-top: 20px;
  padding: 0 10px; }

.request-change {
  color: #828282;
  font-size: 14px;
  font-style: italic;
  margin-top: 10px;
  line-height: 21px; }

table.p-order-history tr td, table.p-order-history tr th {
  color: #474847;
  font-size: 14px;
  padding: 19px 0;
  text-align: center; }

table.p-order-history tr {
  border-bottom: 1px solid #474847; }

table.p-order-history tr th {
  font-weight: 600;
  text-transform: uppercase; }

table.p-order-history tr td {
  font-weight: 400; }

.account-detail, .acnt-heading, .add-col-box, .blog-post p, .cart-left-sec, .left-col-address, .ord-date, .order-heading, .page-title, .request-box, .return-bck, .right-cart, .right-col-address, .username {
  text-align: left; }

.p-order-history a {
  color: #87c1d7;
  font-weight: 600; }

.acnt-heading {
  color: #474847;
  font-family: "Playfair Display",serif;
  font-size: 18px;
  font-weight: 600; }

.add-detail, .address-listing h3, .address-listing .h3 {
  font-family: Roboto,sans-serif; }

.account-detail > a {
  color: #87c1d7; }

.account-detail, .username {
  color: #474847;
  font-size: 14px;
  font-weight: 400;
  padding-top: 15px; }

.return-link {
  font-size: 14px;
  margin-top: 35px;
  margin-bottom: 25px;
  color: #474847; }

.address-listing h3, .address-listing .h3 {
  color: #474847;
  font-size: 14px;
  font-weight: 600;
  padding-top: 20px; }

.add-detail {
  font-size: 14px;
  padding-top: 15px;
  padding-right: 10px;
  line-height: 22px; }

.address-listing {
  float: left;
  width: 33%;
  min-height: 400px;
  margin-bottom: 15px; }

.add-detail > a {
  color: #87c1d7;
  font-weight: 600; }

.heading-customer {
  color: #474847;
  font-family: "Playfair Display",serif;
  font-size: 18px;
  font-weight: 600; }

.customer-add {
  margin-top: 20px; }

.customer-add label {
  font-size: 14px;
  font-style: italic;
  margin-bottom: 7px; }

.customer-add input {
  font-family: Roboto,sans-serif; }

.check-label label, .customer-add select {
  font-family: "Open Sans",sans-serif;
  font-size: 14px; }

.customer-add input[type=text], [type=password], [type=tel], [type=number] {
  border: 1px solid #f6f6f6;
  border-radius: 0;
  color: #474847;
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  background: #f6f6f6; }

.customer-add select {
  border: 1px solid #f6f6f6;
  color: #474847;
  border-radius: 0;
  background: #f6f6f6; }

.check-label {
  padding: 10px 0 15px; }

.check-label input {
  margin-bottom: 4px; }

.check-label label {
  color: #828282;
  font-weight: 400; }

.add-addres .btn, .add-addres .btn--secondary {
  border: 0;
  border-radius: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding: 10px;
  text-transform: uppercase;
  width: 150px; }

.cncl-add > a, .ord-date, .ord-table, .ord-table a {
  color: #474847; }

.heading-mod, .ord-table strong, .ord-table th, .order-heading {
  font-weight: 600;
  text-transform: uppercase; }

.cncl-add > a {
  font-size: 14px;
  padding: 8px 0;
  text-transform: uppercase; }

.heading-mod {
  margin-bottom: 0; }

.return-bck {
  margin-bottom: 40px;
  padding-left: 30px; }

.order-heading {
  font-family: "Playfair Display",serif;
  font-size: 18px;
  margin-bottom: 20px; }

.ord-date, .ord-table, .ord-table strong {
  font-family: Roboto,sans-serif; }

.ord-date {
  font-size: 14px;
  margin-bottom: 30px;
  font-style: italic; }

.ord-table {
  background: #fafafa;
  font-size: 14px;
  padding: 10px; }

.border-seprator {
  border-bottom: 1px solid #474847; }

.ord-table th {
  font-size: 14px;
  padding: 10px 0; }

.ord-table td {
  padding: 5px 15px 4px 0 !important;
  line-height: 21px; }

.prod-col-adj {
  width: 37%; }

.change-request {
  color: #828282;
  font-family: roboto;
  font-style: italic;
  font-weight: 300;
  padding: 10px 0;
  text-align: left;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 19px; }

.add-col-box, .payment-status {
  font-family: Roboto,sans-serif; }

.page-title, .query-title, .user-name {
  font-weight: 600; }

.add-col-box {
  margin-bottom: 70px; }

.payment-status {
  font-size: 14px;
  margin-bottom: 22px; }

.add-dtail, .user-name {
  font-size: 14px;
  margin-bottom: 15px;
  font-family: Roboto,sans-serif; }

.payment-status strong {
  font-family: Roboto,sans-serif;
  font-weight: 600; }

.covre-sect {
  clear: both;
  display: block;
  height: 0; }

.danger-icon, .requested-query {
  display: inline-block;
  vertical-align: top; }

.page-title {
  font-family: playfair display;
  font-size: 34px;
  padding: 30px 0 20px; }

.query-title, .request-box {
  font-family: Roboto,sans-serif; }

.request-box {
  background: #f0f0f0;
  padding: 15px; }

.danger-icon {
  width: 33px;
  margin-right: 10px; }

.requested-query {
  width: 85%;
  text-transform: capitalize; }

.query-title {
  font-size: 16px;
  color: #474847;
  margin-bottom: 5px; }

.query-listing {
  font-size: 16px;
  font-weight: 400;
  font-family: Roboto,sans-serif; }

.sbutotal-col, .total-price {
  font-family: Roboto,sans-serif;
  font-size: 22px; }

.query-listing li {
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 5px; }

.sbutotal-col {
  color: #474847;
  float: left;
  font-weight: 400;
  line-height: 30px; }

.total-price {
  color: #474847 !important;
  float: right;
  font-weight: 600; }

.tax-shipping {
  color: #828282;
  font-size: 14px;
  margin-bottom: 15px;
  margin-top: 0;
  font-family: Roboto,sans-serif; }

.btn-box-cart .btn-checout, .btn-box-cart .update-cart {
  font-size: 16px;
  text-transform: uppercase;
  width: 100%;
  font-family: Roboto,sans-serif;
  display: block; }

.btn-box-cart .btn-checout {
  background: #87d5a3;
  border: 1px solid #696;
  border-radius: 3px;
  font-weight: 600; }

.btn-box-cart {
  margin-bottom: 10px; }

.general-note, .general_noe {
  margin-bottom: 30px;
  font-weight: 400; }

.btn-box-cart .update-cart {
  background: rgba(0, 0, 0, 0);
  border: 1px solid #474847;
  color: #474847;
  font-weight: 400; }

.general_noe {
  display: block;
  font-family: Roboto,sans-serif;
  font-size: 14px;
  line-height: 16px; }

.general-note {
  font-family: roboto;
  font-size: 14px; }

.general-note > label, .special-notes strong, .special-notes > label {
  font-family: Roboto,sans-serif; }

.heading_text > div {
  margin-top: 10px; }

#special_des textarea {
  border-color: #474847; }

.general-note > label {
  display: block;
  font-size: 14px;
  margin-bottom: 10px; }

.special-notes {
  margin-bottom: 30px; }

.special-notes > label {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 10px; }

.special-notes strong {
  font-weight: 400; }

.left-cart {
  float: left;
  width: 67%; }

.right-cart {
  border: green;
  float: right;
  vertical-align: top;
  width: 31%;
  overflow: hidden;
  font-weight: 400; }

.cart-left-sec {
  margin: 20px 0; }

.cart-pord-detail {
  padding-bottom: 20px; }

.spacer20 {
  padding: 5px 0; }

.blog-post h1 strong, .blog-post .h1 strong {
  color: #000;
  display: block;
  font-family: "Playfair Display",serif;
  font-size: 45.24px !important;
  font-weight: 600;
  margin-bottom: 30px;
  padding-top: 10px;
  line-height: 55px; }

#note_desc, .heading_text, .input-full.notes-sp, .sp-notes label {
  font-family: Roboto,sans-serif; }

.blog-post p {
  color: #474847;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 35px; }

.addedproduct, .viewCart {
  clear: right;
  text-align: center;
  text-transform: none;
  width: 190px;
  padding-left: 10px;
  float: right;
  font-size: 14px; }

.email-heading {
  margin-bottom: 25px; }

.customer-tab-mobile {
  display: none; }

.addedproduct {
  background: url(//cdn.shopify.com/s/files/1/1190/5050/t/17/assets/checked.svg?v=1796031518271896603) left center no-repeat rgba(0, 0, 0, 0);
  margin-right: 9px;
  background-size: 18px;
  background-position: left center;
  line-height: 15px; }

.viewCart {
  line-height: 19px;
  margin-right: 17px;
  background-size: 20px 20px;
  background-position: left center; }

.error-msg {
  float: right;
  width: 49%; }

.reg-links {
  color: #fff;
  padding: 9px 10px 9px 40px !important; }

.reg-links.login-img {
  display: inline-block;
  margin-left: 37px;
  vertical-align: middle; }

.reg-links a {
  display: inline-block !important;
  padding: 0 6px !important;
  vertical-align: middle; }

.close_link {
  color: #87c1d7;
  font-weight: 400;
  padding-left: 2px;
  cursor: pointer; }

#note_desc {
  color: #828282;
  font-size: 14px;
  font-weight: 400;
  line-height: 19x; }

.heading_text {
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px; }

.california_customer_heading {
  color: #87c1d7;
  font-size: 14px;
  cursor: pointer; }

.sp-notes, .sp-notes label {
  color: #828282;
  margin-bottom: 10px; }

.sp-notes {
  display: block;
  line-height: 18px; }

.sp-notes label {
  font-size: 14px;
  font-weight: 400;
  line-height: 19px; }

.input-full.notes-sp {
  border-color: #474847;
  border-radius: 4px;
  margin: 10px 0; }

#content, .error_mp, .error_sp, .requested_checkout {
  display: none; }

.loader {
  background-image: url(//cdn.shopify.com/s/files/1/1591/6579/t/2/assets/loading.gif) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 30px 30px !important;
  -o-transition-property: none !important;
  -moz-transition-property: none !important;
  -ms-transition-property: none !important;
  -webkit-transition-property: none !important;
  transition-property: none !important;
  -o-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -webkit-transform: none !important;
  transform: none !important;
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  -ms-animation: none !important;
  animation: none !important; }

.sm-blue > li:last-child ul li a.highlighted span.sub-arrow, .sm-blue > li:nth-child(6) li a.highlighted span.sub-arrow, .sm-blue > li:nth-child(7) li a.highlighted span.sub-arrow, .sm-blue > li:nth-child(8) li a.highlighted span.sub-arrow {
  transform: rotate(90deg); }

.ship-heading {
  color: #474847;
  font-family: playfair display;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px; }

.shipping-hadling {
  color: #474847;
  font-family: roboto;
  font-size: 14px;
  margin: 0 auto;
  max-width: 750px;
  padding: 30px 0;
  text-align: left; }

.b-crumbs {
  margin-bottom: 15px; }

.ship-p {
  margin-bottom: 10px;
  line-height: 150%; }

.ship-subheading {
  font-size: 18px;
  font-weight: 600;
  margin: 20px 0;
  text-align: center;
  line-height: 21px; }

.tabs-vertical-col, .tabs-vertical-col a {
  font-size: 14px;
  color: #474847;
  display: inline-block; }

.shipment-detail {
  margin: 0 auto;
  max-width: 680px; }

.shipment-table table {
  border-collapse: collapse; }

.shipment-table table td {
  line-height: 150%;
  border: 1px solid #e5e5e5;
  padding: 8px 2px;
  text-align: center; }

.grey-bg {
  background: #f2f2f2; }

.empty {
  border: 0 !important; }

.shipment-table td strong {
  font-family: roboto;
  font-weight: 400; }

.shipment-table em {
  color: #828282;
  font-size: 14px;
  line-height: 17px; }

.shipment-table {
  margin-bottom: 30px; }

.country-name {
  color: #828282;
  margin-top: 10px; }

.cart-mobile {
  display: none !important; }

.cust-service {
  padding-left: 80px !important; }

.divider-line {
  padding: 15px 0; }

.contact-form button.loader {
  background-position: 40% 50% !important; }

.wrapper.main-content .grid .grid__item.large--two-thirds.push--large--one-sixth h2.text-center, .wrapper.main-content .grid--rev .grid__item.large--two-thirds.push--large--one-sixth h2.text-center, .wrapper.main-content .grid--full .grid__item.large--two-thirds.push--large--one-sixth h2.text-center, .wrapper.main-content .grid .grid__item.large--two-thirds.push--large--one-sixth .text-center.h2, .wrapper.main-content .grid--rev .grid__item.large--two-thirds.push--large--one-sixth .text-center.h2, .wrapper.main-content .grid--full .grid__item.large--two-thirds.push--large--one-sixth .text-center.h2 {
  margin-top: 30px !important; }

.tabs-vertical-col {
  width: 14%;
  vertical-align: top;
  position: relative;
  padding-top: 100px;
  font-weight: 400; }

.tabs-vertical-col a {
  padding-bottom: 6px;
  text-decoration: none; }

.tabs-content-col {
  display: inline-block;
  vertical-align: top;
  width: 80%; }

.tabs-content-col .tab-content {
  padding-top: 100px; }

.tabs-customers > div {
  margin-top: -100px; }

.dis-opt-col-02, .dis-opt-col-03 {
  text-align: right; }

.strike_out {
  text-decoration: line-through;
  color: #d3d3d3;
  display: block;
  font-weight: 300; }

.sales-tex, .view-box a {
  font-size: 14px;
  font-weight: 400; }

.darkHeader {
  top: 110px !important;
  position: fixed; }

.view-box {
  border: 1px solid #fff;
  width: 85%;
  margin: 0 auto;
  text-align: center; }

.view-box a {
  color: #fff;
  text-transform: uppercase;
  padding: 10px 0;
  display: block; }

.out-stock-tag.available_color, .tooltip_text {
  text-transform: none; }

.cat-prod-box.blur span::after {
  background-color: rgba(255, 255, 255, 0.6);
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 666;
  top: 0; }

.d-btn, .qty-error, .tool_tip {
  position: relative; }

.cart-result {
  padding: 20px 0; }

.sales-tex {
  color: #828282;
  font-family: Roboto,sans-serif;
  line-height: 19px; }

.search_area_page form {
  border: 1px solid #ddd;
  margin: 20px auto 0;
  max-width: 450px;
  text-align: left;
  width: 100%; }

.search_area_page button {
  float: left;
  margin-left: 10px;
  padding: 8px 0 !important;
  width: 30px; }

.search_area_page input {
  border: 0;
  float: left;
  width: 85% !important; }

.search_result h2, .search_result .h2 {
  color: #000;
  font-family: "Playfair Display",serif;
  font-size: 18px;
  font-weight: 700; }

.qty-error {
  display: none;
  margin-top: 44px;
  width: 132px;
  background: #f5f5f5;
  padding: 10px 5px;
  text-align: center;
  color: #474847; }

.d-btn {
  background: #e0e0e0 !important;
  border-color: #e0e0e0 !important;
  z-index: 99 !important; }

.tool_tip {
  cursor: pointer; }

.tool_tip img {
  display: inline-block;
  height: 23px;
  vertical-align: bottom;
  width: 23px; }

#AddToCart > span, .bob-ipad, .tooltip_text, .warning-box {
  vertical-align: middle; }

.tooltip_text {
  background: #87c1d7;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  left: -14px;
  position: absolute;
  text-align: center;
  top: -28px;
  width: 439px;
  display: none; }

.tooltip_text:after {
  width: 0;
  height: 0;
  border-top: 10px solid #87c1d7;
  border-right: 10px solid transparent;
  position: absolute;
  left: 30px;
  bottom: -10px; }

.tool_tip:hover .tooltip_text {
  display: block; }

.cart_empty_Message {
  float: left;
  min-height: 312px; }

.added_msg {
  font-weight: 700; }

#AddToCart > span {
  display: block;
  text-align: center; }

.blog-post-tags {
  margin-top: 20px; }

.discontinue_icon, .new_icon, .sale_icon {
  display: inline-block;
  margin: 0 8px 10px 0;
  min-width: 80px;
  text-align: center;
  padding: 0 10px;
  font-size: 14px; }

.sale_icon {
  background: #fb6761;
  color: #fff;
  max-width: 80px; }

.discontinue_icon {
  background: #f8f8f8;
  color: #828282;
  max-width: 130px; }

.new_icon {
  background: #fbbf61;
  color: #fff;
  max-width: 80px; }

.one_of_one {
  width: 100px;
  color: #828282 !important;
  font-size: 14px;
  padding: 12px 0; }

.blog-post h1, .blog-post .h1, .blog-post p {
  max-width: 768px;
  width: 100%; }

.blog-post h1, .blog-post .h1 {
  margin: 0 auto; }

.blog-post p {
  margin: 0 auto 30px; }

.back_to_article {
  float: none;
  left: 0;
  padding: 7px 0 12px 5px;
  margin-right: 8px;
  text-align: left; }

.back_to_article > a {
  color: #474847;
  font-size: 15px; }

.dark-grey {
  background: #999999 !important; }

.cart__image {
  text-algin: center; }

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

.header-search input[type=text], .header-search2 input[type=text] {
  height: auto !important; }

.view-box a:hover, a:focus {
  color: #fff; }

.cart-desgin .js-qty__adjust.js-qty__adjust--minus.icon-fallback-text.qtyinus {
  height: 25px;
  width: 25px; }

.cart-desgin .js-qty__num.qty.txt-add-cart-qty {
  font-size: 16px;
  height: 25px;
  width: 73px; }

.cart-desgin .js-qty__adjust.js-qty__adjust--plus.icon-fallback-text.qtyplus {
  height: 25px;
  width: 25px; }

.cart-desgin .myform {
  float: left;
  margin-left: 10px;
  max-width: 100%;
  text-align: center;
  width: 123px; }

.cart-desgin .qtyarea {
  margin-bottom: 5px; }

.cart-desgin .fl-cart-tprodbox .prod-display .purdetail .line02 {
  float: left;
  margin-top: 5px;
  width: 100%; }

.cart-desgin .qt {
  margin: 0 10px 0 0 !important; }

.qtyarea > label {
  float: left;
  font-size: 14px; }

.fl-cart-box.links-cart a {
  border: 1px solid #464746;
  border-radius: 0;
  color: #464746;
  float: left;
  font-family: Roboto,sans-serif;
  font-size: 14px;
  margin-bottom: 7px;
  padding: 12px 0;
  width: 100%;
  font-weight: 600; }

.click_hover, .fl-cart-box.links-cart a:hover {
  background: #474847;
  color: #fff; }

.bob-ipad, .cart-device {
  color: #464746;
  font-family: Roboto,sans-serif;
  font-weight: 300;
  line-height: 19px; }

.text-size {
  text-align: left;
  font-size: 14px; }

.main-cart-box-fl {
  background: #f0f0f0;
  margin-top: 20px;
  padding: 8px 25px;
  text-align: left; }

.warning-box {
  margin-right: 10px;
  width: 28px;
  zoom: 1;
  -ms-zoom: 1;
  display: inline;
  display: inline-block;
  height: 32px; }

.bob-ipad, .cart-deail-bx, .cart-thumbnail {
  display: inline-block; }

.bob-ipad {
  font-size: 16px;
  width: 82%; }

#v_img, .Prod-detail-box, .cart-deail-bx, .cart-thumbnail {
  vertical-align: top; }

.cart-device {
  font-size: 16px;
  padding: 20px 10px;
  text-align: left; }

.bob-ipad strong, .hdng-save-cart strong {
  color: #87c1d7; }

.bob-ipad strong, .cart-device strong, .hdng-save-cart strong {
  font-family: Roboto, sans-serif !important; }

.hdng-save-cart {
  border-bottom: 1px solid #474847;
  clear: both;
  padding-bottom: 10px;
  padding-top: 25px;
  text-align: left;
  font-size: 16px; }

.bob-ipad > a {
  text-decoration: underline;
  color: #474847; }

.sm-blue > li:last-child ul li ul {
  margin-left: 0 !important;
  margin-top: 0 !important;
  position: relative !important;
  border: 0 !important;
  border-top: 1px solid #dddddd !important;
  top: 0 !important;
  margin-bottom: 0 !important; }

.remove-space {
  line-height: 12px; }

.sv-desc, .sv-title {
  line-height: 21px;
  font-size: 18px; }

.formatting {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 50px;
  text-align: center !important; }

.listing-box-cart {
  margin-top: 10px;
  text-align: left; }

.cart-thumbnail {
  width: 30%; }

.cart-thumbnail img {
  max-height: 150px;
  text-align: center;
  margin: 0 auto; }

.cart-deail-bx {
  width: 65%; }

.sv-title {
  font-weight: 500;
  color: #474847; }

.sv-desc {
  color: #828282;
  padding: 8px 0; }

.sv-qty {
  font-size: 18px;
  color: #474847;
  margin-bottom: 15px; }

.abt-left a:focus {
  color: #6d6f6d; }

.status, .status-mbl {
  display: none;
  color: #474847 !important;
  font-family: "Playfair Display",serif;
  font-size: 14px;
  text-align: center;
  font-weight: 600; }

.status {
  margin-top: 25px; }

.status-mbl {
  margin-top: 20px;
  line-height: 1.5; }

#v_img, .viewall {
  display: inline-block; }

.ms-layer.thin-text-black p, .ms-layer.thin-text-white p {
  text-align: center !important; }

.banner-bottom-wrapper a {
  color: #fff;
  font-weight: 400; }

.mb-menu a:focus {
  color: #474847 !important; }

#v_img {
  width: 40px;
  height: 40px;
  padding-right: 5px; }

.sm-blue ul a, .sm-blue ul a.highlighted, .sm-blue ul a:active, .sm-blue ul a:focus, .sm-blue ul a:hover {
  width: 220px !important; }

.tab-show {
  display: none; }

.grid.product-single, .product-single.grid--rev, .product-single.grid--full {
  padding-left: 0;
  margin-left: 0; }

.sm-blue > li:nth-child(6) ul li ul, .sm-blue > li:nth-child(7) ul li ul, .sm-blue > li:nth-child(8) ul li ul {
  margin-left: 0 !important;
  margin-top: 0 !important;
  position: relative !important;
  top: 0 !important;
  margin-bottom: 0 !important; }

.sm-blue > li:nth-child(6) ul li ul {
  border: 0 !important;
  border-top: 1px solid #dddddd !important; }

.sm-blue > li:nth-child(7) ul li ul {
  border: 0 !important;
  border-top: 1px solid #dddddd !important; }

.sm-blue > li:nth-child(8) ul li ul {
  border: 0 !important;
  border-top: 1px solid #dddddd !important; }

.cart-warn2 {
  padding: 8px 0; }

.Prod-detail-box {
  display: inline-block;
  width: 75%; }

.tab-none {
  font-size: 14px !important;
  font-weight: 400 !important; }

.prod-price-tablet {
  padding-top: 5px;
  display: none; }

.slide-2 .blacktext {
  z-index: 777; }

.ms-layer.thin-text-black h2, .ms-layer.thin-text-black .h2, .ms-layer.thin-text-black p, .ms-layer.thin-text-black span.link, .ms-layer.thin-text-white h2, .ms-layer.thin-text-white .h2, .ms-layer.thin-text-white p, .ms-layer.thin-text-white span.link {
  z-index: 888;
  position: relative; }

.rightslidetext {
  z-index: 7777; }

.breadcrumbs ul li:last-child a {
  color: #87c1d7; }

@media screen and (max-width: 1160px) {
  .cust-service {
    padding-left: 0 !important; }

  .contact-form button.loader {
    background-position: 40% 50% !important; }

  .tabs-vertical-col {
    width: 26%; }

  .tabs-content-col {
    width: 70%; } }
@media screen and (max-width: 1120px) {
  .testimonials-main-box li {
    margin-right: 70px; }

  .p-blog-posts {
    display: none; }

  .p-container {
    padding: 0 15px; } }
@media screen and (max-width: 1024px) {
  .first-border-box {
    height: 385px;
    margin: 0 0 0 -33%;
    top: 17%;
    width: 66%; }

  .first-inner-box {
    width: 70%; }

  .located-text {
    font-family: "Playfair Display",serif;
    font-size: 24px;
    margin: 0 auto;
    max-width: 560px;
    text-align: left; }

  .third-border-box {
    height: 452px;
    left: 50%;
    margin: 0 0 0 -33%;
    width: 66%; }

  .third-inner-box {
    height: 720px;
    left: 0;
    margin: 100px 0 0;
    padding: 0;
    position: absolute;
    top: -14%;
    width: 100%; }

  .box3-row {
    display: block;
    float: right;
    position: relative;
    width: 62%; }

  .box3-row > img {
    height: 340px;
    width: 500px; }

  .lower-text-colm {
    display: block;
    float: right;
    margin-left: -100px;
    margin-top: 60px;
    max-width: 570px;
    position: absolute;
    text-align: left; }

  .forth-section, .third-section {
    position: relative; }

  .third-section {
    min-height: 550px; }

  .fifth-section, .forth-section {
    min-height: 500px; }

  .forth-border-box {
    border: 1px solid #eaeaea;
    height: 452px;
    left: 50%;
    margin: 0 0 0 -33%;
    position: absolute;
    width: 66%; }

  .forth-inner-box {
    left: 12%;
    margin: 100px 0 0;
    padding: 0;
    position: absolute;
    top: -12%;
    width: 82%; }

  .box4-row {
    display: block;
    float: left;
    position: relative;
    width: 62%; }

  .box4-row > img {
    height: 340px;
    width: 500px; }

  .lower-text-colm-forth {
    display: block;
    margin-top: 40px;
    padding-right: 0;
    position: absolute;
    right: -33%;
    text-align: right;
    width: 108%; }

  .Ship-note, .ship-image {
    display: inline-block;
    vertical-align: top; }

  .fifth-border-box {
    border: 1px solid #eaeaea;
    height: 425px;
    left: 50%;
    margin: 0 0 0 -33%;
    position: absolute;
    width: 66%; }

  .shipping-inner {
    float: left;
    margin-left: 20%;
    width: 63.1%; }

  .ship-image {
    margin-right: 20px;
    width: 140px; }

  .Ship-note {
    width: 60%; }

  .service-inner {
    float: right;
    margin-right: 12%;
    width: 65%; }

  .service-detail {
    float: left;
    text-align: right;
    vertical-align: top;
    width: 60%; }

  .service-image {
    float: right;
    margin-right: 70px; }

  .fifth-inner-box {
    height: 720px;
    left: 0;
    margin: 20px 0 0;
    padding: 0;
    position: absolute;
    width: 100%; }

  .shipping-section {
    margin-bottom: 80px; }

  .fifth-section-about {
    overflow: hidden; }

  .parallax-container {
    background-attachment: scroll;
    padding: 50px 0; }

  .second-section-about {
    margin-top: 30px; }

  .rates-above-col {
    padding-left: 15px; }

  .blog-post-innerbox {
    width: 23%; }

  .back_to_article {
    padding-left: 0 !important; }

  .p-blog-title {
    color: #000;
    line-height: 40px;
    padding: 15px 0;
    font-size: 36px; }

  .p-blog-desc p {
    line-height: 21px; }

  .reading-blog {
    margin-bottom: 0; }

  .p-blog-desc {
    margin: 0 auto 10px; }

  .sm-blue > li ul li ul li ul, .sticky .sm-blue > li ul li ul li ul {
    margin-bottom: 35px !important;
    margin-left: 0 !important;
    position: relative !important;
    top: 35px !important; }

  .sm-blue > li ul li ul li ul {
    border: 0;
    border-top: 1px solid #ddd; }

  .sm-blue ul li ul li a.highlighted span.sub-arrow {
    transform: rotate(90deg); }

  .sticky .sm-blue > li ul li ul li ul {
    border: 0;
    border-top: 1px solid #ddd; }

  .collection-wrapper h1 sup, .collection-wrapper .h1 sup {
    margin-left: 2px;
    margin-top: -5px;
    top: auto !important; }

  .sticky .sm-blue > li ul {
    top: inherit !important;
    margin-bottom: 0 !important; }

  .sticky .sm-blue > li:last-child ul li ul {
    top: 0 !important;
    margin-bottom: 0 !important; } }
.ui-accordion .ui-accordion-header {
  margin: 0 !important;
  padding: 5px 8px !important; }

@media screen and (max-width: 920px) {
  .tabs-customers .ui-tabs-vertical .ui-tabs-panel {
    background: transparent !important;
    float: right;
    padding: 0 20px !important;
    width: 70% !important; }

  .inner-tab-box {
    padding: 0; }

  .shipping-countries li {
    width: 45%;
    padding-right: 20px; }

  .prime-heading {
    font-size: 72px; } }
@media screen and (max-width: 880px) {
  .testimonials-main-box li {
    margin-right: 50px; }

  .blog-detail-section {
    padding: 25px; }

  .reading-blog {
    margin-bottom: 20px; }

  .first-inner-box {
    width: 75%; }

  .first-border-box {
    height: 450px;
    margin: 0 0 0 -40%;
    top: 22%;
    width: 80%; }

  .located-text {
    max-width: 575px; }

  .third-border-box {
    height: 452px;
    left: 50%;
    margin: 0 0 0 -41%;
    width: 82%; }

  .third-inner-box {
    width: 100%; }

  .lower-text-colm {
    margin-left: -185px;
    max-width: 595px; }

  .forth-border-box {
    border: 1px solid #eaeaea;
    height: 452px;
    left: 50%;
    margin: 0 0 0 -41%;
    position: absolute;
    width: 82%; }

  .forth-inner-box {
    left: 0;
    width: 100%; }

  .lower-text-colm-forth {
    right: -40%;
    width: 125%; }

  .fifth-border-box {
    left: 50%;
    margin: 0 0 0 -41%;
    width: 82%; }

  .shipping-inner {
    margin-left: -1%;
    width: 112%; }

  .service-detail {
    width: 64%; }

  .service-inner {
    margin-right: -9%;
    width: 100%; }

  .error-msg {
    float: none;
    width: 100%; }

  .parallax-container {
    background-size: cover;
    height: 370px;
    background-position: center center;
    padding: 20px 0;
    background-attachment: scroll; }

  .shipping-section {
    margin-bottom: 100px; }

  .view-first .mask {
    padding-top: 0 !important; }

  .p-blog-desc {
    height: 88px; } }
@media screen and (max-width: 769px) {
  .add-new-add, .blog-thmub-title, .return-link {
    text-align: center; }

  .about-left-section {
    float: left;
    margin-right: 5%;
    width: 45%; }

  .p-blog-title {
    padding: 5px; }

  .p-blog-desc, .reading-blog {
    margin-bottom: 5px; }

  .blog-post-innerbox {
    width: 46%; }

  .service-detail {
    width: 68%; }

  .p-blog-desc, .p-left-blog img {
    width: 100%; }

  .blog-detail-section {
    padding: 25px 10px; }

  .fifth-section {
    min-height: 590px; }

  .second-section-about {
    margin-top: 100px; }

  .discription .name {
    width: 90px !important; }

  .cus-mail-line .in-name {
    width: 75% !important; }

  .cus-col {
    width: 32% !important; }

  .cont-mobile {
    width: 100% !important; }

  .inner-container {
    margin: 0 auto;
    max-width: 95%; }

  .return-link {
    font-size: 14px;
    margin-bottom: 50px;
    margin-top: 30px;
    text-transform: uppercase; }

  .address-listing {
    width: 100%;
    min-height: auto; }

  .p-mob-left {
    margin-top: 25px; }

  .blog-post-innerbox .blog-thumb {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important; }

  .blog-post-innerbox {
    margin-bottom: 20px; }

  .blog-relate-post .blog-post-innerbox:nth-child(2n+2) {
    margin-right: 0; }

  .mob-view {
    margin: 0; }

  .mob-view .inner-container {
    max-width: 100%; }

  .mob-view .return-bck {
    padding-left: 0; }

  .mob-view .table__section + .table__section::after {
    left: 0;
    right: 0; }

  .mob-view .mobil-left, .mob-view .mobil-right {
    padding: 0 10px; }

  .contact-form button.loader {
    background-position: 35% 50% !important;
    background-size: 30px 30px !important; }

  .blog-post-innerbox .blog-thumb {
    background: none !important; }

  .blog-thumb img {
    max-height: 150px;
    margin: 0 auto; } }
@media screen and (max-width: 767px) {
  .cus-col {
    width: 100% !important;
    float: none; }

  .collection-wrapper p.mb-content {
    font-size: 14px !important; }

  .tab-show {
    display: block;
    margin-top: 6px;
    color: #474847;
    font-size: 18px;
    font-weight: 400; }

  .dis-opt-col-02-mob {
    display: none !important; } }
@media screen and (max-width: 740px) {
  .discontinue_icon, .new_icon, .sale_icon {
    float: none !important;
    display: inline-block; }

  .prime-heading {
    font-size: 36px;
    line-height: 40px; }

  .first-border-box {
    top: 11%; }

  .first-section {
    min-height: 540px; }

  .parallax-container {
    height: 290px;
    padding: 50px 0;
    background-attachment: scroll; }

  .box3-row > img {
    height: auto !important;
    width: auto !important; }

  .third-border-box {
    height: 350px; }

  .box4-row > img {
    height: auto;
    width: auto; }

  .forth-section-about {
    margin-top: 100px; }

  .forth-border-box {
    height: 370px; }

  .fifth-border-box {
    top: 100px;
    height: 270px; }

  .parallax {
    background-color: rgba(237, 242, 248, 0.8);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1; }

  .located-text {
    padding: 0 20px;
    position: relative;
    z-index: 999; }

  section.about {
    padding: 85px 0 10px; }

  .close-mdl {
    position: fixed;
    width: 94%;
    z-index: 888; }

  .messagepop.pop {
    overflow: scroll; }

  .new_icon, .sale_icon {
    max-width: 65px;
    min-width: 65px; }

  .p-left-blog, .p-right-blog {
    float: none;
    width: 100%;
    max-height: inherit !important;
    height: auto !important; }

  .p-left-blog > img, .p-right-blog > img {
    width: 100%; }

  .discription .name, .discription .price, .discription .txtdis {
    float: none !important;
    width: 100% !important;
    text-align: center !important; }

  .p-blog-desc {
    height: auto;
    margin-bottom: 20px; }

  .discription .txtdis {
    height: inherit; }

  .collection-wrapper .desk-content, .desk-content {
    display: none; }

  .collection-wrapper .mb-content {
    display: block; }

  .status {
    display: none; }

  .status-mbl {
    display: block; }

  .prod-dec-tabel-head {
    display: block !important; }

  .mss-slide img {
    transform-style: initial !important; }

  .blog-thmub-title {
    text-align: center; }

  .prod-price-tablet {
    display: block; }

  .mss-selectors-horizontal .mss-bullets {
    min-height: 40px !important; } }
@media screen and (max-width: 680px) {
  .testimonials-main-box li {
    margin-right: 0;
    width: 100%; }

  .third-border-box {
    height: 320px; }

  .forth-border-box {
    height: 340px; }

  .service-detail {
    width: 55%; }

  .contact-form button.loader {
    background-position: 30% 50% !important; } }
@media screen and (max-width: 640px) {
  .category-five, .category-three {
    background-size: 100% 100% !important; }

  .testimonials-main-box {
    padding-right: 10px;
    padding-left: 10px; }

  .left-cart, .right-cart {
    float: none;
    width: 100%; }

  .cart-prod-quantity {
    float: right;
    margin-top: -32px; }

  .cart-thumb {
    width: 100%;
    max-width: 100%;
    text-align: center; }

  .cart-thumb .cart__image img {
    display: inline-block; }

  .cart-prod-right {
    width: 100%; }

  .table-wrap {
    overflow: hidden; }

  .third-border-box {
    height: 309px; }

  .forth-section-about {
    margin-top: 100px; }

  .forth-border-box {
    height: 330px; }

  .fifth-section-about {
    margin-top: 80px; }

  .view-first h2, .view-first .h2 {
    margin-top: 5px !important; }

  .view p {
    height: 43px !important; }

  .view span.info {
    padding: 5px 10px 10px !important;
    font-size: 14px !important; }

  .view-box a {
    font-size: 12px;
    padding: 7px 0; }

  .qty-error {
    margin-top: 5px;
    float: right; }

  .cart_messages {
    margin-top: 20px; } }
@media screen and (max-width: 639px) {
  .no_pagination {
    margin-bottom: 6px !important; }

  .dis-opt-col-01 {
    width: 50% !important; } }
@media screen and (max-width: 570px) {
  .service-detail {
    width: 50%; }

  .third-border-box {
    height: 270px; }

  .forth-section-about {
    margin-top: 85px; }

  .forth-border-box {
    height: 295px; }

  .fifth-border-box {
    top: 103px;
    height: 309px; }

  .fifth-section-about {
    margin-top: 50px; }

  .darkHeader {
    top: 0 !important; }

  .tabs-vertical-col ul {
    position: relative; }

  .tabs-vertical-col {
    width: 100%;
    display: block; }

  .tabs-vertical-col li {
    display: inline-block;
    text-align: left;
    text-decoration: underline;
    width: 48%; }

  .tabs-vertical-col li a {
    text-decoration: underline !important; }

  .tabs-content-col {
    width: 100%;
    display: block; }

  .text-desc {
    margin-bottom: 15px; }

  .service-image {
    margin-right: 15px; } }
@media screen and (max-width: 495px) {
  .messagepop .container {
    height: 100%;
    overflow-y: scroll;
    width: 95%; }

  .about-left-section, .about-right-section {
    float: none;
    margin-right: 0;
    width: 100%; }

  .contact-form button {
    margin-bottom: 15px; }

  .mm-opening {
    overflow: hidden !important; }

  .messagepop.pop .cus-col {
    width: 100%; }

  .messagepop.pop .cus-mail-line .in-name {
    width: 85%; }

  .messagepop.pop .cus-mail-line .in-name ul li, .messagepop.pop .toll-line {
    font-size: 14px; }

  .mm-opening .mm-page {
    position: fixed !important; }

  .newer-post {
    float: left; }

  .box3-row, .older-post {
    float: right; }

  .pages-count.desk {
    display: none; }

  .mobile-page {
    display: block;
    margin-top: 28px;
    text-align: center; }

  .mobile-page .pages-count {
    margin: 0; }

  .blog-post-innerbox {
    width: 100%;
    margin-bottom: 15px; }

  .blog-post-innerbox .blog-thumb {
    height: 260px;
    max-height: 260px;
    max-width: 100%; }

  .blog-thumb > a {
    display: inline-block; }

  .testimonials-main-box {
    padding-left: 0;
    padding-right: 0; }

  .prime-heading {
    font-size: 36px;
    line-height: 40px; }

  .about-desc {
    line-height: 28px; }

  .first-section {
    min-height: 415px;
    position: relative; }

  .parallax-container {
    height: 320px;
    padding: 50px 0;
    background-size: cover; }

  .third-border-box {
    height: 323px;
    left: -20px;
    margin: 0;
    width: 100%; }

  .third-inner-box {
    width: 110%;
    margin: 105px 0 0; }

  .box3-row {
    display: block;
    height: 268px;
    position: relative;
    width: 96%; }

  .box3-row > img {
    height: 268px;
    width: 400px; }

  .lower-text-colm {
    margin-left: 0;
    text-align: right; }

  .forth-section-about {
    margin-top: 85px; }

  .forth-border-box {
    border: 1px solid #eaeaea;
    height: 322px;
    margin: 0;
    position: absolute;
    width: 100%;
    right: -20px;
    left: auto; }

  .customer-tab-mobile, .customer-tab-mobile:focus {
    border: 1px solid #474847; }

  .forth-inner-box {
    top: -15%; }

  .box4-row {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    margin-left: -10px; }

  .box4-row > img {
    height: 268px;
    width: 400px; }

  .lower-text-colm-forth {
    right: -25px;
    width: 100%;
    text-align: left; }

  .fifth-section-about {
    margin-top: 80px;
    overflow: hidden; }

  .fifth-inner-box {
    margin: 0 0 0 -35px; }

  .Ship-note {
    display: inline-block;
    vertical-align: top;
    width: 65%; }

  .fifth-border-box {
    display: none; }

  .service-section {
    margin: 0;
    padding: 0;
    width: 133%; }

  .service-inner {
    margin-right: -6%;
    width: 100%; }

  .service-detail {
    width: 51%;
    padding-left: 10px; }

  .tabs-customers .ui-tabs-vertical .ui-tabs-panel {
    width: 100% !important;
    float: none;
    padding: 0 !important; }

  .customer-tab-mobile {
    font-family: roboto;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 21px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    display: block; }

  .shipment-table table td {
    font-size: 12px;
    padding: 8px 0; }

  .login-right .cart {
    width: auto; }

  .first-inner-box {
    width: 84%; }

  .first-border-box {
    height: 322px;
    margin: 0 0 0 -48.5%;
    top: 17.5%;
    width: 96%; }

  .ship-image {
    margin-left: -45px; }

  .service-image {
    margin-left: 15px;
    margin-right: 70px; }

  .cart-mobile {
    display: block !important; }

  .rates-above-col {
    padding-left: 15px; }

  .shipment-table {
    margin-bottom: 30px;
    overflow: scroll; }

  .forth-section-about, .order-history, .third-section-about {
    overflow: hidden; }

  .parallax {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1; }

  .located-text {
    max-width: 320px;
    position: relative;
    z-index: 999;
    color: #474847; }

  .qty.outsrock {
    font-size: 16px; }

  .qty.dicontinue {
    font-size: 14px !important; }

  .requested-query {
    width: 80%; }

  section.about {
    padding: 85px 0 30px; }

  .order-history {
    margin-bottom: 20px;
    overflow-x: scroll; }

  .address-listing {
    width: 100%; }

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

  .discription .name {
    width: 100% !important; }

  .view p {
    padding: 3px 0 0 !important;
    margin-bottom: 0 !important;
    line-height: 19px !important; }

  .back_to_article {
    display: block;
    width: 100%;
    text-align: left; }

  .contact-form button.loader {
    background-position: 38% 50% !important; }

  .mob_pagination {
    display: block;
    text-align: center; }

  .dis-opt-col-01 {
    width: 100% !important; }

  .mobile-fix .dis-opt-col-01 {
    width: 40% !important; }

  .tab-none {
    padding: 18px 0;
    font-size: 18px !important; }

  .prod-price-tablet {
    display: none !important; }

  .dis-opt-col-02-mob {
    display: block !important; }

  #v_img, .Prod-detail-box {
    vertical-align: middle; }

  .blog-thumb img {
    max-height: inherit;
    margin: 0 auto; }

  .blog-thmub-title {
    text-align: left; }

  .ms-layer.thin-text-white.blacktext.rightslideimg {
    z-index: 1; }

  .cat-product-area {
    padding-bottom: 0 !important; }

  .ms-slide img {
    opacity: .25; } }
@media screen and (max-width: 480px) {
  table.p-order-history tr td {
    text-align: right; }

  .ord-table table.oder-detail td:before, table.p-order-history td:before {
    content: attr(data-label);
    float: left;
    text-transform: uppercase;
    font-weight: 700; }

  .table__section + .table__section::after {
    border-color: #1c1d1d; }

  .pur-price {
    font-size: 16px; }

  .order-left {
    text-align: right !important; } }
@media screen and (max-width: 479px) {
  .art-box span, .feature-art-wrapper ul li {
    width: 100% !important; }

  .ms-layer.thin-text-black h2, .ms-layer.thin-text-black .h2, .ms-layer.thin-text-black p {
    color: #474847 !important; }

  .collection-wrapper h1, .collection-wrapper .h1 {
    font-size: 26px !important; }

  .art-box span {
    height: 166px !important; }

  .artical-name {
    display: block;
    text-align: center;
    width: 100%; } }
@media screen and (max-width: 400px) {
  .contact-form button.loader {
    background-position: 33% 50% !important; } }
@media screen and (max-width: 370px) {
  .first-border-box {
    height: 224px;
    margin: 0 0 0 -150px;
    top: 13%;
    width: 300px; }

  .first-inner-box {
    width: 102%; }

  .located-text {
    max-width: 290px; }

  .third-border-box {
    height: 217px;
    width: 296px; }

  .box3-row, .box3-row > img {
    height: 200px;
    width: 300px; }

  .third-inner-box {
    margin: 84px 0 0; }

  .box3-row {
    display: block;
    float: right;
    position: relative; }

  .lower-text-colm {
    margin-left: -10px;
    text-align: right; }

  .forth-section-about {
    margin-top: 0; }

  .third-inner-box {
    height: 560px; }

  .forth-border-box {
    border: 1px solid #eaeaea;
    height: 220px;
    left: 0;
    margin: 0 0 0 8px;
    position: absolute;
    width: 296px; }

  .box4-row, .box4-row > img {
    height: 200px;
    width: 300px; }

  .box4-row {
    display: block;
    float: left;
    margin-left: -14px;
    margin-top: -15px;
    position: relative; }

  .Ship-note, .ship-image {
    display: inline-block;
    vertical-align: top; }

  .lower-text-colm-forth {
    right: 0;
    text-align: left;
    width: 95%; }

  .ship-image {
    margin-left: -45px;
    margin-right: 10px;
    width: 130px; }

  .Ship-note {
    width: 68%; }

  .fifth-border-box {
    display: none; }

  .service-section {
    margin: 0;
    padding: 0;
    width: 100%; }

  .service-inner {
    margin-right: -30%;
    width: 119%; }

  .service-detail {
    width: 67%; }

  .service-image {
    padding: 0;
    position: absolute;
    right: -185px; }

  .fifth-section {
    min-height: 290px; }

  .fifth-section-about {
    min-height: 600px; }

  .mbl-qty {
    width: 140px !important;
    padding-right: 75px; } }
.withoutOption {
  padding-bottom: 15px; }

.next {
  display: none !important; }

span.close_link {
  display: inline !important; }

.search_area_page input[type=text] {
  text-transform: uppercase; }

.no-match p {
  font-weight: 700;
  text-align: center;
  min-height: 200px; }

.breadcrumb-item > a {
  color: #474847;
  text-decoration: none;
  margin-right: 0; }

.addedproduct > a, .viewCart > a {
  text-decoration: underline; }

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

#added_prod_single, #main_blog_link, .addedproduct_message, .viewCart {
  display: none; }

.search_result b, .search_result strong {
  display: inline-block;
  padding: 5px 0;
  font-family: Roboto, sans-serif !important; }

.back-art-blog {
  margin: 0 0 15px; }

.errors, .note {
  font-size: 1em !important;
  line-height: 1.3 !important; }

.reset-sub {
  margin-bottom: 20px; }

.search_result {
  padding-left: 25px; }

.footer_error {
  color: #f10949 !important; }

.sm-blue > li ul li a.has-submenu.highlighted span {
  color: #87c1d7 !important; }

body, html {
  overflow-x: hidden !important; }