/** Shopify CDN: Minification failed

Line 180:19 Expected identifier but found whitespace
Line 181:6 Unexpected "{"
Line 182:14 Expected ":"
Line 188:4 Unexpected "{"
Line 189:4 Expected identifier but found "%"
Line 194:4 Unexpected "{"
Line 195:4 Expected identifier but found "%"
Line 205:4 Unexpected "{"
Line 206:4 Expected identifier but found "%"
Line 209:20 Expected identifier but found whitespace
... and 766 more hidden warnings

**/
/******************************************************************
Theme Name: Retina v2.0
Theme URI: http://themes.shopify.com/themes/retina/styles/austin?ref=out-of-the-sandbox
Author: Out of the Sandbox (http://outofthesandbox.com)
Description: Shopify Theme (http://www.shopify.com/?ref=out-of-the-sandbox)
******************************************************************/
/* Table of Content
==================================================
  #Reset & Basics
  #Basic Styles 
  #Typography
  #Links
  #Lists
  #Menu
  #Images
  #Videos
  #Buttons
  #Tabs
  #Forms
  #Tables
  #Misc
  #Site Styles
  #mmenu
  #FlexSlider
  #FancyBox
  #Layout
  #Font-Face */

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

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

body {
  line-height: 1;
  overflow-x: hidden;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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


/* #Basic Styles
================================================== */
body {
  background-color: {
      {
      settings.shop_bg_color
    }
  }

  ;

    {
    % if settings.use_custom_bg_image %
  }

  background-image: url("{{ 'custom_bg.png' | asset_url }}");

    {
    % if settings.bg_stretched %
  }

  background-repeat:no-repeat;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;

    {
    % else %
  }

  background-repeat: {
      {
      settings.repeat_bg
    }
  }

  ;

    {
    % if settings.bg_fixed %
  }

  background-attachment:fixed;

    {
    % endif %
  }

    {
    % endif %
  }

    {
    % endif %
  }

  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;

    {
    % if settings.regular_typeface_method=="google_webfonts" %
  }

  font-family: "{{ settings.regular_google_webfont_font | replace: '+', ' ' }}";

    {
    % else %
  }

  font-family: {
      {
      settings.regular_websafe_font | replace: '+', ' '
    }
  }

  ;

    {
    % endif %
  }

  font-weight: {
      {
      settings.regular_weight
    }
  }

  ;

  font-size: {
      {
      settings.regular_font_size
    }
  }

  px;

  text-transform: {
      {
      settings.regular_font_style
    }
  }

  ;

  color: {
      {
      settings.regular_color
    }
  }

  ;
  line-height: 1.8em;
}

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

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

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

  ;
}

/* #Typography
================================================== */
.logo {
    {
    % if settings.logo_typeface_method=="google_webfonts" %
  }

  font-family: "{{ settings.logo_google_webfont_font | replace: '+', ' ' }}";

    {
    % else %
  }

  font-family: {
      {
      settings.logo_websafe_font | replace: '+', ' '
    }
  }

  ;

    {
    % endif %
  }

  font-weight: {
      {
      settings.logo_weight
    }
  }

  ;

  font-size: {
      {
      settings.logo_font_size
    }
  }

  px;

  text-transform: {
      {
      settings.logo_font_style
    }
  }

  ;

  color: {
      {
      settings.logo_color
    }
  }

  ;

    {
    % if settings.use_logo %
  }

  line-height: 0;

    {
    % endif %
  }
}

.logo a,
.logo a:hover,
.logo a:visited,
.logo a:active,
.header_bar .logo a,
.header_bar .logo a:hover,
.header_bar .logo a:visited,
.header_bar .logo a:active {
  color: {
      {
      settings.logo_color
    }
  }

  ;
}

.index .logo a,
.index .logo a:hover,
.index .logo a:visited,
.index .logo a:active {
  color: {
      {
      settings.logo_color_home
    }
  }

  ;
}

h1,
h2,
h3,
h4,
h5,
h6,
.collection_title,
.headline,
p.subtitle {

  font-family: 'Lato', sans-serif;
  line-height: 1.2em;
  letter-spacing: 2px;


  color: {
      {
      settings.headline_color
    }
  }

  ;
  display:block;

  text-rendering: optimizeLegibility;
}

.flex-caption .headline {
  color: #e4b3d2 !important;
  color: white !important;
}

.flex-caption a.action_button {
  clear: both;
  float: left;
}

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

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

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

h1,
.h1,
h1.home,
h2.title,
.collection_title {
  font-size: {
      {
      settings.headline_font_size
    }
  }

  px;
  line-height: 1.5em;
  margin: 0 auto 15px;
  clear:both;

  font-weight: {
      {
      settings.headline_weight
    }
  }

  ;
  padding-top: 4px;
}

h1.product_name {
  margin-bottom: 15px;
  text-align: left;
}

h2,
.h2 {
  font-size: 22px;
  margin-bottom: 1em;
  line-height: 1.5em
}

h3,
.h3,
h1.blog_title {
  font-size: 20px;
  line-height: 35px;
  margin: 0 auto 15px 0;
  text-align: left;
}

h1.collection_title,
div.collection_title {
  margin-bottom: 0;

  line-height: {
      {
      settings.headline_font_size
    }
  }

  px;
  display: inline;
}

h1.collection_title_tags,
div.collection_title_tags {
  padding-right: 25px;

  border-right: solid 1px {
      {
      settings.border_color
    }
  }

  ;
}

h6.title {
  text-decoration: underline;
  text-underline-position: under;
  margin-bottom: 10px;
  padding: 0 0 7px;
}


h4.title a {
  border: 0;
  padding: 0;
  margin: 0;
}

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

h5.sub_title {
  padding-bottom: 5px;
}

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

/* .sub-footer h6.title { color: {{ settings.headline_footer_text_color }}; } */
.sub-footer h6.title {
  color: #fff;
}

.subheader {
  color: #777;
}

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

p img {
  margin: 0;
}

em,
i {
  font-style: italic;
}

strong,
b {
  font-weight: bold;
}

small {
  font-size: 90%;
}

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

.feature p {
  font-size: smaller
}

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

blockquote {
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;

  border-left: 1px solid {
      {
      settings.border_color
    }
  }

  ;
}

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

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

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

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

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

.featured_text {
  font-size: 22px;
  line-height: 42px;
  text-align: center;
  margin-bottom: 0;
}

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

/* #Links
================================================== */
a,
a:visited {
  color: {
      {
      settings.regular_color
    }
  }

  ;
  text-decoration: none;
  outline: 0;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  -ms-transition: color .1s linear;
  transition: color .1s linear;
}

a,
a:visited {
  color: #000;
}

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

  ;
}

/* #Lists
================================================== */
ul,
ol {
  margin-bottom: 20px;
}

ul {
  list-style: circle outside;
}

ol {
  list-style: decimal;
}

ul,
ol,
ul.square,
ul.circle,
ul.disc {
  margin-left: 30px;
}

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

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

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

ul ul,
ul ol,
ol ol,
ol ul {
  margin: 4px 0 5px 30px;
  font-size: 90%;
}

ul ul li,
ul ol li,
ol ol li,
ol ul li {
  margin-bottom: 6px;
}

li {
  line-height: 18px;
  margin-bottom: 12px;
}

ul.large li {
  line-height: 21px;
}

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

ul.border {
  list-style: none outside;
  line-height: 26px;
}

ul.border li {
  border-bottom: 1px solid {
      {
      settings.border_color
    }
  }

  ;
  list-style: none outside none;
  padding: 12px 0;
  margin-bottom: 0;
}

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

.header {
  z-index: 1000;
  width: 100%;

    {
    % if settings.slideshow_menu==false %
  }

  background-color: {
      {
      settings.header_bg_color
    }
  }

  ;

    {
    % endif %
  }

    {
    % if settings.transparent_header %
  }

  opacity: 0.85;

    {
    % endif %
  }

  -webkit-transition: background-color 500ms ease;
  -moz-transition: background-color 500ms ease;
  -o-transition: background-color 500ms ease;
  -ms-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}

.header_bar {
  background-color: {
      {
      settings.header_bg_color
    }
  }

  ;

  border-bottom: solid 1px {
      {
      settings.border_color
    }
  }

  ;

    {
    % if settings.transparent_header %
  }

  opacity: 0.85;

    {
    % endif %
  }
}

.header_bar a,
.header_bar a:visited {
  color: {
      {
      settings.nav_color
    }
  }

  !important;
  /*   text-shadow: none !important; */
}

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

#header {
  display: none;

  background: {
      {
      settings.mobile_header_bg_color
    }
  }

  ;

  border-bottom: 1px solid {
      {
      settings.border_color
    }
  }

  ;

  color: {
      {
      settings.nav_color
    }
  }

  ;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  height: 40px;
  padding: 0 50px;
  z-index: 1001;
  width: 100%;
  opacity: 0.85;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#header a {
  color: {
      {
      settings.logo_color
    }
  }

  ;
  font-size: 32px;
  display: block;
  height: 40px;
  position: absolute;
  top: 0;
  left: 15px;
  font-size: 25px;
  padding-top: 5px;
}

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

#header a.right {
  left: auto;
  right: 15px;
  font-size: 20px;
  padding-top: 8px;
  top: 2px;
}

#header a.icon-menu span {
  top: -4px;
}

.nav {
  text-align: right;
}

.nav ul {
  display: block;
  border: none;
  padding: 0;
  margin: 0;
}

.nav ul li {
  display: inline-block;
  position: relative;
  margin: 0;
  border: 0;
}

.nav ul li {
  *display: inline;
}

/* .nav ul li a.top-link::after,
.nav ul li a.active::after{
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: {{ settings.nav_active_color }};
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  transform: translateY(10px);
} */
.index .nav ul li a.active::after,
.index .nav ul li a.top-link::after {
  background-color: {
      {
      settings.nav_color_home
    }
  }

  ;
}

.index .header_bar .nav ul li a.active::after,
.index .header_bar .nav ul li a.top-link::after {
  background-color: {
      {
      settings.nav_color
    }
  }

  ;
}

.nav ul li a.top-link:hover::after,
.nav ul li a.top-link:focus::after,
.nav ul li a.active::after {
  opacity: 0.8;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
}

.nav ul li:hover a.sub-menu::after {
  background-color: transparent;
}

.nav ul li a.sub-menu {
  z-index: 1006;
  border: solid 1px transparent;
  border-bottom: 0;
}

.nav ul li:hover a.sub-menu {
  background-color: {
      {
      settings.cart_button_background
    }
  }

  ;

  border: solid 1px {
      {
      settings.border_color
    }
  }

  ;
  border-bottom: none;

  color: {
      {
      settings.nav_color
    }
  }

  ;
}

.nav a,
.nav a:visited,
.nav a:active,
#header a span,
.nav a.icon-cart span,
.search-close {
    {
    % if settings.nav_typeface_method=="google_webfonts" %
  }

  font-family: "{{ settings.nav_google_webfont_font | replace: '+', ' ' }}";

    {
    % else %
  }

  font-family: {
      {
      settings.nav_websafe_font | replace: '+', ' '
    }
  }

  ;

    {
    % endif %
  }

  font-weight: {
      {
      settings.nav_weight
    }
  }

  ;

  font-size: {
      {
      settings.nav_font_size
    }
  }

  px;

  text-transform: {
      {
      settings.nav_font_style
    }
  }

  ;

  color: {
      {
      settings.nav_color
    }
  }

  ;
  position: relative;
  display:block;

  letter-spacing: {
      {
      settings.nav_letter_spacing
    }
  }

  px;
  padding-bottom: 8px;
}

.nav a.top-link,
.nav a.sub-menu {
  padding: 4px 4px 8px 4px;
}

.nav ul li a.active {
  color: {
      {
      settings.shop_home_page_content_text_color
    }
  }

  !important;
}

.index .header .nav a {
  color: {
      {
      settings.nav_color_home
    }
  }

  ;

    {
    % if settings.nav_shadow %
  }

  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);

    {
    % endif %
  }
}

.index .header .nav a.icon-cart {
  color: {
      {
      settings.nav_color
    }
  }

  ;
  text-shadow: none;
}

.index .header .nav a:hover,
.index .header .nav a:focus {
  color: {
      {
      settings.nav_color_hover
    }
  }

  ;
}

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

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

.nav ul li a:hover,
nav ul li a:focus,
.nav a.icon-cart:hover span,
.search-close:hover {
  color: {
      {
      settings.nav_color_hover
    }
  }

  !important;
}

.logo {
  padding: 10px 0;
}

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

.nav ul li .cart-button,
input.guest_button,
input[type="button"].guest_button {
  font-size: 16px;
  background-color: #323232;
  padding: 6px 10px;
}

input[type="submit"].guest_button,
input[type="button"].guest_button {
  color: {
      {
      settings.nav_color
    }
  }

  ;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

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

.cart_count {
  position: absolute;
  left: 26px;
  top: 0px;
  background-color: #cccccc;
  padding: 0 4px;
  border-radius: 50%;
  color: #000 !important;
  font-size: 11px;
  font-family: "Arial", "Helvetica", sans-serif;
  font-weight: bold;
  line-height: 15px;
  text-align: center;
}

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

  ;
}

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

  ;
}

  {
  % if settings.menu_top_padding %
}

.nav ul.menu {
  padding-top: {
      {
      settings.menu_top_padding
    }
  }

  px;
}

  {
  % endif %
}

/* sub-levels link */
.menu ul a,
.menu li:hover>ul a,
.index .header .nav ul.menu ul li a {
  white-space: nowrap;
  padding: 4px 0 4px 15px;
  background: none;
  text-align: left;

  color: {
      {
      settings.nav_color
    }
  }

  ;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.index .header .nav ul.menu ul li a.sub-link {
  padding: 2px 0 2px 24px;
}

/* sub-level ul */
.dropdown {
  background-color: {
      {
      settings.cart_button_background
    }
  }

  ;

  border: solid 1px {
      {
      settings.border_color
    }
  }

  ;
  display: none;
  position: absolute;
  left: 4px;
  top: 40px;
  z-index: 1005;
  min-width: 160px;
  padding-bottom:3px;
}

.dropdown-wide {
  min-width: 320px;
}

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

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

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

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

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

.nav ul.menu ul li a.sub-link {
  font-weight: normal;

  font-size: {
      {
      settings.nav_font_size | minus: 0
    }
  }

  px;
  padding: 2px 0 2px 24px;
  text-transform: none;
  display: block;
  width: 100%;
}

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

select#currencies {
  padding: 8px 8px 8px 12px;
  border: 0;
  font-size: 14px;

  background-color: {
      {
      settings.cart_button_background
    }
  }

  ;

  color: {
      {
      settings.nav_color
    }
  }

  ;
  margin-bottom: 0 !important;
  min-width: 65px;
}

.toggle_menu {
  position: relative;
  overflow: hidden;
  display: none;
  top: -16px;
}

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

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

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

.sidebar a,
.sidebar a:visited {
  display: block;

  color: {
      {
      settings.sidebar_nav_color
    }
  }

  ;
}

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

  ;
}

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

.sidebar a.active,
.sidebar li.active a,
.sidebar a:hover {
  border-left: solid 4px {
      {
      settings.nav_active_color
    }
  }

  ;
}

.sidebar li ul {
  margin: 10px 0 8px 14px;

  font-size: {
      {
      settings.regular_font_size | minus: 1
    }
  }

  px;
}

.sidebar li ul li {
  margin-bottom: 12px;
}

  {
  % comment %
}

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

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

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

#search form input {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px rgb(138, 137, 138);
  padding: 16px 8px;
  font-size: 26px;
} */
  {
  % endcomment %
}

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

.zoomImg {
  max-width: inherit !important;
  cursor: pointer;
}


/* #Videos
================================================== */
/*
  For YouTube and Vimeo videos, wrap the embedded code snippet
  in a <div class="video-container"><div> tags to allow it to resize.
  For example:
  <div class="video-container youtube">
    <div>
     <iframe width="853" height="480" src="http://www.youtube.com/embed/mSfXRb4W-R0?rel=0" frameborder="0" allowfullscreen></iframe>
    </div>
  </div>
*/
.video-container>div {
  position: relative;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vimeo {
  max-width: 830px;
}

.vimeo>div {
  padding-top: 56.26506%;
  /* 467 ÷ 830 */
}

.youtube {
  max-width: 853px;
}

.youtube>div {
  padding-top: 56.271981%;
  /* 480 ÷ 853 */
}

.slideshow-video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  overflow: hidden;
}

.slideshow-video-container iframe,
.slideshow-video-container object,
.slideshow-video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-wrapper {
  width: 600px;
  max-width: 100%;
}

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

a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.action_button,
a.action_button,
input.action_button[type="submit"],
input.action_button[type="button"] {
  background: {
      {
      settings.btn_color
    }
  }

  ;

  color: {
      {
      settings.btn_text_color
    }
  }

  ;
  border: 0;
  padding: 10px 20px;
  text-align: center;
  cursor: pointer;

    {
    % if settings.nav_typeface_method=="google_webfonts" %
  }

  font-family: "{{ settings.nav_google_webfont_font | replace: '+', ' ' }}";

    {
    % else %
  }

  font-family: {
      {
      settings.nav_websafe_font | replace: '+', ' '
    }
  }

  ;

    {
    % endif %
  }

  font-weight: {
      {
      settings.button_weight
    }
  }

  ;

  font-size: {
      {
      settings.button_font_size
    }
  }

  px;

  text-transform: {
      {
      settings.button_font_style
    }
  }

  ;
  display: inline-block;
  -webkit-transition: all 200ms ease 0s;
  -moz-transition: all 200ms ease 0s;
  -ms-transition: all 200ms ease 0s;
  -o-transition: all 200ms ease 0s;
  transition: all 200ms ease 0s;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.action_button:hover,
input.action_button[type="submit"]:hover,
input.action_button[type="button"]:hover {
  background: {
      {
      settings.btn_hover_color
    }
  }

  ;
  -webkit-transition: all 200ms ease 0s;
  -moz-transition: all 200ms ease 0s;
  -ms-transition: all 200ms ease 0s;
  -o-transition: all 200ms ease 0s;
  transition: all 200ms ease 0s;
}

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

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

#cart a.action_button.edit_cart {
  width: 180px;
  margin-left: 20px;
  margin-top: 20px;
  background-color: #444;

  color: {
      {
      settings.btn_text_color
    }
  }

  ;
  text-align: center;
  text-indent: 0;
  -webkit-transition: all 200ms ease 0s;
  -moz-transition: all 200ms ease 0s;
  -ms-transition: all 200ms ease 0s;
  -o-transition: all 200ms ease 0s;
  transition: all 200ms ease 0s;
}

#cart .action_button {
  width: 180px;
  margin-right: 20px;
  margin-top: 20px;

  background-color: {
      {
      settings.btn_color
    }
  }

  ;

  color: {
      {
      settings.btn_text_color
    }
  }

  ;
  text-align: center;
  text-indent: 0;
  padding: 10px;
  -webkit-transition: all 200ms ease 0s;
  -moz-transition: all 200ms ease 0s;
  -ms-transition: all 200ms ease 0s;
  -o-transition: all 200ms ease 0s;
  transition: all 200ms ease 0s;
}

#cart .action_button:hover,
#cart a.action_button.edit_cart:hover {
  background: {
      {
      settings.btn_hover_color
    }
  }

  ;
}

.small_button {
  display: inline-block;
  font-family: Lato, sans-serif;
  text-transform: uppercase;
  padding: 1px 5px;
  margin-top: 5px;
  background-color: white;
}

.small_button:active,
.small_button:hover {
  background-color: #666;
  color: white !important;
}

.address_actions .action_link a {
  background-color: white;
  padding: 4px 8px;
}

.address_actions .action_link a:hover {
  background-color: #808080;
  color: white !important;
}

.action_bottom .small_button {
  margin-left: 10px;
}

.action_bottom .note {
  font-family: Lato, sans-serif;
  text-transform: uppercase;
}

/* #Tabs
================================================== */
ul.tabs {
  display: block;
  margin: 10px 0 10px 0;
  padding: 0;

  border-bottom: solid 1px {
      {
      settings.border_color
    }
  }

  ;
  border-top: 0;
  list-style: none outside;
  margin-left: 0;
}

ul.tabs li {
  display: block;
  width: auto;
  height: 30px;
  padding: 0;
  float: left;
  margin-bottom: 0;
  border: 0;
  list-style: none outside;
  margin-left: 0;
}

ul.tabs li a {
  display: block;
  text-decoration: none;
  width: auto;
  height: 29px;
  padding: 0px 15px;
  line-height: 30px;
  border-width: 1px 0 0 1px;
  margin: 0;
  font-size: 13px;
}

ul.tabs li a.active {
  border: solid 1px {
      {
      settings.border_color
    }
  }

  ;

    {
    % if settings.shop_use_content_bg_color %
  }

  background-color: {
      {
      settings.shop_content_bg_color
    }
  }

  ;

  border-bottom: {
      {
      settings.shop_content_bg_color
    }
  }

  ;

    {
    % else %
  }

  background-color: {
      {
      settings.shop_bg_color
    }
  }

  ;

  border-bottom: {
      {
      settings.shop_bg_color
    }
  }

  ;

    {
    % endif %
  }

  height: 30px;
  position: relative;
  top: -4px;
  padding-top: 4px;
  border-right-width: 1px;
  margin: 0 -1px 0 0;

  color: {
      {
      settings.regular_color
    }
  }

  ;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

ul.tabs li:first-child a {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}

ul.tabs li:last-child a {
  border-width: 1px 1px 0 1px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

ul.tabs-content {
  margin: 0;
  display: block;
  border: 0;
}

ul.tabs-content>li {
  display: none;
  border: 0;
}

ul.tabs-content>li.active {
  display: block;
  border: 0;
}

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

ul.tabs:after {
  clear: both;
}

ul.tabs {
  zoom: 1;
}

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

fieldset {
  margin-bottom: 20px;
}

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

select {
  background: #fff url({{ 'select.png' | asset_url }}) no-repeat right center;
  cursor: pointer;
  padding: 8px 2em 8px 8px;
  -webkit-padding-end: 30px;
  background-size: 17px 5px;
}

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

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

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

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

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

textarea {
  width: 100%;
}

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

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

#target {
  padding: 20px;
  text-align: center;
}

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

.remove_item a {
  font-size: smaller;

  color: {
      {
      settings.regular_color
    }
  }

  ;
}

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

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

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

.cart_image {
  padding: 10px 20px 0 20px;
  width: 100px;
  text-align: center;
  float: left;
}

.continue_shopping {
  float: right;
  padding-top: 5px;
}

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

#customer_login {
  margin-bottom: 2px;
}

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

  {
  % if settings.table_styles_enabled %
}

