/* Fonts 
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap");
*/
/* Font weights */
/* Rabi's Swatch Colours */
/*$discovery-hilite: #8ac1d6;*/
/* Min Widths */
/* Max Widths */
/*$page-gutter-4: 10.5rem;*/
.site-footer {
  background-color: #fff;
}

.woocommerce-info, .woocommerce-noreviews, p.no-comments {
  background-color: #888 !important;
}

.stock.in-stock {
  color: #fff;
}

.woocommerce-product-gallery__trigger {
  text-decoration: none;
}
.woocommerce-product-gallery__trigger:hover {
  text-decoration: none;
}

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/**
 * Global styles applied to all non-woocommerce theme components. Includes styles for;
 *
 * Typography
 * Header
 * Footer
 * Main content area
 * Accessiblity helper classes
 * 404
 * Comments
 * Content (posts etc)
 * Forms
 * Media
 * Menus
 * pagination
 * Post formats
 * Widgets
 */
/**
 * Typography
 */
body {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

body,
button,
input,
textarea {
  color: #43454b;
  font-family: "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

select {
  color: initial;
  font-family: "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-weight: 300;
  margin: 0 0 0.5407911001em;
  color: #131315;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: 300;
}

h1,
.alpha {
  font-size: 2.617924em;
  line-height: 1.214;
  letter-spacing: -1px;
}

h2,
.beta {
  font-size: 2em;
  line-height: 1.214;
}

h2 + h3,
.beta + h3 {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding-top: 0.5407911001em;
}

h3,
.gamma {
  font-size: 1.618em;
}

h4,
.delta {
  font-size: 1.41575em;
}

.alpha,
.beta,
.gamma,
.delta {
  display: block;
}

p + h2,
p + header h2,
p + h3,
p + h4,
ul + h2,
ul + header h2,
ul + h3,
ul + h4,
ol + h2,
ol + header h2,
ol + h3,
ol + h4,
table + h2,
table + header h2,
table + h3,
table + h4,
blockquote + h2,
blockquote + header h2,
blockquote + h3,
blockquote + h4,
form + h2,
form + header h2,
form + h3,
form + h4 {
  margin-top: 2.2906835em;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin: 0 0 1.41575em;
}

ul,
ol {
  margin: 0 0 1.41575em 3em;
  padding: 0;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1em;
}

dt {
  font-weight: 600;
}

dd {
  margin: 0 0 1.618em;
}

b,
strong {
  font-weight: 600;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  padding: 0 1em;
  border-left: 3px solid rgba(0, 0, 0, 0.05);
  font-style: italic;
}

address {
  margin: 0 0 1.41575em;
}

pre {
  background: rgba(0, 0, 0, 0.1);
  font-family: "Courier 10 Pitch", Courier, monospace;
  margin-bottom: 1.618em;
  padding: 1.618em;
  overflow: auto;
  max-width: 100%;
}

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0.202em 0.5407911001em;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  text-decoration: none;
  font-weight: 600;
  background: transparent;
}

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

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

figure {
  margin: 0;
}

table {
  margin: 0 0 1.41575em;
  width: 100%;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
}

a {
  color: #2c2d33;
  text-decoration: none;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
  outline: 2px solid #96588a;
}

.storefront-cute * {
  font-family: "Comic Sans MS", sans-serif;
}

/**
 * Global styles
 */
* {
  box-sizing: border-box;
}

body {
  background-color: #ffffff;
  overflow-x: hidden;
}

.site {
  overflow-x: hidden;
}

.site-content,
.header-widget-region {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/**
 * Header
 */
.site-header {
  background-color: #2c2d33;
  padding-top: 1.618em;
  padding-bottom: 1.618em;
  color: #9aa0a7;
  background-position: center center;
  position: relative;
  z-index: 999;
  border-bottom: 1px solid transparent;
}

.site-header .site-logo-anchor,
.site-header .site-logo-link,
.site-header .custom-logo-link {
  display: block;
  margin-bottom: 0;
}

.site-header .site-logo-anchor img,
.site-header .site-logo-link img,
.site-header .custom-logo-link img {
  width: 100%;
  max-width: 210px;
}

.site-header .widget {
  margin-bottom: 0;
}

.home.blog .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header {
  margin-bottom: 4.235801032em;
}

.no-wc-breadcrumb .site-header {
  margin-bottom: 4.235801032em;
}

.no-wc-breadcrumb.page-template-template-homepage .site-header {
  margin-bottom: 0;
}

.header-widget-region {
  position: relative;
  z-index: 99;
}

.site-branding {
  float: left;
  margin-bottom: 0;
  width: calc(100% - 120px);
}

.site-branding .site-title {
  font-size: 2em;
  letter-spacing: -1px;
  margin: 0;
}

.site-branding .site-title a {
  font-weight: 700;
}

.site-branding .site-description {
  font-size: 0.875em;
  display: none;
}

.site-branding .logo {
  margin: 0;
}

/**
 * Main content area
 */
.site-main {
  margin-bottom: 2.617924em;
}

.site-content {
  outline: none;
}

.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
  padding-top: 4.235801032em;
}

.page-template-template-homepage .type-page {
  padding-top: 2.617924em;
  padding-bottom: 2.617924em;
  position: relative;
}

.page-template-template-homepage .type-page .storefront-hero__button-edit {
  position: absolute;
  top: 1em;
  right: 1em;
  font-size: 0.875em;
}

.page-template-template-homepage .entry-content {
  font-size: 1.1em;
}

.page-template-template-homepage .entry-content p:last-child {
  margin-bottom: 0;
}

.page-template-template-homepage .entry-header h1 {
  font-size: 3.706325903em;
  margin-bottom: 0.2360828548em;
}

.page-template-template-homepage .entry-content,
.page-template-template-homepage .entry-header {
  max-width: 41.0994671405em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail {
  background-size: cover;
  background-position: center center;
  padding-top: 6.8535260698em;
  padding-bottom: 6.8535260698em;
}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content,
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title {
  opacity: 0;
  -webkit-transition: all, ease, 0.5s;
  transition: all, ease, 0.5s;
}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content.loaded,
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title.loaded {
  opacity: 1;
}

/**
 * Footer
 */
.site-footer {
  padding: 1.618em 0 3.706325903em;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
  color: #333437;
}

.site-footer a {
  color: #2c2d33;
  text-decoration: underline;
}

.site-footer a:hover {
  text-decoration: none;
}

.site-footer a.button, .site-footer a.components-button:not(.is-link), .site-footer a.wp-block-button__link {
  text-decoration: none;
}

.site-info {
  padding: 2.617924em 0;
}

.site-info span[role=separator] {
  padding: 0 0.2360828548em 0 0.3342343017em;
}

.site-info span[role=separator]::before {
  content: "|";
}

/**
 * Alignment
 */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1em;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

/**
 * Accessibility
 */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  display: block;
  font-weight: bold;
  height: auto;
  left: 0;
  line-height: normal;
  padding: 1em 1.618em;
  text-decoration: none;
  top: 0;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */
  outline: none;
}

.screen-reader-text.skip-link:focus {
  -webkit-clip-path: none;
  clip-path: none;
}

/**
 * Clearing
 */
.clear::before, .clear::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-content::after,
.site-footer::before,
.site-footer::after {
  content: "";
  display: table;
}

.clear::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after {
  clear: both;
}

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

table caption {
  padding: 1em 0;
  font-weight: 600;
}

table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

table td p:last-child,
table th p:last-child {
  margin-bottom: 0;
}

table th {
  font-weight: 600;
}

table thead th {
  padding: 1.41575em;
  vertical-align: middle;
}

table tbody h2 {
  font-size: 1em;
  letter-spacing: normal;
  font-weight: normal;
}

table tbody h2 a {
  font-weight: normal;
}

/**
 * 404 Styles
 */
.error404 .site-content .widget_product_search {
  padding: 1.618em;
  background-color: rgba(0, 0, 0, 0.025);
}

.error404 .site-content .widget_product_search form {
  margin: 0;
}

.error404.right-sidebar .content-area,
.error404.left-sidebar .content-area {
  width: 100%;
}

.error404 .fourohfour-columns-2 {
  padding: 2.617924em 0;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-width: 1px 0;
  margin-bottom: 2.617924em;
}

.error404 .fourohfour-columns-2::before, .error404 .fourohfour-columns-2::after {
  content: "";
  display: table;
}

.error404 .fourohfour-columns-2::after {
  clear: both;
}

.error404 .fourohfour-columns-2 ul.products li.product,
.error404 .fourohfour-columns-2 .widget {
  margin-bottom: 0;
}

.error404 .fourohfour-columns-2 .col-1 ul.products {
  margin-bottom: 2.2906835em;
}

.error404 .fourohfour-columns-2 .col-1 ul.products li.product {
  width: 45.4545454545%;
  float: left;
  margin-right: 9.0909090909%;
}

.error404 .fourohfour-columns-2 .col-1 ul.products li.product:last-child {
  margin-right: 0;
}

.error404 .fourohfour-columns-2 .col-2 {
  padding: 1.618em;
  background-color: rgba(0, 0, 0, 0.025);
}

/**
 * Comments
 */
#comments {
  padding-top: 2.617924em;
}

#comments .comments-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-bottom: 0.5407911001em;
  margin-bottom: 1.618em;
}

#comments .comment-list {
  list-style: none;
  margin-left: 0;
}

#comments .comment-list .comment-body::before, #comments .comment-list .comment-body::after {
  content: "";
  display: table;
}

#comments .comment-list .comment-body::after {
  clear: both;
}

#comments .comment-list .comment-content {
  padding-bottom: 1.618em;
  margin-bottom: 1.618em;
}

#comments .comment-list .comment-content .comment-text {
  padding: 1.618em;
  border-radius: 3px;
}

#comments .comment-list .comment-content .comment-text p:last-child {
  margin-bottom: 0;
}

#comments .comment-list .comment-meta {
  margin-bottom: 1em;
}

#comments .comment-list .comment-meta .avatar {
  margin-bottom: 1em;
  max-width: 64px;
  height: auto;
}

#comments .comment-list .comment-meta a.comment-date {
  font-size: 0.875em;
}

#comments .comment-list .comment-meta cite {
  font-style: normal;
  clear: both;
  display: block;
}

#comments .comment-list .reply {
  margin-bottom: 1.618em;
  padding-top: 0.6180469716em;
}

#comments .comment-list .reply::before, #comments .comment-list .reply::after {
  content: "";
  display: table;
}

#comments .comment-list .reply::after {
  clear: both;
}

#comments .comment-list .reply a {
  display: inline-block;
  margin-right: 1em;
}

#comments .comment-list .reply a:last-child {
  margin-right: 0;
}

#comments .comment-list .children {
  list-style: none;
}

.comment-content a {
  word-wrap: break-word;
}

#respond {
  clear: both;
  padding: 1.618em;
  background-color: rgba(0, 0, 0, 0.0125);
  position: relative;
}

#respond .comment-form-author input,
#respond .comment-form-email input,
#respond .comment-form-url input {
  width: 100%;
}

#respond .form-submit,
#respond form {
  margin-bottom: 0;
}

#respond #cancel-comment-reply-link {
  position: absolute;
  top: 0.5407911001em;
  right: 0.5407911001em;
  display: block;
  height: 1em;
  width: 1em;
  overflow: hidden;
  line-height: 1;
  font-size: 1.41575em;
  text-align: center;
  -webkit-transition: ease, 0.3s, -webkit-transform;
  transition: ease, 0.3s, -webkit-transform;
  transition: transform, ease, 0.3s;
  transition: transform, ease, 0.3s, -webkit-transform;
}

#respond #cancel-comment-reply-link:hover {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}

/**
 * Content
 */
.hentry {
  margin: 0 0 4.235801032em;
}

.hentry .wp-post-image {
  margin-bottom: 1.618em;
  margin-left: auto;
  margin-right: auto;
}

.hentry .entry-header {
  margin-bottom: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.hentry .entry-header .posted-on,
.hentry .entry-header .post-author,
.hentry .entry-header .post-comments,
.hentry .entry-header .byline {
  font-size: 0.875em;
}

.hentry .entry-header .posted-on a,
.hentry .entry-header .post-author a,
.hentry .entry-header .post-comments a,
.hentry .entry-header .byline a {
  font-weight: 600;
  text-decoration: underline;
}

.hentry .entry-header .posted-on a:hover,
.hentry .entry-header .post-author a:hover,
.hentry .entry-header .post-comments a:hover,
.hentry .entry-header .byline a:hover {
  text-decoration: none;
}

.hentry .entry-content a {
  text-decoration: underline;
}

.hentry .entry-content a:hover {
  text-decoration: none;
}

.hentry .entry-content a.button, .hentry .entry-content a.components-button:not(.is-link), .hentry .entry-content a.wp-block-button__link {
  text-decoration: none;
}

.hentry .entry-taxonomy {
  margin: 1.41575em 0 0;
  padding-top: 1em;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.hentry.type-page .entry-header {
  border-bottom: 0;
  margin-bottom: 0;
}

.cat-links,
.tags-links {
  font-size: 0.875em;
}

.cat-links a,
.tags-links a {
  color: #727272;
  font-weight: 600;
  text-decoration: underline;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline, .group-blog .byline {
  display: inline;
}

.page-links {
  clear: both;
  margin: 0 0 1em;
}

/**
 * Forms
 */
form {
  margin-bottom: 1.618em;
}

button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  border: 0;
  border-radius: 0;
  background: none;
  background-color: #43454b;
  border-color: #43454b;
  color: #fff;
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  padding: 0.6180469716em 1.41575em;
  text-decoration: none;
  font-weight: 600;
  text-shadow: none;
  display: inline-block;
  -webkit-appearance: none;
}

button::after,
input[type=button]::after,
input[type=reset]::after,
input[type=submit]::after,
.button::after,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link::after,
.added_to_cart::after {
  display: none;
}

button.cta, button.alt,
input[type=button].cta,
input[type=button].alt,
input[type=reset].cta,
input[type=reset].alt,
input[type=submit].cta,
input[type=submit].alt,
.button.cta,
.button.alt,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt,
.added_to_cart.cta,
.added_to_cart.alt {
  background-color: #2c2d33;
  border-color: #2c2d33;
}

button.cta:hover, button.alt:hover,
input[type=button].cta:hover,
input[type=button].alt:hover,
input[type=reset].cta:hover,
input[type=reset].alt:hover,
input[type=submit].cta:hover,
input[type=submit].alt:hover,
.button.cta:hover,
.button.alt:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt:hover,
.added_to_cart.cta:hover,
.added_to_cart.alt:hover {
  background-color: #2c2d33;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover,
.button:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover,
.added_to_cart:hover {
  color: #fff;
}

button.loading,
input[type=button].loading,
input[type=reset].loading,
input[type=submit].loading,
.button.loading,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading,
.added_to_cart.loading {
  opacity: 0.5;
}

button.small,
input[type=button].small,
input[type=reset].small,
input[type=submit].small,
.button.small,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.small,
.added_to_cart.small {
  padding: 0.5407911001em 0.875em;
  font-size: 0.875em;
}

button.disabled, button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button.disabled:hover, button:disabled:hover,
input[type=button].disabled:hover,
input[type=button]:disabled:hover,
input[type=reset].disabled:hover,
input[type=reset]:disabled:hover,
input[type=submit].disabled:hover,
input[type=submit]:disabled:hover,
.button.disabled:hover,
.button:disabled:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled:hover,
.added_to_cart.disabled:hover,
.added_to_cart:disabled:hover {
  opacity: 0.5 !important;
}

input[type=checkbox],
input[type=radio] {
  padding: 0;
  /* Addresses excess padding in IE8/9 */
}

input[type=checkbox] + label,
input[type=radio] + label {
  margin: 0 0 0 0.3819820591em;
}

input[type=search]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}

input[type=search] {
  box-sizing: border-box;
}

input[type=search]::-webkit-input-placeholder {
  color: #616161;
}

input[type=search]::-moz-placeholder {
  color: #616161;
}

input[type=search]:-ms-input-placeholder {
  color: #616161;
}

input[type=search]::-ms-input-placeholder {
  color: #616161;
}

input[type=search]::placeholder {
  color: #616161;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;
}

input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
input[type=search],
textarea,
.input-text {
  padding: 0.6180469716em;
  background-color: #f2f2f2;
  color: #43454b;
  border: 0;
  -webkit-appearance: none;
  box-sizing: border-box;
  font-weight: normal;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125);
}

input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
textarea:focus,
.input-text:focus {
  background-color: #ededed;
}

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 0.875em;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 100%;
}

label {
  font-weight: 400;
}

label.inline input {
  width: auto;
}

fieldset {
  padding: 1.618em;
  padding-top: 1em;
  border: 0;
  margin: 0;
  margin-bottom: 1.618em;
  margin-top: 1.618em;
}

fieldset legend {
  font-weight: 600;
  padding: 0.6180469716em 1em;
  margin-left: -1em;
}

[placeholder]:focus::-webkit-input-placeholder {
  -webkit-transition: opacity 0.5s 0.5s ease;
  transition: opacity 0.5s 0.5s ease;
  opacity: 0;
}

/**
 * Media
 */
img {
  border-radius: 3px;
}

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  display: inline-block;
  border-radius: 0;
}

/**
 * Captions
 */
.wp-caption {
  margin-bottom: 1em;
  max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin: 0 auto;
}

.wp-caption .wp-caption-text {
  text-align: left;
  font-style: italic;
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
  padding: 1em 0;
}

/**
 * Galleries
 */
.gallery {
  margin-bottom: 1em;
}

.gallery::before, .gallery::after {
  content: "";
  display: table;
}

.gallery::after {
  clear: both;
}

.gallery .gallery-item {
  float: left;
}

.gallery .gallery-item .gallery-icon a {
  display: block;
}

.gallery .gallery-item .gallery-icon img {
  border: none;
  height: auto;
  margin: 0 auto;
}

.gallery .gallery-item .gallery-caption {
  margin: 0;
  text-align: center;
}

.gallery.gallery-columns-1 .gallery-item {
  width: 100%;
}

.gallery.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery.gallery-columns-3 .gallery-item {
  width: 33.3%;
}

.gallery.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery.gallery-columns-5 .gallery-item {
  width: 20%;
}

.gallery.gallery-columns-6 .gallery-item {
  width: 16.666666667%;
}

.gallery.gallery-columns-7 .gallery-item {
  width: 14.285714286%;
}

.gallery.gallery-columns-8 .gallery-item {
  width: 12.5%;
}

.gallery.gallery-columns-9 .gallery-item {
  width: 11.111111111%;
}

/**
 * Embeds
 */
embed,
iframe,
object,
video {
  max-width: 100%;
}

/**
 * Main Naivgation
 */
/**
 * General Menu Styles
 */
.secondary-navigation {
  display: none;
}

button.menu-toggle {
  cursor: pointer;
  text-align: left;
  float: right;
  position: relative;
  border: 2px solid transparent;
  box-shadow: none;
  border-radius: 2px;
  background-image: none;
  padding: 0.6180469716em 0.875em 0.6180469716em 2.617924em;
  font-size: 0.875em;
  max-width: 120px;
}

button.menu-toggle:hover {
  background-image: none;
}

button.menu-toggle span::before {
  -webkit-transition: all, ease, 0.2s;
  transition: all, ease, 0.2s;
}

button.menu-toggle::before, button.menu-toggle::after,
button.menu-toggle span::before {
  content: "";
  display: block;
  height: 2px;
  width: 14px;
  position: absolute;
  top: 50%;
  left: 1em;
  margin-top: -1px;
  -webkit-transition: all, ease, 0.2s;
  transition: all, ease, 0.2s;
  border-radius: 3px;
}

button.menu-toggle::before {
  -webkit-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  transform: translateY(-4px);
}

button.menu-toggle::after {
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px);
}

.toggled button.menu-toggle::before, .toggled button.menu-toggle::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.toggled button.menu-toggle::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.toggled button.menu-toggle span::before {
  opacity: 0;
}

.primary-navigation {
  display: none;
}

.main-navigation::before, .main-navigation::after {
  content: "";
  display: table;
}

.main-navigation::after {
  clear: both;
}

.main-navigation div.menu {
  display: none;
}

.main-navigation div.menu:last-child {
  display: block;
}

.main-navigation .menu {
  clear: both;
}

.handheld-navigation,
.nav-menu,
.main-navigation div.menu > ul:not(.nav-menu) {
  overflow: hidden;
  max-height: 0;
  /* We have to use max-height because `height` isn't animatable */
  -webkit-transition: all, ease, 0.8s;
  transition: all, ease, 0.8s;
}

.handheld-navigation {
  clear: both;
}

.handheld-navigation ul {
  margin: 0;
}

.handheld-navigation ul.menu li {
  position: relative;
}

.handheld-navigation ul.menu li button::after {
  -webkit-transition: all, ease, 0.9s;
  transition: all, ease, 0.9s;
}

.handheld-navigation ul.menu li button.toggled-on::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.handheld-navigation ul.menu .sub-menu {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  -webkit-transition: all, ease, 0.9s;
  transition: all, ease, 0.9s;
}

.handheld-navigation ul.menu .sub-menu.toggled-on {
  visibility: visible;
  max-height: 9999px;
  opacity: 1;
}

.handheld-navigation .dropdown-toggle {
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
}

.main-navigation.toggled .handheld-navigation,
.main-navigation.toggled .menu > ul:not(.nav-menu),
.main-navigation.toggled ul[aria-expanded=true] {
  max-height: 9999px;
}

.main-navigation ul {
  margin-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.main-navigation ul ul {
  display: block;
  margin-left: 1.41575em;
}

.main-navigation ul li a {
  padding: 0.875em 0;
  display: block;
}

.main-navigation ul li a:hover {
  color: #e6e6e6;
}

/**
 * Pagination
 */
.site-main nav.navigation {
  clear: both;
  padding: 2.617924em 0;
}

.site-main nav.navigation::before, .site-main nav.navigation::after {
  content: "";
  display: table;
}

.site-main nav.navigation::after {
  clear: both;
}

.site-main nav.navigation .nav-previous a,
.site-main nav.navigation .nav-next a {
  display: inline-block;
}

.site-main nav.navigation .nav-previous {
  float: left;
  width: 50%;
}

.site-main nav.navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/**
 * Pagination
 */
.pagination,
.woocommerce-pagination {
  padding: 1em 0;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-width: 1px 0;
  text-align: center;
  clear: both;
}

.pagination ul.page-numbers::before, .pagination ul.page-numbers::after,
.woocommerce-pagination ul.page-numbers::before,
.woocommerce-pagination ul.page-numbers::after {
  content: "";
  display: table;
}

.pagination ul.page-numbers::after,
.woocommerce-pagination ul.page-numbers::after {
  clear: both;
}

.pagination .page-numbers,
.woocommerce-pagination .page-numbers {
  list-style: none;
  margin: 0;
  vertical-align: middle;
}

.pagination .page-numbers li,
.woocommerce-pagination .page-numbers li {
  display: inline-block;
}

.pagination .page-numbers li .page-numbers,
.woocommerce-pagination .page-numbers li .page-numbers {
  border-left-width: 0;
  display: inline-block;
  padding: 0.3342343017em 0.875em;
  background-color: rgba(0, 0, 0, 0.025);
  color: #43454b;
}

.pagination .page-numbers li .page-numbers.current,
.woocommerce-pagination .page-numbers li .page-numbers.current {
  background-color: #2c2d33;
  border-color: #2c2d33;
}

.pagination .page-numbers li .page-numbers.dots,
.woocommerce-pagination .page-numbers li .page-numbers.dots {
  background-color: transparent;
}

.pagination .page-numbers li .page-numbers.prev, .pagination .page-numbers li .page-numbers.next,
.woocommerce-pagination .page-numbers li .page-numbers.prev,
.woocommerce-pagination .page-numbers li .page-numbers.next {
  padding-left: 1em;
  padding-right: 1em;
}

.pagination .page-numbers li a.page-numbers:hover,
.woocommerce-pagination .page-numbers li a.page-numbers:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.rtl .pagination a.next,
.rtl .pagination a.prev,
.rtl .woocommerce-pagination a.next,
.rtl .woocommerce-pagination a.prev {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

/**
 * Widgets
 */
.widget {
  margin: 0 0 3.706325903em;
}

.widget select {
  max-width: 100%;
}

.widget .widget-search .search-submit {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.widget .widget-title,
.widget .widgettitle {
  font-size: 1.41575em;
  letter-spacing: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0 0 1em;
  margin-bottom: 1em;
  font-weight: 300;
}

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

.widget ul ul {
  margin-left: 1.618em;
}

.widget-area .widget {
  font-weight: 400;
}

.widget-area .widget a.button {
  font-weight: 600 !important;
}

.header-widget-region::before, .header-widget-region::after {
  content: "";
  display: table;
}

.header-widget-region::after {
  clear: both;
}

.header-widget-region .widget {
  margin: 0;
  padding: 1em 0;
  font-size: 0.875em;
}

.widget_search form,
.widget_product_search form {
  position: relative;
}

.widget_search form input[type=text],
.widget_search form input[type=search],
.widget_product_search form input[type=text],
.widget_product_search form input[type=search] {
  width: 100%;
}

.widget_search form input[type=submit],
.widget_search form button[type=submit],
.widget_product_search form input[type=submit],
.widget_product_search form button[type=submit] {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
  top: 0;
  left: 0;
}

.widget_recent_entries ul,
.widget_pages ul,
.widget_categories ul,
.widget_archive ul,
.widget_recent_comments ul,
.widget_nav_menu ul,
.widget_links ul,
.widget_product_categories ul,
.widget_layered_nav ul,
.widget_layered_nav_filters ul {
  margin: 0;
}

.widget_recent_entries ul li,
.widget_pages ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_recent_comments ul li,
.widget_nav_menu ul li,
.widget_links ul li,
.widget_product_categories ul li,
.widget_layered_nav ul li,
.widget_layered_nav_filters ul li {
  list-style: none;
  margin-bottom: 1em;
  line-height: 1.41575em;
}

.widget_recent_entries ul .children,
.widget_pages ul .children,
.widget_categories ul .children,
.widget_archive ul .children,
.widget_recent_comments ul .children,
.widget_nav_menu ul .children,
.widget_links ul .children,
.widget_product_categories ul .children,
.widget_layered_nav ul .children,
.widget_layered_nav_filters ul .children {
  margin-top: 0.6180469716em;
  margin-left: 1.618em;
}

.widget_recent_entries ul .children,
.widget_pages ul .children,
.widget_categories ul .children,
.widget_archive ul .children,
.widget_recent_comments ul .children,
.widget_nav_menu ul .children,
.widget_links ul .children,
.widget_product_categories ul .children,
.widget_layered_nav ul .children,
.widget_layered_nav_filters ul .children {
  margin-left: 0;
  margin-top: 1em;
}

#wp-calendar th,
#wp-calendar td,
.wp-calendar-table th,
.wp-calendar-table td {
  padding: 0.236em;
  text-align: center;
}

.widget_recent_entries ul ul.children,
.widget_pages ul ul.children {
  margin: 0.6180469716em 0 0 1.41575em;
}

.widget_rating_filter .wc-layered-nav-rating {
  margin-bottom: 0.6180469716em;
}

.widget_rating_filter .wc-layered-nav-rating a {
  text-decoration: none !important;
}

.widget_rating_filter .wc-layered-nav-rating .star-rating {
  display: inline-block;
  height: 1em;
  line-height: 1;
}

.widget-area .widget {
  font-size: 0.875em;
}

.widget-area .widget h1.widget-title {
  font-size: 1.41575em;
}

.widget-area .widget a {
  font-weight: 600;
  text-decoration: underline;
}

.widget-area .widget a:hover {
  text-decoration: none;
}

.widget-area .widget a.button, .widget-area .widget a.components-button:not(.is-link), .widget-area .widget a.wp-block-button__link {
  text-decoration: none;
}

/**
 * Strictly Layout Styles
 */
@media (min-width: 768px) {
  table.shop_table_responsive tbody tr td,
table.shop_table_responsive tbody tr th {
    text-align: left;
  }

  .site-header {
    padding-top: 2.617924em;
    padding-bottom: 0;
  }

  .site-header .site-branding {
    display: block;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    clear: both;
  }

  .site-header .site-branding img {
    height: auto;
    max-width: 230px;
    max-height: none;
  }

  .woocommerce-active .site-header .site-branding {
    width: 73.9130434783%;
    float: left;
    margin-right: 4.347826087%;
  }

  .woocommerce-active .site-header .site-search {
    width: 21.7391304348%;
    float: right;
    margin-right: 0;
    clear: none;
  }

  .woocommerce-active .site-header .main-navigation {
    width: 73.9130434783%;
    float: left;
    margin-right: 4.347826087%;
    clear: both;
  }

  .woocommerce-active .site-header .site-header-cart {
    width: 21.7391304348%;
    float: right;
    margin-right: 0;
    margin-bottom: 0;
  }

  .storefront-secondary-navigation .site-header .site-branding {
    width: 39.1304347826%;
    float: left;
    margin-right: 4.347826087%;
  }

  .storefront-secondary-navigation .site-header .secondary-navigation {
    width: 56.5217391304%;
    float: right;
    margin-right: 0;
  }

  .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
    width: 21.7391304348%;
    float: left;
    margin-right: 4.347826087%;
  }

  .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%;
  }

  .site-branding .site-description {
    margin-bottom: 0;
    display: block;
  }

  .site-branding,
.site-search,
.site-header-cart,
.site-logo-anchor,
.site-logo-link,
.custom-logo-link {
    margin-bottom: 1.41575em;
  }

  .site-header .subscribe-and-connect-connect {
    float: right;
    margin-bottom: 1em;
  }

  .site-header .subscribe-and-connect-connect .icons {
    list-style: none;
    margin: 0;
  }

  .site-header .subscribe-and-connect-connect .icons a {
    font-size: 1em !important;
  }

  .site-header .subscribe-and-connect-connect .icons li {
    margin: 0 0 0 0.5407911001em !important;
    display: inline-block;
  }

  .col-full {
    max-width: 66.4989378333em;
    margin-left: auto;
    margin-right: auto;
    padding: 0 2.617924em;
    box-sizing: content-box;
  }

  .col-full::before, .col-full::after {
    content: "";
    display: table;
  }

  .col-full::after {
    clear: both;
  }

  .col-full:after {
    content: " ";
    display: block;
    clear: both;
  }

  .site-content::before, .site-content::after {
    content: "";
    display: table;
  }

  .site-content::after {
    clear: both;
  }

  .content-area {
    /*
      width: 73.9130434783%;
      float: left;
      margin-right: 4.347826087%; */
  }

  .widget-area {
    width: 21.7391304348%;
    float: right;
    margin-right: 0;
  }

  .right-sidebar .content-area {
    width: 73.9130434783%;
    float: left;
    margin-right: 4.347826087%;
  }

  .right-sidebar .widget-area {
    width: 21.7391304348%;
    float: right;
    margin-right: 0;
  }

  .left-sidebar .content-area {
    width: 73.9130434783%;
    float: right;
    margin-right: 0;
  }

  .left-sidebar .widget-area {
    width: 21.7391304348%;
    float: left;
    margin-right: 4.347826087%;
  }

  .storefront-full-width-content .content-area {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }

  .content-area,
.widget-area {
    margin-bottom: 2.617924em;
  }

  /**
  * Full width & homepage template
  */
  .page-template-template-fullwidth-php .content-area,
.page-template-template-homepage-php .content-area {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }

  /**
  * Footer widgets
  */
  .footer-widgets {
    padding-top: 4.235801032em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }

  .footer-widgets::before, .footer-widgets::after {
    content: "";
    display: table;
  }

  .footer-widgets::after {
    clear: both;
  }

  .footer-widgets.col-2 .block {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%;
  }

  .footer-widgets.col-2 .block.footer-widget-2 {
    float: right;
    margin-right: 0;
  }

  .footer-widgets.col-3 .block {
    width: 30.4347826087%;
    float: left;
    margin-right: 4.347826087%;
  }

  .footer-widgets.col-3 .block.footer-widget-3 {
    float: right;
    margin-right: 0;
  }

  .footer-widgets.col-4 .block {
    width: 21.7391304348%;
    float: left;
    margin-right: 4.347826087%;
  }

  .footer-widgets.col-4 .block.footer-widget-4 {
    float: right;
    margin-right: 0;
  }

  /**
  * Comments
  */
  .comment-list::before, .comment-list::after {
    content: "";
    display: table;
  }

  .comment-list::after {
    clear: both;
  }

  .comment-list .comment {
    clear: both;
  }

  .comment-list .comment-meta {
    width: 17.6470588235%;
    float: left;
    margin-right: 5.8823529412%;
    text-align: right;
  }

  .comment-list .comment-meta .avatar {
    float: right;
  }

  .comment-list .comment-content {
    padding-bottom: 3.706325903em;
    margin-bottom: 3.706325903em;
  }

  .comment-list .comment-content,
.comment-list #respond {
    width: 76.4705882353%;
    float: right;
    margin-right: 0;
  }

  .comment-list #respond {
    float: right;
  }

  .comment-list #respond .comment-form-author,
.comment-list #respond .comment-form-email,
.comment-list #respond .comment-form-url {
    width: 100%;
    margin-right: 0;
  }

  .comment-list .comment-body #respond {
    box-shadow: 0 6px 2em rgba(0, 0, 0, 0.2);
    margin-bottom: 2.617924em;
    margin-top: -1.618em;
  }

  .comment-list .reply {
    clear: both;
    text-align: right;
  }

  .comment-list ol.children {
    width: 88.2352941176%;
    float: right;
    margin-right: 0;
    list-style: none;
  }

  .comment-list ol.children .comment-meta {
    width: 20%;
    float: left;
    margin-right: 6.6666666667%;
  }

  .comment-list ol.children .comment-content,