table {
  width: 100%;
}

table th {
  font-weight: 700;
  background: #f9f9f9;
  text-align: left
}

table th,
table td {
  padding: 18px
}

table tr {
  border-bottom: 1px solid #DCDCDC
}

table tr:first-child {
  border-top: 1px solid #DCDCDC
}

table td,
table th {
  border-right: 1px solid #DCDCDC
}

table td:first-child,
table th:first-child {
  border-left: 1px solid #DCDCDC
}

table .em {
  font-weight: 700;
}

  {
  % endif %
}

table tr.order_summary td.label {
  text-align: right;
}

table {
  margin-bottom: 20px;
}

/* #Misc
================================================== */
.hidden {
  display: none;
}

.remove {
  color: {
      {
      settings.regular_color
    }
  }

  ;
}

.relative {
  position: relative;
}

.half-bottom {
  margin-bottom: 10px !important;
}

.add-bottom {
  margin-bottom: 20px !important;
}

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

.left {
  float: left;
}

.inline {
  display: inline;
}

.center {
  text-align: center;
}

.relative {
  position: relative;
}

.align_right {
  text-align: right
}

.align_left {
  text-align: left;
}

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

.no_border {
  border: none !important;
}

.extra_padding {
  padding-top: 4px;
}

div.hidden {
  display: none;
}

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

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

#grid .example-grid {
  overflow: hidden;
}

/* #Site Styles
================================================== */
div.container {
  margin: 0 auto;
  padding: 20px 0;
}

div.sidebar,
div.page {
  margin-top: 40px;
}

div.content {
  padding: {
      {
      settings.content_top_padding
    }
  }

  px 0px 0px 0px;

    {
    % if settings.shop_use_content_bg_color %
  }

  background-color: {
      {
      settings.shop_content_bg_color
    }
  }

  ;

    {
    % endif %
  }
}

.index div.content {
  padding-top: 0px;
}

div.content.banner_page {
  padding-top: 0;
}

div.content.banner_page .sixteen {
  margin-top: 10px;
}

.logo a {
  margin: 0;

  padding-top: {
      {
      settings.logo_top_padding
    }
  }

  px;
  display:block;
}

div.section {
  margin: 10px 0;
}

.homepage_content,
.homepage_content p,
.homepage_content h1,
.homepage_content h2,
.homepage_content h3,
.homepage_content h4,
.homepage_content h5,
.homepage_content h6 {
    {
    % if settings.shop_use_home_page_content_bg_color %
  }

  background-color: {
      {
      settings.shop_home_page_content_bg_color
    }
  }

  ;

    {
    % endif %
  }

  background-color:#000000;

  color: {
      {
      settings.shop_home_page_content_text_color
    }
  }

  ;
  font-size:1.42857142857143em;
  font-family: 'Cochin Italic' !important;
  margin-bottom:0;
}

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

.featured_links .image_container {
  position: relative;
  background-color: #000;
  line-height: 0;
}

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

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

.featured_links a span {
  position: absolute;
  bottom: 50%;
  left: 0;
  right: 0;
  margin: 0 40px;
  text-align: center;
  padding: 0 10px;

  color: {
      {
      settings.featured_text
    }
  }

  ;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
  z-index: 2;

    {
    % if settings.nav_typeface_method=="google_webfonts" %
  }

  font-family: "{{ settings.nav_google_webfont_font | replace: '+', ' ' }}";

    {
    % else %
  }

  font-family: {
      {
      settings.nav_websafe_font | replace: '+', ' '
    }
  }

  ;

    {
    % endif %
  }

  font-weight: {
      {
      settings.featured_links_weight
    }
  }

  ;

  font-size: {
      {
      settings.nav_font_size
    }
  }

  px;

  text-transform: {
      {
      settings.nav_font_style
    }
  }

  ;

  letter-spacing: {
      {
      settings.nav_letter_spacing
    }
  }

  px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .8);
  opacity: 0.9;
  -webkit-font-smoothing: antialiased;
}

  {
  % if settings.featured_links_style=="cross" %
}

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

.featured_links a span::before {
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  transform: translateY(-20px);
}

.featured_links a span::after {
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  transform: translateY(20px);
}

.featured_links a:hover span,
.featured_links a:focus span {
  color: {
      {
      settings.featured_text
    }
  }

  ;
  opacity: 1;
}

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

.featured_links a:hover span::before,
.featured_links a:focus span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.featured_links a:hover span::after,
.featured_links a:focus span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

  {
  % elsif settings.featured_links_style=="underline" %
}

.featured_links a span {
  padding: 30px 20px;
  height: 60px;
  bottom: 8%;
}

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

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

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

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

  {
  % elsif settings.featured_links_style=="double_underline" %
}

.featured_links a span {
  padding: 30px;
  bottom: 36%;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}

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

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

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

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

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

  {
  % elsif settings.featured_links_style=="circle" %
}

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

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

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

  {
  % endif %
}

div.product_section {
  margin-top: 0;
}

div.product_section .social_buttons {
  display: inline-block;
  width: 100%;
  text-align: center;
}

div.container div.breadcrumb {
  font-size: {
      {
      settings.regular_font_size | minus: 1
    }
  }

  px;
}

div.container.top0 {
  padding: 0;
}

div.container div.breadcrumb_text {
  margin: 0 0 1em 0;
}

.continue_shopping {
  float: right;

  font-size: {
      {
      settings.regular_font_size | minus: 1
    }
  }

  px;
}

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

#category {
  width: 100%;
}

.featured_content h2 {
  margin-bottom: 0;
  font-family: "Cochin Italic" !important;
  text-transform: none !important;
  font-size: 20px !important;
}

.paginate {
  text-align: center;
}

.paginate span {
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin: 10px 2px;
  padding: 5px 10px;
  display: inline-block;
  background-color: #e9e9e9;
  font-family: "{{ settings.headline_google_webfont_font | replace: '+', ' ' }}";
}

.paginate span a {
  color: #272525 !important;
}

a.tag {
  padding: 4px 6px;
  margin: 5px 2px 5px 0;
  background-color: #d5d5d5;
  letter-spacing: 0;
}

.featured_collections {
  margin-bottom: 10px
}

.paginate span:hover,
a.tag:hover {
  background-color: #d5d5d5;
}

.paginate .current {
  background-color: #d5d5d5;
}

.paginate .deco {
  border: none;
}

.thumbnail {
  position: relative;
  text-align: center;
  margin-bottom: 1em;
  vertical-align: baseline;
}

.thumbnail .collection_press img {
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: white;
  border: 1px solid #ccc;
  margin-bottom: 0;
}

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

.thumbnail a,
.collection_links a {
  display: block;
  padding-bottom: 0.5em;

  color: {
      {
      settings.regular_color
    }
  }

  ;
}

.thumbnail a:hover,
.collection_links a:hover {
  color: {
      {
      settings.link_color
    }
  }

  ;
}

.thumbnail .info {
  text-align: left;
  margin-top: 0.75em;
}

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

.thumbnail img {
  vertical-align: top;
}

.thumbnail .price,
.thumbnail .sold_out,
.sold_out {
  font-weight: bold;

  color: {
      {
      settings.regular_color
    }
  }

  ;
}

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

  ;
}

.sale_banner,
.new_banner {
  position: absolute;
  top: 25px;
  left: -5px;

  background: {
      {
      settings.sale_banner_color
    }
  }

  ;

    {
    % if settings.nav_typeface_method=="google_webfonts" %
  }

  font-family: "{{ settings.nav_google_webfont_font | replace: '+', ' ' }}";

    {
    % else %
  }

  font-family: {
      {
      settings.nav_websafe_font | replace: '+', ' '
    }
  }

  ;

    {
    % endif %
  }

  font-weight: {
      {
      settings.button_weight
    }
  }

  ;

  font-size: {
      {
      settings.button_font_size
    }
  }

  px;

  text-transform: {
      {
      settings.button_font_style
    }
  }

  ;

  padding: 10px;
  text-align: center;
  color: #fff;
}

.new_banner {
  background: {
      {
      settings.new_banner_color
    }
  }

  ;
}

.thumbnail .price,
.thumbnail .title {
  display: block
}

/* Press Page */

.press .thumbnail .price {
  display: none;
}

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

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

.cart_page_image {
  float: left;
  margin-right: 20px;
  text-align: center;
  display: block;
  width: 100%;
}

.price_total_text {
  font-weight: normal;
  display: none;
}

.was_price {
  text-decoration: line-through;

  color: {
      {
      settings.was_price_color
    }
  }

  ;
  font-style: italic;
  text-shadow:none;
  font-weight:normal;
}

.thumbnail .product_image,
.collection_links .image_container {
  position: relative;
  margin-bottom: 0;
}

.collection_links .image_container img {
  vertical-align: top;
}

.thumbnail .quick_shop {
  display: none;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3;
  padding: 5px;
  background: rgba(39, 37, 37, 0.9);
  position: absolute;
  width: 100px;
  bottom: 4px;
  right: 4px;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .75), 0 1px 2px rgba(0, 0, 0, .5);
  border: 1px solid #272525;
  color: #fff;
  z-index: 2000;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.thumbnail .quick_shop:hover {
  color: {
      {
      settings.btn_text_color
    }
  }

  ;
  background:rgba(128, 128, 128, 0.9);
  border:1px solid #808080;
}

.thumbnails a,
a .image_container {
  display: block;
  margin-bottom: 1em;
}

.thumbnail a span.overlay,
a .image_container span.overlay {
  background-color: #fff;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  -webkit-transition: opacity ease-out .5s;
  -moz-transition: opacity ease-out .5s;
  -o-transition: opacity ease-out .5s;
  transition: opacity ease-out .5s;
}

.ie7 .thumbnail a span.overlay,
.ie8 .thumbnail a span.overlay,
.ie7 .image_container span.overlay,
.ie8 .image_container span.overlay {
  display: none;
}

.thumbnail a:hover span.overlay,
a:hover .image_container span.overlay {
  opacity: .3;
}

.twittercont,
.fancycount {
  display: inline-block;
  margin-left: 6px;
}

.facebookcont {
  display: inline-block;
  position: relative;
  margin-left: 6px;
  min-width: 88px;
}

a.fancybutton {
  background:url({{ "fancy.png" | asset_url }}) no-repeat;
  font: 11px Arial, sans-serif;
  text-indent: -9999em;
  font-size: .01em;
  color: #cd1f1f;
  height: 20px;
  width: 56px;
  display: inline-block;
  margin-left: 6px;
  position: relative;
  top: -20px;
}

a.pinterestcount {
  background:url({{ "pinit.png" | asset_url }}) no-repeat;
  font: 11px Arial, sans-serif;
  text-indent: -9999em;
  font-size: .01em;
  color: #cd1f1f;
  height: 20px;
  width: 41px;
  background-position: 0 0;
  display: inline-block;
  margin-left: 6px;
  position: relative;
  top: -20px;
}

a.pinterestcount:hover {
  background-position: 0 -21px;
}

a.pinterestcount:active {
  background-position: 0 -42px;
}

.arrow {
  font-size: smaller;
  position: relative;
  top: -1px;
  left: 2px;
  opacity: 0.6;
  display: none;
}

.modal {
  margin: 10px 0;
  display: none;

  background-color: {
      {
      settings.modal_background_color
    }
  }

  ;
}

.modal_product {
  width: auto;
  line-height: 0px;
  max-width: 940px;
}

.modal_product img {
  cursor: pointer;
}

.modal_image {
  text-align: center;
}

.modal a {
  padding-bottom: 0;
}

.modal p.modal_price,
p.modal_price {
  font-size: 22px;
  margin-bottom: 1em;
}

.product_form label {
  font-weight: bold;
}

.product_form select.single-option-selector {
  max-width: 300px;
  font-size: 1.25em;
}

.product_form span.modal_price {
  display: inline-block;
  font-size: 22px;
  line-height: 1;
  vertical-align: top;
  padding-top: 10px;
  margin: 22px 30px 0;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  span.modal_price {}
}

.modal form {
  margin-bottom: 10px;
}

.modal a {
  color: {
      {
      settings.link_color
    }
  }

  ;
  font-style: italic;
}

.modal a:hover {
  color: {
      {
      settings.link_hover_color
    }
  }

  ;
}

.notify_form .submit {
  padding: 8px 8px !important;
}

.product_image_col {
  margin-top: 15px;
  text-align: center;
}

.meta {
  font-size: 13px;
}

.meta p {
  font-size: 13px;
  margin-bottom: 0px;
}

p.meta {
  margin-bottom: 10px;
}

.comment-body p.meta {
  margin-bottom: 5px;
}

.comment-body h6 {
  padding-top: 0;
}

.sidebar_title {
  margin-bottom: 0;
}

.blog_list {
  margin-left: 0
}

.recent_articles {
  padding-top: 10px;
}

.recent_articles li {
  padding: 10px 0px
}

.recent_articles a {
  font-size: {
      {
      settings.regular_font_size | minus: 1
    }
  }

  px;
  padding-right: 15px;
  display:block;
}

.blog_list li {
  list-style: none;
}

.toggle span {
  color: {
      {
      settings.was_price_color
    }
  }

  ;
  font-weight:bold;
  font-family: "Helvetica Neue",
  Helvetica,
  Arial,
  sans-serif;
  font-size:smaller;
  float: right;
  display: none;
}

.sidebar p {
  font-size: {
      {
      settings.regular_font_size | minus: 1
    }
  }

  px;
}

.sidebar .search {
  padding-top: 8px;
}

.sidebar .search input {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

  ;
}

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

  ;
}

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

  ;
}

.blog_meta p {
  padding-right: 40px;

    {
    % if settings.headline_typeface_method=="google_webfonts" %
  }

  font-family: "{{ settings.headline_google_webfont_font | replace: '+', ' ' }}";

    {
    % else %
  }

  font-family: {
      {
      settings.headline_websafe_font | replace: '+', ' '
    }
  }

  ;

    {
    % endif %
  }

  font-weight: {
      {
      settings.headline_weight
    }
  }

  ;

  text-transform: {
      {
      settings.headline_font_style
    }
  }

  ;

  color: {
      {
      settings.headline_color
    }
  }

  ;
  display:block;

  letter-spacing: {
      {
      settings.headline_letter_spacing
    }
  }

  px;
  text-rendering: optimizeLegibility;
}

.container .blog_content {
  padding-left: 40px;
  /* border-left: solid 1px #e5e5e5; */
  clear: none !important;
}

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

#tag_filter,
#sort-by {
  width: 70%;
  display: inline-block;
  margin-bottom: 0;
}

.section_select {
  text-align: right;
}

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

.or {
  font-size: smaller;
  font-style: italic;
  padding: 0 10px;
}

.inline_purchase {
  display: inline-block;
  margin-left: 20px;
  margin-top: 22px;
}

div.article {
  margin-bottom: 35px;
}

.comment {
  margin-bottom: 20px;
}

.comment-body h6 {
  padding-bottom: 0.25em;
}

.gravatar {
  width: 100px !important;
}

.gravatar img {
  width: 80px;
  height: 80px;
  margin-bottom: 15px;
  -webkit-border-radius: 40px;
  -khtml-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
}

.red {
  color: #C33;
  font-size: 1.4em;
  line-height: 1;
}

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

div#disqus_thread ul,
div#disqus_thread li {
  border: none;
}

.search_page {
  padding: 40px 0 60px 0;
}

/* #Footer
================================================== */
div.footer {
  background-color: {
      {
      settings.footer_color
    }
  }

  ;

  font-size: {
      {
      settings.footer_font_size | minus: 1
    }
  }

  px;
  line-height: 1.7em;

  color: {
      {
      settings.footer_text_color
    }
  }

  ;
  padding-top: 15px;
}

.sub-footer {
  margin-top: 4.5em;

  border-top: solid 1px {
      {
      settings.sub_footer_border_color
    }
  }

  ;

  background-color: {
      {
      settings.sub_footer_color
    }
  }

  ;

  color: {
      {
      settings.sub_footer_text_color
    }
  }

  ;
}

.sub-footer p {
  margin-bottom: 10px;

  font-size: {
      {
      settings.footer_font_size
    }
  }

  px;

  color: {
      {
      settings.sub_footer_text_color
    }
  }

  ;
}

.sub-footer a,
.sub-footer a:visited {
  color: {
      {
      settings.sub_footer_link_color
    }
  }

  ;

  font-size: {
      {
      settings.footer_font_size
    }
  }

  px;
}

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

  ;

  font-size: {
      {
      settings.footer_font_size
    }
  }

  px;
}

.footer a {
  color: {
      {
      settings.footer_link_color
    }
  }

  ;
}

.footer a:hover {
  color: {
      {
      settings.footer_link_color_hover
    }
  }

  ;
}

.contact-form {
  margin-bottom: 0;
  clear: both;
  padding-top: 40px;
}

.sub-footer .contact-form {
  padding-top: 0;
}

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

.sub-footer .social_icons a,
.sub-footer .social_icons a:visited {
  color: {
      {
      settings.sub_footer_text_color
    }
  }

  ;
  font-size: 18px;
}

.sub-footer .social_icons a:active,
.sub-footer .social_icons a:hover {
  color: {
      {
      settings.link_color
    }
  }

  ;
  font-size: 18px;
}

.payment_methods img {
  padding-left: 4px;
  height: 26px;
  width: 38px;
  position: relative;
  top: -2px;
}

.credits_right {
  text-align: right;
}

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

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

/* Footer MailChimp Sign-Up Form */

.sub-footer #mc_embed_signup {
  font-family: Lato, sans-serif;
  overflow: visible;
}

.sub-footer #mc_embed_signup .indicates-required {
  font-size: 12px;
  text-align: right;
}

.sub-footer #mc_embed_signup .mc-field-group label {
  margin-bottom: 0px;
}

.sub-footer #mc_embed_signup .mc-field-group input {
  margin-bottom: 5px;
}

.sub-footer #mc_embed_signup input[type="submit"]#mc-embedded-subscribe {
  font-weight: 400;
  margin-top: 10px;
}

/*
  jQuery.mmenu CSS
*/
/*
  jQuery.mmenu panels CSS
*/
.mm-menu.mm-horizontal>.mm-panel {
  -webkit-transition: left 0.4s ease;
  -moz-transition: left 0.4s ease;
  -ms-transition: left 0.4s ease;
  -o-transition: left 0.4s ease;
  transition: left 0.4s ease;
}

.mm-menu .mm-hidden {
  display: none;
}

.mm-wrapper {
  overflow-x: hidden;
  position: relative;
}

.mm-menu {
  background: inherit;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.mm-menu>.mm-panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: inherit;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 0;
}

.mm-menu>.mm-panel.mm-opened {
  left: 0%;
}

.mm-menu>.mm-panel.mm-subopened {
  left: -40%;
}

.mm-menu>.mm-panel.mm-highest {
  z-index: 1;
}

.mm-menu .mm-list {
  padding: 20px 0;
}

.mm-menu>.mm-list {
  padding: 20px 0 40px 0;
}

.mm-panel>.mm-list {
  margin-left: -20px;
  margin-right: -20px;
}

.mm-panel>.mm-list:first-child {
  padding-top: 0;
}

.mm-list,
.mm-list>li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}

.mm-list {
  font: inherit;
  font-size: 14px;
}

.mm-list a,
.mm-list a:hover {
  text-decoration: none;
}

.mm-list>li {
  position: relative;
}

.mm-list>li>a,
.mm-list>li>span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  line-height: 20px;
  display: block;
  padding: 10px 10px 10px 20px;
  margin: 0;
}

.mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
  content: '';
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
  width: auto;
  margin-left: 20px;
  position: relative;
  left: auto;
}

.mm-list a.mm-subopen {
  width: 40px;
  height: 100%;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.mm-list a.mm-subopen:before {
  content: '';
  border-left-width: 1px;
  border-left-style: solid;
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.mm-list a.mm-subopen.mm-fullsubopen {
  width: 100%;
}

.mm-list a.mm-subopen.mm-fullsubopen:before {
  border-left: none;
}

.mm-list a.mm-subopen+a,
.mm-list a.mm-subopen+span {
  padding-right: 5px;
  margin-right: 40px;
}

.mm-list>li.mm-selected>a.mm-subopen {
  background: transparent;
}

.mm-list>li.mm-selected>a.mm-fullsubopen+a,
.mm-list>li.mm-selected>a.mm-fullsubopen+span {
  padding-right: 45px;
  margin-right: 0;
}

.mm-list a.mm-subclose {
  text-indent: 20px;
  padding-top: 30px;
  margin-top: -20px;
}

.mm-list>li.mm-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px;
  padding-right: 5px;
}

.mm-list>li.mm-spacer {
  padding-top: 40px;
}

.mm-list>li.mm-spacer.mm-label {
  padding-top: 25px;
}

.mm-list a.mm-subopen:after,
.mm-list a.mm-subclose:before {
  content: '';
  border: 2px solid transparent;
  display: block;
  width: 7px;
  height: 7px;
  margin-bottom: -5px;
  position: absolute;
  bottom: 50%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mm-list a.mm-subopen:after {
  border-top: none;
  border-left: none;
  right: 18px;
}

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

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px;
}

.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
  border-color: transparent;
}