.comment-list ol.children #respond {
    width: 73.3333333333%;
    float: right;
    margin-right: 0;
  }

  .comment-list ol.children ol.children {
    width: 86.6666666667%;
    float: right;
    margin-right: 0;
  }

  .comment-list ol.children ol.children .comment-meta {
    width: 23.0769230769%;
    float: left;
    margin-right: 7.6923076923%;
  }

  .comment-list ol.children ol.children .comment-content,
.comment-list ol.children ol.children #respond {
    width: 69.2307692308%;
    float: right;
    margin-right: 0;
  }

  .comment-list ol.children ol.children ol.children {
    width: 84.6153846154%;
    float: right;
    margin-right: 0;
  }

  .comment-list ol.children ol.children ol.children .comment-meta {
    width: 27.2727272727%;
    float: left;
    margin-right: 9.0909090909%;
  }

  .comment-list ol.children ol.children ol.children .comment-content,
.comment-list ol.children ol.children ol.children #respond {
    width: 63.6363636364%;
    float: right;
    margin-right: 0;
  }

  .comment-list ol.children ol.children ol.children ol.children {
    width: 81.8181818182%;
    float: right;
    margin-right: 0;
  }

  .comment-list ol.children ol.children ol.children ol.children .comment-meta {
    width: 33.3333333333%;
    float: left;
    margin-right: 11.1111111111%;
  }

  .comment-list ol.children ol.children ol.children ol.children .comment-content,
.comment-list ol.children ol.children ol.children ol.children #respond {
    width: 55.5555555556%;
    float: right;
    margin-right: 0;
  }

  #respond {
    padding: 2.617924em;
  }

  #respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url {
    width: 29.4117647059%;
    float: left;
    margin-right: 5.8823529412%;
  }

  #respond .comment-form-url {
    float: right;
    margin-right: 0;
  }

  #respond .comment-form-comment {
    clear: both;
  }

  /**
  * Content
  */
  .hentry .entry-header {
    margin-bottom: 2.617924em;
  }

  /**
  * Menus
  *
  * 1 - We have to use a `left` declaration so that dropdowns are revealed when tabbed.
  */
  .menu-toggle,
.handheld-navigation,
.main-navigation.toggled .handheld-navigation,
.main-navigation.toggled div.menu {
    display: none;
  }

  .primary-navigation {
    display: block;
  }

  .main-navigation,
.secondary-navigation {
    clear: both;
    display: block;
    width: 100%;
  }

  .main-navigation ul,
.secondary-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    display: block;
  }

  .main-navigation ul li,
.secondary-navigation ul li {
    position: relative;
    display: inline-block;
    text-align: left;
  }

  .main-navigation ul li a,
.secondary-navigation ul li a {
    display: block;
  }

  .main-navigation ul li a::before,
.secondary-navigation ul li a::before {
    display: none;
  }

  .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul,
.secondary-navigation ul li:hover > ul,
.secondary-navigation ul li.focus > ul {
    left: 0;
    display: block;
  }

  .main-navigation ul li:hover > ul li > ul, .main-navigation ul li.focus > ul li > ul,
.secondary-navigation ul li:hover > ul li > ul,
.secondary-navigation ul li.focus > ul li > ul {
    left: -9999px;
    /* 1 */
  }

  .main-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device, .main-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device,
.secondary-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device,
.secondary-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device {
    display: none;
    left: 0;
  }

  .main-navigation ul li:hover > ul li:hover > ul, .main-navigation ul li:hover > ul li.focus > ul, .main-navigation ul li.focus > ul li:hover > ul, .main-navigation ul li.focus > ul li.focus > ul,
.secondary-navigation ul li:hover > ul li:hover > ul,
.secondary-navigation ul li:hover > ul li.focus > ul,
.secondary-navigation ul li.focus > ul li:hover > ul,
.secondary-navigation ul li.focus > ul li.focus > ul {
    left: 100%;
    top: 0;
    display: block;
  }

  .main-navigation ul ul,
.secondary-navigation ul ul {
    float: left;
    position: absolute;
    top: 100%;
    z-index: 99999;
    left: -9999px;
    /* 1 */
  }

  .main-navigation ul ul.sub-menu--is-touch-device,
.secondary-navigation ul ul.sub-menu--is-touch-device {
    display: none;
    left: 0;
  }

  .main-navigation ul ul li,
.secondary-navigation ul ul li {
    display: block;
  }

  .main-navigation ul ul li a,
.secondary-navigation ul ul li a {
    width: 200px;
  }

  ul.menu li.current-menu-item > a {
    color: #43454b;
  }

  /**
  * Primary Navigation
  */
  .storefront-primary-navigation {
    clear: both;
  }

  .storefront-primary-navigation::before, .storefront-primary-navigation::after {
    content: "";
    display: table;
  }

  .storefront-primary-navigation::after {
    clear: both;
  }

  .main-navigation div.menu {
    display: block;
  }

  .main-navigation ul.menu,
.main-navigation ul.nav-menu {
    max-height: none;
    overflow: visible;
    margin-left: -1em;
    -webkit-transition: none;
    transition: none;
  }

  .main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
    padding: 1.618em 1em;
  }

  .main-navigation ul.menu > li.menu-item-has-children:hover::after, .main-navigation ul.menu > li.page_item_has_children:hover::after,
.main-navigation ul.nav-menu > li.menu-item-has-children:hover::after,
.main-navigation ul.nav-menu > li.page_item_has_children:hover::after {
    display: block;
  }

  .main-navigation ul.menu ul,
.main-navigation ul.nav-menu ul {
    margin-left: 0;
  }

  .main-navigation ul.menu ul li a,
.main-navigation ul.nav-menu ul li a {
    padding: 0.875em 1.41575em;
    font-weight: 400;
    font-size: 0.875em;
  }

  .main-navigation ul.menu ul li:last-child,
.main-navigation ul.nav-menu ul li:last-child {
    border-bottom: 0;
  }

  .main-navigation ul.menu ul ul,
.main-navigation ul.nav-menu ul ul {
    margin-left: 0;
    box-shadow: none;
  }

  .main-navigation ul.menu ul a:hover,
.main-navigation ul.menu ul li:hover > a,
.main-navigation ul.menu ul li.focus,
.main-navigation ul.nav-menu ul a:hover,
.main-navigation ul.nav-menu ul li:hover > a,
.main-navigation ul.nav-menu ul li.focus {
    background-color: rgba(0, 0, 0, 0.025);
  }

  .main-navigation a {
    padding: 0 1em 2.2906835em;
  }

  /**
  * Secondary Navigation
  */
  .secondary-navigation {
    margin: 0 0 1.618em;
    width: auto;
    clear: none;
    line-height: 1;
  }

  .secondary-navigation .menu {
    font-size: 0.875em;
    width: auto;
    float: right;
  }

  .secondary-navigation .menu > li:hover > a {
    text-decoration: none;
  }

  .secondary-navigation .menu ul a {
    padding: 0.326em 0.875em;
    background: rgba(0, 0, 0, 0.05);
  }

  .secondary-navigation .menu ul li:first-child a {
    padding-top: 1em;
  }

  .secondary-navigation .menu ul li:last-child a {
    padding-bottom: 1em;
  }

  .secondary-navigation .menu ul ul {
    margin-top: -0.6180469716em;
  }

  .secondary-navigation .menu a {
    padding: 1em 0.875em;
    color: #737781;
    font-weight: 400;
  }

  .secondary-navigation .menu a:hover {
    text-decoration: none;
  }

  /**
  * 404 Styles
  */
  .error404 .fourohfour-columns-2 .col-1 {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%;
  }

  .error404 .fourohfour-columns-2 .col-1 ul.products {
    margin-bottom: 0;
  }

  .error404 .fourohfour-columns-2 .col-2 {
    width: 47.8260869565%;
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 66.4989378333em) {
  .col-full {
    margin-left: 2.617924em;
    margin-right: 2.617924em;
    padding: 0;
  }
}
@media (max-width: 568px) {
  .col-full {
    margin-left: 1.41575em;
    margin-right: 1.41575em;
    padding: 0;
  }
}
/**
 * WooCommerce
 */
/**
 * Imports
 */
@font-face {
  font-family: "star";
  src: url("../../../../plugins/woocommerce/assets/fonts/star.eot");
  src: url("../../../../plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("../../../../plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("../../../../plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("../../../../plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
  font-weight: normal;
  font-style: normal;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.price ins {
  font-weight: 400;
}

/**
 * Header Elements
 */
.woocommerce-active .site-branding {
  float: left;
}

.site-header-cart {
  list-style-type: none;
  margin-left: 0;
  padding: 0;
  margin-bottom: 0;
}

.site-header-cart .cart-contents {
  display: none;
}

.site-header-cart .widget_shopping_cart {
  display: none;
}

.site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message {
  margin: 1.41575em;
}

.site-header-cart .widget_shopping_cart .product_list_widget img {
  margin-left: 1em;
}

.site-search {
  font-size: 0.875em;
  clear: both;
  display: none;
}

.site-search .widget_product_search input[type=text],
.site-search .widget_product_search input[type=search] {
  padding: 1em 1.41575em;
  line-height: 1;
}

.site-search .widget_product_search form::before {
  top: 1.15em;
  left: 1.15em;
}

.site-search .widget_product_search #searchsubmit {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

/**
 * Handheld footer bar
 */
.storefront-handheld-footer-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
  z-index: 9999;
}

.storefront-handheld-footer-bar::before, .storefront-handheld-footer-bar::after {
  content: "";
  display: table;
}

.storefront-handheld-footer-bar::after {
  clear: both;
}

.storefront-handheld-footer-bar ul {
  margin: 0;
}

.storefront-handheld-footer-bar ul li {
  display: inline-block;
  float: left;
  text-align: center;
}

.storefront-handheld-footer-bar ul li:last-child > a {
  border-right: 0;
}

.storefront-handheld-footer-bar ul li > a {
  height: 4.235801032em;
  display: block;
  position: relative;
  text-indent: -9999px;
  z-index: 999;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  overflow: hidden;
}

.storefront-handheld-footer-bar ul li > a:focus {
  z-index: 1000;
}

.storefront-handheld-footer-bar ul li.search .site-search {
  position: absolute;
  bottom: -2em;
  left: 0;
  right: 0;
  -webkit-transition: all, ease, 0.2s;
  transition: all, ease, 0.2s;
  padding: 1em;
  z-index: 1;
  display: block;
}

.storefront-handheld-footer-bar ul li.search.active .site-search {
  bottom: 100%;
}

.storefront-handheld-footer-bar ul li.search .site-search,
.storefront-handheld-footer-bar ul li.search .widget,
.storefront-handheld-footer-bar ul li.search form {
  margin-bottom: 0;
}

.storefront-handheld-footer-bar ul li.cart .count {
  text-indent: 0;
  display: block;
  width: 2em;
  height: 2em;
  line-height: 2;
  box-sizing: content-box;
  font-size: 0.75em;
  position: absolute;
  top: 0.875em;
  left: 50%;
  border-radius: 100%;
  border: 1px solid;
}

.storefront-handheld-footer-bar ul.columns-1 li {
  width: 100%;
  display: block;
  float: none;
}

.storefront-handheld-footer-bar ul.columns-2 li {
  width: 50%;
}

.storefront-handheld-footer-bar ul.columns-3 li {
  width: 33.33333%;
}

.storefront-handheld-footer-bar ul.columns-4 li {
  width: 25%;
}

.storefront-handheld-footer-bar ul.columns-5 li {
  width: 20%;
}

.sf-input-focused .storefront-handheld-footer-bar {
  display: none;
}

/**
 * Shop tables
 */
table.shop_table_responsive thead {
  display: none;
}

table.shop_table_responsive tbody th {
  display: none;
}

table.shop_table_responsive tr td {
  display: block;
  text-align: right;
  clear: both;
}

table.shop_table_responsive tr td::before, table.shop_table_responsive tr td::after {
  content: "";
  display: table;
}

table.shop_table_responsive tr td::after {
  clear: both;
}

table.shop_table_responsive tr td[data-title]::before {
  content: attr(data-title) ": ";
  font-weight: 600;
  float: left;
}

table.shop_table_responsive tr td.product-remove a {
  text-align: left;
}

table.shop_table_responsive tr td.actions::before, table.shop_table_responsive tr td.download-actions::before {
  display: none;
}

table.shop_table_responsive tr td.download-actions .button {
  display: block;
  text-align: center;
}

table.shop_table_responsive.my_account_orders .order-actions {
  text-align: right;
}

table.shop_table_responsive.my_account_orders .order-actions::before {
  display: none;
}

/**
 * Products
 */
ul.products::before, ul.products::after {
  content: "";
  display: table;
}

ul.products::after {
  clear: both;
}

ul.products,
.wc-block-grid__products {
  margin-left: 0;
  margin-bottom: 0;
  clear: both;
}

ul.products li.product,
ul.products .wc-block-grid__product,
.wc-block-grid__products li.product,
.wc-block-grid__products .wc-block-grid__product {
  list-style: none;
  margin-left: 0;
  margin-bottom: 4.235801032em;
  text-align: center;
  position: relative;
}

ul.products li.product .star-rating,
ul.products .wc-block-grid__product .star-rating,
.wc-block-grid__products li.product .star-rating,
.wc-block-grid__products .wc-block-grid__product .star-rating {
  margin: 0 auto 0.5407911001em;
}

ul.products li.product .woocommerce-LoopProduct-link,
ul.products .wc-block-grid__product .woocommerce-LoopProduct-link,
.wc-block-grid__products li.product .woocommerce-LoopProduct-link,
.wc-block-grid__products .wc-block-grid__product .woocommerce-LoopProduct-link {
  display: block;
}

ul.products li.product .price,
ul.products .wc-block-grid__product .price,
.wc-block-grid__products li.product .price,
.wc-block-grid__products .wc-block-grid__product .price {
  display: block;
  color: #43454b;
  font-weight: 400;
  margin-bottom: 1rem;
}

ul.products li.product .price ins,
ul.products .wc-block-grid__product .price ins,
.wc-block-grid__products li.product .price ins,
.wc-block-grid__products .wc-block-grid__product .price ins {
  margin-left: 0.6180469716em;
  background-color: transparent;
}

ul.products li.product h2,
ul.products li.product h3,
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .wc-block-grid__product-title,
ul.products li.product .wc-block-grid__product-title > a,
ul.products .wc-block-grid__product h2,
ul.products .wc-block-grid__product h3,
ul.products .wc-block-grid__product .woocommerce-loop-product__title,
ul.products .wc-block-grid__product .wc-block-grid__product-title,
ul.products .wc-block-grid__product .wc-block-grid__product-title > a,
.wc-block-grid__products li.product h2,
.wc-block-grid__products li.product h3,
.wc-block-grid__products li.product .woocommerce-loop-product__title,
.wc-block-grid__products li.product .wc-block-grid__product-title,
.wc-block-grid__products li.product .wc-block-grid__product-title > a,
.wc-block-grid__products .wc-block-grid__product h2,
.wc-block-grid__products .wc-block-grid__product h3,
.wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title > a {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0.5407911001em;
}

ul.products li.product .star-rating,
ul.products .wc-block-grid__product .star-rating,
.wc-block-grid__products li.product .star-rating,
.wc-block-grid__products .wc-block-grid__product .star-rating {
  font-size: 0.875em;
}

ul.products li.product img,
ul.products .wc-block-grid__product img,
.wc-block-grid__products li.product img,
.wc-block-grid__products .wc-block-grid__product img {
  display: block;
  margin: 0 auto 1.618em;
  width: auto;
}

ul.products li.product.product-category h2,
ul.products li.product.product-category h3,
ul.products li.product.product-category .woocommerce-loop-category__title,
ul.products .wc-block-grid__product.product-category h2,
ul.products .wc-block-grid__product.product-category h3,
ul.products .wc-block-grid__product.product-category .woocommerce-loop-category__title,
.wc-block-grid__products li.product.product-category h2,
.wc-block-grid__products li.product.product-category h3,
.wc-block-grid__products li.product.product-category .woocommerce-loop-category__title,
.wc-block-grid__products .wc-block-grid__product.product-category h2,
.wc-block-grid__products .wc-block-grid__product.product-category h3,
.wc-block-grid__products .wc-block-grid__product.product-category .woocommerce-loop-category__title {
  font-size: 1.1em;
}

ul.products li.product.product-category img,
ul.products .wc-block-grid__product.product-category img,
.wc-block-grid__products li.product.product-category img,
.wc-block-grid__products .wc-block-grid__product.product-category img {
  margin-bottom: 1.618em;
}

ul.products li.product .button,
ul.products .wc-block-grid__product .button,
.wc-block-grid__products li.product .button,
.wc-block-grid__products .wc-block-grid__product .button {
  margin-bottom: 0.236em;
}

.hentry .entry-content .wc-block-grid__products .wc-block-grid__product > a,
.hentry .entry-content ul.products li.product > a {
  text-decoration: none;
}

.price del {
  opacity: 0.5;
  font-weight: 400;
}

.price del + ins {
  margin-left: 0.327em;
}

/**
 * Single Product
 */
.single-product .pswp__button {
  background-color: transparent;
}

.single-product div.product {
  position: relative;
  overflow: hidden;
}

.single-product div.product::before, .single-product div.product::after {
  content: "";
  display: table;
}

.single-product div.product::after {
  clear: both;
}

.single-product div.product .images,
.single-product div.product .summary,
.single-product div.product .woocommerce-product-gallery {
  margin-bottom: 2.617924em;
  margin-top: 0;
}

.single-product div.product .woocommerce-product-gallery {
  position: relative;
}

.single-product div.product .woocommerce-product-gallery .zoomImg {
  background-color: #fff;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  position: absolute;
  top: 0.875em;
  right: 0.875em;
  display: block;
  height: 2em;
  width: 2em;
  border-radius: 3px;
  z-index: 99;
  text-align: center;
}

.single-product div.product .woocommerce-product-gallery img {
  margin: 0;
}

.single-product div.product .woocommerce-product-gallery .flex-viewport {
  margin-bottom: 1.618em;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
  margin: 0;
  padding: 0;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs::before, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs::after {
  content: "";
  display: table;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs::after {
  clear: both;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
  list-style: none;
  margin-bottom: 1.618em;
  cursor: pointer;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
  opacity: 0.5;
  -webkit-transition: all, ease, 0.2s;
  transition: all, ease, 0.2s;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
  opacity: 1;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
  opacity: 1;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
  width: 42.8571428571%;
  float: left;
  margin-right: 14.2857142857%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
  margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
  clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
  width: 23.8095238%;
  float: left;
  margin-right: 14.2857142857%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
  margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
  clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
  width: 14.2857142857%;
  float: left;
  margin-right: 14.2857142857%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
  margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
  clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
  width: 8.5714285714%;
  float: left;
  margin-right: 14.2857142857%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
  margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
  clear: none;
}

.single-product div.product .images .woocommerce-main-image {
  margin-bottom: 1.618em;
  display: block;
}

.single-product div.product .images .thumbnails a.zoom {
  display: block;
  width: 22.05%;
  margin-right: 3.8%;
  float: left;
  margin-bottom: 1em;
}

.single-product div.product .images .thumbnails a.zoom.last {
  margin-right: 0;
}

.single-product div.product .images .thumbnails a.zoom.first {
  clear: both;
}

.single-product div.product form.cart {
  margin-bottom: 1.618em;
  padding: 1em 0;
}

.single-product div.product form.cart::before, .single-product div.product form.cart::after {
  content: "";
  display: table;
}

.single-product div.product form.cart::after {
  clear: both;
}

.single-product div.product form.cart .quantity {
  float: left;
  margin-right: 0.875em;
}

.single-product div.product form.cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__label {
  overflow-wrap: anywhere;
  word-break: break-word;
  -ms-word-break: break-all;
}

.single-product div.product form.cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity {
  float: none;
  margin-right: 0;
}

.single-product div.product form.cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity .quantity {
  margin-right: 0;
}

.single-product div.product p.price {
  font-size: 1.41575em;
  margin: 1.41575em 0;
}

.single-product div.product table.variations {
  table-layout: fixed;
  margin: 0;
}

.single-product div.product table.variations th,
.single-product div.product table.variations td {
  display: list-item;
  padding: 0;
  list-style: none;
  background-color: transparent;
}

.single-product div.product table.variations .value {
  margin-bottom: 1em;
}

.single-product div.product table.variations select {
  max-width: 70%;
  vertical-align: middle;
}

.single-product div.product .single_variation .price {
  margin-bottom: 1em;
  display: block;
}

.single-product div.product .variations_button {
  padding-top: 1em;
}

.single-product div.product .variations_button::before, .single-product div.product .variations_button::after {
  content: "";
  display: table;
}

.single-product div.product .variations_button::after {
  clear: both;
}

.single-product div.product .woocommerce-product-rating {
  margin-bottom: 1.618em;
  margin-top: -0.875em;
}

.single-product div.product .woocommerce-product-rating::before, .single-product div.product .woocommerce-product-rating::after {
  content: "";
  display: table;
}

.single-product div.product .woocommerce-product-rating::after {
  clear: both;
}

.single-product div.product .woocommerce-product-rating a {
  font-weight: 600;
  text-decoration: underline;
}

.single-product div.product .woocommerce-product-rating a:hover {
  text-decoration: none;
}

.single-product div.product .woocommerce-product-rating .star-rating {
  float: left;
  margin-right: 0.6180469716em;
}

.single-product div.product .product_meta {
  font-size: 0.875em;
  padding-top: 1em;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.single-product div.product .product_meta .sku_wrapper,
.single-product div.product .product_meta .posted_in,
.single-product div.product .product_meta .tagged_as {
  display: block;
}

.single-product div.product .product_meta .sku_wrapper:last-child,
.single-product div.product .product_meta .posted_in:last-child,
.single-product div.product .product_meta .tagged_as:last-child {
  border-bottom: 0;
}

.single-product div.product .product_meta a {
  font-weight: 600;
  text-decoration: underline;
}

.single-product div.product .product_meta a:hover {
  text-decoration: none;
}

.single-product div.product .edit-link {
  font-size: 0.875em;
  margin-top: 1em;
}

.stock:empty::before {
  display: none;
}

.stock.in-stock {
  color: #0f834d;
}

.stock.out-of-stock {
  color: #e2401c;
}

a.reset_variations {
  display: inline-block;
  margin-left: 1em;
}

/**
 * Reviews
 */
#reviews {
  outline: none;
}

#reviews #comments {
  padding-top: 0;
}

#reviews .comment-reply-title {
  display: none;
}

#reviews .commentlist {
  list-style: none;
  margin-left: 0;
}

#reviews .commentlist li {
  margin-bottom: 2.617924em;
  list-style: none;
  clear: both;
}

#reviews .commentlist li::before, #reviews .commentlist li::after {
  content: "";
  display: table;
}

#reviews .commentlist li::after {
  clear: both;
}

#reviews .commentlist li .comment_container {
  border-radius: 3px;
}

#reviews .commentlist li .comment_container::before, #reviews .commentlist li .comment_container::after {
  content: "";
  display: table;
}

#reviews .commentlist li .comment_container::after {
  clear: both;
}

#reviews .commentlist li .comment_container .comment-text {
  width: 81.8181818182%;
  float: right;
  margin-right: 0;
}

#reviews .commentlist li .comment_container .comment-text .star-rating {
  float: right;
  font-size: 0.875em;
  line-height: 1;
  height: 1em;
}

#reviews .commentlist li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

#reviews .commentlist li time {
  opacity: 0.5;
  font-size: 0.875em;
}

#reviews .commentlist li .avatar {
  width: 9.0909090909%;
  float: left;
  margin-right: 9.0909090909%;
  height: auto;
}

#reviews .commentlist li p.meta {
  margin-bottom: 1em;
}

#reviews .commentlist li p.meta strong {
  line-height: 1;
}

#reviews .commentlist li p.meta time {
  display: block;
}

#reviews .commentlist li p.meta .verified {
  font-style: normal;
  font-size: 0.875em;
}

#reviews .commentlist li p.meta .woocommerce-review__dash {
  display: none;
}

#reviews .commentlist li ul.children {
  margin: 0;
  width: 81.8181818182%;
  float: right;
  margin-right: 0;
  padding-top: 1.618em;
}

#reviews .commentlist li ul.children .avatar {
  width: 11.1111111111%;
  float: left;
  margin-right: 11.1111111111%;
}

#reviews .commentlist li ul.children .comment-text {
  width: 77.7777777778%;
  float: right;
  margin-right: 0;
}

#reviews .commentlist li ul.children li {
  margin-bottom: 1.618em;
}

#reviews .commentlist li ul.children li:last-child {
  margin-bottom: 0;
}

#reviews .comment-form-rating {
  clear: both;
}

#reviews .comment-form-rating label {
  display: block;
}

/**
 * Breadcrumbs
 */
.storefront-breadcrumb {
  margin: 0 0 1.618em;
  padding: 1em 0;
}

.woocommerce-breadcrumb {
  font-size: 0.875em;
}

.woocommerce-breadcrumb a {
  text-decoration: underline;
}

.woocommerce-breadcrumb a:hover {
  text-decoration: none;
}

.woocommerce-breadcrumb .breadcrumb-separator {
  display: inline-block;
  padding: 0 0.5407911001em;
}

/**
 * Widgets
 */
.product_list_widget {
  list-style: none;
  margin-left: 0;
}

.product_list_widget li {
  padding: 1em 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.product_list_widget li::before, .product_list_widget li::after {
  content: "";
  display: table;
}

.product_list_widget li::after {
  clear: both;
}

.product_list_widget li img {
  max-width: 2.617924em;
  float: right;
}

.product_list_widget li > a {
  display: block;
}

.product_list_widget a:hover {
  color: #2c2d33;
}

.widget ul.products li.product a {
  text-decoration: none;
}

.widget_products a {
  display: block;
}

.widget_shopping_cart .product_list_widget {
  margin-bottom: 0;
}

.widget_shopping_cart .product_list_widget li {
  padding-left: 2em;
  position: relative;
}

.widget_shopping_cart .product_list_widget li a.remove {
  position: absolute;
  top: 1em;
  left: 0;
  opacity: 1;
}

.widget_shopping_cart p.total,
.widget_shopping_cart p.buttons {
  padding: 1em 0;
  margin: 0;
  text-align: center;
}

.widget_shopping_cart p.total {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.widget_shopping_cart .buttons a {
  display: block;
  margin-bottom: 0.6180469716em;
}

.widget_shopping_cart .buttons a:last-child {
  margin-bottom: 0;
}

.widget_shopping_cart .buttons a img {
  margin-left: auto;
  margin-right: auto;
}

.site-header .widget_shopping_cart p.total,
.site-header .widget_shopping_cart p.buttons,
.site-header .widget_shopping_cart li {
  padding-left: 1.41575em;
  padding-right: 1.41575em;
}

.widget_layered_nav li {
  margin-bottom: 0.6180469716em;
}

.widget.woocommerce li .count {
  font-size: 1em;
  float: right;
}

.widget_price_filter .price_slider {
  margin-bottom: 1em;
}

.widget_price_filter .price_slider_amount {
  text-align: right;
  line-height: 2.4em;
}

.widget_price_filter .price_slider_amount .button {
  float: left;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .widget_price_filter .price_slider_amount {
    text-align: left;
  }

  .widget_price_filter .price_slider_amount .button {
    display: block;
    float: none;
    width: 100%;
  }
}
.widget_price_filter .ui-slider {
  position: relative;
  text-align: left;
}

.widget_price_filter .ui-slider .ui-slider-handle {
  position: absolute;
  top: auto;
  z-index: 2;
  width: 1em;
  height: 1em;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  cursor: ew-resize;
  background: #2c2d33;
  box-sizing: border-box;
  margin-top: -0.25em;
  margin-left: auto;
  opacity: 1;
  border: 0;
}

.widget_price_filter .ui-slider .ui-slider-handle:last-child {
  margin-left: -1em;
}

.widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
  box-shadow: 0 0 0 0.236em rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background: #2c2d33;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
}

.widget_price_filter .price_slider_wrapper .ui-widget-content {
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  background: rgba(0, 0, 0, 0.1);
  border: 0;
}

.widget_price_filter .ui-slider-horizontal {
  height: 0.5em;
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
  left: -1px;
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
  right: -1px;
}

/**
 * Right to left styles
 */
/*!rtl:begin:ignore*/
.rtl .widget_price_filter .price_label,
.rtl .widget_price_filter .price_label span {
  direction: ltr;
  unicode-bidi: embed;
}

/*!rtl:end:ignore*/
/**
 * Cart
 */
table.cart {
  margin-bottom: 3.706325903em;
}

table.cart .product-quantity .plus,
table.cart .product-quantity .minus {
  display: none;
}

table.cart .product-thumbnail img {
  margin: 0 auto;
  max-width: 3.706325903em;
  height: auto;
}

table.cart .product-thumbnail::before {
  display: none;
}

table.cart tr:first-child td.product-remove {
  border-top-width: 0;
}

table.cart td.product-remove {
  padding: 0;
  border-top: 1.618em solid;
  position: relative;
}

table.cart td.product-remove a.remove {
  position: absolute;
  font-size: 1.41575em;
  top: -0.6180469716em;
  right: -0.6180469716em;
}

table.cart td.product-quantity .qty {
  padding: 0.326em;
  width: 3.706325903em;
}

table.cart td.product-name {
  overflow-wrap: anywhere;
  word-break: break-word;
  -ms-word-break: break-all;
}

table.cart td,
table.cart th {
  padding: 0.875em 0.875em 0;
}

table.cart td.product-subtotal {
  padding-bottom: 0.875em;
}

table.cart td.actions {
  border-top: 1em solid;
  background-color: transparent;
  padding: 0;
}

table.cart td.actions label {
  display: none;
}

table.cart td.actions .coupon {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

table.cart td.actions input {
  display: block;
  width: 100%;
  margin: 0.5407911001em 0;
}

.wc-proceed-to-checkout {
  margin-bottom: 1.618em;
}

.wc-proceed-to-checkout::before, .wc-proceed-to-checkout::after {
  content: "";
  display: table;
}

.wc-proceed-to-checkout::after {
  clear: both;
}

.wc-proceed-to-checkout .button {
  display: block;
  text-align: center;
  margin-bottom: 1em;
}

.wc-proceed-to-checkout .button.checkout-button {
  font-size: 1.41575em;
}

.woocommerce-shipping-calculator {
  margin: 0;
}

.woocommerce-shipping-calculator > p:first-child {
  margin: 0;
}

.woocommerce-shipping-calculator .shipping-calculator-form {
  padding-top: 1.41575em;
}

ul#shipping_method {
  list-style: none;
  margin-left: 0;
}

ul#shipping_method li {
  margin-bottom: 0.2360828548em;
}

ul#shipping_method li:last-child {
  margin-bottom: 0;
}

ul#shipping_method input {
  margin-right: 0.3342343017em;
}

.woocommerce-checkout ul#shipping_method {
  margin-bottom: 0;
}

/**
 * Checkout
 *
 * 1 - Required to make the blockUI overlay cover the entire page rather than just the checkout form. We do this because
 *     otherwise our sticky order review can break out of the checkout form (and the blockUI element).
 */
.checkout_coupon {
  margin-bottom: 2.617924em;
}

form.checkout {
  position: static !important;
  /* 1 */
}

form.checkout::before, form.checkout::after {
  content: "";
  display: table;
}

form.checkout::after {
  clear: both;
}

form.checkout > .blockUI {
  position: fixed !important;
  /* 1 */
}

#payment::before, #payment::after {
  content: "";
  display: table;
}

#payment::after {
  clear: both;
}

#payment .create-account {
  clear: both;
}

#payment .payment_methods {
  margin: 0 !important;
  padding: 0 !important;
}

#payment .payment_methods > .woocommerce-PaymentMethod > label,
#payment .payment_methods > .wc_payment_method > label {
  display: block;
  padding: 1.41575em;
  cursor: pointer;
}

#payment .payment_methods li {
  list-style: none !important;
  margin-left: 0;
  position: relative;
}

#payment .payment_methods li img {
  float: right;
  border: 0;
  padding: 0;
  max-height: 1.618em;
}

#payment .payment_methods li:last-child:not(.woocommerce-notice) {
  padding-bottom: 0;
  border-bottom: 0;
}

#payment .payment_methods li p {
  margin: 0;
}

#payment .payment_methods li .payment_box {
  padding: 1.41575em;
}

#payment .payment_methods li .payment_box fieldset {
  border: 0;
  margin: 0;
  padding: 1em 0 0;
  font-size: 0.875em;
}

#payment .payment_methods li .payment_box fieldset label {
  width: auto;
  margin-left: 0;
}

#payment .payment_methods li .payment_box fieldset .form-row {
  margin-bottom: 1em;
}

#payment .payment_methods li .payment_box fieldset .form-row input[type=checkbox] {
  margin-right: 5px;
}

#payment .payment_methods li .payment_box fieldset #cvv {
  width: 22% !important;
}

#payment .payment_methods li .payment_box fieldset .help {
  width: 75%;
  float: right;
}

#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods {
  padding-top: 1em;
  margin: 0;
}

#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li {
  margin-top: 0.6180469716em;
}

#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li input[type=radio] {
  margin-right: 0.236em;
}

#payment .payment_methods li .payment_box ul.wc-saved-payment-methods {
  margin-left: 0;
}

#payment .payment_methods li .payment_box .wc-credit-card-form-card-number,
#payment .payment_methods li .payment_box .wc-credit-card-form-card-expiry,
#payment .payment_methods li .payment_box .wc-credit-card-form-card-cvc {
  font-size: 1.41575em;
}

#payment .payment_methods li .payment_box .wc-credit-card-form-card-number {
  background-repeat: no-repeat;
  background-position: right 0.6180469716em center;
  background-size: 31px 20px;
  background-image: url("../../../assets/images/credit-cards/unknown.svg");
}

#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.visa {
  background-image: url("../../../assets/images/credit-cards/visa.svg");
}

#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.mastercard {
  background-image: url("../../../assets/images/credit-cards/mastercard.svg");
}

#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.laser {
  background-image: url("../../../assets/images/credit-cards/laser.svg");
}

#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.dinersclub {
  background-image: url("../../../assets/images/credit-cards/diners.svg");
}

#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.maestro {
  background-image: url("../../../assets/images/credit-cards/maestro.svg");
}

#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.jcb {
  background-image: url("../../../assets/images/credit-cards/jcb.svg");
}

#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.amex {
  background-image: url("../../../assets/images/credit-cards/amex.svg");
}

#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.discover {
  background-image: url("../../../assets/images/credit-cards/discover.svg");
}

#payment .terms {
  width: 100%;
  clear: both;
  float: none;
  margin-bottom: 1em;
}

#payment .terms label {
  display: block;
  cursor: pointer;
}

#payment .woocommerce-terms-and-conditions {
  padding: 1em;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  margin-bottom: 16px;
  background-color: rgba(0, 0, 0, 0.05);
}

#payment .place-order {
  padding: 1.41575em;
  margin-bottom: 0;
  float: none;
  width: 100%;
  margin-top: 2.617924em;
}

#payment .place-order .button {
  font-size: 1.41575em;
  width: 100%;
  white-space: pre-wrap;
}

table.woocommerce-checkout-review-order-table .product-name {
  width: 45%;
  overflow-wrap: anywhere;
  word-break: break-word;
  -ms-word-break: break-all;
}

.admin-bar .woocommerce-checkout #wc_checkout_add_ons label + br {
  display: none;
}

/**
 * Password strength meter
 */
.woocommerce-password-strength {
  font-weight: 600;
  padding: 0.5407911001em 0;
  text-align: right;
  font-size: 0.875em;
}

.woocommerce-password-strength.strong {
  color: #0f834d;
}

.woocommerce-password-strength.short {
  color: #e2401c;
}

.woocommerce-password-strength.bad {
  color: #e2401c;
}

.woocommerce-password-strength.good {
  color: #3d9cd2;
}

/**
 * My Account
 */
label.inline {
  display: inline !important;
  margin-left: 1em;
}

.hentry .entry-content .woocommerce-MyAccount-navigation ul {
  margin-left: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.hentry .entry-content .woocommerce-MyAccount-navigation ul li {
  list-style: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  position: relative;
}

.hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
  text-decoration: none;
  padding: 0.875em 0;
  display: block;
}

ul.order_details {
  list-style: none;
  position: relative;
  margin: 3.706325903em 0;
}

ul.order_details::before, ul.order_details::after {
  content: "";
  display: table;
}

ul.order_details::after {
  clear: both;
}

ul.order_details::before, ul.order_details::after {
  content: "";
  display: block;
  position: absolute;
  top: -16px;
  left: 0;
  width: 100%;
  height: 16px;
  background-size: 0 100%, 16px 16px, 16px 16px;
}

ul.order_details::after {
  top: auto;
  bottom: -16px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

ul.order_details li {
  padding: 1em 1.618em;
  font-size: 0.8em;
  text-transform: uppercase;
}

ul.order_details li:first-child {
  padding-top: 1.618em;
}

ul.order_details li:last-child {
  border: 0;
  padding-bottom: 1.618em;
}

ul.order_details li strong {
  display: block;
  font-size: 1.41575em;
  text-transform: none;
}

.my_account_orders .button,
.woocommerce-MyAccount-downloads .button {
  padding: 0.6180469716em 0.875em;
  font-size: 0.875em;
  margin-right: 0.236em;
}

.woocommerce-MyAccount-content h2 {
  font-size: 2em;
  font-weight: 600;
}

.woocommerce-MyAccount-content #payment .payment_methods {
  margin-bottom: 1.618em !important;
}

/**
 * General WooCommerce components
 */
.woocommerce-form__label-for-checkbox {
  cursor: pointer;
  display: block;
}

.woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox {
  margin-right: 0.3342343017em;
}

.form-row label {
  display: block;
}

.form-row input,
.form-row textarea,
.form-row select {
  width: 100%;
}

.form-row input[type=checkbox],
.form-row input[type=radio] {
  width: auto;
}

.form-row .button {
  width: auto;
}

.form-row.create-account label {
  display: inline-block;
}

.form-row.woocommerce-validated input.input-text {
  box-shadow: inset 2px 0 0 #0f834d;
}

.form-row.woocommerce-invalid input.input-text {
  box-shadow: inset 2px 0 0 #e2401c;
}

.form-row.woocommerce-invalid input.input-checkbox {
  outline: 2px solid #e2401c;
  outline-offset: 1px;
}

.form-row.woocommerce-invalid .select2-selection {
  border-color: #e2401c;
  border-width: 2px;
}

.form-row-last {
  margin-right: 0 !important;
}

.form-row-wide {
  clear: both;
  width: 100%;
}

.required {
  border-bottom: 0 !important;
  color: #e2401c;
}

.password-input {
  display: block;
  position: relative;
}

.show-password-input {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.618em;
  line-height: 1.618;
  cursor: pointer;
}

.show-password-input::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  content: "\f06e";
}

.show-password-input.display-password::after {
  color: #e8e8e8;
}

.demo_store {
  position: fixed;
  left: 0;
  bottom: 69px;
  right: 0;
  margin: 0;
  padding: 1em 1.41575em;
  background-color: #3d9cd2;
  color: #fff;
  z-index: 9998;
}

.demo_store a {
  color: #fff;
  font-weight: 400;
  text-decoration: underline;
}

.demo_store a:hover {
  text-decoration: none;
}

.demo_store a.woocommerce-store-notice__dismiss-link {
  display: block;
}

.star-rating {
  overflow: hidden;
  position: relative;
  height: 1.618em;
  line-height: 1.618;
  font-size: 1em;
  width: 5.6em;
  font-family: "star";
  font-weight: 400;
}

.star-rating::before {
  content: "SSSSS";
  opacity: 0.25;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}

.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}

.star-rating span::before {
  content: "SSSSS";
  top: 0;
  position: absolute;
  left: 0;
  color: #2c2d33;
}

p.stars {
  display: inline-block;
  margin: 0;
}

p.stars a {
  position: relative;
  height: 1em;
  width: 1em;
  text-indent: -999em;
  overflow: hidden;
  display: inline-block;
  text-decoration: none;
  margin-right: 1px;
  font-weight: 400;
}

p.stars a::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  line-height: 1;
  font-family: "star";
  content: "S";
  color: #43454b;
  text-indent: 0;
  opacity: 0.25;
}

p.stars a:hover ~ a::before {
  content: "S";
  color: #43454b;
  opacity: 0.25;
}

p.stars:hover a::before {
  content: "S";
  color: #96588a;
  opacity: 1;
}

p.stars.selected a.active::before {
  content: "S";
  color: #96588a;
  opacity: 1;
}

p.stars.selected a.active ~ a::before {
  content: "S";
  color: #43454b;
  opacity: 0.25;
}

p.stars.selected a:not(.active)::before {
  content: "S";
  color: #96588a;
  opacity: 1;
}

.wc-block-grid__product-onsale,
.onsale {
  border: 1px solid;
  border-color: #43454b;
  color: #43454b;
  padding: 0.202em 0.6180469716em;
  font-size: 0.875em;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 1em;
  border-radius: 3px;
  position: relative;
}

.quantity .qty {
  width: 4.235801032em;
  text-align: center;
}

.storefront-sorting {
  font-size: 0.875em;
  margin-bottom: 2.617924em;
}

.woocommerce-tabs {
  overflow: hidden;
  padding: 1em 0;
}

.woocommerce-tabs::before, .woocommerce-tabs::after {
  content: "";
  display: table;
}

.woocommerce-tabs::after {
  clear: both;
}

.woocommerce-tabs ul.tabs {
  list-style: none;
  margin-left: 0;
  text-align: left;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.woocommerce-tabs ul.tabs li {
  display: block;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  position: relative;
}

.woocommerce-tabs ul.tabs li a {
  padding: 1em 0;
  display: block;
}

.woocommerce-tabs .panel h2:first-of-type {
  font-size: 1.618em;
  margin-bottom: 1em;
}

.related > h2:first-child,
.upsells > h2:first-child {
  font-size: 1.618em;
  margin-bottom: 1em;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
  padding: 1em 1.618em;
  margin-bottom: 2.617924em;
  background-color: #0f834d;
  margin-left: 0;
  border-radius: 2px;
  color: #fff;
  clear: both;
  border-left: 0.6180469716em solid rgba(0, 0, 0, 0.15);
}

.woocommerce-message::before, .woocommerce-message::after,
.woocommerce-info::before,
.woocommerce-info::after,
.woocommerce-error::before,
.woocommerce-error::after,
.woocommerce-noreviews::before,
.woocommerce-noreviews::after,
p.no-comments::before,
p.no-comments::after {
  content: "";
  display: table;
}

.woocommerce-message::after,
.woocommerce-info::after,
.woocommerce-error::after,
.woocommerce-noreviews::after,
p.no-comments::after {
  clear: both;
}

.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a,
.woocommerce-noreviews a,
p.no-comments a {
  color: #fff;
}

.woocommerce-message a:hover,
.woocommerce-info a:hover,
.woocommerce-error a:hover,
.woocommerce-noreviews a:hover,
p.no-comments a:hover {
  color: #fff;
  opacity: 0.7;
}

.woocommerce-message a.button:hover,
.woocommerce-info a.button:hover,
.woocommerce-error a.button:hover,
.woocommerce-noreviews a.button:hover,
p.no-comments a.button:hover {
  opacity: 1;
}

.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button,
.woocommerce-noreviews .button,
p.no-comments .button {
  float: right;
  padding: 0;
  background: none;
  color: #fff;
  box-shadow: none;
  line-height: 1.618;
  margin-left: 1em;
  padding-left: 1em;
  border-width: 0;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: rgba(255, 255, 255, 0.25) !important;
  border-radius: 0;
}

.woocommerce-message .button:hover,
.woocommerce-info .button:hover,
.woocommerce-error .button:hover,
.woocommerce-noreviews .button:hover,
p.no-comments .button:hover {
  background: none;
  color: #fff;
  opacity: 0.7;
}

.woocommerce-message pre,
.woocommerce-info pre,
.woocommerce-error pre,
.woocommerce-noreviews pre,
p.no-comments pre {
  background-color: rgba(0, 0, 0, 0.1);
}

.site-content > .col-full > .woocommerce > .woocommerce-message:first-child,
.site-content > .col-full > .woocommerce > .woocommerce-info:first-child,
.site-content > .col-full > .woocommerce > .woocommerce-error:first-child {
  margin-top: 2.617924em;
}

.woocommerce-error {
  list-style: none;
}

.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
  background-color: #3d9cd2;
}

.woocommerce-error {
  background-color: #e2401c;
}

dl.variation {
  font-size: 0.875em;
}

dl.variation dd {
  margin: 0 0 1em;
}

.wc-item-meta {
  font-size: 0.875em;
  margin-left: 0;
  list-style: none;
}

.wc-item-meta li::before, .wc-item-meta li::after {
  content: "";
  display: table;
}

.wc-item-meta li::after {
  clear: both;
}

.wc-item-meta li strong,
.wc-item-meta li p {
  display: inline-block;
}

/**
 * My Account
 */
.woocommerce-MyAccount-content .woocommerce-Pagination {
  text-align: center;
}

/**
 * Homepage
 */
.storefront-product-section {
  margin-bottom: 1.618em;
}

.storefront-product-section .section-title {
  text-align: center;
  margin-bottom: 1em;
}

.storefront-product-section:last-child {
  margin-bottom: 0;
}

/**
 * Single Product Pagination
 */
.storefront-product-pagination {
  display: none;
}

/**
 * Sticky Add to Cart
 */
.storefront-sticky-add-to-cart {
  display: none;
}

@media (min-width: 768px) {
  .demo_store {
    bottom: 0;
  }

  .demo_store a.woocommerce-store-notice__dismiss-link {
    background: rgba(0, 0, 0, 0.1);
    float: right;
    display: inline-block;
    margin: -1em -1.41575em -1em 0;
    padding: 1em 1.41575em;
  }

  /**
  * Handheld footer bar
  */
  .storefront-handheld-footer-bar {
    display: none;
  }

  /**
  * Breadcrumbs
  */
  .storefront-breadcrumb {
    padding: 1.41575em 0;
    margin: 0 0 3.706325903em;
  }

  /**
  * Responsive tables
  */
  table.shop_table_responsive thead {
    display: table-header-group;
  }

  table.shop_table_responsive tbody th {
    display: table-cell;
  }

  table.shop_table_responsive tr td {
    display: table-cell;
  }

  table.shop_table_responsive tr td::before {
    display: none;
  }

  /**
  * Header Elements
  */
  .site-header-cart {
    position: relative;
  }

  .site-header-cart .cart-contents {
    padding: 1.618em 0;
    display: block;
    position: relative;
    background-color: transparent;
    height: auto;
    width: auto;
    text-indent: 0;
  }

  .site-header-cart .cart-contents .amount {
    margin-right: 0.327em;
  }

  .site-header-cart .cart-contents .count {
    font-weight: 400;
    opacity: 0.5;
    font-size: 0.875em;
  }

  .site-header-cart .cart-contents span {
    display: inline;
  }

  .site-header-cart .widget_shopping_cart {
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 999999;
    font-size: 0.875em;
    left: -999em;
    display: block;
  }

  .site-header-cart .widget_shopping_cart.sub-menu--is-touch-device {
    display: none;
    left: 0;
  }

  .site-header-cart .widget_shopping_cart h2.widgettitle {
    display: none;
  }

  .site-header-cart .widget_shopping_cart .product_list_widget {
    height: 0;
  }

  .site-header-cart .widget_shopping_cart .product_list_widget li a.remove {
    position: relative;
    float: left;
    top: auto;
  }

  .site-header-cart .widget_shopping_cart .product_list_widget li a.remove::before {
    text-align: left;
  }

  .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
    left: 0;
    display: block;
  }

  .site-header-cart:hover .widget_shopping_cart .product_list_widget, .site-header-cart.focus .widget_shopping_cart .product_list_widget {
    height: auto;
  }

  .site-search {
    display: block;
  }

  .site-search form {
    margin: 0;
  }

  /**
  * Reset mobile product styles
  */
  ul.products li.product,
ul.products .wc-block-grid__product,
.wc-block-grid__products li.product,
.wc-block-grid__products .wc-block-grid__product {
    clear: none;
    width: 100%;
    float: left;
    font-size: 0.875em;
  }

  ul.products li.product.first,
ul.products .wc-block-grid__product.first,
.wc-block-grid__products li.product.first,
.wc-block-grid__products .wc-block-grid__product.first {
    clear: both !important;
  }

  ul.products li.product.last,
ul.products .wc-block-grid__product.last,
.wc-block-grid__products li.product.last,
.wc-block-grid__products .wc-block-grid__product.last {
    margin-right: 0 !important;
  }

  /**
  * Full width content area product layout
  */
  .page-template-template-fullwidth-php .site-main ul.products.columns-1 li.product,
.page-template-template-fullwidth-php .header-widget-region ul.products.columns-1 li.product,
.page-template-template-homepage-php .site-main ul.products.columns-1 li.product,
.page-template-template-homepage-php .header-widget-region ul.products.columns-1 li.product,
.storefront-full-width-content .site-main ul.products.columns-1 li.product,
.storefront-full-width-content .header-widget-region ul.products.columns-1 li.product {
    width: 100%;
    margin-right: 0;
    float: none;
  }

  .page-template-template-fullwidth-php .site-main ul.products.columns-2 li.product,
.page-template-template-fullwidth-php .header-widget-region ul.products.columns-2 li.product,
.page-template-template-homepage-php .site-main ul.products.columns-2 li.product,
.page-template-template-homepage-php .header-widget-region ul.products.columns-2 li.product,
.storefront-full-width-content .site-main ul.products.columns-2 li.product,
.storefront-full-width-content .header-widget-region ul.products.columns-2 li.product {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%;
  }

  .page-template-template-fullwidth-php .site-main ul.products.columns-3 li.product,
.page-template-template-fullwidth-php .header-widget-region ul.products.columns-3 li.product,
.page-template-template-homepage-php .site-main ul.products.columns-3 li.product,
.page-template-template-homepage-php .header-widget-region ul.products.columns-3 li.product,
.storefront-full-width-content .site-main ul.products.columns-3 li.product,
.storefront-full-width-content .header-widget-region ul.products.columns-3 li.product {
    width: 30.4347826087%;
    float: left;
    margin-right: 4.347826087%;
  }

  .page-template-template-fullwidth-php .site-main ul.products.columns-4 li.product,
.page-template-template-fullwidth-php .header-widget-region ul.products.columns-4 li.product,
.page-template-template-homepage-php .site-main ul.products.columns-4 li.product,
.page-template-template-homepage-php .header-widget-region ul.products.columns-4 li.product,
.storefront-full-width-content .site-main ul.products.columns-4 li.product,
.storefront-full-width-content .header-widget-region ul.products.columns-4 li.product {
    width: 21.7391304348%;
    float: left;
    margin-right: 4.347826087%;
  }

  .page-template-template-fullwidth-php .site-main ul.products.columns-5 li.product,
.page-template-template-fullwidth-php .header-widget-region ul.products.columns-5 li.product,
.page-template-template-homepage-php .site-main ul.products.columns-5 li.product,
.page-template-template-homepage-php .header-widget-region ul.products.columns-5 li.product,
.storefront-full-width-content .site-main ul.products.columns-5 li.product,
.storefront-full-width-content .header-widget-region ul.products.columns-5 li.product {
    width: 16.9%;
    margin-right: 3.8%;
  }

  .page-template-template-fullwidth-php .site-main ul.products.columns-6 li.product,
.page-template-template-fullwidth-php .header-widget-region ul.products.columns-6 li.product,
.page-template-template-homepage-php .site-main ul.products.columns-6 li.product,
.page-template-template-homepage-php .header-widget-region ul.products.columns-6 li.product,
.storefront-full-width-content .site-main ul.products.columns-6 li.product,
.storefront-full-width-content .header-widget-region ul.products.columns-6 li.product {
    width: 13.0434782609%;
    float: left;
    margin-right: 4.347826087%;
  }

  /**
  * Main content area (adjacent to sidebar) product layout
  */
  .site-main ul.products li.product {
    width: 29.4117647059%;
    float: left;
    margin-right: 5.8823529412%;
  }

  .site-main ul.products.columns-1 li.product {
    width: 100%;
    margin-right: 0;
    float: none;
  }

  .site-main ul.products.columns-2 li.product {
    width: 48%;
    margin-right: 3.8%;
  }

  .site-main ul.products.columns-3 li.product {
    width: 29.4117647059%;
    float: left;
    margin-right: 5.8823529412%;
  }

  .site-main ul.products.columns-4 li.product {
    width: 22.05%;
    margin-right: 3.8%;
  }

  .site-main ul.products.columns-5 li.product {
    width: 16.9%;
    margin-right: 3.8%;
  }

  .site-main ul.products.columns-6 li.product {
    width: 11.7647058824%;
    float: left;
    margin-right: 5.8823529412%;
  }

  /**
  * Single product page
  */
  .single-product div.product .images {
    width: 41.1764705882%;
    float: left;
    margin-right: 5.8823529412%;
    margin-bottom: 3.706325903em;
  }

  .single-product div.product .images .thumbnails::before, .single-product div.product .images .thumbnails::after {
    content: "";
    display: table;
  }

  .single-product div.product .images .thumbnails::after {
    clear: both;
  }

  .single-product div.product .images .thumbnails a.zoom {
    width: 14.2857142857%;
    float: left;
    margin-right: 14.2857142857%;
  }

  .single-product div.product .images .thumbnails a.zoom.last {
    float: right;
    margin-right: 0;
  }

  .single-product div.product .woocommerce-product-gallery {
    width: 41.1764705882%;
    float: left;
    margin-right: 5.8823529412%;
    margin-bottom: 3.706325903em;
  }

  .single-product div.product .summary {
    width: 52.9411764706%;
    float: right;
    margin-right: 0;
  }

  .single-product div.product .woocommerce-tabs {
    clear: both;
  }

  #reviews .comment-form-author,
#reviews .comment-form-email {
    width: 47%;
  }

  #reviews .comment-form-email {
    margin-right: 0;
  }

  .storefront-full-width-content.single-product div.product .images {
    width: 39.1304347826%;
    float: left;
    margin-right: 4.347826087%;
    margin-bottom: 3.706325903em;
  }

  .storefront-full-width-content.single-product div.product .images .thumbnails a.zoom {
    width: 11.1111111111%;
    float: left;
    margin-right: 11.1111111111%;
  }

  .storefront-full-width-content.single-product div.product .images .thumbnails a.zoom.last {
    margin-right: 0;
  }

  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
    width: 39.1304347826%;
    float: left;
    margin-right: 4.347826087%;
    margin-bottom: 3.706325903em;
  }

  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
    width: 44.4444444444%;
    float: left;
    margin-right: 11.1111111111%;
  }

  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
    margin-right: 0;
  }

  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
    width: 25.9259259333%;
    float: left;
    margin-right: 11.1111111111%;
  }

  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
    margin-right: 0;
  }

  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 16.6666666667%;
    float: left;
    margin-right: 11.1111111111%;
  }

  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
    margin-right: 0;
  }

  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
    width: 11.1111111111%;
    float: left;
    margin-right: 11.1111111111%;
  }

  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
    margin-right: 0;
  }

  .storefront-full-width-content.single-product div.product .summary {
    width: 56.5217391304%;
    float: right;
    margin-right: 0;
    margin-bottom: 3.706325903em;
  }

  .storefront-full-width-content.single-product div.product .woocommerce-tabs {
    clear: both;
  }

  .storefront-full-width-content.single-product #reviews .commentlist li .avatar {
    width: 6.6666666667%;
    float: left;
    margin-right: 6.6666666667%;
  }

  .storefront-full-width-content.single-product #reviews .commentlist li .comment_container .comment-text {
    width: 86.6666666667%;
    float: right;
    margin-right: 0;
  }

  .storefront-full-width-content.single-product #reviews .commentlist ul.children {
    width: 86.6666666667%;
    float: right;
    margin-right: 0;
  }

  .storefront-full-width-content.single-product #reviews .commentlist ul.children .avatar {
    width: 7.6923076923%;
    float: left;
    margin-right: 7.6923076923%;
  }

  .storefront-full-width-content.single-product #reviews .commentlist ul.children .comment-text {
    width: 84.6153846154%;
    float: right;
    margin-right: 0;
  }

  /**
  * General full-width styles
  */
  .storefront-full-width-content.woocommerce-cart .entry-header,
.storefront-full-width-content.woocommerce-checkout .entry-header,
.storefront-full-width-content.woocommerce-account .entry-header,
.storefront-full-width-content .woocommerce-products-header {
    text-align: center;
    padding: 0 0 5.9968353111em;
  }

  .storefront-full-width-content.woocommerce-cart .entry-header h1:last-child,
.storefront-full-width-content.woocommerce-checkout .entry-header h1:last-child,
.storefront-full-width-content.woocommerce-account .entry-header h1:last-child,
.storefront-full-width-content .woocommerce-products-header h1:last-child {
    margin-bottom: 0;
  }

  .storefront-full-width-content .up-sells > h2:first-child,
.storefront-full-width-content .related.products > h2:first-child {
    text-align: center;
  }

  .woocommerce .page-description {
    margin-bottom: 1.618em;
  }

  .storefront-sorting {
    margin-bottom: 2.617924em;
  }

  .storefront-sorting::before, .storefront-sorting::after {
    content: "";
    display: table;
  }

  .storefront-sorting::after {
    clear: both;
  }

  .storefront-sorting select {
    width: auto;
  }

  .woocommerce-result-count {
    float: left;
    position: relative;
    margin-bottom: 0;
    padding: 0.327em 0;
  }

  .woocommerce-ordering {
    float: left;
    margin-right: 1em;
    margin-bottom: 0;
    padding: 0.327em 0;
  }

  .woocommerce-pagination {
    float: right;
    border: 0;
    clear: none;
    padding: 0;
    margin-bottom: 0;
  }

  /**
  * Cart
  */
  .woocommerce-cart .hentry,
.woocommerce-checkout .hentry {
    border-bottom: 0;
    padding-bottom: 0;
  }

  .page-template-template-fullwidth-php table.cart .product-thumbnail {
    display: table-cell;
  }

  .page-template-template-fullwidth-php table.cart thead {
    font-size: 1em;
    text-indent: 0;
  }

  table.cart th,
table.cart td {
    padding: 1.618em;
  }

  table.cart .qty {
    padding: 0.875em;
    max-width: 3.632em;
  }

  table.cart td.product-remove {
    display: table-cell;
    padding: 1.618em;
    border: 0;
  }

  table.cart td.product-remove a.remove {
    float: none;
    position: relative;
    top: auto;
    right: auto;
    font-size: 1em;
  }

  table.cart .product-quantity .plus,
table.cart .product-quantity .minus {
    display: inline-block;
  }

  table.cart .quantity .qty {
    padding: 0.6180469716em;
  }

  table.cart td.actions {
    text-align: right;
  }

  table.cart td.actions label {
    display: none;
  }

  table.cart td.actions .coupon {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
    display: inline-block;
    float: left;
  }

  table.cart td.actions input {
    display: inline-block;
    width: auto;
    margin: 0;
  }

  .cart-collaterals::before, .cart-collaterals::after {
    content: "";
    display: table;
  }

  .cart-collaterals::after {
    clear: both;
  }

  .cart-collaterals h2 {
    font-size: 1.618em;
  }

  .cart-collaterals .cross-sells {
    width: 41.1764705882%;
    float: left;
    margin-right: 5.8823529412%;
  }

  .cart-collaterals .cart_totals,
.cart-collaterals .shipping_calculator {
    width: 52.9411764706%;
    float: right;
    margin-right: 0;
    margin: 0;
    clear: right;
  }

  .cart-collaterals .cart_totals small.includes_tax {
    display: block;
  }

  .cart-collaterals .shipping_calculator {
    clear: right;
  }

  .page-template-template-fullwidth-php .cart-collaterals .cross-sells {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%;
  }

  .page-template-template-fullwidth-php .cart-collaterals .cart_totals,
.page-template-template-fullwidth-php .cart-collaterals .shipping_calculator {
    width: 47.8260869565%;
    float: right;
    margin-right: 0;
  }

  /**
  * Checkout
  */
  #ship-to-different-address {
    position: relative;
  }

  #ship-to-different-address label {
    font-weight: 300;
  }

  #ship-to-different-address .woocommerce-form__input-checkbox {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: 0;
  }

  .col2-set {
    width: 52.9411764706%;
    float: left;
    margin-right: 5.8823529412%;
  }

  .col2-set .form-row-first {
    width: 44.4444444444%;
    float: left;
    margin-right: 11.1111111111%;
  }

  .col2-set .form-row-last {
    width: 44.4444444444%;
    float: right;
    margin-right: 0;
  }

  .col2-set .col-1,
.col2-set .col-2 {
    margin-bottom: 1.618em;
  }

  .col2-set + #customer_details {
    display: none;
  }

  .col2-set .woocommerce-billing-fields::before, .col2-set .woocommerce-billing-fields::after {
    content: "";
    display: table;
  }

  .col2-set .woocommerce-billing-fields::after {
    clear: both;
  }

  .col2-set.addresses {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }

  .col2-set.addresses .col-1 {
    width: 47.0588235294%;
    float: left;
    margin-right: 5.8823529412%;
  }

  .col2-set.addresses .col-2 {
    width: 47.0588235294%;
    float: right;
    margin-right: 0;
  }

  #customer_details + #wc_checkout_add_ons {
    width: 41.1764705882%;
    float: right;
    margin-right: 0;
  }

  #wc_checkout_add_ons input[type=radio] {
    float: left;
    margin-right: 0.5407911001em;
    clear: left;
    margin-top: 0.35em;
  }

  #order_review_heading,
#order_review {
    width: 41.1764705882%;
    float: right;
    margin-right: 0;
    clear: right;
  }

  #order_review {
    -webkit-transition: box-shadow ease 0.4s;
    transition: box-shadow ease 0.4s;
  }

  #order_review_heading {
    margin-bottom: 0;
    padding-bottom: 0.6180469716em;
  }

  .woocommerce-order-pay #order_review,
.page-template-template-fullwidth-php.woocommerce-order-pay #order_review {
    width: 100%;
    float: none;
  }

  .woocommerce-order-pay #order_review #payment h3,
.page-template-template-fullwidth-php.woocommerce-order-pay #order_review #payment h3 {
    padding-left: 1em;
    padding-top: 1em;
  }

  .woocommerce-order-pay #order_review #payment .form-row,
.page-template-template-fullwidth-php.woocommerce-order-pay #order_review #payment .form-row {
    padding: 1em;
  }

  .woocommerce-order-pay #order_review .payment_methods + .form-row,
.page-template-template-fullwidth-php.woocommerce-order-pay #order_review .payment_methods + .form-row {
    padding: 1em;
  }

  .woocommerce-order-pay #order_review .button#place_order,
.page-template-template-fullwidth-php.woocommerce-order-pay #order_review .button#place_order {
    display: block;
    width: 100%;
    font-size: 1.41575em;
  }

  .page-template-template-fullwidth-php .col2-set {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%;
  }

  .page-template-template-fullwidth-php .col2-set .form-row-first {
    width: 45.4545454545%;
    float: left;
    margin-right: 9.0909090909%;
  }

  .page-template-template-fullwidth-php .col2-set .form-row-last {
    width: 45.4545454545%;
    float: right;
    margin-right: 0;
  }

  .page-template-template-fullwidth-php .col2-set.addresses .col-1 {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%;
  }

  .page-template-template-fullwidth-php .col2-set.addresses .col-2 {
    width: 47.8260869565%;
    float: right;
    margin-right: 0;
  }

  .page-template-template-fullwidth-php #order_review_heading,
.page-template-template-fullwidth-php #order_review {
    width: 47.8260869565%;
    float: right;
    margin-right: 0;
  }

  .page-template-template-fullwidth-php #customer_details + #wc_checkout_add_ons {
    width: 47.8260869565%;
    float: right;
    margin-right: 0;
  }

  #order_review .shop_table {
    margin-bottom: 2.617924em;
  }

  /**
  * My Account
  */
  table + .addresses {
    margin-top: 1.618em;
  }

  .col2-set#customer_login,
.col2-set.addresses {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }

  .col2-set#customer_login .col-1,
.col2-set.addresses .col-1 {
    width: 41.1764705882%;
    float: left;
    margin-right: 5.8823529412%;
  }

  .col2-set#customer_login .col-2,
.col2-set.addresses .col-2 {
    width: 52.9411764706%;
    float: right;
    margin-right: 0;
  }

  .woocommerce-MyAccount-navigation {
    width: 17.6470588235%;
    float: left;
    margin-right: 5.8823529412%;
  }

  .woocommerce-MyAccount-content {
    width: 76.4705882353%;
    float: right;
    margin-right: 0;
  }

  .woocommerce-MyAccount-content .form-row-first {
    width: 38.4615384615%;
    float: left;
    margin-right: 7.6923076923%;
  }

  .woocommerce-MyAccount-content .form-row-last {
    width: 53.8461538462%;
    float: right;
    margin-right: 0;
  }

  .left-sidebar:not(.page-template-template-fullwidth-php) .woocommerce-MyAccount-content {
    width: 76.4705882353%;
    float: left;
    margin-right: 5.8823529412%;
  }

  .left-sidebar:not(.page-template-template-fullwidth-php) .woocommerce-MyAccount-navigation {
    width: 17.6470588235%;
    float: right;
    margin-right: 0;
  }

  table.my_account_orders {
    font-size: 0.875em;
  }

  .page-template-template-fullwidth-php .col2-set#customer_login .col-1,
.page-template-template-fullwidth-php .col2-set.addresses .col-1 {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%;
  }

  .page-template-template-fullwidth-php .col2-set#customer_login .col-2,