.mm-menu.mm-vertical .mm-list li.mm-opened>.mm-panel {
  display: block;
}

.mm-menu.mm-vertical .mm-list>li.mm-opened>a.mm-subopen {
  height: 40px;
}

.mm-menu.mm-vertical .mm-list>li.mm-opened>a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 16px;
  right: 16px;
}

html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

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

.mm-menu .mm-list>li:after {
  border-color: rgba(0, 0, 0, 0.15);
}

.mm-menu .mm-list>li>a.mm-subclose {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.3);
}

.mm-menu .mm-list>li>a.mm-subopen:after,
.mm-menu .mm-list>li>a.mm-subclose:before {
  border-color: rgba(255, 255, 255, 0.3);
}

.mm-menu .mm-list>li>a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.15);
}

.mm-menu .mm-list>li.mm-selected>a:not(.mm-subopen),
.mm-menu .mm-list>li.mm-selected>span {
  background: rgba(0, 0, 0, 0.1);
}

.mm-menu .mm-list>li.mm-label {
  background: rgba(255, 255, 255, 0.05);
}

.mm-menu.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
.mm-menu.mm-vertical .mm-list li.mm-opened>ul {
  background: rgba(255, 255, 255, 0.05);
}

/*
  jQuery.mmenu offcanvas addon CSS
*/
.mm-page,
.mm-fixed-top,
.mm-fixed-bottom {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, border;
  -moz-transition-property: top, right, bottom, left, border;
  -ms-transition-property: top, right, bottom, left, border;
  -o-transition-property: top, right, bottom, left, border;
  transition-property: top, right, bottom, left, border;
}

.mm-page,
#mm-blocker {
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.mm-page {
  border: 0px solid rgba(0, 0, 0, 0);
}

html.mm-opening .mm-page {
  border: 0px solid rgba(1, 1, 1, 0);
}

.mm-fixed-top,
.mm-fixed-bottom {
  position: fixed;
  left: 0;
}

.mm-fixed-top {
  top: 0;
}

.mm-fixed-bottom {
  bottom: 0;
}

html.mm-opened {
  overflow: hidden;
  position: relative;
}

html.mm-opened body {
  overflow: hidden;
}

html.mm-opened .mm-page {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

html.mm-background .mm-page {
  background: inherit;
}

#mm-blocker {
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) transparent;
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999999;
}

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block;
}

.mm-menu.mm-offcanvas {
  display: none;
  position: fixed;
}

.mm-menu.mm-current {
  display: block;
}

html.mm-opening .mm-page,
html.mm-opening #mm-blocker,
html.mm-opening .mm-fixed-top,
html.mm-opening .mm-fixed-bottom {
  left: 80%;
}

.mm-menu {
  width: 80%;
}

@media all and (max-width: 175px) {
  .mm-menu {
    width: 140px;
  }

  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker,
  html.mm-opening .mm-fixed-top,
  html.mm-opening .mm-fixed-bottom {
    left: 140px;
  }
}

@media all and (min-width: 550px) {
  .mm-menu {
    width: 440px;
  }

  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker,
  html.mm-opening .mm-fixed-top,
  html.mm-opening .mm-fixed-bottom {
    left: 440px;
  }
}

/*
  jQuery.mmenu counters addon CSS
*/
em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 40px;
  top: 50%;
}

em.mm-counter+a.mm-subopen {
  padding-left: 40px;
}

em.mm-counter+a.mm-subopen+a,
em.mm-counter+a.mm-subopen+span {
  margin-right: 80px;
}

em.mm-counter+a.mm-fullsubopen {
  padding-left: 0;
}

.mm-vertical em.mm-counter {
  top: 12px;
  margin-top: 0;
}

.mm-nosubresults>em.mm-counter {
  display: none;
}

.mm-menu em.mm-counter {
  color: rgba(255, 255, 255, 0.3);
}

/*
  jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/*
  jQuery.mmenu header addon CSS
*/
.mm-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: inherit;
  border-bottom: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  width: 100%;
  height: 60px;
  padding: 30px 40px 0 40px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}

.mm-header .mm-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 1;
}

.mm-header .mm-prev,
.mm-header .mm-next {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  display: block;
  width: 40px;
  height: 100%;
  position: absolute;
  bottom: 0;
}

.mm-header .mm-prev:before,
.mm-header .mm-next:before {
  content: '';
  border: 2px solid transparent;
  display: block;
  width: 7px;
  height: 7px;
  margin-bottom: -5px;
  position: absolute;
  bottom: 50%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-bottom: -15px;
}

.mm-header .mm-prev {
  left: 0;
}

.mm-header .mm-prev:before {
  border-right: none;
  border-bottom: none;
  left: 22px;
}

.mm-header .mm-next {
  right: 0;
}

.mm-header .mm-next:before {
  border-top: none;
  border-left: none;
  right: 18px;
}

.mm-menu.mm-hassearch .mm-header {
  height: 50px;
  padding-top: 20px;
  top: 50px;
}

.mm-menu.mm-hassearch .mm-header .mm-prev:before,
.mm-menu.mm-hassearch .mm-header .mm-mext:before {
  margin-bottom: -10px;
}

.mm-menu.mm-hasheader li.mm-subtitle {
  display: none;
}

.mm-menu.mm-hasheader>.mm-panel {
  padding-top: 80px;
}

.mm-menu.mm-hasheader>.mm-panel.mm-list {
  padding-top: 60px;
}

.mm-menu.mm-hasheader>.mm-panel>.mm-list:first-child {
  margin-top: -20px;
}

.mm-menu.mm-hasheader.mm-hassearch>.mm-panel {
  padding-top: 120px;
}

.mm-menu.mm-hasheader.mm-hassearch>.mm-panel.mm-list {
  padding-top: 100px;
}

.mm-menu .mm-header {
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.3);
}

.mm-menu .mm-header a:before {
  border-color: rgba(255, 255, 255, 0.3);
}

/*
  jQuery.mmenu labels addon CSS
*/
.mm-menu.mm-fixedlabels .mm-list {
  background: inherit;
}

.mm-menu.mm-fixedlabels .mm-list>li.mm-label {
  background: inherit !important;
  opacity: 0.97;
  height: 25px;
  overflow: visible;
  position: relative;
  z-index: 1;
}

.mm-menu.mm-fixedlabels .mm-list>li.mm-label>div {
  background: inherit;
  width: 100%;
  position: absolute;
  left: 0;
}

.mm-menu.mm-fixedlabels .mm-list>li.mm-label>div>div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mm-menu.mm-fixedlabels .mm-list>li.mm-label.mm-spacer>div>div {
  padding-top: 25px;
}

.mm-list>li.mm-label>span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
}

.mm-list>li.mm-label.mm-opened a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 17px;
}

.mm-list>li.mm-collapsed {
  display: none;
}

.mm-menu .mm-list li.mm-label>div>div {
  background: rgba(255, 255, 255, 0.05);
}

/*
  jQuery.mmenu searchfield addon CSS
*/
.mm-search,
.mm-search input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.mm-list>li.mm-search {
  padding: 10px;
  margin-top: -20px;
}

.mm-list>li.mm-subtitle+li.mm-search {
  margin-top: 0;
}

div.mm-panel>div.mm-search {
  padding: 0 0 10px 0;
}

.mm-menu.mm-hasheader .mm-list>li.mm-search {
  margin-top: 0;
}

.mm-search {
  background: inherit;
  width: 100%;
  padding: 10px;
  position: relative;
  top: 0;
  z-index: 2;
}

.mm-search input {
  border: none;
  border-radius: 30px;
  font: inherit;
  font-size: 14px;
  line-height: 30px;
  outline: none;
  display: block;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0 10px;
}

.mm-menu .mm-noresultsmsg {
  text-align: center;
  font-size: 21px;
  display: none;
  padding: 60px 0;
}

.mm-menu .mm-noresultsmsg:after {
  border: none !important;
}

.mm-noresults .mm-noresultsmsg {
  display: block;
}

.mm-menu li.mm-nosubresults>a.mm-subopen {
  display: none;
}

.mm-menu li.mm-nosubresults>a.mm-subopen+a,
.mm-menu li.mm-nosubresults>a.mm-subopen+span {
  padding-right: 10px;
}

.mm-menu.mm-hassearch>.mm-panel {
  padding-top: 70px;
}

.mm-menu.mm-hassearch>.mm-panel>.mm-list:first-child {
  margin-top: -20px;
}

.mm-menu.mm-hasheader>.mm-panel>div.mm-search:first-child {
  margin-top: -10px;
}

.mm-menu.mm-hasheader>.mm-panel>div.mm-search:first-child+.mm-list {
  padding-top: 0;
}

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

.mm-menu .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.3);
}

/*
  jQuery.mmenu toggles addon CSS
*/
label.mm-toggle {
  border-radius: 30px;
  width: 50px;
  height: 30px;
  margin: -15px 0 0 0;
  position: absolute;
  top: 50%;
  z-index: 1;
}

label.mm-toggle div {
  border-radius: 30px;
  width: 28px;
  height: 28px;
  margin: 1px;
}

input.mm-toggle {
  position: absolute;
  left: -10000px;
}

input.mm-toggle:checked~label.mm-toggle div {
  float: right;
}

label.mm-toggle {
  right: 20px;
}

label.mm-toggle+a,
label.mm-toggle+span {
  margin-right: 70px;
}

a.mm-subopen+label.mm-toggle {
  right: 50px;
}

a.mm-subopen+label.mm-toggle+a,
a.mm-subopen+label.mm-toggle+span {
  margin-right: 100px;
}

em.mm-counter+a.mm-subopen+label.mm-toggle {
  right: 90px;
}

em.mm-counter+a.mm-subopen+label.mm-toggle+a,
em.mm-counter+a.mm-subopen+label.mm-toggle+span {
  margin-right: 140px;
}

.mm-menu label.mm-toggle {
  background: rgba(0, 0, 0, 0.15);
}

.mm-menu label.mm-toggle div {
  background: #333333;
}

.mm-menu input.mm-toggle:checked~label.mm-toggle {
  background: #4bd963;
}

/*
  jQuery.mmenu effects extension CSS
*/
html.mm-slide .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
}

html.mm-slide.mm-opened .mm-menu {
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%);
}

html.mm-slide.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}

html.mm-slide.mm-right.mm-opened .mm-menu {
  -webkit-transform: translateX(40%);
  -moz-transform: translateX(40%);
  -ms-transform: translateX(40%);
  -o-transform: translateX(40%);
  transform: translateX(40%);
}

html.mm-slide.mm-right.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}

html.mm-slide.mm-top.mm-opened .mm-menu {
  -webkit-transform: translateY(-40%);
  -moz-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  -o-transform: translateY(-40%);
  transform: translateY(-40%);
}

html.mm-slide.mm-top.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}

html.mm-slide.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: translateY(40%);
  -moz-transform: translateY(40%);
  -ms-transform: translateY(40%);
  -o-transform: translateY(40%);
  transform: translateY(40%);
}

html.mm-slide.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}

html.mm-zoom-menu .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
}

html.mm-zoom-menu.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(-40%);
  -moz-transform: scale(0.7, 0.7) translateX(-40%);
  -ms-transform: scale(0.7, 0.7) translateX(-40%);
  -o-transform: scale(0.7, 0.7) translateX(-40%);
  transform: scale(0.7, 0.7) translateX(-40%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

html.mm-zoom-menu.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%);
}

html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(40%);
  -moz-transform: scale(0.7, 0.7) translateX(40%);
  -ms-transform: scale(0.7, 0.7) translateX(40%);
  -o-transform: scale(0.7, 0.7) translateX(40%);
  transform: scale(0.7, 0.7) translateX(40%);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}

html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%);
}

html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(-40%);
  -moz-transform: scale(0.7, 0.7) translateY(-40%);
  -ms-transform: scale(0.7, 0.7) translateY(-40%);
  -o-transform: scale(0.7, 0.7) translateY(-40%);
  transform: scale(0.7, 0.7) translateY(-40%);
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
}

html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%);
}

html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(40%);
  -moz-transform: scale(0.7, 0.7) translateY(40%);
  -ms-transform: scale(0.7, 0.7) translateY(40%);
  -o-transform: scale(0.7, 0.7) translateY(40%);
  transform: scale(0.7, 0.7) translateY(40%);
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
}

html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%);
}

html.mm-zoom-page .mm-page {
  -webkit-transition-property: -webkit-transform, top, right, bottom, left, border;
  -moz-transition-property: -moz-transform, top, right, bottom, left, border;
  -ms-transition-property: -ms-transform, top, right, bottom, left, border;
  -o-transition-property: -o-transform, top, right, bottom, left, border;
  transition-property: transform, top, right, bottom, left, border;
}

html.mm-zoom-page.mm-opened .mm-page {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

html.mm-zoom-page.mm-opening .mm-page {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}

html.mm-zoom-page.mm-right.mm-opened .mm-page {
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}

html.mm-zoom-page.mm-top.mm-opened .mm-page {
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
}

html.mm-zoom-page.mm-bottom.mm-opened .mm-page {
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
}

html.mm-zoom-panels .mm-menu.mm-horizontal>.mm-panel {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition-property: -webkit-transform, left;
  -moz-transition-property: -moz-transform, left;
  -ms-transition-property: -ms-transform, left;
  -o-transition-property: -o-transform, left;
  transition-property: transform, left;
}

html.mm-zoom-panels .mm-menu.mm-horizontal>.mm-panel.mm-opened {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

html.mm-zoom-panels .mm-menu.mm-horizontal>.mm-panel.mm-opened.mm-subopened {
  -webkit-transform: scale(0.7, 0.7);
  -moz-transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  -o-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7);
}

/*
  jQuery.mmenu fullscreen extension CSS
*/
html.mm-opening.mm-fullscreen .mm-page,
html.mm-opening.mm-fullscreen #mm-blocker,
html.mm-opening.mm-fullscreen .mm-fixed-top,
html.mm-opening.mm-fullscreen .mm-fixed-bottom {
  left: 100%;
}

.mm-menu.mm-fullscreen {
  width: 100%;
}

@media all and (max-width: 140px) {
  .mm-menu.mm-fullscreen {
    width: 140px;
  }

  html.mm-opening.mm-fullscreen .mm-page,
  html.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-opening.mm-fullscreen .mm-fixed-bottom {
    left: 140px;
  }
}

@media all and (min-width: 10000px) {
  .mm-menu.mm-fullscreen {
    width: 10000px;
  }

  html.mm-opening.mm-fullscreen .mm-page,
  html.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-opening.mm-fullscreen .mm-fixed-bottom {
    left: 10000px;
  }
}

.mm-menu.mm-top.mm-fullscreen {
  height: 100%;
}

html.mm-top.mm-opening.mm-fullscreen .mm-page,
html.mm-top.mm-opening.mm-fullscreen #mm-blocker,
html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top {
  top: 100%;
}

html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom {
  bottom: -100%;
}

@media all and (max-height: 140px) {
  .mm-menu.mm-top.mm-fullscreen {
    height: 140px;
  }

  html.mm-top.mm-opening.mm-fullscreen .mm-page,
  html.mm-top.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top {
    top: 140px;
  }

  html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: -140px;
  }
}

@media all and (min-height: 10000px) {
  .mm-menu.mm-top.mm-fullscreen {
    height: 10000px;
  }

  html.mm-top.mm-opening.mm-fullscreen .mm-page,
  html.mm-top.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top {
    top: 10000px;
  }

  html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: -10000px;
  }
}

.mm-menu.mm-right.mm-fullscreen {
  width: 100%;
}

html.mm-right.mm-opening.mm-fullscreen .mm-page,
html.mm-right.mm-opening.mm-fullscreen #mm-blocker,
html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top,
html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom {
  right: 100%;
}

@media all and (max-width: 140px) {
  .mm-menu.mm-right.mm-fullscreen {
    width: 140px;
  }

  html.mm-right.mm-opening.mm-fullscreen .mm-page,
  html.mm-right.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom {
    right: 140px;
  }
}

@media all and (min-width: 10000px) {
  .mm-menu.mm-right.mm-fullscreen {
    width: 10000px;
  }

  html.mm-right.mm-opening.mm-fullscreen .mm-page,
  html.mm-right.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom {
    right: 10000px;
  }
}

.mm-menu.mm-bottom.mm-fullscreen {
  height: 100%;
}

html.mm-bottom.mm-opening.mm-fullscreen .mm-page,
html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker,
html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom {
  bottom: 100%;
}

html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top {
  top: -100%;
}

@media all and (max-height: 140px) {
  .mm-menu.mm-bottom.mm-fullscreen {
    height: 140px;
  }

  html.mm-bottom.mm-opening.mm-fullscreen .mm-page,
  html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: 140px;
  }

  html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top {
    top: -140px;
  }
}

@media all and (min-height: 10000px) {
  .mm-menu.mm-bottom.mm-fullscreen {
    height: 10000px;
  }

  html.mm-bottom.mm-opening.mm-fullscreen .mm-page,
  html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: 10000px;
  }

  html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top {
    top: -10000px;
  }
}

.mm-menu.mm-fullscreen.mm-front,
.mm-menu.mm-fullscreen.mm-next {
  left: -100%;
}

@media all and (max-width: 140px) {

  .mm-menu.mm-fullscreen.mm-front,
  .mm-menu.mm-fullscreen.mm-next {
    left: -140px;
  }
}

@media all and (min-width: 10000px) {

  .mm-menu.mm-fullscreen.mm-front,
  .mm-menu.mm-fullscreen.mm-next {
    left: -10000px;
  }
}

.mm-menu.mm-top.mm-fullscreen.mm-front,
.mm-menu.mm-top.mm-fullscreen.mm-next {
  top: -100%;
}

@media all and (max-height: 140px) {

  .mm-menu.mm-top.mm-fullscreen.mm-front,
  .mm-menu.mm-top.mm-fullscreen.mm-next {
    top: -140px;
  }
}

@media all and (min-height: 10000px) {

  .mm-menu.mm-top.mm-fullscreen.mm-front,
  .mm-menu.mm-top.mm-fullscreen.mm-next {
    top: -10000px;
  }
}

.mm-menu.mm-right.mm-fullscreen.mm-front,
.mm-menu.mm-right.mm-fullscreen.mm-next {
  right: -100%;
}

@media all and (max-width: 140px) {

  .mm-menu.mm-right.mm-fullscreen.mm-front,
  .mm-menu.mm-right.mm-fullscreen.mm-next {
    right: -140px;
  }
}

@media all and (min-width: 10000px) {

  .mm-menu.mm-right.mm-fullscreen.mm-front,
  .mm-menu.mm-right.mm-fullscreen.mm-next {
    right: -10000px;
  }
}

.mm-menu.mm-bottom.mm-fullscreen.mm-front,
.mm-menu.mm-bottom.mm-fullscreen.mm-next {
  bottom: -100%;
}

@media all and (max-height: 140px) {

  .mm-menu.mm-bottom.mm-fullscreen.mm-front,
  .mm-menu.mm-bottom.mm-fullscreen.mm-next {
    bottom: -140px;
  }
}

@media all and (min-height: 10000px) {

  .mm-menu.mm-bottom.mm-fullscreen.mm-front,
  .mm-menu.mm-bottom.mm-fullscreen.mm-next {
    bottom: -10000px;
  }
}

html.mm-front .mm-fixed-top,
html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-bottom {
  left: 0;
  right: auto;
}

html.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-top {
  top: 0;
}

html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-bottom {
  bottom: 0;
}

html.mm-opened.mm-fullscreen .mm-page {
  box-shadow: none !important;
}