.page-template-template-fullwidth-php .col2-set.addresses .col-2 {
    width: 47.8260869565%;
    float: right;
    margin-right: 0;
  }

  .page-template-template-fullwidth-php .woocommerce-MyAccount-content {
    width: 73.9130434783%;
    float: left;
    margin-right: 4.347826087%;
  }

  .page-template-template-fullwidth-php .woocommerce-MyAccount-content .form-row-first {
    width: 46.6666666667%;
    float: left;
    margin-right: 6.6666666667%;
  }

  .page-template-template-fullwidth-php .woocommerce-MyAccount-content .form-row-last {
    width: 46.6666666667%;
    float: right;
    margin-right: 0;
  }

  .page-template-template-fullwidth-php .woocommerce-MyAccount-content .col2-set {
    width: 100%;
  }

  .page-template-template-fullwidth-php .woocommerce-MyAccount-content .col2-set .col-1 {
    width: 46.6666666667%;
    float: left;
    margin-right: 6.6666666667%;
  }

  .page-template-template-fullwidth-php .woocommerce-MyAccount-content .col2-set .col-2 {
    width: 46.6666666667%;
    float: right;
    margin-right: 0;
  }

  .page-template-template-fullwidth-php .woocommerce-MyAccount-navigation {
    width: 21.7391304348%;
    float: right;
    margin-right: 0;
  }

  .addresses header.title::before, .addresses header.title::after {
    content: "";
    display: table;
  }

  .addresses header.title::after {
    clear: both;
  }

  .addresses header.title a {
    float: right;
  }

  .addresses header.title h3 {
    float: left;
  }

  /**
  * General WooCommerce Components
  */
  .form-row-first {
    width: 47.0588235294%;
    float: left;
    margin-right: 5.8823529412%;
    clear: both;
  }

  .form-row-last {
    width: 47.0588235294%;
    float: right;
    margin-right: 0;
  }

  .page-template-template-fullwidth-php .form-row-first {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%;
  }

  .page-template-template-fullwidth-php .form-row-last {
    width: 47.8260869565%;
    float: right;
    margin-right: 0;
  }

  .storefront-full-width-content .woocommerce-tabs ul.tabs {
    width: 30.4347826087%;
    float: left;
    margin-right: 4.347826087%;
  }

  .storefront-full-width-content .woocommerce-tabs .panel {
    width: 65.2173913043%;
    float: right;
    margin-right: 0;
    margin-bottom: 3.706325903em;
  }

  .woocommerce-tabs {
    padding-top: 2.617924em;
    padding-bottom: 2.617924em;
  }

  .woocommerce-tabs ul.tabs {
    width: 29.4117647059%;
    float: left;
    margin-right: 5.8823529412%;
  }

  .woocommerce-tabs ul.tabs li.active::after {
    right: 1em;
  }

  .woocommerce-tabs .panel {
    width: 64.7058823529%;
    float: right;
    margin-right: 0;
    margin-top: 0;
  }

  /**
  * Single Product Pagination
  */
  .storefront-product-pagination {
    display: block;
  }

  .storefront-product-pagination a {
    position: fixed;
    top: 50%;
    width: 500px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    z-index: 1499;
    /* Lower than PhotoSwipe */
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
  }

  .storefront-product-pagination a img {
    max-width: 90px;
    border-radius: 0;
  }

  .storefront-product-pagination a[rel=prev] {
    left: -455px;
    -webkit-transition: left 0.3s ease-out;
    transition: left 0.3s ease-out;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    padding-left: 1em;
  }

  .storefront-product-pagination a[rel=prev]:hover {
    left: 0;
  }

  .storefront-product-pagination a[rel=prev] img {
    margin-left: 1.41575em;
  }

  .storefront-product-pagination a[rel=prev] .storefront-product-pagination__title {
    margin-right: auto;
  }

  .storefront-product-pagination a[rel=next] {
    right: -455px;
    -webkit-transition: right 0.3s ease-in;
    transition: right 0.3s ease-in;
    padding-right: 1em;
  }

  .storefront-product-pagination a[rel=next]:hover {
    right: 0;
  }

  .storefront-product-pagination a[rel=next] img {
    margin-right: 1.41575em;
  }

  .storefront-product-pagination a[rel=next] .storefront-product-pagination__title {
    margin-left: auto;
  }

  /**
  * Sticky Add to Cart
  */
  .storefront-sticky-add-to-cart {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99998;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    padding: 1em;
    overflow: hidden;
    zoom: 1;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  .storefront-sticky-add-to-cart--slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
  }

  .storefront-sticky-add-to-cart--slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
  }

  .storefront-sticky-add-to-cart__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
  }

  .storefront-sticky-add-to-cart__content-title {
    display: block;
  }

  .storefront-sticky-add-to-cart__content-price {
    margin-right: 0.875em;
    opacity: 0.5;
  }

  .storefront-sticky-add-to-cart__content-button {
    margin-left: auto;
  }

  .storefront-sticky-add-to-cart img {
    max-width: 3.706325903em;
    margin: 0 1.41575em 0 0;
    padding: 3px;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }

  .storefront-sticky-add-to-cart .star-rating {
    display: inline-block;
    margin: 0;
    vertical-align: bottom;
  }

  .admin-bar .storefront-sticky-add-to-cart--slideInDown {
    top: 32px;
  }
}
@media (min-width: 768px) and (max-width: 900px) {
  body:not(.page-template-template-fullwidth-php) table.cart td,
body:not(.page-template-template-fullwidth-php) table.cart th {
    padding: 1em;
  }
}
/* INLINE WOOCOMMERCE */
a.cart-contents,
.site-header-cart .widget_shopping_cart a {
  color: #333333;
}

a.cart-contents:hover,
.site-header-cart .widget_shopping_cart a:hover,
.site-header-cart:hover > li > a {
  color: #747474;
}

table.cart td.product-remove,
table.cart td.actions {
  border-top-color: #ffffff;
}

.storefront-handheld-footer-bar ul li.cart .count {
  background-color: #333333;
  color: #ffffff;
  border-color: #ffffff;
}

.woocommerce-tabs ul.tabs li.active a,
ul.products li.product .price,
.onsale,
.wc-block-grid__product-onsale,
.widget_search form:before,
.widget_product_search form:before {
  color: #6d6d6d;
}

.woocommerce-breadcrumb a,
a.woocommerce-review-link,
.product_meta a {
  color: #727272;
}

.wc-block-grid__product-onsale,
.onsale {
  border-color: #6d6d6d;
}

.star-rating span:before,
.quantity .plus, .quantity .minus,
p.stars a:hover:after,
p.stars a:after,
.star-rating span:before,
#payment .payment_methods li input[type=radio]:first-child:checked + label:before {
  color: #96588a;
}

.widget_price_filter .ui-slider .ui-slider-range,
.widget_price_filter .ui-slider .ui-slider-handle {
  background-color: #96588a;
}

.order_details {
  background-color: #f8f8f8;
}

.order_details > li {
  border-bottom: 1px dotted #e3e3e3;
}

.order_details:before,
.order_details:after {
  background: -webkit-linear-gradient(transparent 0, transparent 0), -webkit-linear-gradient(135deg, #f8f8f8 33.33%, transparent 33.33%), -webkit-linear-gradient(45deg, #f8f8f8 33.33%, transparent 33.33%);
}

#order_review {
  background-color: #ffffff;
}

#payment .payment_methods > li .payment_box,
#payment .place-order {
  background-color: #fafafa;
}

#payment .payment_methods > li:not(.woocommerce-notice) {
  background-color: #f5f5f5;
}

#payment .payment_methods > li:not(.woocommerce-notice):hover {
  background-color: #f0f0f0;
}

.woocommerce-pagination .page-numbers li .page-numbers.current {
  background-color: #e6e6e6;
  color: #636363;
}

.wc-block-grid__product-onsale,
.onsale,
.woocommerce-pagination .page-numbers li .page-numbers:not(.current) {
  color: #6d6d6d;
}

p.stars a:before,
p.stars a:hover ~ a:before,
p.stars.selected a.active ~ a:before {
  color: #6d6d6d;
}

p.stars.selected a.active:before,
p.stars:hover a:before,
p.stars.selected a:not(.active):before,
p.stars.selected a.active:before {
  color: #96588a;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  background-color: #eeeeee;
  color: #333333;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
  background-color: #d5d5d5;
  border-color: #d5d5d5;
  color: #333333;
}

.button.added_to_cart:focus,
.button.wc-forward:focus {
  outline-color: #96588a;
}

.added_to_cart,
.site-header-cart .widget_shopping_cart a.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link {
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #333333;
}

.added_to_cart:hover,
.site-header-cart .widget_shopping_cart a.button:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover {
  background-color: #d5d5d5;
  border-color: #d5d5d5;
  color: #333333;
}

.added_to_cart.alt, .added_to_cart, .widget a.button.checkout {
  background-color: #333333;
  border-color: #333333;
  color: #ffffff;
}

.added_to_cart.alt:hover, .added_to_cart:hover, .widget a.button.checkout:hover {
  background-color: #1a1a1a;
  border-color: #1a1a1a;
  color: #ffffff;
}

.button.loading {
  color: #eeeeee;
}

.button.loading:hover {
  background-color: #eeeeee;
}

.button.loading:after {
  color: #333333;
}

@media screen and (min-width: 768px) {
  .site-header-cart .widget_shopping_cart,
.site-header .product_list_widget li .quantity {
    color: #404040;
  }

  .site-header-cart .widget_shopping_cart .buttons,
.site-header-cart .widget_shopping_cart .total {
    background-color: #f5f5f5;
  }

  .site-header-cart .widget_shopping_cart {
    background-color: #f0f0f0;
  }
}
.storefront-product-pagination a {
  color: #6d6d6d;
  background-color: #ffffff;
}

.storefront-sticky-add-to-cart {
  color: #6d6d6d;
  background-color: #ffffff;
}

.storefront-sticky-add-to-cart a:not(.button) {
  color: #333333;
}

.storefront-handheld-footer-bar .site-search {
  background: white;
}
.storefront-handheld-footer-bar .columns-3 li a {
  background: white;
}

/**
 * WooCommerce Product Reviews Pro
 */
/**
 * Imports
 */
.woocommerce #reviews .product-rating .product-rating-summary,
.woocommerce #reviews .product-rating .product-rating-details,
.woocommerce-page #reviews .product-rating .product-rating-summary,
.woocommerce-page #reviews .product-rating .product-rating-details {
  display: block;
  width: 100%;
}

.woocommerce #reviews .product-rating .product-rating-summary,
.woocommerce-page #reviews .product-rating .product-rating-summary {
  text-align: left;
}

.woocommerce #reviews .product-rating .product-rating-details table td,
.woocommerce-page #reviews .product-rating .product-rating-details table td {
  padding: 0.202em 0.5407911001em;
}

.woocommerce #reviews .product-rating .product-rating-details table td.rating-graph .bar,
.woocommerce-page #reviews .product-rating .product-rating-details table td.rating-graph .bar {
  background-color: #43454b;
}

.woocommerce #reviews .product-rating .product-rating-details table td.rating-count a,
.woocommerce-page #reviews .product-rating .product-rating-details table td.rating-count a {
  text-decoration: none;
}

.woocommerce #reviews .form-contribution,
.woocommerce-page #reviews .form-contribution {
  border-color: rgba(0, 0, 0, 0.05);
  padding: 1em;
}

.woocommerce #reviews .form-contribution #review_rating_field fieldset,
.woocommerce-page #reviews .form-contribution #review_rating_field fieldset {
  float: left;
}

.woocommerce #reviews .form-contribution #review_rating_field fieldset label,
.woocommerce-page #reviews .form-contribution #review_rating_field fieldset label {
  display: inline-block;
  float: right;
}

.woocommerce #reviews .form-contribution #review_rating_field fieldset label.checkbox::before,
.woocommerce-page #reviews .form-contribution #review_rating_field fieldset label.checkbox::before {
  font-size: 0.875em;
}

.woocommerce #reviews .form-contribution #review_rating_field fieldset .star-label,
.woocommerce-page #reviews .form-contribution #review_rating_field fieldset .star-label {
  float: none;
  margin-left: 0.6180469716em;
}

.woocommerce #reviews .form-contribution .form-row,
.woocommerce-page #reviews .form-contribution .form-row {
  clear: both;
}

.woocommerce #reviews .contribution-karma,
.woocommerce-page #reviews .contribution-karma {
  margin-left: 0;
}

.woocommerce #reviews #comments ol.commentlist li,
.woocommerce-page #reviews #comments ol.commentlist li {
  padding-top: 0;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar,
.woocommerce-page #reviews #comments ol.commentlist li img.avatar {
  width: 2.617924em;
  height: auto;
  margin: 0;
  float: right;
}

.woocommerce #reviews #comments ol.commentlist li .description,
.woocommerce-page #reviews #comments ol.commentlist li .description {
  padding-bottom: 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text {
  margin-left: 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text img,
.woocommerce #reviews #comments ol.commentlist li .comment-text iframe,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text img,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text iframe {
  margin-bottom: 1.618em;
}

.woocommerce #reviews #comments ol.commentlist li h3.contribution-title,
.woocommerce-page #reviews #comments ol.commentlist li h3.contribution-title {
  margin: 0;
  font-size: 1em;
}

.woocommerce #reviews #comments ol.commentlist li .contribution-actions a,
.woocommerce-page #reviews #comments ol.commentlist li .contribution-actions a {
  color: #2c2d33;
}

.woocommerce #reviews #comments ol.commentlist li .contribution-actions a.done,
.woocommerce-page #reviews #comments ol.commentlist li .contribution-actions a.done {
  opacity: 0.5;
}

.woocommerce #reviews #comments ol.commentlist li ul.children li,
.woocommerce-page #reviews #comments ol.commentlist li ul.children li {
  margin-bottom: 1.618em;
}

.woocommerce #reviews #comments .form-contribution_comment,
.woocommerce-page #reviews #comments .form-contribution_comment {
  width: 81.8181818182%;
  float: right;
  margin-right: 0;
  margin-bottom: 3.706325903em;
  padding-top: 1.618em;
}

.woocommerce #reviews #comments ul.children + .form-contribution_comment,
.woocommerce-page #reviews #comments ul.children + .form-contribution_comment {
  border-top: 0;
  padding-top: 0;
}

.woocommerce #reviews .contribution-flag-form,
.woocommerce-page #reviews .contribution-flag-form {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 1.618em;
  margin-bottom: 1.618em;
}

.woocommerce .form-photo #photo_attachment_file,
.woocommerce-page .form-photo #photo_attachment_file {
  color: inherit;
  margin: 1em 0;
}

.woocommerce .contribution-type-selector,
.woocommerce-page .contribution-type-selector {
  margin: 0;
}

.woocommerce .contribution-type-selector > a,
.woocommerce-page .contribution-type-selector > a {
  display: inline-block;
  margin-right: 1em;
  padding: 0.5407911001em 0;
  border-bottom: 0.202em solid rgba(0, 0, 0, 0.05);
}

.woocommerce .contribution-type-selector > a.active,
.woocommerce-page .contribution-type-selector > a.active {
  border-bottom-color: rgba(0, 0, 0, 0.05);
}

.woocommerce .star-rating-selector fieldset,
.woocommerce-page .star-rating-selector fieldset {
  float: none;
  clear: both;
}

.woocommerce .star-rating-selector > label:first-child,
.woocommerce-page .star-rating-selector > label:first-child {
  display: block !important;
}

.woocommerce .star-rating-selector:not(:checked) label.checkbox,
.woocommerce-page .star-rating-selector:not(:checked) label.checkbox {
  float: none;
}

.woocommerce #wc-product-reviews-pro-modal #customer_login .col-1,
.woocommerce #wc-product-reviews-pro-modal #customer_login .col-2,
.woocommerce-page #wc-product-reviews-pro-modal #customer_login .col-1,
.woocommerce-page #wc-product-reviews-pro-modal #customer_login .col-2 {
  width: 100%;
}

#tiptip_content,
.chart-tooltip {
  font-size: 0.875em;
  padding: 0.6180469716em 1em;
  background-color: rgba(0, 0, 0, 0.8);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
  border-bottom-color: rgba(0, 0, 0, 0.8);
  margin-top: -6px;
}

/*
    This will set the base style for all type-sets
 */
h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", serif !important;
  color: inherit;
}

body, button, input, select, textarea {
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 300;
  font-size: 17.5px;
  letter-spacing: 1px;
  color: #0c0c0c;
  text-rendering: optimizeLegibility;
}

h1 {
  font-family: "Playfair Display", serif !important;
  font-size: 45px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin-bottom: 29px;
}

h2 {
  font-family: "Playfair Display", serif !important;
  font-size: 48px;
}

h3 {
  font-family: "Playfair Display", serif !important;
  font-size: 25.5px;
  font-weight: 700;
  letter-spacing: 5.8px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

h4 {
  font-family: "Playfair Display", serif !important;
  font-size: 23px;
  letter-spacing: 4px;
  font-weight: 700;
  line-height: 34px;
  text-transform: uppercase;
  margin-bottom: 28px;
}

h5 {
  font-family: "Playfair Display", serif !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 4px;
  text-transform: uppercase;
}

h6 {
  font-family: "Playfair Display", serif !important;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 4px;
  text-transform: uppercase;
}

.black {
  font-weight: 900;
}

body:not(.home),
body.home #slide-cart,
body.home .storefront-handheld-footer-bar,
body.home header,
body.home .grid {
  font-size: 12.5px;
  letter-spacing: 1px;
}
body:not(.home) input, body:not(.home) select, body:not(.home) textarea,
body.home #slide-cart input,
body.home #slide-cart select,
body.home #slide-cart textarea,
body.home .storefront-handheld-footer-bar input,
body.home .storefront-handheld-footer-bar select,
body.home .storefront-handheld-footer-bar textarea,
body.home header input,
body.home header select,
body.home header textarea,
body.home .grid input,
body.home .grid select,
body.home .grid textarea {
  font-size: 12.5px;
  letter-spacing: 1px;
}

.weight-thin {
  font-weight: 300;
}

.weight-light {
  font-weight: 300;
}

.weight-roman {
  font-weight: 400;
}

.weight-medium {
  font-weight: 500;
}

.weight-bold {
  font-weight: 700;
}

.weight-black {
  font-weight: 900;
}

.gold {
  color: #ddaf64;
}

.uppercase {
  text-transform: uppercase;
}

body:not(.home):not(.single-product) {
  background-color: #ffffff;
}
body:not(.home):not(.single-product) #content {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 45px;
}
@media (min-width: 576px) {
  body:not(.home):not(.single-product) #content {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  body:not(.home):not(.single-product) #content {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}
@media (min-width: 992px) {
  body:not(.home):not(.single-product) #content {
    padding-left: 6.5rem;
    padding-right: 6.5rem;
  }
}
body:not(.home):not(.single-product) #content h1 {
  font-family: "Playfair Display", serif !important;
  font-size: 25.5px;
  font-weight: 700;
  letter-spacing: 5.8px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
body:not(.home):not(.single-product) #content h2 {
  font-family: "Playfair Display", serif !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 4px;
  text-transform: uppercase;
}
body:not(.home):not(.single-product) #content h3 {
  font-family: "Playfair Display", serif !important;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 4px;
  text-transform: uppercase;
}
body:not(.home):not(.single-product) #content h4 {
  font-family: "Playfair Display", serif !important;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 4px;
  text-transform: uppercase;
}
body:not(.home):not(.single-product) #content h5 {
  font-family: "Playfair Display", serif !important;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 4px;
  text-transform: uppercase;
}
body:not(.home):not(.single-product) #content p + h1, body:not(.home):not(.single-product) #content p + h2, body:not(.home):not(.single-product) #content p + h3, body:not(.home):not(.single-product) #content p + h4, body:not(.home):not(.single-product) #content p + h5, body:not(.home):not(.single-product) #content p + h6,
body:not(.home):not(.single-product) #content ul + h1,
body:not(.home):not(.single-product) #content ul + h2,
body:not(.home):not(.single-product) #content ul + h3,
body:not(.home):not(.single-product) #content ul + h4,
body:not(.home):not(.single-product) #content ul + h5,
body:not(.home):not(.single-product) #content ul + h6 {
  margin-top: 20px;
}
body:not(.home):not(.single-product) #content #get-in-touch h2:first-child {
  font-family: "Playfair Display", serif !important;
  font-size: 25.5px;
  font-weight: 700;
  letter-spacing: 5.8px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.widget ul ul,
ul.no-favorites {
  margin-left: 0;
}

button, input[type=button], input[type=reset], input[type=submit], .button, .widget a.button {
  font-size: 12.5px;
  text-transform: uppercase;
  letter-spacing: 3px;
  background: #0c0c0c !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.button:hover {
  color: #ffffff !important;
  text-decoration: none;
}

input {
  box-shadow: none !important;
}

button.menu-toggle {
  background: transparent !important;
}
button.menu-toggle:hover {
  background: transparent !important;
}

.form-check label {
  padding-top: 2px;
}

a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus {
  outline-color: transparent;
}

/* ~~~~~~~~ */
/*  Back to top  */
/*  Added to footer.php  */
/* ~~~~~~~~ */
.fb_dialog_content iframe[data-testid=bubble_iframe] {
  bottom: 60px !important;
}
@media (min-width: 768px) {
  .fb_dialog_content iframe[data-testid=bubble_iframe] {
    bottom: 24px !important;
  }
}

#fb-root {
  display: none;
}

#backToTop {
  display: none;
  /* Hidden by default */
  position: fixed;
  right: 30px;
  z-index: 999;
  border: 1px solid #ffffff;
  outline: none;
  background-color: #888;
  color: white;
  cursor: pointer;
  font-size: 40px;
  /*
  padding: 0 10px;
     border-radius: 50%;
  */
  border-radius: 12px;
  padding: 0 2px;
  line-height: 40px;
  bottom: 60px;
}
@media (min-width: 768px) {
  #backToTop {
    bottom: 30px;
  }
}

#backToTop:hover {
  background-color: #555;
  /* Add a dark-grey background on hover */
}

/* If collapsing then change the chevron */
.link[aria-expanded=true] .mdi:before {
  content: "\f0143";
}
.link[aria-expanded=false] .mdi:before {
  content: "\f0140";
}

/* Default size for the popover */
.popover {
  font-family: "Roboto", Arial, sans-serif !important;
  font-size: 12px;
  z-index: 99999;
}
.popover .popover-header {
  padding: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 0;
  background-color: transparent;
  border-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.popover h3 {
  font-family: "Playfair Display", serif !important;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #ffffff;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}
@media (max-width: 1599px) {
  html {
    font-size: 15px;
  }
}
@media (max-width: 1399px) {
  html {
    font-size: 14px;
  }
}
@media (max-width: 1199px) {
  html {
    font-size: 13px;
  }
}
@media (max-width: 991px) {
  html {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 11px;
  }
}
@media (max-width: 575px) {
  html {
    font-size: 10px;
  }
}
@media (max-width: 340px) {
  html {
    font-size: 9px;
  }
}

body {
  background-color: #e1e1e1;
}

body.woocommerce-checkout,
body.woocommerce-cart,
body.woocommerce-account {
  background-color: #fff;
}

.mdi-chevron-right::before {
  transform: scale(2.5, 1);
}

.shade-finder-button {
  text-align: center;
}
.shade-finder-button a {
  margin: auto;
  font-size: 15px !important;
}

.wp-block-separator {
  border-top: 1px solid #0c0c0c !important;
  max-width: 100% !important;
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.simplefavorite-button {
  cursor: pointer;
}
.simplefavorite-button.active {
  opacity: 1;
}
.simplefavorite-button.active .mdi:before {
  color: #ec471e;
  visibility: visible;
}
.simplefavorite-button:hover {
  color: #F0F0F0;
}
.simplefavorite-button .mdi {
  position: relative;
  /* fill white */
  color: #dedfe3;
}
.simplefavorite-button .mdi:before {
  content: "\f02d1";
  font-size: 17px;
  /*color: $gold;
  color: inherit;*/
  color: inherit;
  position: absolute;
  z-index: 2;
  top: 1.3px;
  left: 1.5px;
  visibility: hidden;
}
.simplefavorite-button .mdi svg {
  width: 20px;
  height: 20px;
  z-index: 2;
  position: relative;
}
.simplefavorite-button .mdi svg path {
  fill: #ec471e;
}

.site {
  overflow-y: hidden;
}

.page-template .site-main,
.home .site-main {
  margin-bottom: 0;
}
.page-template .content-area,
.home .content-area {
  margin-bottom: 0;
}

.section-content {
  padding: 45px 45px 65px;
}

.page-template .section-content,
.home .section-content {
  padding-top: 12px;
  padding-bottom: 12px;
}

.storefront-product-pagination {
  display: none;
}

.site-title {
  font-size: 44px;
  text-transform: none;
}

.col-full {
  clear: both;
}
@media (min-width: 768px) {
  .col-full {
    max-width: 66.4989378333em;
    margin-left: auto;
    margin-right: auto;
    box-sizing: content-box;
    max-width: 100%;
    padding: 0 136px;
  }
}
@media (max-width: 66.4989378333em) {
  .col-full {
    /*margin-left: 2.617924em;
    margin-right: 2.617924em;
    padding: 0;*/
    padding: 0 2.617924em;
    margin: 0;
  }
}
@media (max-width: 568px) {
  .col-full {
    /*margin-left: 1em;
    margin-right: 1em;
    padding: 0;*/
    padding: 0 1em;
    margin: 0;
  }
}

.page-gutter {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
@media (min-width: 576px) {
  .page-gutter {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  .page-gutter {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}
@media (min-width: 992px) {
  .page-gutter {
    padding-left: 6.5rem;
    padding-right: 6.5rem;
  }
}

.page-margin {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
@media (min-width: 576px) {
  .page-margin {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  .page-margin {
    margin-left: 4.5rem;
    margin-right: 4.5rem;
  }
}
@media (min-width: 992px) {
  .page-margin {
    margin-left: 6.5rem;
    margin-right: 6.5rem;
  }
}

#secondary {
  font-size: 17px;
}

a {
  color: #000;
  text-decoration: underline;
}

a:hover {
  color: #888 !important;
}

.link {
  cursor: pointer;
}

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

.remove-link {
  text-decoration: none;
  outline: 0;
}

.grey_bg {
  color: #bababa;
}

.grey_bg_light {
  color: #F0F0F0;
}

.mid_grey {
  color: #888;
}

.dark_grey {
  color: #555;
}

.white {
  color: #fff;
}

.number {
  font-size: 1.25em;
}

.processing-line-item.processing-fade {
  opacity: 0.3;
}

.processing-line-item {
  opacity: 1;
  transition: opacity 0.3s;
}

/* Document is being really weird and making 
things bigger than they should be in all browsers I've tested
Also tried in blank html page with minimal tags and still same issue
The font and widths of boxes are being effected as well.. but I already created them
This easily scales any images added making them only set as their original size at biggest view
*/
img {
  /* https://stackoverflow.com/questions/1156278/how-can-i-scale-an-entire-web-page-with-css */
  zoom: 0.832589;
  -moz-transform: scale(0.832589);
  -moz-transform-origin: 0 0;
}

.bg-image-zoom {
  background-size: 83.2589% !important;
}

img {
  border-radius: 0px;
}

.caps {
  text-transform: uppercase;
}

input[name=email],
input[name=username],
input[name=billing_email],
input[name=coupon_code] {
  text-transform: lowercase;
}

/* Fix Facebook getting cut off */
div.nsl-container .nsl-button-default div.nsl-button-label-container {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* Add CSS needed for collapse */
.collapse:not(.show) {
  display: none;
}

.register_interest {
  font-size: 12px;
  color: #ebb967;
  background: rgba(79, 90, 107, 0.9);
  background: #4f5a6b;
  margin: 0;
  position: relative;
  z-index: 2;
}
.register_interest p {
  padding: 1em 1.41575em;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .register_interest p {
    padding-right: 150px;
  }
}
.register_interest .register_link {
  background: rgba(0, 0, 0, 0.1);
  /*float: right;*/
  display: block;
  padding: 1.2em 1.41575em;
  color: #ebb967;
}
@media (min-width: 768px) {
  .register_interest .register_link {
    padding: 4em 1.41575em;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}

.woocommerce-store-notice {
  top: 0;
  bottom: auto;
  font-size: 12px;
  color: #ebb967;
  background: rgba(79, 90, 107, 0.9);
}
.woocommerce-store-notice .woocommerce-store-notice__dismiss-link {
  color: #ebb967;
}

@media (min-width: 768px) {
  .woocommerce-demo-store.move-header-down.single-product .woocommerce-store-notice {
    position: absolute;
  }
}
.woocommerce-demo-store.move-header-down .woocommerce-store-notice {
  font-family: "Roboto", Arial, sans-serif !important;
}
.woocommerce-demo-store.move-header-down .woocommerce-store-notice a.woocommerce-store-notice__dismiss-link {
  display: inline-block;
}
@media (min-width: 600px) and (max-width: 952px) {
  .woocommerce-demo-store.move-header-down .woocommerce-store-notice a.woocommerce-store-notice__dismiss-link {
    float: none;
    margin: 0;
    padding: 0;
    background: transparent;
  }
  .woocommerce-demo-store.move-header-down .woocommerce-store-notice a.woocommerce-store-notice__dismiss-link:before {
    content: "";
  }
}
@media (min-width: 953px) {
  .woocommerce-demo-store.move-header-down .woocommerce-store-notice a.woocommerce-store-notice__dismiss-link {
    background: rgba(0, 0, 0, 0.1);
    float: right;
    display: block;
    margin: -1em -1.41575em -1em 0;
    padding: 1em 1.41575em;
  }
  .woocommerce-demo-store.move-header-down .woocommerce-store-notice a.woocommerce-store-notice__dismiss-link:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: inherit;
    vertical-align: baseline;
    content: "\f057";
    margin-right: 0.3342343017em;
  }
}
.woocommerce-demo-store.move-header-down #masthead.site-header .top-header {
  /* padding-top on top-header is 20px so its 20 + the notice space needed */
  padding-top: 20px;
  padding-bottom: 20px !important;
}
@media (min-width: 100px) and (max-width: 219px) {
  .woocommerce-demo-store.move-header-down #masthead.site-header .top-header {
    margin-top: 129px;
  }
}
@media (min-width: 220px) and (max-width: 262px) {
  .woocommerce-demo-store.move-header-down #masthead.site-header .top-header {
    margin-top: 112px;
  }
}
@media (min-width: 263px) and (max-width: 340px) {
  .woocommerce-demo-store.move-header-down #masthead.site-header .top-header {
    margin-top: 94px;
  }
}
@media (min-width: 341px) and (max-width: 475px) {
  .woocommerce-demo-store.move-header-down #masthead.site-header .top-header {
    margin-top: 0;
    padding-top: 97px;
  }
}
@media (min-width: 476px) and (max-width: 910px) {
  .woocommerce-demo-store.move-header-down #masthead.site-header .top-header {
    padding-top: 77px;
  }
}
@media (min-width: 911px) {
  .woocommerce-demo-store.move-header-down #masthead.site-header .top-header {
    padding-top: 61px;
  }
}
.woocommerce-demo-store.move-header-down button.menu-toggle {
  position: relative;
  top: -10px;
}

.site-notification-header {
  display: none;
}

.mdi-information {
  cursor: pointer;
  color: #0c0c0c;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height: inherit;
  vertical-align: baseline;
  content: "\f05a";
}

.mdi-dots-horizontal,
.mdi-dots-horizontal-circle,
.mdi-dots-horizontal-circle-outline,
.mdi-more {
  cursor: pointer;
  color: #ffffff;
  font-size: 18px;
}

.popover.brand_list {
  max-width: none;
}
.popover.brand_list .popover-body {
  padding: 12px;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 1.5;
}
.popover.brand_list .popover-body .competitor {
  font-weight: 900;
}
.popover.brand_list .popover-body .button {
  background: #5b5e61 !important;
  color: white !important;
  margin-top: 8px;
}

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

.register-last-name {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}

/*
 * Password field is on 
 * checkout (doesn't show password hint here)
 * edit-account
 * register
 */
.woocommerce-password-strength + .show-password-input,
.woocommerce-password-hint + .show-password-input {
  left: 200px;
}

form.register .woocommerce-password-strength + .show-password-input,
form.register .woocommerce-password-hint + .show-password-input {
  top: -2px;
}

form.edit-account .woocommerce-password-strength + .show-password-input,
form.edit-account .woocommerce-password-hint + .show-password-input {
  top: -60px;
}

.woocommerce-password-strength::after {
  content: "\f09c";
}

.woocommerce-password-strength.good::after {
  content: "\f023";
}

.woocommerce-password-strength.short,
.woocommerce-password-strength.bad {
  color: #ec471e;
}

.woocommerce-password-strength.good {
  color: #0a246a;
}

.nowrap {
  white-space: nowrap;
}

/* Woocommerce styling notices */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
  padding: 1em 1.618em;
  margin-bottom: 2.617924em;
  background-color: #fff;
  margin-left: 0;
  border-radius: 2px;
  color: #fff;
  clear: both;
  border-left: 0;
}

.woocommerce-error {
  background-color: #ec471e;
}

/*
 * Style bootstrap modal
 */
.modal-subscribe {
  z-index: 20000000000;
  display: none;
}
.modal-subscribe .modal-content {
  background: #121e30;
  color: #ffffff;
  text-align: center;
}
.modal-subscribe .modal-content .modal-header {
  border: 0;
}
.modal-subscribe .modal-content .modal-header button {
  background: transparent !important;
}
.modal-subscribe .modal-content .modal-body {
  padding: 25px;
  padding-top: 0;
  max-width: 600px;
  margin: auto;
}
.modal-subscribe .modal-content .modal-body .enter-email {
  font-size: 18px;
  color: #ebb967;
  margin-bottom: 0;
}
.modal-subscribe .modal-content .modal-body .newsletter-title {
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
}
.modal-subscribe .modal-content .modal-body input {
  margin-bottom: 6px;
  padding: 24px 12px;
}
.modal-subscribe .modal-content .modal-body button,
.modal-subscribe .modal-content .modal-body input {
  font-size: 15px;
}
.modal-subscribe .modal-content .modal-body button {
  background: #ddaf64 !important;
  width: 100%;
  padding: 13px;
  margin-top: 3px;
}
.modal-subscribe .modal-content .modal-body form {
  margin-bottom: 1.218em;
}
.modal-subscribe .modal-content .modal-body .first-to-know {
  font-size: 15px;
}
.modal-subscribe .modal-content .modal-body .status {
  margin-bottom: 20px;
}

/* ~~~~~~~~ */
/*  Header  */
/* ~~~~~~~~ */
nav a, .menu a {
  text-decoration: none;
}