/*
  jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top {
  width: 100%;
}

html.mm-top.mm-opened .mm-page,
html.mm-top.mm-opened #mm-blocker {
  top: 0%;
}

html.mm-top.mm-opened.mm-opening .mm-page,
html.mm-top.mm-opened.mm-opening #mm-blocker,
html.mm-top.mm-opened.mm-opening .mm-fixed-top,
html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
  left: 0;
}

.mm-menu.mm-right {
  left: auto;
  right: 0;
}

html.mm-right.mm-opened .mm-page,
html.mm-right.mm-opened #mm-blocker,
html.mm-right.mm-opened .mm-fixed-top,
html.mm-right.mm-opened .mm-fixed-bottom {
  left: auto;
  right: 0%;
}

html.mm-right.mm-opened.mm-opening .mm-page,
html.mm-right.mm-opened.mm-opening #mm-blocker,
html.mm-right.mm-opened.mm-opening .mm-fixed-top,
html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
  left: auto;
}

.mm-menu.mm-bottom {
  width: 100%;
  top: auto;
  bottom: 0;
}

html.mm-bottom.mm-opened .mm-page,
html.mm-bottom.mm-opened #mm-blocker {
  bottom: 0%;
  top: auto;
}

html.mm-bottom.mm-opened.mm-opening .mm-page,
html.mm-bottom.mm-opened.mm-opening #mm-blocker,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-top,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
  top: auto;
  left: 0;
}

.mm-menu.mm-top {
  height: 80%;
}

html.mm-top.mm-opening .mm-page,
html.mm-top.mm-opening #mm-blocker,
html.mm-top.mm-opening .mm-fixed-top {
  top: 80%;
}

html.mm-top.mm-opening .mm-fixed-bottom {
  bottom: -80%;
}

@media all and (max-height: 175px) {
  .mm-menu.mm-top {
    height: 140px;
  }

  html.mm-top.mm-opening .mm-page,
  html.mm-top.mm-opening #mm-blocker,
  html.mm-top.mm-opening .mm-fixed-top {
    top: 140px;
  }

  html.mm-top.mm-opening .mm-fixed-bottom {
    bottom: -140px;
  }
}

@media all and (min-height: 1100px) {
  .mm-menu.mm-top {
    height: 880px;
  }

  html.mm-top.mm-opening .mm-page,
  html.mm-top.mm-opening #mm-blocker,
  html.mm-top.mm-opening .mm-fixed-top {
    top: 880px;
  }

  html.mm-top.mm-opening .mm-fixed-bottom {
    bottom: -880px;
  }
}

.mm-menu.mm-right {
  width: 80%;
}

html.mm-right.mm-opening .mm-page,
html.mm-right.mm-opening #mm-blocker,
html.mm-right.mm-opening .mm-fixed-top,
html.mm-right.mm-opening .mm-fixed-bottom {
  right: 80%;
}

@media all and (max-width: 175px) {
  .mm-menu.mm-right {
    width: 140px;
  }

  html.mm-right.mm-opening .mm-page,
  html.mm-right.mm-opening #mm-blocker,
  html.mm-right.mm-opening .mm-fixed-top,
  html.mm-right.mm-opening .mm-fixed-bottom {
    right: 140px;
  }
}

@media all and (min-width: 550px) {
  .mm-menu.mm-right {
    width: 440px;
  }

  html.mm-right.mm-opening .mm-page,
  html.mm-right.mm-opening #mm-blocker,
  html.mm-right.mm-opening .mm-fixed-top,
  html.mm-right.mm-opening .mm-fixed-bottom {
    right: 440px;
  }
}

.mm-menu.mm-bottom {
  height: 80%;
}

html.mm-bottom.mm-opening .mm-page,
html.mm-bottom.mm-opening #mm-blocker,
html.mm-bottom.mm-opening .mm-fixed-bottom {
  bottom: 80%;
}

html.mm-bottom.mm-opening .mm-fixed-top {
  top: -80%;
}

@media all and (max-height: 175px) {
  .mm-menu.mm-bottom {
    height: 140px;
  }

  html.mm-bottom.mm-opening .mm-page,
  html.mm-bottom.mm-opening #mm-blocker,
  html.mm-bottom.mm-opening .mm-fixed-bottom {
    bottom: 140px;
  }

  html.mm-bottom.mm-opening .mm-fixed-top {
    top: -140px;
  }
}

@media all and (min-height: 1100px) {
  .mm-menu.mm-bottom {
    height: 880px;
  }

  html.mm-bottom.mm-opening .mm-page,
  html.mm-bottom.mm-opening #mm-blocker,
  html.mm-bottom.mm-opening .mm-fixed-bottom {
    bottom: 880px;
  }

  html.mm-bottom.mm-opening .mm-fixed-top {
    top: -880px;
  }
}

/*
  jQuery.mmenu z-position extension CSS
*/
html.mm-front.mm-opened .mm-page {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}

.mm-menu.mm-front,
.mm-menu.mm-next {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, -webkit-transform;
  -moz-transition-property: top, right, bottom, left, -moz-transform;
  -ms-transition-property: top, right, bottom, left, -o-transform;
  -o-transition-property: top, right, bottom, left, -o-transform;
  transition-property: top, right, bottom, left, transform;
}

html.mm-front .mm-page,
html.mm-front #mm-blocker {
  z-index: 0;
}