#masthead.site-header {
  padding-top: 0;
  border-bottom: 0;
}
@media (max-width: 767px) {
  #masthead.site-header {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  #masthead.site-header {
    background: #0c0c0c;
  }
}
#masthead.site-header .top-header {
  background: #0c0c0c;
  color: #ffffff;
  padding-top: 20px;
  padding-bottom: 10px;
}
#masthead.site-header .top-header a {
  color: #ffffff;
}
#masthead.site-header .top-header .logo {
  float: left;
}
#masthead.site-header .top-header .icons {
  /*float:right;*/
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}
#masthead.site-header .top-header .icons .mdi {
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}
@media (max-width: 767px) {
  #masthead.site-header .top-header .icons {
    display: none;
  }
}
#masthead.site-header .top-header .icons.show-search .site-search {
  width: auto;
}
#masthead.site-header .top-header .icons.show-search .mdi-magnify {
  position: relative;
  margin-right: -28px;
  z-index: 10;
  color: #555;
}
#masthead.site-header .top-header .icons.show-search .widget_product_search form input[type=search],
#masthead.site-header .top-header .icons.show-search .widget_product_search form input[type=text] {
  width: 100%;
  padding-right: 10px;
  padding-left: 35px;
}
#masthead.site-header .top-header .icons.show-search .mdi-close-circle {
  display: inline-block;
}
#masthead.site-header .top-header .icons .menu li {
  list-style-type: none;
  padding-bottom: 18px;
}
#masthead.site-header .top-header .icons .mdi {
  font-size: 19px;
  float: right;
  margin-left: 33px;
  cursor: pointer;
}
#masthead.site-header .top-header .icons .mdi-magnify {
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
  position: relative;
  z-index: 10;
}
#masthead.site-header .top-header .icons .mdi-cart {
  position: relative;
}
#masthead.site-header .top-header .icons .count {
  text-indent: 1px;
  display: block;
  box-sizing: content-box;
  position: absolute;
  top: 0.875em;
  left: 55%;
  border-radius: 100%;
  border: 1px solid;
  background-color: #ffffff;
  color: #0c0c0c;
  border-color: #000;
  width: 1em;
  height: 1em;
  line-height: 1.08;
  text-align: center;
  font-size: 12px;
  padding: 2px;
  font-weight: 500;
}
#masthead.site-header .site-search {
  position: relative;
  margin-bottom: 0;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
  width: auto;
}
#masthead.site-header .site-search .widget_product_search form input[type=search],
#masthead.site-header .site-search .widget_product_search form input[type=text] {
  background: #888;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
  font-size: 16px;
  color: #ffffff;
  border-radius: 6px;
  margin-top: -2px;
  float: right;
  width: 0;
  padding: 5px 0 5px 0;
}
#masthead.site-header .site-search .widget_product_search form input[type=search]:focus,
#masthead.site-header .site-search .widget_product_search form input[type=text]:focus {
  outline: 0;
}
#masthead.site-header .site-search .mdi-close-circle {
  position: absolute;
  z-index: 20000;
  top: -1px;
  right: 7px;
  color: #555;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
  display: none;
}
#masthead.site-header .widget_search form::before, #masthead.site-header .widget_product_search form::before {
  /*content:"\f057";*/
  content: "";
}

@media (min-width: 768px) {
  .storefront-primary-navigation {
    background: #ffffff;
  }
}

@media (min-width: 768px) {
  .woocommerce-active .site-header .main-navigation {
    width: 100%;
    float: none;
    margin: 0;
    clear: both;
    text-align: center;
  }
}

.primary-navigation {
  /*display: inline-block;*/
  margin: auto;
}

@media (max-width: 767px) {
  .main-navigation {
    padding-bottom: 14px;
  }
  .main-navigation .menu {
    padding-top: 10px;
  }
}

.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
  outline: 0;
}
@media (min-width: 768px) {
  .main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
    padding: 10px 10px 11px;
    font-family: "Playfair Display", serif !important;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
  }
}
@media (min-width: 992px) {
  .main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 1200px) {
  .main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
    padding-left: 8px;
    padding-right: 8px;
  }
}

@media (min-width: 768px) {
  .main-navigation ul.menu > li,
.main-navigation ul.nav-menu > li {
    /*display:block;*/
  }
}
@media (min-width: 992px) {
  .main-navigation ul.menu > li,
.main-navigation ul.nav-menu > li {
    display: inline-block;
  }
}

@media (min-width: 768px) {
  .site-header-cart .cart-contents {
    padding-top: 0.618em !important;
    padding-bottom: 0.618em !important;
  }
}

.woocommerce-mini-cart.cart_list.product_list_widget {
  background: #ffffff;
}

.woocommerce-mini-cart__total.total {
  background: #fdfdfd;
}

.woocommerce-mini-cart__buttons.buttons {
  background: #ffffff;
}

@media screen and (min-width: 768px) {
  .secondary-navigation ul.menu a {
    color: #000;
  }
  .secondary-navigation ul.menu a:hover {
    color: #ffffff !important;
  }
}

.handheld-navigation .menu li a {
  color: #fff;
  font-family: "Playfair Display", serif !important;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 13px;
}

button.menu-toggle {
  margin-top: -3px;
  background: transparent;
  border: 0;
  outline: 0;
}

button.menu-toggle:hover {
  background: transparent;
}

button.menu-toggle::before, button.menu-toggle::after, button.menu-toggle span::before {
  content: "";
  display: block;
  height: 2px;
  width: 30px;
  position: absolute;
  top: 50%;
  left: 1em;
  margin-top: -1px;
  -webkit-transition: all, ease, 0.2s;
  transition: all, ease, 0.2s;
  border-radius: 3px;
  background-color: #fff;
}

.page-template .show-not-home,
body.home .show-not-home {
  display: none !important;
}
.page-template #page .site-header,
body.home #page .site-header {
  margin-bottom: 0;
}

body:not(.home) .show-home {
  display: none !important;
}

.site-notification-header {
  font-family: "Playfair Display", serif !important;
  font-weight: 700;
  font-size: 15px;
  font-size: 13px;
  text-align: center;
  background: #4f5a6b;
  color: #ffffff;
  /*background:$grey_bg;*/
}
.site-notification-header * {
  color: #ffffff;
}
@media (max-width: 767px) {
  .site-notification-header {
    /*position: absolute;*/
    /*bottom: -37px;*/
    background: #4f5a6b;
    width: 100%;
  }
}
.site-notification-header .page-gutter .notification-container {
  padding-top: 17px;
  padding-bottom: 5px;
}
.site-notification-header .page-gutter .notification-container a {
  color: #ffffff;
}

.woocommerce-checkout #masthead.site-header,
.woocommerce-cart #masthead.site-header,
.woocommerce-account #masthead.site-header {
  background: #ffffff;
}
.woocommerce-checkout #masthead.site-header .top-header,
.woocommerce-cart #masthead.site-header .top-header,
.woocommerce-account #masthead.site-header .top-header {
  background: #ffffff;
  color: #0c0c0c;
}
.woocommerce-checkout #masthead.site-header .top-header a,
.woocommerce-cart #masthead.site-header .top-header a,
.woocommerce-account #masthead.site-header .top-header a {
  color: #0c0c0c;
}
.woocommerce-checkout #masthead.site-header .top-header .count,
.woocommerce-cart #masthead.site-header .top-header .count,
.woocommerce-account #masthead.site-header .top-header .count {
  background-color: #0c0c0c;
  color: #ffffff;
  border-color: #ffffff;
}
@media (min-width: 768px) {
  .woocommerce-checkout #masthead.site-header .storefront-primary-navigation,
.woocommerce-cart #masthead.site-header .storefront-primary-navigation,
.woocommerce-account #masthead.site-header .storefront-primary-navigation {
    background: #0c0c0c;
  }
  .woocommerce-checkout #masthead.site-header .storefront-primary-navigation .main-navigation ul li a,
.woocommerce-cart #masthead.site-header .storefront-primary-navigation .main-navigation ul li a,
.woocommerce-account #masthead.site-header .storefront-primary-navigation .main-navigation ul li a {
    color: #ffffff;
  }
}
.woocommerce-checkout button.menu-toggle::before, .woocommerce-checkout button.menu-toggle::after, .woocommerce-checkout button.menu-toggle span::before,
.woocommerce-cart button.menu-toggle::before,
.woocommerce-cart button.menu-toggle::after,
.woocommerce-cart button.menu-toggle span::before,
.woocommerce-account button.menu-toggle::before,
.woocommerce-account button.menu-toggle::after,
.woocommerce-account button.menu-toggle span::before {
  background-color: #0c0c0c;
}
.woocommerce-checkout .handheld-navigation .menu li a,
.woocommerce-cart .handheld-navigation .menu li a,
.woocommerce-account .handheld-navigation .menu li a {
  color: #0c0c0c;
}

/* ~~~~~~~~ */
/*  Footer  */
/* ~~~~~~~~ */
.storefront-handheld-footer-bar ul li.cart .mdi {
  font-size: 2.5em;
  height: 1.7em;
  display: block;
  position: relative;
  z-index: 999;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  background: #ffffff;
  cursor: pointer;
}
.storefront-handheld-footer-bar ul li.cart .mdi:before {
  color: #0c0c0c;
}
.storefront-handheld-footer-bar ul li.cart .mdi .count {
  text-indent: 1px;
  font-size: 10px;
  font-weight: 500;
  background: #0c0c0c;
  top: 2em;
}

.page-template .site-info:not(.mobile),
body.home .site-info:not(.mobile) {
  display: none;
}
@media (min-width: 768px) {
  .page-template .site-info:not(.mobile),
body.home .site-info:not(.mobile) {
    display: block;
  }
}
.page-template .site-info.mobile,
body.home .site-info.mobile {
  display: block;
  position: static;
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .page-template .site-info.mobile,
body.home .site-info.mobile {
    display: none;
  }
}
.page-template .site-info.mobile .site-info-content,
body.home .site-info.mobile .site-info-content {
  position: relative;
  z-index: 4;
}
.page-template .site-info.mobile .site-info-content .trademark,
body.home .site-info.mobile .site-info-content .trademark {
  position: relative;
  z-index: 4;
}
.page-template .site-info,
body.home .site-info {
  text-align: center;
  background: #0c0c0c;
  color: #ffffff;
  font-family: "Playfair Display", serif !important;
  font-size: 11px;
  text-align: center;
}
.page-template .site-info .site-info-content,
body.home .site-info .site-info-content {
  position: relative;
  z-index: 2;
  display: inline;
}
.page-template .site-info .site-info-content .trademark,
body.home .site-info .site-info-content .trademark {
  position: relative;
  z-index: 2;
  width: 80px;
  height: auto;
  padding-right: 12px;
  margin: auto;
  display: block !important;
  margin-bottom: 8px;
}
.page-template .storefront-handheld-footer-bar,
body.home .storefront-handheld-footer-bar {
  /*display: none !important;*/
}
.page-template .site-footer,
body.home .site-footer {
  color: #000;
  padding-bottom: 0;
  position: relative;
  /* Needed for those crazy lines */
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .page-template .site-footer,
body.home .site-footer {
    margin-bottom: 0;
  }
}
.page-template .site-footer .top-footer,
body.home .site-footer .top-footer {
  padding-top: 28px;
  padding-bottom: 45px;
  /*
  .footer-line-2{
  	position:relative;
  	&:before {
  		@include gold-line;
  		height: 400px;
  		top: -455px;
  		right: 0;
  	}
  }
  */
}
.page-template .site-footer .top-footer .footer-links-col:before,
body.home .site-footer .top-footer .footer-links-col:before {
  content: "";
  position: absolute;
  width: 1px;
  background: #ddaf64;
  top: -400px;
  height: 456px;
}
.page-template .site-footer .top-footer .footer-links-col .footer-links,
body.home .site-footer .top-footer .footer-links-col .footer-links {
  font-family: "Playfair Display", serif !important;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 13px;
  padding-top: 38px;
  padding-left: 0.6rem;
}
.page-template .site-footer .top-footer .footer-links-col .footer-links li,
body.home .site-footer .top-footer .footer-links-col .footer-links li {
  margin-bottom: 17px;
}
.page-template .site-footer .top-footer .footer-links-col .footer-links li:last-child,
body.home .site-footer .top-footer .footer-links-col .footer-links li:last-child {
  margin-bottom: 0;
}
.page-template .site-footer .top-footer .footer-links-col .footer-links a,
body.home .site-footer .top-footer .footer-links-col .footer-links a {
  text-decoration: none;
  outline: 0;
  position: relative;
  z-index: 2000;
  background: #ffffff;
}
.page-template .site-footer .top-footer .social-media-col:before,
body.home .site-footer .top-footer .social-media-col:before {
  content: "";
  position: absolute;
  width: 1px;
  background: #ddaf64;
  top: -400px;
  height: 421px;
}
.page-template .site-footer .top-footer .social-media-col .footer-line-1,
body.home .site-footer .top-footer .social-media-col .footer-line-1 {
  content: "";
  position: absolute;
  width: 1px;
  background: #ddaf64;
  top: -400px;
  height: 421px;
}
.page-template .site-footer .top-footer .social-media-col .social-media,
body.home .site-footer .top-footer .social-media-col .social-media {
  position: relative;
  z-index: 2;
  padding-left: 0.6rem;
}
.page-template .site-footer .top-footer .social-media-col .social-media a .mdi,
body.home .site-footer .top-footer .social-media-col .social-media a .mdi {
  font-size: 21px;
  margin-left: 0.45rem;
  margin-right: 0.45rem;
}
.page-template .site-footer .top-footer .social-media-col .social-media a:first-child .mdi,
body.home .site-footer .top-footer .social-media-col .social-media a:first-child .mdi {
  margin-left: 0;
}
.page-template .site-footer .top-footer .social-media-col .social-media a:last-child .mdi,
body.home .site-footer .top-footer .social-media-col .social-media a:last-child .mdi {
  margin-right: 0;
}
.page-template .site-footer .widget_recent_entries ul li, .page-template .site-footer .widget_pages ul li, .page-template .site-footer .widget_categories ul li, .page-template .site-footer .widget_archive ul li, .page-template .site-footer .widget_recent_comments ul li, .page-template .site-footer .widget_nav_menu ul li, .page-template .site-footer .widget_links ul li, .page-template .site-footer .widget_product_categories ul li, .page-template .site-footer .widget_layered_nav ul li, .page-template .site-footer .widget_layered_nav_filters ul li,
body.home .site-footer .widget_recent_entries ul li,
body.home .site-footer .widget_pages ul li,
body.home .site-footer .widget_categories ul li,
body.home .site-footer .widget_archive ul li,
body.home .site-footer .widget_recent_comments ul li,
body.home .site-footer .widget_nav_menu ul li,
body.home .site-footer .widget_links ul li,
body.home .site-footer .widget_product_categories ul li,
body.home .site-footer .widget_layered_nav ul li,
body.home .site-footer .widget_layered_nav_filters ul li {
  text-align: left;
}
.page-template .site-footer .widget,
body.home .site-footer .widget {
  margin: 0 0 1.2em;
}

body:not(.home) .site-footer {
  text-transform: uppercase;
  /* Add extra padding to footer that isn't homepage */
  padding: 1.618em 0 130px;
  color: #0c0c0c;
}
@media (min-width: 992px) {
  body:not(.home) .site-footer {
    padding-bottom: 90px;
  }
}
body:not(.home) .site-footer a {
  color: #0c0c0c;
}
body:not(.home) .site-footer .page-gutter .row {
  position: relative;
}
body:not(.home) .site-footer .page-gutter .row:before {
  content: "";
  position: absolute;
  width: 1px;
  background: #ddaf64;
  top: 0;
  right: 0;
  height: 300%;
}
body:not(.home) .site-footer .page-gutter .footer-links {
  font-size: 11px;
}
body:not(.home) .site-footer .page-gutter .footer-links .widget {
  margin-bottom: 0;
}
body:not(.home) .site-footer .page-gutter .footer-links .widget ul li:last-child {
  margin-bottom: 0;
}
body:not(.home) .site-footer .page-gutter .footer-links .widget a {
  text-decoration: none;
  outline: 0;
}
body:not(.home) .site-footer .page-gutter .col-md-4 {
  position: static;
}
@media (min-width: 576px) {
  body:not(.home) .site-footer .page-gutter .col-md-4 {
    position: relative;
  }
}
body:not(.home) .site-footer .page-gutter .col-md-4 .site-info {
  font-family: "Playfair Display", serif !important;
  font-size: 11px;
  text-align: center;
  padding: 0;
  text-transform: initial;
  margin-top: 20px;
}
@media (min-width: 576px) {
  body:not(.home) .site-footer .page-gutter .col-md-4 .site-info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 768px) {
  body:not(.home) .site-footer .page-gutter .col-md-4 .site-info {
    margin-top: 0px;
  }
}
body:not(.home) .site-footer .page-gutter .col-md-4 .site-info .trademark {
  margin: auto;
  width: 80px !important;
  padding-right: 6px !important;
  padding-left: 6px !important;
  height: auto;
  padding-bottom: 8px;
  display: block !important;
}
@media (min-width: 576px) {
  body:not(.home) .site-footer .page-gutter .col-md-4 .site-info .trademark {
    width: 80px;
    padding-right: 6px;
    padding-left: 6px;
  }
}
body:not(.home) .site-footer .page-gutter .social-media {
  float: right;
  font-size: 20px;
  padding-top: 4px;
  position: absolute;
  right: 15px;
  top: -10px;
}
@media (min-width: 576px) {
  body:not(.home) .site-footer .page-gutter .social-media {
    /*position: static;*/
    top: -130px;
  }
}
@media (min-width: 768px) {
  body:not(.home) .site-footer .page-gutter .social-media {
    top: 0px;
  }
}
body:not(.home) .site-footer .page-gutter .social-media a {
  margin-left: 8px;
}

/* Checkout pages inverse color */
body:not(.home):not(.single-product) .site-footer,
.woocommerce-checkout .site-footer,
.woocommerce-cart .site-footer,
.woocommerce-account .site-footer {
  color: #ffffff;
  background-color: #0c0c0c;
}
body:not(.home):not(.single-product) .site-footer a,
.woocommerce-checkout .site-footer a,
.woocommerce-cart .site-footer a,
.woocommerce-account .site-footer a {
  color: #ffffff;
}
body:not(.home):not(.single-product) .site-footer a:not(.button):not(.components-button),
.woocommerce-checkout .site-footer a:not(.button):not(.components-button),
.woocommerce-cart .site-footer a:not(.button):not(.components-button),
.woocommerce-account .site-footer a:not(.button):not(.components-button) {
  color: #ffffff;
}
@media (min-width: 768px) {
  body:not(.home):not(.single-product) .site-footer .footer-widgets,
.woocommerce-checkout .site-footer .footer-widgets,
.woocommerce-cart .site-footer .footer-widgets,
.woocommerce-account .site-footer .footer-widgets {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
}
body:not(.home):not(.single-product) .site-footer .site-info,
.woocommerce-checkout .site-footer .site-info,
.woocommerce-cart .site-footer .site-info,
.woocommerce-account .site-footer .site-info {
  color: #ffffff;
}

/* Using weird classes in footer but am keeping since I started with it */
.widget_recent_entries ul li, .widget_pages ul li, .widget_categories ul li, .widget_archive ul li, .widget_recent_comments ul li, .widget_nav_menu ul li, .widget_links ul li, .widget_product_categories ul li, .widget_layered_nav ul li, .widget_layered_nav_filters ul li {
  padding-left: 0;
}

.widget_nav_menu ul li::before {
  content: "";
}

.site-footer .social-media a {
  text-decoration: none !important;
}

/* ~~~~~~~~ */
/*  Homepage  */
/* ~~~~~~~~ */
/* ~~~~~~~~ */
/*  Introduction Text on Homepage  */
/* ~~~~~~~~ */
#concept {
  background: #fff url(../img/jabbar-bottle-shot.jpeg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-attachment: fixed;
  background-position: right -400px top 20px;
}
@media (min-width: 768px) {
  #concept {
    background-position: right -250px top 20px;
  }
}
#concept .outline-concept {
  opacity: 0.6 !important;
}

.page-template .top-banner .outline-concept .col-3:nth-child(2):after, .home .top-banner .outline-concept .col-3:nth-child(2):after {
  opacity: 0.6 !important;
}

.page-template .top-banner .outline-concept .col-3:after, .home .top-banner .outline-concept .col-3:after {
  opacity: 0.6 !important;
}

.home.concept-area #top {
  display: none;
}

.page-template,
.home {
  position: relative;
}
.page-template .top,
.home .top {
  /* Needed for 4th splash */
  position: relative;
}
.page-template.home-area #concept,
.home.home-area #concept {
  display: none;
}
@media (max-width: 575px) {
  .page-template h1,
.home h1 {
    font-size: 35px;
  }
}
.page-template #page,
.home #page {
  height: 100%;
}
.page-template .top-banner,
.home .top-banner {
  height: 100%;
}
@media (max-width: 767px) {
  .page-template .top-banner h4,
.home .top-banner h4 {
    font-size: 18px;
  }
}
.page-template .top-banner .outline-concept,
.home .top-banner .outline-concept {
  height: 1px;
  position: relative;
}
.page-template .top-banner .outline-concept .col-3:nth-child(1):before,
.home .top-banner .outline-concept .col-3:nth-child(1):before {
  content: "";
  position: absolute;
  width: 1px;
  background: #ddaf64;
  height: 1000px;
  z-index: 0;
  top: 25vh;
}
.page-template .top-banner .outline-concept .col-3:after,
.home .top-banner .outline-concept .col-3:after {
  content: "";
  position: absolute;
  width: 1px;
  background: #ddaf64;
  height: 1000px;
  z-index: 0;
  right: 0;
}
.page-template .top-banner .outline-concept .col-3:nth-child(2):after,
.home .top-banner .outline-concept .col-3:nth-child(2):after {
  height: 80vh;
}
.page-template .top-banner .outline-concept .col-3:nth-child(3):after,
.home .top-banner .outline-concept .col-3:nth-child(3):after {
  height: 32vh;
}
.page-template .top-banner .outline-concept .col-3:nth-child(4):after,
.home .top-banner .outline-concept .col-3:nth-child(4):after {
  content: none;
}
.page-template .top-banner .outline-concept:after,
.home .top-banner .outline-concept:after {
  content: "";
  position: absolute;
  width: 1px;
  background: #ddaf64;
  height: 1000px;
  right: 0;
  z-index: 0;
  top: 25vh;
}
.page-template .top-banner .top-banner-header,
.home .top-banner .top-banner-header {
  /* height in browsers will add on padding.. so minus padding from total height */
  height: 60px;
  padding-top: 20px;
}
.page-template .top-banner .top-banner-header .currency-switch,
.home .top-banner .top-banner-header .currency-switch {
  font-size: 15px;
  letter-spacing: 3px;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.page-template .top-banner .top-banner-header .currency-switch a,
.home .top-banner .top-banner-header .currency-switch a {
  text-decoration: none;
  outline: 0;
  color: #5b5e61;
  text-decoration: underline;
}
.page-template .top-banner .top-banner-header .currency-switch a.active,
.home .top-banner .top-banner-header .currency-switch a.active {
  text-decoration: none;
}
@media (min-width: 768px) {
  .page-template .top-banner .top-banner-header .currency-switch,
.home .top-banner .top-banner-header .currency-switch {
    left: -39px;
  }
}
.page-template .top-banner .top-banner-header .currency-switch span,
.home .top-banner .top-banner-header .currency-switch span {
  padding: 0 6px;
}
.page-template .top-banner .top-banner-header .social-media,
.home .top-banner .top-banner-header .social-media {
  float: right;
  display: inline-block;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .page-template .top-banner .top-banner-header .social-media,
.home .top-banner .top-banner-header .social-media {
    margin-right: -45px;
  }
}
.page-template .top-banner .top-banner-header .social-media .mdi,
.home .top-banner .top-banner-header .social-media .mdi {
  font-size: 18px;
  margin-left: 8px;
  color: #5b5e61;
}
.page-template .top-banner .introduction,
.home .top-banner .introduction {
  /* minus the top banner */
  height: calc(100% - 80px);
  text-align: left;
  position: relative;
  /* BEGIN QUIZ */
  /* END QUIZ */
}
@media (max-width: 575px) {
  .page-template .top-banner .introduction .affilate-link,
.page-template .top-banner .introduction .quiz-link,
.home .top-banner .introduction .affilate-link,
.home .top-banner .introduction .quiz-link {
    font-size: 10px;
  }
}
.page-template .top-banner .introduction .sample-link,
.home .top-banner .introduction .sample-link {
  padding-left: 22px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  margin-top: 6px;
}
@media (max-width: 575px) {
  .page-template .top-banner .introduction .sample-link,
.home .top-banner .introduction .sample-link {
    padding-left: 18px;
    margin-top: 2px;
    font-size: 9px;
  }
}
.page-template .top-banner .introduction .concept-group,
.home .top-banner .introduction .concept-group {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 575px) {
  .page-template .top-banner .introduction .concept-group.fadeInDown,
.home .top-banner .introduction .concept-group.fadeInDown {
    top: 50px;
  }
}
@media (max-width: 575px) {
  .page-template .top-banner .introduction .concept-group.fadeInUp,
.home .top-banner .introduction .concept-group.fadeInUp {
    top: -50px;
  }
}
.page-template .top-banner .introduction h4,
.home .top-banner .introduction h4 {
  text-align: right;
}
@media (max-width: 575px) {
  .page-template .top-banner .introduction h4,
.home .top-banner .introduction h4 {
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    text-align: center;
  }
}
.page-template .top-banner .introduction .vertical-align-center,
.home .top-banner .introduction .vertical-align-center {
  /*
  	position: absolute;
  	top: 50%;
  	height: 300px;
  	margin-top: -150px;
  	width: 100%;
  */
}
.page-template .top-banner .introduction .vertical-align-center h1,
.home .top-banner .introduction .vertical-align-center h1 {
  margin-bottom: 0;
}
.page-template .top-banner .introduction .vertical-align-center button,
.home .top-banner .introduction .vertical-align-center button {
  position: relative;
  z-index: 20000;
}
.page-template .top-banner .introduction .intro-text-parent,
.home .top-banner .introduction .intro-text-parent {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 20%;
  transform: translateY(-20%);
}
@media (min-width: 576px) {
  .page-template .top-banner .introduction .intro-text-parent,
.home .top-banner .introduction .intro-text-parent {
    top: 30%;
    transform: translateY(-30%);
  }
}
.page-template .top-banner .introduction .intro-text-parent .intro-text,
.home .top-banner .introduction .intro-text-parent .intro-text {
  height: 100%;
  text-transform: lowercase;
  line-height: 36px;
  letter-spacing: 4px;
  background: #e1e1e1;
  margin-left: 1px;
  margin-right: 1px;
}
@media (min-width: 576px) {
  .page-template .top-banner .introduction .intro-text-parent .intro-text,
.home .top-banner .introduction .intro-text-parent .intro-text {
    background: transparent;
  }
}
.page-template .top-banner .introduction .intro-text-parent .intro-text .row div[class*=col-],
.home .top-banner .introduction .intro-text-parent .intro-text .row div[class*=col-] {
  text-align: left;
}
.page-template .top-banner .introduction .intro-text-parent .intro-text .row:last-child div[class*=col-],
.home .top-banner .introduction .intro-text-parent .intro-text .row:last-child div[class*=col-] {
  text-align: right;
}
.page-template .top-banner .introduction .intro-text-parent .intro-text .top-intro,
.home .top-banner .introduction .intro-text-parent .intro-text .top-intro {
  font-family: "Playfair Display", serif !important;
  font-size: 23px;
  letter-spacing: 4px;
  font-weight: 700;
  line-height: 34px;
  text-transform: uppercase;
  margin-bottom: 28px;
  visibility: hidden;
  text-align: left;
  font-weight: 400;
  display: inline-block;
  background: #e1e1e1;
  padding-left: 12px;
  text-transform: initial;
}
.page-template .top-banner .introduction .intro-text-parent .intro-text .middle-intro,
.home .top-banner .introduction .intro-text-parent .intro-text .middle-intro {
  visibility: hidden;
  font-weight: 400;
  display: inline-block;
  background: #e1e1e1;
  margin-left: 1px;
  margin-right: 1px;
  text-align: center;
  padding-left: 12px;
  padding-right: 12px;
  text-transform: initial;
}
@media (min-width: 768px) {
  .page-template .top-banner .introduction .intro-text-parent .intro-text .middle-intro,
.home .top-banner .introduction .intro-text-parent .intro-text .middle-intro {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 576px) {
  .page-template .top-banner .introduction .intro-text-parent .intro-text .middle-intro,
.home .top-banner .introduction .intro-text-parent .intro-text .middle-intro {
    text-align: left;
  }
}
@media (max-width: 575px) {
  .page-template .top-banner .introduction .intro-text-parent .intro-text .middle-intro,
.home .top-banner .introduction .intro-text-parent .intro-text .middle-intro {
    font-size: 18px;
    line-height: 26px;
  }
}
.page-template .top-banner .introduction .intro-text-parent .intro-text .middle-intro br,
.home .top-banner .introduction .intro-text-parent .intro-text .middle-intro br {
  display: none;
}
@media (min-width: 768px) {
  .page-template .top-banner .introduction .intro-text-parent .intro-text .middle-intro br,
.home .top-banner .introduction .intro-text-parent .intro-text .middle-intro br {
    display: block;
  }
}
.page-template .top-banner .introduction .intro-text-parent .intro-text .bottom-intro,
.home .top-banner .introduction .intro-text-parent .intro-text .bottom-intro {
  text-transform: uppercase;
  font-weight: 900;
  text-align: right;
  visibility: hidden;
  margin-top: 28px;
  display: inline-block;
  background: #e1e1e1;
}
.page-template .top-banner .introduction .mdi-parent,
.home .top-banner .introduction .mdi-parent {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 100%;
  bottom: 80px;
  bottom: 0;
  visibility: hidden;
}
@media (min-width: 576px) {
  .page-template .top-banner .introduction .mdi-parent,
.home .top-banner .introduction .mdi-parent {
    bottom: 30px;
  }
}
.page-template .top-banner .introduction .mdi-parent .mdi,
.home .top-banner .introduction .mdi-parent .mdi {
  color: #0c0c0c;
  font-size: 90px;
  line-height: 110px;
  cursor: pointer;
  background: transparent !important;
}
.page-template .top-banner .introduction .mdi-parent .mdi::before,
.home .top-banner .introduction .mdi-parent .mdi::before {
  transform: scale(2.5, 1);
}
.page-template .top-banner .introduction .page-gutter,
.home .top-banner .introduction .page-gutter {
  position: relative;
}

@media (min-width: 768px) {
  .half-column-left {
    margin-left: 12.5%;
  }
}

@media (min-width: 768px) {
  .half-column-right {
    margin-right: 12.5%;
  }
}

@media (min-width: 576px) {
  .chrome #t-whats-in-the-bottle .splash-1 {
    right: 0px;
  }
}

#t-whats-in-the-bottle {
  position: relative;
  margin-top: 0;
}
#t-whats-in-the-bottle .splash-1 {
  position: absolute;
  right: -320px;
  z-index: 3;
  top: -280px;
}
@media (min-width: 576px) {
  #t-whats-in-the-bottle .splash-1 {
    top: -142px;
    right: -63px;
  }
}
#t-whats-in-the-bottle .t-marble-container {
  position: relative;
  padding: 32px 47px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