.mm-menu.mm-front {
  z-index: 1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

html.mm-opened.mm-next .mm-page {
  box-shadow: none;
}

html.mm-opening .mm-menu.mm-front,
html.mm-opening .mm-menu.mm-next {
  left: 0%;
}

.mm-menu.mm-top.mm-front,
.mm-menu.mm-top.mm-next {
  left: 0;
}

html.mm-opening .mm-menu.mm-top.mm-front,
html.mm-opening .mm-menu.mm-top.mm-next {
  left: 0;
  top: 0%;
}

.mm-menu.mm-right.mm-front,
.mm-menu.mm-right.mm-next {
  left: auto;
}

html.mm-opening .mm-menu.mm-right.mm-front,
html.mm-opening .mm-menu.mm-right.mm-next {
  left: auto;
  right: 0%;
}

.mm-menu.mm-bottom.mm-front,
.mm-menu.mm-bottom.mm-next {
  top: auto;
  left: 0;
}

html.mm-opening .mm-menu.mm-bottom.mm-front,
html.mm-opening .mm-menu.mm-bottom.mm-next {
  left: 0;
  bottom: 0%;
}

.mm-menu.mm-front,
.mm-menu.mm-next {
  left: -80%;
}

@media all and (max-width: 175px) {

  .mm-menu.mm-front,
  .mm-menu.mm-next {
    left: -140px;
  }
}

@media all and (min-width: 550px) {

  .mm-menu.mm-front,
  .mm-menu.mm-next {
    left: -440px;
  }
}

.mm-menu.mm-top.mm-front,
.mm-menu.mm-top.mm-next {
  top: -80%;
}

@media all and (max-height: 175px) {

  .mm-menu.mm-top.mm-front,
  .mm-menu.mm-top.mm-next {
    top: -140px;
  }
}

@media all and (min-height: 1100px) {

  .mm-menu.mm-top.mm-front,
  .mm-menu.mm-top.mm-next {
    top: -880px;
  }
}

.mm-menu.mm-right.mm-front,
.mm-menu.mm-right.mm-next {
  right: -80%;
}

@media all and (max-width: 175px) {

  .mm-menu.mm-right.mm-front,
  .mm-menu.mm-right.mm-next {
    right: -140px;
  }
}

@media all and (min-width: 550px) {

  .mm-menu.mm-right.mm-front,
  .mm-menu.mm-right.mm-next {
    right: -440px;
  }
}

.mm-menu.mm-bottom.mm-front,
.mm-menu.mm-bottom.mm-next {
  bottom: -80%;
}

@media all and (max-height: 175px) {

  .mm-menu.mm-bottom.mm-front,
  .mm-menu.mm-bottom.mm-next {
    bottom: -140px;
  }
}

@media all and (min-height: 1100px) {

  .mm-menu.mm-bottom.mm-front,
  .mm-menu.mm-bottom.mm-next {
    bottom: -880px;
  }
}

html.mm-front .mm-fixed-top,
html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-bottom {
  left: 0;
  right: auto;
}

html.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-top {
  top: 0;
}

html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-bottom {
  bottom: 0;
}

/*
  jQuery.mmenu themes extension CSS
*/
html.mm-opened.mm-light .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.mm-ismenu.mm-light {
  background: #f3f3f3;
  color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-light .mm-list>li:after {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-light .mm-list>li>a.mm-subclose {
  background: rgba(255, 255, 255, 0.6);
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-list>li>a.mm-subopen:after,
.mm-menu.mm-light .mm-list>li>a.mm-subclose:before {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-list>li>a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-light .mm-list>li.mm-selected>a:not(.mm-subopen),
.mm-menu.mm-light .mm-list>li.mm-selected>span {
  background: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-light .mm-list>li.mm-label {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened>ul {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-light .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-light .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light em.mm-counter {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-list li.mm-label>div>div {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-light .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-header a:before {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light label.mm-toggle {
  background: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-light label.mm-toggle div {
  background: #f3f3f3;
}

.mm-menu.mm-light input.mm-toggle:checked~label.mm-toggle {
  background: #4bd963;
}

html.mm-opened.mm-white .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.mm-ismenu.mm-white {
  background: white;
  color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-white .mm-list>li:after {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-white .mm-list>li>a.mm-subclose {
  background: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-list>li>a.mm-subopen:after,
.mm-menu.mm-white .mm-list>li>a.mm-subclose:before {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-list>li>a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-white .mm-list>li.mm-selected>a:not(.mm-subopen),
.mm-menu.mm-white .mm-list>li.mm-selected>span {
  background: rgba(0, 0, 0, 0.06);
}

.mm-menu.mm-white .mm-list>li.mm-label {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened>ul {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-white .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-white .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-list li.mm-label>div>div {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-white .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-header a:before {
  border-color: rgba(0, 0, 0, 0.3);
}

Add a new layout theme.liquid Add a new asset checkout.css.liquid ie.css.liquid styles.css.liquid app.js.liquid 77ecc960973800bc72474ed1798c32e9.js cloudzoom.js jquery.cart.min.js jquery.currencies.min.js jquery.min.js lte-ie7.js cochin_italic.svg fontawesome-webfont.svg iconFont.svg OutOfTheSandbox.svg cochin_italic.eot fontawesome-webfont.eot iconFont.eot OutOfTheSandbox.eot blank.gif fancybox_loading.gif loader.gif loader2x.gif about_sidebar_image_1.jpg about_sidebar_image_2.jpg checkout.jpg feature1.jpg feature2.jpg feature3.jpg feature4.jpg salon_sidebar_image.jpg search.jpg search2x.jpg slideshow_1.jpg slideshow_2.jpg slideshow_3.jpg slideshow_4.jpg slideshow_5.jpg slideshow_6.jpg arrow_sprite.png cc-amex.png cc-bitcoin.png cc-cirrus.png cc-delta.png cc-discover.png cc-google.png cc-mastercard.png cc-paypal.png cc-visa.png cc-visaelectron.png cc-westernunion.png fancy.png fancybox_overlay.png favicon.png logo.png logo_home.png pinit.png select.png cochin_italic.ttf fontawesome-webfont.ttf iconFont.ttf OutOfTheSandbox.ttf cochin_italic.woff fontawesome-webfont.woff iconFont.woff OutOfTheSandbox.woff settings_data.json settings.html Edit settings.html to change what gets displayed on the Theme Settings form styles.css.liquid | Liquid variable reference 3155 border-color: rgba(0, 0, 0, 0.1);

3156 color: rgba(0, 0, 0, 0.3);
}

3157 .mm-menu.mm-light .mm-header a:before {

  3158 border-color: rgba(0, 0, 0, 0.3);
}

3159 ​ 3160 .mm-menu.mm-light label.mm-toggle {

  3161 background: rgba(0, 0, 0, 0.1);
}

3162 .mm-menu.mm-light label.mm-toggle div {

  3163 background: #f3f3f3;
}

3164 .mm-menu.mm-light input.mm-toggle:checked~label.mm-toggle {

  3165 background: #4bd963;
}

3166 ​ 3167 html.mm-opened.mm-white .mm-page {

  3168 box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

3169 ​ 3170 .mm-ismenu.mm-white {

  .mm-menu.mm-white label.mm-toggle {
    background: rgba(0, 0, 0, 0.1);
  }

  .mm-menu.mm-white label.mm-toggle div {
    background: white;
  }

  .mm-menu.mm-white input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963;
  }

  html.mm-opened.mm-black .mm-page {
    box-shadow: none;
  }

  .mm-ismenu.mm-black {
    background: black;
    color: rgba(255, 255, 255, 0.6);
  }

  .mm-menu.mm-black .mm-list>li:after {
    border-color: rgba(255, 255, 255, 0.2);
  }

  .mm-menu.mm-black .mm-list>li>a.mm-subclose {
    background: rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 0.3);
  }

  .mm-menu.mm-black .mm-list>li>a.mm-subopen:after,
  .mm-menu.mm-black .mm-list>li>a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3);
  }

  .mm-menu.mm-black .mm-list>li>a.mm-subopen:before {
    border-color: rgba(255, 255, 255, 0.2);
  }

  .mm-menu.mm-black .mm-list>li.mm-selected>a:not(.mm-subopen),
  .mm-menu.mm-black .mm-list>li.mm-selected>span {
    background: rgba(255, 255, 255, 0.25);
  }

  .mm-menu.mm-black .mm-list>li.mm-label {
    background: rgba(255, 255, 255, 0.15);
  }

  .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
  .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened>ul {
    background: rgba(255, 255, 255, 0.15);
  }

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

  .mm-menu.mm-black .mm-noresultsmsg {
    color: rgba(255, 255, 255, 0.3);
  }

  .mm-menu.mm-black em.mm-counter {
    color: rgba(255, 255, 255, 0.3);
  }

  .mm-menu.mm-black .mm-list li.mm-label>div>div {
    background: rgba(255, 255, 255, 0.15);
  }

  .mm-menu.mm-black .mm-header {
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.3);
  }

  .mm-menu.mm-black .mm-header a:before {
    border-color: rgba(255, 255, 255, 0.3);
  }

  .mm-menu.mm-black label.mm-toggle {
    background: rgba(255, 255, 255, 0.2);
  }

  .mm-menu.mm-black label.mm-toggle div {
    background: black;
  }

  .mm-menu.mm-black input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963;
  }

  #cart .mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after {
    border-bottom-width: 0px;
  }

  .mm-fixed-top {
    -webkit-transition-property: top, right, bottom, left, border, background-color;
    -moz-transition-property: top, right, bottom, left, border, background-color;
    -ms-transition-property: top, right, bottom, left, border, background-color;
    -o-transition-property: top, right, bottom, left, border, background-color;
    transition-property: top, right, bottom, left, border, background-color;
  }
}

/* #jQuery FlexSlider v2.2
================================================== */

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav,
.flex-direction-nav li {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.slides li {
  border: none;
  padding: 0;
  margin-bottom: 0;
  position: relative;
}

/* FlexSlider Necessary Styles
*********************************/
html[xmlns] .slides {
  display: block;
}

.flexslider {
  margin: 0;
  padding: 0;
  z-index: 0;
}

.flexslider .slides>li {
  display: none;
  -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides>li:first-child {
  display: block;
}

.flexslider .slides img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

  {
  % if settings.slideshow_stretch %
}

#homepage_slider .slides img {
  width: 100%;
}

  {
  % endif %
}

  {
  % if settings.slideshow_menu==false %
}

#homepage_slider {
    {
    % comment %
  }

  padding-top: {
      {
      settings.content_top_padding
    }
  }

  px;

    {
    % endcomment %
  }

  background-color:#000000;
}

  {
  % endif %
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
  position: relative;
  zoom: 1;
  clear: both;
  overflow: hidden
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.flexslider .slides li {
  text-align: center;
  position: relative;
}

.carousel li {
  margin-right: 5px;
  border: 0
}

.flex-caption {
  margin: 0;
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 30%;
  color: #fff;

    {
    % if settings.slideshow_shadow %
  }

  /*   text-shadow: 0 0 1px rgba(0,0,0,.075), 0 1px 2px rgba(0,0,0,.5); */
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .75),
  0 1px 2px rgba(0, 0, 0, .5);

    {
    % endif %
  }

  padding:0 125px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.flex-caption .container {
  float: left;
  width: 270px !important;
  text-align: center;
}

.flex-caption .container .columns {
  margin-left: 0 !important;
  max-width: 100%;
}

.flexslider .headline {
  font-size: {
      {
      settings.slideshow_headline_size
    }
  }

  px;
  margin-bottom: 0.2em;

  line-height: {
      {
      settings.slideshow_headline_size | plus: 5
    }
  }

  px;

  font-weight: {
      {
      settings.slideshow_headline_weight
    }
  }

  ;
  position: relative;
  font-family: "Libre Baskerville",
  Palatino,
  serif !important;
  color:#ffc8eb !important;
  text-align:center;
}

.flexslider p.subtitle {
  font-size: {
      {
      settings.slideshow_subtitle_size
    }
  }

  px;
  line-height: 1.5em;

  font-weight: {
      {
      settings.slideshow_subtitle_weight
    }
  }

  ;
  position: relative;
}

.flex-caption .action_button {
  padding: 12px 32px;
  border: 1px solid rgba(255, 255, 255, .6);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.1) !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;

    {
    % if settings.slideshow_shadow %
  }

  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);

    {
    % endif %
  }

  position: relative;
  font-weight: 100;
  /* background-color:rgba(255,255,255,0) !important;
  border:none;
  padding:0; */

}

.flex-caption .action_button:hover {
  background-color: rgba(255, 255, 255, .2) !important;
  border-color: #fff;

    {
    % if settings.slideshow_shadow %
  }

  text-shadow: 0 1px 1px rgba(0, 0, 0, .6);

    {
    % endif %
  }
}

/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  width: 60px;
  height: 60px;
  margin: -20px 0 0;
  display: block;
  z-index: 10;
  background: url({{ 'arrow_sprite.png' | asset_url }}) no-repeat 0 0;
  position: absolute;
  top: 50%;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0;
  -webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
  background-position: 0 -120px;
  right: -36px;
}

.flex-direction-nav .flex-prev {
  background-position: 0 -60px;
  left: -36px;
}

.flexslider:hover .flex-next {
  opacity: 0.8;
  right: 15px;
}

.flexslider:hover .flex-prev {
  opacity: 0.8;
  left: 15px;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: .3 !important;
  filter: alpha(opacity=30);
  cursor: default;
}

/* Control Nav */
.flex-control-nav {
  position: absolute;
  bottom: 40px;
  text-align: center;
  width: 100%;
  z-index: 10;
}

.flex-control-nav li {
  margin: 0 0 0 5px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-nav li:first-child {
  margin: 0;
}

.flex-control-nav li a {
  width: 40px;
  height: 1px;
  display: block;
  opacity: 0.3;
  cursor: pointer;
  text-indent: -9999em;
  border: 3px solid #fff;
  background: #fff;
  overflow: hidden;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
}

.flex-control-nav li a.flex-active {
  opacity: 0.8;
  cursor: default;
}

.flex-control-thumbs {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-thumbs li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-thumbs {
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li,
.flex-control-thumbs li:first-child {
  width: 16%;
  vertical-align: top;
  margin: 15px 5% 0 0;
}

.flex-control-thumbs li:nth-child(5n) {
  margin: 15px 0 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

.product_slider .flex-active-slide a:hover {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}

/* .product_slider {
  margin-bottom: 2em
} */

.product_slider .slides img {
  width: auto !important;
}

/* #Fancybox
================================================== */
/*! fancyBox v2.1.2 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;

  background-color: {
      {
      settings.modal_background_color
    }
  }

  ;
  color: #444;
  text-shadow: none;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer,
.fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('{{ ' arrow_sprite.png' | asset_url }}');
  background-position: 0 -180px;
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -306px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('{{ ' loader.gif' | asset_url }}') center center no-repeat;
  background-size: 32px 32px;
  display: block !important;
}

.fancybox-close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 8040;
  background-position: 0 -30px;
}

.fancybox-close:hover {
  background-position: 0 0;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('{{ ' blank.gif' | asset_url }}');
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 60px;
  height: 60px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -180px;
}

.fancybox-prev span:hover {
  left: 10px;
  background-position: 0 -60px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -240px;
}

.fancybox-next span:hover {
  right: 10px;
  background-position: 0 -120px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}

/* Overlay helper */

.fancybox-lock {
  overflow: hidden;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url({{ 'fancybox_overlay.png' | asset_url }});
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
  width: 100%;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -28px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 0px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.6);
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
  width: 100%;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

/*
 Cloud Zoom CSS. (c)2012 Star Plugins.
*/
.cloudzoom-lens {
  border: none;
  border: 1px solid #888;
  width: 225px;
  height: 175px;
  box-shadow: -0px -0px 10px rgba(0, 0, 0, 0.40);
  cursor: pointer;
  z-index: 11;
}

.cloudzoom-zoom {
  border: 1px solid #888;
  box-shadow: -0px -0px 10px rgba(0, 0, 0, 0.40);

  background-color: {
      {
      settings.shop_bg_color
    }
  }

  ;
}

.cloudzoom-zoom-inside {
  border: none;
  box-shadow: none;
}

.cloudzoom-caption {
  display: none;
  text-align: left;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  font-family: sans-serif;
  font-size: 11px;
}

.cloudzoom-blank {
  background-image:url('{{ ' blank.gif' | asset_url }}');
}

div.cloudzoom-ajax-loader {
  display: none;
}

.cloudzoom-lens+div {
  display: none !important
}

/*
* Layout
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing
    #Media Queries */


/* #Base 1200 Grid
================================================== */

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

.column,
.columns {
  float: left;
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
}

.row {
  margin-bottom: 20px;
}


/* Nested Column Classes */
.column.alpha,
.columns.alpha {
  margin-left: 0;
  clear: both;
}

.column.omega,
.columns.omega {
  margin-right: 0;
}

/* Base Grid */
.container .one.column {
  width: 55px;
}

.container .two.columns {
  width: 130px;
}

.container .three.columns {
  width: 205px;
}

.container .four.columns {
  width: 280px;
}

.container .five.columns {
  width: 355px;
}

.container .six.columns {
  width: 430px;
}

.container .seven.columns {
  width: 505px;
}

.container .eight.columns {
  width: 580px;
}

.container .nine.columns {
  width: 655px;
}

.container .ten.columns {
  width: 730px;
}

.container .eleven.columns {
  width: 805px;
}

.container .twelve.columns {
  width: 880px;
}

.container .thirteen.columns {
  width: 955px;
}

.container .fourteen.columns {
  width: 1030px;
}

.container .fifteen.columns {
  width: 1105px;
}

.container .sixteen.columns {
  width: 1180px;
}

.container .one-third.column {
  width: 380px;
}

.container .two-thirds.column {
  width: 780px;
}

.container .one-fifth.column {
  width: 220px;
}


/* Offsets */
.container .offset-by-one {
  padding-left: 75px;
}

.container .offset-by-two {
  padding-left: 150px;
}

.container .offset-by-three {
  padding-left: 225px;
}

.container .offset-by-four {
  padding-left: 300px;
}

.container .offset-by-five {
  padding-left: 375px;
}

.container .offset-by-six {
  padding-left: 450px;
}

.container .offset-by-seven {
  padding-left: 525px;
}

.container .offset-by-eight {
  padding-left: 600px;
}

.container .offset-by-nine {
  padding-left: 675px;
}

.container .offset-by-ten {
  padding-left: 750px;
}

.container .offset-by-eleven {
  padding-left: 825px;
}

.container .offset-by-twelve {
  padding-left: 900px;
}

.container .offset-by-thirteen {
  padding-left: 975px;
}

.container .offset-by-fourteen {
  padding-left: 1050px;
}

.container .offset-by-fifteen {
  padding-left: 1125px;
}

/* #Base 960 Grid
================================================== */

@media only screen and (min-width: 960px) and (max-width: 1199px) {
  .container {
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding: 0;
  }

  .container .column,
  .container .columns {
    float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
  }

  .row {
    margin-bottom: 20px;
  }

  /* Nested Column Classes */
  .column.alpha,
  .columns.alpha {
    margin-left: 0;
  }

  .column.omega,
  .columns.omega {
    margin-right: 0;
  }

  /* Base Grid */
  .container .one.column,
  .container .one.columns {
    width: 40px;
  }

  .container .two.columns {
    width: 100px;
  }

  .container .three.columns {
    width: 160px;
  }

  .container .four.columns {
    width: 220px;
  }

  .container .five.columns {
    width: 280px;
  }

  .container .six.columns {
    width: 340px;
  }

  .container .seven.columns {
    width: 400px;
  }

  .container .eight.columns {
    width: 460px;
  }

  .container .nine.columns {
    width: 520px;
  }

  .container .ten.columns {
    width: 580px;
  }

  .container .eleven.columns {
    width: 640px;
  }

  .container .twelve.columns {
    width: 700px;
  }

  .container .thirteen.columns {
    width: 760px;
  }

  .container .fourteen.columns {
    width: 820px;
  }

  .container .fifteen.columns {
    width: 880px;
  }

  .container .sixteen.columns {
    width: 940px;
  }

  .container .one-third.column {
    width: 300px;
  }

  .container .two-thirds.column {
    width: 620px;
  }

  .container .one-fifth.column {
    width: 172px;
  }

  /* Offsets */
  .container .offset-by-one {
    padding-left: 60px;
  }

  .container .offset-by-two {
    padding-left: 120px;
  }

  .container .offset-by-three {
    padding-left: 180px;
  }

  .container .offset-by-four {
    padding-left: 240px;
  }

  .container .offset-by-five {
    padding-left: 300px;
  }

  .container .offset-by-six {
    padding-left: 360px;
  }

  .container .offset-by-seven {
    padding-left: 420px;
  }

  .container .offset-by-eight {
    padding-left: 480px;
  }

  .container .offset-by-nine {
    padding-left: 540px;
  }

  .container .offset-by-ten {
    padding-left: 600px;
  }

  .container .offset-by-eleven {
    padding-left: 660px;
  }

  .container .offset-by-twelve {
    padding-left: 720px;
  }

  .container .offset-by-thirteen {
    padding-left: 780px;
  }

  .container .offset-by-fourteen {
    padding-left: 840px;
  }

  .container .offset-by-fifteen {
    padding-left: 900px;
  }

  .banner {
    border-top: 97px solid black !important;
  }

  .banner h1.headline {
    font-size: 30px !important;
    padding: 0 20px;
  }
}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 768px;
  }

  .container .column,
  .container .columns {
    margin-left: 10px;
    margin-right: 10px;
  }

  .column.alpha,
  .columns.alpha {
    margin-left: 0;
    margin-right: 10px;
  }

  .column.omega,
  .columns.omega {
    margin-right: 0;
    margin-left: 10px;
  }

  .alpha.omega {
    margin-left: 0;
    margin-right: 0;
  }

  .container .one.column,
  .container .one.columns {
    width: 28px;
  }

  .container .two.columns {
    width: 76px;
  }

  .container .three.columns {
    width: 124px;
  }

  .container .four.columns {
    width: 172px;
  }

  .container .five.columns {
    width: 220px;
  }

  .container .six.columns {
    width: 268px;
  }

  .container .seven.columns {
    width: 316px;
  }

  .container .eight.columns {
    width: 364px;
  }

  .container .nine.columns {
    width: 412px;
  }

  .container .ten.columns {
    width: 460px;
  }

  .container .eleven.columns {
    width: 508px;
  }

  .container .twelve.columns {
    width: 556px;
  }

  .container .thirteen.columns {
    width: 604px;
  }

  .container .fourteen.columns {
    width: 652px;
  }

  .container .fifteen.columns {
    width: 700px;
  }

  .container .sixteen.columns {
    width: 748px;
  }

  .container .one-third.column {
    width: 236px;
  }

  .container .two-thirds.column {
    width: 492px;
  }

  .container .one-fifth.column {
    width: 133px;
  }

  /* Offsets */
  .container .offset-by-one {
    padding-left: 48px;
  }

  .container .offset-by-two {
    padding-left: 96px;
  }

  .container .offset-by-three {
    padding-left: 144px;
  }

  .container .offset-by-four {
    padding-left: 192px;
  }

  .container .offset-by-five {
    padding-left: 240px;
  }

  .container .offset-by-six {
    padding-left: 288px;
  }

  .container .offset-by-seven {
    padding-left: 336px;
  }

  .container .offset-by-eight {
    padding-left: 384px;
  }

  .container .offset-by-nine {
    padding-left: 432px;
  }

  .container .offset-by-ten {
    padding-left: 480px;
  }

  .container .offset-by-eleven {
    padding-left: 528px;
  }

  .container .offset-by-twelve {
    padding-left: 576px;
  }

  .container .offset-by-thirteen {
    padding-left: 624px;
  }

  .container .offset-by-fourteen {
    padding-left: 672px;
  }

  .container .offset-by-fifteen {
    padding-left: 720px;
  }

  .banner {
    border-top: 82px solid black !important;
  }

  .banner h1.headline {
    font-size: 30px !important;
    padding: 0 10px;
  }
}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
  .container {
    width: 300px;
  }

  .container .columns,
  .container .column {
    margin: 0;
  }

  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 300px;
  }

  .container .one-fifth.column {
    width: 140px;
  }

  .container .one-fifth.column:nth-child(2n) {
    margin-left: 20px
  }

    {
    % if settings.mobile_products_per_row=="2" %
  }


  br.product_clear {
    display: none
  }

    {
    % endif %
  }

  /* Offsets */
  .container .offset-by-one,
  .container .offset-by-two,
  .container .offset-by-three,
  .container .offset-by-four,
  .container .offset-by-five,
  .container .offset-by-six,
  .container .offset-by-seven,
  .container .offset-by-eight,
  .container .offset-by-nine,
  .container .offset-by-ten,
  .container .offset-by-eleven,
  .container .offset-by-twelve,
  .container .offset-by-thirteen,
  .container .offset-by-fourteen,
  .container .offset-by-fifteen {
    padding-left: 0;
  }

  .banner {
    border-top: 0 solid black !important;
  }

  .banner .banner_caption {
    top: 25% !important;
  }

  .banner h1.headline {
    font-size: 18px !important;
    line-height: 1.2;
    text-align: center;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

  }

}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 420px;
  }

  .container .columns,
  .container .column {
    margin: 0;
  }

  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 420px;
  }

  .container .one-fifth.column {
    width: 200px;
  }

  .container .one-fifth.column:nth-child(2n) {
    margin-left: 20px
  }

    {
    % if settings.mobile_products_per_row=="2" %
  }

  br.product_clear {
    display: none
  }

    {
    % endif %
  }

  .banner h1.headline {
    font-size: 24px !important;
  }

}

/* Internet Explorer 8 and below */

.ie8 .container {
  width: 768px;
}

.ie8 .container .column,
.ie8 .container .columns {
  margin-left: 10px;
  margin-right: 10px;
}

.ie8 .column.alpha,
.ie8 .columns.alpha {
  margin-left: 0;
  margin-right: 10px;
}

.ie8 .column.omega,
.ie8 .columns.omega {
  margin-right: 0;
  margin-left: 10px;
}

.ie8 .alpha.omega {
  margin-left: 0;
  margin-right: 0;
}

.ie8 .container .one.column,
.ie8 .container .one.columns {
  width: 28px;
}

.ie8 .container .two.columns {
  width: 76px;
}

.ie8 .container .three.columns {
  width: 124px;
}

.ie8 .container .four.columns {
  width: 172px;
}

.ie8 .container .five.columns {
  width: 220px;
}

.ie8 .container .six.columns {
  width: 268px;
}

.ie8 .container .seven.columns {
  width: 316px;
}

.ie8 .container .eight.columns {
  width: 364px;
}

.ie8 .container .nine.columns {
  width: 412px;
}

.ie8 .container .ten.columns {
  width: 460px;
}

.ie8 .container .eleven.columns {
  width: 508px;
}

.ie8 .container .twelve.columns {
  width: 556px;
}

.ie8 .container .thirteen.columns {
  width: 604px;
}

.ie8 .container .fourteen.columns {
  width: 652px;
}

.ie8 .container .fifteen.columns {
  width: 700px;
}

.ie8 .container .sixteen.columns {
  width: 748px;
}

.ie8 .container .one-third.column {
  width: 236px;
}

.ie8 .container .two-thirds.column {
  width: 492px;
}

.ie8 .container .one-fifth.column {
  width: 133px;
}

/* Offsets */
.ie8 .container .offset-by-one {
  padding-left: 48px;
}

.ie8 .container .offset-by-two {
  padding-left: 96px;
}

.ie8 .container .offset-by-three {
  padding-left: 144px;
}

.ie8 .container .offset-by-four {
  padding-left: 192px;
}

.ie8 .container .offset-by-five {
  padding-left: 240px;
}

.ie8 .container .offset-by-six {
  padding-left: 288px;
}

.ie8 .container .offset-by-seven {
  padding-left: 336px;
}

.ie8 .container .offset-by-eight {
  padding-left: 384px;
}

.ie8 .container .offset-by-nine {
  padding-left: 432px;
}

.ie8 .container .offset-by-ten {
  padding-left: 480px;
}

.ie8 .container .offset-by-eleven {
  padding-left: 528px;
}

.ie8 .container .offset-by-twelve {
  padding-left: 576px;
}

.ie8 .container .offset-by-thirteen {
  padding-left: 624px;
}

.ie8 .container .offset-by-fourteen {
  padding-left: 672px;
}

.ie8 .container .offset-by-fifteen {
  padding-left: 720px;
}

.ie8 .banner {
  border-top: 82px solid black !important;
}

.ie8 .banner h1.headline {
  font-size: 30px !important;
  padding: 0 10px;
}

.ie7 .container {
  width: 768px;
}

.ie7 .container .column,
.ie7 .container .columns {
  margin-left: 10px;
  margin-right: 10px;
}

.ie7 .column.alpha,
.ie7 .columns.alpha {
  margin-left: 0;
  margin-right: 10px;
}

.ie7 .column.omega,
.ie7 .columns.omega {
  margin-right: 0;
  margin-left: 10px;
}

.ie7 .alpha.omega {
  margin-left: 0;
  margin-right: 0;
}

.ie7 .container .one.column,
.ie7 .container .one.columns {
  width: 28px;
}

.ie7 .container .two.columns {
  width: 76px;
}

.ie7 .container .three.columns {
  width: 124px;
}

.ie7 .container .four.columns {
  width: 172px;
}

.ie7 .container .five.columns {
  width: 220px;
}

.ie7 .container .six.columns {
  width: 268px;
}

.ie7 .container .seven.columns {
  width: 316px;
}

.ie7 .container .eight.columns {
  width: 364px;
}

.ie7 .container .nine.columns {
  width: 412px;
}

.ie7 .container .ten.columns {
  width: 460px;
}

.ie7 .container .eleven.columns {
  width: 508px;
}

.ie7 .container .twelve.columns {
  width: 556px;
}

.ie7 .container .thirteen.columns {
  width: 604px;
}

.ie7 .container .fourteen.columns {
  width: 652px;
}

.ie7 .container .fifteen.columns {
  width: 700px;
}

.ie7 .container .sixteen.columns {
  width: 748px;
}

.ie7 .container .one-third.column {
  width: 236px;
}

.ie7 .container .two-thirds.column {
  width: 492px;
}

.ie7 .container .one-fifth.column {
  width: 133px;
}

/* Offsets */
.ie7 .container .offset-by-one {
  padding-left: 48px;
}

.ie7 .container .offset-by-two {
  padding-left: 96px;
}

.ie7 .container .offset-by-three {
  padding-left: 144px;
}

.ie7 .container .offset-by-four {
  padding-left: 192px;
}

.ie7 .container .offset-by-five {
  padding-left: 240px;
}

.ie7 .container .offset-by-six {
  padding-left: 288px;
}

.ie7 .container .offset-by-seven {
  padding-left: 336px;
}

.ie7 .container .offset-by-eight {
  padding-left: 384px;
}

.ie7 .container .offset-by-nine {
  padding-left: 432px;
}

.ie7 .container .offset-by-ten {
  padding-left: 480px;
}

.ie7 .container .offset-by-eleven {
  padding-left: 528px;
}

.ie7 .container .offset-by-twelve {
  padding-left: 576px;
}

.ie7 .container .offset-by-thirteen {
  padding-left: 624px;
}

.ie7 .container .offset-by-fourteen {
  padding-left: 672px;
}

.ie7 .container .offset-by-fifteen {
  padding-left: 720px;
}

.ie7 .banner {
  border-top: 82px solid black !important;
}

.ie7 .banner h1.headline {
  font-size: 30px !important;
  padding: 0 10px;
}






/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.row:after,
.clearfix:after {
  clear: both;
}

.row,
.clearfix {
  zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
  .collection_menu {
    display: none;
  }

  h1.collection_title_tags,
  div.collection_title_tags {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .cloudzoom-lens {
    width: 140px;
    height: 120px;
  }
}

/* Standard 960 to widescreen 1200(desktop browsers) */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
  .nav ul li {
    padding: 0 7px 0 7px;
  }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .featured_links a span {
    font-size: {
        {
        settings.nav_font_size | minus: 2
      }
    }

    px;
  }

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

  .dropdown {
    left: 3px;
  }

  .nav ul li .cart-button {
    background-color: transparent;
    padding: 0;

    color: {
        {
        settings.nav_color_home
      }
    }

    !important;
  }

  .header_bar .nav ul li .cart-button {
    color: {
        {
        settings.nav_color
      }
    }

    !important;
  }

  .nav ul li .cart-button span {
    display: none
  }

  .cart_count {
    top: -6px;
    left: 10px;
  }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

  #tag_filter,
  #sort-by,
  .breadcrumb_text {
    margin-bottom: 1em !important;
  }

  .blog_filter {
    margin-top: 1em;
    width: 100% !important;
  }

  .section_select {
    text-align: center;
  }

  .flex-control-nav {
    bottom: 10px
  }

  .featured_links a span {
    font-size: {
        {
        settings.nav_font_size | minus: 2
      }
    }

    px;
  }

    {
    % if settings.slideshow_menu==false %
  }

  #homepage_slider {
    padding-top: 0px;
  }

    {
    % endif %
  }

  .or {
    text-align: center;
    width: 100%;
    display: inline-block;
    padding-left: 0;
    padding-bottom: 5px;
  }

  .header {
    background-color: {
        {
        settings.header_bg_color
      }
    }

    ;
  }

  .mobile_hidden {
    display: none !important
  }

  table tr.order_summary td.label {
    text-align: left
  }

  .index .logo a,
  .index .logo a:hover,
  .index .logo a:visited,
  .index .logo a:active {
    color: {
        {
        settings.logo_color
      }
    }

    ;
  }

  .cart_count {
    left: 8px;
  }

  .breadcrumb {
    text-align: center;
    margin-bottom: 1.5em;
  }

  .featured_text {
    font-size: {
        {
        settings.regular_font_size
      }
    }

    px;
    line-height: 1.7em;
    text-align: center;
  }

  div.content {
    padding-top: 30px;
  }

  #header {
    display: block;
  }

  .header {
    position: relative;
    margin-top: 40px;
    text-align: center;
  }

  .toggle span {
    display: block;
  }

  .toggle_list {
    display: none;
  }

  select {
    width: 100%;
  }

  .flexslider a.action_button {
    width: initial;
  }

  input[type="submit"],
  input[type="reset"],
  input[type="button"],
  input.action_button[type="submit"],
  input.action_button[type="button"],
  .sign_up {
    margin-left: 0;
    width: 100%;
  }

  .credits_right {
    text-align: left;
  }


  /*   table[style] {
      width:auto !important;
      max-width:100% !important;
      overflow: hidden;
    }
  tr, td {
      display:block;
      width:99% !important;
      max-width:99% !important;
      padding:0px !important;
      border-left: 0 !important;
      border-right: 0 !important;
    }
  tr {
    padding-bottom: 6px !important;
  }
  td {
    padding: 4px !important;
  } */

  #customer_orders th,
  #customer_orders td {
    font-size: 0.85714285714286em;
    line-height: 1.1;
    padding: 6px 3px;
  }

  #customer_orders td span.money {
    white-space: nowrap;
  }

  .title_column {
    float: left;
  }

  .container div.mobile_only {
    display: block;
  }

  span.mobile_only {
    display: inline;
  }

  .price_total {
    text-align: right;
  }

  .price_total_text {
    display: block;
  }

  .update_subtotal,
  .price_total,
  .remove_column,
  .checkout_table_header {
    display: none;
  }

  .mobile_right {
    text-align: right;
  }

  .quick_shop {
    display: none !important;
  }

  .cart_price {
    display: block;
    margin-bottom: 0;
  }

  table tr th,
  table tr td {
    padding: 2px;
  }

  input.action_button {
    margin-bottom: 1em !important;
  }

  .multiple_product_images {
    display: none;
  }

  .flex-caption {
    top: 0;
    padding: 0 85px;
  }

  .flex-caption .container {
    float: none;
    width: 100% !important;
    text-align: center;
  }

  .flex-caption .container .columns {
    margin-left: 0 !important;
    max-width: 100%;
    width: 100%;
    text-align: center;
  }

  .flex-caption .headline {
    font-size: 1.5em;
    line-height: 1.5em;
    position: relative;
  }

  .flex-caption p.subtitle {
    text-align: center;
    font-size: 1.1em;
    line-height: 1.5em;
    position: relative;
  }

  .flex-caption .action_button {
    display: inline-block;
    float: none !important;
  }

  .container .blog_content {
    padding-left: 0;
    border: 0;
  }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .mobile_hidden {
    display: none !important
  }

  #cart a.action_button.edit_cart,
  #cart .action_button {
    width: 120px;
  }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

  #cart a.action_button.edit_cart,
  #cart .action_button {
    width: 115px;
  }

  .mobile_hidden {
    display: none !important
  }

  .cart_image {
    width: 50px;
    padding-right: 10px
  }

  #cart a.edit_cart,
  #cart a.action_button {
    width: inherit;
    padding: 12px;
  }

  .flex-caption .headline,
  .flex-caption p.subtitle {
    font-size: 1.1em;
    line-height: 1.1em;
  }

  .flex-caption p.subtitle {
    font-size: 0.8em;
    line-height: 1.5em;
    margin-bottom: 1em;
  }

  .flex-caption .action_button {
    padding: 4px 15px;
    font-size: 12px;
  }

  .flex-direction-nav .flex-prev {
    display: none;
  }

  .flex-direction-nav .flex-next {
    display: none;
  }

  h1,
  h2,
  h1.home,
  h1.blog_title,
  h3,
  h4,
  h5,
  h6,
  .title a {
    font-size: 150%;
  }

  h1,
  h1.home,
  h1.blog_title,
  .title a,
  h2 {
    padding: 0;
  }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
  html {
    -webkit-text-size-adjust: 100%;
  }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  select#currencies {
    position: relative;
    top: 21px;
  }
}

.social_buttons,
.social_buttons a {
  color: {
      {
      settings.was_price_color
    }
  }

  !important;
}

.social_buttons a {
  padding-left: 5px;
}

.social_buttons a:hover {
  color: {
      {
      settings.link_color
    }
  }

  !important;
}