@media (min-width: 576px) {
  #t-whats-in-the-bottle .t-marble-container {
    padding-left: 47px;
    padding-top: 0;
  }
}
#t-whats-in-the-bottle .t-marble-container .t-marble-background-container {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
@media (min-width: 576px) {
  #t-whats-in-the-bottle .t-marble-container .t-marble-background-container {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .t-marble-container .t-marble-background-container {
    margin-left: 4.5rem;
    margin-right: 4.5rem;
  }
}
@media (min-width: 992px) {
  #t-whats-in-the-bottle .t-marble-container .t-marble-background-container {
    margin-left: 6.5rem;
    margin-right: 6.5rem;
  }
}
@media (min-width: 576px) {
  #t-whats-in-the-bottle .t-marble-container .t-marble-background-container {
    margin-right: 0;
  }
  #t-whats-in-the-bottle .t-marble-container .t-marble-background-container[class*=col-md] {
    margin-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .t-marble-container .t-marble-background-container[class*=col-md] {
    margin-right: 0;
  }
}
#t-whats-in-the-bottle .t-marble-container .t-marble-background-container .t-marble-background {
  background: url("../img/whatsinbottlemarble.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  /*
   * Gradient values on generator:
   * Horizontal Length:0
   * Vertical Length:0
   * Blur Radius:3
   * Spread Radius:2
   * Shadow Color:#000
   * Opacity:.15
   * https://www.cssmatic.com/box-shadow
   */
  -webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.15);
}
#t-whats-in-the-bottle .t-marble-container .t-marble-header-padding {
  padding-top: 32px;
}
#t-whats-in-the-bottle .t-marble-container .t-marble-header-padding h1.t-marble-title {
  position: relative;
  z-index: 3;
  padding-left: 40px;
}
#t-whats-in-the-bottle .t-marble-container .t-the-right-formula-block {
  position: relative;
  z-index: 3;
  color: #fff;
  background: #0c0c0c;
  font-size: 19px;
  padding: 57px 67px;
  margin-left: -4.5rem;
  /*
   * Gradient values on generator:
   * Horizontal Length:0
   * Vertical Length:0
   * Blur Radius:6
   * Spread Radius:3
   * Shadow Color:#000
   * Opacity:.52
   * https://www.cssmatic.com/box-shadow
   */
  -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.6);
}
@media (min-width: 992px) {
  #t-whats-in-the-bottle .t-marble-container .t-the-right-formula-block {
    margin-left: -3.5rem;
  }
}
#t-whats-in-the-bottle .t-marble-container .t-the-right-formula-block h3 {
  color: #ddaf64;
}
#t-whats-in-the-bottle .t-marble-container .t-marble-content {
  position: relative;
  z-index: 2;
  padding: 40px 0 40px 40px;
  font-weight: 400;
}
@media (min-width: 576px) {
  #t-whats-in-the-bottle .t-marble-container .t-marble-content {
    padding-bottom: 0;
  }
}
#t-whats-in-the-bottle .t-marble-container .t-if-youve-got-skin-container {
  position: relative;
  /*
  margin-left:-$page-margin-3;
  @media (min-width: 576px) {
  	margin-left: 0;
  }
  */
}
#t-whats-in-the-bottle .t-marble-container .t-if-youve-got-skin-container .t-if-youve-got-skin {
  position: relative;
  z-index: 4;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 507.87929px;
  padding: 74px 21px;
  text-align: left;
  background-image: url(../img/ifyouvegotskin.jpg);
  /*
   * Gradient values on generator:
   * Horizontal Length:0
   * Vertical Length:0
   * Blur Radius:3
   * Spread Radius:2
   * Shadow Color:#000
   * Opacity:.25
   * https://www.cssmatic.com/box-shadow
   */
  -webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.25);
  padding-top: 18px;
}
@media (min-width: 576px) {
  #t-whats-in-the-bottle .t-marble-container .t-if-youve-got-skin-container .t-if-youve-got-skin {
    position: absolute;
    top: -58px;
    right: 0;
    padding-top: 18px;
  }
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .t-marble-container .t-if-youve-got-skin-container .t-if-youve-got-skin {
    padding-top: 18px;
  }
}
@media (min-width: 992px) {
  #t-whats-in-the-bottle .t-marble-container .t-if-youve-got-skin-container .t-if-youve-got-skin {
    padding-top: 18px;
    top: -98px;
  }
}
@media (min-width: 1200px) {
  #t-whats-in-the-bottle .t-marble-container .t-if-youve-got-skin-container .t-if-youve-got-skin {
    padding-top: 34px;
  }
}
#t-whats-in-the-bottle .t-marble-container .t-if-youve-got-skin-container .t-if-youve-got-skin .line-1 {
  color: #fff;
}
#t-whats-in-the-bottle .t-marble-container .t-if-youve-got-skin-container .t-if-youve-got-skin .line-2 {
  color: #010101;
  text-transform: lowercase;
}
#t-whats-in-the-bottle .t-splash-2-container {
  position: relative;
}
#t-whats-in-the-bottle .t-splash-2-container .t-cant-find-shade {
  font-size: 21px;
  text-align: right;
  padding: 85px 48px;
  position: relative;
  z-index: 4;
  background: #ffffff;
}
@media (min-width: 576px) {
  #t-whats-in-the-bottle .t-splash-2-container .t-cant-find-shade {
    background: transparent;
    padding-top: 200px;
    padding-bottom: 50px;
  }
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .t-splash-2-container .t-cant-find-shade {
    padding-top: 120px;
    padding-top: 200px;
  }
}
@media (min-width: 992px) {
  #t-whats-in-the-bottle .t-splash-2-container .t-cant-find-shade {
    padding-top: 85px;
    padding-bottom: 85px;
  }
}
#t-whats-in-the-bottle .t-splash-2-container .t-splash-2 {
  position: absolute;
  z-index: 3;
  top: -270px;
  right: 0;
}
@media (min-width: 576px) {
  #t-whats-in-the-bottle .t-splash-2-container .t-splash-2 {
    top: -140px;
    right: -80px;
  }
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .t-splash-2-container .t-splash-2 {
    top: -80px;
    right: -150px;
  }
}
@media (min-width: 992px) {
  #t-whats-in-the-bottle .t-splash-2-container .t-splash-2 {
    right: -80px;
  }
}
@media (min-width: 1200px) {
  #t-whats-in-the-bottle .t-splash-2-container .t-splash-2 {
    right: -60px;
  }
}
#t-whats-in-the-bottle .t-catching-rays-container {
  position: relative;
  margin-top: 220px;
  margin-bottom: 185px;
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .t-catching-rays-container {
    margin-bottom: 280px;
  }
}
#t-whats-in-the-bottle .t-catching-rays-container .t-jcwallpaper {
  background-image: url(../img/jcwallpaper.gif);
  width: 51.3%;
  position: absolute;
  top: -50px;
  height: 110%;
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .t-catching-rays-container .t-jcwallpaper {
    height: 140%;
  }
}
@media (min-width: 992px) {
  #t-whats-in-the-bottle .t-catching-rays-container .t-jcwallpaper {
    height: 160%;
  }
}
@media (min-width: 1200px) {
  #t-whats-in-the-bottle .t-catching-rays-container .t-jcwallpaper {
    height: 180%;
  }
}
#t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays-photo {
  position: relative;
  z-index: 3;
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays-photo {
    position: absolute;
    top: -160px;
  }
}
#t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays {
  z-index: 0;
  color: #fff;
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
@media (min-width: 576px) {
  #t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays {
    margin-left: 4.5rem;
    margin-right: 4.5rem;
  }
}
@media (min-width: 992px) {
  #t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays {
    margin-left: 6.5rem;
    margin-right: 6.5rem;
  }
}
@media (min-width: 576px) {
  #t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays {
    margin-right: 0;
  }
  #t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays[class*=col-md] {
    margin-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays[class*=col-md] {
    margin-right: 0;
  }
}
#t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays .t-catching-rays-right-margin {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
  margin-right: 0;
  margin-left: 0;
}
@media (min-width: 576px) {
  #t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays .t-catching-rays-right-margin {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays .t-catching-rays-right-margin {
    margin-left: 4.5rem;
    margin-right: 4.5rem;
  }
}
@media (min-width: 992px) {
  #t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays .t-catching-rays-right-margin {
    margin-left: 6.5rem;
    margin-right: 6.5rem;
  }
}
@media (min-width: 576px) {
  #t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays .t-catching-rays-right-margin {
    margin-left: 0;
  }
  #t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays .t-catching-rays-right-margin[class*=col-md] {
    margin-left: 3.5rem;
  }
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays .t-catching-rays-right-margin[class*=col-md] {
    margin-left: 0;
  }
}
#t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays .t-catching-rays-content-container .catching-rays-bg {
  background: #0c0c0c;
  /*
   * Gradient values on generator:
   * Horizontal Length:0
   * Vertical Length:0
   * Blur Radius:6
   * Spread Radius:3
   * Shadow Color:#000
   * Opacity:.52
   * https://www.cssmatic.com/box-shadow
   */
  -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.6);
  position: relative;
  z-index: 2;
}
#t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays .t-catching-rays-content-container .catching-rays-bg .t-catching-rays-content {
  padding: 25px;
}
@media (min-width: 576px) {
  #t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays .t-catching-rays-content-container .catching-rays-bg .t-catching-rays-content {
    padding: 75px;
  }
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays .t-catching-rays-content-container .catching-rays-bg .t-catching-rays-content {
    padding-left: 0;
    padding: 75px 0;
  }
}
#t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays .t-catching-rays-content-container .catching-rays-bg .t-catching-rays-content h4 {
  color: #ddaf64;
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays .t-catching-rays-content-container .catching-rays-bg .t-catching-rays-content .rays-content {
    padding-right: 30px;
  }
}
@media (min-width: 992px) {
  #t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays .t-catching-rays-content-container .col-level-1,
#t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays .t-catching-rays-content-container .col-level-2 {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .t-catching-rays-container .t-catching-rays .t-catching-rays-content-container .col-level-2 {
    padding-left: 0;
  }
}
#t-whats-in-the-bottle .t-thinking-of-you-container {
  position: relative;
  z-index: 3;
  margin-bottom: 255px;
  margin-bottom: 225px;
}
#t-whats-in-the-bottle .t-thinking-of-you-container .splash-3 {
  position: absolute;
  left: 0;
  top: 610px;
  z-index: 1;
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .t-thinking-of-you-container .splash-3 {
    left: 50px;
  }
}
@media (min-width: 992px) {
  #t-whats-in-the-bottle .t-thinking-of-you-container .splash-3 {
    left: 0;
    top: 565px;
  }
}
@media (min-width: 1200px) {
  #t-whats-in-the-bottle .t-thinking-of-you-container .splash-3 {
    top: 235px;
  }
}
#t-whats-in-the-bottle .t-thinking-of-you-container .t-thinking-background-container {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
  margin-left: 0;
}
@media (min-width: 576px) {
  #t-whats-in-the-bottle .t-thinking-of-you-container .t-thinking-background-container {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .t-thinking-of-you-container .t-thinking-background-container {
    margin-left: 4.5rem;
    margin-right: 4.5rem;
  }
}
@media (min-width: 992px) {
  #t-whats-in-the-bottle .t-thinking-of-you-container .t-thinking-background-container {
    margin-left: 6.5rem;
    margin-right: 6.5rem;
  }
}
@media (min-width: 576px) {
  #t-whats-in-the-bottle .t-thinking-of-you-container .t-thinking-background-container {
    margin-left: 0;
  }
  #t-whats-in-the-bottle .t-thinking-of-you-container .t-thinking-background-container[class*=col-md] {
    margin-left: 3.5rem;
  }
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .t-thinking-of-you-container .t-thinking-background-container[class*=col-md] {
    margin-left: 0;
  }
}
#t-whats-in-the-bottle .t-thinking-of-you-container .t-thinking-background-container .t-thinking-background {
  background: url("../img/thinking-of-you-marble.jpg");
  position: absolute;
  width: 100%;
  border: 1px solid #000;
  height: 100%;
  top: 100px;
  /*
   * Gradient values on generator:
   * Horizontal Length:0
   * Vertical Length:0
   * Blur Radius:6
   * Spread Radius:3
   * Shadow Color:#000
   * Opacity:.52
   * https://www.cssmatic.com/box-shadow
   */
  -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.6);
}
#t-whats-in-the-bottle .t-thinking-of-you-container .col-lg-10 .thinking-bottle + .row {
  clear: both;
}
#t-whats-in-the-bottle .t-thinking-of-you-container .thinking-bottle {
  position: relative;
  z-index: 1000090;
  float: right;
  display: none;
}
@media (min-width: 992px) {
  #t-whats-in-the-bottle .t-thinking-of-you-container .thinking-bottle {
    display: block;
    position: absolute;
    right: 0;
    z-index: 2;
  }
}
#t-whats-in-the-bottle .t-thinking-of-you-container .t-thinking-of-you {
  position: relative;
  z-index: 1;
  background: #a1a1a1;
  color: #0c0c0c;
  min-height: 487px;
  font-weight: 300;
  /*
   * Gradient values on generator:
   * Horizontal Length:0
   * Vertical Length:0
   * Blur Radius:3
   * Spread Radius:2
   * Shadow Color:#000
   * Opacity:.25
   * https://www.cssmatic.com/box-shadow
   */
  -webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.25);
  padding: 25px;
}
@media (min-width: 576px) {
  #t-whats-in-the-bottle .t-thinking-of-you-container .t-thinking-of-you {
    padding: 75px;
  }
}
@media (min-width: 992px) {
  #t-whats-in-the-bottle .t-thinking-of-you-container .t-thinking-of-you {
    padding-right: 250px;
  }
}
#t-whats-in-the-bottle .t-thinking-of-you-container .t-thinking-of-you h4 {
  color: #ffffff;
}
#t-whats-in-the-bottle .t-thinking-of-you-container .t-thinking-of-you .caps {
  color: #ffffff;
  font-weight: 400;
}
#t-whats-in-the-bottle .real-life-container {
  margin-bottom: 150px;
  position: relative;
  z-index: 3;
}
#t-whats-in-the-bottle .real-life-container .real-life-row {
  position: relative;
  z-index: 2;
}
#t-whats-in-the-bottle .real-life-container .real-life-row .real-life {
  position: relative;
  background: #ffffff;
  z-index: 2;
  padding: 25px;
}
@media (min-width: 576px) {
  #t-whats-in-the-bottle .real-life-container .real-life-row .real-life {
    padding: 57px;
  }
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .real-life-container .real-life-row .real-life {
    background: transparent;
    padding: 0;
  }
}
#t-whats-in-the-bottle .real-life-container .real-life-row .real-life h4 {
  color: #ddaf64;
  text-align: right;
}
#t-whats-in-the-bottle .t-big-shot-container {
  position: relative;
  z-index: 4;
  color: #fff;
  margin-bottom: 75px;
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .t-big-shot-container {
    margin-bottom: 470px;
  }
}
#t-whats-in-the-bottle .t-big-shot-container .t-shipping-block {
  position: relative;
  z-index: 1;
  color: #0c0c0c;
  background: #ddaf64;
  /*
   * Gradient values on generator:
   * Horizontal Length:0
   * Vertical Length:0
   * Blur Radius:3
   * Spread Radius:2
   * Shadow Color:#000
   * Opacity:.25
   * https://www.cssmatic.com/box-shadow
   */
  -webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.25);
  padding: 25px;
}
@media (min-width: 576px) {
  #t-whats-in-the-bottle .t-big-shot-container .t-shipping-block {
    padding: 57px 57px 57px 67px;
  }
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .t-big-shot-container .t-shipping-block {
    padding-right: 200px;
  }
}
#t-whats-in-the-bottle .t-big-shot-container .t-shipping-block .shipping-bottle {
  max-width: 250px;
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .t-big-shot-container .t-shipping-block .shipping-bottle {
    max-width: none;
    position: absolute;
    right: -30px;
    top: -35px;
    margin-right: -12.5%;
  }
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .t-big-shot-container .big-shot-area .page-gutter {
    padding-right: 2.25rem;
    padding-left: 3.8rem;
  }
}
@media (min-width: 992px) {
  #t-whats-in-the-bottle .t-big-shot-container .big-shot-area .page-gutter {
    padding-right: 5.5rem;
    padding-left: 8.8rem;
  }
}
@media (min-width: 1200px) {
  #t-whats-in-the-bottle .t-big-shot-container .big-shot-area .page-gutter {
    padding-right: 5.5rem;
    padding-left: 8.8rem;
  }
}
#t-whats-in-the-bottle .t-big-shot-container .big-shot-area .big-shot-content {
  background: #0c0c0c;
  /*
   * Gradient values on generator:
   * Horizontal Length:0
   * Vertical Length:0
   * Blur Radius:6
   * Spread Radius:3
   * Shadow Color:#000
   * Opacity:.52
   * https://www.cssmatic.com/box-shadow
   */
  -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.6);
  padding: 25px;
}
@media (min-width: 576px) {
  #t-whats-in-the-bottle .t-big-shot-container .big-shot-area .big-shot-content {
    padding: 78px;
  }
}
@media (min-width: 768px) {
  #t-whats-in-the-bottle .t-big-shot-container .big-shot-area .big-shot-content {
    padding: 475px 78px 78px;
    position: absolute;
    top: -410px;
    height: 755px;
  }
}
@media (min-width: 992px) {
  #t-whats-in-the-bottle .t-big-shot-container .big-shot-area .big-shot-content {
    height: 700px;
  }
}
@media (min-width: 1200px) {
  #t-whats-in-the-bottle .t-big-shot-container .big-shot-area .big-shot-content {
    height: 675px;
  }
}
#t-whats-in-the-bottle .t-big-shot-container .big-shot-area .big-shot-content a {
  color: #fff;
}

.splash-4 {
  position: absolute;
  bottom: -129px;
  z-index: 3;
  right: -50px;
}
@media (min-width: 576px) {
  .splash-4 {
    right: 0px;
  }
}

.chrome .splash-4 {
  bottom: 0;
}

.outline {
  height: 1px;
  position: relative;
  /*
  &:before {
  	@include gold-line;
  	height: 4000px;
  	top: 0px;
  	z-index:200000000;
  }
  */
}
.outline .col-3:before {
  content: "";
  position: absolute;
  width: 1px;
  background: #ddaf64;
  height: 4000px;
  top: 0px;
  z-index: 200000000;
}
.outline .col-3:nth-child(1):before {
  top: -110px;
  height: 4000px;
  z-index: 1;
}
@media (min-width: 768px) {
  .outline .col-3:nth-child(1):before {
    height: 4050px;
  }
}
@media (min-width: 992px) {
  .outline .col-3:nth-child(1):before {
    height: 4000px;
  }
}
@media (min-width: 1200px) {
  .outline .col-3:nth-child(1):before {
    height: 3600px;
  }
}
.outline .col-3:nth-child(2):before {
  height: 1390px;
  top: -780px;
  z-index: 1;
}
@media (min-width: 576px) {
  .outline .col-3:nth-child(2):before {
    height: 1950px;
    top: -875px;
  }
}
@media (min-width: 768px) {
  .outline .col-3:nth-child(2):before {
    height: 2050px;
    top: -1100px;
  }
}
@media (min-width: 992px) {
  .outline .col-3:nth-child(2):before {
    height: 1420px;
    top: -575px;
  }
}
@media (min-width: 1200px) {
  .outline .col-3:nth-child(2):before {
    height: 1390px;
    top: -700px;
  }
}
.outline .col-3:nth-child(3):before {
  height: 1100px;
  top: -800px;
  z-index: 1;
}
@media (min-width: 576px) {
  .outline .col-3:nth-child(3):before {
    top: -895px;
  }
}
@media (min-width: 768px) {
  .outline .col-3:nth-child(3):before {
    top: -1120px;
  }
}
@media (min-width: 992px) {
  .outline .col-3:nth-child(3):before {
    top: -595px;
  }
}
@media (min-width: 1200px) {
  .outline .col-3:nth-child(3):before {
    top: -720px;
  }
}
.outline .col-3:nth-child(4):before {
  height: 1500px;
  top: 0;
  z-index: 1;
}
.outline:after {
  content: "";
  position: absolute;
  width: 1px;
  background: #ddaf64;
  height: 10000px;
  top: -250px;
  right: 0;
  z-index: 3;
}

/* ~~~~~~~~ */
/*  Swatches on homepage  */
/* ~~~~~~~~ */
.carousel {
  z-index: 1;
}
.carousel .carousel-indicators {
  top: 0.8%;
}
@media (min-width: 576px) {
  .carousel .carousel-indicators {
    top: 1.5%;
  }
}
@media (min-width: 768px) {
  .carousel .carousel-indicators {
    top: 2%;
  }
}
@media (min-width: 992px) {
  .carousel .carousel-indicators {
    top: 1.5%;
  }
}
.carousel .carousel-indicators li {
  width: 0.625rem;
  height: 0.625rem;
  cursor: pointer;
  border-radius: 50%;
  background-color: #000;
}
.carousel .carousel-control-prev {
  left: -3.7%;
  text-decoration: none;
}
.carousel .carousel-control-next {
  right: -3.2%;
  text-decoration: none;
}
.carousel .fas {
  color: #0c0c0c;
  font-size: 2em;
}
@media (min-width: 768px) {
  .carousel .fas {
    font-size: 3em;
  }
}

/* ~~~~~~~~ */
/*  Face Chart on homepage  */
/* ~~~~~~~~ */
.face-chart {
  position: relative;
}
.face-chart .row {
  display: flex;
  align-items: center;
  justify-content: center;
}
.face-chart .row div[class*=col-] {
  position: relative;
}
.face-chart .shade-number {
  position: absolute;
  margin-left: 5px;
  margin-top: 5px;
  background: white;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  text-align: center;
  padding-top: 4px;
  border: 1px solid grey;
  display: none;
}
.face-chart .col-1 {
  display: none;
}
.face-chart img {
  /*max-height:200px;*/
}
.face-chart div[class*=col-] {
  width: 20% !important;
  padding: 0 !important;
}
.face-chart div[class*=col-] img {
  zoom: 1;
}
.face-chart.seven-cols div[class*=col-] {
  width: 14.2857142857% !important;
  *width: 14.2857142857% !important;
  max-width: none;
  flex: none;
}

/* ~~~~~~~~ */
/*  Search  */
/* ~~~~~~~~ */
.search .woocommerce-products-header {
  padding-bottom: 20px;
}
.search ul.products li.product {
  position: relative;
  margin-bottom: 5.735801032em;
}
.search ul.products li.product .woocommerce-LoopProduct-link {
  text-decoration: none;
}
.search ul.products li.product .woocommerce-LoopProduct-link .stock {
  position: absolute;
  bottom: -57px;
}
.search .mdi-information {
  display: none;
}
.search img {
  margin: auto;
}

/* ~~~~~~~~ */
/*  Samples  */
/* ~~~~~~~~ */
#body-samples .page-banner {
  /* Christmas red
  background:#d3001f;*/
  background: #0d2446;
  text-align: center;
  padding: 47px;
  color: white;
  margin-bottom: 30px;
  /*
  margin-left: 6.5rem;
  margin-right: 6.5rem;
  */
}
@media (max-width: 767px) {
  #body-samples .page-banner {
    margin-left: 0;
    margin-right: 0;
  }
}
#body-samples .page-banner h1 {
  font-size: 48px !important;
  font-weight: 300 !important;
  text-transform: none !important;
  letter-spacing: -0.75px !important;
}
@media (max-width: 767px) {
  #body-samples .page-banner h1 {
    font-size: 42px !important;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
  }
}
#body-samples .site-content {
  padding-top: 0px !important;
}
#body-samples .entry-content {
  text-align: center;
}
#body-samples ul.products li.product {
  position: relative;
  margin-bottom: 5.735801032em;
}
#body-samples ul.products li.product .woocommerce-LoopProduct-link {
  text-decoration: none;
}
#body-samples ul.products li.product .woocommerce-LoopProduct-link img {
  border: 1px solid #eee;
  margin: 0 auto 1.618em;
}
#body-samples ul.products li.product .woocommerce-LoopProduct-link .stock {
  position: absolute;
  bottom: -57px;
}
#body-samples ul.products li.product .woocommerce-LoopProduct-link ul {
  margin-bottom: 1rem;
}
#body-samples .mdi-information {
  display: none;
}
#body-samples img {
  margin: auto;
}

/* ~~~~~~~~ */
/*  Affiliate  */
/* ~~~~~~~~ */
.page-template-page_influencer .form-row {
  margin-bottom: 0;
}
.page-template-page_influencer .status {
  color: #bf8931;
  margin-bottom: 20px;
  margin-top: 20px;
}
.page-template-page_influencer .woocommerce-input-wrapper {
  width: 100%;
}

/* ~~~~~~~~ */
/*  Reviews  */
/* ~~~~~~~~ */
#reviews_summary,
#reviews {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 45px;
  background: #0c0c0c !important;
  color: #ffffff;
}
#reviews_summary h2,
#reviews h2 {
  font-family: "Playfair Display", serif !important;
  font-size: 25.5px;
  font-weight: 700;
  letter-spacing: 5.8px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
#reviews_summary a,
#reviews a {
  color: #ffffff;
}
@media (min-width: 576px) {
  #reviews_summary,
#reviews {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  #reviews_summary,
#reviews {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}
@media (min-width: 992px) {
  #reviews_summary,
#reviews {
    padding-left: 6.5rem;
    padding-right: 6.5rem;
  }
}
#reviews_summary .alphabet,
#reviews .alphabet {
  font-size: 50px;
  /*
  position: relative;
  top: -15px;
  */
  float: left;
  line-height: 1;
}
#reviews_summary #submit,
#reviews #submit {
  color: #0c0c0c !important;
  background: #ffffff !important;
}
#reviews_summary .reviews-title-container,
#reviews .reviews-title-container {
  position: relative;
}
#reviews_summary .reviews-title,
#reviews .reviews-title {
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  #reviews_summary .reviews-title,
#reviews .reviews-title {
    margin-bottom: 30px;
  }
}
#reviews_summary .review-product-title,
#reviews .review-product-title {
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  #reviews_summary .review-product-title,
#reviews .review-product-title {
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
#reviews_summary .has-reviews .reviews-title,
#reviews .has-reviews .reviews-title {
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  #reviews_summary .has-reviews .reviews-title,
#reviews .has-reviews .reviews-title {
    margin-bottom: 2px;
  }
}
@media (min-width: 768px) {
  #reviews_summary .has-reviews .review-product-title,
#reviews .has-reviews .review-product-title {
    margin-bottom: 0;
  }
}
#reviews_summary .total-rating,
#reviews .total-rating {
  text-align: center;
}
#reviews_summary .total-rating .woocommerce-product-rating,
#reviews .total-rating .woocommerce-product-rating {
  /*margin: 9px 0 50px;
  margin: 0 auto 50px;*/
  margin: 0 auto 15px;
  display: inline-block;
}
#reviews_summary .total-rating .woocommerce-product-rating .woocommerce-review-link,
#reviews .total-rating .woocommerce-product-rating .woocommerce-review-link {
  text-transform: uppercase;
  font-size: 17px;
}
#reviews_summary .total-rating .star-rating,
#reviews .total-rating .star-rating {
  font-size: 17px;
  width: 5.5em;
}
#reviews_summary .product-rating-details,
#reviews .product-rating-details {
  margin-bottom: 30px;
}
#reviews_summary .no-reviews,
#reviews .no-reviews {
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  font-size: 17px;
}
#reviews_summary .woocommerce-verification-required,
#reviews .woocommerce-verification-required {
  padding-top: 10px;
  padding-bottom: 20px;
  /*font-size: 17px;*/
}
#reviews_summary .star-rating span:before,
#reviews_summary .quantity .plus,
#reviews_summary .quantity .minus,
#reviews_summary p.stars a:hover:after,
#reviews_summary p.stars a:after,
#reviews_summary .star-rating span:before,
#reviews_summary #payment .payment_methods li input[type=radio]:first-child:checked + label:before,
#reviews .star-rating span:before,
#reviews .quantity .plus,
#reviews .quantity .minus,
#reviews p.stars a:hover:after,
#reviews p.stars a:after,
#reviews .star-rating span:before,
#reviews #payment .payment_methods li input[type=radio]:first-child:checked + label:before {
  color: #ffffff !important;
}
#reviews_summary p.stars a:before, #reviews_summary p.stars a:hover ~ a:before, #reviews_summary p.stars.selected a.active ~ a:before,
#reviews p.stars a:before,
#reviews p.stars a:hover ~ a:before,
#reviews p.stars.selected a.active ~ a:before {
  color: #eee;
}
#reviews_summary #respond,
#reviews #respond {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.single-product div.product .woocommerce-product-rating .star-rating {
  float: none;
  margin: auto;
}

.single-product div.product .product-summary .woocommerce-product-rating .star-rating {
  float: left;
  margin-right: 0.6180469716em;
}

/*.woocommerce-page,*/
.woocommerce #reviews #review_comment {
  min-height: 200px;
}
.woocommerce #reviews .contribution-type-selector {
  display: none;
}
.woocommerce #reviews .product-rating {
  width: auto;
  display: -ms-flexbox;
  display: flex;
}
.woocommerce #reviews .product-rating .rating-count {
  text-align: right;
}
.woocommerce #reviews .form-contribution #review_rating_field fieldset label.checkbox::before {
  color: #ffffff;
}
.woocommerce #reviews .woocommerce-input-wrapper {
  width: 100%;
}
.woocommerce #reviews .contribution-actions > .vote-down {
  display: none;
}
.woocommerce #reviews .vote-count-negative {
  display: none;
}
.woocommerce #reviews button {
  color: #0c0c0c !important;
  background: #ffffff !important;
}
.woocommerce #reviews #comments {
  position: relative;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .woocommerce #reviews #comments .contributions-filter {
    position: absolute;
    right: 0;
    margin-top: 8px;
  }
}
.woocommerce #reviews #comments ol.commentlist .verified {
  top: -3px;
}
@media (min-width: 768px) {
  .woocommerce #reviews #comments ol.commentlist:nth-child(odd) li:nth-child(even) aside {
    float: left;
    margin-right: 20px;
  }
  .woocommerce #reviews #comments ol.commentlist:nth-child(odd) li:nth-child(odd) aside {
    float: right;
    margin-left: 20px;
  }
}
.woocommerce #reviews #comments ol.commentlist li:first-child .contribution-karma {
  margin-top: 12px;
}
@media (min-width: 768px) {
  .woocommerce #reviews #comments ol.commentlist li aside {
    width: 35%;
  }
  .woocommerce #reviews #comments ol.commentlist li aside iframe {
    height: auto;
    min-height: 300px;
  }
  .woocommerce #reviews #comments ol.commentlist li:nth-child(even) aside {
    float: right;
    margin-left: 20px;
  }
  .woocommerce #reviews #comments ol.commentlist li:nth-child(odd) aside {
    float: left;
    margin-right: 20px;
  }
}
@media (max-width: 575px) {
  .woocommerce #reviews #comments ol.commentlist li:first-child {
    margin-top: 30px;
  }
  .woocommerce #reviews #comments ol.commentlist li .comment_container {
    position: relative;
  }
  .woocommerce #reviews #comments ol.commentlist li .comment-text {
    width: 100%;
  }
  .woocommerce #reviews #comments ol.commentlist li .alphabet {
    position: relative;
    left: -8px;
    top: 0px;
    height: 0;
  }
  .woocommerce #reviews #comments ol.commentlist li .contribution-title > span,
.woocommerce #reviews #comments ol.commentlist li .meta {
    position: relative;
    left: 50px;
  }
  .woocommerce #reviews #comments ol.commentlist li aside {
    padding-top: 10px;
  }
  .woocommerce #reviews #comments ol.commentlist li aside iframe {
    height: auto;
  }
  .woocommerce #reviews #comments ol.commentlist li .star-rating {
    top: -25px;
  }
}
.woocommerce #reviews #comments ol.commentlist li .contribution-karma {
  margin-bottom: 12px;
  display: block;
}
.woocommerce #reviews #comments ol.commentlist li .contribution-karma:empty {
  margin-top: 0;
  margin-bottom: 0;
}
.woocommerce #reviews #comments ol.commentlist li .contribution-actions a {
  color: #ffffff;
}
.woocommerce #reviews #comments ol.commentlist li .star-rating {
  width: 7.4em;
}
.woocommerce #reviews #comments ol.commentlist li .other-review-tag {
  display: inline-block;
  background: #fff;
  color: #000;
  padding: 3px 5px;
  border-radius: 3px;
  margin-right: 5px;
  text-decoration: none;
  line-height: 1;
}
.woocommerce #reviews #comments ol.commentlist li .morecontent .start-content {
  display: none;
}
.woocommerce #reviews #comments ol.commentlist li .morelink {
  display: block;
}
.woocommerce #reviews #comments ol.commentlist li .morecontent,
.woocommerce #reviews #comments ol.commentlist li .start-content {
  display: inline-block;
}
.woocommerce #reviews #comments ol.commentlist li .display-inline-block {
  display: inline-block !important;
}
.woocommerce #reviews #comments #contributions-list-title {
  margin-bottom: 10px;
}

/* In Account Area */
.contribution td {
  vertical-align: top !important;
}

/* ~~~~~~~~ */
/*  Color Grid  */
/* ~~~~~~~~ */
/*basic reset*/
/*
* {margin: 0; padding: 0;}
body {text-align: center; overflow: hidden;}
*/
.grid,
.sm-grid {
  clear: both;
  /*overflow: hidden;*/
}