@font-face {
  font-family: 'OutOfTheSandbox';
  src:url('{{ ' OutOfTheSandbox.eot' | asset_url }}');
  src:url('{{ ' OutOfTheSandbox.eot?#iefix' | asset_url }}') format('embedded-opentype'),
  url('{{ ' OutOfTheSandbox.woff' | asset_url }}') format('woff'),
  url('{{ ' OutOfTheSandbox.ttf' | asset_url }}') format('truetype'),
  url('{{ ' OutOfTheSandbox.svg#OutOfTheSandbox' | asset_url }}') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'OutOfTheSandbox';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-menu,
.nav a.icon-cart,
#header a.icon-cart,
.nav a.icon-user,
.nav a.icon-search,
.icon-search,
.nav a.icon-pinterest,
a.icon-pinterest,
.nav a.icon-vimeo,
.nav a.icon-tumblr,
.nav a.icon-google-plus,
a.icon-google-plus,
.nav a.icon-facebook,
a.icon-facebook,
.nav a.icon-instagram,
.nav a.icon-twitter,
.icon-twitter,
.icon-feed,
.nav a.icon-linkedin,
.icon-linkedin,
.nav a.icon-vimeo-2,
a.icon-vimeo-2,
.nav a.icon-flickr,
a.icon-flickr,
.icon-phone,
.nav a.icon-mail,
a.icon-mail,
.icon-mail,
.icon-plus,
.icon-checkmark,
.nav a.icon-youtube,
.icon-youtube,
.icon-facebook,
.icon-google-plus,
.icon-pinterest,
.icon-tumblr,
.icon-instagram {
  font-family: 'OutOfTheSandbox';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
}

.icon-menu:before {
  content: "\e000";
}

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

.icon-user:before {
  content: "\e002";
}

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

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

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

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

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

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

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

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

.icon-feed:before {
  content: "\e005";
}

.icon-linkedin:before {
  content: "\e00d";
}

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

.icon-flickr:before {
  content: "\e00f";
}

.icon-phone:before {
  content: "\e00a";
}

.icon-mail:before {
  content: "\e010";
}

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

.icon-checkmark:before {
  content: "\e012";
}

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

/* .search-submit {
  position: relative;
  right: 25px;
  float: right;
  top: 46px;
  font-size: 28px;
  cursor: pointer;
} */

/* #Font-Face
================================================== */
/*  This is the proper syntax for an @font-face file.
    Upload your font files to Assets and then
    copy your FontName into code below and remove
    comment brackets */

@font-face {
  font-family: 'Cochin Italic';
  src: url('cochin_italic.eot');
  src: url('cochin_italic.eot?iefix') format('eot'),
    url('cochin_italic.woff') format('woff'),
    url('cochin_italic.ttf') format('truetype'),
    url('cochin_italic.svg#webfontZam02nTh') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Font Awesome';
  src: url('fontawesome-webfont.eot?v=4.2.0');
  src: url('fontawesome-webfont.eot?iefix&v=4.2.0') format('eot'),
    url('fontawesome-webfont.woff?v=4.2.0') format('woff'),
    url('fontawesome-webfont.ttf?v=4.2.0') format('truetype'),
    url('fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'iconFont';
  src: url('iconFont.eot');
  src: url('iconFont.eot?#iefix') format('embedded-opentype'),
    url('iconFont.woff') format('woff'), url('iconFont.ttf') format('truetype'),
    url('iconFont.svg#iconFont') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Margin/Padding Adjustments */

.container .sixteen.columns {
  margin-top: 40px;
}

.index .container .sixteen.columns {
  margin-top: 0;
}

.featured_content {
  margin: 0 !important;
}

/* Stockists Page */

.stockists .sixteen.page {
  margin-top: 0;
}

.stockists .sixteen.page ul {
  list-style: none;
  margin-left: 0;
}

.stockists .sixteen.page ul li {
  line-height: 1.6;
}

.stockists .sixteen.page h3 {
  border: none;
  padding: 0;
  margin-bottom: 15px;
}

.stockists .sixteen.page h4 {
  border: none;
  padding: 0;
  margin: 10px 0 !important;
  text-transform: uppercase;
  font-family: "Lato";
  font-size: 1.14285714285714em;
}

h4:before {
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ccc;
  padding-right: 6px;
}

.extended h4:before {
  content: "\f055";
}

.collapse h4:before {
  content: "\f056";
}

.stockists .sixteen.page ul.submenu li {
    {
    % if settings.regular_typeface_method=="google_webfonts" %
  }

  font-family: "{{ settings.regular_google_webfont_font | replace: '+', ' ' }}";

    {
    % else %
  }

  font-family: {
      {
      settings.regular_websafe_font | replace: '+', ' '
    }
  }

  ;

    {
    % endif %
  }

  font-weight: {
      {
      settings.regular_weight
    }
  }

  ;

  font-size: {
      {
      settings.regular_font_size
    }
  }

  px;

  text-transform: {
      {
      settings.regular_font_style
    }
  }

  ;

  color: {
      {
      settings.regular_color
    }
  }

  ;
  line-height: 1.8em;
}

@media only screen and (max-width: 767px) {
  .stockists .sixteen.page {}
}

/* FAQ Page */

.faq .accordion div {
  border-bottom: 1px solid {
      {
      settings.headline_border_color
    }
  }

  ;
}

.faq .accordion div h4 {
  text-transform: none;
  border: none;
  margin: 15px 0 15px 20px !important;
  letter-spacing: 1px;
}

.faq h4:before {
  margin-left: -20px;
}

.faq .accordion div p {
  margin-left: 20px !important;
}

/* Wholesaler Page */
.wholesaler .contact-form {
  padding-top: 0;
}

.wholesaler .contact-form label {
  font: 400 1em/1.2 "Lato", sans-serif;
}

.wholesaler .contact-form label span {
  font-style: italic;
}

.wholesaler .contact-form .checkbox {
  padding-bottom: 15px;
}

.wholesaler .contact-form .checkbox label {
  margin-bottom: 6px;
}

.wholesaler .contact-form .checkbox span.wrap {
  display: inline-block;
  position: relative;
}

.wholesaler .contact-form .checkbox span.wrap input {
  margin: 0 5px 0 0;
  vertical-align: center;
  line-height: 1;
}

.wholesaler .contact-form .checkbox span.wrap span {
  position: relative;
  display: inline-block;
  font: 400 1em/1.2 "Lato", sans-serif;
  margin-right: 12px;
  top: 1px;
}

.wholesaler .contact-form p.error {
  font: 400 1em/1.2 "Lato", sans-serif;
  color: red;
}

/* Form Success */

p.success {
  padding: 6px;
  background-color: #272525;
  color: white;
  text-align: center;
}

/* Collection Page Banner */

.banner {
  width: 100%;
  position: relative;
  border-top: 114px solid black;
}

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

.banner .banner_caption {
  color: #fff;
  margin: 0;
  position: absolute;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.3);
  top: 10%;
  width: 100%;

    {
    % if settings.headline_typeface_method=="google_webfonts" %
  }

  font-family: "{{ settings.headline_google_webfont_font | replace: '+', ' ' }}";

    {
    % else %
  }

  font-family: {
      {
      settings.headline_websafe_font | replace: '+', ' '
    }
  }

  ;

    {
    % endif %
  }

  font-weight: {
      {
      settings.headline_weight
    }
  }

  ;

  text-transform: {
      {
      settings.headline_font_style
    }
  }

  ;

  color: {
      {
      settings.headline_color
    }
  }

  ;
  display:block;

  letter-spacing: {
      {
      settings.headline_letter_spacing
    }
  }

  px;
  text-rendering: optimizeLegibility;
}

.coll-tea-blends .banner_caption {
  top: 55%;
}

.coll-tea-accessories .banner_caption {
  top: 70%;
}

.coll-gifts .banner_caption {
  top: 65%;
}

.coll-gifts .banner_caption .headline {
  float: left;
}

.coll-tea-collections .banner_caption {
  top: 30%;
}

.coll-tea-ware .banner_caption {
  top: 30%;
}

.banner .headline {
  float: right;
  font-family: "Libre Baskerville", Palatino, serif !important;
  font-size: 26px !important;
  margin-bottom: 0;
  text-transform: capitalize;
  color: #cccccc !important;

    {
    % if settings.slideshow_shadow %
  }

  text-shadow: 1px 1px 1px rgba(0, 0, 0, .75),
  0 1px 2px rgba(0, 0, 0, .5);

    {
    % endif %
  }

  position: relative;
}

/* New Cart Icon */

.nav a.icon-cart,
#header a.icon-cart {
  font-family: "iconFont";
}

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

/* Press Page */

.press_section {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-width: 300px;
  -moz-column-width: 300px;
  column-width: 300px;
  -webkit-column-gap: 6em;
  -moz-column-gap: 6em;
  column-gap: 6em;
  -webkit-column-rule: 1px dotted #ddd;
  -moz-column-rule: 1px dotted #ddd;
  column-rule: 1px dotted #ddd;
}

.press_section .main_image {
  margin-bottom: 40px;
}

/* Customer Account Sign Up */

#create_customer ul {
  list-style: none;
  margin-left: 0;
}

/* Journal */

.blog .main .article {
  margin-top: 20px;
}

.blog .main .eleven {
  margin-left: 0;
}

.blog .main .five {
  margin-top: 20px;
}

.blog .main .eleven hr {
  margin: 0;
}

.blog .blog_content {
  padding-bottom: 20px;
  margin-top: 20px;
}

.blog .blog_content h2 {
  margin-bottom: 0 !important;
}

.blog .blog_content .blog_meta {
  margin-bottom: 1em;
}

.blog .blog_content .blog_meta p,
.blog .blog_content .blog_meta .social_buttons {
  margin-bottom: .5em;
}

.blog .blog_content .blog_meta h6 {
  margin-bottom: .5em !important;
}

.blog .main .mailinglist {
  padding-bottom: 15px;
  margin-bottom: 25px;
  border-bottom: 1px solid #e5e5e5;
}

.blog .main .newsletter {
  width: 90%;
}

.blog .main .newsletter form {
  padding-top: 0;
}

.blog .bestsellers {
  width: 90%;
}

/* Customer Addresses Page */
.address_table {
  margin-bottom: 15px;
}

.address_table p {
  margin-bottom: 0;
}

.address_actions {
  float: right;
}

.action_bottom .note {
  margin-left: 10px;
}

.customer_address_table td {
  padding: 6px;
}

.customer_address_table input,
.customer_address_table label {
  margin-bottom: 0;
}

#view_address {
  margin-top: 10px;
}

/* Linkious Related Products */

.linkcious_clearfix {
  width: 100%;
}

.linkcious_clearfix .linkcious_ads {
  width: 380px !important;
  height: auto !important;
  font-family: inherit !important;
  margin-bottom: 1em !important;
  padding: 0 !important;
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
  .linkcious_clearfix .linkcious_ads {
    width: 300px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .linkcious_clearfix .linkcious_ads {
    width: 236px !important;
  }
}

@media only screen and (max-width: 767px) {
  .linkcious_clearfix .linkcious_ads {
    width: 300px !important;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .linkcious_clearfix .linkcious_ads {
    width: 420px !important;
  }
}

.linkcious_0 {
  margin-right: 10px !important;
}

.linkcious_1 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.linkcious_2 {
  margin-left: 10px !important;
}

a.linkcious_link img,
.linkcious_img,
.linkcious_title,
.linkcious_price,
.linkcious_social_area {
  max-width: 100% !important;
  height: auto !important;
}

.linkcious_title_h3,
.linkcious_title_h3 a,
.linkcious_price {
    {
    % if settings.regular_typeface_method=="google_webfonts" %
  }

  font-family: "{{ settings.regular_google_webfont_font | replace: '+', ' ' }}" !important;

    {
    % else %
  }

  font-family: {
      {
      settings.regular_websafe_font | replace: '+', ' '
    }
  }

  !important;

    {
    % endif %
  }

  font-weight: {
      {
      settings.regular_weight
    }
  }

  !important;

  font-size: {
      {
      settings.regular_font_size
    }
  }

  px !important;

  text-transform: {
      {
      settings.regular_font_style
    }
  }

  !important;

  color: {
      {
      settings.regular_color
    }
  }

  !important;
  line-height: 1.8em !important;
  text-align:left !important;
}

.linkcious_price {
  font-style: italic !important;
  font-weight: 700 !important;
}

.linkcious-footer {
  display: none !important;
}

/* Home Page - Recent Press Section */

.three-fifths {
  float: left;
  width: 60%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 4px 0 15px;
}

.two-fifths {
  float: left;
  width: 40%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px 0 4px;
}

.two-fifths h2 a {
  color: {
      {
      settings.regular_color
    }
  }

  ;
}

.two-fifths h2 a:hover,
.two-fifths h2 a:active {
  color: {
      {
      settings.link_color
    }
  }

  ;
}

.recent_press {
  margin: 0 -5px;
}

.recent_press a {
  display: block;
  float: left;
  width: 50%;
  height: 0px;
  min-height: 10px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 2.5px;
  padding-bottom: 48.5%;
}

.recent_press a img {
  min-width: 100%;
  height: auto;
}

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

  .three-fifths,
  .two-fifths {
    width: 100%;
  }
}

/* WHOLESALE CATALOG */

/* .wholesale-right-table {
  display: table;
  width: 100%;
  height: 100%;
}

.wholesale-catalog-title, .wholesale-catalog-subtitle, .wholesale-catalog-text,
.wholesale-divider, .wholesale-button-container {
	display: table-row;
  	width: 100%;
  	vertical-align: middle;
} */

.wholesale-catalog-title {
  text-align: center;
  font-size: 40px;
  margin-bottom: 20px;
  margin-top: 10px;
}

.wholesale-catalog-subtitle {
  text-align: center;
  font-size: 25px;
}

.wholesale-catalog-text p {
  text-align: center;
  font-size: 16px;
  font-style: italic;
}

.wholesale-divider hr {
  border: .5px solid black;
  width: 50px;
  margin: 18px auto 15px auto;
}

.wholesale-button-container {
  text-align: center;
  margin-top: 20px;
}

.wholesale-catalog-button {
  font-weight: normal;
  letter-spacing: 3px;
  font-size: 13px;
  padding: 15px 32px;
  margin-top: 20px;
  margin-left: 1%;
}

@media only screen and (max-width: 1200px) {
  .wholesale-catalog-image {
    padding-top: 20px;
  }

}

/* .tea_wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-around;
} */

/* redesign 2022 */
.position-fixed {
  position: fixed;
}

@media only screen and (min-width: 769px) {
  .container.main.content {
    margin-top: 100px;
  }
}

/* typography */

@import url("https://p.typekit.net/p.css?s=1&k=ued6uel&ht=tk&f=12046.12048.12051.12054.44872.44874.44875&a=19673943&app=typekit&e=css");

@font-face {
  font-family: "baskerville-urw";
  src: url("https://use.typekit.net/af/50c03d/000000000000000077359eea/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/50c03d/000000000000000077359eea/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/50c03d/000000000000000077359eea/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}

@font-face {
  font-family: "baskerville-urw-italic";
  src: url("https://use.typekit.net/af/1a61de/000000000000000077359f01/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/1a61de/000000000000000077359f01/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/1a61de/000000000000000077359f01/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
}

@font-face {
  font-family: "sweet-sans-pro";
  src: url("https://use.typekit.net/af/888209/00000000000000007735c628/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/888209/00000000000000007735c628/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/888209/00000000000000007735c628/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}

.announcement-bar p {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.04em;
  margin: 0;
}

.nav-title {
  color: #000;
  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 13px;
  text-transform: uppercase;
  letter-spacing: 0.09em;
}

.mobile-nav .nav-title {
  color: #000;
  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding-bottom: 3px;
}

.menu-title {
  color: #000;
  font-family: "baskerville-urw", "Bodoni Book", Garamond, Calisto, Palantino, Georgia, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 20px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.menu-link,
.footer-list-item {
  color: #000;
  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding-bottom: 2px;
}

.message {
  color: #000;
  font-family: "baskerville-urw-italic", "Bodoni Book", Garamond, Calisto, Palantino, Georgia, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 20px;
  line-height: 29px;
  text-align: center;
  letter-spacing: 0.05em;
}

.small-text {
  color: #000;
  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 13px;
  text-align: center;
  letter-spacing: 0.09em;
  font-variant: small-caps;
}

.nav-image-link {
  color: #000;
  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding-bottom: 3px;
}

@media only screen and (min-width: 769px) {
  .announcement-bar p {
    font-size: 12px;
    line-height: 10px;
  }

  .nav-title {
    font-size: 11px;
    line-height: 16px;
    padding-bottom: 3px;
  }

  .nav-title {
    border-bottom: 1.5px solid transparent;
  }

  .nav-title:hover {
    border-bottom: 1.5px solid #000000;
  }

  .menu-title {
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0.08em;
  }

  .menu-link {
    font-size: 11px;
    line-height: 14px;
  }

  .message {
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.05em;
  }

  .nav-image-link {
    font-size: 11px;
    line-height: 16px;
  }
}

/* new nav */
@media only screen and (min-width: 769px) {
  .section-header {
    margin-bottom: 102px;
  }
}

.nav-header a,
a:visited {
  color: #000;
}

.section-header {
  position: relative;
}

.nav-header {
  position: fixed;
  z-index: 100;
  width: 100%;
  border-bottom: 0.6px solid #000000;
}

.nav-header a,
.nav-header a:visited {
  color: #000;
}

.announcement-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 24px;
  border-bottom: 1.5px solid #000000;
}

.nav-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 76px;
}

.nav-header ul {
  list-style-type: none;
}

.nav-header li {
  margin: 0;
}

.nav-menu-list-item:hover>.menu-link {
  border-bottom: 1.5px solid #000000;
}

.nav-logo {
  display: flex;
}

.nav-menu {
  height: 100%;
}

.nav-left-linklist,
.nav-right-linklist {
  flex: 1;
}

.nav-left-linklist .nav-menu-list {
  margin-left: auto;
}

.nav-right-linklist .nav-menu-list {
  margin-right: auto;
}

.nav-menu-list {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0;
  padding: 0;
  height: 100%;
  max-width: 350px;
}

.nav-menu-list-item {
  cursor: pointer;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.active-link {
  border-bottom: 1.5px solid #000000;
}

.nav-dropdown {
  position: absolute;
  border-top: 0.6px solid #000000;
  left: 0;
  top: 100%;
  padding: 0;
  width: 0;
  z-index: 100;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.4s ease;
}

.nav-menu-list-item:hover .nav-dropdown {
  padding: 46px 0;
  overflow: scroll;
  width: 100%;
  height: 475px;
  opacity: 1;
}

.nav-dropdown-list {
  display: none;
  margin: 0;
  text-align: left;
  padding: 0 80px;
}

.nav-menu-list-item:hover .nav-dropdown-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 60px;
}

.nav-dropdown-sub-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 35px 0 0;
  max-width: 114px;
}

.menu-link:hover {
  border-bottom: 1.5px solid #000000;
}

a[title="Shop All"] {
  border-bottom: 1.5px solid #000000;
  margin-top: 15px;
  display: inline-block;
}

.nav-dropdown-image {
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.nav-dropdown-image img {
  object-fit: contain;
}

.nav-dropdown-image a {
  border-bottom: 1px solid #000000;
}

.mobile-shown {
  display: none;
}

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

#nav-header.hide-nav {
  background-color: transparent;
  border: 0;
}

.hide-nav .announcement-bar {
  opacity: 0;
}

.hide-nav .nav-menu-list,
.hide-nav .mobile-nav {
  display: none;
}

.hide-nav .nav-logo svg path {
  fill: #fff;
}

.mobile-dropdown a:hover,
a:focus {
  color: #000;
}

@media only screen and (min-width: 768px) {
  li.two-column-dropdown {
    margin-left: 110px;
  }

  .nav-dropdown-image a {
    margin-right: auto;
  }

  .mobile-nav-dropdown {
    display: none;
  }

  .nav-container {
    gap: 54px;
  }
}

@media only screen and (max-width: 767px) {
  .nav-dropdown-image img {
    max-height: 193px;
  }

  .hide-nav .nav-logo {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .section-header {
    padding-bottom: 82px;
  }

  .announcement-bar {
    padding: 0;
  }

  .mobile-shown {
    display: block;
  }

  .mobile-nav {
    padding: 0 12px;
  }

  .mobile-nav ul {
    padding: 0;
    margin: 0;
  }

  .nav-container {
    justify-content: space-between;
    height: 54px;
  }

  .mobile-nav-button {
    background: transparent;
    padding: 0;
  }

  .mobile-nav-button-active {
    border-bottom: 1.5px solid #000000;
  }

  .mobile-nav-button:hover {
    background: transparent;
  }

  .mobile-nav .menu-link {
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.09em;
  }

  .mobile-nav-dropdown {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 50;
    overflow: scroll;
  }

  #search-mobile {
    margin-top: 90px;
  }

  .mobile-nav-dropdown ul {
    list-style-type: none;
    text-align: center;
    margin: 0;
    padding: 0;
  }

  ul.mobile-dropdown-menu {
    display: flex;
    flex-direction: column;
    gap: 35px;
    padding: 33px 0;
  }

  ul.mobile-dropdown-submenu {
    display: flex;
    flex-direction: column;
    gap: 21px;
  }

  ul.mobile-dropdown-links {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 14px 63px 0;
    padding-bottom: 36px;
  }

  ul.mobile-dropdown-links-divider {
    border-bottom: 0.75px solid #000000;
    margin-bottom: 14px;
  }

  .mobile-nav-title svg {
    display: none;
  }

  .mobile-nav-title-active {
    position: relative;
    padding-bottom: 5px;
  }

  .mobile-nav-title-active svg {
    position: absolute;
    display: block;
    left: 15px;
    top: 0;
  }

  .mobile-nav-title-active span {
    border-bottom: 1.5px solid #000000;
  }

  .nav-dropdown-image {
    align-items: center;
  }
}

#search {
  height: 0;
  width: 0;
  opacity: 0;
  border-top: 0.75px solid #000000;
  -o-transition-duration: .25s;
  -moz-transition-duration: .25s;
  -webkit-transition-duration: .25s;
  transition-duration: .25s;
  width: 100%;
  left: 0;
  top: 101px;
  z-index: 900;
  position: fixed;
  text-align: center;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

#nav-search:hover #search {
  height: 83px;
  width: 100%;
  opacity: 1;
}

.seach-form {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 25px 0;
}

input[type="text"].search-input {
  max-width: 800px;
  background: none;
  border: none;
  text-align: center;
  margin: 0;
  padding: 3px;
}

input[type="text"].search-input,
input[type="text"].search-input::placeholder {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 161%;
  color: #455560;
  text-align: center;
}

input[type="text"]:focus.search-input::placeholder {
  color: #657c8d;
}

.search-submit {
  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-style: normal;
  font-weight: 700;
  cursor: pointer;
  color: #000;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.search-submit:hover {
  color: #000;
  border-bottom: solid 1px #000;
}

#search-mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
  #search-mobile {
    display: block;
    width: 100%;
    z-index: 900;
    text-align: center;
    overflow: hidden;
    border-bottom: 0.75px solid #000000;
  }

  .seach-form {
    padding: 15px 12px;
  }
}

/* new footer */

footer ul {
  list-style-type: none;
}

footer ul,
footer li,
footer p {
  margin: 0;
  padding: 0;
}

#footer {
  height: 82vh;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  padding-top: 70px;
  padding-bottom: 30px;
}

.footer-message {
  display: none;
}

.footer-menus {
  display: flex;
  justify-content: space-around;
}

.footer-menu {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.footer-menu li {
  pointer: cursor;
}

.footer-menu li a:hover {
  border-bottom: 1.5px solid #fff;
}

@media only screen and (max-width: 768px) {
  #footer {
    max-height: 800px;
    min-height: 78vh;
  }

  .footer-mobile-divider {
    max-width: 300px;
    width: 100%;
    border-bottom: solid 1px #fff;
    margin: auto;
    padding-bottom: 30px;
  }

  .footer-menus {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    gap: 25px;
    overflow: scroll;
    padding: 40px 0;
  }
}

@media only screen and (min-width: 769px) {
  #footer {
    gap: 0;
    padding-top: 140px;
    padding-bottom: 30px;
  }

  .footer-message-mobile {
    display: none;
  }

  .footer-message {
    display: block;
  }
}

/* flex */
.flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.flex-1 {
  flex: 1;
}

.justify-start {
  justify-content: flex-start;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-space-around {
  justify-content: space-around;
}

.align-start {
  align-items: flex-start;
}

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

.align-end {
  align-items: flex-end;
}

.align-self-start {
  align-self: flex-start;
}

.align-self-end {
  align-self: flex-end;
}

.gap-10 {
  gap: 10px;
}

@media only screen and (max-width: 768px) {
  .flex-mobile-column {
    flex-direction: column;
  }
}

/* New Homepage 3/8/23 */

.homepage_h1,
.homepage_h1 p {
  font-family: "baskerville-urw", "Bodoni Book", Garamond, Calisto, Palantino, Georgia, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 44px;
  line-height: 48px;
  text-align: center;
  letter-spacing: 0.04em;
}

.homepage_h2,
.homepage_h2 p {
  font-family: "baskerville-urw", "Bodoni Book", Garamond, Calisto, Palantino, Georgia, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 39px;
  letter-spacing: 0.07em;
}

.homepage_h3 {
  font-family: "baskerville-urw", "Bodoni Book", Garamond, Calisto, Palantino, Georgia, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 29px;
  letter-spacing: 0.07em;
}

.homepage_h1 i .homepage_h1 em,
.homepage_h1 p em,
.homepage_h2 i,
.homepage_h2 em,
.homepage_h3 i,
.homepage_h4-serif p em,
.text em,
.text-small em {
  font-family: "baskerville-urw-italic", "Bodoni Book", Garamond, Calisto, Palantino, Georgia, serif;
}

.homepage_h4-serif {
  font-family: "baskerville-urw", "Bodoni Book", Garamond, Calisto, Palantino, Georgia, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.03em;
}

.homepage_h4 {
  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.homepage_h5 {
  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.text-small {
  font-family: "Libre Baskerville", Palatino, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0.04em;
}

.text {
  font-family: "Libre Baskerville", Palatino, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.04em;
}

.text-large {
  font-family: "Libre Baskerville", Palatino, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 15px;
  line-height: 30px;
  letter-spacing: 0.04em;
}

.homepage_btn {
  display: inline-block;
  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: 0 auto;
  padding: 10px 34px;
  transition: all 0.35s ease-in-out;
  min-width: 95px;
}

.homepage_banner-btn {
  display: inline-block;
  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  margin: 0 auto;
  padding: 12px 38px 14px;
  transition: all 0.35s ease-in-out;
}

.homepage_btn-text {
  display: inline-block;
  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding-bottom: 4px;
  border-bottom: 1px solid #FFFFFF;
}

@media only screen and (min-width: 769px) {

  .homepage_h1,
  .homepage_h1 p {
    font-size: 70px;
    line-height: 70px;
    margin: 0 0 15px;
  }

  .homepage_h2,
  .homepage_h2 p {
    font-size: 42px;
    line-height: 43px;
  }

  .homepage_h3 {
    font-size: 36px;
    line-height: 48px;
  }

  .homepage_h4-serif {
    font-size: 20px;
    letter-spacing: 0.14em;
  }

  .homepage_h4 {
    font-size: 22px;
    line-height: 31px;
    letter-spacing: 0.14em;
  }

  .text {
    font-size: 16px;
    line-height: 28px;
  }

  .text-large {
    font-size: 17px;
    line-height: 31px;
  }

  .homepage_btn-text {
    font-size: 13px;
    line-height: 18px;
  }
}

.homepage_container {
  padding: 50px 25px;
}

.homepage_half_container {
  padding: 50px 15px;
}

.homepage_container-inner {
  max-width: 1200px;
  margin: auto;
}

.homepage-box-shadow {
  box-shadow: inset 0px 0px 106px 14px rgba(69, 85, 96, 0.25);
}

.homepage_banner img {
  min-height: 630px;
  max-height: 745px;
  width: 100%;
  object-fit: cover;
}

.mobile-only .homepage_banner-container p {
  margin: 0;
}

.mobile-only .homepage_banner-container .homepage_h1 {
  margin-top: 45px;
  margin-bottom: 25px;
}

.mobile-only .homepage_banner-container .text {
  margin-bottom: 25px;
  padding: 0 45px;
}

.mobile-only .homepage_banner-container .homepage_banner-btn {
  margin-bottom: 65px;
}

.homepage_banner-slide {
  position: relative;
}

.homepage_banner-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.homepage_banner-text h1,
.homepage_banner-text p {
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.homepage_banner-text .text {
  max-width: 394px;
  margin: 0 auto 37px;
}

.two_column_text-column {
  width: 100%;
  text-align: center;
}

.two_column_text-column h3 {
  text-align: center;
  margin-bottom: 21px;
}

.two_column_text-column .text-large {
  max-width: 280px;
  margin: 0 auto;
}

.two_column_text-column p {
  margin-top: 21px;
  margin-bottom: 0;
}

.two_column_text-divider {
  border-top: 1px solid #000000;
  margin: 0 auto;
  width: 178px;
}

.text_and_image-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 300px;
}

.text_and_image-mobile-image {
  margin: 0 auto 30px;
}

.text_and_image-mobile-image img {
  width: 260px;
  height: 260px;
}

.text_and_image-text {
  text-align: center;
  padding: 50px;
}

.text_and_image-tall {
  margin-bottom: 36px;
  padding: 0;
}

.text_and_image-short {
  margin-bottom: 10px;
  padding: 0;
}

.text_and_image-title-divider {
  margin-bottom: 45px;
}

.text_and_image-divider {
  width: 207px;
  margin: 0 auto 45px;
}

.text_and_image-title {
  margin-bottom: 30px;
}

.text_and_image-text p {
  margin-bottom: 0;
  padding: 0;
}

.text_and_image-text .homepage_btn {
  margin-top: 36px;
}

.cards-header h2 {
  margin: 40px 0 0;
}

.cards-header h5 {
  width: 80%;
  margin: 20px auto 40px;
  padding: 0;
}

.cards-header h2,
.cards-header h5 {
  text-align: center;
}

.cards_container {
  margin: 15px;
}

.cards-card {
  cursor: pointer;
  position: relative;
  transition: all 0.35s ease-in-out;
}

.cards-card:hover {
  opacity: .8;
}

.cards-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cards-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

.cards-text h4,
.cards-text a {
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
}

.cards-button {
  min-height: 75px;
}

#review-slides {
  display: flex;
}

.review-slides-slide h5 {
  margin-bottom: 72px;
  padding: 0;
}

.review-slides-slide .homepage_h4-serif {
  max-width: 800px;
  margin: 0 auto 50px;
}

#review-slides.flexslider .slides img {
  height: 45px;
}

.homepage-newsletter-inner {
  max-width: 615px;
  margin: auto;
  text-align: center;
}

.homepage-newsletter-inner .homepage_h5 {
  width: 67%;
  padding: 0;
  margin: 0 auto 60px;
}

.homepage-newsletter .klaviyo-form {
  min-height: 40px !important;
}

.homepage-newsletter button {
  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  line-height: 20px !important;
  text-align: center !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  border: 1px solid #000 !important;
  padding: 0 30px !important;
  transition: background-color 500ms linear;
}

.homepage-newsletter button:hover {
  background: #343434 !important;
  border: 1px solid #343434 !important;
  color: #fff !important;
}

.homepage-newsletter input[type=email] {
  border: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #000000 !important;
  box-shadow: none !important;
}

.homepage-newsletter input[type=email]::placeholder {
  color: #231F20;
  font-style: italic;
}

.homepage-newsletter .mobile-only input[type=email]::placeholder {
  text-align: center;
}

.flex-direction-nav a.flex-next {
  background: url({{ 'Arrow-Right.png' | asset_url }}) no-repeat 0 0;
  background-size: contain;
}

.flex-direction-nav a.flex-prev {
  background: url({{ 'Arrow-Left.png' | asset_url }}) no-repeat 0 0;
  background-size: contain;
}

@media only screen and (min-width: 769px) {
  .homepage_container {
    padding: 100px 50px;
  }

  .homepage_half_container {
    padding: 55px 0;
  }

  .homepage_banner img {
    min-height: 700px;
  }

  .homepage_banner-text {
    padding: 100px;
  }

  .homepage_banner-title-left .homepage_h1 .homepage_banner-title-right .homepage_h1 {
    margin: 0 0 20px;
  }

  .homepage_banner-title-left {
    padding-left: 100px;
  }

  .homepage_banner-title-right {
    padding-right: 100px;
  }

  .two_column_text-column {
    width: 50%;
  }

  .two_column_text-column {
    width: 50%;
    padding: 0 5px;
  }

  .two_column_text-column .homepage_h3 {
    max-width: 560px;
    margin: auto;
  }

  .two_column_text-column .text-large {
    max-width: 510px;
  }

  .two_column_text-column h3,
  .two_column_text-column p {
    margin: 0;
  }

  .two_column_text-divider {
    border-top: 0;
    border-right: 1px solid #000000;
    height: 178px;
    width: 0;
  }

  .text_and_image-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .text_and_image-text {
    padding: 50px;
  }

  .text_and_image-image img {
    max-height: 100%;
    min-height: 715px;
  }

  .text_and_image-left.text_and_image-text {
    grid-area: 1 / 1 / 2 / 2;
  }

  .text_and_image-left.text_and_image-image {
    grid-area: 1 / 2 / 2 / 4;
  }

  .text_and_image-right.text_and_image-text {
    grid-area: 1 / 3 / 2 / 4;
  }

  .text_and_image-right.text_and_image-image {
    grid-area: 1 / 1 / 2 / 3;
  }

  .text_and_image-title {
    margin-bottom: 90px;
  }

  .text_and_image-text .homepage_btn {
    margin-top: 90px;
  }

  .text_and_image-tall {
    margin-bottom: 45px;
  }

  .cards-card {
    width: 33%;
  }

  .cards-header h5 {
    margin: 15px auto 0;
  }

  .cards_container {
    margin: auto;
    max-width: 1400px;
    padding: 50px;
  }

  .homepage-newsletter-inner .homepage_h5 {
    width: 100%;
  }

  #review-slides {
    min-height: 350px;
  }
}

/* Page styles */

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

.page-header h2 {
  font-family: "baskerville-urw-italic", "Bodoni Book", Garamond, Calisto, Palantino, Georgia, serif;
  text-transform: uppercase;
  font-style: italic;
}

.page-header p {
  max-width: 810px;
}

.pg_grid-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.pg_grid-container {
  padding: 50px 25px;
}

.pg_grid {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.pg_grid-image-one {
  grid-area: 1 / 1 / 2 / 10;
}

.pg_grid-newsletter {
  grid-area: 2 / 1 / 3 / 10;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pg_grid-image-two {
  grid-area: 3 / 1 / 4 / 10;
}

.pg_grid-cta {
  text-align: center;
  grid-area: 4 / 1 / 5 / 10;
}

.pg_grid-cta h3 {
  text-align: center;
}

.pg_grid-cta p {
  max-width: 400px;
}

.pg_grid-text {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
}

@media only screen and (min-width: 769px) {
  .pg_grid-image-one {
    grid-area: 1 / 1 / 4 / 6;
  }

  .pg_grid-newsletter {
    grid-area: 1 / 6 / 2 / 10;
  }

  .pg_grid-image-two {
    grid-area: 2 / 6 / 4 / 10;
  }

  .pg_grid-cta {
    text-align: left;
    grid-area: 4 / 1 / 5 / 6;
    align-items: flex-end;
    padding: 25px 50px;
  }

  .pg_grid-cta h3 {
    text-align: left;
  }

  .pg_grid-text {
    flex-direction: row;
    gap: 15px;
  }
}






/* New Collection Page Style */

.collection-header {
  margin-bottom: 30px;
  padding-top: 80px;
}

.collection-banner-hold img {
  width: 100%;
}

h1.collection-title {
  margin-bottom: 0 !important;
  margin: 40px 0 0 0;

  font-family: "baskerville-urw", "Bodoni Book", Garamond, Calisto, Palantino, Georgia, serif;
  font-size: 34px;
  text-transform: uppercase;
  line-height: 1.1em;
  letter-spacing: 0.07em !important;

}

.collection-header .description {
  max-width: 880px;
  margin: 0 auto 40px auto;

  font-family: "Libre Baskerville", Palatino, serif !important;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  font-weight: normal;
}

@media only screen and (min-width: 769px) {
  .collection-header {
    margin-bottom: 30px;
    padding-top: 20px;
  }

  h1.collection-title {
    margin: 40px 0 0 0;

    font-size: 40px;

  }

  .collection-header .description {
    margin: 0 auto 40px auto;

    font-family: "Libre Baskerville", Palatino, serif !important;
    font-size: 14px;
    line-height: 28px;
  }
}

.collection-divider {
  display: block;
  margin: 28px auto 32px auto;
}




.sort-bar {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 24px;
  overflow: hidden;

  width: 100%;
  margin-bottom: 30px;
}

.sort-bar-right {
  width: 100%;

  grid-column: 1/2;
}

.collection-divider {
  max-width: 1200px;
  margin: 50px auto 30px auto;

  border-color: #000;
}

.shop-collection-title {
  grid-column: 1/2;
  padding-top: 8px;
}

.shop-collection-title h2 {
  margin: 0px;

  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700 !important;

  text-align: center;
}

@media only screen and (min-width: 480px) {
  .sort-bar {
    grid-template-columns: 1fr 1fr;
  }

  .sort-bar-right {
    grid-column: 2/3;
  }

  .shop-collection-title {
    grid-column: 1/2;
    padding-top: 8px;
  }
}

@media only screen and (min-width: 769px) {
  .sort-bar {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .sort-bar-right {
    grid-column: 3/4;
  }

  .shop-collection-title {
    grid-column: 2/3;
    padding-top: 8px;
  }
}

.sort-bar-right #sort-by {
  width: 80%;
}

.sort-bar label {
  font-family: "Libre Baskerville", Palatino, serif !important;
  font-size: 14px;
  text-align: center;
  font-style: italic;
  line-height: 35px;

  display: block;
}

.sort-bar-right #sort-by {

  margin: 0 auto;
  display: block;
}

.sort-bar-right .sort-box-hold {
  float: right;
}

@media only screen and (min-width: 480px) {
  .sort-bar label {
    display: inline;
  }

  .sort-bar-right {
    float: right;
    overflow: hidden;
  }

  .sort-bar-right #sort-by {
    width: calc(100% - 55px);
    float: right;
  }

  .sort-bar-right .sort-box-hold {
    float: right;
    width: 100%;
  }
}

@media only screen and (min-width: 1200px) {
  .sort-bar-right .sort-box-hold {
    width: 350px;
  }
}







.sort-bar select {
  border-color: #000;

  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700 !important;

  color: #000;
}



.collection .container {
  width: calc(100% - 24px);
  max-width: 100%;

  padding: 0 12px;
}

.product-grid-hold {
  width: 100% !important;
  margin-bottom: 80px;

  display: grid;
  grid-template-columns: 1fr;
  column-gap: 24px;
  row-gap: 28px;

  color: #000;
  text-align: center;
}

.landing .product-grid-hold {
  column-gap: 12px;
}

.product-grid-hold.vertical {
  grid-template-columns: 1fr 1fr;
}


.product-grid-hold a {
  color: #000;
}

.product-grid-item {
  margin-bottom: 0;
  width: 100%;

  transition: all 0.35s ease-in-out;
}


@media only screen and (min-width: 480px) {
  .product-grid-hold {
    margin-bottom: 80px;

    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    row-gap: 28px;
  }
}

@media only screen and (min-width: 769px) {
  .collection .container {
    width: 100%;
    max-width: 100%;

    padding: 0;
  }

  .collection .container .new-collection {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;

    padding: 0 12px;
  }

  .product-grid-hold,
  .product-grid-hold.vertical {
    margin-bottom: 80px;

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 24px;
    row-gap: 28px;
  }
}



.product-grid-item img {
  opacity: 1;
  transition: all 0.35s ease-out;
}

.product-grid-item .info {
  margin-top: 15px;
}

.product-grid-item .vendor {
  display: block;
  margin-top: 12px;
  margin-bottom: -6px;

  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700 !important;
  text-align: center;

  color: #000;

  transition: all 0.25s ease-out;


}

.product-grid-item .title {
  font-family: "Libre Baskerville", Palatino, serif !important;
  font-size: 14px;
  text-align: center;
  font-weight: normal;

  color: #000;

  transition: all 0.25s ease-out;
}

.product-grid-item .price {
  margin-top: -6px;

  font-family: "Libre Baskerville", Palatino, serif !important;
  font-size: 14px;
  text-align: center;
  font-weight: normal;

  color: #000;

  transition: all 0.25s ease-out;
}

.product-grid-item .sold_out {
  font-family: "Libre Baskerville", Palatino, serif !important;
  font-size: 14px;
  text-align: center;
  font-weight: normal;
  text-transform: lowercase;
  font-style: italic;

  color: #000;

  transition: all 0.25s ease-out;
}

.product-grid-item .price small {
  font-size: 100%;
}



.product-grid-item:hover img {
  opacity: .85;
}

.product-grid-item:hover .info .title,
.product-grid-item:hover .info .price,
.product-grid-item:hover .info .sold_out {
  color: #B8905A;
}





/* Collection subnav */

.collection-subnav-hold {
  width: 100%;


  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;

  column-gap: 24px;
  row-gap: 28px;
}

.collection-subnav-hold.three-up {
  grid-template-columns: 1fr 1fr 1fr;
}

.collection-subnav-hold a {
  display: block;
  overflow: hidden;
}

.collection-subnav-hold .subnav-item {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}

.collection-subnav-hold .subnav-item img {
  width: 100%;

  opacity: 1;
  transition: all 0.35s ease-out;
}

.collection-subnav-hold .subnav-item:hover img {
  opacity: .85;
}

.collection-subnav-hold .subnav-item h5 {
  width: 100%;
  position: absolute;
  bottom: 12px;

  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700 !important;

  text-align: center;
  color: #fff;
}

.collection-subnav-hold a .subnav-item h5 {
  color: #fff;
}














/* product page updates */

.product .container.main.content {
  width: 100%;
  max-width: 1500px;
  padding-top: 0;
}

.product-page-hold {
  width: 100%;
  margin-bottom: 20px;

}


.flex-control-paging {
  bottom: 12px;
}

ol.flex-control-nav.flex-control-thumbs {
  display: none;
}




.product-page-buy-box {
  width: 100%;
  margin-bottom: 80px;

  display: grid;
  grid-template-columns: 1fr;
  row-gap: 8px;

}

.image-carousel {
  grid-column-start: 1;
  grid-row-start: 1;
}

.image-carousel .product_slider .slides img {
  width: 100% !important;
}

.product-info-box {
  grid-column-start: 1;
  grid-row-start: 2;

  padding: 0 24px 24px 24px;

  text-align: center;
}

@media only screen and (min-width: 769px) {
  .product-page-buy-box {
    width: 100%;
    margin-bottom: 80px;

    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    row-gap: 28px;

  }

  .image-carousel {
    grid-column-start: 1;
    grid-row-start: 1;
  }

  .product-info-box {
    grid-column-start: 2;
    grid-row-start: 1;

    padding: 24px;

    text-align: center;
  }
}






form.product_form {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 8px;
  row-gap: 10px;

  max-width: 500px;
  margin: 0 auto;
}

form.product_form>* {
  width: 100% !important;

  grid-column: 1/5;
}

form.product_form .select {
  grid-column: 1/5;
}

form.product_form.available .select {
  grid-column: 1/4;
}

form.product_form .quantity-hold {
  grid-column: 4/5;
}


form.product_form input+.quantity-hold {
  grid-column: 1/2;
}

form.product_form label {
  text-align: left !important;

  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
  font-weight: 700 !important;
  text-transform: uppercase;

}

.product-info-box .clearfix.product_form .quantity {
  width: 100% !important;
  height: 42.5px;

  border: 1px solid #000;

  font-family: "baskerville-urw", "Bodoni Book", Garamond, Calisto, Palantino, Georgia, serif;
  font-size: 17px !important;

  color: #000;
}

form.product_form select {
  border: 1px solid #000;
  padding-left: 14px;

  font-family: "baskerville-urw", "Bodoni Book", Garamond, Calisto, Palantino, Georgia, serif;
  font-size: 17px !important;

  color: #000;
}

.title-upper-text {
  margin-top: 40px;

  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-size: 14px;
  font-weight: 700 !important;
  text-transform: uppercase;

  color: #000;
}

.product-title {
  font-family: "baskerville-urw", "Bodoni Book", Garamond, Calisto, Palantino, Georgia, serif;
  font-size: 40px;
  text-transform: uppercase;
  line-height: 1.1em;
}