.shade-selector {
  padding-top: 55px;
  margin-bottom: 75px;
  position: relative;
  background: url(../img/white-marble.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.shade-selector .shade-title-container {
  padding-bottom: 10px;
}
.shade-selector .shade-title-container .text-container {
  /* Needed to be above background image */
  position: relative;
  z-index: 2;
}
.shade-selector .shade-title-container .text-container .title-container {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
@media (min-width: 576px) {
  .shade-selector .shade-title-container .text-container .title-container {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  .shade-selector .shade-title-container .text-container .title-container {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}
@media (min-width: 992px) {
  .shade-selector .shade-title-container .text-container .title-container {
    padding-left: 6.5rem;
    padding-right: 6.5rem;
  }
}
@media (min-width: 576px) {
  .shade-selector .shade-title-container .text-container .title-container {
    padding-left: 0;
  }
  .shade-selector .shade-title-container .text-container .title-container[class*=col-md] {
    padding-left: 3.5rem;
  }
}
@media (min-width: 768px) {
  .shade-selector .shade-title-container .text-container .title-container[class*=col-md] {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .shade-selector .shade-title-container .text-container .title-container {
    padding-left: 0;
    padding-right: 0;
  }
}
.shade-selector .shade-title-container .text-container h1 {
  /*border-bottom: 1px solid $black;*/
  margin-bottom: 6px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
@media (min-width: 576px) {
  .shade-selector .shade-title-container .text-container h1 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  .shade-selector .shade-title-container .text-container h1 {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}
@media (min-width: 992px) {
  .shade-selector .shade-title-container .text-container h1 {
    padding-left: 6.5rem;
    padding-right: 6.5rem;
  }
}
@media (min-width: 576px) {
  .shade-selector .shade-title-container .text-container h1 {
    padding-right: 0;
  }
  .shade-selector .shade-title-container .text-container h1[class*=col-md] {
    padding-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  .shade-selector .shade-title-container .text-container h1[class*=col-md] {
    padding-right: 0;
  }
}
.shade-selector .shade-title-container .text-container h1,
.shade-selector .shade-title-container .text-container .rotate-title,
.shade-selector .shade-title-container .text-container .description {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
@media (min-width: 576px) {
  .shade-selector .shade-title-container .text-container h1,
.shade-selector .shade-title-container .text-container .rotate-title,
.shade-selector .shade-title-container .text-container .description {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  .shade-selector .shade-title-container .text-container h1,
.shade-selector .shade-title-container .text-container .rotate-title,
.shade-selector .shade-title-container .text-container .description {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}
@media (min-width: 992px) {
  .shade-selector .shade-title-container .text-container h1,
.shade-selector .shade-title-container .text-container .rotate-title,
.shade-selector .shade-title-container .text-container .description {
    padding-left: 6.5rem;
    padding-right: 6.5rem;
  }
}
@media (min-width: 576px) {
  .shade-selector .shade-title-container .text-container h1,
.shade-selector .shade-title-container .text-container .rotate-title,
.shade-selector .shade-title-container .text-container .description {
    padding-right: 0;
  }
  .shade-selector .shade-title-container .text-container h1[class*=col-md],
.shade-selector .shade-title-container .text-container .rotate-title[class*=col-md],
.shade-selector .shade-title-container .text-container .description[class*=col-md] {
    padding-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  .shade-selector .shade-title-container .text-container h1[class*=col-md],
.shade-selector .shade-title-container .text-container .rotate-title[class*=col-md],
.shade-selector .shade-title-container .text-container .description[class*=col-md] {
    padding-right: 0;
  }
}
.shade-selector .shade-title-container .text-container .rotate-block {
  margin-bottom: auto;
  color: #0c0c0c;
  padding-top: 0;
  padding-bottom: 0;
}
.shade-selector .shade-title-container .text-container .rotate-title {
  font-family: "Playfair Display", serif !important;
  font-size: 23px;
  letter-spacing: 4px;
  font-weight: 700;
  line-height: 34px;
  text-transform: uppercase;
  margin-bottom: 28px;
  margin-bottom: 12px;
  color: #ddaf64;
  background: #0c0c0c;
  text-align: center;
  padding-bottom: 3px;
}
.shade-selector .shade-title-container .text-container .rotate-title span {
  font-size: 1.1em;
}
.shade-selector .shade-title-container .text-container .rotate-title p {
  margin-bottom: 0;
}
.shade-selector .shade-title-container .text-container .description {
  font-size: 15px;
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
@media (min-width: 576px) {
  .shade-selector .shade-title-container .text-container .description {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  .shade-selector .shade-title-container .text-container .description {
    margin-left: 4.5rem;
    margin-right: 4.5rem;
  }
}
@media (min-width: 992px) {
  .shade-selector .shade-title-container .text-container .description {
    margin-left: 6.5rem;
    margin-right: 6.5rem;
  }
}
@media (min-width: 576px) {
  .shade-selector .shade-title-container .text-container .description {
    margin-left: 0;
  }
  .shade-selector .shade-title-container .text-container .description[class*=col-md] {
    margin-left: 3.5rem;
  }
}
@media (min-width: 768px) {
  .shade-selector .shade-title-container .text-container .description[class*=col-md] {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .shade-selector .shade-title-container .text-container .description {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .shade-selector .shade-title-container .text-container .description {
    font-size: 19px;
    margin-left: 6.1%;
  }
}
@media (min-width: 992px) {
  .shade-selector .shade-title-container .text-container .description {
    margin-left: 4.9%;
  }
}
@media (min-width: 1200px) {
  .shade-selector .shade-title-container .text-container .description {
    margin-left: 4.2%;
  }
}
@media (min-width: 768px) {
  .shade-selector .shade-title-container .text-container .description p:last-child {
    display: none;
  }
}
.shade-selector .shade-title-container .text-container .description a {
  color: #0c0c0c;
}
.shade-selector .more-background,
.shade-selector .gradient {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}
.shade-selector .more-background {
  /*
  	z-index:1;
  	background: url(../img/white-marble.jpg);
  	background-repeat: no-repeat;
  	background-size: cover;
  	*/
}
.shade-selector .gradient {
  z-index: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e1e1e1+0,e1e1e1+100&0+0,0+83,1+99 */
  background: -moz-linear-gradient(top, rgba(225, 225, 225, 0) 0%, rgba(225, 225, 225, 0) 83%, #e1e1e1 99%, #e1e1e1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(225, 225, 225, 0) 0%, rgba(225, 225, 225, 0) 83%, #e1e1e1 99%, #e1e1e1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(225, 225, 225, 0) 0%, rgba(225, 225, 225, 0) 83%, #e1e1e1 99%, #e1e1e1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00e1e1e1", endColorstr="#e1e1e1",GradientType=0 );
  /* IE6-9 */
}
.shade-selector .grid-content {
  position: relative;
  z-index: 3;
}

.single-product .container-grid {
  position: relative;
}
.single-product .container-grid .shade-control {
  font-size: 14px;
  text-transform: uppercase;
}
.single-product .container-grid .shade-control.lighter {
  position: absolute;
  top: -42px;
  left: calc(50% - 27px);
}
@media (min-width: 768px) {
  .single-product .container-grid .shade-control.lighter {
    position: static;
  }
}
.single-product .container-grid .shade-control.darker {
  position: relative;
  clear: both;
  display: inline-block;
  width: 100%;
  top: 70px;
}
@media (min-width: 768px) {
  .single-product .container-grid .shade-control.darker {
    top: -20px;
  }
}
@media (min-width: 992px) {
  .single-product .container-grid .shade-control.darker {
    /*bottom: -22px;*/
  }
}
.single-product .container-grid .shade-control.cooler {
  transform: rotate(90deg);
  /* Legacy vendor prefixes that you probably don't need... */
  /* Safari */
  -webkit-transform: rotate(90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(90deg);
  /* Opera */
  -o-transform: rotate(90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  position: absolute;
  right: -41px;
  top: calc(50% + 4px);
}
.single-product .container-grid .shade-control.warmer {
  transform: rotate(-90deg);
  /* Legacy vendor prefixes that you probably don't need... */
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(-90deg);
  /* Opera */
  -o-transform: rotate(-90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  position: absolute;
  left: -47px;
  top: calc(50% + 2px);
}
.single-product .container-grid .toggle-grids {
  /*position: absolute;
  bottom: -42px;*/
}
@media (min-width: 768px) {
  .single-product .container-grid .toggle-grids {
    /*bottom: 30px;*/
  }
}
@media (min-width: 992px) {
  .single-product .container-grid .toggle-grids {
    /*bottom: 30px;*/
  }
}
.single-product .discovery-pack .color-info.hilite-top {
  outline: 12px solid #ec471e !important;
  outline-offset: -12px !important;
}
.single-product .discovery-pack .color-info.hilite-left {
  outline: 12px solid #ec471e !important;
  outline-offset: -12px !important;
}
.single-product .discovery-pack .color-info.hilite-right {
  outline: 12px solid #ec471e !important;
  outline-offset: -12px !important;
}
.single-product .discovery-pack .color-info.hilite-bottom {
  outline: 12px solid #ec471e !important;
  outline-offset: -12px !important;
}
.single-product .discovery-pack .color-info.hilite-centre {
  outline: 12px solid #ec471e !important;
  outline-offset: -12px !important;
}
.single-product .grid .selected {
  cursor: default;
}
.single-product .grid.sm-grid .grid-block {
  width: calc(33.333333333% - 12px);
  height: calc(33.333333333% - 12px);
  margin: 6px;
  border: 6px solid transparent;
}
.single-product .grid.sm-grid .grid-block.clear {
  clear: both;
}
@media (min-width: 768px) {
  .single-product .grid.sm-grid .grid-block {
    border: 9px solid transparent;
  }
}
.single-product .grid.sm-grid .grid-block.selected {
  border: 6px solid #21eed3;
}
@media (min-width: 768px) {
  .single-product .grid.sm-grid .grid-block.selected {
    border: 9px solid #21eed3;
  }
}
.single-product .grid.sm-grid .grid-block .color-info {
  padding: 0;
}
.single-product .grid.sm-grid .grid-block .color-info + span + .simplefavorite-button {
  display: block;
}
.single-product .grid.sm-grid .grid-block span {
  font-family: "Playfair Display", serif !important;
  font-size: 23px;
  letter-spacing: 4px;
  font-weight: 700;
  line-height: 34px;
  text-transform: uppercase;
  margin-bottom: 28px;
}
@media (min-width: 768px) {
  .single-product .grid.full-grid a {
    border: 2px solid transparent;
  }
}
.single-product .grid.full-grid a.selected {
  border: 2px solid #21eed3;
}
.single-product .grid.full-grid a .favorite {
  right: -7px;
  top: -10px;
}
.single-product .row {
  clear: both;
}
.single-product .grid-col {
  margin-top: 60px;
  margin-bottom: 120px;
}
@media (min-width: 768px) {
  .single-product .grid-col {
    margin-bottom: 60px;
  }
}
.single-product .container-grid {
  position: relative;
  text-align: center;
  height: 100%;
}
.single-product .toggle-grids {
  cursor: pointer;
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2.5px;
  /*
  position: absolute;
  right: 0;
  bottom: 0;
  */
  position: relative;
  z-index: 20;
  float: right;
  top: 90px;
}
@media (min-width: 768px) {
  .single-product .toggle-grids {
    top: 0;
  }
}
.single-product .add-discovery {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-decoration: underline;
  cursor: pointer;
}
.single-product .add-discovery.no-favorites {
  text-decoration: none;
  cursor: initial;
}
.single-product .grid-col .add-discovery {
  position: absolute;
  bottom: -110px;
  left: 0;
  text-align: left;
  width: 60%;
}
@media (min-width: 576px) {
  .single-product .grid-col .add-discovery {
    width: auto;
  }
}
.single-product .discovery-text .add-discovery {
  display: none !important;
}
@media (min-width: 768px) {
  .single-product .grid-col .add-discovery {
    display: none !important;
  }
  .single-product .discovery-text .add-discovery {
    display: block !important;
  }
}

.single-product .grid .favorite:before {
  color: #ec471e;
}

.grid.full-grid.smaller-grid .grid-block:not(.brand) {
  width: calc(9% - 4px);
  margin-top: 2px;
  margin-left: 2px;
  margin-right: calc(1% + 2px);
  margin-bottom: calc(1% + 2px);
}

.grid.full-grid a {
  font-size: 9px;
}
@media (min-width: 576px) {
  .grid.full-grid a {
    font-size: 12.5px;
  }
}
.grid.full-grid .grid-block {
  width: 9%;
  margin-right: 1%;
  margin-bottom: 1%;
  /* 0.9% width reduced per square */
}
.grid.full-grid .grid-block:nth-child(10), .grid.full-grid .grid-block:nth-child(20), .grid.full-grid .grid-block:nth-child(30), .grid.full-grid .grid-block:nth-child(40), .grid.full-grid .grid-block:nth-child(50), .grid.full-grid .grid-block:nth-child(60), .grid.full-grid .grid-block:nth-child(70), .grid.full-grid .grid-block:nth-child(80), .grid.full-grid .grid-block:nth-child(90), .grid.full-grid .grid-block:nth-child(100) {
  margin-right: 0;
}

.grid {
  width: 100%;
  /*
  height: 50%;
  max-width: 600px; 
  */
  /*max-height: 300px; 
  margin: 0px auto 50px auto;*/
  perspective: 500px;
  /*For 3d*/
}
.grid.jabbar .golden {
  border-color: #fab041;
}
.grid.jabbar .golden.brand-selected {
  border-color: #21eed3;
}
.grid.jabbar .neutral {
  border-color: #97b3ca;
}
.grid.jabbar .neutral.brand-selected {
  border-color: #21eed3;
}
.grid.jabbar .pink {
  border-color: #bc8ba8;
}
.grid.jabbar .pink.brand-selected {
  border-color: #21eed3;
}
.grid.sm-grid .favorite {
  display: none;
}
.grid:not(.sm-grid) .red-outline {
  background: linear-gradient(45deg, transparent 0%, transparent 85%, #ec471e 15%);
}
@media (min-width: 576px) {
  .grid:not(.sm-grid) .red-outline {
    color: #ffffff;
    background: linear-gradient(45deg, transparent 0%, transparent 85%, transparent 15%);
  }
}
.grid:not(.sm-grid) .red-outline .color-info + span {
  color: #ffffff;
  font-weight: 700;
}
@media (min-width: 576px) {
  .grid:not(.sm-grid) .red-outline .color-info + span {
    color: #ffffff;
  }
}
.grid:not(.sm-grid) .color-info + span + .simplefavorite-button .mdi {
  display: none;
  top: 21px;
  right: 21px;
}
.grid:not(.sm-grid) .color-info + span + .simplefavorite-button .mdi:before {
  font-size: 18px;
  top: -3px;
  left: 0.7px;
}
.grid:not(.sm-grid) .color-info + span + .simplefavorite-button .mdi svg {
  width: 20px;
  height: 20px;
}
@media (max-width: 575px) {
  .grid:not(.sm-grid) .color-info + span + .simplefavorite-button .mdi svg {
    display: none;
  }
}
.grid:not(.sm-grid) .color-info + span + .simplefavorite-button.active .mdi {
  display: block;
}
.grid:not(.sm-grid) .color-info + span + .simplefavorite-button.active .mdi:before {
  top: -2.5px;
  left: 0.7px;
}
@media (max-width: 575px) {
  .grid:not(.sm-grid) .color-info + span + .simplefavorite-button.active .mdi:before {
    background: linear-gradient(45deg, transparent 0%, transparent 85%, #ec471e 15%);
    content: " ";
    white-space: pre;
    top: 3px;
    left: -3px;
    position: relative;
  }
}
.grid .favorite {
  position: absolute;
  z-index: 200;
  right: -5px;
  top: -8px;
  display: none;
}
@media (min-width: 576px) {
  .grid .favorite {
    right: -5px;
    top: -8px;
    display: block;
  }
}
.grid .favorite:before {
  content: "\f02d1";
  color: #ec471e;
  font-size: 18px;
}
.grid .grid-block {
  width: 10%;
  height: 20%;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.4);
  /* For Safari to fix filters - hardware accelerator
  https://stackoverflow.com/questions/21363230/slow-css-filters-on-iphone	*/
  -webkit-transform: translateZ(0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}
.grid .grid-block:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.grid .no-product.grid-block {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.grid a {
  color: #ffffff;
  font-weight: 700;
  position: relative;
  float: left;
}
.grid a:hover {
  color: #ffffff !important;
}
.grid a span {
  /*display:none;*/
}
.grid a.brand {
  border: 2px solid #fff;
}
.grid a.brand .color-info {
  padding: 0px;
  width: 92%;
  height: 92%;
}
@media (min-width: 576px) {
  .grid a.brand .color-info {
    border-width: 3px;
    padding: 2px;
  }
}
.grid a.brand-selected {
  border-color: #21eed3;
}
.grid .no-product {
  float: left;
  display: inline-block;
  outline: none;
}
.grid a.hide,
.grid .no-product.hide {
  display: none;
}
.grid .color-info {
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
.grid .color-info.hide, .grid .color-info.hide + span, .grid .color-info.hide + span + .simplefavorite-button {
  display: none !important;
}
.grid .color-info + span {
  /*display:none;*/
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #ffffff;
}
.grid .color-info + span + .simplefavorite-button {
  /*display:none;*/
  position: absolute;
  top: -24px;
  right: -24px;
}
@media (min-width: 768px) {
  .grid .color-info + span + .simplefavorite-button {
    top: -27px;
    right: -27px;
  }
}
.grid .color-info + span + .simplefavorite-button.active .mdi:before {
  visibility: visible;
  left: 4.1px;
  top: 4.4px;
}
.grid .color-info + span + .simplefavorite-button .mdi {
  position: absolute;
  top: 5px;
  right: 5px;
}
.grid .color-info + span + .simplefavorite-button .mdi:before {
  font-size: 37px;
  top: 5.5px;
  left: 3.8px;
  z-index: 2;
  /*
  visibility:hidden;
  */
  visibility: visible;
}
.grid .color-info + span + .simplefavorite-button .mdi svg {
  width: 45px;
  height: 45px;
}
.grid .color-info + span + .simplefavorite-button .text {
  display: none;
}

.home .grid {
  position: relative;
  z-index: 2;
}

.popover {
  background-color: #000;
}

.bs-popover-auto[x-placement^=top] > .arrow::after, .bs-popover-top > .arrow::after {
  border-top-color: #000;
}

.popover-body {
  color: #ffffff;
}
.popover-body a {
  color: #ffffff;
}

.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bs-popover-bottom > .arrow::after {
  border-bottom-color: #000;
}

.bs-popover-auto[x-placement^=right] > .arrow::after, .bs-popover-right > .arrow::after {
  border-right-color: #000;
}

.bs-popover-auto[x-placement^=left] > .arrow::after, .bs-popover-left > .arrow::after {
  border-left-color: #000;
}

.lighting-area {
  position: relative;
  right: 0;
  z-index: 2;
  width: 100%;
  /*display:none;*/
}
.lighting-area .mdi {
  font-size: 28px;
  line-height: 1.2;
}
.lighting-area .toggle {
  cursor: pointer;
  font-size: 35px;
  line-height: 0.95;
}
.lighting-area .lighting-box {
  cursor: pointer;
  border: 3px solid #0c0c0c;
  padding-left: 7px;
  padding-right: 7px;
  background: #e8e8e8;
  float: left;
  margin-left: 12px;
}
.lighting-area .lighting-box .mdi-car-light-high {
  color: #ffc;
  pointer-events: none;
}
.lighting-area .lighting-box.active {
  background-color: #4f5a6b;
  border-color: #ffc;
}

.home .lighting-area:last-child {
  bottom: -20px;
  clear: both;
}

.single-product .lighting-area {
  top: -20px;
}
@media (min-width: 768px) {
  .single-product .lighting-area {
    top: 0;
  }
}
.single-product .lighting-area:first-child {
  top: 0px;
}
.single-product .lighting-area .mdi {
  line-height: 1;
}
.single-product .lighting-area .toggle {
  line-height: 0.65;
  /*
  @media (max-width: 340px) {
  	line-height: 1.9;
  }
  */
}

/*
 * http://danielstern.ca/range.css/#/
 */
input[type=range] {
  width: 100%;
  margin: 6px 0;
  background-color: transparent;
  -webkit-appearance: none;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
  background: #000000;
  border: 0;
  border-radius: 25px;
  width: 100%;
  height: 5px;
  cursor: pointer;
}

input[type=range]::-webkit-slider-thumb {
  margin-top: -6px;
  width: 17px;
  height: 17px;
  background: #ddaf64;
  border: 1px solid #000000;
  border-radius: 13px;
  cursor: pointer;
  -webkit-appearance: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #000000;
}

input[type=range]::-moz-range-track {
  background: #000000;
  border: 0;
  border-radius: 25px;
  width: 100%;
  height: 5px;
  cursor: pointer;
}

input[type=range]::-moz-range-thumb {
  width: 17px;
  height: 17px;
  background: #ddaf64;
  border: 1px solid #000000;
  border-radius: 13px;
  cursor: pointer;
}

input[type=range]::-ms-track {
  background: transparent;
  border-color: transparent;
  border-width: 9px 0;
  color: transparent;
  width: 100%;
  height: 5px;
  cursor: pointer;
}

input[type=range]::-ms-fill-lower {
  background: #000000;
  border: 0;
  border-radius: 50px;
}

input[type=range]::-ms-fill-upper {
  background: #000000;
  border: 0;
  border-radius: 50px;
}

input[type=range]::-ms-thumb {
  width: 17px;
  height: 17px;
  background: #ddaf64;
  border: 1px solid #000000;
  border-radius: 13px;
  cursor: pointer;
  margin-top: 0px;
  /*Needed to keep the Edge thumb centred*/
}

input[type=range]:focus::-ms-fill-lower {
  background: #000000;
}

input[type=range]:focus::-ms-fill-upper {
  background: #000000;
}

/*TODO: Use one of the selectors from https://stackoverflow.com/a/20541859/7077589 and figure out
how to remove the virtical space around the range input in IE*/
@supports (-ms-ime-align: auto) {
  /* Pre-Chromium Edge only styles, selector taken from hhttps://stackoverflow.com/a/32202953/7077589 */
  input[type=range] {
    margin: 0;
    /*Edge starts the margin from the thumb, not the track as other browsers do*/
  }
}
.range-value {
  position: absolute;
  top: 50%;
}

.range-value span {
  width: 30px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #ddaf64;
  color: #fff;
  font-size: 12px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 6px;
}

.range-value span:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 10px solid #ddaf64;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: -35%;
  left: 50%;
  margin-left: -5px;
  margin-top: -1px;
}

/* ~~~~~~~~ */
/*  Header  */
/* ~~~~~~~~ */
.storefront-sticky-add-to-cart .ajax_add_to_cart_archive {
  margin-left: auto;
}

.marble-light {
  background: url(../img/light.jpg);
}

.marble-dark {
  background: url(../img/dark.jpg);
  color: #fff;
}
.marble-dark a {
  color: #fff;
}
.marble-dark h3 {
  color: #fff;
}
@media (min-width: 768px) {
  .marble-dark h2 {
    margin-left: -1.29em;
    margin-right: -1.29em;
  }
}
@media (max-width: 66.4989378333em) {
  .marble-dark h2 {
    margin-left: -1.29em;
    margin-right: -1.29em;
  }
}
@media (max-width: 568px) {
  .marble-dark h2 {
    margin-left: -0.48em;
    margin-right: -0.48em;
  }
}

.centered-content {
  margin-left: 2.617924em;
  margin-right: 2.617924em;
  padding: 30px 0;
}
@media (min-width: 768px) {
  .centered-content {
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
  }
}
@media (min-width: 992px) {
  .centered-content {
    margin: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.faq .row:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .faq img {
    max-height: 300px;
    margin: auto;
  }
}
.faq .faq-image {
  /* image specified in separate class below */
  height: 421px;
  width: 100%;
  /* lt ie8 */
  -ms-background-position-x: center;
  -ms-background-position-y: bottom;
  background-position: center bottom;
  /* scale bg image proportionately */
  background-size: cover;
}

/* ~~~~~~~~ */
/*  Toggle  */
/* ~~~~~~~~ */
/*
* Bootstrap earlier CSS has better toggle styles.. which they took away for some reason??
*/
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3071a9;
  border-color: #285e8e;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.list a {
  font-family: "Playfair Display", serif !important;
  font-size: 23px;
  letter-spacing: 4px;
  font-weight: 700;
  line-height: 34px;
  text-transform: uppercase;
  margin-bottom: 28px;
}

.lookup-text,
.placeholder {
  font-family: "Playfair Display", serif !important;
  font-size: 23px;
  letter-spacing: 4px;
  font-weight: 700;
  line-height: 34px;
  text-transform: uppercase;
  margin-bottom: 28px;
}

.placeholder {
  margin-bottom: 10px;
}

.lookup-text {
  margin-bottom: 12px;
}

#width_tmp,
#width_tmp_2,
.brand-line,
.shade-quick-find {
  font-family: "Playfair Display", serif !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 4px;
  text-transform: uppercase;
  padding: 0 0 50px;
}

#width_tmp select,
#width_tmp option,
#width_tmp_2 select,
#width_tmp_2 option,
.shade-brand select,
.shade-brand option,
.brand-line select,
.brand-line option,
.shade-quick-find select,
.shade-quick-find option {
  font-family: "Playfair Display", serif !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 4px;
  text-transform: uppercase;
  /*
  * https://www.quirksmode.org/css/text/textalignlast.html
  */
  /* First reset it all */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  text-align: center;
  text-align: -moz-center;
  text-align: -webkit-center;
  text-align-last: center;
  -webkit-text-align-last: center;
  -moz-text-align-last: center;
  -ms-text-align-last: center;
  -o-text-align-last: center;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}
#width_tmp select::-ms-expand,
#width_tmp option::-ms-expand,
#width_tmp_2 select::-ms-expand,
#width_tmp_2 option::-ms-expand,
.shade-brand select::-ms-expand,
.shade-brand option::-ms-expand,
.brand-line select::-ms-expand,
.brand-line option::-ms-expand,
.shade-quick-find select::-ms-expand,
.shade-quick-find option::-ms-expand {
  display: none;
}

#width_tmp select,
.shade-brand select,
.brand-line select {
  font-size: 23px !important;
  max-width: 416.61px !important;
  letter-spacing: 4px;
  font-weight: 700;
  line-height: 34px;
}
#width_tmp select.smalltext,
.shade-brand select.smalltext,
.brand-line select.smalltext {
  font-size: 19px !important;
}
@media (min-width: 576px) {
  #width_tmp select.smalltext,
.shade-brand select.smalltext,
.brand-line select.smalltext {
    font-size: 23px !important;
  }
}

.shade-brand {
  margin-bottom: 10px;
}

.brand-line {
  padding-bottom: 28px;
}

.shade-brand select,
.brand-line select {
  width: 100% !important;
}

#width_tmp,
#width_tmp_2 {
  position: absolute;
  left: -1000000000px;
}
.typo {
  color: #000;
  font-size: 21px;
}
.typo p:not(.lookup-text) {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .typo br {
    display: none;
  }
}

.lookup {
  padding-top: 45px;
}

.transition {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.wrapper {
  padding: 0 0 50px;
  font-size: 54px;
  margin: auto;
}
@media (min-width: 992px) {
  .wrapper {
    height: 250px;
    padding: 150px 0 0;
    padding: 0;
    /*
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    */
  }
}

.wrapper-align {
  text-align: center;
  position: relative;
  z-index: 2;
}
@media (max-width: 991px) {
  .wrapper-align {
    /*margin-top:30px;*/
  }
}

.list {
  /*display: inline-block;*/
  position: relative;
}

.list ul {
  text-align: left;
  padding: 0;
  margin: 0;
  background: #fff;
  display: none;
  margin-top: -20px;
  text-align: center;
}
@media (min-width: 992px) {
  .list ul {
    position: absolute;
    z-index: 20;
    top: 30px;
    left: 0;
    width: 100%;
  }
}

.list ul .active {
  display: block;
}

.list li {
  list-style: none;
}

.list li:first-child a {
  color: #888;
  color: #000;
}

.list a {
  color: #0c0c0c;
  position: relative;
  /*text-transform:uppercase;*/
}

.list a:hover {
  cursor: pointer;
  color: #000;
}

.list a:hover:after {
  width: 100%;
}

#width_tmp select,
#width_tmp_2 select,
.shade-brand select,
.brand-line select,
.shade-quick-find select {
  display: inline;
  border: 0;
  width: auto;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-bottom: 2px solid #555;
  color: #bf8931;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#width_tmp select:hover,
#width_tmp_2 select:hover,
.shade-brand select:hover,
.brand-line select:hover,
.shade-quick-find select:hover {
  cursor: pointer;
}
#width_tmp select option,
#width_tmp_2 select option,
.shade-brand select option,
.brand-line select option,
.shade-quick-find select option {
  border: 0;
  border-bottom: 1px solid #555;
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #0c0c0c;
}

.placeholder {
  border-bottom: 4px solid;
  border-bottom: #000 2px solid;
  cursor: pointer;
  /*text-transform:uppercase;*/
  background: #fff;
  color: #bf8931;
}

.placeholder:hover {
  color: #bf8931;
}

.placeholder {
  display: inline-block;
  width: 100%;
  max-width: 416.61px;
}

.shade-brand select,
.shade-brand option {
  background: #fff;
}

.brand-line,
.shade-quick-find {
  display: none;
  margin: auto;
}
@media (min-width: 992px) {
  .brand-line,
.shade-quick-find {
    display: none;
  }
}
.brand-line select,
.brand-line option,
.shade-quick-find select,
.shade-quick-find option {
  background: #fff;
}
.brand-line select,
.shade-quick-find select {
  /*background:transparent;*/
}
.brand-line .list,
.shade-quick-find .list {
  display: inline-block;
}
.brand-line .list .placeholder,
.shade-quick-find .list .placeholder {
  display: inline-block;
  width: auto;
}

/* ~~~~~~~~ */
/*  Product Gallery  */
/* ~~~~~~~~ */
/*
* Product bullets
* Transform the product images to bullets
*/
.storefront-full-width-content.single-product.woocommerce-active div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 {
  position: relative;
  overflow: visible;
  text-align: center;
}
@media (min-width: 768px) {
  .storefront-full-width-content.single-product.woocommerce-active div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 {
    margin-bottom: 0px;
    /*z-index: 1000;*/
  }
}
.storefront-full-width-content.single-product.woocommerce-active div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 ol.flex-control-thumbs li {
  width: 12px;
  height: 12px;
  margin-left: 12px;
  margin-right: 12px;
  margin-top: 15px;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
  background-color: transparent;
  border: 0;
  border-radius: 50%;
  color: inherit;
  transition: 0.3s ease;
  line-height: 0;
  box-shadow: inset 0 0 0 1px #000;
  background-color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .storefront-full-width-content.single-product.woocommerce-active div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 ol.flex-control-thumbs li {
    width: 6px;
    height: 6px;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 0;
    margin-bottom: 6px;
  }
}
.storefront-full-width-content.single-product.woocommerce-active div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 ol.flex-control-thumbs li:last-child {
  margin-bottom: 0;
}
.storefront-full-width-content.single-product.woocommerce-active div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 ol.flex-control-thumbs li.flex-active {
  box-shadow: inset 0 0 0 1px #0c0c0c;
  background-color: #ffffff;
}
.storefront-full-width-content.single-product.woocommerce-active div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 ol.flex-control-thumbs li img {
  opacity: 0;
}
.storefront-full-width-content.single-product.woocommerce-active div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 ol.flex-control-thumbs li img:before {
  background-color: #000;
  width: 100%;
  height: 100%;
}

/* Thumbs horizontal on smaller screens */
/* @media (min-width: 768px){ */
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
  width: 23%;
  float: left;
  margin-left: 1%;
  margin-right: 1%;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
  margin: auto;
  display: inline-block;
}

.single-product div.product .woocommerce-product-gallery__image img {
  /*float: right;*/
  width: 100%;
  /* Mia gave images with space below.. gah.. crop it off 
  object-position: 100% 4px;*/
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
  width: 100%;
}

/* } */
@media (max-width: 767px) {
  /*.single-product div.product .woocommerce-product-gallery .flex-viewport,*/
  .single-product div.product .woocommerce-product-gallery .flex-control-thumbs,
.single-product .grid,
.product-summary {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (max-width: 767px) and (min-width: 576px) {
  .single-product div.product .woocommerce-product-gallery .flex-control-thumbs,
.single-product .grid,
.product-summary {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .single-product div.product .woocommerce-product-gallery .flex-control-thumbs,
.single-product .grid,
.product-summary {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}
@media (max-width: 767px) and (min-width: 992px) {
  .single-product div.product .woocommerce-product-gallery .flex-control-thumbs,
.single-product .grid,
.product-summary {
    padding-left: 6.5rem;
    padding-right: 6.5rem;
  }
}
@media (max-width: 767px) {
  .single-product .grid {
    width: auto;
  }
}
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
  display: flex;
  flex-direction: column;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
@media (min-width: 576px) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}
@media (min-width: 992px) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
    padding-left: 6.5rem;
    padding-right: 6.5rem;
  }
}
@media (min-width: 768px) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
    width: 42.5%;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
    width: 48%;
  }
}
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery .flex-viewport {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery .flex-viewport {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery .flex-viewport {
    margin-left: 4.5rem;
    margin-right: 4.5rem;
  }
}
@media (min-width: 992px) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery .flex-viewport {
    margin-left: 6.5rem;
    margin-right: 6.5rem;
  }
}
@media (min-width: 576px) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery .flex-viewport {
    margin-right: 0;
  }
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery .flex-viewport[class*=col-md] {
    margin-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery .flex-viewport[class*=col-md] {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery .flex-viewport {
    margin-left: 0;
    margin-right: 0;
  }
}
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery .flex-viewport:before {
  content: "";
  position: absolute;
  width: 1px;
  background: #ddaf64;
  bottom: 0;
  height: 60%;
}
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery .bullet-background {
  background: url("../img/marble-mobile.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery .bullet-background {
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: static;
  }
}
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: -4px;
  /* Show thumbs vertical on xlarge screens */
  /* Gets rid of gap with product image and nav 
   * but nav is another bar area.. doesn't actually look bad
   */
}
@media (min-width: 768px) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
    flex-direction: column;
    display: flex;
    position: absolute;
    top: 0;
    width: 80px;
    top: 50%;
    /*margin-left:35px;*/
    left: 2.45rem;
    padding-top: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
    position: absolute;
    z-index: 2;
    display: block;
  }
}
@media (min-width: 1200px) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
    width: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery__image img {
    float: right;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .storefront-full-width-content.single-product .sm-grid {
    float: none;
  }
}

/* ~~~~~~~~ */
/*  Favorites List from plugin  */
/* ~~~~~~~~ */
#slide-cart #favorites-section {
  margin-top: 20px;
  position: relative;
}
#slide-cart #favorites-section .mdi-close {
  top: -4px;
  right: 0;
}
#slide-cart .favorites-list {
  padding-top: 21px;
}
#slide-cart .favorites-list li {
  /*padding-bottom: 0;*/
}
#slide-cart .favorites-list .thumbnail img {
  width: 50px;
}
#slide-cart .favorites-list .excerpt {
  display: none;
}
#slide-cart .favorites-list .title {
  margin-top: 10px;
  margin-bottom: -10px;
}
#slide-cart .favorites-list .title a {
  text-decoration: none;
}
#slide-cart .favorites-list p {
  margin: 0;
}
#slide-cart .favorites-list .ajax_add_to_cart_archive {
  position: absolute;
  top: 12px;
  left: 45%;
}
#slide-cart .favorites-list .simplefavorite-button .mdi:before {
  top: 5px;
}

.favorites-list {
  margin-left: 0;
  margin-right: 0;
}
.favorites-list .thumbnail img {
  margin-right: 12px;
}
.favorites-list .ajax_add_to_cart_archive {
  font-size: 12.5px;
  text-transform: uppercase;
  letter-spacing: 3px;
  display: inline-block;
  text-decoration: none;
  outline: 0;
  background: #0c0c0c !important;
  color: #ffffff !important;
}
.favorites-list .ajax_add_to_cart_archive:hover {
  color: #ffffff !important;
}
.favorites-list .title {
  text-transform: uppercase;
}
.favorites-list .excerpt {
  margin-bottom: 20px;
}
.favorites-list li {
  position: relative;
  /*
  .simplefavorite-button{
  	position: absolute;
  	top: 12px;
  	right: 0;
  	.text{
  		display:none;
  	}
  	.mdi {
  		&:before{
  			top:-3px;
  		}
  		svg {
  			top: 9px;
  		}
  	}
  }
  */
}
.favorites-list li:first-child {
  border-top: 0;
}
.favorites-list li .simplefavorite-button {
  position: absolute;
  top: 12px;
  right: 0;
}
.favorites-list li .simplefavorite-button .text {
  display: none;
}
.favorites-list li .simplefavorite-button .mdi:before {
  content: "\f02d4";
  left: -17px;
}
.favorites-list li .simplefavorite-button .mdi svg {
  display: none;
}

.woocommerce-account #content .simplefavorite-button {
  top: 0;
}
.woocommerce-account #slide-cart .favorites-list .simplefavorite-button .mdi:before {
  /* top: -3px; */
}

ul.no-favorites {
  text-align: center;
  margin: auto !important;
  font-size: 21px;
  /*
  font-size: 20px;
  max-width: 400px;
  @media (min-width: 576px) {
  	font-size: 21px;
  }
  */
}

/* ~~~~~~~~ */
/*  Shade Analyzer  */
/* ~~~~~~~~ */
#photo-area {
  position: relative;
}
#photo-area #oval {
  position: absolute;
  z-index: 2;
}
#photo-area .photos {
  /*position: absolute;*/
  z-index: 1;
  top: 0;
  width: 100%;
}
#photo-area .photos .col-6 {
  max-width: none;
}
#photo-area .photos .photo-shade {
  position: relative;
}
#photo-area .photos .shade-overlay {
  position: absolute;
  z-index: 2;
}
#photo-area .photos img {
  max-width: none;
}

/* ~~~~~~~~ */
/*  Account  */
/* ~~~~~~~~ */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
  /*content: '\F02D1';
  font: normal normal normal 14px/1 "Material Design Icons";*/
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a::before {
  content: "" !important;
}
.woocommerce-account .woocommerce-column__title {
  font-family: "Playfair Display", serif !important;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 20px;
}
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
  /*text-transform: uppercase;*/
  font-family: "Playfair Display", serif !important;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
}
.woocommerce-account .woocommerce-orders-table__header {
  text-transform: uppercase;
}
.woocommerce-account #primary {
  position: relative;
}
.woocommerce-account .customer-number {
  position: absolute;
  right: 0;
  top: -30px;
}
@media (min-width: 576px) {
  .woocommerce-account .customer-number {
    top: 12px;
  }
}
.woocommerce-account .customer-number span {
  /*@include nav-links;*/
  font-weight: 700;
}
.woocommerce-account .woocommerce-message.woocommerce-message--info.woocommerce-Message.woocommerce-Message--info.woocommerce-info {
  line-height: 33px;
}
.woocommerce-account .woocommerce-message.woocommerce-message--info.woocommerce-Message.woocommerce-Message--info.woocommerce-info .woocommerce-Button.button {
  padding: 0.6180469716em 1.41575em;
}