.product-info-box hr {
  max-width: 125px;
  margin: 20px auto 40px auto;
  border-color: #000;
}

.product-page-hold .product-description {
  width: 100%;
  max-width: 500px;
  margin: 0 auto 20px auto;

  font-family: "Libre Baskerville", Palatino, serif !important;
  font-size: 14px;
  line-height: 180%;
  text-align: center;
  font-weight: normal;
}

klarna-placement div {
  max-width: 500px;
  margin-top: 0px;
}

.product-page-hold .caffeine-label {
  list-style: none;

  font-family: "Libre Baskerville", Palatino, serif !important;
  font-size: 14px;
  line-height: 180%;
  text-align: center;
  font-weight: normal;
  font-style: italic;
  text-transform: lowercase;
}

.product-page-hold .tasting-notes-label {
  list-style: none;

  font-family: "Libre Baskerville", Palatino, serif !important;
  font-size: 14px;
  line-height: 180%;
  text-align: center;
  font-weight: normal;
  font-style: italic;
}

.product-page-hold .tasting-notes-label li {
  display: inline-block;
}

.product-page-hold .tasting-notes-label li:after {
  content: " — ";
}

.product-page-hold .tasting-notes-label li:last-of-type:after {
  content: "";
}


form.product_form .buy-button-hold {
  grid-column: 1/5;
  margin-top: 0;

  display: grid;
  align-items: end;
}

form.product_form .buy-button-hold input {
  margin-bottom: 0px !important;
}

@media only screen and (min-width: 769px) {
  form.product_form .buy-button-hold {
    grid-column: 1/5;
    margin-top: 0;
  }

  form.product_form.subscription .buy-button-hold {
    grid-column: 1/3;
    margin-top: 0;
  }

}


form.product_form input+.quantity-hold+.buy-button-hold {
  grid-column: 2/5;
}

form.product_form input+.quantity-hold+.buy-button-hold input.add_to_cart {
  margin-left: 0;
}

form.product_form .buy-button-hold input {
  height: 42.5px;

  border: 1px solid #202630;

  color: #fff;
  background-color: #202630;

  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-size: 13px;
  letter-spacing: 1.14px;
  font-weight: 700 !important;
  text-transform: uppercase;

  align-self: start;
}

form.product_form .buy-button-hold input:hover {
  border: 1px solid #455560;
  background-color: #455560;
}

form.product_form #NotifyMe {
  background-color: #202630;
  margin-top: 0px;
}

form.product_form #NotifyMe a {
  color: white;
  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-size: 13px;
  letter-spacing: 1.14px;
  font-weight: 700 !important;
  text-transform: uppercase;
}

form.product_form .bsub-widget {
  grid-column: 1/5;
  margin-top: 0;

}

form.product_form .subscribe-button-hold h4 {
  display: none;
}

@media only screen and (min-width: 769px) {
  form.product_form .subscribe-button-hold {
    grid-column: 3/5;
    margin-top: 0;

    /* display: none; */
  }


  form.product_form .subscribe-button-hold h4 {
    height: 42.5px;

    border: 1px solid #202630;

    color: #000;
    background-color: #fff;

    font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
    font-size: 13px;
    line-height: 42.5px;
    letter-spacing: 1.14px;
    font-weight: 700 !important;
    text-transform: uppercase;

    box-sizing: border-box;
    display: block;
    align-self: start;
  }

  form.product_form .subscribe-button-hold:hover h4 {
    cursor: pointer;
  }

  form.product_form .subscribe-button-hold .bsub-widget {
    margin-left: -260px !important;
    padding-right: 0px !important;

    height: 0px;
    overflow: hidden;

    opacity: 0;
    transition: opacity .45s ease-out;
  }

  form.product_form .subscribe-button-hold:hover .bsub-widget {
    margin-top: 20px !important;

    height: auto;
    opacity: 1;
  }
}

form.product_form .subscribe-button-hold .bsub-widget__wrapper {
  border-radius: 0px;
  background-color: #fff;
}

form.product_form .subscribe-button-hold .bsub-widget__wrapper input:checked+.bsub-widget__plan-header {
  border-radius: 0px;
  background-color: #dddddd;
}


.product-detail-hold {
  grid-column: 1/3;
  padding: 0 30px;
}


.product-detail-hold .long-description-hold {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 80px auto;

  text-align: center;
}

.product-detail-hold .long-description-hold a,
.product-detail-hold .long-description-hold p a {
  text-decoration: underline;
}


.product-page-hold .long-description-hold,
.product-page-hold .long-description-hold p,
.product-page-hold .long-description-hold .p1 {
  font-family: "Libre Baskerville", Palatino, serif !important;
  font-size: 14px;
  line-height: 180%;
  text-align: center;
  font-weight: normal;
}


.description-title {
  margin-bottom: 20px;

  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-size: 15px;
  letter-spacing: 1.14px;
  font-weight: 700 !important;
  text-transform: uppercase;
}




.product-accordian-hold {
  grid-column: 1/3;
  background-color: #FAF8F7;

  box-shadow: inset 0px 0px 106px 14px rgba(69, 85, 96, 0.25);
}

.product-accordian {
  max-width: 1200px;
  margin: 0 auto;
}

.accordion {
  border: none !important;
}

.accordion h3 {
  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-size: 14px;
  font-weight: 700 !important;
  text-transform: uppercase;
  text-align: center;
}

.accordian-arrow {
  display: inline-block;

  margin-left: 12px;

  rotate: 0deg;
  transition: all 0.5s ease-in-out;
}

.product-accordian-hold[data-product-feature-count="2"] .accordian-arrow,
.product-accordian-hold[data-product-feature-count="3"] .accordian-arrow {
  position: absolute;
  right: 12px;
}

.accordion-item {
  border: none !important;
  margin-bottom: 0;

  grid-column: 2/3;
}

.accordion-item.is-active .accordian-arrow {
  rotate: 180deg;
}

.accordion-panel li {
  font-family: "Libre Baskerville", Palatino, serif !important;
  font-size: 13px;
  line-height: 180%;
  text-align: left;
  font-weight: normal;

  list-style-position: outside;

  list-style-type: disc;
}


.product-accordian-hold[data-product-feature-count="2"] .accordion-thumb {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  position: relative
}

.product-accordian-hold[data-product-feature-count="3"] .accordion-thumb {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  position: relative
}

.product-accordian-hold .accordion-thumb span {
  border-right: solid 1px black;
}

.product-accordian-hold .accordion-thumb span:last-of-type {
  border-right: none;
}

.product-accordian-hold .accordion-panel-interior {
  display: grid;
  grid-template-columns: 1fr;

  max-width: 450px;
  margin: 0 auto;
}

.product-accordian-hold .accordion-panel-interior div {
  border-right: solid 1px black;

  padding-left: 12px;
}

.product-accordian-hold .accordion-panel-interior div p {
  text-align: center;
}

.product-accordian-hold .accordion-panel-interior div:last-of-type {
  border-right: none;
}

.product-accordian-hold .accordion-panel-interior div>* {
  padding-top: 30px;
}

.product-accordian-hold[data-product-feature-count="2"] .accordion-panel-interior {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: none;

  margin-top: -15px;
}


.product-accordian-hold[data-product-feature-count="3"] .accordion-panel-interior {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: none;

  margin-top: -15px;
}

.ingredients-hold p {
  font-style: italic;
}

.product-accordian-hold[data-product-feature-count="2"] .accordion-panel-interior .ingredients-hold p {
  max-width: 450px;
  margin: 0 auto;
}

.product-accordian-hold[data-product-feature-count="2"] .accordion-panel-interior .brew-hold ul {
  max-width: 450px;
  margin: 0 auto;
}




/* Recommendations  */
.betterrecs-products {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

h3.betterrecs-heading {
  font-family: "baskerville-urw", "Bodoni Book", Garamond, Calisto, Palantino, Georgia, serif;
  font-size: 20px;
  text-transform: uppercase;

  border-top: none !important;

  margin-top: 0px !important;
}

.betterrecs-ul {
  width: 100%;
  margin-bottom: 0px;

  display: grid;
  grid-template-columns: 1fr;
  column-gap: 24px;
  row-gap: 28px;
}

@media only screen and (min-width: 480px) {
  .betterrecs-ul {

    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    row-gap: 28px;
  }
}

@media only screen and (min-width: 769px) {

  .betterrecs-ul li:nth-child(3)~li {
    display: none;
  }

  .betterrecs-ul {

    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 24px;
    row-gap: 28px;
  }
}

.betterrecs-product {
  width: 100% !important;
  margin-bottom: 0;

  transition: all 0.35s ease-in-out;
}




.betterrecs-product a {
  color: #000;
}


.betterrecs-product img {
  width: 100%;
  opacity: 1;
  transition: all 0.35s ease-out;
}

.betterrecs-product .betterrecs-details {
  margin-top: 15px;
}

.betterrecs-product .betterrecs-title a {
  font-family: "Libre Baskerville", Palatino, serif !important;
  font-size: 14px;
  text-align: center;
  font-weight: normal;
  letter-spacing: normal !important;

  color: #000;

  transition: all 0.25s ease-out;
}

.betterrecs-product .betterrecs-price {
  margin-top: 0px;

  font-family: "Libre Baskerville", Palatino, serif !important;
  font-size: 14px;
  text-align: center;
  font-weight: normal;

  color: #000;

  transition: all 0.25s ease-out;
}

.betterrecs-product .betterrecs-price .betterrecs-price-from-text {
  font-size: 100%;
  font-style: italic;
  text-transform: lowercase;
}



.betterrecs-product:hover img {
  opacity: .85;
}

.betterrecs-product:hover .betterrecs-title a,
.betterrecs-product:hover .betterrecs-price {
  color: #B8905A;
}


.recc-divider {
  max-width: 1200px;
  margin: 20px auto 10px auto;

  border-color: #000;
}






/* New Recommendations */

.cbb-also-bought-container {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}




.cbb-also-bought-container h3 {
  width: 100%;
  font-family: "baskerville-urw", "Bodoni Book", Garamond, Calisto, Palantino, Georgia, serif;
  font-size: 20px;
  text-transform: uppercase;

  border-top: none !important;

  margin-top: 30px !important;
}

.cbb-also-bought-slider-list {
  width: 100%;
  margin-bottom: 0px;

  display: grid !important;
  grid-template-columns: 1fr;
  column-gap: 24px;
  row-gap: 28px;
}



@media only screen and (min-width: 480px) {
  .cbb-also-bought-slider-list {

    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    row-gap: 28px;
  }
}

@media only screen and (min-width: 769px) {

  .cbb-also-bought-slider-list li:nth-child(3)~li {
    display: none;
  }

  .cbb-also-bought-slider-list {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 24px;
    row-gap: 28px;
  }
}

.cbb-also-bought-product {
  width: 100% !important;
  margin-bottom: 0;
  margin-right: 0 !important;

  transition: all 0.35s ease-in-out;
}

.cbb-also-bought-product-name {
  padding-top: 10px;
}

h5.cbb-also-bought-product-name,
.cbb-also-bought-product-name a {
  font-family: "Libre Baskerville", Palatino, serif !important;
  font-size: 14px !important;
  text-align: center;
  font-weight: normal;
  line-height: normal !important;
  letter-spacing: normal !important;
  min-height: 0 !important;
  padding-bottom: 0 !important;

  color: #000;

  transition: all 0.25s ease-out;
}

.cbb-also-bought-product-price-container .cbb-also-bought-product-regular-price {
  margin-top: 0px;

  font-family: "Libre Baskerville", Palatino, serif !important;
  font-size: 14px !important;
  text-align: center;
  font-weight: normal;

  color: #000;

  transition: all 0.25s ease-out;
}



.cbb-also-bought-product-image {
  width: 100% !important;
}




/* Recently Viewed */

.recently-viewed-hold {
  width: calc(100% - 24px);
  padding: 0 12px;

  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;


  display: block;
  position: relative;
  overflow: hidden;

  text-align: center;
}


@media only screen and (min-width: 769px) {
  .recently-viewed-hold {
    width: 100%;
    padding: 0;
  }
}

.recently-viewed-hold h3 {
  text-align: center;
}

.recently-viewed.product-grid-hold {
  list-style: none;
  margin-left: 0;
  width: 100%;
  padding-left: 0;

  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 12px;
  row-gap: 28px;
}


.recently-viewed.product-grid-hold li {
  display: block;
  overflow: hidden;
  position: relative;

  width: 100% !important;
  margin-bottom: 0;

  transition: all 0.35s ease-in-out;
}


.recently-viewed.product-grid-hold li:first-of-type {
  display: none;
}

.recently-viewed.product-grid-hold li:nth-of-type(5) {
  display: block;
}

@media only screen and (min-width: 480px) {
  .recently-viewed.product-grid-hold {
    margin-bottom: 80px;
    row-gap: 28px;
  }
}

@media only screen and (min-width: 769px) {

  .recently-viewed.product-grid-hold {
    margin-bottom: 80px;

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 24px;
    row-gap: 28px;
  }

  .recently-viewed.product-grid-hold li:nth-of-type(5) {
    display: none;
  }
}



.recently-viewed.product-grid-hold li img {
  width: 100%;
}

.recently-viewed.product-grid-hold li:hover img {
  opacity: .85;
}

.recently-viewed.product-grid-hold li:hover .betterrecs-title,
.recently-viewed.product-grid-hold li:hover .betterrecs-price {
  color: #B8905A;
}

.recently-viewed.product-grid-hold li .betterrecs-details {
  margin-top: 15px;
}

.recently-viewed.product-grid-hold li p {
  margin-bottom: 0;
  margin-top: 10px;
  font-family: "Libre Baskerville", Palatino, serif !important;
  font-size: 14px;
  text-align: center;
  font-weight: normal;
  letter-spacing: normal !important;

  color: #000;

  transition: all 0.25s ease-out;
}

.recently-viewed.product-grid-hold li p.betterrecs-price {
  margin-top: 0px;
}






/* Cart Updates */

.cart_items .title {
  font-family: "baskerville-urw", "Bodoni Book", Garamond, Calisto, Palantino, Georgia, serif;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.cart_items p,
.cart_items p a {
  font-family: "Libre Baskerville", Palatino, serif !important;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: normal !important;

  color: #000;
}

.cart_items p.price_total {
  margin-bottom: 35px;
}






/*  Landing Page */

.collection.landing .container {
  width: 100%;
  max-width: 100%;

  padding: 0;
}




.collection .container .new-collection.landing-page {
  max-width: 1600px;
  padding: 0;
}


.landing-page p {
  font-family: "Libre Baskerville", Palatino, serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: normal;
  text-align: center;

  color: #000;
}

.landing-page p.italic,
.landing-page p .italic {
  font-style: italic;
  letter-spacing: 0.02em;
}

.landing-page-banner-hold {
  height: calc(85vh - 100px);
  min-height: 500px;
  max-height: 900px;

  background-size: cover;

  color: #fff;
  text-align: center;

  display: grid;
  grid-template-rows: 1fr auto 1fr;
}

.landing-page-banner-hold>div {
  grid-row-start: 2;
}

.landing-page-banner-hold img {
  display: block;
  width: 100%;
  max-width: 700px;

  margin: 50px auto 0 auto;
}

.landing-page-banner-hold h1 {
  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-size: 70px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;

}

.landing-page-banner-hold h2 {
  font-family: "Libre Baskerville", Palatino, serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.04em;
  text-align: center;

  color: #000;
  margin-bottom: 20px;
}

a.landing-button {
  max-width: 150px;
  margin: 10px auto;
  display: block;
  color: #000
}

.landing-button p {
  background-color: #FFD455;
  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-size: 13px;
  font-weight: 700 !important;
  letter-spacing: 0.14em;
  line-height: 20px;
  text-transform: uppercase;
  text-align: center;
  padding: 8px 0;
  transition: all 0.25s ease-out;
  color: #000;
}

a.landing-button:hover p {
  background-color: #efb136;
}

.landing-section {
  margin: 30px auto;
}

.landing-section p {
  max-width: 815px;
  margin: 0 auto;
}

.landing-section img {
  width: 100%;
}

.landing-section h2 {
  font-family: "baskerville-urw", "Bodoni Book", Garamond, Calisto, Palantino, Georgia, serif;
  font-size: 34px;
  line-height: 1.1em;
  text-transform: uppercase;
  margin-bottom: 10px;
  text-align: center;
  letter-spacing: 0.07em !important;
}

@media only screen and (min-width: 480px) {
  .landing-section h2 {
    font-size: 40px;
  }
}


.landing-page .landing-section h5 {
  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;

}

.landing-page .landing-section h2+h5 {
  margin-bottom: 40px;
}

.titan-divider {
  margin: 30px auto;
  max-width: 1100px;

  display: grid;
  grid-template-columns: 1fr 160px 1fr;
  column-gap: 40px;

  align-items: center;
}

.titan-divider hr {
  border-color: #B8905A;
}


.anchor-divider {
  margin: 0;

  display: grid;
  grid-template-columns: 1fr 140px 1fr;
  column-gap: 40px;

  align-items: center;

  background: linear-gradient(to bottom,
      #FAF8F7 0% 50%,
      #FFFFFF 50% 100%);
}

.anchor-divider img {
  width: 100%;
  display: block;
  grid-column-start: 2;
}


.fish-divider {
  margin: 0 auto 60px auto;

  display: grid;
  grid-template-columns: 1fr 85px 1fr;
  column-gap: 40px;

  align-items: center;
}

.fish-divider img {
  width: 100%;
  display: block;
  grid-column-start: 2;
}

.landing-section-1 {
  margin-top: 60px;
  padding-left: 12px;
  padding-right: 12px;
}


.two-up-image-hold {
  max-width: 1200px;
  margin: 40px auto 60px auto;

  display: grid;
  grid-template-columns: 1fr;
  column-gap: 50px;
  align-items: center;
}

.two-up-image-hold .image-stack {
  width: 90%;
  max-width: 450px;
  margin: 30px auto 0 auto;
}


@media only screen and (min-width: 480px) {
  .two-up-image-hold {
    grid-template-columns: 1fr 1fr;
  }

  .two-up-image-hold .image-stack {
    margin-top: 0;
  }
}



.landing-section-2 {}

.landing-product-hold {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 6px;
}



.landing-product-hold .cover-hold {
  position: relative;
}

.landing-product-hold .product-item .cover-hold img {
  opacity: 1;
  transition: all 0.35s ease-out;
}

.landing-product-hold .product-item:hover .cover-hold img {
  opacity: 0.75;
}

.landing-product-hold p {
  font-style: italic;
  letter-spacing: 0.02em;
  margin: 5px 0 20px 0;
}

.landing-product-hold .title {
  font-family: "Libre Baskerville", Palatino, serif;
  font-size: 14px;
  letter-spacing: .25px;
  font-style: normal;

  position: absolute;
  bottom: 20px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;

  color: #fff;
  transition: all 0.15s ease-out;
}

/* .landing-product-hold .product-item:hover .title {
  color: #B8905A;
} */

@media only screen and (min-width: 769px) {
  .landing-product-hold {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .landing-product-hold p {
    margin-top: 10px;
  }

  .landing-product-hold .title {
    bottom: 30px;
  }
}




.landing-section-2 h5.call-out {
  text-align: center;
  margin: 60px auto 40px auto;
  text-underline-position: under;
  text-decoration: underline;
  font-weight: 600;
}

.landing-section-2 .collection-image {
  display: block;
  width: 80%;
  max-width: 1000px;
  margin: 10px auto;
}


.landing-section-3 {
  background-color: #FAF8F7;
  padding: 40px 12px;
  margin-top: 30px;
  margin-bottom: 0px;
}

.cocktail-feature-hold img {
  width: 100%;
  display: block;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}


.landing-section-3 .italic {
  font-style: italic;
  letter-spacing: 0.02em;
}

.landing-section-3 h2 .italic {
  font-family: 'baskerville-urw-italic', "Bodoni Book", Garamond, Calisto, Palantino, Georgia, serif;
  text-transform: lowercase;
}

.landing-page .landing-section .cocktail-feature-hold h5 {
  margin-top: 40px;
  font-weight: 600;
}

.landing-page .landing-section-3 h5 {
  font-weight: 600;
}

.cocktail-feature-hold p {
  max-width: 400px;
  margin: 10px auto;
}

.cocktail-feature-hold a {
  text-decoration: underline;
  text-underline-position: under;

}

.cocktail-feature-hold a p {
  font-family: "sweet-sans-pro", Cooperplate, "Gill Sans", Helvetica, Arial sans-serif;
  font-size: 14px;
  font-weight: 600 !important;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;

  margin-top: 20px;
}


.landing-section-3 .full-wdith-image {
  display: block;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}

.landing-section-3 a {
  color: #000;
}

.landing-section-4 {
  max-width: 1200px;
  padding: 0 12px;
}

.landing-section-4 {}



.more-from-bellocq-section {
  background-color: #FAF8F7;
  padding: 80px 0 40px 0;
  margin-bottom: 0;
}

.more-from-bellocq-section p {
  margin-bottom: 60px;
}

.link-grid-hold {
  max-width: 1200px;
  margin: 40px auto 60px auto;

  display: grid;
  grid-template-columns: 1fr;
  column-gap: 24px;
  padding: 0 12px;
}


@media only screen and (min-width: 480px) {
  .link-grid-hold {
    grid-template-columns: 1fr 1fr;
  }
}

.link-grid-hold h5 {
  margin-top: 10px;
  margin-bottom: 20px;
  text-decoration: underline;
  text-underline-position: under;

}

.link-grid-hold a,
.link-grid-hold a h5 {
  color: #000;
}

.link-grid-hold a img {
  opacity: 1;
  transition: all 0.35s ease-out;
}

.link-grid-hold a:hover img {
  opacity: 0.75;
}