.woocommerce-checkout h1, .woocommerce-checkout h2, .woocommerce-checkout h3,
.woocommerce-account h1,
.woocommerce-account h2,
.woocommerce-account h3 {
  font-family: "Playfair Display", serif !important;
  font-size: 25.5px;
  font-weight: 700;
  letter-spacing: 5.8px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.woocommerce-checkout h4, .woocommerce-checkout h5, .woocommerce-checkout h6,
.woocommerce-account h4,
.woocommerce-account h5,
.woocommerce-account h6 {
  font-family: "Playfair Display", serif !important;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 4px;
  text-transform: uppercase;
}

/* ~~~~~~~~ */
/*  Checkout  */
/* ~~~~~~~~ */
.woocommerce-checkout {
  /*.woocommerce-form__label-for-checkbox, font-weight: 400; */
}
.woocommerce-checkout #ship-to-different-address label {
  font-family: "Playfair Display", serif !important;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 4px;
  text-transform: uppercase;
}
.woocommerce-checkout table:not(.has-background) th {
  background-color: transparent;
}
.woocommerce-checkout table:not(.has-background) tbody td {
  background-color: transparent;
}
.woocommerce-checkout table:not(.has-background) tbody tr:nth-child(2n) td, .woocommerce-checkout fieldset, .woocommerce-checkout fieldset legend {
  background-color: transparent;
}
.woocommerce-checkout table td, .woocommerce-checkout table th {
  padding: 1em 0;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table {
  position: relative;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table th:last-child, .woocommerce-checkout .woocommerce-checkout-review-order-table td:last-child {
  float: right;
}
.woocommerce-checkout #payment .place-order {
  padding: 0;
  background-color: transparent;
}
.woocommerce-checkout .cart_item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.woocommerce-checkout .cart_item td {
  padding: 1em 0;
}
.woocommerce-checkout tfoot {
  /* Start Discounts */
  /*
  .cart-subtotal{
  	th{
  	    position: relative !important;
  		&:before{
  			content:"DISCOUNTS";
  			position: absolute;
  			top: 117px;
  			font-weight: 600;
  		}
  	}
  }
  */
  /*
  .cart-discount{
      position: absolute;
  	display: flex;
  	bottom: 0;
  }
  */
  /* End Discounts */
  /*
  tr.fee:nth-of-type(1):before{
  	content:"Discount Total";
  }
  */
  /*
  .fee th {
  	text-transform: initial;
  }
  */
}
.woocommerce-checkout tfoot tr:first-child th, .woocommerce-checkout tfoot tr:first-child td {
  padding: 30px 0 12px;
}
.woocommerce-checkout tfoot .discounts th {
  float: left;
  font-weight: 600;
}
.woocommerce-checkout tfoot .cart-discount th, .woocommerce-checkout tfoot .cart-discount td,
.woocommerce-checkout tfoot .fee th,
.woocommerce-checkout tfoot .fee td {
  padding: 9px 0;
}
.woocommerce-checkout tfoot .cart-discount th,
.woocommerce-checkout tfoot .fee th {
  padding-left: 12px;
}
.woocommerce-checkout tfoot .woocommerce-shipping-totals th {
  /*padding-bottom: 45px;*/
  font-weight: 600;
}
.woocommerce-checkout tfoot .woocommerce-shipping-totals td {
  font-weight: 600;
}
.woocommerce-checkout tfoot th, .woocommerce-checkout tfoot td {
  text-transform: uppercase;
  padding: 12px 0;
}
.woocommerce-checkout tfoot th {
  font-weight: 300;
}
.woocommerce-checkout tfoot .order-total th, .woocommerce-checkout tfoot .order-total td {
  text-transform: uppercase;
  font-weight: 600;
}
.woocommerce-checkout table {
  border-collapse: collapse;
}
.woocommerce-checkout .wc_payment_method label,
.woocommerce-checkout thead th {
  font-family: "Playfair Display", serif !important;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
}
.woocommerce-checkout label {
  font-weight: inherit;
}

/* ~~~~~~~~ */
/*  Cart  */
/* ~~~~~~~~ */
/*
* Hide message: Shipping options will be updated during checkout.
*/
.cart_totals .woocommerce-shipping-totals .woocommerce-shipping-destination,
.woocommerce-checkout-review-order .woocommerce-shipping-totals .woocommerce-shipping-destination {
  display: none;
}
.cart_totals .tax-total,
.woocommerce-checkout-review-order .tax-total {
  display: none;
}

.single.single-product div.product .product_meta .posted_in {
  display: none;
}

.hide_all {
  display: none;
}

.woocommerce-checkout .site-content,
.woocommerce-cart .site-content,
.woocommerce-account .site-content {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 50px !important;
}
@media (min-width: 576px) {
  .woocommerce-checkout .site-content,
.woocommerce-cart .site-content,
.woocommerce-account .site-content {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  .woocommerce-checkout .site-content,
.woocommerce-cart .site-content,
.woocommerce-account .site-content {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}
@media (min-width: 992px) {
  .woocommerce-checkout .site-content,
.woocommerce-cart .site-content,
.woocommerce-account .site-content {
    padding-left: 6.5rem;
    padding-right: 6.5rem;
  }
}
.woocommerce-checkout dl.variation,
.woocommerce-checkout .wc-item-meta,
.woocommerce-cart dl.variation,
.woocommerce-cart .wc-item-meta,
.woocommerce-account dl.variation,
.woocommerce-account .wc-item-meta {
  display: none;
}

/* ~~~~~~~~ */
/* Slide out Mini Cart  */
/* ~~~~~~~~ */
#slide-cart .favorites-list .ajax_add_to_cart_archive {
  display: none !important;
}

#slide-cart {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.05);
  padding: 20px;
  padding-bottom: 0;
  position: fixed;
  z-index: 100000 !important;
  top: 0;
  height: 100%;
  z-index: 90000;
  overflow-y: auto;
  /*right:-100%;*/
  right: -4000px;
  width: 100%;
  /* Style totals table */
}
@media (min-width: 576px) {
  #slide-cart {
    width: 70%;
    /*
    right:-70%;
    background:purple;*/
  }
}
@media (min-width: 768px) {
  #slide-cart {
    width: 60%;
    /*
    right:-60%;
    background:red;*/
  }
}
@media (min-width: 992px) {
  #slide-cart {
    width: 50%;
    /*
    right:-50%;
    background:green;*/
  }
}
@media (min-width: 1200px) {
  #slide-cart {
    width: 40%;
    /*
    right:-40%;
    background:yellow;*/
  }
}
#slide-cart .mdi-close {
  position: absolute;
  z-index: 3;
  top: 20px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
}
#slide-cart .widget {
  margin: 0;
}
#slide-cart dl.variation {
  display: none;
}
#slide-cart .quantity {
  display: inline-block;
  float: right;
}
#slide-cart .product-name {
  background: #fff;
  position: absolute;
  top: 12px;
  padding-right: 20px;
}
#slide-cart .product-name,
#slide-cart .favorites-list .title {
  text-transform: uppercase;
  text-decoration: none;
}
#slide-cart .product-name {
  top: 16px;
  padding: 5px;
}
#slide-cart .remove_from_cart_button {
  top: 20px;
}
#slide-cart .added_to_cart.alt, #slide-cart .added_to_cart, #slide-cart .widget a.button.checkout {
  font-size: 12.5px;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-decoration: none;
  outline: 0;
  background: #0c0c0c !important;
  border-color: #0c0c0c;
  color: #ffffff !important;
}
#slide-cart .added_to_cart.alt:hover, #slide-cart .added_to_cart:hover, #slide-cart .widget a.button.checkout:hover {
  color: #ffffff !important;
}
#slide-cart .mini_coupon_message .alert-dismissible {
  padding-right: 5.1rem;
}
#slide-cart .mini_coupon_message .alert-dismissible button {
  max-width: 70px;
  height: 100%;
}
#slide-cart .mini_coupon_message .alert-dismissible button span {
  letter-spacing: 0;
}
#slide-cart .coupon_table td {
  padding: 0;
  background-color: #ffffff;
}
#slide-cart .coupon_table input,
#slide-cart .coupon_table button {
  float: left;
}
#slide-cart .coupon_table input {
  width: 40%;
}
#slide-cart .coupon_table button {
  width: 60%;
}
@media (min-width: 768px) {
  #slide-cart .coupon_table input {
    width: 55%;
  }
  #slide-cart .coupon_table button {
    width: 45%;
  }
}
@media (min-width: 992px) {
  #slide-cart .coupon_table input {
    width: 60%;
  }
  #slide-cart .coupon_table button {
    width: 40%;
  }
}
@media (min-width: 1400px) {
  #slide-cart .coupon_table input {
    width: 65%;
  }
  #slide-cart .coupon_table button {
    width: 35%;
  }
}
#slide-cart .shop_table {
  margin-top: 20px;
}
#slide-cart .shop_table td, #slide-cart .shop_table th {
  padding: 12px 0;
  background: transparent;
}
#slide-cart .shop_table th {
  font-weight: 300;
  text-transform: uppercase;
}
#slide-cart .shop_table td {
  text-align: right;
}
#slide-cart .shop_table .fee-total th, #slide-cart .shop_table .fee-total td,
#slide-cart .shop_table .order-total th,
#slide-cart .shop_table .order-total td {
  text-transform: uppercase;
  font-weight: 600;
}
#slide-cart .shop_table .fees-breakdown th, #slide-cart .shop_table .fees-breakdown td {
  padding: 0;
}
#slide-cart .shop_table .fees-breakdown table th, #slide-cart .shop_table .fees-breakdown table td {
  padding: 9px 0;
}
#slide-cart .shop_table .fees-breakdown table th {
  padding-left: 12px;
}
#slide-cart .widget_shopping_cart p.buttons {
  padding: 1em 0 0.5em;
}
@media (min-width: 768px) {
  #slide-cart .widget_shopping_cart p.buttons {
    padding: 1em 0;
  }
}
#slide-cart .review-discounts {
  text-align: center;
  font-size: 11px;
  padding-bottom: 1em;
}
@media (min-width: 768px) {
  #slide-cart .review-discounts {
    display: none;
  }
}
#slide-cart .woocs_special_price_code {
  visibility: hidden;
}

.remove_from_cart_button {
  text-decoration: none !important;
}

@media (min-width: 768px) {
  #slide-cart .cart-discount {
    display: none;
  }
  #slide-cart #all-discounts .cart-discount {
    display: table-row;
  }
}
/* ~~~~~~~~ */
/*  Product  */
/* ~~~~~~~~ */
.product-type-simple .stock {
  position: absolute;
  right: 0;
  bottom: -35px;
}
.product-type-simple .gk-social-buttons {
  display: none;
}
.product-type-simple form {
  margin-bottom: 30px !important;
}

.mobile .product-type-simple .stock {
  bottom: -28px;
}

.star-rating span:before,
.quantity .plus,
.quantity .minus,
p.stars a:hover:after,
p.stars a:after,
.star-rating span:before,
#payment .payment_methods li input[type=radio]:first-child:checked + label:before {
  color: #0c0c0c !important;
}

.woocommerce-review-link {
  position: relative;
  top: 2px;
}

#reviews .commentlist li .comment_container .comment-text .star-rating .star-rating,
.woocommerce-review-link {
  font-size: 13px;
  font-weight: 500;
}

.pswp__zoom-wrap {
  transform: scale(1) !important;
}

.single-product .pswp {
  z-index: 9999;
}
.single-product .pswp img {
  /*max-width: none;
  object-fit: contain;*/
}
.single-product .pswp__caption__center {
  /*display:none;*/
  font-size: 1px;
  letter-spacing: -1px;
  color: transparent;
  text-align: center;
}
.single-product .pswp__caption__center:before {
  content: "ZOOM: Lighting effect switched OFF";
  max-width: 420px;
  margin: 0 auto;
  font-size: 14px;
  padding: 10px;
  line-height: 20px;
  color: #fff;
  letter-spacing: normal;
}
.single-product .pswp__img--placeholder--blank,
.single-product .pswp__scroll-wrap {
  background-color: #e1e1e1;
}
.single-product .pswp__button--close {
  background-position: 0 -44px !important;
}
.single-product .pswp--fs .pswp__button--fs {
  background-position: -44px 0 !important;
}
.single-product .pswp__button--zoom {
  background-position: -88px 0 !important;
}
.single-product .pswp__caption,
.single-product .pswp__caption pswp__caption--fake {
  /*display:none;*/
}
.single-product .user-bought {
  font-family: "Playfair Display", serif !important;
  font-weight: 700;
  font-size: 15px;
  font-size: 13px;
  text-align: center;
  background: #4f5a6b;
  color: #ffffff;
  padding-top: 10px;
  padding-bottom: 11px;
  position: relative;
  z-index: 2;
}
.single-product .user-bought a {
  color: #ddaf64;
}
.single-product .site-main {
  /* Margin below comments area */
  margin-bottom: 0;
  /* 
   * Beginning of product area 
   * Including top background image
  */
}
.single-product .site-main.full-bottle div.product table.variations {
  position: absolute;
  left: 10000px;
}
.single-product .site-main.full-bottle div.product table.variations td.label,
.single-product .site-main.full-bottle div.product table.variations td.woo-variation-items-wrapper {
  display: none;
}
.single-product .site-main div.product {
  position: relative;
  overflow: visible;
  background: #ffffff url(../img/white-marble.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.single-product .site-main div.product .onsale {
  float: left;
  margin-top: 20px;
  margin-right: 20px;
  display: none;
}
.single-product .site-main div.product .product-summary-container {
  position: relative;
  min-height: 350px;
  margin-bottom: -6px;
}
.single-product .site-main div.product .woocommerce-product-gallery {
  float: none;
  display: inline-block;
}
@media (min-width: 768px) {
  .single-product .site-main div.product .wc-tab {
    height: 180px;
    overflow-y: auto;
  }
}
@media (min-width: 992px) and (max-width: 1080px) {
  .single-product .site-main div.product .wc-tab {
    height: 130px;
  }
}
.single-product .site-main div.product .summary {
  padding-top: 30px;
  margin-bottom: 0;
  padding-bottom: 50px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
@media (min-width: 576px) {
  .single-product .site-main div.product .summary {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  .single-product .site-main div.product .summary {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}
@media (min-width: 992px) {
  .single-product .site-main div.product .summary {
    padding-left: 6.5rem;
    padding-right: 6.5rem;
  }
}
@media (min-width: 576px) {
  .single-product .site-main div.product .summary {
    padding-left: 0;
  }
  .single-product .site-main div.product .summary[class*=col-md] {
    padding-left: 3.5rem;
  }
}
@media (min-width: 768px) {
  .single-product .site-main div.product .summary[class*=col-md] {
    padding-left: 0;
  }
}
@media (max-width: 767px) and (min-width: 576px) {
  .single-product .site-main div.product .summary {
    padding-left: 3.5rem;
  }
}
@media (min-width: 768px) {
  .single-product .site-main div.product .summary {
    width: 50%;
    padding-top: 40px;
    padding-bottom: 12px;
  }
}
@media (min-width: 1200px) {
  .single-product .site-main div.product .summary {
    position: absolute;
    top: 40%;
    transform: translateY(-40%);
    left: 50%;
    width: 50%;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.single-product .site-main div.product .summary:before {
  content: "";
  position: absolute;
  width: 1px;
  background: #ddaf64;
  top: 0;
  height: 70px;
}
.single-product .site-main div.product .summary:after {
  content: "";
  position: absolute;
  width: 1px;
  background: #ddaf64;
  top: -200px;
  height: 200px;
}
.single-product .site-main div.product .summary .product-sale-discount-text {
  font-weight: 700;
  color: #ec471e;
}
.single-product .site-main div.product .summary .product-summary {
  position: relative;
}
.single-product .site-main div.product .summary .woocommerce-tabs.wc-tabs-wrapper,
.single-product .site-main div.product .summary .product-summary {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .single-product .site-main div.product .summary .woocommerce-tabs.wc-tabs-wrapper,
.single-product .site-main div.product .summary .product-summary {
    padding-left: 0.6rem;
  }
}
.single-product .site-main div.product .summary .woocommerce-tabs.wc-tabs-wrapper table.variations td.label,
.single-product .site-main div.product .summary .woocommerce-tabs.wc-tabs-wrapper table.variations td.woo-variation-items-wrapper,
.single-product .site-main div.product .summary .product-summary table.variations td.label,
.single-product .site-main div.product .summary .product-summary table.variations td.woo-variation-items-wrapper {
  width: 100% !important;
  display: block;
}
.single-product .site-main div.product .summary .woocommerce-tabs.wc-tabs-wrapper table.variations td.label .variable-items-wrapper.color-variable-wrapper,
.single-product .site-main div.product .summary .woocommerce-tabs.wc-tabs-wrapper table.variations td.woo-variation-items-wrapper .variable-items-wrapper.color-variable-wrapper,
.single-product .site-main div.product .summary .product-summary table.variations td.label .variable-items-wrapper.color-variable-wrapper,
.single-product .site-main div.product .summary .product-summary table.variations td.woo-variation-items-wrapper .variable-items-wrapper.color-variable-wrapper {
  padding: 3px 5px;
  overflow: auto;
  height: 139px;
  border: 3px solid black;
}
.single-product .site-main div.product .summary .product-summary .above-title {
  font-size: 12.5px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 500;
  margin-bottom: 5px;
}
.single-product .site-main div.product .summary .product_title {
  font-family: "Playfair Display", serif !important;
  font-size: 23px;
  letter-spacing: 4px;
  font-weight: 700;
  line-height: 34px;
  text-transform: uppercase;
  margin-bottom: 28px;
  margin-bottom: 0.55rem;
}
.single-product .site-main div.product .summary .woocommerce-product-rating {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}
.single-product .site-main div.product .summary .woocommerce-product-rating a {
  text-decoration: none;
}
.single-product .site-main div.product .summary .woocommerce-product-rating .count {
  color: #0c0c0c;
}
.single-product .site-main div.product .summary .price {
  font-size: 12.5px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 900;
  margin: 0;
}
.single-product .site-main div.product .summary .price .msrp {
  color: #5b5e61;
}
.single-product .site-main div.product .summary .price .get-next {
  font-weight: 300;
}
.single-product .site-main div.product .summary .variations_form cart {
  border: 0;
  padding-bottom: 0;
}
.single-product .site-main div.product .summary .quantity {
  width: 25%;
  margin-right: 0;
}
.single-product .site-main div.product .summary .quantity input {
  width: 100%;
  background-color: #ffffff;
}
.single-product .site-main div.product .summary .single_add_to_cart_button {
  width: 75%;
  font-size: 12.5px;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.single-product .site-main div.product .summary .stock {
  font-size: 10px;
  text-transform: uppercase;
  color: #0c0c0c;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: right;
  margin-top: 12px;
}
.single-product .site-main div.product .summary .stock::before {
  content: "";
}
.single-product .site-main div.product .summary .product_meta {
  display: none;
}
.single-product .site-main div.product .summary .edit-link {
  margin: 0;
  padding: 0;
}
.single-product .site-main div.product .summary form.cart {
  margin-bottom: 0;
  padding-bottom: 0;
}
@media (min-width: 1200px) {
  .single-product .site-main div.product .summary .storefront-product-pagination a {
    top: 100%;
    margin-top: -90px;
  }
}
.single-product .site-main div.product .product-bar {
  clear: both;
  color: #fff;
}
.single-product .site-main div.product .product-bar a {
  color: #fff;
}
.single-product .site-main div.product .product-bar .flex {
  display: flex;
}
.single-product .site-main div.product .product-bar .flex-vertical-center {
  margin: auto 0;
}
.single-product .site-main div.product .product-bar .shade-bar {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  background: #745643;
}
@media (min-width: 576px) {
  .single-product .site-main div.product .product-bar .shade-bar {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  .single-product .site-main div.product .product-bar .shade-bar {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}
@media (min-width: 992px) {
  .single-product .site-main div.product .product-bar .shade-bar {
    padding-left: 6.5rem;
    padding-right: 6.5rem;
  }
}
@media (min-width: 576px) {
  .single-product .site-main div.product .product-bar .shade-bar {
    padding-right: 0;
  }
  .single-product .site-main div.product .product-bar .shade-bar[class*=col-md] {
    padding-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  .single-product .site-main div.product .product-bar .shade-bar[class*=col-md] {
    padding-right: 0;
  }
}
.single-product .site-main div.product .product-bar .shade-bar:before {
  content: "";
  position: absolute;
  width: 1px;
  background: #ddaf64;
  top: 0;
  height: 55px;
}
.single-product .site-main div.product .product-bar .shade-bar .row {
  height: 100%;
}
.single-product .site-main div.product .product-bar .shade-bar .row .matching {
  min-height: 80px;
}
@media (min-width: 768px) {
  .single-product .site-main div.product .product-bar .shade-bar .row .matching {
    min-height: 127px;
  }
}
.single-product .site-main div.product .product-bar .shade-bar .row .matching .flex-vertical-center {
  padding: 0.6rem;
  width: 100%;
}
.single-product .site-main div.product .product-bar .shade-bar .row .matching .product-brand-list {
  font-size: 14px;
}
.single-product .site-main div.product .product-bar .shade-bar .row .matching .product-brand-list .competitor {
  font-weight: 900;
}
.single-product .site-main div.product .product-bar .shade-bar .row .matching .product-brand-list .mdi {
  float: right;
}
.single-product .site-main div.product .product-bar .shade-bar .row .faves {
  position: relative;
  border-top: 1px solid #0c0c0c;
  min-height: 80px;
}
@media (min-width: 768px) {
  .single-product .site-main div.product .product-bar .shade-bar .row .faves {
    border: 0;
    min-height: 127px;
  }
}
.single-product .site-main div.product .product-bar .shade-bar .row .faves:before {
  content: "";
  position: absolute;
  width: 1px;
  background: #ddaf64;
  bottom: -65px;
  height: 140px;
}
.single-product .site-main div.product .product-bar .shade-bar .row .faves .flex-vertical-center {
  padding: 0.6rem;
  margin-right: 14px;
}
.single-product .site-main div.product .product-bar .shade-bar .row .faves h6 {
  margin-left: 27px;
}
@media (min-width: 768px) {
  .single-product .site-main div.product .product-bar .shade-bar .row .faves h6 {
    position: absolute;
    top: 50%;
    margin-top: -0.9rem;
  }
}
.single-product .site-main div.product .product-bar .shade-bar .row .faves h6 .mdi {
  margin-left: -27px;
  color: #0c0c0c;
}
.single-product .site-main div.product .product-bar .black-bar {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  background: #000;
  min-height: 80px;
}
@media (min-width: 576px) {
  .single-product .site-main div.product .product-bar .black-bar {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}
@media (min-width: 768px) {
  .single-product .site-main div.product .product-bar .black-bar {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}
@media (min-width: 992px) {
  .single-product .site-main div.product .product-bar .black-bar {
    padding-left: 6.5rem;
    padding-right: 6.5rem;
  }
}
@media (min-width: 576px) {
  .single-product .site-main div.product .product-bar .black-bar {
    padding-left: 0;
  }
  .single-product .site-main div.product .product-bar .black-bar[class*=col-md] {
    padding-left: 3.5rem;
  }
}
@media (min-width: 768px) {
  .single-product .site-main div.product .product-bar .black-bar[class*=col-md] {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .single-product .site-main div.product .product-bar .black-bar {
    min-height: 127px;
  }
}
.single-product .site-main div.product .product-bar .black-bar .row {
  height: 100%;
}
.single-product .site-main div.product .product-bar .black-bar .row .flex:before {
  content: "";
  position: absolute;
  width: 1px;
  background: #ddaf64;
  top: 0;
  height: 73px;
}
.single-product .site-main div.product .product-bar .black-bar .row .flex .go-selector {
  padding: 0.6rem;
  font-family: "Playfair Display", serif !important;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 4px;
  text-transform: uppercase;
  text-decoration: none;
  outline: 0;
}
@media (min-width: 768px) {
  .single-product .site-main div.product .product-bar .black-bar .row .flex .go-selector {
    position: absolute;
    top: 50%;
    margin-top: -0.9rem;
  }
}
.single-product .site-main div.product .product-bar .black-bar .row .flex .go-selector .mdi {
  font-weight: 300;
}
.single-product .site-main div.product .product-bar .black-bar .row .flex .go-selector .mdi::before {
  transform: scale(2.5, 1);
}
.single-product .site-main div.product .discovery-pack-container {
  background: #fff;
}
.single-product .site-main div.product .discovery-pack-container .grid-col {
  order: 1;
}
@media (min-width: 768px) {
  .single-product .site-main div.product .discovery-pack-container .grid-col {
    order: 2;
  }
}
.single-product .site-main div.product .discovery-pack-container .discovery-text {
  padding: 70px 0 0;
  order: 2;
}
@media (min-width: 768px) {
  .single-product .site-main div.product .discovery-pack-container .discovery-text {
    order: 1;
  }
}
.single-product .site-main div.product .discovery-pack-container .discovery-text:before {
  content: "";
  position: absolute;
  width: 1px;
  background: #ddaf64;
  top: 0;
  height: 107%;
}
.single-product .site-main div.product .discovery-pack-container .discovery-text .discovery-text-padding {
  padding-left: 0.6rem;
  padding-right: 2rem;
  padding-bottom: 45px;
}
.single-product .site-main div.product .discovery-pack-container .discovery-text .discovery-text-padding h6 {
  margin-bottom: 18px;
}

button.alt, input[type=button].alt, input[type=reset].alt, input[type=submit].alt, .button.alt, .widget-area .widget a.button.alt {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

.single-product.storefront-full-width-content .content-area {
  margin-bottom: 0;
}

/* Tabs area */
.woocommerce-tabs.wc-tabs-wrapper {
  padding-bottom: 0;
  text-align: center;
}
.woocommerce-tabs.wc-tabs-wrapper .panel {
  float: none;
  width: auto;
  background-color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
  text-align: left;
  text-align: center;
  padding: 20px 8px;
}
.woocommerce-tabs.wc-tabs-wrapper .next-discount {
  text-align: left;
  margin-bottom: 0;
}
.woocommerce-tabs.wc-tabs-wrapper .next-discount .no-bullet {
  margin-right: 37px;
  margin-top: 15px;
  margin-bottom: 15px;
  list-style: none;
}
.woocommerce-tabs.wc-tabs-wrapper .next-discount p:last-child {
  margin-bottom: 0;
}
.woocommerce-tabs.wc-tabs-wrapper .next-discount .max-allowed {
  text-align: center;
}
.woocommerce-tabs.wc-tabs-wrapper .next-discount .max-allowed a {
  margin-top: 10px;
}
.woocommerce-tabs.wc-tabs-wrapper .next-discount .next-free {
  background: #ddaf64;
  padding: 12px;
  text-align: center;
  margin-top: 9px;
}
.woocommerce-tabs.wc-tabs-wrapper ul.tabs {
  border-top: 0;
}
@media (min-width: 768px) {
  .woocommerce-tabs.wc-tabs-wrapper ul.tabs {
    display: inline-block;
    float: none;
    padding-bottom: 8px;
    width: auto;
    margin: auto;
  }
}
.woocommerce-tabs.wc-tabs-wrapper ul.tabs li {
  font-size: 12.5px;
  text-transform: uppercase;
  letter-spacing: 3px;
  border-bottom: 0;
  padding: 0.5em 0;
}
.woocommerce-tabs.wc-tabs-wrapper ul.tabs li:last-child {
  border-right: 0;
}
.woocommerce-tabs.wc-tabs-wrapper ul.tabs li.active {
  font-weight: 900;
}
@media (min-width: 768px) {
  .woocommerce-tabs.wc-tabs-wrapper ul.tabs li {
    display: inline-block;
    padding: 0 1em;
    border-right: 1px solid #0c0c0c;
  }
  .woocommerce-tabs.wc-tabs-wrapper ul.tabs li.active:after {
    display: none;
  }
}
.woocommerce-tabs.wc-tabs-wrapper ul.tabs li a {
  color: #0c0c0c;
  padding: 0;
  text-decoration: none;
  outline: 0;
}
.woocommerce-tabs.wc-tabs-wrapper ul.tabs li a:hover, .woocommerce-tabs.wc-tabs-wrapper ul.tabs li a:active, .woocommerce-tabs.wc-tabs-wrapper ul.tabs li a:focus {
  color: #0c0c0c;
}

.ywar_perc_rating {
  background-color: #fff !important;
}

.ywar_scala_rating {
  background-color: #a1a1a1 !important;
}

.ywar_review_row span {
  color: #fff;
}

.ywar_review_count {
  color: #fff;
}

p.stars.selected a:not(.active)::before {
  color: #fff !important;
}

p.stars.selected a.active:before, p.stars:hover a:before, p.stars.selected a:not(.active):before, p.stars.selected a.active:before {
  color: #fff !important;
}

.storefront-sticky-add-to-cart img {
  padding: 0;
  border: 0;
}
.storefront-sticky-add-to-cart .storefront-sticky-add-to-cart__content-product-info {
  color: #0c0c0c;
}
.storefront-sticky-add-to-cart .storefront-sticky-add-to-cart__content-product-info .storefront-sticky-add-to-cart__content-price {
  opacity: 1;
}

.get-line:before {
  content: "";
  position: absolute;
  width: 1px;
  background: #ddaf64;
  top: -55px;
  height: 55px;
}

.heart {
  position: relative;
  /* fill white */
}
.heart:before {
  content: "\f02d1";
  color: #ff0000;
  position: absolute;
  font-size: 20px;
  top: -6px;
  left: 0px;
}
.heart svg {
  width: 20px;
  height: 20px;
  z-index: 2;
  position: relative;
}
.heart svg path {
  fill: #000;
}

.gk-social-buttons {
  margin-top: 8px;
  margin-bottom: 16px;
  float: left;
}
@media (min-width: 768px) {
  .gk-social-buttons {
    float: right;
  }
}
.gk-social-buttons a {
  background: #ccc;
  border-radius: 50%;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin: 2px 0px;
  overflow: hidden;
  width: 30px;
  text-decoration: none;
  text-align: center;
}
.gk-social-buttons a:last-child {
  margin-right: 0;
}

.gk-social-buttons span {
  margin-right: 4px;
}

.gk-social-buttons a:hover {
  text-decoration: none;
}

.gk-social-buttons a:before {
  color: #fff;
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  padding: 12px 0;
}

.gk-social-buttons .icon-twitter:before {
  content: "\f099";
}

.gk-social-buttons .icon-fb:before {
  content: "\f39e";
}

.gk-social-buttons .icon-gplus:before {
  content: "\f0d5";
}

.gk-social-buttons .icon-whatsapp:before {
  content: "\f232";
}

.gk-social-buttons .icon-messenger:before {
  content: "\f39f";
}

.gk-social-buttons .icon-instagram:before {
  content: "\f16d";
}

.gk-social-buttons .icon-pinterest:before {
  content: "\f231";
}

.gk-social-buttons a:hover:before {
  color: #000;
}

.sale .sale-corner {
  background: linear-gradient(-45deg, transparent 0%, transparent 50%, #ec471e 50%);
  width: 125px;
  height: 125px;
  position: absolute;
  left: 0;
  z-index: 2;
}
.sale .sale-corner:before {
  content: "Valentine's \a Day Sale!";
  display: inline-block;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: relative;
  top: 24px;
  left: -15px;
  white-space: pre;
  color: #ffffff;
  text-transform: uppercase;
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 700;
}
.sale .onsale {
  background: #ec471e;
  color: white;
  border: 1px solid #ec471e;
}
.sale .price {
  color: #1853ab;
}
.sale .price .msrp {
  color: #0c0c0c;
}
.sale .updated-price-gift {
  color: #1853ab;
  font-weight: 900;
}
.sale .updated-price-gift .msrp {
  color: #888;
}

/* ~~~~~~~~ */
/*  Samples Product - Has variations */
/* ~~~~~~~~ */
.single-product div.product table.variations td.label {
  width: 30%;
  padding-bottom: 10px;
  vertical-align: middle;
}
.single-product div.product table.variations th, .single-product div.product table.variations td {
  display: table-cell;
}