/** Shopify CDN: Minification failed

Line 2946:0 All "@import" rules must come first
Line 3378:0 Unexpected "$"
Line 3485:0 Unexpected "$"
Line 3485:19 Unexpected "{"
Line 3485:28 Expected ":"
Line 3485:41 Unexpected ";"
Line 3486:19 Unexpected "{"
Line 3486:28 Expected ":"
Line 3486:44 Unexpected ";"
Line 3487:19 Unexpected "{"
... and 735 more hidden warnings

**/
/* Color custom properties */

:root,
.color-background-1 {
  --color-foreground: var(--color-base-text);
  --color-background: var(--color-base-background-1);
  --gradient-background: var(--gradient-base-background-1);
}

.color-background-2 {
  --color-foreground: var(--color-base-text);
  --color-background: var(--color-base-background-2);
  --gradient-background: var(--gradient-base-background-2);
}

.color-inverse {
  --color-foreground: var(--color-base-background-1);
  --color-background: var(--color-base-text);
  --gradient-background: rgb(var(--color-base-text));
}

.color-accent-1 {
  --color-foreground: var(--color-base-solid-button-labels);
  --color-background: var(--color-base-accent-1);
  --gradient-background: var(--gradient-base-accent-1);
}

.color-accent-2 {
  --color-foreground: var(--color-base-solid-button-labels);
  --color-background: var(--color-base-accent-2);
  --gradient-background: var(--gradient-base-accent-2);
}

.color-foreground-outline-button {
  --color-foreground: var(--color-base-outline-button-labels);
}

.color-foreground-accent-1 {
  --color-foreground: var(--color-base-accent-1);
}

.color-foreground-accent-2 {
  --color-foreground: var(--color-base-accent-2);
}

:root,
.color-background-1 {
  --color-link: var(--color-base-outline-button-labels);
  --alpha-link: 0.85;
}

.color-background-2,
.color-inverse,
.color-accent-1,
.color-accent-2 {
  --color-link: var(--color-foreground);
  --alpha-link: 0.7;
}

:root,
.color-background-1 {
  --color-button: var(--color-base-accent-1);
  --color-button-text: var(--color-base-solid-button-labels);
  --alpha-button-background: 1;
  --alpha-button-border: 1;
}

.color-background-2,
.color-inverse,
.color-accent-1,
.color-accent-2 {
  --color-button: var(--color-foreground);
  --color-button-text: var(--color-background);
}

.button--secondary {
  --color-button: var(--color-base-outline-button-labels);
  --color-button-text: var(--color-base-outline-button-labels);
  --color-button: var(--color-background);
  --alpha-button-background: 1;
}

.color-background-2 .button--secondary,
.color-accent-1 .button--secondary,
.color-accent-2 .button--secondary {
  --color-button: var(--color-background);
  --color-button-text: var(--color-foreground);
}

.color-inverse .button--secondary {
  --color-button: var(--color-background);
  --color-button-text: var(--color-foreground);
}

.button--tertiary {
  --color-button: var(--color-base-outline-button-labels);
  --color-button-text: var(--color-base-outline-button-labels);
  --alpha-button-background: 0;
  --alpha-button-border: 0.2;
}

.color-background-2 .button--tertiary,
.color-inverse .button--tertiary,
.color-accent-1 .button--tertiary,
.color-accent-2 .button--tertiary {
  --color-button: var(--color-foreground);
  --color-button-text: var(--color-foreground);
}

:root,
.color-background-1 {
  --color-badge-background: var(--color-background);
  --color-badge-border: var(--color-foreground);
  --alpha-badge-border: 0.1;
}

.color-background-2,
.color-inverse,
.color-accent-1,
.color-accent-2 {
  --color-badge-background: var(--color-background);
  --color-badge-border: var(--color-background);
  --alpha-badge-border: 1;
}

:root,
.color-background-1,
.color-background-2 {
  --color-card-hover: var(--color-base-text);
}

.color-inverse {
  --color-card-hover: var(--color-base-background-1);
}

.color-accent-1,
.color-accent-2 {
  --color-card-hover: var(--color-base-solid-button-labels);
}

:root,
.color-icon-text {
  --color-icon: rgb(var(--color-base-text));
}

.color-icon-accent-1 {
  --color-icon: rgb(var(--color-base-accent-1));
}

.color-icon-accent-2 {
  --color-icon: rgb(var(--color-base-accent-2));
}

.color-icon-outline-button {
  --color-icon: rgb(var(--color-base-outline-button-labels));
}

.contains-card,
.card {
  --border-radius: var(--card-corner-radius);
  --border-width: var(--card-border-width);
  --border-opacity: var(--card-border-opacity);
  --shadow-horizontal-offset: var(--card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--card-shadow-vertical-offset);
  --shadow-blur-radius: var(--card-shadow-blur-radius);
  --shadow-opacity: var(--card-shadow-opacity);
  --shadow-visible: var(--card-shadow-visible);
}

.contains-content-container,
.content-container {
  --border-radius: var(--text-boxes-radius);
  --border-width: var(--text-boxes-border-width);
  --border-opacity: var(--text-boxes-border-opacity);
  --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset);
  --shadow-blur-radius: var(--text-boxes-shadow-blur-radius);
  --shadow-opacity: var(--text-boxes-shadow-opacity);
  --shadow-visible: var(--text-boxes-shadow-visible);
}

.contains-media,
.global-media-settings {
  --border-radius: var(--media-radius);
  --border-width: var(--media-border-width);
  --border-opacity: var(--media-border-opacity);
  --shadow-horizontal-offset: var(--media-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--media-shadow-vertical-offset);
  --shadow-blur-radius: var(--media-shadow-blur-radius);
  --shadow-opacity: var(--media-shadow-opacity);
  --shadow-visible: var(--media-shadow-visible);
}

/* base */

.no-js:not(html) {
  display: none !important;
}

html.no-js .no-js:not(html) {
  display: block !important;
}

.no-js-inline {
  display: none !important;
}

html.no-js .no-js-inline {
  display: inline-block !important;
}

html.no-js .no-js-hidden {
  display: none !important;
}

.page-width {
  max-width: var(--page-width);
  margin: 0 auto;
  padding: 0 1.5rem;
}

.page-width-desktop {
  padding: 0;
  margin: 0 auto;
}

@media screen and (min-width: 750px) {
  .page-width {
    padding: 0 5rem;
  }

  .page-width--narrow {
    padding: 0 9rem;
  }

  .page-width-desktop {
    padding: 0;
  }

  .page-width-tablet {
    padding: 0 5rem;
  }
}

@media screen and (min-width: 990px) {
  .page-width--narrow {
    max-width: 72.6rem;
    padding: 0;
  }

  .page-width-desktop {
    max-width: var(--page-width);
    padding: 0 5rem;
  }
}

.isolate {
  position: relative;
  z-index: 0;
}

.section + .section {
  margin-top: var(--spacing-sections-mobile);
}

@media screen and (min-width: 750px) {
  .section + .section {
    margin-top: var(--spacing-sections-desktop);
  }
}

.element-margin-top {
  margin-top: 5rem;
}

@media screen and (min-width: 750px) {
  .element-margin {
    margin-top: calc(5rem + var(--page-width-margin));
  }
}

body,
.color-background-1,
.color-background-2,
.color-inverse,
.color-accent-1,
.color-accent-2 {
  color: rgba(var(--color-foreground), 0.75);
  background-color: rgb(var(--color-background));
}

.background-secondary {
  background-color: rgba(var(--color-foreground), 0.04);
}

.grid-auto-flow {
  display: grid;
  grid-auto-flow: column;
}

.page-margin,
.shopify-challenge__container {
  margin: 7rem auto;
}

.rte-width {
  max-width: 82rem;
  margin: 0 auto 2rem;
}

.list-unstyled {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hidden {
  display: none !important;
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
}

.visually-hidden--inline {
  margin: 0;
  height: 1em;
}

.overflow-hidden {
  overflow: hidden;
}

.skip-to-content-link:focus {
  z-index: 9999;
  position: inherit;
  overflow: auto;
  width: auto;
  height: auto;
  clip: auto;
}

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

::selection {
  background-color: rgba(var(--color-foreground), 0.2);
}

.text-body {
  font-size: 1.5rem;
  letter-spacing: 0.06rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
}

h1,
h2,
h3,
h4,
h5,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5 {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  letter-spacing: calc(var(--font-heading-scale) * 0.06rem);
  color: rgb(var(--color-foreground));
  line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));
  word-break: break-word;
}

.hxl {
  font-size: calc(var(--font-heading-scale) * 5rem);
}

@media only screen and (min-width: 750px) {
  .hxl {
    font-size: calc(var(--font-heading-scale) * 6.2rem);
  }
}

.h0 {
  font-size: calc(var(--font-heading-scale) * 4rem);
}

@media only screen and (min-width: 750px) {
  .h0 {
    font-size: calc(var(--font-heading-scale) * 5.2rem);
  }
}

h1,
.h1 {
  font-size: calc(var(--font-heading-scale) * 3rem);
}

@media only screen and (min-width: 750px) {
  h1,
  .h1 {
    font-size: calc(var(--font-heading-scale) * 4rem);
  }
}

h2,
.h2 {
  font-size: calc(var(--font-heading-scale) * 2rem);
}

@media only screen and (min-width: 750px) {
  h2,
  .h2 {
    font-size: calc(var(--font-heading-scale) * 2.4rem);
  }
}

h3,
.h3 {
  font-size: calc(var(--font-heading-scale) * 1.7rem);
}

@media only screen and (min-width: 750px) {
  h3,
  .h3 {
    font-size: calc(var(--font-heading-scale) * 1.8rem);
  }
}

h4,
.h4 {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-size: calc(var(--font-heading-scale) * 1.5rem);
}

h5,
.h5 {
  font-size: calc(var(--font-heading-scale) * 1.2rem);
}

@media only screen and (min-width: 750px) {
  h5,
  .h5 {
    font-size: calc(var(--font-heading-scale) * 1.3rem);
  }
}

h6,
.h6 {
  color: rgba(var(--color-foreground), 0.75);
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
}

blockquote {
  font-style: italic;
  color: rgba(var(--color-foreground), 0.75);
  border-left: 0.2rem solid rgba(var(--color-foreground), 0.2);
  padding-left: 1rem;
}

@media screen and (min-width: 750px) {
  blockquote {
    padding-left: 1.5rem;
  }
}

.caption {
  font-size: 1rem;
  letter-spacing: 0.07rem;
  line-height: calc(1 + 0.7 / var(--font-body-scale));
}

@media screen and (min-width: 750px) {
  .caption {
    font-size: 1.2rem;
  }
}

.caption-with-letter-spacing {
  font-size: 1rem;
  letter-spacing: 0.13rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  text-transform: uppercase;
}

.caption-with-letter-spacing--medium {
  font-size: 1.2rem;
  letter-spacing: .16rem;
}

.caption-with-letter-spacing--large {
  font-size: 1.4rem;
  letter-spacing: 0.18rem;
}

.caption-large,
.customer .field input,
.customer select,
.field__input,
.form__label,
.select__select {
  font-size: 1.3rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.04rem;
}

.color-foreground {
  color: rgb(var(--color-foreground));
}

table:not([class]) {
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 1.4rem;
  border-style: hidden;
  box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2);
  /* draws the table border  */
}

table:not([class]) td,
table:not([class]) th {
  padding: 1em;
  border: 0.1rem solid rgba(var(--color-foreground), 0.2);
}

.hidden {
  display: none !important;
}

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

@media screen and (min-width: 750px) and (max-width: 989px) {
  .medium-hide {
    display: none !important;
  }
}

@media screen and (min-width: 990px) {
  .large-up-hide {
    display: none !important;
  }
}

.left {
  text-align: left;
}

.center {
  text-align: left;
}

.right {
  text-align: right;
}

.uppercase {
  text-transform: uppercase;
}

.light {
  opacity: 0.7;
}

a:empty,
ul:empty,
dl:empty,
div:empty,
section:empty,
article:empty,
p:empty,
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
  display: none;
}

.link,
.customer a {
  cursor: pointer;
  display: inline-block;
  border: none;
  box-shadow: none;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
  color: rgb(var(--color-link));
  background-color: transparent;
  font-size: 1.4rem;
  font-family: inherit;
}

.link--text {
  color: rgb(var(--color-foreground));
}

.link--text:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.link-with-icon {
  display: inline-flex;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  text-decoration: none;
  margin-bottom: 4.5rem;
  white-space: nowrap;
}

.link-with-icon .icon {
  width: 1.5rem;
  margin-left: 1rem;
}

a:not([href]) {
  cursor: not-allowed;
}

.circle-divider::after {
  content: '\2022';
  margin: 0 1.3rem 0 1.5rem;
}

.circle-divider:last-of-type::after {
  display: none;
}

hr {
  border: none;
  height: 0.1rem;
  background-color: rgba(var(--color-foreground), 0.2);
  display: block;
  margin:none;
}

@media screen and (min-width: 750px) {
  hr {
    margin:none;
  }
}

.full-unstyled-link {
  text-decoration: none;
  color: currentColor;
  display: block;
}

.placeholder {
  background-color: rgba(var(--color-foreground), 0.04);
  color: rgba(var(--color-foreground), 0.55);
  fill: rgba(var(--color-foreground), 0.55);
}

details > * {
  box-sizing: border-box;
}

.break {
  word-break: break-word;
}

.visibility-hidden {
  visibility: hidden;
}

@media (prefers-reduced-motion) {
  .motion-reduce {
    transition: none !important;
    animation: none !important;
  }
}

:root {
  --duration-short: 100ms;
  --duration-default: 200ms;
  --duration-long: 500ms;
}

.underlined-link,
.customer a {
  color: rgba(var(--color-link), var(--alpha-link));
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness ease 100ms;
}

.underlined-link:hover,
.customer a:hover {
  color: rgb(var(--color-link));
  text-decoration-thickness: 0.2rem;
}

.icon-arrow {
  width: 1.5rem;
}

h3 .icon-arrow,
.h3 .icon-arrow {
  width: calc(var(--font-heading-scale) * 1.5rem);
}

/* arrow animation */
.animate-arrow .icon-arrow path {
  transform: translateX(-0.25rem);
  transition: transform var(--duration-short) ease;
}

.animate-arrow:hover .icon-arrow path {
  transform: translateX(-0.05rem);
}

/* base-details-summary */
summary {
  cursor: pointer;
  list-style: none;
  position: relative;
}

summary .icon-caret {
  position: absolute;
  height: 0.6rem;
  right: 1.5rem;
  top: calc(50% - 0.2rem);
}

summary::-webkit-details-marker {
  display: none;
}

.disclosure-has-popup {
  position: relative;
}

.disclosure-has-popup[open] > summary::before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  cursor: default;
  content: ' ';
  background: transparent;
}

.disclosure-has-popup > summary::before {
  display: none;
}

.disclosure-has-popup[open] > summary + * {
  z-index: 100;
}

@media screen and (min-width: 750px) {
  .disclosure-has-popup[open] > summary + * {
    z-index: 4;
  }

  .facets .disclosure-has-popup[open] > summary + * {
    z-index: 2;
  }
}

/* base-focus */
/*
  Focus ring - default (with offset)
*/

*:focus {
  outline: 0;
  box-shadow: none;
}

*:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

/* Fallback - for browsers that don't support :focus-visible, a fallback is set for :focus */
.focused,
.no-js *:focus {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

/* Negate the fallback side-effect for browsers that support :focus-visible */
.no-js *:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

/*
  Focus ring - inset
*/

.focus-inset:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: -0.2rem;
  box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);
}

.focused.focus-inset,
.no-js .focus-inset:focus {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: -0.2rem;
  box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);
}

.no-js .focus-inset:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

/*
  Focus ring - none
*/

/* Dangerous for a11y - Use with care */
.focus-none {
  box-shadow: none !important;
  outline: 0 !important;
}

.focus-offset:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 1rem;
  box-shadow: 0 0 0 1rem rgb(var(--color-background)),
    0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

.focus-offset.focused,
.no-js .focus-offset:focus {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 1rem;
  box-shadow: 0 0 0 1rem rgb(var(--color-background)),
    0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

.no-js .focus-offset:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

/* component-title */
.title,
.title-wrapper-with-link {
  margin: 3rem 0 2rem;
}

.title-wrapper-with-link .title {
  margin: 0;
}

.title .link {
  font-size: inherit;
}

.title-wrapper {
  margin-bottom: 3rem;
}

.title-wrapper-with-link {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
  margin-bottom: 3rem;
  flex-wrap: wrap;
}

.title--primary {
  margin: 4rem 0;
}

.title-wrapper--self-padded-tablet-down,
.title-wrapper--self-padded-mobile {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media screen and (min-width: 750px) {
  .title-wrapper--self-padded-mobile {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 990px) {
  .title,
  .title-wrapper-with-link {
    margin: 5rem 0 3rem;
  }

  .title--primary {
    margin: 2rem 0;
  }

  .title-wrapper-with-link {
    align-items: center;
  }

  .title-wrapper-with-link .title {
    margin-bottom: 0;
  }

  .title-wrapper--self-padded-tablet-down {
    padding-left: 0;
    padding-right: 0;
  }
}

.title-wrapper-with-link .link-with-icon {
  margin: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.title-wrapper-with-link .link-with-icon svg {
  width: 1.5rem;
}

.title-wrapper-with-link a {
  color: rgb(var(--color-link));
  margin-top: 0;
  flex-shrink: 0;
}

.title-wrapper--no-top-margin {
  margin-top: 0;
}

.title-wrapper--no-top-margin > .title {
  margin-top: 0;
}

.subtitle {
  font-size: 1.8rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  letter-spacing: 0.06rem;
  color: rgba(var(--color-foreground), 0.7);
}

.subtitle--small {
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
}

.subtitle--medium {
  font-size: 1.6rem;
  letter-spacing: 0.08rem;
}

/* component-grid */
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  padding: 0;
  list-style: none;
  column-gap: var(--grid-mobile-horizontal-spacing);
  row-gap: var(--grid-mobile-vertical-spacing);
}

@media screen and (min-width: 750px) {
  .grid {
    column-gap: var(--grid-desktop-horizontal-spacing);
    row-gap: var(--grid-desktop-vertical-spacing);
  }
}

.grid:last-child {
  margin-bottom: 0;
}

.grid__item {
  width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
  max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  flex-grow: 1;
  flex-shrink: 0;
}

@media screen and (min-width: 750px) {
  .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

.grid--gapless.grid {
  column-gap: 0;
  row-gap: 0;
}

@media screen and (max-width: 749px) {
  .grid__item.slider__slide--full-width {
    width: 100%;
    max-width: none;
  }
}

.grid--1-col .grid__item {
  max-width: 100%;
  width: 100%;
}

.grid--3-col .grid__item {
  width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3);
}

@media screen and (min-width: 750px) {
  .grid--3-col .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }
}

.grid--2-col .grid__item {
  width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
}

@media screen and (min-width: 750px) {
  .grid--2-col .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .grid--4-col-tablet .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }

  .grid--3-col-tablet .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }

  .grid--2-col-tablet .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

@media screen and (max-width: 989px) {
  .grid--1-col-tablet-down .grid__item {
    width: 100%;
    max-width: 100%;
  }

  .slider--tablet.grid--peek {
    margin: 0;
    width: 100%;
  }

  .slider--tablet.grid--peek .grid__item {
    box-sizing: content-box;
    margin: 0;
  }
}

@media screen and (min-width: 990px) {
  .grid--6-col-desktop .grid__item {
    width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
    max-width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
  }

  .grid--5-col-desktop .grid__item {
    width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
    max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
  }

  .grid--4-col-desktop .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }

  .grid--3-col-desktop .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }

  .grid--2-col-desktop .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

@media screen and (min-width: 990px) {
  .grid--1-col-desktop {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .grid--1-col-desktop .grid__item {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 749px) {
  .grid--peek.slider--mobile {
    margin: 0;
    width: 100%;
  }

  .grid--peek.slider--mobile .grid__item {
    box-sizing: content-box;
    margin: 0;
  }

  .grid--peek .grid__item {
    min-width: 35%;
  }

  .grid--peek.slider .grid__item:first-of-type {
    margin-left: 1.5rem;
  }

  .grid--peek.slider .grid__item:last-of-type {
    margin-right: 1.5rem;
  }

  .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  }

  .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item,
  .grid--peek .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item,
  .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item  {
    width: calc(100% - var(--grid-mobile-horizontal-spacing) - 3rem);
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .slider--tablet.grid--peek .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--2-col-tablet .grid__item,
  .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek .grid__item:first-of-type {
    margin-left: 1.5rem;
  }

  .slider--tablet.grid--peek .grid__item:last-of-type {
    margin-right: 1.5rem;
  }

  .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .grid--1-col-tablet-down.grid--peek .grid__item {
    width: calc(100% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }
}

/* component-media */
.media {
  display: block;
  background-color: rgba(var(--color-foreground), 0.1);
  position: relative;
  overflow: hidden;
}

.media--transparent {
  background-color: transparent;
}

.media > *:not(.zoom):not(.deferred-media__poster-button),
.media model-viewer {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.media > img {
  object-fit: cover;
  object-position: center center;
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.media--square {
  padding-bottom: 100%;
}

.media--portrait {
  padding-bottom: 125%;
}

.media--landscape {
  padding-bottom: 66.6%;
}

.media--cropped {
  padding-bottom: 56%;
}

.media--16-9 {
  padding-bottom: 56.25%;
}

.media--circle {
  padding-bottom: 100%;
  border-radius: 50%;
}

.media.media--hover-effect > img + img {
  opacity: 0;
}

@media screen and (min-width: 990px) {
  .media--cropped {
    padding-bottom: 63%;
  }
}

deferred-media {
  display: block;
}

/* component-button */
/* Button - default */

.button,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded,
.shopify-payment-button [role="button"],
.cart__dynamic-checkout-buttons [role='button'],
.cart__dynamic-checkout-buttons iframe {
  --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--buttons-shadow-vertical-offset);
  --shadow-blur-radius: var(--buttons-shadow-blur-radius);
  --shadow-opacity: var(--buttons-shadow-opacity);
  --shadow-visible: var(--buttons-shadow-visible);
  --border-offset: var(--buttons-border-offset); /* reduce radius edge artifacts */
  --border-opacity: calc(1 - var(--buttons-border-opacity));
  border-radius: var(--buttons-radius-outset);
  position: relative;
}

.button,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded {
  min-width: calc(12rem + var(--buttons-border-width) * 2);
  min-height: calc(4.5rem + var(--buttons-border-width) * 2);
}

.shopify-payment-button__button--branded {
  z-index: auto;
}

.cart__dynamic-checkout-buttons iframe {
  box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-base-text), var(--shadow-opacity));
}

.button,
.shopify-challenge__button,
.customer button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0;
  padding: 0 3rem;
  cursor: pointer;
  font: inherit;
  font-size: 1.5rem;
  text-decoration: none;
  color: rgb(var(--color-button-text));
  transition: box-shadow var(--duration-short) ease;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(var(--color-button), var(--alpha-button-background));
}

.button:before,
.shopify-challenge__button:before,
.customer button:before,
.shopify-payment-button__button--unbranded:before,
.shopify-payment-button [role="button"]:before,
.cart__dynamic-checkout-buttons [role='button']:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: var(--buttons-radius-outset);
  box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity));
}

.button:after,
.shopify-challenge__button:after,
.customer button:after,
.shopify-payment-button__button--unbranded:after {
  content: '';
  position: absolute;
  top: var(--buttons-border-width);
  right: var(--buttons-border-width);
  bottom: var(--buttons-border-width);
  left: var(--buttons-border-width);
  z-index: 1;
  border-radius: var(--buttons-radius);
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)),
    0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background));
  transition: box-shadow var(--duration-short) ease;
}

.button:not([disabled]):hover::after,
.shopify-challenge__button:hover::after,
.customer button:hover::after,
.shopify-payment-button__button--unbranded:hover::after {
  --border-offset: 1.3px;
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)),
    0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button), var(--alpha-button-background));
}

.button--secondary:after {
  --border-opacity: var(--buttons-border-opacity);
}

.button:focus-visible,
.button:focus,
.button.focused,
.shopify-payment-button__button--unbranded:focus-visible,
.shopify-payment-button [role="button"]:focus-visible,
.shopify-payment-button__button--unbranded:focus,
.shopify-payment-button [role="button"]:focus {
  outline: 0;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0 0.5rem rgba(var(--color-foreground), 0.5),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.button:focus:not(:focus-visible):not(.focused),
.shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused),
.shopify-payment-button [role="button"]:focus:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
}

.button::selection,
.shopify-challenge__button::selection,
.customer button::selection {
  background-color: rgba(var(--color-button-text), 0.3);
}

.button,
.button-label,
.shopify-challenge__button,
.customer button {
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
}

.button--tertiary {
  font-size: 1.2rem;
  padding: 1rem 1.5rem;
  min-width: calc(9rem + var(--buttons-border-width) * 2);
  min-height: calc(3.5rem + var(--buttons-border-width) * 2);
}

.button--small {
  padding: 1.2rem 2.6rem;
}

/* Button - other */

.button:disabled,
.button[aria-disabled='true'],
.button.disabled,
.customer button:disabled,
.customer button[aria-disabled='true'],
.customer button.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.button--full-width {
  display: flex;
  width: 100%;
}

.button.loading {
  color: transparent;
  position: relative;
}

@media screen and (forced-colors: active) {
  .button.loading {
    color: rgb(var(--color-foreground));
  }
}

.button.loading > .loading-overlay__spinner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
}

.button.loading > .loading-overlay__spinner .spinner {
  width: fit-content;
}

.button.loading > .loading-overlay__spinner .path {
  stroke: rgb(var(--color-button-text));
}

/* Button - social share */

.share-button {
  display: block;
  position: relative;
}

.share-button details {
  width: fit-content;
}

.share-button__button {
  font-size: 1.4rem;
  display: flex;
  min-height: 2.4rem;
  align-items: center;
  color: rgb(var(--color-link));
  margin-left: 0;
  padding-left: 0;
}

details[open] > .share-button__fallback {
  animation: animateMenuOpen var(--duration-default) ease;
}

.share-button__button:hover {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.share-button__button,
.share-button__fallback button {
  cursor: pointer;
  background-color: transparent;
  border: none;
}

.share-button__button .icon-share {
  height: 1.2rem;
  margin-right: 1rem;
  width: 1.3rem;
}

.share-button__fallback {
  display: flex;
  align-items: center;
  position: absolute;
  top: 3rem;
  left: 0.1rem;
  z-index: 3;
  width: 100%;
  min-width: max-content;
  border-radius: var(--inputs-radius);
  border: 0;
}

.share-button__fallback:after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.share-button__fallback:before {
  background: rgb(var(--color-background));
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-base-text), var(--inputs-shadow-opacity));
  z-index: -1;
}

.share-button__fallback button {
  width: 4.4rem;
  height: 4.4rem;
  padding: 0;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  right: var(--inputs-border-width);
}

.share-button__fallback button:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.share-button__fallback button:hover svg {
  transform: scale(1.07);
}

.share-button__close:not(.hidden) + .share-button__copy {
  display: none;
}

.share-button__close,
.share-button__copy {
  background-color: transparent;
  color: rgb(var(--color-foreground));
}

.share-button__copy:focus-visible,
.share-button__close:focus-visible {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.share-button__copy:focus,
.share-button__close:focus {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.field:not(:focus-visible):not(.focused) + .share-button__copy:not(:focus-visible):not(.focused),
.field:not(:focus-visible):not(.focused) + .share-button__close:not(:focus-visible):not(.focused) {
  background-color: inherit;
}

.share-button__fallback .field:after,
.share-button__fallback .field:before {
  content: none;
}

.share-button__fallback .field {
  border-radius: 0;
  min-width: auto;
  min-height: auto;
  transition: none;
}

.share-button__fallback .field__input:focus,
.share-button__fallback .field__input:-webkit-autofill {
  outline: 0.2rem solid rgba(var(--color-foreground),.5);
  outline-offset: 0.1rem;
  box-shadow: 0 0 0 0.1rem rgb(var(--color-background)),0 0 0.5rem 0.4rem rgba(var(--color-foreground),.3);
}

.share-button__fallback .field__input {
  box-shadow: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  filter: none;
  min-width: auto;
  min-height: auto;
}

.share-button__fallback .field__input:hover {
  box-shadow: none;
}

.share-button__fallback .icon {
  width: 1.5rem;
  height: 1.5rem;
}

.share-button__message:not(:empty) {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 0.8rem 0 0.8rem 1.5rem;
  margin: var(--inputs-border-width);
}

.share-button__message:not(:empty):not(.hidden) ~ * {
  display: none;
}

/* component-form */
.field__input,
.select__select,
.customer .field input,
.customer select {
  -webkit-appearance: none;
  appearance: none;
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  font-size: 1.6rem;
  width: 100%;
  box-sizing: border-box;
  transition: box-shadow var(--duration-short) ease;
  border-radius: var(--inputs-radius);
  height: 4.5rem;
  min-height: calc(var(--inputs-border-width) * 2);
  min-width: calc(7rem + (var(--inputs-border-width) * 2));
  position: relative;
  border: 0;
}

.field:before,
.select:before,
.customer .field:before,
.customer select:before,
.localization-form__select:before {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-base-text), var(--inputs-shadow-opacity));
  z-index: -1;
}

.field:after,
.select:after,
.customer .field:after,
.customer select:after,
.localization-form__select:after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.select__select {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1.2rem;
  color: rgba(var(--color-foreground), 0.75);
}

.field:hover.field:after,
.select:hover.select:after,
.select__select:hover.select__select:after,
.customer .field:hover.field:after,
.customer select:hover.select:after,
.localization-form__select:hover.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground),var(--inputs-border-opacity));
  outline: 0;
  border-radius: var(--inputs-radius);
}

.field__input:focus-visible,
.select__select:focus-visible,
.customer .field input:focus-visible,
.customer select:focus-visible,
.localization-form__select:focus-visible.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground));
  outline: 0;
  border-radius: var(--inputs-radius);
}

.field__input:focus,
.select__select:focus,
.customer .field input:focus,
.customer select:focus,
.localization-form__select:focus.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground));
  outline: 0;
  border-radius: var(--inputs-radius);
}

.localization-form__select:focus {
  outline: 0;
  box-shadow: none;
}

.text-area,
.select {
  display: flex;
  position: relative;
  width: 100%;
}

/* Select */

.select .icon-caret,
.customer select + svg {
  height: 0.6rem;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 0.2rem);
  right: calc(var(--inputs-border-width) + 1.5rem);
}

.select__select,
.customer select {
  cursor: pointer;
  line-height: calc(1 + 0.6 / var(--font-body-scale));
  padding: 0 2rem;
  margin: var(--inputs-border-width);
  min-height: calc(var(--inputs-border-width) * 2);
}

/* Field */

.field {
  position: relative;
  width: 100%;
  display: flex;
  transition: box-shadow var(--duration-short) ease;
}

.customer .field {
  display: flex;
}

.field--with-error {
  flex-wrap: wrap;
}

.field__input,
.customer .field input {
  flex-grow: 1;
  text-align: left;
  padding: 1.5rem;
  margin: var(--inputs-border-width);
  transition: box-shadow var(--duration-short) ease;
}

.field__label,
.customer .field label {
  font-size: 1.6rem;
  left: calc(var(--inputs-border-width) + 2rem);
  top: calc(1rem + var(--inputs-border-width));
  margin-bottom: 0;
  pointer-events: none;
  position: absolute;
  transition: top var(--duration-short) ease,
    font-size var(--duration-short) ease;
  color: rgba(var(--color-foreground), 0.75);
  letter-spacing: 0.1rem;
  line-height: 1.5;
}

.field__input:focus ~ .field__label,
.field__input:not(:placeholder-shown) ~ .field__label,
.field__input:-webkit-autofill ~ .field__label,
.customer .field input:focus ~ label,
.customer .field input:not(:placeholder-shown) ~ label,
.customer .field input:-webkit-autofill ~ label {
  font-size: 1rem;
  top: calc(var(--inputs-border-width) + 0.5rem);
  left: calc(var(--inputs-border-width) + 2rem);
  letter-spacing: 0.04rem;
}

.field__input:focus,
.field__input:not(:placeholder-shown),
.field__input:-webkit-autofill,
.customer .field input:focus,
.customer .field input:not(:placeholder-shown),
.customer .field input:-webkit-autofill {
  padding: 2.2rem 1.5rem 0.8rem 2rem;
  margin: var(--inputs-border-width);
}

.field__input::-webkit-search-cancel-button,
.customer .field input::-webkit-search-cancel-button {
  display: none;
}

.field__input::placeholder,
.customer .field input::placeholder {
  opacity: 0;
}

.field__button {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: currentColor;
  cursor: pointer;
  display: flex;
  height: 4.4rem;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.4rem;
}

.field__button > svg {
  height: 2.5rem;
  width: 2.5rem;
}

.field__input:-webkit-autofill ~ .field__button,
.field__input:-webkit-autofill ~ .field__label,
.customer .field input:-webkit-autofill ~ label {
  color: rgb(0, 0, 0);
}

/* Text area */

.text-area {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  min-height: 10rem;
  resize: none;
}

input[type='checkbox'] {
  display: inline-block;
  width: auto;
  margin-right: 0.5rem;
}

/* Form global */

.form__label {
  display: block;
  margin-bottom: 0.6rem;
}

.form__message {
  align-items: center;
  display: flex;
  font-size: 1.4rem;
  line-height: 1;
  margin-top: 1rem;
}

.form__message--large {
  font-size: 1.6rem;
}

.customer .field .form__message {
  font-size: 1.4rem;
  text-align: left;
}

.form__message .icon,
.customer .form__message svg {
  flex-shrink: 0;
  height: 1.3rem;
  margin-right: 0.5rem;
  width: 1.3rem;
}

.form__message--large .icon,
.customer .form__message svg {
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 1rem;
}

.customer .field .form__message svg {
  align-self: start;
}

.form-status {
  margin: 0;
  font-size: 1.6rem;
}

.form-status-list {
  padding: 0;
  margin: 2rem 0 4rem;
}

.form-status-list li {
  list-style-position: inside;
}

.form-status-list .link::first-letter {
  text-transform: capitalize;
}

/* component-quantity */
.quantity {
  color: rgba(var(--color-foreground));
  position: relative;
  width: calc(14rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
  display: flex;
  border-radius: var(--inputs-radius);
  min-height: calc((var(--inputs-border-width) * 2) + 4.5rem);
}

.quantity:after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.quantity:before {
  background: rgb(var(--color-background));
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-base-text), var(--inputs-shadow-opacity));
  z-index: -1;
}

.quantity__input {
  color: currentColor;
  font-size: 1.4rem;
  font-weight: 500;
  opacity: 0.85;
  text-align: center;
  background-color: transparent;
  border: 0;
  padding: 0 0.5rem;
  width: 100%;
  flex-grow: 1;
  -webkit-appearance: none;
  appearance: none;
}

.quantity__button {
  width: calc(4.5rem / var(--font-body-scale));
  flex-shrink: 0;
  font-size: 1.8rem;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--color-foreground));
  padding: 0;
}

.quantity__button:first-child {
  margin-left: calc(var(--inputs-border-width));
}

.quantity__button:last-child {
  margin-right: calc(var(--inputs-border-width));
}

.quantity__button svg {
  width: 1rem;
  pointer-events: none;
}

.quantity__button:focus-visible,
.quantity__input:focus-visible {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.quantity__button:focus,
.quantity__input:focus {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.quantity__button:not(:focus-visible):not(.focused),
.quantity__input:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
  background-color: inherit;
}

.quantity__input:-webkit-autofill,
.quantity__input:-webkit-autofill:hover,
.quantity__input:-webkit-autofill:active {
  box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
  -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
}

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

.quantity__input[type='number'] {
  -moz-appearance: textfield;
}

/* component-modal */
.modal__toggle {
  list-style-type: none;
}

.no-js details[open] .modal__toggle {
  position: absolute;
  z-index: 5;
}

.modal__toggle-close {
  display: none;
}

.no-js details[open] svg.modal__toggle-close {
  display: flex;
  z-index: 1;
  height: 1.7rem;
  width: 1.7rem;
}

.modal__toggle-open {
  display: flex;
}

.no-js details[open] .modal__toggle-open {
  display: none;
}

.no-js .modal__close-button.link {
  display: none;
}

.modal__close-button.link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0rem;
  height: 4.4rem;
  width: 4.4rem;
  background-color: transparent;
}

.modal__close-button .icon {
  width: 1.7rem;
  height: 1.7rem;
}

.modal__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(var(--color-background));
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
}

.media-modal {
  cursor: zoom-out;
}

.media-modal .deferred-media {
  cursor: initial;
}

/* component-cart-count-bubble */
.cart-count-bubble:empty {
  display: none;
}

.cart-count-bubble {
  position: absolute;
  background-color: rgb(var(--color-button));
  color: rgb(var(--color-button-text));
  height: 1.7rem;
  width: 1.7rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9rem;
  bottom: 0.8rem;
  left: 2.2rem;
  line-height: calc(1 + 0.1 / var(--font-body-scale));
}

/* section-announcement-bar */
#shopify-section-announcement-bar {
  z-index: 4;
}

.announcement-bar {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  color: rgb(var(--color-foreground));
}

.announcement-bar__link {
  display: block;
  width: 100%;
  padding: 1rem 2rem;
  text-decoration: none;
}

.announcement-bar__link:hover {
  color: rgb(var(--color-foreground));
  background-color: rgba(var(--color-card-hover), 0.06);
}

.announcement-bar__link .icon-arrow {
  display: inline-block;
  pointer-events: none;
  margin-left: 0.8rem;
  vertical-align: middle;
  margin-bottom: 0.2rem;
}

.announcement-bar__link .announcement-bar__message {
  padding: 0;
}

.announcement-bar__message {
  text-align: center;
  padding: 1rem 2rem;
  margin: 0;
  letter-spacing: 0.1rem;
}

/* section-header */
#shopify-section-header {
  z-index: 3;
}

.shopify-section-header-sticky {
  position: sticky;
  top: 0;
}

.shopify-section-header-hidden {
  transform: translateY(-100%);
}

.shopify-section-header-hidden.menu-open {
  transform: translateY(0);
}

#shopify-section-header.animate {
  transition: transform 0.15s ease-out;
}

/* Main Header Layout */
.header-wrapper {
  display: block;
  position: relative;
  background-color: rgb(var(--color-background));
}

.header-wrapper--border-bottom {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

.header {
  display: grid;
  grid-template-areas: 'left-icon heading icons';
  grid-template-columns: 1fr 2fr 1fr;
  align-items: center;
}

@media screen and (min-width: 990px) {
  .header--top-left,
  .header--middle-left:not(.header--has-menu) {
    grid-template-areas:
      'heading icons'
      'navigation navigation';
    grid-template-columns: 1fr auto;
  }

  .header--middle-left {
    grid-template-areas: 'heading navigation icons';
    grid-template-columns: auto auto 1fr;
    column-gap: 2rem;
  }

  .header--top-center {
    grid-template-areas:
      'left-icon heading icons'
      'navigation navigation navigation';
  }

  .header:not(.header--middle-left) .header__inline-menu {
    margin-top: 1.05rem;
  }
}

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

.header__heading {
  margin: 0;
  line-height: 0;
}

.header > .header__heading-link {
  line-height: 0;
}

.header__heading,
.header__heading-link {
  grid-area: heading;
  justify-self: center;
}

.header__heading-link {
  display: inline-block;
  padding: 0.75rem;
  text-decoration: none;
  word-break: break-word;
}

.header__heading-link:hover .h2 {
  color: rgb(var(--color-foreground));
}

.header__heading-link .h2 {
  line-height: 1;
  color: rgba(var(--color-foreground), 0.75);
}

.header__heading-logo {
  height: auto;
  width: 100%;
}

@media screen and (max-width: 989px) {
  .header__heading,
  .header__heading-link {
    text-align: center;
  }
}

@media screen and (min-width: 990px) {
  .header__heading-link {
    margin-left: -0.75rem;
  }

  .header__heading,
  .header__heading-link {
    justify-self: start;
  }

  .header--top-center .header__heading-link,
  .header--top-center .header__heading {
    justify-self: center;
    text-align: center;
  }
}

/* Header icons */
.header__icons {
  display: flex;
  grid-area: icons;
  justify-self: end;
}

.header__icon:not(.header__icon--summary),
.header__icon span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__icon {
  color: rgb(var(--color-foreground));
}

.header__icon span {
  height: 100%;
}

.header__icon::after {
  content: none;
}

.header__icon:hover .icon,
.modal__close-button:hover .icon {
  transform: scale(1.07);
}

.header__icon .icon {
  height: 2rem;
  width: 2rem;
  fill: none;
  vertical-align: middle;
}

.header__icon,
.header__icon--cart .icon {
  height: 4.4rem;
  width: 4.4rem;
  padding: 0;
}

.header__icon--cart {
  position: relative;
  margin-right: -1.2rem;
}

@media screen and (max-width: 989px) {
  menu-drawer ~ .header__icons .header__icon--account {
    display: none;
  }
}

.header__icon--menu[aria-expanded="true"]::before {
  content: "";
  top: 100%;
  left: 0;
  height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
  width: 100%;
  display: block;
  position: absolute;
  background: rgba(var(--color-foreground), 0.5);
}

/* Search */
menu-drawer + .header__search {
  display: none;
}

.header > .header__search {
  grid-area: left-icon;
  justify-self: start;
}

.header:not(.header--has-menu) * > .header__search {
  display: none;
}

.header__search {
  display: inline-flex;
  line-height: 0;
}

.header--top-center > .header__search {
  display: none;
}

.header--top-center * > .header__search {
  display: inline-flex;
}

@media screen and (min-width: 990px) {
  .header:not(.header--top-center) * > .header__search,
  .header--top-center > .header__search {
    display: inline-flex;
  }

  .header:not(.header--top-center) > .header__search,
  .header--top-center * > .header__search {
    display: none;
  }
}

.no-js .predictive-search {
  display: none;
}

details[open] > .search-modal {
  opacity: 1;
  animation: animateMenuOpen var(--duration-default) ease;
}

details[open] .modal-overlay {
  display: block;
}

details[open] .modal-overlay::after {
  position: absolute;
  content: '';
  background-color: rgb(var(--color-foreground), 0.5);
  top: 100%;
  left: 0;
  right: 0;
  height: 100vh;
}

.no-js details[open] > .header__icon--search {
  top: 1rem;
  right: 0.5rem;
}

.search-modal {
  opacity: 0;
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  min-height: calc(100% + var(--inputs-margin-offset) + (2 * var(--inputs-border-width)));
  height: 100%;
}

.search-modal__content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 5rem 0 1rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  position: relative;
}

.search-modal__content-bottom {
  bottom: calc((var(--inputs-margin-offset) / 2) );
}

.search-modal__content-top {
  top: calc((var(--inputs-margin-offset) / 2) );
}

.search-modal__form {
  width: 100%;
}

.search-modal__close-button {
  position: absolute;
  right: 0.3rem;
}

@media screen and (min-width: 750px) {
  .search-modal__close-button {
    right: 1rem;
  }

  .search-modal__content {
    padding: 0 6rem;
  }
}

@media screen and (min-width: 990px) {
  .search-modal__form {
    max-width: 47.8rem;
  }

  .search-modal__close-button {
    position: initial;
    margin-left: 0.5rem;
  }
}

/* Header menu drawer */
.header__icon--menu .icon {
  display: block;
  position: absolute;
  opacity: 1;
  transform: scale(1);
  transition: transform 150ms ease, opacity 150ms ease;
}

details:not([open]) > .header__icon--menu .icon-close,
details[open] > .header__icon--menu .icon-hamburger {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.8);
}

.js details[open]:not(.menu-opening) > .header__icon--menu .icon-close {
  visibility: hidden;
}

.js details[open]:not(.menu-opening) > .header__icon--menu .icon-hamburger {
  visibility: visible;
  opacity: 1;
  transform: scale(1.07);
}

.js details > .header__submenu {
  opacity: 0;
  transform: translateY(-1.5rem);
}

details[open] > .header__submenu {
  animation: animateMenuOpen var(--duration-default) ease;
  animation-fill-mode: forwards;
  z-index: 1;
}

@media (prefers-reduced-motion) {
  details[open] > .header__submenu {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Header menu */
.header__inline-menu {
  margin-left: -1.2rem;
  grid-area: navigation;
  display: none;
}

.header--top-center .header__inline-menu,
.header--top-center .header__heading-link {
  margin-left: 0;
}

@media screen and (min-width: 990px) {
  .header__inline-menu {
    display: block;
  }

  .header--top-center .header__inline-menu {
    justify-self: center;
  }

  .header--top-center .header__inline-menu > .list-menu--inline {
    justify-content: center;
  }

  .header--middle-left .header__inline-menu {
    margin-left: 0;
  }
}

.header__menu {
  padding: 0 1rem;
}

.header__menu-item {
  padding: 1.2rem;
  text-decoration: none;
  color: rgba(var(--color-foreground), 0.75);
}

.header__menu-item:hover {
  color: rgb(var(--color-foreground));
}

.header__menu-item span {
  transition: text-decoration var(--duration-short) ease;
}

.header__menu-item:hover span {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

details[open] > .header__menu-item {
  text-decoration: underline;
}

details[open]:hover > .header__menu-item {
  text-decoration-thickness: 0.2rem;
}

details[open] > .header__menu-item .icon-caret {
  transform: rotate(180deg);
}

.header__active-menu-item {
  transition: text-decoration-thickness var(--duration-short) ease;
  color: rgb(var(--color-foreground));
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.header__menu-item:hover .header__active-menu-item {
  text-decoration-thickness: 0.2rem;
}

.header__submenu {
  transition: opacity var(--duration-default) ease,
    transform var(--duration-default) ease;
}

.global-settings-popup,
.header__submenu.global-settings-popup {
  border-radius: var(--popup-corner-radius);
  border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  border-style: solid;
  border-width: var(--popup-border-width);
  box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
}

.header__submenu.list-menu {
  padding: 2.4rem 0;
}

.header__submenu .header__submenu {
  background-color: rgba(var(--color-foreground), 0.03);
  padding: 0.5rem 0;
  margin: 0.5rem 0;
}

.header__submenu .header__menu-item:after {
  right: 2rem;
}

.header__submenu .header__menu-item {
  justify-content: space-between;
  padding: 0.8rem 2.4rem;
}

.header__submenu .header__submenu .header__menu-item {
  padding-left: 3.4rem;
}

.header__menu-item .icon-caret {
  right: 0.8rem;
}

.header__submenu .icon-caret {
  flex-shrink: 0;
  margin-left: 1rem;
  position: static;
}

header-menu > details,
details-disclosure > details {
  position: relative;
}

@keyframes animateMenuOpen {
  0% {
    opacity: 0;
    transform: translateY(-1.5rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.overflow-hidden-mobile,
.overflow-hidden-tablet {
  overflow: hidden;
}

@media screen and (min-width: 750px) {
  .overflow-hidden-mobile {
    overflow: auto;
  }
}

@media screen and (min-width: 990px) {
  .overflow-hidden-tablet {
    overflow: auto;
  }
}

.badge {
  border: 1px solid transparent;
  border-radius: var(--badge-corner-radius);
  display: inline-block;
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  line-height: 1;
  padding: 0.5rem 1.3rem 0.6rem 1.3rem;
  text-align: center;
  background-color: rgb(var(--color-badge-background));
  border-color: rgba(var(--color-badge-border), var(--alpha-badge-border));
  color: rgb(var(--color-foreground));
  word-break: break-word;
}

.gradient {
  background: rgb(var(--color-background));
  background: var(--gradient-background);
  background-attachment: fixed;
}

@media screen and (forced-colors: active) {
  .icon {
    color: CanvasText;
    fill: CanvasText !important;
  }

  .icon-close-small path {
    stroke: CanvasText;
  }
}

.ratio {
  display: flex;
  position: relative;
  align-items: stretch;
}

.ratio::before {
  content: '';
  width: 0;
  height: 0;
  padding-bottom: var(--ratio-percent);
}

.content-container {
  border-radius: var(--text-boxes-radius);
  border: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
  position: relative;
}

.content-container:after {
  content: '';
  position: absolute;
  top: calc(var(--text-boxes-border-width) * -1);
  right: calc(var(--text-boxes-border-width) * -1);
  bottom: calc(var(--text-boxes-border-width) * -1);
  left: calc(var(--text-boxes-border-width) * -1);
  border-radius: var(--text-boxes-radius);
  box-shadow: var(--text-boxes-shadow-horizontal-offset)
    var(--text-boxes-shadow-vertical-offset)
    var(--text-boxes-shadow-blur-radius)
    rgba(var(--color-shadow), var(--text-boxes-shadow-opacity));
  z-index: -1;
}

.content-container--full-width:after {
  left: 0;
  right: 0;
  border-radius: 0;
}

@media screen and (max-width: 749px) {
  .content-container--full-width-mobile {
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
  .content-container--full-width-mobile:after {
    display: none;
  }
}

.global-media-settings {
  position: relative;
  border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
  border-radius: var(--media-radius);
  overflow: visible !important;
  background-color: rgb(var(--color-background));
}

.global-media-settings:after {
  content: '';
  position: absolute;
  top: calc(var(--media-border-width) * -1);
  right: calc(var(--media-border-width) * -1);
  bottom: calc(var(--media-border-width) * -1);
  left: calc(var(--media-border-width) * -1);
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow), var(--media-shadow-opacity));
  z-index: -1;
}

.global-media-settings--no-shadow {
  overflow: hidden !important;
}

.global-media-settings--no-shadow:after {
  content: none;
}

.global-media-settings img,
.global-media-settings iframe,
.global-media-settings model-viewer,
.global-media-settings video {
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

.content-container--full-width,
.global-media-settings--full-width,
.global-media-settings--full-width img {
  border-radius: 0;
  border-left: none;
  border-right: none;
}

/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
  .grid {
    margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing));
  }

  .grid__item {
    padding-left: var(--grid-mobile-horizontal-spacing);
    padding-bottom: var(--grid-mobile-vertical-spacing);
  }

  @media screen and (min-width: 750px) {
    .grid {
      margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing));
    }

    .grid__item {
      padding-left: var(--grid-desktop-horizontal-spacing);
      padding-bottom: var(--grid-desktop-vertical-spacing);
    }
  }

  .grid--gapless .grid__item {
    padding-left: 0;
    padding-bottom: 0;
  }

  @media screen and (min-width: 749px) {
    .grid--peek .grid__item {
      padding-left: var(--grid-mobile-horizontal-spacing);
    }
  }

  .product-grid .grid__item {
    padding-bottom: var(--grid-mobile-vertical-spacing);
  }

  @media screen and (min-width: 750px) {
    .product-grid .grid__item {
      padding-bottom: var(--grid-desktop-vertical-spacing);
    }
  }
}

.font-body-bold {
  font-weight: var(--font-body-weight-bold);
}
/**
* ----------------------------------------------------------------------------------------------
* This is a variation of Normalize.css (http://necolas.github.io/normalize.css/)
* ----------------------------------------------------------------------------------------------
*/

/**
* Base
*/

*,
*:before,
*:after {
  box-sizing: border-box !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

body {
  margin: 0;
}
body.js-drawer-open{
  overflow: hidden;

}


/*29-11-19 start*/
.slick-track .slideshow__slide.slick-slide.slick-current.slick-active {
  background-size: 100%;
  background-repeat: no-repeat;
}
/*29-11-19 end*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

/**
* HTML5 display definitions
*/

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

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

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
* Text-level semantic
*/

:focus,
:active {
  outline: none;
}

a {
  color: inherit;
  background-color: transparent;
  text-decoration: none;

  &:active,
  &:hover {
    outline: 0;
  }
}

b,
strong {
  font-weight: bold;
  word-spacing: 1px;
}

small {
  font-size: 80%;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  font-size: inherit;
}

p:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
  margin-bottom: 0;
}

/**
* Embedded content
*/

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

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



/**
* Grouping content
*/

ul,
ol {
  margin: 0;
  padding: 0;
  list-style-position: inside;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 16px;
  font-size: 1rem;
}

/**
* Forms
*/

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





button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

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

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

input[type="search"] {
  -webkit-appearance: none;
  box-sizing: content-box;
}

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  margin: 0 0.125rem;
  padding: 6px 10px 12px;
  padding: 0.375rem 0.625rem 0.75rem;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}
.cartrow {
  float: left;
  width: 100%;
  padding: 3% 1% !important;}

button.above-cart{max-width:100% !important; font-size: 1.5rem !important;}

.cusabt li{    list-style-position: outside;}

div#tabs strong {
  color: #000000;
}
div#tabs strong span {
  color: #000000 !important;
}
div#tabs p span {
  color: #000000 !important;
}

/*******404 error********/

.text-center{text-align: center;
  color:#000;}

.text-center h3{font-size: 18px !important;}

.text-center h4{color:#000 !important;}
.img-error{width:100%; margin-bottom: 0rem !important;}
.ret{color:#000 !important;}

.readynew {border:1px solid #ddd7d7 !important;}
.lowj{        width: 632px;
  margin: auto; color:#000 !important;}
.errorr{font-size: 19px !important;;
  font-weight: bold !important;;
  color: #000 !important;}

.click-b{    
  background: #c92732;
  border: none;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  color: #fff;
  padding: 6px;}
.click-b  {color:#fff !important;;}
.click-b:hover {color:#fff !important;;}
.header__push-title{color:#000 !important; font-weight:bold;}

.cusabt ul li {list-style-position:outside !important;}





/**
* Tables
*/

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

td,
th {
  padding: 0;
}
.slick-slider {
  display: block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;

  &:focus {
    outline: none;
  }

  &.dragging {
    cursor: pointer;
  }
}

.slick-track,
.slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.index-module__free-text-2 span, .index-module__free-text-2 b i{
  font-style:normal !important;
  font-weight: inherit;}
.index-module__free-text-2 span, .index-module__free-text-2 b {
  font-style:normal !important;
  font-weight: inherit;}

.slick-track {
  display: block;
  position: relative;
  top: 0;
  left: 0;

  &:before,
  &:after {
    display: table;
    content: '';
  }

  &:after {
    clear: both;
  }
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  overflow: hidden;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.bc-sf-filter-toolbar-item{ min-width: 14.333% !important;}


.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block !important;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.revstr {
  display: none !important;

}

#CartDrawer span.total b {
  float: right;
}
.cartcolnew22 {
  float: left;
  width: 50% !important;
  padding-left: 10px;
  text-align: left;
  margin-left: -2px !important;
}

.ajaxcart__qty-remove {

  margin-left: -20px !important;
}
.jdgm-carousel__left-arrow{display:none !important;}
.jdgm-carousel__right-arrow{display:none !important;}

p.cartprice {
  margin-left: -30px !important;
}
.custom-left {
  width: 35%;
  float: right;
  /*margin-top: -50%;*/
  border-left: 1px solid #11111159;
}

.custom-right {
  width: 65%;
  float:left;
  /*border-left:1px solid grey;*/
}

.custom-left .jdgm-carousel-item {
  width: 100% !important; 
  /*     margin-left: -2px; */
  margin-top: 36px;
}
$tablet: 48em;
$large-tablet: 60em;
$desktop: 75em;
$large-desktop: 100em;

@mixin breakpoint($point) {
  @if $point == tablet {
    @media (min-width: $tablet) {
      @content;
    }
  }
  @else if $point == large-tablet {
    @media (min-width: $large-tablet) {
      @content;
    }
  }
  @else if $point == desktop {
    @media (min-width: $desktop) {
      @content;
    }
  }
  @else if $point == large-desktop {
    @media (min-width: $large-tablet) {
      @content;
    }
  }
  @else if $point == mobile-only {
    @media (max-width: $tablet - 0.1em) {
      @content;
    }
  }
  @else if $point == tablet-only {
    @media (min-width: $tablet) and (max-width: $desktop - 0.1em) {
      @content;
    }
  }
  @else if $point == desktop-only {
    @media (min-width: $desktop) {
      @content;
    }
  }
}

@mixin clearfix {
  &::after {
    content: '';
    display: table;
    clear: both;
  }
}

.clearfix {
  @include clearfix();
}

@mixin gallery($items-per-row, $gutter-in-px) {
  $gutter-in-px: $gutter-in-px + 0px;

  float: left;
  width: calc(#{percentage(1 / $items-per-row)} + #{(($gutter-in-px / $items-per-row) - $gutter-in-px)});
margin-left: $gutter-in-px;

/*
This beautiful code allows to remove the bottom margin on unbalanced grid. For instance, if you have
a 3x3 grids, but the last row only has one product, it will remove the margin JUST for this last one,
and not the latest 3 ones
*/
&:nth-child(#{$items-per-row}n+1):nth-last-child(-n+#{$items-per-row}),
&:nth-child(#{$items-per-row}n+1):nth-last-child(-n+#{$items-per-row}) ~ * {
  margin-bottom: 0;
}
}

@mixin span($col-count, $gutter-in-px, $is-last: false) {
  $unit: 100% / 12;
  $gutter-in-px: $gutter-in-px + 0px;

  float: left;
  margin-right: $gutter-in-px;

  @if $is-last {
    width: calc(#{percentage($col-count / 12)});
} @else {
  width: calc(#{percentage($col-count / 12)} - #{$gutter-in-px});
}

@if $is-last {
  @include last();
}
}

@mixin last() {
  float: right !important;
  margin-right: 0 !important;
}
@function dark-or-light-color($color) {
  @if (lightness($color) > 70) {
    @return #000000; /* Lighter background, return dark color */
  } @else {
    @return #ffffff; /* Darker background, return light color */
  }
}

/**
* COLORS
*/

$background     : {{settings.background}};
$heading-color  : {{settings.heading_color}};
$text-color     : {{settings.text_color}};
$accent-color   : {{settings.accent_color}};
$border-color   : {{settings.border_color}};

$primary-button-color       : {{settings.primary_button_color}};
$primary-button-background  : {{settings.primary_button_background}};
$secondary-button-color     : {{settings.secondary_button_color}};
$secondary-button-background: {{settings.secondary_button_background}};

$top-bar-color     : {{settings.top_bar_color}};
$top-bar-background: {{settings.top_bar_background}};

$popup-color : {{settings.popup_color}};

$footer-background  : {{settings.footer_background}};
$footer-border-color: {{settings.footer_border_color}};
$footer-title-color : {{settings.footer_title_color}};
$footer-text-color  : {{settings.footer_text_color}};

/**
* TYPOGRAPHY
*/

{% if settings.heading_font contains 'Google' %}
{% assign font_parts = settings.heading_font | split: '_' %}
$heading-font: {{font_parts[1] | replace: '+', ' ' }};
{% else %}
$heading-font: {{settings.heading_font}};
{% endif %}

{% if settings.text_font contains 'Google' %}
{% assign font_parts = settings.text_font | split: '_' %}
$text-font: {{font_parts[1] | replace: '+', ' ' }};
{% else %}
$text-font: {{settings.text_font}};
{% endif %}

$footer-font-factor: {{settings.footer_font_factor}};

{% if settings.slideshow_heading_font contains 'Google' %}
{% assign font_parts = settings.slideshow_heading_font | split: '_' %}
$slideshow-heading-font: {{font_parts[1] | replace: '+', ' ' }};
{% else %}
$slideshow-heading-font: {{settings.slideshow_heading_font}};
{% endif %}

{% if settings.slideshow_subheading_font contains 'Google' %}
{% assign font_parts = settings.slideshow_subheading_font | split: '_' %}
$slideshow-subheading-font: {{font_parts[1] | replace: '+', ' ' }};
{% else %}
$slideshow-subheading-font: {{settings.slideshow_subheading_font}};
{% endif %}

$slideshow-heading-font-factor   : {{settings.slideshow_heading_font_factor}};
$slideshow-subheading-font-factor: {{settings.slideshow_subheading_font_factor}};

/**
* HEADER
*/

$header-logo-max-width       : {{settings.header_logo_max_width | default: '100' | remove: 'px' | append: 'px'}};
$header-text-color           : {{settings.header_text_color}};
$header-background           : {{settings.header_background}};
$is-header-separated         : {{settings.header_separate_from_slider}};
$header-position             : {{settings.navigation_position}};

$navigation-use-image        : {{settings.navigation_horizontal_use_image}};

/**
* SLIDESHOW
*/

$is-slideshow-enabled         : {% if settings.index_module_1 == 'A' %}true{% else %}false{% endif %};
$slideshow-heading-color      : {{settings.slideshow_heading_color}};
$slideshow-subheading-color   : {{settings.slideshow_subheading_color}};
$slideshow-button-color       : {{settings.slideshow_button_color}};
$slideshow-button-background  : {{settings.slideshow_button_background}};

/**
* HOME PAGE
*/

$is-marketing-module-enabled             : {% if settings.index_module_2 == 'B' %}true{% else %}false{% endif %};
$is-marketing-module-enabled-on-mobile   : {{settings.marketing_module_enabled_on_mobile}};
$marketing-module-layout                 : {{settings.marketing_module_layout}};

$home-featured-products-1-color         : {{settings.home_featured_products_1_color}};
$home-featured-products-1-title-color   : {{settings.home_featured_products_1_product_title_color}};
$home-featured-products-1-background    : {{settings.home_featured_products_1_background}};
$home-featured-products-1-items-per-row : {{settings.home_featured_products_1_grid_items_per_row}};

$home-featured-products-2-color         : {{settings.home_featured_products_2_color}};
$home-featured-products-2-title-color   : {{settings.home_featured_products_2_product_title_color}};
$home-featured-products-2-background    : {{settings.home_featured_products_2_background}};
$home-featured-products-2-items-per-row : {{settings.home_featured_products_2_grid_items_per_row}};

$home-featured-collections-items-per-row : {{settings.home_featured_collections_grid_items_per_row}};
$home-featured-collections-color         : {{settings.home_featured_collections_color}};
$home-featured-collections-background    : {{settings.home_featured_collections_background}};

$home-free-text-1-color                  : {{settings.home_free_text_1_color}};
$home-free-text-1-background             : {{settings.home_free_text_1_background}};

$home-free-text-2-color                  : {{settings.home_free_text_2_color}};
$home-free-text-2-background             : {{settings.home_free_text_2_background}};

$home-newsletter-color                   : {{settings.home_newsletter_color}};
$home-newsletter-background              : {{settings.home_newsletter_background}};
$home-newsletter-input-background        : {{settings.home_newsletter_input_background}};

$home-instagram-color                    : {{settings.home_instagram_color}};
$home-instagram-background               : {{settings.home_instagram_background}};
$home-instagram-image-per-row            : {{settings.home_social_instagram_image_per_row}};
$home-instagram-show-on-mobile           : {{settings.home_social_instagram_show_mobile}};

$home-featured-blog-color                : {{settings.home_featured_blog_color}};
$home-featured-blog-background           : {{settings.home_featured_blog_background}};

/**
* LIST OF COLLECTIONS
*/

$list-collections-desktop-items-per-row : {{settings.list_collections_desktop_grid_items_per_row}};

/**
* COLLECTION
*/

$collection-desktop-items-per-row     : {{settings.collection_desktop_grid_items_per_row}};
$collection-description-color         : {{settings.collection_description_color}};
$collection-description-background    : {{settings.collection_description_background}};
$collection-show-border-around-images : {{settings.collection_show_border_around_images}};

/**
* PRODUCT
*/

$product-sold-out-background                    : {{settings.product_sold_out_background}};
$product-sold-out-color                         : dark-or-light-color({{settings.product_sold_out_background}});
$product-on-sale-background                     : {{settings.product_on_sale_background}};
$product-on-sale-color                          : dark-or-light-color({{settings.product_on_sale_background}});
$product-showcase-columns                       : {{settings.product_showcase_columns}};
$product-thumbnails-display                     : {{settings.product_thumbnails_display}};
$product-related-products-background            : {{settings.product_related_products_background}};
$product-related-products-desktop-items-per-row : {{settings.product_related_products_desktop_items_per_row}};
$product-related-products-number-of-rows        : {{settings.product_related_products_number_of_rows}};

/**
* BLOG
*/

$blog-description-color         : {{settings.collection_description_color}};
$blog-description-background    : {{settings.collection_description_background}};
/**
* Sticky footer, normalized to work on all browsers (http://philipwalton.com/articles/normalizing-cross-browser-flexbox-bugs/)
*/

.page__container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  /*min-height: 100vh;*/
  height: 100%;
  background: $background;
}

.top-bar,
.header__mobile-nav,
.header,
.footer {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.main {
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-top: 25px;
  margin-top: 1.5625rem;
  z-index:0;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  padding: 0 1.25rem;
}

.container--shrink {
  max-width: 680px;
}

.inner {
  margin: 0 auto;
  padding: 0 20px;
  padding: 0 1.25rem;
}

.main > .container > .inner {
  padding: 0;
}

.page__overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000000;
  opacity: 0;
  z-index: 5;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0s 0.3s;
}

.page__overlay--open {
  opacity: 0.6;
  visibility: visible;
  transition: opacity 0.3s;
}

@include breakpoint(tablet) {
  .main > .container > .inner {
    padding: 0 20px;
    padding: 0 1.25rem;
  }
}
body {
  font-size: 100%;
  font-weight: 400;
  font-family: $text-font;
  color: $text-color;
  line-height: 1.6;
}

a {
  transition: all 0.25s ease-in-out;
}

.link--primary {
  color: $accent-color;

  &:hover {
    color: darken($accent-color, 15%);
  }
}

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
}

/**
* Those next two rules allow to remove margin-top, this is easier to maintain to only act on the margin-bottom
*/

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  font-weight: inherit;
}

p:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
  margin-bottom: 0;
}

.list--unstyled {
  list-style: none;
  padding: 0;
  margin: 0;
}

.rte {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: $heading-color;
    font-family: $heading-font;
  }

  a {
    @extend .link--primary;
  }

  img {
    margin-bottom: 35px;
    margin-bottom: 2.1875rem;
  }

  blockquote {
    margin: 30px 0;
    margin: 1.875rem 0;
    padding: 35px;
    padding: 2.1875rem;
    background: $heading-color;
    color: $background;
    font-weight: bolder;
  }

  ul,
  ol {
    margin: 25px 0 25px 25px;
    margin: 1.5625rem 0 1.5625rem 1.5625rem;
  }

  h1 {
    font-size: 28px;
    font-size: 1.75rem;
  }

  h2 {
    font-size: 24px;
    font-size: 1.5rem;
  }

  h3 {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    font-size: 20px;
    font-size: 1.25rem;
  }

  h4 {
    margin-bottom: 14px;
    margin-bottom: 0.875rem;
    font-size: 18px;
    font-size: 1.125rem;
  }

  h5, h6 {
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    font-size: 16px;
    font-size: 1rem;
  }
}

/**
* Those two breakpoints allow to reduce the font-size of all texts as well as the margin and
* padding, thanks to the magic of REM
*/

html {
  font-size: 15px;
}

@include breakpoint(tablet) {
  html {
    font-size: 15px;
  }
}

@include breakpoint(desktop) {
  html {
    font-size: 16px;
  }
}
@font-face {
  font-family: 'icomoon';
  src:url('{{ 'icomoon.eot' | asset_url }}');
    src:url('{{ 'icomoon.eot?#iefix' | asset_url }}') format('embedded-opentype'),
      url('{{ 'icomoon.woff2' | asset_url }}') format('woff2'),
        url('{{ 'icomoon.ttf' | asset_url }}') format('truetype'),
          url('{{ 'icomoon.woff' | asset_url }}') format('woff');
            font-weight: normal;
            font-style: normal;
            }

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tick:before {
  content: '\e900';
}



.breadcrumb {
  display: none;
}

@include breakpoint(tablet) {
  .breadcrumb {
    display: inline-block;
    margin-bottom: 14px;
    margin-bottom: 0.875rem;
    vertical-align: top;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 0.75rem;
  }

  .breadcrumb__item {
    display: inline-block;
  }

  .breadcrumb__item:not(.breadcrumb__item--active) {
    color: rgba($heading-color, 0.4);

    &:hover {
      color: $heading-color;
    }

    &::after {
      display: inline-block;
      content: '/';
      margin: 0 3px;
      margin: 0 0.1875rem;
      transition: color 0.25s ease-in-out;
    }
  }
}
.alert {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  padding: 15px 20px 20px 20px;
  padding: 0.9375rem 1.25rem 1.25rem 1.25rem;
  border: 1px solid $border-color;
  border-radius: 4px;
  box-shadow: 1px 1px 2px $border-color;
}

.alert__title {
  position: relative;
  display: block;
  font-size: 20px;
  font-size: 1.25rem;

  &::before {
    position: absolute;
    content: '';
    width: 3px;
    width: 0.1875rem;
    height: 100%;
    left: -20px;
    left: -1.25rem;
    background: transparent;
  }
}

.alert__errors {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.alert--mono {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  padding: 10px 15px;
  padding: 0.625rem 0.9375rem;
  border-radius: 3px;
  border: none;
  box-shadow: none;
  text-align: left;

  .alert__title::before {
    display: none;
  }
}

.alert--error {
  .alert__title {
    color: #e9573f;

    &::before {
      background: #e9573f;
    }
  }
}

.alert--mono.alert--error {
  &, .alert__title {
    color: #ffffff;
  }

  background: #e9573f;
}

.alert--success {
  .alert__title {
    color: #0bb73a;

    &::before {
      background: #0bb73a;
    }
  }
}

.alert--mono.alert--success {
  &,
  .alert__title {
    color: #ffffff;
  }

  background: #0bb73a;
}

@include breakpoint(large-desktop) {
  .alert__title {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
input,
textarea {
  width: 100%;
  padding: 12px 15px;
  padding: 0rem 0.75rem;
  border-radius: 2px;
  border: 1px solid $border-color;
  font-size: inherit;
  -webkit-appearance: none; /* Remove the inner box-shadow in iOS devices */

  &:focus {
    border-color: #1790d3;
  }

  &::-webkit-input-placeholder {
    color: inherit;
  }

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

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

  &::placeholder {
    color: inherit;
  }
}

input[type="checkbox"] {
  width: 1em;
  height: 1em;
  margin-right: 15px;
  margin-right: 0.9375rem;
  -webkit-appearance: checkbox;

  & + .form__label {
    display: inline-block;
    vertical-align: 1px;
  }
}

textarea {
  display: block; /* Fix in inconsistency with Chrome/Safari */
  resize: vertical;
}

input:focus,
textarea:focus {
  outline: none;
}

.form--shrink {
  max-width: 500px;
  margin: 0 auto;
}

.form__control,
.form__row {
  position: relative;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  text-align: left;

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

.form__label {
  display: block;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  font-size: 14px;
  font-size: 0.875rem;
  //text-transform: uppercase;
  font-weight: bolder;
}

.form--inline {
  .form__control {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }

  .form__label {
    display: table-cell;
    margin: 0 10px 0 0;
    margin: 0 0.625rem 0 0;
    vertical-align: middle;

    & + input,
    & + textarea,
    & + .form__select {
      display: table-cell;
      width: 55%;
    }
  }
}

.form__submit-duo {
  input:last-child {
    margin-top: 10px;
    margin-top: 0.625rem;
  }
}

.flexbox .form__submit-duo {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  input {
    margin: 0 15px 0 0;
    margin: 0 0.9375rem 0 0;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }

  input[type="submit"] {
    margin: 0;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

@include breakpoint(tablet) {
  .flexbox .form__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    .form__control {
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin: 0 20px 0 0;
      margin: 0 1.25rem 0 0;
    }

    .form__control:last-child {
      margin-right: 0;
    }
  }
}

/**
* Style selects
*/

select {
  /* Disable built-in styles */
  -webkit-appearance: none;
  -moz-appearance: none;

  display: inline-block;
  width: 100%;
  height: 45px;
  height: 2.8125rem;
  padding-left: 15px;
  padding-left: 0.9375rem;
  padding-right: 45px;
  padding-right: 2.8125rem;
  border-radius: 2px;
  font-size: 14px;
  font-size: 0.875rem;
  cursor: pointer;
  text-transform: capitalize;
  line-height: normal;
  background: transparent;
  border: 1px solid $border-color;

  &:active, &:focus {
    outline: none;
  }

  /* Remove the ugly blue background on IE when a value is selected */
  &:focus::-ms-value {
    background: inherit;
    color: inherit;
  }

  .ie9 & {
    padding-right: 0; /* Allow to cover the arrow */
  }
}

/* Allow to remove the ugly dashes when selecting an option in Firefox */
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 $text-color;
}

/* Disable default styles for IE10+ */
select::-ms-expand {
  display: none;
}

/* Browsers do not support ::after pseudo-element on <select> elements, so we are forced
to wrap the <select> around an additional div */
.form__select {
  position: relative;
  border: none;

  .icon {
    position: absolute;
    top: calc(50% - 8px);
    top: calc(50% - 0.5rem);
    right: 15px;
    right: 0.9375rem;
    width: 18px;
    width: 1.125rem;
    height: 18px;
    height: 1.125rem;
    line-height: normal;
    pointer-events: none;
    fill: currentColor;
  }

  .ie9 & svg {
    display: none;
  }
}

.button {
  position: relative;
  display: inline-block;
  padding: 15px 40px;
  padding: 0.9375rem 2.5rem;
  line-height: normal;
  border: none;
  border-radius: 2px;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bolder;
  transition: all 0.25s ease-in-out;
  cursor: pointer;

  &[disabled] {
    opacity: 0.4;
    cursor: not-allowed;
  }
}

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

.button--small {
  padding: 12px 25px;
  padding: 0.75rem 1.5625rem;
}

.button--primary {
  color: $primary-button-color;
  background: $primary-button-background;

  &:hover {
    @if (lightness($primary-button-background) > 50%) {
      background: darken($primary-button-background, 15%);
    } @else {
      background: lighten($primary-button-background, 15%);
    }
  }
}

.button--secondary {
  color: $secondary-button-color;
  background: $secondary-button-background;

  &:hover {
    @if (lightness($secondary-button-background) > 50%) {
      background: darken($secondary-button-background, 15%);
    } @else {
      background: lighten($secondary-button-background, 15%);
    }
  }
}

.button-wrapper {
  text-align: center;
}
.b-modal {
  cursor: default !important;
}

.modal {
  position: relative;
  width: 90%;
  max-width: 600px;
  padding: 15px 20px;
  padding: 0.9375rem 1.25rem;
  border-radius: 4px;
  background-size: cover;
  background-color: $background;
  text-align: center;
  box-shadow: 0 0 4px rgba(#000000, 0.3);
  max-height: 620px;
  overflow: scroll;
  top:20px !important;
}

.modal__close {
  position: absolute;
  right: 15px;
  right: 0.9375rem;
  top: 15px;
  top: 0.9375rem;

  svg {
    width: 25px;
    width: 1.5625rem;
    height: 25px;
    height: 1.5625rem;
  }
}

.modal__title {
  margin: 0 0 30px 0;
  margin: 0 0 1.875rem 0;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bolder;
  color: $heading-color;
}

.modal__newsletter {
  margin: 50px auto 0 auto;
  margin: 3.125rem auto 0 auto;
  max-width: 420px;
  color: $text-color;

  input[type="email"] {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
}

/**
* Special code for the marketing popup
*/

.marketing-popup {
  &,
  .modal__title {
    color: $popup-color;
  }
}

@include breakpoint(tablet) {
  .modal {
    padding: 45px 50px;
    padding: 2.8125rem 3.125rem;
  }

  .modal__title {
    font-size: 30px;
    font-size: 1.875rem;
  }

  .modal__newsletter {
    .flexbox & .modal__form {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;

      input[type="email"] {
        margin: 0 15px 0 0;
        margin: 0 0.9375rem 0 0;
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2;
      }

      input[type="submit"] {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
      }
    }
  }
}

@include breakpoint(large-tablet) {
  .modal {
    width: 600px;
    width: 37.5rem;
  }
}
.header__mobile-icon .menu-text1{
  position: absolute;
  top: 13px;
  left: 0;
  width: 100%;
  text-align: center;
}


.hamburger {
  display: block;
  position: absolute;
  overflow: hidden;
  top: 10%;
  left: 50%;
  margin: 0 auto;
  padding: 0;
  width: 28px;
  width: 1.75rem;
  height: 35px;
  height: 2.1875rem;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  z-index: 3;
  background: none;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-tap-highlight-color: transparent;

  &:focus {
    outline: none;
  }

  span {
    display: block;
    position: absolute;
    top: 16px;
    top: 1rem;
    left: 0;
    right: 0;
    height: 2px;
    height: 0.125rem;
    background: #fff;
    transition: background 0s 0.2s;
  }

  span::before,
  span::after {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    height: 0.125rem;
    background-color: #fff;
    transition-duration: 0.2s, 0.2s;
    transition-delay: 0.2s, 0s;
  }

  span::before {
    top: -9px;
    top: -0.5625rem;
    transition-property: top, -webkit-transform;
    transition-property: top, transform;
  }

  span::after {
    bottom: -9px;
    bottom: -0.5625rem;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
  }
}

.header__mobile-tab--open .hamburger {
  span {
    background: none;
  }

  span::before,
  span::after {
    transition-delay: 0s, 0.2s;
    background: #fff;
  }

  span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
@-webkit-keyframes spinner-bounce {
  0%, 100% {
    -webkit-transform: scale(0.0);
    transform: scale(0.0);
  }

  50% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

@keyframes spinner-bounce {
  0%, 100% {
    -webkit-transform: scale(0.0);
    transform: scale(0.0);
  }

  50% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.spinner {
  position: relative;
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  margin: 25px auto;
  margin: 1.5625rem auto;
}

.spinner__bounce1, .spinner__bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: $text-color;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: spinner-bounce 2.0s infinite ease-in-out;
  animation: spinner-bounce 2.0s infinite ease-in-out;
}

.spinner__bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
#bc-sf-filter-top-sorting:before {
  top: 50%;
  margin-top: -5px;
  right: 16px;
  left: auto;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

#bc-sf-filter-top-sorting {
  position: relative;
}

@include breakpoint(tablet) {
  .spinner {
    margin: 40px auto;
    margin: 2.5rem auto;
  }
}
table {
  width: 100%;
  border: 1px solid $border-color;
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 4px;
  font-size: 15px;
  font-size: 0.9375rem;
  box-shadow: 0 1px 1px rgba($border-color, 0.6);
}

thead {
  text-align: left;
  text-transform: uppercase;
  font-size: 13px;
  font-size: 0.8125rem;
  color: $heading-color;

  th {
    padding: 10px 15px;
    padding: 0.625rem 0.9375rem;
    border-bottom: 1px solid $border-color;
    color: $background;
    background: $text-color;

    &:first-child {
      border-top-left-radius: 4px;
    }

    &:last-child {
      border-top-right-radius: 4px;
    }
  }
}

tbody {
  td {
    padding: 18px 15px;
    padding: 1.125rem 0.9375rem;
    border-bottom: 1px solid $border-color;
  }

  tr:last-child td {
    border-bottom: none;
  }
}

tfoot {
  td {
    padding: 10px 15px;
    padding: 0.625rem 0.9375rem;
    color: $background;
    background: $text-color;
  }

  tr:first-child td {
    border-top: 1px solid $border-color;
  }

  tr:last-child {
    td:first-child {
      border-bottom-left-radius: 4px;
    }

    td:last-child {
      border-bottom-right-radius: 4px;
    }
  }
}

.table--responsive {
  @include breakpoint(mobile-only) {
    border: none;
    box-shadow: none;

    thead,
    td:not([data-label]) {
      display: none;
    }

    tr {
      display: block;
      margin-bottom: 15px;
      margin-bottom: 0.9375rem;
      border: 1px solid $border-color;
      border-bottom: none;

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

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

    // IE9 table layout fixes
    tr,
    td {
      float: left;
      clear: both;
      width: 100%;
    }

    th,
    td {
      display: block;
      text-align: right !important;
      padding: 8px 15px;
      padding: 0.5rem 0.9375rem;
      border-right: none;
    }

    td:before {
      content: attr(data-label);
      float: left !important;
      font-size: 13px;
      font-size: 0.8125rem;
      padding-right: 10px;
      padding-right: 0.625rem;
      text-transform: uppercase;
    }

    tfoot {
      tr {
        margin-bottom: 0;
      }

      tr:first-child {
        margin-top: 25px;
        margin-top: 1.5625rem;
      }
    }
  }
}

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

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

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

.label {
  display: inline-block;
  padding: 6px 14px 4px 14px;
  padding: 0.375rem 0.875rem 0.25rem 0.875rem;
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: bolder;
}

.label--unavailable,
.label--sold-out {
  color: $product-sold-out-color;
  background: $product-sold-out-background;
}

.label--on-sale {
  color: $product-on-sale-color;
  background: $product-on-sale-background;
  font-size: 13px;
  margin: 0px;
  display: block;
  padding-bottom: 3px;
  padding-top: 4px;
  padding-left: 11px;
  padding-right: 11px;
}

.label--custom {
  color: $primary-button-color;
  background: $primary-button-background;
}
.top-bar {
  //display: none; /* Not visible on mobile */
  background-color:#3b5998;
}


@include breakpoint(tablet) {
  .top-bar {
    display: block;
    background: $top-bar-background;
    color: $top-bar-color;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: bolder;
    text-transform: uppercase;
  }

  .top-bar__container {
    padding-top: 8px;
    padding-top: 0.5rem;
    padding-bottom: 7px;
    padding-bottom: 0.4375rem;
  }

  .top-bar__contact {
    display: none;
  }
}

@include breakpoint(large-tablet) {
  .top-bar__contact {
    display: inline-block;
    float: right;
  }

  .top-bar__contact-item {
    display: inline-block;

    & + .top-bar__contact-item::before {
      display: inline-block;
      content: '|';
      padding: 0 10px;
      padding: 0 0.625rem;
      color: $top-bar-color;
    }
  }

  .top-bar__social {
    .social__item {
      display: inline-block;
      vertical-align: text-top;

      &:not(:last-child) {
        margin-right: 4px;
        margin-right: 0.25rem;
      }
    }

    svg {
      height: 14px;
      height: 0.875rem;
      width: 14px;
      width: 0.875rem;
    }
  }

  .top-bar__contact-item--faded,
  .top-bar__social a {
    color: rgba($top-bar-color, 0.6);
  }

  a.top-bar__contact-item--faded:hover,
  .top-bar__social a:hover {
    color: rgba($top-bar-color, 1);
  }
}
.pagination {
  margin-top: 35px;
  margin-top: 2.1875rem;
  width: 100%;
  clear: both;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bolder;
}

.pagination__prev,
.pagination__next {
  display: inline-block;
  padding: 20px 0;
  padding: 1.25rem 0;

  svg {
    vertical-align: middle;
  }
}

.pagination__prev {
  float: left;
  margin-right: 25px;
  margin-right: 1.5625rem;
  padding-right: 32px;
  padding-right: 2rem;

  svg {
    margin-right: 5px;
    margin-right: 0.3125rem;
  }
}

.pagination__next {
  float: right;
  margin-left: 25px;
  margin-left: 1.5625rem;
  padding-left: 32px;
  padding-left: 2rem;

  svg {
    margin-left: 5px;
    margin-left: 0.3125rem;
  }
}

.pagination__list {
  display: none;
}

@include breakpoint(tablet) {
  .pagination__prev,
  .pagination__next {
    float: none;
  }

  .pagination__prev {
    border-right: 1px solid rgba($border-color, 0.5);
  }

  .pagination__next {
    border-left: 1px solid rgba($border-color, 0.5);
  }

  .pagination__list,
  .pagination__item {
    display: inline-block;
    padding: 20px 0;
    padding: 1.25rem 0;
  }

  .pagination__item {
    margin: 0 18px;
    margin: 0 1.125rem;
  }

  .pagination__item--active {
    color: $heading-color;
  }
}

@include breakpoint(large-tablet) {
  .pagination__item {
    margin: 0 25px;
    margin: 0 1.5625rem;
  }
}
.video__wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  padding-top: 1.5625rem;
  height: 0;
}

.video__element {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.swatch__colors {
  text-align: right;
}

.swatch__item {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  margin-right: 0.3125rem;
  padding: 5px;
  padding: 0.3125rem;
  border: 1px solid $border-color;
  border-radius: 100%;
  cursor: pointer;

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

.swatch__item--active {
  border-color: $accent-color;

  &::after {
    position: absolute;
    content: '\e900';
    top: -10px;
    top: -0.625rem;
    right: -6px;
    right: -0.375rem;
    width: 18px;
    width: 1.125rem;
    height: 18px;
    height: 1.125rem;
    font-family: 'icomoon';
    line-height: 18px;
    color: #ffffff;
    background: $accent-color;
    border-radius: 10px;
    font-size: 7px;
    font-size: 0.4375rem;
    text-align: center;
  }
}

.swatch__input {
  display: none;
}

.swatch__label {
  height:18px;
  // height: 1.5625rem;
  width:18px !important;
  //width: 1.5625rem;
  margin: 0 !important;
  border-radius: 100%;
  pointer-events: none;
}

.flexbox {
  .swatch__colors {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: -5px -5px -5px 0;
    margin: -0.3125rem -0.3125rem -0.3125rem 0;
  }

  .swatch__item {
    margin: 3px;
    // margin: 0.3125rem;
  }
}
#shopify-product-reviews {
  overflow: visible !important;
}

.spr-container {
  border: none !important;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 !important;
}

.spr-header-title {
  display: none;
}

.spr-summary {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.spr-summary-starrating {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  margin: 0 0 20px 0 !important;
  margin: 0 0 1.25rem 0 !important;
}

.spr-summary-caption {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  color: $heading-color;
  font-weight: bolder;
  font-size: 20px;
  font-size: 1.25rem;
}

.spr-summary-actions {
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

.spr-icon-star,
.spr-icon-star-half-alt {
  color: #f4da4b;
}

.spr-icon-star-empty {
  color: $text-color;
  opacity: 1 !important;
}

.spr-summary-actions-newreview,
.spr-button-primary {
  @extend .button, .button--primary;
}

.spr-form-title {
  display: none;
}

.spr-form-contact-name,
.spr-form-contact-email,
.spr-form-review-rating,
.spr-form-review-title,
.spr-form-review-body {
  margin-bottom: 30px !important;
  margin-bottom: 1.875rem !important;
}

.spr-form-label {
  @extend .form__label;
}

.spr-form-actions {
  text-align: center;

  .spr-button {
    float: none;
  }
}

.spr-form-input-error {
  border-color: #e9573f !important;
}

.spr-form-input-error .spr-icon {
  color: #e9573f !important;
}

.spr-form-message {
  margin-bottom: 30px !important;
  margin-bottom: 1.875rem !important;
  padding: 10px 15px !important;
  padding: 0.625rem 0.9375rem !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}

.spr-form-message-error {
  color: #ffffff !important;
  background: #e9573f !important;
}

.spr-form-message-success {
  color: #ffffff !important;
  background: #0bb73a !important;
}

.spr-review {
  position: relative;
  margin-top: 0 !important;
  margin-bottom: 45px;
  margin-bottom: 2.8125rem;
  padding: 25px !important;
  padding: 1.5625rem !important;
  border: 1px solid $border-color !important;
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba($border-color, 0.6);
}

.spr-review-header-starratings {
  float: right;
}

.spr-review-header-title {
  color: $heading-color;
  font-weight: bolder;
  font-size: 18px;
  font-size: 1.125rem;
}

.spr-review-header-byline {
  margin-bottom: 20px !important;
  margin-bottom: 1.25rem !important;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bolder;
  font-style: normal !important;
  opacity: 1 !important;
}

.spr-review-content {
  margin-bottom: 0 !important;
}

.spr-review-footer {
  position: absolute;
  right: 0;
  bottom: -25px;
  bottom: -1.5625rem;
}

.spr-pagination {
  margin-top: 55px;
  margin-top: 3.4375rem;
  clear: both;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

@include breakpoint(tablet) {
  .spr-container {
    padding-top: 10px !important;
    padding-top: 0.625rem !important;
  }

  .spr-summary {
    display: block;
  }

  .spr-summary-starrating {
    display: inline-block;
    margin: 2px 0 0 0 !important;
    margin: 0.125rem 0 0 0 !important;
  }

  .spr-summary-caption {
    float: left;
    margin: 0 20px 0 0;
    margin: 0 1.25rem 0 0;
    color: $heading-color;
    font-weight: bolder;
    font-size: 20px;
    font-size: 1.25rem;
  }

  .spr-summary-actions-newreview {
    margin-top: -7px;
    margin-top: -0.4375rem;
  }

  .spr-reviews {
    @include clearfix();
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 45px !important;
    margin-top: 2.8125rem !important;
  }

  .spr-review {
    @include gallery(2, 35px);
    margin-bottom: 65px;
    margin-bottom: 4.0625rem;
    box-shadow: 0 10px 45px 5px rgba($border-color, 0.6);

    &:nth-child(2n+1) {
      clear: both;
      margin-left: 0;
    }
  }
}
/**
* Navigation
*/

.menu--desktop {
  display: none;
}

.menu--mobile {
  .menu__item {
    position: relative;
    border-bottom: 1px solid rgba($header-background, 0.5);

    &:last-child {
      border-bottom: none;
    }
  }

  .menu__link {
    position: relative;
    display: block;
    padding: 13px 18px 13px 60px;
    text-align: left;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: lighter;
    text-transform: uppercase;
    transition: none;
    color: #000000;
  }

  .icon-plus,
  .icon-minus {
    margin: 0 auto;
    width: 30px;
    width: 1.875rem;
    height: 100%;
  }

  .icon-minus {
    display: none;
  }

  .menu__icon-container {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 60px;
    width: 3.75rem;
    text-align: center;
    &.dropdown{
      left: auto;
      right: 0;
    }
  }

  .menu__item--open {
    & > .menu__link {
      .icon-plus {
        display: none;
      }

      .icon-minus {
        display: block;
      }
    }
  }

  .menu__links--level-1 {
    background: $header-background;
    color: $header-text-color;

    .menu__item {
      border-bottom-color: $header-text-color;
    }

    .menu__link {
      padding-left: 35px;
      padding-left: 2.1875rem;
    }
  }

  .menu__links--level-2 {
    background: $header-text-color;
    color: $header-background;

    .menu__item {
      border-bottom-color: $header-background;
    }

    .menu__link {
      padding-left: 45px;
      padding-left: 2.8125rem;
    }
  }
}

.menu__links--nested {
  display: none;
}

@include breakpoint(tablet) {
  .menu--desktop {
    display: block;
    //margin: 30px 0 0 0;
    // margin: 1.875rem 0 0 0;
    clear: both;
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center;
    margin-left:15px;
    padding-right:1%;

    .menu__item {
      position: relative;
      display: inline-block;
      margin-right: 15px;
      margin-right: 0.9375rem;
      text-transform: uppercase;
      font-weight: bolder;
      transition: opacity 0.25s ease-in-out;

      &:last-child {
        margin-right: 0;

        a {
          vertical-align: middle;
        }
      }
    }

    .menu__item--has-submenu {
      & > .menu__link::after {
        content: '';
        margin-left: 2px;
        margin-left: 0.125rem;
        display: inline-block;
        height: 0;
        width: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid $header-text-color;
        vertical-align: middle;
      }

      @media (max-width: 1025px) {
        .touchevents & > .menu__link {
          pointer-events: none; /* This prevent click on touch devices, so that dropdown can be opened */
        }
      }
    }

    .menu__link {
      padding-bottom: 15px;
      padding-bottom: 0.9375rem;

    }

    .menu__item:hover .menu__link,
    .menu__item--active .menu__link {
      opacity: 1;
    }

    .menu__links--nested {
      position: absolute;
      left: 0;
      top: 0;
      min-width: 150px;
      padding: 10px 0;
      padding: 0.625rem 0;
      background: $header-background;
      color: $header-text-color;
      border: 1px solid $header-text-color;
      white-space: nowrap;
      text-align: left;
      z-index: 3;

      .menu__item {
        display: block;
        margin: 0;
        padding: 0;
      }

      .menu__link {
        display: block;
        margin: 0;
        padding: 4px 30px 4px 15px;
        padding: 0.25rem 1.875rem 0.25rem 0.9375rem;
        font-weight: normal;
        font-size: 15px;
        font-size: 0.9375rem;
        text-transform: none;
        transition: none;
        opacity: 1;
      }

      .menu__item:hover {
        color: $header-background;
        background: $header-text-color;
      }
    }

    .menu__item--has-submenu:hover {
      & > .menu__links {
        display: block;
      }

      & ~ .menu__item {
        pointer-events: none;
      }
    }

    .menu__links--level-1 {
      top: 100%;
      left: 0;
      margin-top: 8px;
      margin-top: 0.5rem;

      &::before {
        position: absolute;
        content: '';
        left: 15px;
        left: 0.9375rem;
        top: -6px;
        top: -0.375rem;
        height: 0;
        width: 0;
        border-left: 7.5px solid transparent;
        border-right: 7.5px solid transparent;
        border-bottom: 7.5px solid $header-background;
        -webkit-filter: drop-shadow(0 -2px $header-text-color);
        filter: drop-shadow(0 -2px $header-text-color);
      }

      .menu__link::after {
        position: absolute;
        right: 10px;
        right: 0.625rem;
        top: 12px;
        top: 0.75rem;
        border-left: 4px solid $header-text-color;
        border-bottom: 4px solid transparent;
        border-top: 4px solid transparent;
      }

      .menu__item:hover .menu__link::after {
        border-left-color: $header-background;
      }
    }

    .menu__links--level-2 {
      top: -11px;
      top: -0.6875rem;
      left: 100%;

      .menu__link::after {
        display: none;
      }
    }

    .mega-nav {
      padding: 15px 0;
      padding: 0.9375rem 0;
      left: -225px !important;
      left: -14.0625rem !important;
      white-space: nowrap;

      @if $navigation-use-image {
        left: -275px !important;
        left: -17.1875rem !important;
      } @else {
        left: -200px !important;
        left: -12.5rem !important;
      }

      &::before {
        @if $navigation-use-image {
          left: 290px !important;
          left: 18.125rem !important;
        } @else {
          left: 215px !important;
          left: 13.4375rem !important;
        }
      }
    }

    .mega-nav__image-container {
      display: inline-block;
      margin: 0 15px;
      margin: 0 0.9375rem;
      width: 150px;
      width: 9.375rem;
      font-size: 0;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      vertical-align: middle;
    }

    .mega-nav__image {
      max-width: 150px;
      max-height: 150px;
      font-size: 0;
    }

    .dropdown-column {
      display: inline-block;
      padding: 0 20px;
      padding: 0 1.25rem;
      vertical-align: top;
    }

    .dropdown-column__title {
      display: block;
      margin: 8px 0 10px 0;
      margin: 0.5rem 0 0.625rem 0;
      padding-bottom: 14px;
      padding-bottom: 0.875rem;
      color: $header-text-color;
      font-weight: bolder;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 14px;
      text-transform: uppercase;
      border-bottom: 1px solid rgba($header-text-color, 0.4);
    }

    .dropdown-column__list-link {
      display: block;
      padding: 2px 0;
      padding: 0.125rem 0;
      font-size: 15px;
      font-size: 0.9375rem;
      text-transform: none;
      font-weight: normal;
      color: $header-text-color;
      opacity: 0.7;

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

@include breakpoint(large-tablet) {
  @if ($header-position == 'right') {
    .menu--desktop {
      // margin-top: 45px;
      // margin-top: 2.8125rem;
      //float: right;
      //text-align: right;
    }
  }

  .menu--desktop {
    .menu__item {
      //margin-right: 20px;
      // margin-right: 0.25rem;
    }

    .menu__item--has-submenu {
      & > .menu__link::after {
        margin-left: 8px;
        margin-left: 0.5rem;
      }
    }
  }
}

@include breakpoint(desktop) {
  .menu--desktop {
    .menu__item {
      //  margin-right:1%;
      // margin-right: 0.875rem;
    }
  }
}
/**
* If we are on the home page, and that the slideshow has been activated, we position the header
* differently so that it can overlaps the slider
*/

.header {
  padding: 20px 0;
  padding: 1.25rem 0;
  background: $header-background;
  color: $header-text-color;
  background-position: center center;
  background-size: cover;
}

.header__container {
  position: relative;
}

.header--pushed {
  padding-bottom: 0 !important;
}

.header__logo {
  margin: 0;
  text-align: center;
}

.header__logo--text {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: bolder;
  text-transform: uppercase;
}

.header__logo-image {
  max-width: $header-logo-max-width;
  height:33px; /* We enforce a low max-height on mobile so that it does not take too much space */
  vertical-align: middle;
  width:100%;
}

.header__actions {
  display: none;
}

/**
* Mobile nav
*/

.header__mobile-nav {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  color: $header-text-color;
  z-index: 5;
}

.header__mobile-tabs {
  position: relative;
  display: table;
  width: 100%;
  height: 48px;
  height: 3rem;
  table-layout: fixed;
  border-bottom: 1px solid rgba($header-text-color, 0.5);
  background: $header-background;
}

.header__mobile-tab {
  display: table-cell;
  text-align: center;
  border-right: 1px solid rgba($header-text-color, 0.5);
  vertical-align: middle;
  transition: all 0.25s ease-in-out;

  &:last-child {
    border-right: none;
  }
}
.menu-mobile1
{
  width: 25%;
}
.header__mobile-icon {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 12px 0;
  padding: 0.75rem 0;
  transition: none;

  svg {
    vertical-align: middle;
    width: 25px;
    width: 1.5625rem;
    height: 25px;
    height: 1.5625rem;
  }
}

.header__mobile-content {
  display: none;
  position:absolute;
  //max-height: calc(100vh - 48px);
  height: 100vh;
  max-height: calc(100vh - 99px);
  width: 100%;
  top: 100%;
  left: 0;
  background: $header-text-color;
  border-bottom: 1px solid $border-color;
  overflow: scroll;
  z-index: 10;
  -webkit-overflow-scrolling: touch;
}
.logged-in{
  .header__mobile-content {
    max-height: calc(100vh - 130px);
  }
}
.header__mobile-tab--open {
  background: #54d7e3;
  color: #000000;
  // box-shadow: 0 1px $header-text-color, -1px 0 $header-text-color;
}

.header__mobile-search {
  padding: 20px;
  padding: 1.25rem;
}

.mobile-search__input {
  color: $text-color;
  border: 2px solid #3b5998;
  height: 36px;
}

.header__cart-count {
  position: absolute;
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
  top: 5px;
  top: 0.3125rem;
  font-size: 10px;
  font-size: 0.625rem;
  background: $header-text-color;
  color: $header-background;
  border-radius: 100%;
  text-align: center;
  line-height: 18px;
}

/**
* Push
*/

.header__push {
  clear: both;

  color: $heading-color;
  //background: #3b5998;

  .inner {
    padding-top: 18px;
    padding-top: 1.125rem;
    background: $background;
  }
}

.header__push-meta {
  display: none;
}

.header__push-content {
  padding-bottom: 18px;
  padding-bottom: 1.125rem;
  border-bottom: 1px solid $border-color;
}

.header__push-title {
  display: block;
  margin: 0;
  font-family: $heading-font;
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: uppercase;
  text-align: center;
}

.header__push-context {
  display: block;
  margin-top: 10px;
  margin-top: 0.625rem;
  padding-left: 15px;
  padding-left: 0.9375rem;
  text-transform: uppercase;
  color: $text-color;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bolder;
  text-align: center;
}

.header__push-tags {
  display: none;
}
.coll-filter{width:206px}
.header__push-filter {
  color: $text-color;
  margin-top: 15px;
  margin-top: 0.9375rem;
  display:inline-block;
}

@include breakpoint(mobile-only) {
  .header:not(.gift-card__header) {
    background-image: none !important;
  }
}

@include breakpoint(tablet) {
  .header {
    padding: 35px 0;
    padding: 2.1875rem 0;
    background-size: cover;
  }

  .header__logo {
    display: block;
    text-align: center;
  }

  .header__mobile-nav {
    display: none;
  }

  .header__logo-image {
    max-height: none;
  }

  .header__actions {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    padding-right: 20px;
    padding-right: 1.25rem;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bolder;
    text-transform: uppercase;
  }

  .header__actions-item {
    display: inline-block;

    &:not(:last-child)::after {
      display: inline-block;
      content: '';
      margin: 0 12px;
      margin: 0 0.75rem;
      height: 16px;
      height: 1rem;
      width: 1px;
      width: 0.0625rem;
      background: $header-text-color;
      vertical-align: text-bottom;
    }
  }

  .header__push-meta {
    display: inline-block;
    float: right;
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase;
  }

  .header__push-title {
    display: inline-block;
    font-size: 22px;
    font-size: 1.375rem;
    text-align: left;
  }


  .header__push-context {
    display: inline-block;
    margin: 0 0 0 15px;
    margin: 0 0 0 0.9375rem;
    padding-left: 15px;
    padding-left: 0.9375rem;
    border-left: 1px solid $border-color;
    vertical-align: super;
    text-align: left;
  }

  .header__push-tags {
    display: block;
    margin-top: 25px;
    margin-top: 1.5625rem;
    color: $text-color;

    &.header__push-context {
      display: inline-block;
      margin-top: 0;
    }
  }

  .header__push-tag {
    display: inline-block;
    margin-right: 20px;
    margin-right: 1.25rem;
    padding-bottom: 2px;
    padding-bottom: 0.125rem;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bolder;

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

    a {
      transition: none;
    }

    &:hover a {
      border-bottom: 2px solid $accent-color;
    }
  }

  .header__push-tag--active {
    color: $accent-color;

    a {
      border-bottom: 2px solid $accent-color;
    }
  }

  .header__push-filter--tags {
    display: none;
  }

  .header__push-filter--sort {
    display: inline-block;
    // float: right;
    //height: 36px;
    //height: 2.25rem;
    margin-top: 0;
    // max-width: 258px;

    select {
      height: 36px;
      height: 2.25rem;
    }
  }

  @if $is-slideshow-enabled and not $is-header-separated {
    .template-index {
      .header {
        position: absolute;
        width: 100%;
        top: 35px;
        top: 2.1875rem;
        z-index: 2;
        background: transparent none !important;
      }
    }
  }

  @if $is-slideshow-enabled and $is-header-separated {
    .template-index {
      .header {
        background-image: none !important;
      }
    }
  }
}

@include breakpoint(tablet) {
  .header__push {
    //margin-top: 35px;
    // margin-top: 2.1875rem;
  }
}

@include breakpoint(large-tablet) {
  .header__push {
    // margin-top: 50px;
    //margin-top: 3.125rem;
  }

  .header__push-title {
    font-size: 28px;
    font-size: 1.75rem;
  }

  @if ($header-position == 'right') {
    .header__logo {
      display: inline-block;
      text-align: left;
    }
  }
}
/**
* ----------------------------------------------------------------------------------------------------
* FOOTER
* ----------------------------------------------------------------------------------------------------
*/

.footer {
  margin-top: 25px;
  margin-top: 1.5625rem;
  padding: 20px 0;
  padding: 1.25rem 0;
  background: $footer-background;
  color: $footer-text-color;
  font-size: 12px * $footer-font-factor;
  font-size: 0.75rem * $footer-font-factor;
  text-align: center;

  p {
    margin-bottom: 0;
  }

  a:hover {
    color: lighten($footer-text-color, 15%);
  }
}

.footer--no-margin {
  margin-top: 0;
}

.footer__module {
  padding: 20px;
  padding: 1.25rem;
  border: 1px solid $footer-border-color;

  & + .footer__module {
    border-top: none;
  }
}

.footer__module + .footer__module,
.footer__row + .footer__row .footer__module:first-child {
  border-top: none;
}

.footer__module--centered {
  text-align: center;
  vertical-align: middle;
}

.footer__title {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  font-size: 11px * $footer-font-factor;
  font-size: 0.6875rem * $footer-font-factor;
  font-weight: bolder;
  color: $footer-title-color;
  text-transform: uppercase;
}

.footer__logo {
  text-align: center;
  vertical-align: middle;
  max-width: 150px;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
  will-change: opacity;

  &:hover {
    opacity: 1;
  }
}

.footer__linklist {
  margin-bottom: -8px;
  margin-bottom: -0.5rem; /* compensate the padding of <li> */
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;

  li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
  }
}

.footer__about-text {
  white-space: pre-line;
}

.footer__social {
  .social__item {
    display: inline-block;

    &:not(:last-child) {
      margin-right: 10px;
      margin-right: 0.625rem;
    }
  }

  svg {
    height: 15px;
    height: 0.9375rem;
    width: 15px;
    width: 0.9375rem;
  }
}

.footer__form {
  position: relative;
}

.footer__input,
.footer__submit {
  padding: 12px 15px;
  padding: 0.75rem 0.9375rem;
}

.footer__input {
  border: none;
  color:black;
  //background: $footer-text-color;
  // background: rgba($footer-text-color, 0.2);

  &::-webkit-input-placeholder {
    color: $footer-text-color;
  }

  &::-moz-placeholder {
    color: $footer-text-color;
  }

  &:-ms-input-placeholder {
    color: $footer-text-color;
  }

  &::placeholder {
    color: $footer-text-color;
  }
}

.footer__submit {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  background: none;
  border: none;
  text-align: right;
  transition: color 0.25s ease-in-out;

  &:hover {
    color: lighten($footer-text-color, 15%);
  }
}

.footer__misc {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.footer__copyright {
  font-size: 12px * $footer-font-factor;
  font-size: 0.75rem * $footer-font-factor;
}

.payment-methods {
  margin-top: 10px;
  margin-top: 0.625rem;
}

.payment-methods__item {
  display: inline-block;

  &:not(:last-child) {
    margin-right: 10px;
    margin-right: 0.625rem;
  }

  .icon {
    width: 32px;
    width: 2rem;
    height: 32px;
    height: 2rem;
  }
}

@include breakpoint(tablet) {
  .footer {
    text-align: left;
  }

  .footer__row {
    display: table;
    width: 100%;
    margin: 0;
    border: 1px solid $footer-border-color;

    & + .footer__row {
      border-top: 0;
    }
  }

  .footer__module {
    display: table-cell;
    margin-right: 15px;
    margin-right: 0.9375rem;
    padding: 20px 30px;
    padding: 1.25rem 1.875rem;
    border-width: 0 1px 0 0;

    &:last-child {
      border-right: none;
    }
  }

  .footer__linklist a {
    white-space: nowrap;
  }

  .footer__copyright {
    display: inline-block;
  }

  .payment-methods {
    margin-top: -8px;
    margin-top: -0.5rem;
    float: right;
  }
}

@include breakpoint(large-tablet) {
  .footer__linklist li {
    white-space: nowrap;
  }
}

@include breakpoint(desktop) {
  .footer {
    padding: 40px 0 30px 0;
    padding: 2.5rem 0 1.875rem 0;
  }

  .footer__module {
    padding: 30px;
    padding: 1.875rem;
  }

  .footer__linklist {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }

  .footer__misc {
    margin-top: 30px;
    margin-top: 1.875rem;
  }
}
.slideshow,
.slideshow__slide {
  position: relative;
}

.slideshow__slides {
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.25, 0.45, 0.45, 0.90);
  will-change: opacity;
}

.slick-initialized.slideshow__slides {
  opacity: 1;
}

.slideshow__image {
  width: 100%;
}

.slideshow__cover {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slideshow__heading {
  font-family: $slideshow-heading-font;
  font-size: 20px * $slideshow-heading-font-factor;
  font-size: 1.25rem * $slideshow-heading-font-factor;
  color: $slideshow-heading-color;
}

.slideshow__subheading {
  display: none; /* Do not display on mobile */
  font-family: $slideshow-subheading-font;
  color: $slideshow-subheading-color;
}

.slideshow__button {
  background: $slideshow-button-background;
  color: $slideshow-button-color;

  .no-touchevents &:hover {
    background: #337A30;
    color: $slideshow-button-background;
  }
}

.slideshow__arrows {
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
  text-align: right;
  color: $slideshow-heading-color;
}

.slideshow__arrow {
  display: inline-block;

  svg {
    width: 24px;
    width: 1.5rem;
    height: 24px;
    height: 1.5rem;
  }
}

.slideshow__prev {
  margin-right: 6px;
  margin-right: 0.375rem;
}

@include breakpoint(mobile-only) {
  .slideshow__slide {
    background-image: none !important; /* Make sure it's not loaded on mobile */
  }

  .slideshow__button {
    padding: 10px 15px;
    padding: 0.625rem 0.9375rem; /* We slightly reduce slideshow button only on mobile due to limited size */
  }
}

@include breakpoint(tablet) {
  .slideshow {
    min-height: 350px;
  }

  @if not $is-header-separated {
    .slideshow__cover {
      margin-top: 80px;
      margin-top: 5rem;
    }
  }

  .slideshow--uncropped {
    .slideshow__slide {
      background-image: none !important;
    }
  }

  @if (not $is-header-separated) {
    .slideshow--cropped {
      .slideshow__slide {
        min-height: 600px;
        background-position: center center;
        background-size: cover;
      }

      .slideshow__image {
        display: none !important;
      }

      .slideshow__cover {
        position: relative;
        margin: 305px 0 175px 0;
        margin: 19.0625rem 0 10.9375rem 0;
        width: 100%;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
      }
    }
  }

  .slideshow__heading {
    margin-bottom: 25px;
    margin-bottom: 1.5625rem;
    font-size: 40px * $slideshow-heading-font-factor;
    font-size: 2.5rem * $slideshow-heading-font-factor;
  }

  .slideshow__subheading {
    display: block;
    text-transform: uppercase;
    font-size: 18px * $slideshow-subheading-font-factor;
    font-size: 1.125rem * $slideshow-subheading-font-factor;
    font-weight: bolder;

    & > span {
      padding-bottom: 4px;
      padding-bottom: 0.25rem;
      border-bottom: 4px solid currentColor;
    }
  }

  .slideshow__arrow svg {
    width: 34px;
    width: 2.125rem;
    height: 34px;
    height: 2.125rem;
  }

  /**
  * If the marketing module is enabled, the marketing module will slightly "eat up" over the slider. As
  * a consequence, we need to "move a bit" the content
  */

  @if $is-marketing-module-enabled {
    .slideshow__arrows {
      bottom: 40px;
      bottom: 2.5rem;
    }
  }
}
/* .slideshow--cropped{
.slideshow__slide{
cursor: pointer;
}
} */
@include breakpoint(large-tablet) {
  @if (not $is-header-separated) {
    .slideshow--cropped {
      .slideshow__cover {
        margin: 275px 0 225px 0;
        margin: 27% 0 14.0625rem 0;
      }
    }

    .slideshow--uncropped {
      .slideshow__cover {
        margin-top: 25px;
        margin-top: 1.5625rem;
      }
    }
  }

  @if $is-marketing-module-enabled {
    .slideshow__arrows {
      bottom: 80px;
      bottom: 5rem;
    }
  }
}

@media screen and (max-width: 1599px){
  .slideshow--cropped {
    .slideshow__cover {
      margin:17% 0 14.0625rem 0;
    }
  }
}
@media screen and (max-width: 1200px){
  .slideshow--cropped {
    .slideshow__cover {
      margin:21% 0 14.0625rem 0;
    }
  }
}
@media screen and (max-width: 1024px){
  .slideshow--cropped {
    .slideshow__cover {
      margin:27% 0 14.0625rem 0;
    }
  }
}

/* @media(max-width:1200px) and(min-width:1181px){
.slideshow.slideshow--cropped .slideshow__slides .slick-list.draggable {
height: 505px !Important;
max-height: 505px !Important;
min-height: 505px !important;
}
}

@media(max-width:1180px) and(min-width:1101px){
.slideshow.slideshow--cropped .slideshow__slides .slick-list.draggable {
height: 495px !Important;
max-height: 495px !Important;
min-height: 49px !important;
}
}

@media(max-width:1100px) and(min-width:1021px){
.slideshow.slideshow--cropped .slideshow__slides .slick-list.draggable {
height: 465px !Important;
max-height: 465px !Important;
min-height: 465px !important;
}
}


@media(max-width:1020px) and(min-width:981px){
.slideshow.slideshow--cropped .slideshow__slides .slick-list.draggable {
height: 465px !Important;
max-height: 465px !Important;
min-height: 465px !important;
}
}


@media(max-width:980px) and(min-width:921px){
.slideshow.slideshow--cropped .slideshow__slides .slick-list.draggable {
height: 435px !Important;
max-height: 435px !Important;
min-height: 435px !important;
}
}


@media(max-width:920px) and(min-width:821px){
.slideshow.slideshow--cropped .slideshow__slides .slick-list.draggable {
height: 415px !Important;
max-height: 415px !Important;
min-height: 415px !important;
}
}


@media(max-width:820px) and(min-width:768px){
.slideshow.slideshow--cropped .slideshow__slides .slick-list.draggable {
height: 375px !Important;
max-height:375px !Important;
}
} */

@media screen and (max-width: 768px){
  .slideshow--cropped {
    .slideshow__cover {
      margin:35% 0 14.0625rem 0;
    }
  }
}
@media screen and (max-width: 767px){
  .slideshow--cropped {
    .slideshow__cover {
      margin:14% 0 14.0625rem 0;
    }
  }
}

@include breakpoint(desktop) {
  .slideshow__heading {
    font-size: 80px * $slideshow-heading-font-factor;
    font-size: 5rem * $slideshow-heading-font-factor;
  }

  @if $is-marketing-module-enabled {
    .slideshow__arrows {
      bottom: 120px;
      bottom: 7.5rem;
    }
  }
}
.marketing-module {
  padding: 0 1.5%;

  @if (not $is-marketing-module-enabled-on-mobile) {
    display: none;
  }

  @if (not $is-slideshow-enabled) {
    padding-top: 1.5%;
    padding-bottom: 1.5%;
  }
}

.marketing-module__wrapper {
  background: $background;
  white-space: nowrap;
  font-size: 0;
}

.marketing-module__column {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  white-space: normal;
}

.marketing-module__link {
  transition: opacity 0.25s ease-in-out;
  will-change: opacity;

  &:hover {
    opacity: 0.7;
  }
}

.marketing-module__item {
  width: 100%;
  display: inline-block;
  vertical-align: top;

  & > .marketing-module__image {
    width: 100%;
  }
}

@if ($marketing-module-layout == 1) {
  /** Three images in a row **/
  .marketing-module__column {
    width: calc(24.9% - 1%);

    & + .marketing-module__column {
      margin-left: 1.5%;
    }
  }
} @else if ($marketing-module-layout == 2) {
  /** Two images in a row **/
  .marketing-module__column {
    width: calc(50% - 0.75%);

    & + .marketing-module__column {
      margin-left: 1.5%;
    }
  }
} @else {
  /** Two images on the left, one image on the right **/
  .marketing-module__column {
    width: calc(50% - 0.75%);

    & + .marketing-module__column {
      margin-left: 1.5%;
    }
  }

  .marketing-module__column:last-child .marketing-module__item:first-child {
    margin-bottom: 3%;
  }
}

@include breakpoint(tablet) {
  .marketing-module {
    display: block;
  }
}

@if $is-slideshow-enabled {
  .marketing-module {
    position: relative;
  }

  .marketing-module__wrapper {
    padding: 1.5% 0;
  }

  @include breakpoint(tablet) {
    .marketing-module {
      margin-top: -40px;
      margin-top: -14.5rem;
    }

    .marketing-module__wrapper {
      padding: 1.5%;
    }
  }

  @include breakpoint(large-tablet) {
    .marketing-module {
      margin-top: -80px;
      margin-top: -15rem;
    }
  }

  @include breakpoint(desktop) {
    .marketing-module {
      margin-top: -120px;
      margin-top: -15.5rem;
    }
  }
}
.quick-shop {
  display: table;
  table-layout: fixed;
  padding: 35px 35px 30px 35px;
  padding: 2.1875rem 2.1875rem 1.875rem 2.1875rem;
  width: 850px;
  width: 53.125rem;
  max-width: 100%;
  top: 50% !important;
  left: 50% !important;
  background: $background;
  border: 1px solid $border-color;
  border-radius: 5px;
  box-shadow: 0 0 4px rgba(#000000, 0.3);
  -webkit-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

.quick-shop__slideshow {
  display: table-cell;
  vertical-align: middle;
  width: 40%;
}

.quick-shop__product {
  display: table-cell;
  width: 60%;
  padding-left: 50px;
  padding-left: 3.125rem;
  vertical-align: middle;

  .product__form-status {
    position: relative;
    margin-bottom: 45px;
    margin-bottom: 2.8125rem;
  }
}

.quick-shop__see-more {
  font-weight: bolder;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;

  svg {
    margin-left: 10px;
    margin-left: 0.625rem;
    vertical-align: text-top;
    transition: margin-left 0.25s ease-in-out;
  }

  &:hover {
    svg {
      margin-left: 15px;
      margin-left: 0.9375rem;
    }
  }
}
.mega-search {
  width: 400px;
  width: 25rem;
}

.mega-search .icon-cross {
  display: block;
  margin: 0 auto 35px auto;
  margin: 0 auto 2.1875rem auto;
  width: 35px;
  width: 2.1875rem;
  height: 35px;
  height: 2.1875rem;
  fill: #ffffff;
  cursor: pointer;
}

.mega-search__form {
  position: relative;
}

.mega-search__input {
  padding: 18px 25px;
  padding: 1.125rem 1.5625rem;
  background: transparent;
  border: 3px dashed #ffffff;
  font-size: 18px;
  font-size: 1.125rem;
  color: #ffffff;

  &:focus {
    border-color: inherit;
  }

  &::-webkit-input-placeholder {
    color: rgba(#ffffff, 0.6);
  }

  &::-moz-placeholder {
    color: rgba(#ffffff, 0.6);
  }

  &:-ms-input-placeholder {
    color: rgba(#ffffff, 0.6);
  }

  &::placeholder {
    color: rgba(#ffffff, 0.6);
  }
}

.mega-search__spinner {
  position: absolute;
  margin: 0;
  width: 25px;
  width: 1.5625rem;
  height: 25px;
  height: 1.5625rem;
  top: 20px;
  top: 1.25rem;
  right: 20px;
  right: 1.25rem;
}

.mega-search__suggestions {
  position: relative;
  display: block !important;
  top: -3px;
  top: -0.1875rem;
  background: #ffffff;
  border-radius: 0 0 3px 3px;
}

.mega-search__suggestion {
  padding: 10px;
  padding: 0.625rem;
  cursor: pointer;

  & > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  /* Last one is the "display all results" link */
  &:last-child {
    border-top: 1px solid $border-color;
  }
}

.mega-search__image {
  display: inline-block;
  max-width: 35px;
  max-height: 35px;
  margin-right: 20px;
  margin-right: 1.25rem;
  border-radius: 3px;
  vertical-align: baseline;
}

.mega-search__info {
  display: inline-block;
}

.mega-search__item-title {
  display: block;
  color: $heading-color;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
}

.mega-search__item-subtitle {
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  text-transform: uppercase;
}

.mega-search__all-results {
  color: $heading-color;
  text-transform: uppercase;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bolder;
}

.mega-search__suggestion.selected {
  background: $primary-button-background;

  &:last-child {
    border-radius: 0 0 3px 3px;
  }

  .mega-search__item-title,
  .mega-search__item-subtitle,
  .mega-search__all-results {
    color: $primary-button-color;
  }
}
.share-buttons__label {
  display: inline-block;
  margin-right: 25px;
  margin-right: 1.5625rem;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bolder;
  vertical-align: text-bottom;
}

.share-buttons__list {
  display: inline-block;
}

.share-buttons__item {
  display: inline-block;

  &:not(:last-child) {
    margin-right: 8px;
    margin-right: 0.5rem;
  }

  &:hover {
    color: $accent-color;
  }
}
.article__comments {
  max-width: 900px;
  margin: 0 auto 40px auto;
  margin: 0 auto 2.5rem auto;
}

.comments__count {
  margin-top: -10px;
  margin-top: -0.625rem;
  text-align: center;
  font-weight: bolder;
  color: $heading-color;
}

.comments__moderated {
  display: block;
  margin-top: 10px;
  margin-top: 0.625rem;
  text-align: center;
}

.comments__new {
  max-width: 700px;
  margin: 0 auto;
}

.comments__section-title {
  @extend .index-module__title;
  text-align: center;
  color: $heading-color;
}

.comment {
  padding: 25px 0;
  padding: 1.5625rem 0;
  border-bottom: 1px solid $border-color;

  &:last-child {
    border-bottom: none;
  }
}

.comment__header {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  overflow: hidden;
}

.comment__gravatar {
  float: left;
  margin-right: 15px;
  margin-right: 0.9375rem;
}

.comment__author {
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
  padding-top: 10px;
  padding-top: 0.625rem;
  font-weight: bolder;
}

.comment__gravatar {
  max-width: 60px;
  border-radius: 100%;
}

.comment__content {
  clear: both;
}

@include breakpoint(tablet) {
  .comment {
    display: table;
    width: 100%;
    table-layout: fixed;
  }

  .comment__header {
    display: table-cell;
    width: 200px;
    width: 12.5rem;
  }

  .comment__gravatar {
    float: none;
  }

  .comment__content {
    display: table-cell;
    padding-left: 60px;
    padding-left: 3.75rem;
    vertical-align: top;
  }
}

@include breakpoint(large-tablet) {
  .article__comments {
    margin-bottom: 80px;
    margin-bottom: 5rem;
  }
}

.error-404 {
  text-align: center;
}

.error-404__icon {
  display: inline-block;
  padding: 20px 40px;
  padding: 1.25rem 2.5rem;
  color: $primary-button-background;
  border: 1px solid $primary-button-background;
  border-radius: 12px;
  font-size: 64px;
  font-size: 4rem;
  font-weight: bolder;
}

.error-404__empty {
  margin: 50px 0;
  margin: 3.125rem 0;
}
.login__forgot-password {
  float: right;
  font-weight: normal;
}

/**
* Account dashboard
*/

.account__orders {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

@include breakpoint(large-tablet) {
  .account__orders {
    margin-bottom: 0;
    @include span(9, 50px);
  }

  .account__address {
    @include span(3, 50px, true);
  }
}

/**
* Address
*/

.address {
  position: relative;
  padding: 15px;
  padding: 0.9375rem;
  border: 1px solid $border-color;
  border-radius: 3px;
}

.address__type {
  position: absolute;
  display: inline-block;
  width: 100%;
  top: 0;
  left: 0;
  padding: 6px 14px 4px 14px;
  padding: 0.375rem 0.875rem 0.25rem 0.875rem;
  border-radius: 3px 3px 0 0;
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: bolder;
  text-align: center;
  color: $background;
  background: $accent-color;

  & + .address__customer {
    margin-top: 35px;
    margin-top: 2.1875rem;
  }
}

.address__customer {
  font-weight: bolder;
  font-size: 18px;
  font-size: 1.125rem;
  color: $heading-color;
}

.address__details {
  p {
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
  }

  & + .address__see-all {
    display: inline-block;
    margin-top: 12px;
    margin-top: 0.75rem;
  }
}

.address__actions {
  margin-top: 20px;
  margin-top: 1.25rem;

  .button {
    display: block;
    text-align: center;

    &:first-child {
      margin-bottom: 10px;
      margin-bottom: 0.625rem;
    }
  }
}

/**
* Addresses
*/

.addresses__empty {
  text-align: center;
  margin: 50px 0;
  margin: 3.125rem 0;
}

.addresses__modal {
  margin: 25px 0;
  margin: 1.5625rem 0;
  max-height: calc(100% - 50px);
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.addresses__close {
  display: block;
  margin-top: 10px;
  margin-top: 0.625rem;
  text-align: center
}

.account__addresses .address {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

@include breakpoint(tablet) {
  .flexbox {
    .account__addresses {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;

      .address {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
      }
    }
  }
}

@include breakpoint(tablet-only) {
  .account__addresses .address {
    @include gallery(2, 25px);

    &:nth-child(2n+1) {
      margin-left: 0;
      clear: both;
    }
  }
}

@include breakpoint(desktop) {
  .account__addresses .address {
    @include gallery(3, 25px);

    &:nth-child(3n+1) {
      margin-left: 0;
      clear: both;
    }
  }
}

/**
* Orders
*/

.order__table {
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}

.order__address {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

@include breakpoint(tablet) {
  .order__address {
    @include gallery(2, 25px);

    &:first-child {
      margin-left: 0;
      clear: both;
    }
  }
}
.collections {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 25px;
  margin-top: 1.5625rem;
}

.collections__item {
  position: relative;
  font-size: 0;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  text-align: center;
}

.collections__image {
  display: block;
  margin: 0 auto;
}

.collections__overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(#000000, 0.2);
}

.collections__title {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 10px;
  padding: 0 0.625rem;
  font-family: $heading-font;
  color: #ffffff;
  font-size: 20px;
  font-size: 1.25rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.no-touchevents {
  .collections__overlay {
    background: rgba(#000000, 0.4);
  }

  .collections__overlay,
  .collections__title {
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
    will-change: opacity;
  }

  .collections__item:hover {
    .collections__overlay,
    .collections__title {
      opacity: 1;
    }
  }
}

@include breakpoint(mobile-only) {
  .index-module__collections .collections__item,
  .template-list-collections .collections__item,
  .template-page-collections .collections__item {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
}

@include breakpoint(tablet-only) {
  .index-module__collections .collections__item,
  .template-list-collections .collections__item,
  .template-page-collections .collections__item {
    @include gallery(2, 25px);
    margin-bottom: 25px;
    margin-bottom: 1.5625rem;

    &:nth-child(2n+1) {
      margin-left: 0;
      clear: both;
    }
  }
}

@include breakpoint(desktop) {
  .template-list-collections .collections__item,
  .template-page-collections .collections__item {
    @include gallery($list-collections-desktop-items-per-row, 25px);

    &:nth-child(#{$list-collections-desktop-items-per-row}n+1) {
      margin-left: 0;
      clear: both;
    }
}
}
.collection__description {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  padding: 15px 25px;
  padding: 0.9375rem 1.5625rem;
  background: $collection-description-background;
  color: $collection-description-color;
}

.collection__empty {
  text-align: center;
  margin: 50px 0;
  margin: 3.125rem 0;
}

.collection__list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product-item {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}

.product-item__image-wrapper {
  position: relative;
  width: 100%;
}

.product-item__image {
  display: block;
  margin: 0 auto;
}

.product-item__image--alternate {
  display: none;
}

.product-item--sold-out {
  .product-item__image-wrapper::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    opacity: 0.4;
  }
}

.no-touchevents .product-item__figure--alternate-image-loaded:hover {
  .product-item__image {
    display: none;
  }

  .product-item__image--alternate {
    display: block;
  }
}

.product-item__figure {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  // height:313px;
  flex: 1 0 auto;
  margin: 0 0 15px 0;
  margin: 0 0 0.9375rem 0;
  font-size: 0;
  overflow: hidden;

  @if $collection-show-border-around-images {
    border: 1px solid $border-color;
  }

  & > a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
  }
}

.product-item .product__labels {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;

  .label ~ .label {
    margin-top: 5px;
    margin-top: 0.3125rem;
  }
}

.product-item__details {
  text-align: center;
  font-weight: bolder;
}

.product-item__colors {
  line-height: 0;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.product-item__color {
  display: inline-block;
  margin: 0 1px;
  margin: 0 0.0625rem;
  padding: 5px;
  padding: 0.3125rem;
  border-radius: 100%;
  border: 1px solid $border-color;
  vertical-align: middle;
  position: relative;
  span {
    display: block;
    width: 12px;
    width: 1.3rem;
    height: 12px;
    height: 1.3rem;
    border-radius: 100%;
    background-size: cover;
  }
}

.product-item__vendor,
.product-item__type,
.product-item__price {
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
}

.product-item__vendor,
.product-item__type {
  display: block;
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
}

.product-item__price {
  display: inline-block;
}

.product-item__price--old {
  text-decoration: line-through;
  font-weight: normal;
}

.product-item__title {
  display: block;
  margin-bottom: 0;
  font-size: 14px;
  font-size: 0.875rem;
  color:black; //$heading-color;
}

.button--quick-shop {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
  border-radius: 0;
}

.no-touchevents .product-item__figure:hover {
  .button--quick-shop {
    display: block !important;
  }
}

@include breakpoint(mobile-only) {
  .index-module__products-1 .product-item,
  .index-module__products-2 .product-item,
  .template-collection .product-item,
  .template-product .product-item,
  .template-search .product-item {
    @include gallery(2, 15px);

    &:nth-child(2n+1) {
      margin-left: 0;
      clear: both;
    }
  }
}

@include breakpoint(tablet-only) {
  .index-module__products-1 .product-item,
  .index-module__products-2 .product-item,
  .template-collection .product-item,
  .template-product .product-item,
  .template-search .product-item {
    @include gallery(3, 25px);

    &:nth-child(3n+1) {
      margin-left: 0;
      clear: both;
    }
  }
}

@include breakpoint(tablet) {
  .product-item {
    margin-bottom: 50px;
    margin-bottom: 3.125rem;
  }
}

@include breakpoint(desktop) {
  .template-collection .product-item,
  .template-search .product-item {
    @include gallery($collection-desktop-items-per-row, 25px);

    &:nth-child(#{$collection-desktop-items-per-row}n+1) {
      margin-left: 0;
      clear: both;
    }
}
}
.cart__empty {
  text-align: center;
  margin: 50px 0;
  margin: 3.125rem 0;
}

.cart__table {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

.cart__table--desktop {
  display: none;
}

.cart-item__image-container {
  max-width: 100px;
  width: 100px;
  width: 6.25rem;
  padding-right: 0;
}

.cart-item__image {
  border-right: 1px solid $border-color;
  padding-right: 15px;
  padding-right: 0.9375rem;
  vertical-align: middle;
}

.cart-item__vendor,
.cart-item__title,
.cart-item__variant,
.cart-item__properties,
.cart-item__unit-price,
.cart-item__unit-price-discounted,
.cart-item__line-price,
.cart-item__line-price-discounted {
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  text-transform: uppercase;
  font-weight: bolder;
}

.cart-item__vendor,
.cart-item__title,
.cart-item__variant {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.cart-item__title,
.cart-item__line-price {
  color:black;
}

.cart-item__unit-price-discounted,
.cart-item__line-price-discounted {
  text-decoration: line-through;
  font-weight: normal;
}

.cart-item__title {
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: unset !important;
}

.cart-item__properties {
  font-weight: normal;
}

.cart-item__quantity {
  max-width: 80px;
  text-align: center;
  -moz-appearance: textfield;

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

.cart-item__remove {
  &:hover {
    color: $accent-color;
  }

  svg {
    width: 20px;
    width: 1.25rem;
    height: 20px;
    height: 1.25rem;
  }
}

.cart__table--mobile {
  .cart-item__properties {
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
  }

  .cart-item__quantity {
    display: inline-block;
    width: 60px;
    width: 3.75rem;
    vertical-align: top;
  }

  .cart-item__price-and-remove {
    display: inline-block;
    margin-left: 15px;
    margin-left: 0.9375rem;
  }
}

.cart__total,
.cart__total-discount {
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: uppercase;
  text-align: center;
}

.cart__total-amount,
.cart__total-amount-saved {
  color: $heading-color;
  font-size: 22px;
  font-size: 1.375rem;
}

.cart__original-total-amount {
  margin-left: 8px;
  margin-left: 0.5rem;
  text-decoration: line-through;
}

.cart__total-discount {
  margin-top: -25px;
  margin-top: -1.5625rem;
}

.cart__instructions {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}

.cart__terms {
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}

.cart__checkout-with {
  margin-top: 15px;
  margin-top: 0.9375rem;
  text-align: center;

  input {
    width: auto;
    border: none;
  }

  & > *:not(script) {
    display: block;
    margin: 0 auto;
    padding: 10px 0 0 10px;
    padding: 0.625rem 0 0 0.625rem;
    vertical-align: top;
    line-height: 1;

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

  & > p {
    padding: 0;
    margin: 0;
    font-size: 13px;
    font-size: 0.8125rem;
    text-transform: uppercase;
    font-weight: bolder;
  }
}

.cart__taxes {
  display: block;
  font-size: 15px;
  font-size: 0.9375rem;
}

/**
* Shipping estimator
*/



.shipping-estimator__title {
  @extend .index-module__title;
  color: $heading-color;
  text-align: center;
}

.shipping-estimator__results {
  margin-top: 30px;
  margin-top: 1.875rem;
}

@include breakpoint(tablet) {
  .cart__table--mobile {
    display: none;
  }

  .cart__table--desktop {
    display: table;
  }

  .cart__table {
    border: none;
    box-shadow: none;
    border-collapse: separate;
    border-spacing: 0 14px;

    thead {
      font-size: 14px;
      font-size: 0.875rem;

      th:first-child {
        padding-left: 0;
      }
    }

    th {
      background: none;
      border-bottom-width: 2px;
      color: $heading-color;
    }
  }

  .cart__item {
    td {
      border-top: 1px solid $border-color;
      border-bottom: 1px solid $border-color !important;

      &:first-child {
        border-left: 1px solid $border-color;
      }

      &:last-child {
        border-right: 1px solid $border-color;
      }
    }
  }

  .cart__total,
  .cart__total-discount {
    font-size: 22px;
    font-size: 1.375rem;
    text-align: right;
  }

  .cart__total-discount {
    font-size: 18px;
    font-size: 1.125rem;
  }

  .cart__total-amount {
    font-size: 30px;
    font-size: 1.875rem;
  }

  .cart__total-amount-saved {
    font-size: 24px;
    font-size: 1.5rem;
  }

  .cart__instructions {
    @include span(8, 50px);
    margin-top: -6px;
    margin-top: -0.375rem;
  }

  .cart__terms {
    text-align: right;
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }

  .cart__checkout,
  .cart__terms {
    @include span(4, 50px, true);
  }

  .cart__checkout-with {
    text-align: right;

    input {
      margin-right: 0;
    }
  }

  .flexbox {
    .shipping-estimator__form {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;

      .form__control {
        margin: 0 15px 0 0;
        margin: 0 0.9375rem 0 0;
      }
    }

    .shipping-estimator__zip {
      max-width: 160px;
    }
  }
}

@include breakpoint(large-tablet) {
  .cart-item__image-container {
    max-width: 135px;
    width: 135px;
    width: 8.4375rem;
  }

  .cart__instructions {
    @include span(6, 50px);
  }
}
.contact {
  margin-top: 40px;
  margin-top: 2.5rem;
}

@include breakpoint(tablet) {
  .template-page-contact {
    .page__content {
      @include span(6, 50px);
    }

    .contact {
      margin-top: 0;
    }

    .page__content + .contact {
      @include span(6, 50px, true);
      margin-top: 0;
    }
  }
}

@include breakpoint(large-tablet) {
  .template-page-contact {
    .page__content {
      @include span(7, 50px);
    }

    .page__content + .contact {
      @include span(5, 50px, true);
      margin-top: 0;
    }
  }
}
.header__push-rss {
  display: none;
}

/**
* BLOG
*/

.blog__articles {
  text-align: left;
}

.blog__article {
  margin-bottom: 60px;
  margin-bottom: 3.75rem;
}

@include breakpoint(tablet) {
  .header__push-rss {
    display: inline-block;
    margin-top: 16px;
    margin-top: 1rem;
    float: right;
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase;
    color: $heading-color;

    svg {
      margin-right: 4px;
      margin-right: 0.25rem;
      vertical-align: text-top;
    }
  }

  .blog__article {
    @include gallery(3, 25px);
    margin-bottom: 100px;
    margin-bottom: 6.25rem;

    &:nth-child(3n + 1) {
      clear: both;
      margin-left: 0;
    }
  }

  .flexbox {
    .blog__articles {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }

    .blog__article {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
  }
}

/**
* ARTICLE
*/

.article__header {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.article__meta {
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
}

.article__meta-separator {
  display: inline-block;
  margin: 0 5px;
  margin: 0 0.3125rem;
}

.article__author {
  font-weight: bolder;
}

.article__title {
  color: $heading-color;
  font-family: $heading-font;
  font-size: 17px;
  font-size: 1.0625rem;
}

.article__excerpt {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

.article__image {
  display: block;
  margin: 0 auto;
  vertical-align: top;
}

.article__comments-count {
  &:hover {
    color: $accent-color;
  }

  svg {
    vertical-align: middle;
    margin-right: 5px;
    margin-right: 0.3125rem;
  }
}

.article--full {
  max-width: 900px;
  margin: 0 auto 40px auto;
  margin: 0 auto 2.5rem auto;

  .article__meta {
    text-align: center;
  }

  .article__image {
    margin: 0 auto 35px auto;
    margin: 0 auto 2.1875rem auto;
  }

  .article__body {
    margin-bottom: 50px;
    margin-bottom: 3.125rem;
  }

  .article__footer {
    text-align: center;
  }
}

.article__tags {
  margin-top: 15px;
  margin-top: 0.9375rem;
}

.article__tags-label {
  display: inline-block;
  margin-right: 25px;
  margin-right: 1.5625rem;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bolder;
  vertical-align: middle;
}

.article__tags-list {
  display: inline-block;
  font-style: italic;
}

.article__tags-item {
  display: inline-block;

  &:hover {
    color: $accent-color;
  }
}

@include breakpoint(large-tablet) {
  .article--full {
    margin-bottom: 80px;
    margin-bottom: 5rem;
  }

  .article__title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.search__empty {
  text-align: center;
  margin: 50px 0;
  margin: 3.125rem 0;
}

.search__input {
  max-width: 400px;
  margin: 0 auto 20px auto;
  margin: 0 auto 1.25rem auto;
}
/**
* Navigation
*/

.product__next,
.product__previous {
  &:hover {
    color: $accent-color;
  }

  svg {
    vertical-align: middle;
  }
}

.product__previous + .separator {
  display: inline-block;
  margin: 0 5px;
  margin: 0 0.3125rem;
  color: $text-color;
}

/**
* Showcase and details
*/

.product__slideshow {
  margin: 0 -20px;
  position: relative;
  margin: 0 -1.25rem; /* Allow to expand over whole width */

  .slick-arrow {
    display: block !important;
    position: absolute;
    right: 0;
    top: 50%;
    border: none;
    background: transparent;
    font-weight: bolder;
    font-size: 32px;

  }

  .slick-prev{left: 0; right: auto; z-index:11111111111111;}



  .slick-dots {
    margin-top: 10px;
    margin-top: 0.625rem;
    padding: 0;
    text-align: center;

    li {
      display: inline-block;
      cursor: pointer;
    }

    .slick-active button {
      background: $primary-button-background;
    }

    button {
      display: inline-block;
      margin: 10px 8px;
      margin: 0.625rem 0.5rem;
      padding: 0;
      height: 8px;
      height: 0.5rem;
      width: 8px;
      width: 0.5rem;
      background: $text-color;
      border-radius: 100%;
      cursor: pointer;
      border: none;
      outline: none;
      font-size: 0;
    }
  }
}
.product__slideshow{text-align:center;}

.product__slideshow-image {
  max-width: 100%;
  margin: 0 auto;
}

.product__slideshow-image--zoomed {
  visibility: hidden;
}

.product__slideshow--nav {
  display: none;
}

.product__meta--desktop {
  display: none;
}

.product__meta--mobile {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  text-align: center;
}

.product__labels {
  text-align: left;
}

.product__meta .product__labels {
  text-align: center;
}

.product__labels--always {
  margin-top: 18px;
  margin-top: 1.125rem;
}

.product__vendor {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bolder;
}

.product__inventory,
.product__reviews-badge {
  display: block;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
}

.spr-badge-caption {
  margin-left: 8px;
  margin-left: 0.5rem;
}

.product__title {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  font-family: $heading-font;
  font-size: 20px;
  font-size: 1.25rem;
  color:{{ settings.product_title }};
  font-weight:bold;
}

.product__price {
  font-weight: bolder;
  font-size: 16px;
  font-size: 1.5rem;
  /* color: $accent-color;*/
  color:#64ba5f;
}

.product__price--old {
  margin-right: 15px;
  margin-right: 0.9375rem;
  font-weight: normal;
  text-decoration: line-through;
}

.product__sale-percent {
  margin-left: 15px;
  margin-left: 0.9375rem;
  padding: 5px 10px;
  padding: 0.3125rem 0.625rem;
  color: $product-on-sale-color;
  background: $product-on-sale-background;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bolder;
  border-radius: 3px;
}

@include breakpoint(tablet) {
  .product__slideshow {
    margin: 0;
  }

  .product__slideshow .slick-dots {
    display: block !important;

  }

  .product__slideshow--nav {
    display: block;
    margin-top: 25px;
    margin-top: 1.5625rem;
    text-align: center;
  }

  .flexbox .product__slideshow--nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .product__slideshow-nav-image {
    width: 70px;
    width: 4.375rem;
    height: 70px;
    height: 4.375rem;
    margin: 10px;
    margin: 0.625rem;
    object-fit: cover;
    vertical-align: middle;
    cursor: pointer;
    transition: all 0.25s ease-in-out;

    @if ($product-thumbnails-display == 'rounded') {
      border-radius: 100%;
      border: 1px solid rgba($border-color, 0.8);
      box-shadow: 0 1px 2px rgba($border-color, 0.8);

      &:hover {
        border-color: rgba($accent-color, 0.6);
        box-shadow: 0 1px 2px rgba($border-color, 0.6);
      }
    }
  }
}

@include breakpoint(large-tablet) {
  .product__meta--desktop {
    display: block;
  }

  .product__meta--mobile {
    display: none;
  }

  .product__meta .product__labels {
    text-align: left;
  }

  .product__slideshow {
    @include span($product-showcase-columns, 45px);
  }

  .product__info {
    display: block;
    @include span(12 - $product-showcase-columns, 45px, true);
  }

  .product__meta {
    padding-bottom: 22px;
    padding-bottom: 1.375rem;
    border-bottom: 1px solid $border-color;
  }

  .product__title {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

/**
* Form
*/

.product__form {
  margin-top: 20px;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
}

.product__size-chart {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bolder;
  color: $heading-color;
  text-decoration: underline;
  text-transform: none;
}

.product__quantity {
  width: 90px !important;
  width: 5.625rem !important;
  float: right;
}

.product__form-hint {
  margin: 10px 0 -5px 0;
  margin: 0.625rem 0 -0.3125rem 0;
  font-size: 13px;
  font-size: 0.8125rem;
  text-align: center;
}

.product__buy {
  position: relative;
}

.product__form-status {
  position: absolute;
  width: 100%;
  padding: 16px 10px 25px 10px;
  padding: 1rem 0.625rem 1.5625rem 0.625rem;
  text-align: center;
  border: 1px solid $border-color;
  border-top: none;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 21px 27px 3px $border-color;
  background: $background;
  z-index: 2;

  svg {
    vertical-align: middle;
    margin-left: 10px;
    margin-left: 0.625rem;
  }
}

.product__form-message {
  font-weight: bolder;
}

.product__form-message--success {
  color: #0bb73a;
}

.product__form-message--error {
  color: #e9573f;
}

.product__form-continue {
  font-weight: bolder;
  padding-bottom: 3px;
  padding-bottom: 0.1875rem;
  border-bottom: 2px solid $heading-color;
  color: $heading-color;
}

.product__form-or {
  display: block;
  margin: 10px 0;
  margin: 0.625rem 0;
  padding: 4px;
  padding: 0.25rem;
  font-size: 12px;
  font-size: 0.75rem;
  font-style: italic;
}

@include breakpoint(tablet) {
  .product__form-status {
    padding: 24px 10px 32px 10px;
    padding: 1.5rem 0.625rem 2rem 0.625rem;
  }

  .product__form-or {
    display: inline-block;
    margin: 0 20px;
    margin: 0 1.25rem;
  }
}

/**
* Tabs and description
*/

.product__description {
  padding: 25px 0;
  padding: 1.5625rem 0;  
}
div#demoaddon{
  border-top: 1px solid $border-color;
}
.jdgm-prev-badge{
  @media screen and (max-width: 767px){
    text-align: center !important;
  }
}

.product__description-label {
  display: inline-block;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  text-transform: uppercase;
  font-weight: bolder;
  font-size: 14px;
  font-size: 0.875rem;
  border-bottom: 3px solid $border-color;
}

.product__tabs-title {
  display: none; /* On mobile we use a dropdown insted */
}

.product__tabs {
  clear: both;
  padding-top: 35px;
  padding-top: 2.1875rem;
}

.product__tab-selector {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

@include breakpoint(tablet) {
  .product__tabs {
    padding-top: 65px;
    padding-top: 4.0625rem;
  }

  .product__tab-selector {
    display: none;
  }

  .product__tabs-title {
    display: block;
    text-align: center;
  }

  .product__tab-title {
    display: inline-block;
    margin: 0 15px;
    margin: 0 0.9375rem;
    text-transform: uppercase;
    opacity: 0.6;
    transition: all 0.25s ease-in-out;
    font-weight: bolder;
    cursor: pointer;
    border-bottom: 2px solid transparent;

    &:hover {
      opacity: 1;
    }
  }

  .product__tab-title--active {
    color: $heading-color;
    border-bottom-color: $heading-color;
    opacity: 1;
  }

  .product__tabs-content {
    margin: 50px 0 30px 0;
    margin: 3.125rem 0 1.875rem 0;
  }
}

@include breakpoint(desktop) {
  .product__tab-title {
    margin: 0 45px;
    margin: 0 2.8125rem;
  }
}

/**
* Related products
*/

.related-products {
  @extend .index-module;
  margin-top: 45px;
  margin-top: 2.8125rem;
  background: $product-related-products-background;
}

.related-products__title {
  @extend .index-module__title;
}

.related-products__list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@include breakpoint(desktop) {
  .related-products .product-item {
    @include gallery($product-related-products-desktop-items-per-row, 25px);

    &:nth-child(#{$product-related-products-desktop-items-per-row}n+1) {
      margin-left: 0;
      clear: both;
    }
}
}
.template-gift-card {
  .header {
    padding: 75px 0;
    padding: 4.6875rem 0;
    text-align: center;
  }

  .main {
    margin-top: 0;
  }
}

.gift-card__subheader {
  margin-bottom: 60px;
  margin-bottom: 3.75rem;
  padding: 15px 0;
  padding: 0.9375rem 0;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bolder;
  text-transform: uppercase;
  text-align: center;
  background: $heading-color;
  color: $background;
}

.gift-card__details {
  margin-top: 30px;
  margin-top: 1.875rem;
  text-align: center;
}

.gift-card__issued-text {
  margin-bottom: 0;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: lighter;
}

.gift-card__amount {
  display: block;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
  font-size: 75px;
  font-size: 4.6875rem;
  font-weight: bolder;
  color: $heading-color;
}

.gift-card__code {
  display: inline-block;
  padding: 8px 20px;
  padding: 0.5rem 1.25rem;
  font-weight: bolder;
  font-size: 26px;
  font-size: 1.625rem;
  text-align: center;
  border: 2px solid $border-color;
  border-radius: 4px;
}

.gift-card__qr-code {
  margin: 25px 0;
  margin: 1.5625rem 0;

  img {
    margin: 0 auto;
  }
}

.gift-card__actions {
  margin-top: 50px;
  margin-top: 3.125rem;

  .button {
    display: block;
    margin: 0;
  }

  .button:first-child {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
}

.gift-card__apple-wallet {
  display: block;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

.gift-card__footer {
  text-align: center;
}

.gift-card__copyright {
  margin-top: 50px;
  margin-top: 3.125rem;
  padding: 40px 0;
  padding: 2.5rem 0;
  border-top: 1px solid $border-color;
  font-size: 13px;
  font-size: 0.8125rem;
}

@include breakpoint(tablet) {
  .gift-card__actions {
    margin-top: 50px;
    margin-top: 3.125rem;

    .button {
      display: inline-block;
    }

    .button:first-child {
      margin-right: 15px;
      margin-right: 0.9375rem;
      margin-bottom: 0;
    }
  }
}

@include breakpoint(large-tablet) {
  .gift-card__subheader {
    font-size: 30px;
    font-size: 1.875rem;
  }

  .gift-card__issued-text {
    font-size: 55px;
    font-size: 3.4375rem;
  }

  .gift-card__illustration {
    @include span(5, 75px);
    text-align: center;
  }

  .gift-card__details {
    @include span(7, 75px, true);
    margin-top: 0;
    text-align: left;
  }

  .gift-card__qr-code img {
    margin-left: 0;
  }
}
.template-password {
  .header {
    padding: 75px 0;
    padding: 4.6875rem 0;
    text-align: center;
  }

  .main {
    margin-top: 35px;
    margin-top: 2.1875rem;
    text-align: center;
  }
}

.password__store,
.password__message {
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bolder;
}

.password__opening {
  font-family: 'Give You Glory', 'Arial', 'sans-serif';
  font-size: 32px;
  font-size: 2rem;
  color: $accent-color;
}

.password__register {
  input[type="email"] {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.password__powered-by {
  svg {
    height: 25px;
    height: 1.5625rem;
    vertical-align: middle;
  }
}

.password__footer {
  margin: 80px 0 50px 0;
  margin: 5rem 0 3.125rem 0;
  padding-top: 50px;
  padding-top: 3.125rem;
  border-top: 1px solid $border-color;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: lighter;
  text-align: center;
}

.password__admin-form {
  .form__control {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
}

@include breakpoint(tablet) {
  .password__opening {
    font-size: 48px;
    font-size: 3rem;
  }
}

@include breakpoint(tablet) {
  .password__opening {
    margin-bottom: 50px;
    margin-bottom: 3.125rem;
    font-size: 90px;
    font-size: 5.625rem;
  }

  .password__powered-by {
    @include span(6, 20px);
    margin: 10px 0 0 0;
    margin: 0.625rem 0 0 0;
    text-align: left;
  }

  .password__admin-form {
    @include span(6, 20px, true);
  }
}
.template-index {
  .main,
  .footer {
    margin-top: 0;
  }
}

.index-module {
  padding: 20px 0;
  padding: 1.25rem 0;
  text-align: left;
}

.index-module__title {
  font-family: $heading-font;
  font-size: 22px;
  font-size: 1.375rem;
}

.index-module__products-1 {
  color: $home-featured-products-1-color;
  background: $home-featured-products-1-background;

  .product-item__title {
    color: $home-featured-products-1-title-color;
  }
}

.index-module__products-2 {
  color: $home-featured-products-2-color;
  background: $home-featured-products-2-background;

  .product-item__title {
    color: $home-featured-products-2-title-color;
  }
}

.index-module__collections {
  color: $home-featured-collections-color;
  background: $home-featured-collections-background;
}

.index-module__free-text-1 {
  color: $home-free-text-1-color;
  background: $home-free-text-1-background;
}

.index-module__free-text-2 {
  color: $home-free-text-2-color;
  background: $home-free-text-2-background;



}

.index-module__newsletter {
  color: $home-newsletter-color;
  background: $home-newsletter-background;
}

.index-module__blog {
  background: $home-featured-blog-background;

  .index-module__title {
    color: $home-featured-blog-color;
  }

  .blog__article {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    padding: 15px;
    padding: 0.9375rem;
    background: $background;
    border-radius: 4px;
  }

  .article__image {
    max-width: none;
    width: calc(100% + 30px);
    width: calc(100% + 1.875rem);
    margin-left: -15px;
    margin-left: -0.9375rem;
  }
}

.index-module__newsletter-form {
  max-width: 650px;
  margin: 25px auto 0 auto;
  margin: 1.5625rem auto 0 auto;

  input {
    border: none;
  }

  input[type="email"] {
    background: $home-newsletter-input-background;

    &, &::-webkit-input-placeholder {
      color: lighten($home-newsletter-color, 10%);
    }

    &, &::-moz-placeholder {
      color: lighten($home-newsletter-color, 10%);
    }

    &, &:-ms-input-placeholder {
      color: lighten($home-newsletter-color, 10%);
    }

    &, &::placeholder {
      color: lighten($home-newsletter-color, 10%);
    }
  }

  input[type="submit"] {
    margin-top: 10px;
    margin-top: 0.625rem;
    background: lighten($home-newsletter-color, 10%);
    color: $home-newsletter-background;

    &:hover {
      background: lighten($home-newsletter-color, 5%);
    }
  }
}

.index-module__instagram {
  @if not $home-instagram-show-on-mobile {
    display: none;
  }

  color: $home-instagram-color;
  background: $home-instagram-background;

  .icon-instagram {
    display: inline-block;
    margin-right: 10px;
    margin-right: 0.625rem;
    vertical-align: -1px;
  }
}

.instagram__overlay {
  display: none;
}

.instagram__image-wrapper {
  position: relative;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  font-size: 0;
}

.no-touchevents {
  .instagram__overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 18px 15px 16px 20px;
    padding: 1.125rem 0.9375rem 1rem 1.25rem;
    opacity: 0;
    background: rgba(0, 0, 0, 0.6);
    text-align: left;
    transition: opacity 0.25s ease-in-out;
  }

  .instagram__caption,
  .instagram__date {
    color: #ffffff;
  }

  .instagram__caption {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.55;
    height: 4.65em; /* Exactly three lines */
  }

  .instagram__date {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
  }

  .instagram__image-wrapper:hover {
    .instagram__overlay {
      opacity: 1;
    }
  }

  &.flexbox {
    .instagram__image-wrapper .instagram__overlay {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
  }
}

@include breakpoint(mobile-only) {
  .instagram__image-wrapper {
    @include gallery(2, 10px);

    &:nth-child(2n+1) {
      margin-left: 0;
      clear: both;
    }
  }
}

@include breakpoint(tablet) {
  .index-module {
    padding: 30px 0 38px 0;
    padding: 1.875rem 0 2.375rem 0;
  }

  .index-module__title {
    font-size: 26px;
    font-size: 1.625rem;
  }

  .flexbox .index-module__newsletter-form {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    input {
      margin-top: 0;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }

    input[type="email"] {
      margin-right: 20px;
      margin-right: 1.25rem;
      -webkit-flex: 2.5;
      -ms-flex: 2.5;
      flex: 2.5;
    }
  }

  .index-module__instagram {
    display: block;

    .icon-instagram {
      vertical-align: -3px;
    }
  }

  .instagram__image-wrapper {
    @include gallery($home-instagram-image-per-row, 10px);

    &:nth-child(#{$home-instagram-image-per-row}n+1) {
      clear: both;
      margin-left: 0;
    }
}
}

@include breakpoint(desktop) {
  .index-module {
    padding: 36px 0 44px 0;
    padding: 2.25rem 0 2.75rem 0;
  }

  .index-module__title {
    font-size: 30px;
    font-size: 1.875rem;
  }

  .index-module__products-1 .product-item {
    @include gallery($home-featured-products-1-items-per-row, 25px);

    &:nth-child(#{$home-featured-products-1-items-per-row}n+1) {
      margin-left: 0;
      clear: both;
    }
}

.index-module__products-2 .product-item {
  @include gallery($home-featured-products-2-items-per-row, 25px);

  &:nth-child(#{$home-featured-products-2-items-per-row}n+1) {
    margin-left: 0;
    clear: both;
  }
}

.index-module__collections .collections__item {
  @include gallery($home-featured-collections-items-per-row, 25px);

  &:nth-child(#{$home-featured-collections-items-per-row}n+1) {
    margin-left: 0;
    clear: both;
  }
}
}


#infiniteoptions-container > div {
  margin-bottom: 20px;
}

#infiniteoptions-container > div > label {
  width: 45%;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: bolder;
}

#infiniteoptions-container > div > span {
  display: inline-block;
  width: 55%;
}

#infiniteoptions-container select {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMCIgeT0iMCIgdmlld0JveD0iLTE3LjUgLTEuMyA1MC4xIDI3LjkiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5bGluZSBwb2ludHM9IiAxNi4xIDguNSA3LjYgMTcgLTAuOSA4LjUgIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MjtzdHJva2U6IzAwMCIvPjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-position: right;
  background-position-x: 98%;
  background-size: 33px 33px;
}

/* .product-item__image {
max-width:none !important;
transform: translateX(-15%);
} */


.cartrow {
  float: left;
  width: 100%;
}
.cartcol1
{
  float:left;
  width:70%;


}


.cartcol2
{
  float:left;
  width:30%;

}

button#paypal-express-button {
  width: 100% !important;
  border-radius: 54px !important;
  margin-top:10px;
}


p.conshop {
  border: 1px solid;
  padding: 7px;
  text-align: center;
  font-weight: bold;
  border-radius:54px;
  margin-top:4% !important;
}

.cartcol3 {
  float: left;
  width: 30%;
  text-align:center;
}

.cartcol4 {
  float: right;
  width: 70%;
}

hr.hrline {
  border-top: 1px solid rgba(178, 178, 178, 0.6);
  border-bottom: 0px;
  width: 99%;
  text-align: left;
  margin-left: 0px;
}


/*input.cartquat {
display: inline;
width: 33px;
height: 35px !important;
text-align: center;
border-radius: 0px !important;
line-height: 0px !important;
padding: 0px !important;
position: absolute;
left: 32px;
border-color: #e7e7e7;
background: transparent;
}*/
button.minus {
  width: 50px;
  background: #f2f2f2 !important;
  padding: 2px !important;
  border: 1px solid rgba(158, 158, 158, 0.34);
}
img.minusimg {
  width: 17px;
  height: 10px;
}

span.areacart {
  float: left;
  width: 100%;
}

span.cartnext {
  float: left;
  width:100%;
}



button.plus {
  width: 50px;
  background: #f2f2f2;
  padding: 2px;
  border: 1px solid rgba(158, 158, 158, 0.34);
}

img.plusimg {
  width: 17px;
  height: 13px;
}

img.deleteicon {
  width: 22px;
  float:left;
  margin-top: 4px;
}


p.quantarea {
  margin-bottom: 2% !important;
  float: left;
  width: 100%;
}

.blogtag
{
  color:#3b5998;

}

.blog-data {
  color: #3b5998;
}

.blog-article.single-article {
  padding-right: 3%;
  box-sizing: border-box !important;
}
.desktophide{display:none;}
.mobilehide{display:block;}
.swatch.mobilehide{display:inline-block;}

.header__mobile_searchrow {
  display: none;
}

.tumblerthirdline ,span.tumblersecondline {
  font-weight: normal;
  font-size: 23px;
}

@media(max-width:767px)
{


  #customers  td
  {
    width:100% !important;
    float:left;
  }


  #customers  th
  {
    display:none !important;
  }

  .tumblerthirdline, span.tumblersecondline {
    font-weight: normal;
    font-size: 18px !important;
  }

  span.subhattitle {
    font-weight: normal;
    font-size: 16px !important;
  }

  a.colsimilar span {
    margin-bottom:30px;
  }
  .revstr {
    display: none;
  }

  .header__mobile_searchrow {
    display:block !important;
    padding: 5% 0;
  }

  .desktophide{display:block;}
  .mobilehide{display:none;}
  .swatch.desktophide{display:inline-block;}
  .swatch.mobilehide{display:none;}
  .ss_ulsearch
  {
    width:100% !important;  
  }

  span.header__cart-count {
    background: black !important;
    color: white;
  }

  .header__mobile-nav {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    color: black !important;
    z-index: 5;
  }

  .pagination__prev
  {
    font-size: 21px;  
  }
  .collection-header .form__select .icon
  {
    top: calc(50% - -0.5rem) !important;
  }

  .pagination__next {
    float: right;
    margin-left: 25px;
    margin-left: 1.5625rem;
    padding-left: 32px;
    padding-left: 2rem;
    font-size: 21px;
  }

  .related-products__item.product-item {
    width: 100% !important;
    margin: 0px !important;
  }
  .collection__item.product-item {
    width: 100% !important;
    margin:0px !important;
  }

  .marketing-module__column {
    padding: 4px !important;
  }

  .marketing-module__column+.marketing-module__column {
    margin-left: 0px !important;
  }
  .marketing-module {
    position: relative;
    overflow: hidden !important;

  }
  .marketing-module__column {
    width: calc(50.9% - 1%) !important;
  }

  .marketing-module__column {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    white-space: normal;
    float: left;
    overflow: hidden;
  }

  .sizecol {
    float: left;
    width: 100% !important;
    text-align: center;
  }

  ul.slick-dots {
    display: none !important;
  }

  span.top-bar__message {
    text-align: center;
    display: block;
    color: white;
    font-size: 12px !important;
    text-shadow: 1px 1px 1px black;
    padding-bottom: 6px !important;
    padding-top: 2px;
  }


  .desktopproduct
  {
    display:none !important; 

  }

  .headcol4
  {
    display:none !important; 

  }

  .cartrow
  {
    text-align:center;  
  }

  .shipwholetext1 {
    float: left;
    width: 100% !important;
    text-align: center;
  }

  .shipwholetext2 {
    float: left;
    width: 100% !important;
    text-align: center;
  }

  img.trsuti {
    max-width: 59px;
    width: 100%;
  }
  .product__description #tabs.ui-widget .ui-tabs-nav li:before:first-child {
    content: '';
    position: absolute;
    bottom: 1px;
    left: -30px;
    width: 100%;
    height: 100%;
    display: block;
    background: url('/cdn/shop/t/7/assets/default-tab-w.png?7083412410986224207') no-repeat left top;
  }
  p.mobilecarttitle {
    float: left;
    width: 100%;
    display:block !important;
    margin:0px !important;
  }

  button.checkoutcartbtn
  {
    max-width: 100% !important;
  }

  a.conshop {
    max-width: 100% !important;
    margin-top: 0;
  }

  button.minusbt
  {
    height:35px !important;  
  }

  button.plusbt
  {
    height:35px !important;  
  }



  .cartcolnew3 {
    float: left;
    width: 60% !important;
  }

  .cartcolnew5 {
    float: left;
    width: 20% !important;
  }

  .cartcolnew4 {
    float: left;
    width: 10%;
    display: none !important;
  }

  .cartcolnew2 {
    float: left;
    width: 35%;
    display: none !important;
  }

  .mobilehiddencart
  {
    margin-top: 17px;
  }

  .bgscol1 {
    float: left;
    width: 100% !important;
  }
  /*     .headercart
  {

  display:none !important; 
} */

  img.shopbtncenter {
    position: absolute;
    bottom: 11%  !important;
    left: 35% !important;
    max-width: 98px !important;
    z-index: 99999999999999999;
  }

  img.shopbtnright {
    position: absolute;
    z-index: 999999999999999;
    right: 6%;
    bottom: 24%;
    max-width: 87px !important;
    border-radius: 2px;
  }

  img.shopbtn {
    position: absolute;
    bottom: 24%;
    max-width: 87px !important;
    left: 6%;
    width: 100%;
    border-radius: 2px;
    z-index: 999999999999999;
  }

  a.homelink {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 999999999999999999;
    position:relative !important;
  }

  .blog-article.single-article {
    padding-right:0% !important;

  }
  .blogcol1
  {
    width:100% !important; 

  }

  .blogcol2
  {
    width:100% !important; 

  }
  .contentcol1
  {
    width:100% !important;  

  }

  .contentcol2
  {
    width:100% !important;  

  }


  .homefiltercat
  {

    //display:none !important;
  }

  .headcol1
  {

    width:100% !important;
    float:left;

  }

  .reviewcol {
    float: left;
    width: 100% !important;
    text-align: center;
  }

  span.ls-message-param {
    font-size: 11px !important;
  }

  select.ls-add-to-cart-dropdown {
    font-size: 12px !important;
    height: 27px !important;
  }

  .header__logo-image {
    max-width: 300px;
    max-height: 35px !important;
  }
  .header
  {
    padding:6px !important;  

  }

  .cartcol1 {
    float: left;
    width: 100%;
  }

  .cartcol2 {
    float: left;
    width: 100%;
  }

  .cartcol3 {
    float: left;
    width: 30%;
    padding-right: 8px;
  }

  .header__push-filter span
  {
    display:block !important;
  }
  .header__push-filter--sort select
  {
    width:100% !important; 
  }
  .selectstyle.ss_dib.google {
    margin-top: 0 !important;  
    display:block !important;
  }
  .ss_dib{display:block !important;}
  .ss_button, .ss_dib.ss_text
  {
    width:100% !important; 
    display:block !important;
  }
  .homefiltercat
  {
    width: 100%;
  }

}

@media(min-width:320px) and (max-width:980px)
{
  span.areacart {
    float: left;
    width: 80%;
  }
  span.cartnext {
    float: left;
    width: 20%;
  }




}

.cartbtn
{

  border-radius:54px;

}

.reviewcol {
  float: left;
  width: 50%;
  text-align: center;
}
.reviewrow {
  float: left;
  width: 100%;
}

h1.reviewtitle {
  margin-bottom: 3%;
  margin-top: 2%;
  font-size: 22px !important;
}

img.reviewimg {
  border-radius: 50%;
  width: 100%;
  max-width: 201px;
  margin-top:2%;
  margin-bottom:1%;
  max-height:165px;
}


p.reviewtext {
  padding: 0% 3%;
  margin-bottom: 2%;
  max-width: 477px;
  margin: 0px auto;
  font-size:13px;
}

.headcol1 {
  float: left;
  width: 20%;
  overflow: hidden;
}

.headcol3 {
  float: left;
  width: 50%;
}


button.submithead {
  position: absolute;
  right: 0pc;
  top: 0px;
  height: 36px;
  width: 38px;
  background: #3b5998;
  border: 0px !important;
  color:white;
}

input.searchinputhead {
  height: 36px;
  border-radius: 0px !important;
  color: black;
  border-color:#196FB2;
  padding: 0 88px 0 10px;
}
.headcol4 {
  float: left;
  width:20%;
  position:relative;
}

input.footer__submit {
  color:{{ settings.primary_button_color }} !important;
  background: #000000;
  border-radius: 0px;
}

.homefiltercat {
  display: inline-block;
  // float: right;
  margin: 10px 0 !important;
  // margin-left: 17px !important;
  //   max-width: 250px;
}
.header__push-filter span
{
  display:inline-block; 
}
.header__push-filter--sort select
{
  height:45px !important; 
  //width:207px;
}

@media(min-width:768px) and (max-width:980px)
{

  input.cartquat
  {
    //height:30px !important;  

  }

  .header__push-filter--sort
  {

    // max-width: 140px !important;

  }

}

button#AddToCart {
  background:{{ settings.product_cartbtn }};
  color:{{ settings.product_button_text }};
  margin-top:0;
  .product__price{
    color:{{ settings.product_button_text }};
  }
}



.blogrow {
  float: left;
  width: 100%;
}
.blogcol1 {
  float: left;
  width: 72%;

}
.blogcol2 {
  float: right;

  width:28%;
}
.contentcol1 {
  float: left;
  width: 30%;

}
img.blogimg {
  width: 95%;
}
.contentcol2 {
  float: right;
  width:70%;
}

h1.entry-title {
  margin-bottom: 2px;
  padding: 0px;
  font-size: 23px;
}

h1.entry-title a {
  color:#58b11d;
}

.blogrow.innerrow {
  margin-bottom: 4%;
}
strong {
  color:{{ settings.heading_color }};
}

.blogbutton {
  padding:15px 26px !important;
  background: #3b5998 !important;
  border: 1px solid white !important;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.51);
  color:white !important;
}

button.klaviyo_submit_button
{
  padding:8px 26px !important;
  background: #3b5998 !important;
  border: 1px solid white !important;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.51);
  color:white !important;

}

img.sidebarimage {
  width: 100%;
}

.blognewsletter
{

  max-width:500px !important;

}
.sidebarrow2 h4
{
  color:white; 

}
.sidebarrow3 h4
{

  color:white;

}


.sidebarrow3 p
{

  color:white;

}

.sidebarrow2 {
  float: left;
  width: 100%;
  height: 50px;
  background:#58b11d;
  text-transform: uppercase;
  padding-top:12px;
  padding-left: 5%;
  box-sizing: border-box;
  color: white;
  margin-bottom: 13px;
  margin-top: 9px;
}

input#k_id_email {
  border-radius: 0px !important;
}

.sidebarrow3 {
  background: #3b5998;
  float: left;
  width: 100%;
  padding: 5%;

  box-sizing: border-box;
}

.sidebarrow4 {
  float: left;
  width: 100%;
  height: 50px;
  background: #58b11d;
  text-transform: uppercase;
  padding-left: 5%;
  box-sizing: border-box;
  color: white;
  margin-bottom: 13px;
  margin-top: 9px;
  padding-top:12px;
}

.sidebarrow4 h4 {
  color:white;
}

ul.sidebarpost a {
  font-size: 16px;

  color:#3b5998;
}


.sidebarpost {
  list-style: none inside !important;
  margin: 0px;
  margin-left: 5%;
}


.success_message {
  color: #cddc39 !important;
}

a.homelink {
  display: block;
  width: 100%;
  height: 100%;
  z-index: 999999999999999999;
  position: absolute;
}
.prod_image
{
  width:30%;
  float:left;
}

.prod_info
{
  float: left;
  width: 70%;
  padding: 20px;
}
.prod_info .product__quantity
{
  float: none;
  margin: 10px 0;
  padding: 7px;
  width: 142px !important;
}

img.shopbtn {
  position: absolute;
  bottom: 24%;
  max-width:250px;
  left: 6%;
  width: 100%;
  border-radius:2px;
  z-index:999999999999999;
}

img.shopbtnright {
  position: absolute;
  z-index:999999999999999;
  right: 6%;
  bottom: 24%;
  max-width: 250px;
  border-radius:2px;
}

img.shopbtncenter {
  position: absolute;
  bottom: 40%;
  left:39%;
  max-width: 319px;
  z-index:999999999999999;
}

p.mobilecarttitle {
  display:none;
}

img.trustcartlogo {
  float: left;
  max-width: 320px;
  width: 100%;
}


button.submitfoot {
  position: absolute;
  background: black;
  border: 0px;
  top:0px;
  right: 0px;
  padding: 6px;
  font-size: 17px;
  width: 37px;
}

input.searchinputfoter {
  max-width: 236px;
  width: 100%;
  padding: 9px;
  color: black;
}

form.searchfooter {
  position: relative;
}

li.header__actions-item.carthead {
  position: relative;
  top:7px;
}

i.fa.fa-shopping-cart.carticob {
  font-size: 26px;
}

.headerbar span.counter {
  position: absolute;
  background:#678aab;
  width: 23px;
  height: 23px;
  text-align: center;
  right: 15px;
  border-radius: 12px;
  bottom: 23px;
  font-size: 14px;
  color: white;
}
/****************own**************/

input.footer__submit.footerbtnnew {
  background: #64ba5f;
  float: right;}
input.footer__input {
  float: left;
  width: 68%;
  clear: both;
}
h3.footer__title.newfootertitle{clear:both;
  padding-top: 8px;
}

input.footer__submit.footerbtnnew {
  background: #64ba5f;
  width: 32% !important;
}

.rettu  {
  width: 68% !important;
  margin-left: -158px !important;
}


.footer__input::placeholder
{

  color:black;

}

.footer__input::webkit-placeholder
{

  color:black;

}

.fb_iframe_widget {
  display: inline-block;

  position: relative;
}


.mobileproduct
{
  display:none; 
  margin-bottom:3%;
}

.productarea{
  display: inline-block;
}
button.productplus{
  background: white;
  color: black;
  border-color: #cccccc !important;
  height: 35px;
  width: 35px;
  border: 1px solid;
  border-left:0;
  float: left;
  -webkit-text-stroke: 2px white;
}

input.product__quat {
  width: 35px !important;
  text-align: center;
  line-height: 0px;
  padding: 0px !important;
  height: 35px !important;
  border-radius: 0px;
  float: left;
  border: 1px solid #cccccc;
}

button.productminus {
  background: white;
  color: black;
  border-color: #cccccc;
  width: 35px;
  border: 0px;
  height: 35px;
  border: 1px solid #cccccc;
  border-right: 0px;
  float: left;
  -webkit-text-stroke: 2px white;
}


form#contact_form {
  position: relative;
  width: 100%;
  display: inline-block;
  .rettu{
    margin: 0!important;
    height: 41px;
  }
  @media screen and (max-width: 767px){
    input.footer__submit.footerbtnnew{
      padding: 5px 0;
      text-align: center;
    }
  }
}

span.top-bar__message {
  text-align: center;
  display: block;
  color: white;
  font-size: 20px;
  text-shadow: 1px 1px 1px black;
}


.form__control.qty {
  //  display: none;
}




$duration: 5s;
$text-color:hsla(185, 65%, 21%, 0.68);
$bgr-color:black;




a[href='/pages/message'] {
  font-size:16px;
  margin: 0 auto;

}


a[href='/pages/message'] {
  background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
  background-image: -webkit-linear-gradient(-40deg, transparent 0%, transparent 40%, #fff 50%, transparent 60%, transparent 100%);
  -webkit-background-size: 200px;
  color: $text-color;
  -webkit-background-clip: text;
  -webkit-animation-name: shine;
  -webkit-animation-duration: $duration;
  -webkit-animation-iteration-count: infinite;
  text-shadow: 0 0px 0px rgba(255, 255, 255, 0.5);
}

@-webkit-keyframes shine {
  0%, 10% {
    background-position: -1000px;
  }
  20% {
    background-position: top left;
  }
  90% {
    background-position: top right;
  }
  100% {
    background-position: 1000px;
  }
}


.sizerow {
  float: left;
  width: 100%;
}

.container.infocontent {
  text-align: center;
  background: #54d7e3;
  font-weight: bold;
  font-size: 20px;
  padding: 13px;
  box-sizing: border-box;

}

h1.infohead {
  color: #3b5998;
  font-size: 26px;
}

.sizecol {
  float: left;
  width: 50%;
  text-align: center;
}


/** default and google theme **/
.selectstyle{position:relative;}
.ss_dib{display:inline-block;vertical-align:top;font-size: 0.875rem;font-weight: normal;}
.ss_button{margin:0;vertical-align:top;color:#000000;border: 1px solid #cbcbcb;border-radius:3px;width:207px;cursor:pointer;text-decoration:none;background:none;padding:10px;overflow:hidden;clear:both;display:inline-block;vertical-align:top;font-size:12px;font-weight:bold;word-break:break-all;}
.ss_text{white-space:normal;text-overflow:ellipsis;text-indent:0;white-space:nowrap;overflow:hidden;}
//.ss_image{position:absolute;width:7px;height:11px;background:url({{ 'google.png' | asset_url }}) no-repeat;}
.ss_ul{ width: 207px !important; list-style:none;padding:8px 0; margin:0; margin-top:0px !important;  position:absolute;background:#fff;border:1px solid #ccc;-moz-box-shadow:0 1px 5px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 5px 1px rgba(0,0,0,0.1);box-shadow:0 1px 5px 1px rgba(0,0,0,0.1); border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; display:none;overflow:auto;z-index:100;}
.ss_ulsearch{margin:0; margin-top:-35px;position:absolute;background:#fff;border:1px solid #ccc;-moz-box-shadow:0 1px 5px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 5px 1px rgba(0,0,0,0.1);box-shadow:0 1px 5px 1px rgba(0,0,0,0.1); border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;overflow:auto;z-index:100;display:none;}
.ss_ulsearch .ss_ul{display:block;position:relative;margin-top:0;border:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
.ss_ulsearch .search{border-bottom:1px solid #ccc;padding:0;}
.ss_ulsearch .search input{background:inherit;border:none;height:100%;padding:10px 15px;outline:none;font-size:14px;
  //width:calc(100% - 30px);width:-webkit-calc(100% - 30px);width:-moz-calc(100% - 30px);width:-o-calc(100% - 30px);

  width:100%;
  background:url({{ 'ful_grid_img.png' | asset_url }}) no-repeat;background-position: top 8px right 6px;}
.ss_ulsearch .search input:focus{outline:none;}
.ss_ulsearch .nosearch{text-align:center;font-size:12px;padding-bottom:10px;background:#fff;}
.ss_ul li{padding:10px 15px;cursor:pointer;border:none;text-align:left;color:#595959;transition-duration:.3s;-moz-transition-duration:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s;font-size:14px;}
.ss_ul li:hover{border:none;background:#eee;}
.ss_ul li .ssli_text{vertical-align:top;display:inline-block;}
.ss_ul li .ssli_image{display:inline-block;width:16px;height:16px;margin-right:10px;margin-top:-1px;vertical-align:top;}
.ss_ul li .ssli_image img{width:16px;height:16px;}
.ss_ul::-webkit-scrollbar {width:10px;}
.ss_ul::-webkit-scrollbar:horizontal{height:10px;}
.ss_ul::-webkit-scrollbar-track {border-left:1px solid #D3D3D3;background:#F5F5F5;}
.ss_ul::-webkit-scrollbar-thumb {background:#C4C4C4;}
.selectstyle.ss_dib.google{margin-top:-8px;}

button.searchbtnmob {
  position: absolute;
  right: 19px;
  bottom: 19px;
  height: 42px;
  width: 42px;
  background: #54d7e3;
  border: 0px;
  color: white;
}


.searchmob {
  font-weight: bold;
  border-bottom: 2px solid;
  padding: 0px;
  max-width: 54px;
  margin: 0px auto;
  line-height: 15px;
}

span.colfi {
  display: block;
  width: 195px;
  float: left;
}

.header__push-filter--sort select
{

  width:207px; 
}
.headerbarmenu .container {
  position: relative;
}
li.menu__item:nth-last-child(2) {
  margin-right: 0;
}
ul.cartmenu li{
  display: block; 
  //  position: relative;
  font-size: 16px;
  font-weight: bold;
  padding-right: 1%;
}
.headbarcol5 {
  position: absolute;
  right: 16px;
  top: 0px;
}
@media (min-width: 100em)
{
  .slideshow--cropped .slideshow__slide {
    min-height: 900px;
    background-position: center center;
    background-size: cover;
  }
  img.shopbtncenter {
    position: absolute;
    bottom: 38%;
    left: 42%;
    max-width: 319px;
    z-index: 999999999999999;
  }   
}
/*
@media(max-width:1024px)
{
input.cartquat
{
height: 33px !important;
}

}
*/


input.quatinp { 
  border-left: 0px !important;
  border-right: 0px !important;
}

input.quatinp {    
  margin: 0;
  webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  border: 1px solid #cccccc;
  max-width: 100%;
  padding: 8px 20px;
  border-radius: 2px;
  height: 50px;
  font-size: 16px;
  color: #343434;
  background: transparent;

}

input.quatinp{
  width:35px;
  border-radius: 0;
  padding: 0;
  text-align: center;
  //height: 50px !important;
  height: 35px !important;
}

.entry-holder {
  position: relative;
  width: 35px !important;
}

button.entry-holder {
  background: none;
  display: inline-block;
}

.entry-holder {
  border: 1px solid #cccccc;
  width: 100%;
  //height: 50px;
  height:35px;
  -webkit-text-stroke: 2px white;
}


button.entry-holder {
  background: none;
  display: inline-block;
}


.entry-holder button {
  border: 1px solid #cccccc;
  width: 100%;
  //height: 50px;

}
.cartqua{
  display:inline-flex;
}

@media(max-width:767px) {
  #mob_rev{display:inline-flex !important;}
  input.quatinp {
    width: 35px;
    border-radius: 0;
    padding: 0;
    text-align: center;
    height: 35px !important;
  }
  button.minusbt {

    height: 35px !important;
  }
  button.plusbt {

    height: 35px !important;
  }
  .entry-holder {

    width: 35px !important;
  }
}
.checkout-btn:after
{
  content: '\2192';
  font-size: 30px !important;
  padding-left: 4px; 
  line-height: 18px;
}
.addtocart,.mobileprice
{
  font-size: 22px;
}

.product__description-label.desktop-msg
{
  display:inline-block;
}
@media(max-width:480px){

  .addtocart,.mobileprice
  {
    font-size: 20px;
  }  
  .product__description-label.mobile-msg 
  {
    display:block !important;
    text-align:center;
    font-size: 1rem;
  }
  .product__description-label.desktop-msg
  {
    display:none;
  }

}

@media(max-width:480px){
  .addtocart,.mobileprice {
    font-size: 20px;  
  }
  .product__buy .button  {
    padding: 0.9375rem 5px; 
  }
}
.product-item__colors .swatch.active::after {
  position: absolute;
  content: '\e900';
  top: -10px;
  top: -0.625rem;
  right: -6px;
  right: -0.375rem;
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
  font-family: 'icomoon';
  line-height: 18px;
  color: #ffffff;
  background: #26b522;
  border-radius: 10px;
  font-size: 7px;
  font-size: 0.4375rem;
  text-align: center;
}
/* #variant_change {
display: inline-grid;
display:-moz-groupbox;
} */
#variant_change .selector-wrapper:nth-child(2) {
  order: 6;
}
#variant_change .selector-wrapper:nth-child(6) {
  order: 2;
}


div#isp-related-widget-1 {
  width: 100%;
  overflow: hidden;
}
/*============================================================================
#Drawers
==============================================================================*/
/*============================================================================
Layer promotion mixin for creating smoother animations with higher FPS.
==============================================================================*/

// Drawers
$drawerNavWidth: 300px;
$drawerCartWidth: 600px;
$colorDrawers:#ffffff;
$colorDrawerBorder: darken($colorDrawers, 5%);
$colorDrawerText:#000000;
$drawerTransition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);

// Sizing variables
$siteWidth: 1180px;
$gutter: 30px;
$gridGutter: 30px; // can be a %, but nested grids will have smaller margins because of it
$radius: 3px;

// Z-index
$zindexNavDropdowns: 5;
$zindexDrawer: 9999;

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


.drawer {
  -webkit-transform: translateZ(0);
  will-change: transform;
  display: none;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  top: 0;
  bottom: 0;
  padding: 0 ($gutter / 2) ($gutter / 2);
  max-width: 95%;
  z-index: $zindexDrawer;
  color: $colorDrawerText;
  background-color: $colorDrawers;
  transition: $drawerTransition;

  a {
    color: $colorDrawerText;

    &:hover,
    &:focus {
      opacity: 0.7;
    }
  }

  input,
  textarea {
    border-color: #cccccc;
  }
}

.drawer--left {
  width: $drawerNavWidth;
  left: -$drawerNavWidth;
  border-right: 1px solid $colorDrawerBorder;


}

.drawer--right {
  width: $drawerCartWidth;
  right: -$drawerNavWidth;
  border-left: 1px solid $colorDrawerBorder;



}


.js-drawer-open-right .drawer--right {
  display: block;
  -ms-transform: translateX(-300px);
  -webkit-transform: translateX(-300px);
  transform: translateX(-300px);
  z-ndex:111111;
}


.drawer__header {
  position: relative;
  display: table;
  height: 70px;
  width: 100%;
  margin-bottom: $gutter / 2;
  border-bottom: 1px solid $colorDrawerBorder;
}

.drawer__title,
.drawer__close {

  vertical-align: middle;
}

.drawer__title {
  width: 100%;
}

.drawer__close {
  position: absolute;
  right: 0;
  margin-top:3%;
  top: 0;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}

.drawer__close button {
  position: relative;
  right: -20px;
  height: 100%;
  padding: 0 20px;
  color: inherit;

  &:active,
  &:focus {
    background-color: darken($colorDrawers, 5%);
  }
}
.ajaxcart__footer .cartrow.removecartborder , .drawer-row
{
  text-align:center;
}
.ajaxcart__footer button.checkoutcartbtn
{
  float:none !important;
  margin:0 auto;
  font-size: 1.5rem;
  max-width:600px;
}
.drawer a.conshop
{
  color:#2b80d8;
  margin:0;
  float:none !important;
}
.ajaxcart__qty-remove
{
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  background: #fff;
  border: 1px solid #ddd !important;
  color: #000 !important;
  font-weight: normal;
}
#CartDrawer .cartrow.first_cart_row
{
  margin-top: 20px;
}

#DrawerOverlay
{
  position: fixed;
  z-index: 1499;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: black;
  opacity: 0;
  transition: width 0s linear 0.6s,opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}
.js-drawer-open #DrawerOverlay {
  width: 100%;
  opacity: 0.4;
  transition: opacity 0.4s,width 0s linear 0s;
}
.testimonial
{
  width: 90%;
  margin: 0 auto;
  display: block;
}
#CartDrawer .cartcolnew33
{
  color:#000000;
}
#CartDrawer .total
{
  font-size:20px;
}
#CartDrawer .shiptextcarttotal, .bottomrow
{
  margin-bottom: 10px;
}
#CartDrawer .conshop
{
  font-size:18px;
}
.bottomrow img
{
  width:90%; 
}
.order-block
{
  text-align: center;
  margin: 10px 0;
  font-weight: bold;
}

@media (max-width: 480px) {
  .drawer--right
  {
    top: 10%;
    bottom:10%;
    right: -289px;
    overflow-y: scroll;
  }

}


.cart__checkout:after, .checkout-btn:after {
  /*  content: '\2192';
  font-size: 30px !important;
  padding-left: 4px;
  line-height: 18px;*/
}

.emptycont
{
  text-align:center;
  font-weight:bold;
}

.proontico
{

  margin-left:9px; 
}

.form__controlblog {
  float: left;
  position: relative;
  width: 100%;
  z-index: 1;
  margin-top:2%;
}
span.fa.fa-star.checked,span.fa.fa-star-half-o {
  color: #f9be02 !important;
}
span.fa.fa-star
{
  color: #cccccc !important;
}
.slider .rating
{
  display: block;
  padding: 0 5px;
}
@media(max-width:375px){
  #shopmessage-checkbox {
    text-align: center;
    margin-top: 25px;
    margin-left:60px;
    overflow:hidden;
  }
}
@media(min-width:411px){
  #shopmessage-checkbox {
    text-align: center;
    margin-top: 25px;
    margin-left:70px;
    overflow:hidden;
  }
  /*body.focal.focal--v4.template-cart .fotter{display:none !important;}*/
}

.product__prices.desktopproduct{
  display: block;
}
@media(min-width:961px){
  a#top_reviews {
    width: 60%;
    padding: 5px 0 0 0;
  }
  .price_block {
    width: 35%;
  }
  .product__prices.desktopproduct {
    width: 100%;
  }

  // .product__prices.mobileproduct {
  //   display: block;
  // }

}
.tot_rev{
  margin-left:5px;
  text-decoration: underline;
}
a#top_reviews {
  display: inline-flex;
}
.secure-lock {
  width: 22px;
  display: inline-block;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.table_desc{

  margin-bottom:unset !important;

}

a.product-item__title{font-size:15px}.product-item__price{font-size:14px}.button,.command-button{border:1px solid #d9d9d9}span .button,.cycle-button,.round-button,.square-button{display:inline-block;position:relative}span.button.info.block-shadow-info.text-shadow{display:block}.button{text-align:center;color:{{ settings.primary_button_color }};cursor:pointer;outline:0;line-height:0;margin-top:-20px}.button:focus{outline:0}.button.info{color:#0115d6;text-decoration:underline;border:0;text-transform:unset!important;font-size:15px}button.button.info.block-shadow-info.text-shadow{display:inline-block!important}.collection__list{display:-webkit-flex;display:-ms-flexbox;display:inline-block;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media(max-width:767px){button.button.info.block-shadow-info.text-shadow{margin-bottom:14px}}.info{background-color:unset!important}
span.button {
  padding: 14px;
}

// .product__prices.mobileproduct{
//   display:block;
// }

.sticky-atc-btn{
  position: fixed;
  z-index: 1000;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  bottom: -110px;
  left: 0;
  right: 0;
  background: #fff;
  padding: 15px 15px;
  box-shadow: 0 -1px 5px rgba(0,0,0,0.1);
  -webkit-transition: all 0.35s ease 0s;
  -moz-transition: all 0.35s ease 0s;
  -ms-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  transition: all 0.35s ease 0s;
  &.active{
    bottom: 0;
  }
}
.js-drawer-open .sticky-atc-btn{
  bottom: -110px;
}
.sticky-atc-btn img{
  width: 71px;
  float: left;
}
.sticky-atc-btn div{
  display: block;
  overflow: hidden;
  padding-left: 10px;
  position: relative;
}
.sticky-atc-btn h1{
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0;
  max-width: calc(100% - 50px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sticky-atc-btn .price{
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  color: #DC5653;
  font-weight: 600;
}
.sticky-atc-btn button#AddToCart{
  margin: 5px 0 0 0;
  font-size: 14px;
  border: 0;
  padding: 12px 15px;
}
.sticky-atc-btn .AddToCart span{
  font-size: 16px;
}
@media screen and (min-width: 960px){
  .sticky-atc-btn{
    display: none;
  }




}
@media screen and (max-width:960px){
  .custom-left {
    width: 100%;
    float: left;
    margin-top: 0;
  }
  .custom-right {
    width: 100%;
    border-left: 1px solid grey;
  }

}

a.colsimilar span {
  color:#7E8AFA !important;

}


li[data-title='rr_tack_illbringthe']
{

  display:none !important;

}
.menu--mobile .menu__icon-container{
  padding:3px;
}


span.subhattitle {
  font-weight: normal;
  font-size: 23px;

  //color:red;
}


.sticky-badge{
  /*      display:none; */
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
  max-width: 117px;
  @media screen and (max-width: 767px){
    right: 5px;
    top: 5px;
  }
}

.jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel{
  width:100% !important;
  background: white; 
}

.jdgm-widget *{
  text-align:left;

}


.jdgm-carousel-item__review-rating{
  text-align:left;

}

.jdgm-carousel-item__reviewer-name-wrapper{
  margin:10px 0px !important;

}

.jdgm-ellipsis{
  text-align:center;
}


.jdgm-carousel-item__product{
  height:20% !important;

}

span.slidertext {

  text-align: center;
  font-weight: bold;
  color: red;
}


.popular-brands{list-style:none; 
  float: right;
  color:#000;
  margin-top:15px;
  font-size:18px;
  font-weight:400;

  li{ display:inline-block;
    a{text-decoration: underline;
      margin:4px 4px; 
      color:#000;
      font-weight:400;

    }

  }

}

section.footer__modulesecond
{
  text-align:center; 
}
.rte{color: #000 !important;}


img.tableimg {
  max-width:116px;
  margin:0px;
  border-radius: 17%;
}

#customers {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  text-align:center;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align:center;
  background-color:#5d8bae;
  color: white;
}
#customers td
{
  font-size:12px; 
}
.new {
  color: #64ba5f;
  font-weight: bolder;
  font-size: 1.5rem;
}
.compare {
  color: red !important;
  font-weight: bolder;
  font-size: 1.5rem;
}
.compare .product__price  {
  color: red !important;
  font-weight: bolder;
  font-size: 1.5rem;
}

.product__prices{
  margin-top: 20px;
  p{
    margin: 5px 0 0 0;
    font-weight: normal;
    .product__price{
      margin: 0 0 0 5px;
      display: inline-block !important;
    }
    &.compare{
      font-size: 20px;
      span{
        font-size: 20px;
        font-weight: normal;
      }
    }
  }
}

.sezzle-product-page-widget{
  display: none;
}
.sezzle-shopify-info{
  .sezzle-product-page-widget{
    display: block;
    margin-top: 5px!important;
    text-align: center;
    + .sezzle-product-page-widget{
      display: none;
    }
    .sezzle-checkout-button-wrapper{
      text-align: center;
      .sezzle-button-text,.sezzle-checkout-button{
        display: inline-block;
        float: none;
        vertical-align: middle;
      }
      .sezzle-checkout-button{
        margin-left: 5px;
        div,img{
          display: inline-block;
          vertical-align: middle;
        }
      }
    }
  }
}


#rainow {
  max-width: 100%;
  display: inline-block;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  text-align: center;
}
#rainow th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
}
#rainow td, #rainow th {
  border: 1px solid #ddd;
  padding: 8px;
}
#rainow td {
  font-size: 12px;
}
#rainow img {
  max-width: 116px;
  margin: 0px;
  border-radius: 17%;

}

@media (max-width: 991px) {
  #rainow img {max-width: 70px !important;}
  .menu--desktop .menu__item {
    font-size: 14px;
  }

}

@media (max-width: 767px) {
  #rainow td, #rainow-two td {
    width: 100% !important;
    float: left;

  }
  #rainow th {
    display: none !important;
  }
  #rainow img {display:table;margin:0 auto;
    max-width: 100%;}
  #rainow tr,  #rainow-two tr {
    border-bottom: 2px solid #000;
  }
}

.headercart h1 img{
  width: 300px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px;
}
.jdgm-prev-badge__text{
  color: #3B5998;
}

.bc-sf-filter-product-item-image-link{
  height: auto!important;
}
.bc-sf-filter-product-item-flip-image{
  margin: 0!important;
}

@media screen and (min-width: 767px){
  .showmobile{
    display: none;
  }
}
@media screen and (max-width: 767px){
  .showdesktop{
    display: none;

  }
  body.focal.focal--v4.template-cart .mobile-footer-search{display:none !important;}

}
span.gv_desc {
  width: 100%;
  display: inline-flex !important;
  margin-bottom: 10px;
}
.gv_desc img {
  width: 35px;
  height: 35px;
  display: inline-flex !important;
}
.gv_desc p {
  margin-left: 2% !important;
}
input.chk_up {
  margin-right: 5px;
  position: relative;
  top: 2px;
}
.headerbar.fotter{
  background: #E4E4E4;
}
.mobile-footer-search{
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 15px;
  position: relative;
  .mobile-search__input{
    border: 2px solid #3B5998;
    border-radius: 0;
    height: 40px;
    padding: 0 15px;
    width: 70%;
    float: left;
  }



  button.searchbtnmob{
    height: 40px !important;
    background: #3B5998;
    padding: 0 10px;
    text-align: center;
    font-size: 12px !important;
    width: 30%;
    bottom: 0;
    right: 0;
    float: left;
    vertical-align: top;
    position: relative;
    line-height: 0;
  }
}

.see_deatil {
  display: inline-block;
  cursor: pointer;
  border-bottom: 1px solid;
}
.popup_image{
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s ease 0s;
  -moz-transition: all 0.35s ease 0s;
  -ms-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  transition: all 0.35s ease 0s;
  .popup_image_overlay{
    background: rgba(0,0,0,0.5);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .popup_image_wrap{
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    width: 100%;
    max-width: 600px;
    position: relative;
    text-align: center;
    .close_pop_img{
      position: absolute;
      right: 10px;
      top: 10px;
      width: 30px;
      text-align: center;
      font-size: 22px;
    }
    @media screen and (max-width: 610px){
      width: auto;
      margin: 15px;
      .close_pop_img{
        right: 3px;
        top: 5px;
        width: 25px;
        font-size: 16px;
      }
    }
  }
  &.in{
    opacity: 1;
    visibility: visible;
  }
}
#row-2152766177398 .cartcolnew22 .cartqua{
  display: none!important;
}
@media screen and (max-width: 767px){
  .desktop-review{
    display: none!important;
  }
  .cartrow.innerpro{
    .cartcolnew33{
      p{
        font-size: 12px;
        position: relative;
        right: 0;
        width: 100%;
        display: inline-block;
        vertical-align: top;
        a{
          display: inline-block;
        }
      }
    }
  }
  .footermobcol1:nth-child(6){
    border-bottom: 1px solid;
    .footer__titlemob{
      display: none;
      + div{
        display: block!important;
        padding: 10px 0 0;
        font-weight: bold;
        text-transform: uppercase;
      }
    }
  }
}
.top_bar{
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

.contact-popup{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000000;
  opacity: 0;
  visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.35s ease 0s;
  -moz-transition: all 0.35s ease 0s;
  -ms-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  transition: all 0.35s ease 0s;
  .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
  }
  .contact-popup-wrap{
    background: #fff;
    position: absolute;
    border-radius: 4px;
    padding: 30px 30px 0;
    max-width: 600px;
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 15px;
    overflow-x: hidden;
    overflow-y: auto;
    margin: auto;
    max-height: 550px;
    .close{
      position: absolute;
      right: 3px;
      top: 3px;
      width: 30px;
      height: 30px;
      text-align: center;
      font-size: 22px;
    }
    h3{
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
    }
    form{
      vertical-align: top;
      .alert{
        border: 0;
        margin: 0 0 30px;
        padding: 15px;
        text-align: center;
        font-weight: bold;
        border-radius: 4px;
      }
      .alert--success{
        background: green;
        color: #fff;
      }
      .alert--error{
        background: red;
        color: #fff;
      }
      .form-control{
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 20px;
        label{
          font-weight: bold;
          width: 100%;
          display: inline-block;
          vertical-align: top;
          font-size: 14px;
        }
        input,textarea{
          padding: 10px 15px;
          border-radius: 2px;
          width: 100%;
          display: inline-block;
          vertical-align: top;
          outline: none;
          box-shadow: none;
        }
      }
      .button{
        background: #64BA5F;
        border: 0;
        padding: 10px;
        line-height: 1.5;
        padding: 15px 10px;
        display: inline-block;
        margin: 0 0 30px;
        border-radius: 4px;
      }
    }
  }
  &.in{
    opacity: 1;
    visibility: visible;
  }
}
button.button.button--full.button--secondary.sold_out {
  padding: 1.25rem 0 !important;
  font-size: 1.25rem;
  background: #cccccc !important;
  margin-top: 0.5rem;
  color: #000;
  opacity: 1;
}


/*  Product Detail Form  */
#product-2304220364918, #product-2304228491382, #product-2303230115958, #product-2303098421366{
  .protector_upsell{
    display:none !important;
  }
  .sezzle-shopify-info{
    display:none !important;
  }
  p{
    &.productaddtitle{
      font-size:14px;
    }
  }
  .product__prices{
    .compare{
      display:block !important;
      position: relative;
      font-size: 0;
      &:before{
        content: "Retail:";
        color: red;
        font-size: 20px;
      }        
    }
    .new{
      position: relative;
      font-size: 0;
      padding-left:0;
      vertical-align: middle;
      .fa-info{
        position: absolute;
        left: 0;
        top: 5px;
        color: #333;
        font-size: 18px;
        border:1px solid #333;
        width: 30px; 
        height: 30px;
        border-radius: 50%;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
      }
      &:before{
        content: "Reconditioned:";
        font-size: 24px;
        color: #64ba5f;
      }  
    }
  }
}

#product-2304220364918, #product-2304228491382, #product-2303230115958, #product-2303098421366{
  .product__prices{
    .new{
      position: relative;
      font-size: 0;
      padding-left: 40px;
      vertical-align: middle;
      @media screen and (max-width: 959px){
        margin:0 auto;
        display: table;
      }
      .fa-info{
        position: absolute;
        left: 0;
        top: 5px;
        color: #333;
        font-size: 18px;
        border:1px solid #333;
        width: 30px; 
        height: 30px;
        border-radius: 50%;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
      }
      &:before{
        content: "Reconditioned:";
        font-size: 24px;
        color: #64ba5f;
      }  
    }
  }
}



.popup-rebuilt{ 
  position: fixed;
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  z-index:9999;
  opacity: 0;
  visibility: hidden;
  &.in{
    opacity: 1;
    visibility: visible;
  }
  .background-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    background: rgba(0,0,0,0.5);
    z-index: 1;
  }
  .popup-form{
    max-width: 482px;
    position: absolute;
    width: auto;
    left: 15px;
    right: 15px;
    top: 50%;
    margin:-70px auto 0;
    z-index: 99;
    p{
      display: inline-block;
      width: 100%;
      float: left;
      vertical-align: top;
      background: #E7E7E7;
      padding: 15px;
      border: 5px solid #E4DBDB;
      border-radius: 10px;
    }
    .close{
      position: absolute;
      top: -15px;
      right: -15px;
      height: 30px;
      width: 30px;
      display: block;
      background-color: #000;
      color: #fff;
      border-radius: 50%;
      text-align: center;
      line-height: 30px;
      &:hover{
        background-color: #333;
        color: #fff;
      }
    }
  }
}/**
* ----------------------------------------------------------------------------------------------
* This is a variation of Normalize.css (http://necolas.github.io/normalize.css/)
* ----------------------------------------------------------------------------------------------
*/

/**
* Base
*/

*,
*:before,
*:after {
  box-sizing: border-box !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

body {
  margin: 0;
}
body.js-drawer-open{
  overflow: hidden;

}

/**
* HTML5 display definitions
*/

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

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

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
* Text-level semantic
*/

:focus,
:active {
  outline: none;
}

a {
  color: inherit;
  background-color: transparent;
  text-decoration: none;

  &:active,
  &:hover {
    outline: 0;
  }
}

b,
strong {
  font-weight: bold;
}

small {
  font-size: 80%;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  font-size: inherit;
}

p:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
  margin-bottom: 0;
}

/**
* Embedded content
*/

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

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



/**
* Grouping content
*/

ul,
ol {
  margin: 0;
  padding: 0;
  list-style-position: inside;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 16px;
  font-size: 1rem;
}

/**
* Forms
*/

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





button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

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

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

input[type="search"] {
  -webkit-appearance: none;
  box-sizing: content-box;
}

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  margin: 0 0.125rem;
  padding: 6px 10px 12px;
  padding: 0.375rem 0.625rem 0.75rem;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}
.cartrow {
  float: left;
  width: 100%;
  padding: 3% 1% !important;}

button.above-cart{max-width:100% !important; font-size: 1.5rem !important;}

.cusabt li{    list-style-position: outside;}

div#tabs strong {
  color: #000000;
}
div#tabs strong span {
  color: #000000 !important;
}
div#tabs p span {
  color: #000000 !important;
}

/*******404 error********/

.text-center{text-align: center;
  color:#000;}

.text-center h3{font-size: 18px !important;}

.text-center h4{color:#000 !important;}
.img-error{width:100%; margin-bottom: 0rem !important;}
.ret{color:#000 !important;}

.readynew {border:1px solid #ddd7d7 !important;}
.lowj{        width: 632px;
  margin: auto; color:#000 !important;}
.errorr{font-size: 19px !important;;
  font-weight: bold !important;;
  color: #000 !important;}

.click-b{    
  background: #c92732;
  border: none;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  color: #fff;
  padding: 6px;}
.click-b  {color:#fff !important;;}
.click-b:hover {color:#fff !important;;}
.header__push-title{color:#000 !important; font-weight:bold;}

.cusabt ul li {list-style-position:outside !important;}





/**
* Tables
*/

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

td,
th {
  padding: 0;
}
.slick-slider {
  display: block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;

  &:focus {
    outline: none;
  }

  &.dragging {
    cursor: pointer;
  }
}

.slick-track,
.slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.index-module__free-text-2 span, .index-module__free-text-2 b i{
  font-style:normal !important;
  font-weight: inherit;}
.index-module__free-text-2 span, .index-module__free-text-2 b {
  font-style:normal !important;
  font-weight: inherit;}

.slick-track {
  display: block;
  position: relative;
  top: 0;
  left: 0;

  &:before,
  &:after {
    display: table;
    content: '';
  }

  &:after {
    clear: both;
  }
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  overflow: hidden;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.bc-sf-filter-toolbar-item{ min-width: 14.333% !important;}


.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block !important;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.revstr {
  display: none !important;

}

#CartDrawer span.total b {
  float: right;
}
.cartcolnew22 {
  float: left;
  width: 50% !important;
  padding-left: 10px;
  text-align: left;
  margin-left: -2px !important;
}

.ajaxcart__qty-remove {

  margin-left: -20px !important;
}
.jdgm-carousel__left-arrow{display:none !important;}
.jdgm-carousel__right-arrow{display:none !important;}

p.cartprice {
  margin-left: -30px !important;
}
.custom-left {
  width: 35%;
  float: right;
  /*margin-top: -50%;*/
  border-left: 1px solid #11111159;
}

.custom-right {
  width: 65%;
  float:left;
  /*border-left:1px solid grey;*/
}

.custom-left .jdgm-carousel-item {
  width: 100% !important; 
  /*     margin-left: -2px; */
  margin-top: 36px;
}
$tablet: 48em;
$large-tablet: 60em;
$desktop: 75em;
$large-desktop: 100em;

@mixin breakpoint($point) {
  @if $point == tablet {
    @media (min-width: $tablet) {
      @content;
    }
  }
  @else if $point == large-tablet {
    @media (min-width: $large-tablet) {
      @content;
    }
  }
  @else if $point == desktop {
    @media (min-width: $desktop) {
      @content;
    }
  }
  @else if $point == large-desktop {
    @media (min-width: $large-tablet) {
      @content;
    }
  }
  @else if $point == mobile-only {
    @media (max-width: $tablet - 0.1em) {
      @content;
    }
  }
  @else if $point == tablet-only {
    @media (min-width: $tablet) and (max-width: $desktop - 0.1em) {
      @content;
    }
  }
  @else if $point == desktop-only {
    @media (min-width: $desktop) {
      @content;
    }
  }
}

@mixin clearfix {
  &::after {
    content: '';
    display: table;
    clear: both;
  }
}

.clearfix {
  @include clearfix();
}

@mixin gallery($items-per-row, $gutter-in-px) {
  $gutter-in-px: $gutter-in-px + 0px;

  float: left;
  width: calc(#{percentage(1 / $items-per-row)} + #{(($gutter-in-px / $items-per-row) - $gutter-in-px)});
margin-left: $gutter-in-px;

/*
This beautiful code allows to remove the bottom margin on unbalanced grid. For instance, if you have
a 3x3 grids, but the last row only has one product, it will remove the margin JUST for this last one,
and not the latest 3 ones
*/
&:nth-child(#{$items-per-row}n+1):nth-last-child(-n+#{$items-per-row}),
&:nth-child(#{$items-per-row}n+1):nth-last-child(-n+#{$items-per-row}) ~ * {
  margin-bottom: 0;
}
}

@mixin span($col-count, $gutter-in-px, $is-last: false) {
  $unit: 100% / 12;
  $gutter-in-px: $gutter-in-px + 0px;

  float: left;
  margin-right: $gutter-in-px;

  @if $is-last {
    width: calc(#{percentage($col-count / 12)});
} @else {
  width: calc(#{percentage($col-count / 12)} - #{$gutter-in-px});
}

@if $is-last {
  @include last();
}
}

@mixin last() {
  float: right !important;
  margin-right: 0 !important;
}
@function dark-or-light-color($color) {
  @if (lightness($color) > 70) {
    @return #000000; /* Lighter background, return dark color */
  } @else {
    @return #ffffff; /* Darker background, return light color */
  }
}

/**
* COLORS
*/

$background     : {{settings.background}};
$heading-color  : {{settings.heading_color}};
$text-color     : {{settings.text_color}};
$accent-color   : {{settings.accent_color}};
$border-color   : {{settings.border_color}};

$primary-button-color       : {{settings.primary_button_color}};
$primary-button-background  : {{settings.primary_button_background}};
$secondary-button-color     : {{settings.secondary_button_color}};
$secondary-button-background: {{settings.secondary_button_background}};

$top-bar-color     : {{settings.top_bar_color}};
$top-bar-background: {{settings.top_bar_background}};

$popup-color : {{settings.popup_color}};

$footer-background  : {{settings.footer_background}};
$footer-border-color: {{settings.footer_border_color}};
$footer-title-color : {{settings.footer_title_color}};
$footer-text-color  : {{settings.footer_text_color}};

/**
* TYPOGRAPHY
*/

{% if settings.heading_font contains 'Google' %}
{% assign font_parts = settings.heading_font | split: '_' %}
$heading-font: {{font_parts[1] | replace: '+', ' ' }};
{% else %}
$heading-font: {{settings.heading_font}};
{% endif %}

{% if settings.text_font contains 'Google' %}
{% assign font_parts = settings.text_font | split: '_' %}
$text-font: {{font_parts[1] | replace: '+', ' ' }};
{% else %}
$text-font: {{settings.text_font}};
{% endif %}

$footer-font-factor: {{settings.footer_font_factor}};

{% if settings.slideshow_heading_font contains 'Google' %}
{% assign font_parts = settings.slideshow_heading_font | split: '_' %}
$slideshow-heading-font: {{font_parts[1] | replace: '+', ' ' }};
{% else %}
$slideshow-heading-font: {{settings.slideshow_heading_font}};
{% endif %}

{% if settings.slideshow_subheading_font contains 'Google' %}
{% assign font_parts = settings.slideshow_subheading_font | split: '_' %}
$slideshow-subheading-font: {{font_parts[1] | replace: '+', ' ' }};
{% else %}
$slideshow-subheading-font: {{settings.slideshow_subheading_font}};
{% endif %}

$slideshow-heading-font-factor   : {{settings.slideshow_heading_font_factor}};
$slideshow-subheading-font-factor: {{settings.slideshow_subheading_font_factor}};

/**
* HEADER
*/

$header-logo-max-width       : {{settings.header_logo_max_width | default: '100' | remove: 'px' | append: 'px'}};
$header-text-color           : {{settings.header_text_color}};
$header-background           : {{settings.header_background}};
$is-header-separated         : {{settings.header_separate_from_slider}};
$header-position             : {{settings.navigation_position}};

$navigation-use-image        : {{settings.navigation_horizontal_use_image}};

/**
* SLIDESHOW
*/

$is-slideshow-enabled         : {% if settings.index_module_1 == 'A' %}true{% else %}false{% endif %};
$slideshow-heading-color      : {{settings.slideshow_heading_color}};
$slideshow-subheading-color   : {{settings.slideshow_subheading_color}};
$slideshow-button-color       : {{settings.slideshow_button_color}};
$slideshow-button-background  : {{settings.slideshow_button_background}};

/**
* HOME PAGE
*/

$is-marketing-module-enabled             : {% if settings.index_module_2 == 'B' %}true{% else %}false{% endif %};
$is-marketing-module-enabled-on-mobile   : {{settings.marketing_module_enabled_on_mobile}};
$marketing-module-layout                 : {{settings.marketing_module_layout}};

$home-featured-products-1-color         : {{settings.home_featured_products_1_color}};
$home-featured-products-1-title-color   : {{settings.home_featured_products_1_product_title_color}};
$home-featured-products-1-background    : {{settings.home_featured_products_1_background}};
$home-featured-products-1-items-per-row : {{settings.home_featured_products_1_grid_items_per_row}};

$home-featured-products-2-color         : {{settings.home_featured_products_2_color}};
$home-featured-products-2-title-color   : {{settings.home_featured_products_2_product_title_color}};
$home-featured-products-2-background    : {{settings.home_featured_products_2_background}};
$home-featured-products-2-items-per-row : {{settings.home_featured_products_2_grid_items_per_row}};

$home-featured-collections-items-per-row : {{settings.home_featured_collections_grid_items_per_row}};
$home-featured-collections-color         : {{settings.home_featured_collections_color}};
$home-featured-collections-background    : {{settings.home_featured_collections_background}};

$home-free-text-1-color                  : {{settings.home_free_text_1_color}};
$home-free-text-1-background             : {{settings.home_free_text_1_background}};

$home-free-text-2-color                  : {{settings.home_free_text_2_color}};
$home-free-text-2-background             : {{settings.home_free_text_2_background}};

$home-newsletter-color                   : {{settings.home_newsletter_color}};
$home-newsletter-background              : {{settings.home_newsletter_background}};
$home-newsletter-input-background        : {{settings.home_newsletter_input_background}};

$home-instagram-color                    : {{settings.home_instagram_color}};
$home-instagram-background               : {{settings.home_instagram_background}};
$home-instagram-image-per-row            : {{settings.home_social_instagram_image_per_row}};
$home-instagram-show-on-mobile           : {{settings.home_social_instagram_show_mobile}};

$home-featured-blog-color                : {{settings.home_featured_blog_color}};
$home-featured-blog-background           : {{settings.home_featured_blog_background}};

/**
* LIST OF COLLECTIONS
*/

$list-collections-desktop-items-per-row : {{settings.list_collections_desktop_grid_items_per_row}};

/**
* COLLECTION
*/

$collection-desktop-items-per-row     : {{settings.collection_desktop_grid_items_per_row}};
$collection-description-color         : {{settings.collection_description_color}};
$collection-description-background    : {{settings.collection_description_background}};
$collection-show-border-around-images : {{settings.collection_show_border_around_images}};

/**
* PRODUCT
*/

$product-sold-out-background                    : {{settings.product_sold_out_background}};
$product-sold-out-color                         : dark-or-light-color({{settings.product_sold_out_background}});
$product-on-sale-background                     : {{settings.product_on_sale_background}};
$product-on-sale-color                          : dark-or-light-color({{settings.product_on_sale_background}});
$product-showcase-columns                       : {{settings.product_showcase_columns}};
$product-thumbnails-display                     : {{settings.product_thumbnails_display}};
$product-related-products-background            : {{settings.product_related_products_background}};
$product-related-products-desktop-items-per-row : {{settings.product_related_products_desktop_items_per_row}};
$product-related-products-number-of-rows        : {{settings.product_related_products_number_of_rows}};

/**
* BLOG
*/

$blog-description-color         : {{settings.collection_description_color}};
$blog-description-background    : {{settings.collection_description_background}};
/**
* Sticky footer, normalized to work on all browsers (http://philipwalton.com/articles/normalizing-cross-browser-flexbox-bugs/)
*/

.page__container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  /*min-height: 100vh;*/
  height: 100%;
  background: $background;
}

.top-bar,
.header__mobile-nav,
.header,
.footer {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.main {
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-top: 25px;
  margin-top: 1.5625rem;
  z-index:0;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  padding: 0 1.25rem;
}

.container--shrink {
  max-width: 680px;
}

.inner {
  margin: 0 auto;
  padding: 0 20px;
  padding: 0 1.25rem;
}

.main > .container > .inner {
  padding: 0;
}

.page__overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000000;
  opacity: 0;
  z-index: 5;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0s 0.3s;
}

.page__overlay--open {
  opacity: 0.6;
  visibility: visible;
  transition: opacity 0.3s;
}

@include breakpoint(tablet) {
  .main > .container > .inner {
    padding: 0 20px;
    padding: 0 1.25rem;
  }
}
body {
  font-size: 100%;
  font-weight: 400;
  font-family: $text-font;
  color: $text-color;
  line-height: 1.6;
}

a {
  transition: all 0.25s ease-in-out;
}

.link--primary {
  color: $accent-color;

  &:hover {
    color: darken($accent-color, 15%);
  }
}

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
}

/**
* Those next two rules allow to remove margin-top, this is easier to maintain to only act on the margin-bottom
*/

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  font-weight: inherit;
}

p:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
  margin-bottom: 0;
}

.list--unstyled {
  list-style: none;
  padding: 0;
  margin: 0;
}

.rte {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: $heading-color;
    font-family: $heading-font;
  }

  a {
    @extend .link--primary;
  }

  img {
    margin-bottom: 35px;
    margin-bottom: 2.1875rem;
  }

  blockquote {
    margin: 30px 0;
    margin: 1.875rem 0;
    padding: 35px;
    padding: 2.1875rem;
    background: $heading-color;
    color: $background;
    font-weight: bolder;
  }

  ul,
  ol {
    margin: 25px 0 25px 25px;
    margin: 1.5625rem 0 1.5625rem 1.5625rem;
  }

  h1 {
    font-size: 28px;
    font-size: 1.75rem;
  }

  h2 {
    font-size: 24px;
    font-size: 1.5rem;
  }

  h3 {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    font-size: 20px;
    font-size: 1.25rem;
  }

  h4 {
    margin-bottom: 14px;
    margin-bottom: 0.875rem;
    font-size: 18px;
    font-size: 1.125rem;
  }

  h5, h6 {
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    font-size: 16px;
    font-size: 1rem;
  }
}

/**
* Those two breakpoints allow to reduce the font-size of all texts as well as the margin and
* padding, thanks to the magic of REM
*/

html {
  font-size: 15px;
}

@include breakpoint(tablet) {
  html {
    font-size: 15px;
  }
}

@include breakpoint(desktop) {
  html {
    font-size: 16px;
  }
}
@font-face {
  font-family: 'icomoon';
  src:url('{{ 'icomoon.eot' | asset_url }}');
    src:url('{{ 'icomoon.eot?#iefix' | asset_url }}') format('embedded-opentype'),
      url('{{ 'icomoon.woff2' | asset_url }}') format('woff2'),
        url('{{ 'icomoon.ttf' | asset_url }}') format('truetype'),
          url('{{ 'icomoon.woff' | asset_url }}') format('woff');
            font-weight: normal;
            font-style: normal;
            }

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tick:before {
  content: '\e900';
}



.breadcrumb {
  display: none;
}

@include breakpoint(tablet) {
  .breadcrumb {
    display: inline-block;
    margin-bottom: 14px;
    margin-bottom: 0.875rem;
    vertical-align: top;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 0.75rem;
  }

  .breadcrumb__item {
    display: inline-block;
  }

  .breadcrumb__item:not(.breadcrumb__item--active) {
    color: rgba($heading-color, 0.4);

    &:hover {
      color: $heading-color;
    }

    &::after {
      display: inline-block;
      content: '/';
      margin: 0 3px;
      margin: 0 0.1875rem;
      transition: color 0.25s ease-in-out;
    }
  }
}
.alert {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  padding: 15px 20px 20px 20px;
  padding: 0.9375rem 1.25rem 1.25rem 1.25rem;
  border: 1px solid $border-color;
  border-radius: 4px;
  box-shadow: 1px 1px 2px $border-color;
}

.alert__title {
  position: relative;
  display: block;
  font-size: 20px;
  font-size: 1.25rem;

  &::before {
    position: absolute;
    content: '';
    width: 3px;
    width: 0.1875rem;
    height: 100%;
    left: -20px;
    left: -1.25rem;
    background: transparent;
  }
}

.alert__errors {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.alert--mono {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  padding: 10px 15px;
  padding: 0.625rem 0.9375rem;
  border-radius: 3px;
  border: none;
  box-shadow: none;
  text-align: left;

  .alert__title::before {
    display: none;
  }
}

.alert--error {
  .alert__title {
    color: #e9573f;

    &::before {
      background: #e9573f;
    }
  }
}

.alert--mono.alert--error {
  &, .alert__title {
    color: #ffffff;
  }

  background: #e9573f;
}

.alert--success {
  .alert__title {
    color: #0bb73a;

    &::before {
      background: #0bb73a;
    }
  }
}

.alert--mono.alert--success {
  &,
  .alert__title {
    color: #ffffff;
  }

  background: #0bb73a;
}

@include breakpoint(large-desktop) {
  .alert__title {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
input,
textarea {
  width: 100%;
  padding: 12px 15px;
  padding: 0rem 0.75rem;
  border-radius: 2px;
  border: 1px solid $border-color;
  font-size: inherit;
  -webkit-appearance: none; /* Remove the inner box-shadow in iOS devices */

  &:focus {
    border-color: #1790d3;
  }

  &::-webkit-input-placeholder {
    color: inherit;
  }

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

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

  &::placeholder {
    color: inherit;
  }
}

input[type="checkbox"] {
  width: 1em;
  height: 1em;
  margin-right: 15px;
  margin-right: 0.9375rem;
  -webkit-appearance: checkbox;

  & + .form__label {
    display: inline-block;
    vertical-align: 1px;
  }
}

textarea {
  display: block; /* Fix in inconsistency with Chrome/Safari */
  resize: vertical;
}

input:focus,
textarea:focus {
  outline: none;
}

.form--shrink {
  max-width: 500px;
  margin: 0 auto;
}

.form__control,
.form__row {
  position: relative;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  text-align: left;

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

.form__label {
  display: block;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  font-size: 14px;
  font-size: 0.875rem;
  //text-transform: uppercase;
  font-weight: bolder;
}

.form--inline {
  .form__control {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }

  .form__label {
    display: table-cell;
    margin: 0 10px 0 0;
    margin: 0 0.625rem 0 0;
    vertical-align: middle;

    & + input,
    & + textarea,
    & + .form__select {
      display: table-cell;
      width: 55%;
    }
  }
}

.form__submit-duo {
  input:last-child {
    margin-top: 10px;
    margin-top: 0.625rem;
  }
}

.flexbox .form__submit-duo {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  input {
    margin: 0 15px 0 0;
    margin: 0 0.9375rem 0 0;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }

  input[type="submit"] {
    margin: 0;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

@include breakpoint(tablet) {
  .flexbox .form__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    .form__control {
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin: 0 20px 0 0;
      margin: 0 1.25rem 0 0;
    }

    .form__control:last-child {
      margin-right: 0;
    }
  }
}

/**
* Style selects
*/

select {
  /* Disable built-in styles */
  -webkit-appearance: none;
  -moz-appearance: none;

  display: inline-block;
  width: 100%;
  height: 45px;
  height: 2.8125rem;
  padding-left: 15px;
  padding-left: 0.9375rem;
  padding-right: 45px;
  padding-right: 2.8125rem;
  border-radius: 2px;
  font-size: 14px;
  font-size: 0.875rem;
  cursor: pointer;
  text-transform: capitalize;
  line-height: normal;
  background: transparent;
  border: 1px solid $border-color;

  &:active, &:focus {
    outline: none;
  }

  /* Remove the ugly blue background on IE when a value is selected */
  &:focus::-ms-value {
    background: inherit;
    color: inherit;
  }

  .ie9 & {
    padding-right: 0; /* Allow to cover the arrow */
  }
}

/* Allow to remove the ugly dashes when selecting an option in Firefox */
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 $text-color;
}

/* Disable default styles for IE10+ */
select::-ms-expand {
  display: none;
}

/* Browsers do not support ::after pseudo-element on <select> elements, so we are forced
to wrap the <select> around an additional div */
.form__select {
  position: relative;
  border: none;

  .icon {
    position: absolute;
    top: calc(50% - 8px);
    top: calc(50% - 0.5rem);
    right: 15px;
    right: 0.9375rem;
    width: 18px;
    width: 1.125rem;
    height: 18px;
    height: 1.125rem;
    line-height: normal;
    pointer-events: none;
    fill: currentColor;
  }

  .ie9 & svg {
    display: none;
  }
}

.button {
  position: relative;
  display: inline-block;
  padding: 15px 40px;
  padding: 0.9375rem 2.5rem;
  line-height: normal;
  border: none;
  border-radius: 2px;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bolder;
  transition: all 0.25s ease-in-out;
  cursor: pointer;

  &[disabled] {
    opacity: 0.4;
    cursor: not-allowed;
  }
}

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

.button--small {
  padding: 12px 25px;
  padding: 0.75rem 1.5625rem;
}

.button--primary {
  color: $primary-button-color;
  background: $primary-button-background;

  &:hover {
    @if (lightness($primary-button-background) > 50%) {
      background: darken($primary-button-background, 15%);
    } @else {
      background: lighten($primary-button-background, 15%);
    }
  }
}

.button--secondary {
  color: $secondary-button-color;
  background: $secondary-button-background;

  &:hover {
    @if (lightness($secondary-button-background) > 50%) {
      background: darken($secondary-button-background, 15%);
    } @else {
      background: lighten($secondary-button-background, 15%);
    }
  }
}

.button-wrapper {
  text-align: center;
}
.b-modal {
  cursor: default !important;
}

.modal {
  position: relative;
  width: 90%;
  max-width: 600px;
  padding: 15px 20px;
  padding: 0.9375rem 1.25rem;
  border-radius: 4px;
  background-size: cover;
  background-color: $background;
  text-align: center;
  box-shadow: 0 0 4px rgba(#000000, 0.3);
  max-height: 620px;
  overflow: scroll;
  top:20px !important;
}

.modal__close {
  position: absolute;
  right: 15px;
  right: 0.9375rem;
  top: 15px;
  top: 0.9375rem;

  svg {
    width: 25px;
    width: 1.5625rem;
    height: 25px;
    height: 1.5625rem;
  }
}

.modal__title {
  margin: 0 0 30px 0;
  margin: 0 0 1.875rem 0;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bolder;
  color: $heading-color;
}

.modal__newsletter {
  margin: 50px auto 0 auto;
  margin: 3.125rem auto 0 auto;
  max-width: 420px;
  color: $text-color;

  input[type="email"] {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
}

/**
* Special code for the marketing popup
*/

.marketing-popup {
  &,
  .modal__title {
    color: $popup-color;
  }
}

@include breakpoint(tablet) {
  .modal {
    padding: 45px 50px;
    padding: 2.8125rem 3.125rem;
  }

  .modal__title {
    font-size: 30px;
    font-size: 1.875rem;
  }

  .modal__newsletter {
    .flexbox & .modal__form {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;

      input[type="email"] {
        margin: 0 15px 0 0;
        margin: 0 0.9375rem 0 0;
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2;
      }

      input[type="submit"] {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
      }
    }
  }
}

@include breakpoint(large-tablet) {
  .modal {
    width: 600px;
    width: 37.5rem;
  }
}
.header__mobile-icon .menu-text1{
  position: absolute;
  top: 13px;
  left: 0;
  width: 100%;
  text-align: center;
}


.hamburger {
  display: block;
  position: absolute;
  overflow: hidden;
  top: 10%;
  left: 50%;
  margin: 0 auto;
  padding: 0;
  width: 28px;
  width: 1.75rem;
  height: 35px;
  height: 2.1875rem;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  z-index: 3;
  background: none;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-tap-highlight-color: transparent;

  &:focus {
    outline: none;
  }

  span {
    display: block;
    position: absolute;
    top: 16px;
    top: 1rem;
    left: 0;
    right: 0;
    height: 2px;
    height: 0.125rem;
    background: #fff;
    transition: background 0s 0.2s;
  }

  span::before,
  span::after {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    height: 0.125rem;
    background-color: #fff;
    transition-duration: 0.2s, 0.2s;
    transition-delay: 0.2s, 0s;
  }

  span::before {
    top: -9px;
    top: -0.5625rem;
    transition-property: top, -webkit-transform;
    transition-property: top, transform;
  }

  span::after {
    bottom: -9px;
    bottom: -0.5625rem;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
  }
}

.header__mobile-tab--open .hamburger {
  span {
    background: none;
  }

  span::before,
  span::after {
    transition-delay: 0s, 0.2s;
    background: #000000;
  }

  span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
@-webkit-keyframes spinner-bounce {
  0%, 100% {
    -webkit-transform: scale(0.0);
    transform: scale(0.0);
  }

  50% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

@keyframes spinner-bounce {
  0%, 100% {
    -webkit-transform: scale(0.0);
    transform: scale(0.0);
  }

  50% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.spinner {
  position: relative;
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  margin: 25px auto;
  margin: 1.5625rem auto;
}

.spinner__bounce1, .spinner__bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: $text-color;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: spinner-bounce 2.0s infinite ease-in-out;
  animation: spinner-bounce 2.0s infinite ease-in-out;
}

.spinner__bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
#bc-sf-filter-top-sorting:before {
  top: 50%;
  margin-top: -5px;
  right: 16px;
  left: auto;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

#bc-sf-filter-top-sorting {
  position: relative;
}

@include breakpoint(tablet) {
  .spinner {
    margin: 40px auto;
    margin: 2.5rem auto;
  }
}
table {
  width: 100%;
  border: 1px solid $border-color;
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 4px;
  font-size: 15px;
  font-size: 0.9375rem;
  box-shadow: 0 1px 1px rgba($border-color, 0.6);
}

thead {
  text-align: left;
  text-transform: uppercase;
  font-size: 13px;
  font-size: 0.8125rem;
  color: $heading-color;

  th {
    padding: 10px 15px;
    padding: 0.625rem 0.9375rem;
    border-bottom: 1px solid $border-color;
    color: $background;
    background: $text-color;

    &:first-child {
      border-top-left-radius: 4px;
    }

    &:last-child {
      border-top-right-radius: 4px;
    }
  }
}

tbody {
  td {
    padding: 18px 15px;
    padding: 1.125rem 0.9375rem;
    border-bottom: 1px solid $border-color;
  }

  tr:last-child td {
    border-bottom: none;
  }
}

tfoot {
  td {
    padding: 10px 15px;
    padding: 0.625rem 0.9375rem;
    color: $background;
    background: $text-color;
  }

  tr:first-child td {
    border-top: 1px solid $border-color;
  }

  tr:last-child {
    td:first-child {
      border-bottom-left-radius: 4px;
    }

    td:last-child {
      border-bottom-right-radius: 4px;
    }
  }
}

.table--responsive {
  @include breakpoint(mobile-only) {
    border: none;
    box-shadow: none;

    thead,
    td:not([data-label]) {
      display: none;
    }

    tr {
      display: block;
      margin-bottom: 15px;
      margin-bottom: 0.9375rem;
      border: 1px solid $border-color;
      border-bottom: none;

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

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

    // IE9 table layout fixes
    tr,
    td {
      float: left;
      clear: both;
      width: 100%;
    }

    th,
    td {
      display: block;
      text-align: right !important;
      padding: 8px 15px;
      padding: 0.5rem 0.9375rem;
      border-right: none;
    }

    td:before {
      content: attr(data-label);
      float: left !important;
      font-size: 13px;
      font-size: 0.8125rem;
      padding-right: 10px;
      padding-right: 0.625rem;
      text-transform: uppercase;
    }

    tfoot {
      tr {
        margin-bottom: 0;
      }

      tr:first-child {
        margin-top: 25px;
        margin-top: 1.5625rem;
      }
    }
  }
}

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

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

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

.label {
  display: inline-block;
  padding: 6px 14px 4px 14px;
  padding: 0.375rem 0.875rem 0.25rem 0.875rem;
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: bolder;
}

.label--unavailable,
.label--sold-out {
  color: $product-sold-out-color;
  background: $product-sold-out-background;
}

.label--on-sale {
  color: $product-on-sale-color;
  background: $product-on-sale-background;
  font-size: 13px;
  margin: 0px;
  display: block;
  padding-bottom: 3px;
  padding-top: 4px;
  padding-left: 11px;
  padding-right: 11px;
}

.label--custom {
  color: $primary-button-color;
  background: $primary-button-background;
}
.top-bar {
  //display: none; /* Not visible on mobile */
  background-color:#3b5998;
}


@include breakpoint(tablet) {
  .top-bar {
    display: block;
    background: $top-bar-background;
    color: $top-bar-color;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: bolder;
    text-transform: uppercase;
  }

  .top-bar__container {
    padding-top: 8px;
    padding-top: 0.5rem;
    padding-bottom: 7px;
    padding-bottom: 0.4375rem;
  }

  .top-bar__contact {
    display: none;
  }
}

@include breakpoint(large-tablet) {
  .top-bar__contact {
    display: inline-block;
    float: right;
  }

  .top-bar__contact-item {
    display: inline-block;

    & + .top-bar__contact-item::before {
      display: inline-block;
      content: '|';
      padding: 0 10px;
      padding: 0 0.625rem;
      color: $top-bar-color;
    }
  }

  .top-bar__social {
    .social__item {
      display: inline-block;
      vertical-align: text-top;

      &:not(:last-child) {
        margin-right: 4px;
        margin-right: 0.25rem;
      }
    }

    svg {
      height: 14px;
      height: 0.875rem;
      width: 14px;
      width: 0.875rem;
    }
  }

  .top-bar__contact-item--faded,
  .top-bar__social a {
    color: rgba($top-bar-color, 0.6);
  }

  a.top-bar__contact-item--faded:hover,
  .top-bar__social a:hover {
    color: rgba($top-bar-color, 1);
  }
}
.pagination {
  margin-top: 35px;
  margin-top: 2.1875rem;
  width: 100%;
  clear: both;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bolder;
}

.pagination__prev,
.pagination__next {
  display: inline-block;
  padding: 20px 0;
  padding: 1.25rem 0;

  svg {
    vertical-align: middle;
  }
}

.pagination__prev {
  float: left;
  margin-right: 25px;
  margin-right: 1.5625rem;
  padding-right: 32px;
  padding-right: 2rem;

  svg {
    margin-right: 5px;
    margin-right: 0.3125rem;
  }
}

.pagination__next {
  float: right;
  margin-left: 25px;
  margin-left: 1.5625rem;
  padding-left: 32px;
  padding-left: 2rem;

  svg {
    margin-left: 5px;
    margin-left: 0.3125rem;
  }
}

.pagination__list {
  display: none;
}

@include breakpoint(tablet) {
  .pagination__prev,
  .pagination__next {
    float: none;
  }

  .pagination__prev {
    border-right: 1px solid rgba($border-color, 0.5);
  }

  .pagination__next {
    border-left: 1px solid rgba($border-color, 0.5);
  }

  .pagination__list,
  .pagination__item {
    display: inline-block;
    padding: 20px 0;
    padding: 1.25rem 0;
  }

  .pagination__item {
    margin: 0 18px;
    margin: 0 1.125rem;
  }

  .pagination__item--active {
    color: $heading-color;
  }
}

@include breakpoint(large-tablet) {
  .pagination__item {
    margin: 0 25px;
    margin: 0 1.5625rem;
  }
}
.video__wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  padding-top: 1.5625rem;
  height: 0;
}

.video__element {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.swatch__colors {
  text-align: right;
}

.swatch__item {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  margin-right: 0.3125rem;
  padding: 5px;
  padding: 0.3125rem;
  border: 1px solid $border-color;
  border-radius: 100%;
  cursor: pointer;

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

.swatch__item--active {
  border-color: $accent-color;

  &::after {
    position: absolute;
    content: '\e900';
    top: -10px;
    top: -0.625rem;
    right: -6px;
    right: -0.375rem;
    width: 18px;
    width: 1.125rem;
    height: 18px;
    height: 1.125rem;
    font-family: 'icomoon';
    line-height: 18px;
    color: #ffffff;
    background: $accent-color;
    border-radius: 10px;
    font-size: 7px;
    font-size: 0.4375rem;
    text-align: center;
  }
}

.swatch__input {
  display: none;
}

.swatch__label {
  height:18px;
  // height: 1.5625rem;
  width:18px !important;
  //width: 1.5625rem;
  margin: 0 !important;
  border-radius: 100%;
  pointer-events: none;
}

.flexbox {
  .swatch__colors {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: -5px -5px -5px 0;
    margin: -0.3125rem -0.3125rem -0.3125rem 0;
  }

  .swatch__item {
    margin: 3px;
    // margin: 0.3125rem;
  }
}
#shopify-product-reviews {
  overflow: visible !important;
}

.spr-container {
  border: none !important;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 !important;
}

.spr-header-title {
  display: none;
}

.spr-summary {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.spr-summary-starrating {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  margin: 0 0 20px 0 !important;
  margin: 0 0 1.25rem 0 !important;
}

.spr-summary-caption {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  color: $heading-color;
  font-weight: bolder;
  font-size: 20px;
  font-size: 1.25rem;
}

.spr-summary-actions {
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

.spr-icon-star,
.spr-icon-star-half-alt {
  color: #f4da4b;
}

.spr-icon-star-empty {
  color: $text-color;
  opacity: 1 !important;
}

.spr-summary-actions-newreview,
.spr-button-primary {
  @extend .button, .button--primary;
}

.spr-form-title {
  display: none;
}

.spr-form-contact-name,
.spr-form-contact-email,
.spr-form-review-rating,
.spr-form-review-title,
.spr-form-review-body {
  margin-bottom: 30px !important;
  margin-bottom: 1.875rem !important;
}

.spr-form-label {
  @extend .form__label;
}

.spr-form-actions {
  text-align: center;

  .spr-button {
    float: none;
  }
}

.spr-form-input-error {
  border-color: #e9573f !important;
}

.spr-form-input-error .spr-icon {
  color: #e9573f !important;
}

.spr-form-message {
  margin-bottom: 30px !important;
  margin-bottom: 1.875rem !important;
  padding: 10px 15px !important;
  padding: 0.625rem 0.9375rem !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}

.spr-form-message-error {
  color: #ffffff !important;
  background: #e9573f !important;
}

.spr-form-message-success {
  color: #ffffff !important;
  background: #0bb73a !important;
}

.spr-review {
  position: relative;
  margin-top: 0 !important;
  margin-bottom: 45px;
  margin-bottom: 2.8125rem;
  padding: 25px !important;
  padding: 1.5625rem !important;
  border: 1px solid $border-color !important;
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba($border-color, 0.6);
}

.spr-review-header-starratings {
  float: right;
}

.spr-review-header-title {
  color: $heading-color;
  font-weight: bolder;
  font-size: 18px;
  font-size: 1.125rem;
}

.spr-review-header-byline {
  margin-bottom: 20px !important;
  margin-bottom: 1.25rem !important;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bolder;
  font-style: normal !important;
  opacity: 1 !important;
}

.spr-review-content {
  margin-bottom: 0 !important;
}

.spr-review-footer {
  position: absolute;
  right: 0;
  bottom: -25px;
  bottom: -1.5625rem;
}

.spr-pagination {
  margin-top: 55px;
  margin-top: 3.4375rem;
  clear: both;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

@include breakpoint(tablet) {
  .spr-container {
    padding-top: 10px !important;
    padding-top: 0.625rem !important;
  }

  .spr-summary {
    display: block;
  }

  .spr-summary-starrating {
    display: inline-block;
    margin: 2px 0 0 0 !important;
    margin: 0.125rem 0 0 0 !important;
  }

  .spr-summary-caption {
    float: left;
    margin: 0 20px 0 0;
    margin: 0 1.25rem 0 0;
    color: $heading-color;
    font-weight: bolder;
    font-size: 20px;
    font-size: 1.25rem;
  }

  .spr-summary-actions-newreview {
    margin-top: -7px;
    margin-top: -0.4375rem;
  }

  .spr-reviews {
    @include clearfix();
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 45px !important;
    margin-top: 2.8125rem !important;
  }

  .spr-review {
    @include gallery(2, 35px);
    margin-bottom: 65px;
    margin-bottom: 4.0625rem;
    box-shadow: 0 10px 45px 5px rgba($border-color, 0.6);

    &:nth-child(2n+1) {
      clear: both;
      margin-left: 0;
    }
  }
}
/**
* Navigation
*/

.menu--desktop {
  display: none;
}

.menu--mobile {
  .menu__item {
    position: relative;
    border-bottom: 1px solid rgba($header-background, 0.5);

    &:last-child {
      border-bottom: none;
    }
  }

  .menu__link {
    position: relative;
    display: block;
    padding: 13px 18px 13px 60px;
    text-align: left;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: lighter;
    text-transform: uppercase;
    transition: none;
    color: #000000;
  }

  .icon-plus,
  .icon-minus {
    margin: 0 auto;
    width: 30px;
    width: 1.875rem;
    height: 100%;
  }

  .icon-minus {
    display: none;
  }

  .menu__icon-container {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 60px;
    width: 3.75rem;
    text-align: center;
    &.dropdown{
      left: auto;
      right: 0;
    }
  }

  .menu__item--open {
    & > .menu__link {
      .icon-plus {
        display: none;
      }

      .icon-minus {
        display: block;
      }
    }
  }

  .menu__links--level-1 {
    background: $header-background;
    color: $header-text-color;

    .menu__item {
      border-bottom-color: $header-text-color;
    }

    .menu__link {
      padding-left: 35px;
      padding-left: 2.1875rem;
    }
  }

  .menu__links--level-2 {
    background: $header-text-color;
    color: $header-background;

    .menu__item {
      border-bottom-color: $header-background;
    }

    .menu__link {
      padding-left: 45px;
      padding-left: 2.8125rem;
    }
  }
}

.menu__links--nested {
  display: none;
}

@include breakpoint(tablet) {
  .menu--desktop {
    display: block;
    //margin: 30px 0 0 0;
    // margin: 1.875rem 0 0 0;
    clear: both;
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center;
    margin-left:15px;
    padding-right:1%;

    .menu__item {
      position: relative;
      display: inline-block;
      margin-right: 15px;
      margin-right: 0.9375rem;
      text-transform: uppercase;
      font-weight: bolder;
      transition: opacity 0.25s ease-in-out;

      &:last-child {
        margin-right: 0;

        a {
          vertical-align: middle;
        }
      }
    }

    .menu__item--has-submenu {
      & > .menu__link::after {
        content: '';
        margin-left: 2px;
        margin-left: 0.125rem;
        display: inline-block;
        height: 0;
        width: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid $header-text-color;
        vertical-align: middle;
      }

      @media (max-width: 1025px) {
        .touchevents & > .menu__link {
          pointer-events: none; /* This prevent click on touch devices, so that dropdown can be opened */
        }
      }
    }

    .menu__link {
      padding-bottom: 15px;
      padding-bottom: 0.9375rem;

    }

    .menu__item:hover .menu__link,
    .menu__item--active .menu__link {
      opacity: 1;
    }

    .menu__links--nested {
      position: absolute;
      left: 0;
      top: 0;
      min-width: 150px;
      padding: 10px 0;
      padding: 0.625rem 0;
      background: $header-background;
      color: $header-text-color;
      border: 1px solid $header-text-color;
      white-space: nowrap;
      text-align: left;
      z-index: 3;

      .menu__item {
        display: block;
        margin: 0;
        padding: 0;
      }

      .menu__link {
        display: block;
        margin: 0;
        padding: 4px 30px 4px 15px;
        padding: 0.25rem 1.875rem 0.25rem 0.9375rem;
        font-weight: normal;
        font-size: 15px;
        font-size: 0.9375rem;
        text-transform: none;
        transition: none;
        opacity: 1;
      }

      .menu__item:hover {
        color: $header-background;
        background: $header-text-color;
      }
    }

    .menu__item--has-submenu:hover {
      & > .menu__links {
        display: block;
      }

      & ~ .menu__item {
        pointer-events: none;
      }
    }

    .menu__links--level-1 {
      top: 100%;
      left: 0;
      margin-top: 8px;
      margin-top: 0.5rem;

      &::before {
        position: absolute;
        content: '';
        left: 15px;
        left: 0.9375rem;
        top: -6px;
        top: -0.375rem;
        height: 0;
        width: 0;
        border-left: 7.5px solid transparent;
        border-right: 7.5px solid transparent;
        border-bottom: 7.5px solid $header-background;
        -webkit-filter: drop-shadow(0 -2px $header-text-color);
        filter: drop-shadow(0 -2px $header-text-color);
      }

      .menu__link::after {
        position: absolute;
        right: 10px;
        right: 0.625rem;
        top: 12px;
        top: 0.75rem;
        border-left: 4px solid $header-text-color;
        border-bottom: 4px solid transparent;
        border-top: 4px solid transparent;
      }

      .menu__item:hover .menu__link::after {
        border-left-color: $header-background;
      }
    }

    .menu__links--level-2 {
      top: -11px;
      top: -0.6875rem;
      left: 100%;

      .menu__link::after {
        display: none;
      }
    }

    .mega-nav {
      padding: 15px 0;
      padding: 0.9375rem 0;
      left: -225px !important;
      left: -14.0625rem !important;
      white-space: nowrap;

      @if $navigation-use-image {
        left: -275px !important;
        left: -17.1875rem !important;
      } @else {
        left: -200px !important;
        left: -12.5rem !important;
      }

      &::before {
        @if $navigation-use-image {
          left: 290px !important;
          left: 18.125rem !important;
        } @else {
          left: 215px !important;
          left: 13.4375rem !important;
        }
      }
    }

    .mega-nav__image-container {
      display: inline-block;
      margin: 0 15px;
      margin: 0 0.9375rem;
      width: 150px;
      width: 9.375rem;
      font-size: 0;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      vertical-align: middle;
    }

    .mega-nav__image {
      max-width: 150px;
      max-height: 150px;
      font-size: 0;
    }

    .dropdown-column {
      display: inline-block;
      padding: 0 20px;
      padding: 0 1.25rem;
      vertical-align: top;
    }

    .dropdown-column__title {
      display: block;
      margin: 8px 0 10px 0;
      margin: 0.5rem 0 0.625rem 0;
      padding-bottom: 14px;
      padding-bottom: 0.875rem;
      color: $header-text-color;
      font-weight: bolder;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 14px;
      text-transform: uppercase;
      border-bottom: 1px solid rgba($header-text-color, 0.4);
    }

    .dropdown-column__list-link {
      display: block;
      padding: 2px 0;
      padding: 0.125rem 0;
      font-size: 15px;
      font-size: 0.9375rem;
      text-transform: none;
      font-weight: normal;
      color: $header-text-color;
      opacity: 0.7;

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

@include breakpoint(large-tablet) {
  @if ($header-position == 'right') {
    .menu--desktop {
      // margin-top: 45px;
      // margin-top: 2.8125rem;
      //float: right;
      //text-align: right;
    }
  }

  .menu--desktop {
    .menu__item {
      //margin-right: 20px;
      // margin-right: 0.25rem;
    }

    .menu__item--has-submenu {
      & > .menu__link::after {
        margin-left: 8px;
        margin-left: 0.5rem;
      }
    }
  }
}

@include breakpoint(desktop) {
  .menu--desktop {
    .menu__item {
      //  margin-right:1%;
      // margin-right: 0.875rem;
    }
  }
}
/**
* If we are on the home page, and that the slideshow has been activated, we position the header
* differently so that it can overlaps the slider
*/

.header {
  padding: 20px 0;
  padding: 1.25rem 0;
  background: $header-background;
  color: $header-text-color;
  background-position: center center;
  background-size: cover;
}

.header__container {
  position: relative;
}

.header--pushed {
  padding-bottom: 0 !important;
}

.header__logo {
  margin: 0;
  text-align: center;
}

.header__logo--text {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: bolder;
  text-transform: uppercase;
}

.header__logo-image {
  max-width: $header-logo-max-width;
  height:33px; /* We enforce a low max-height on mobile so that it does not take too much space */
  vertical-align: middle;
  width:100%;
}

.header__actions {
  display: none;
}

/**
* Mobile nav
*/

.header__mobile-nav {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  color: $header-text-color;
  z-index: 5;
}

.header__mobile-tabs {
  position: relative;
  display: table;
  width: 100%;
  height: 48px;
  height: 3rem;
  table-layout: fixed;
  border-bottom: 1px solid rgba($header-text-color, 0.5);
  background: $header-background;
}

.header__mobile-tab {
  display: table-cell;
  text-align: center;
  border-right: 1px solid rgba($header-text-color, 0.5);
  vertical-align: middle;
  transition: all 0.25s ease-in-out;

  &:last-child {
    border-right: none;
  }
}
.menu-mobile1
{
  width: 25%;
}
.header__mobile-icon {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 12px 0;
  padding: 0.75rem 0;
  transition: none;

  svg {
    vertical-align: middle;
    width: 25px;
    width: 1.5625rem;
    height: 25px;
    height: 1.5625rem;
  }
}

.header__mobile-content {
  display: none;
  position:absolute;
  //max-height: calc(100vh - 48px);
  height: 100vh;
  max-height: calc(100vh - 99px);
  width: 100%;
  top: 100%;
  left: 0;
  background: $header-text-color;
  border-bottom: 1px solid $border-color;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.logged-in{
  .header__mobile-content {
    max-height: calc(100vh - 130px);
  }
}
.header__mobile-tab--open {
  background: #54d7e3;
  color: #000000;
  // box-shadow: 0 1px $header-text-color, -1px 0 $header-text-color;
}

.header__mobile-search {
  padding: 20px;
  padding: 1.25rem;
}

.mobile-search__input {
  color: $text-color;
  border: 2px solid #3b5998;
  height: 36px;
}

.header__cart-count {
  position: absolute;
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
  top: 5px;
  top: 0.3125rem;
  font-size: 10px;
  font-size: 0.625rem;
  background: $header-text-color;
  color: $header-background;
  border-radius: 100%;
  text-align: center;
  line-height: 18px;
}

/**
* Push
*/

.header__push {
  clear: both;

  color: $heading-color;
  //background: #3b5998;

  .inner {
    padding-top: 18px;
    padding-top: 1.125rem;
    background: $background;
  }
}

.header__push-meta {
  display: none;
}

.header__push-content {
  padding-bottom: 18px;
  padding-bottom: 1.125rem;
  border-bottom: 1px solid $border-color;
}

.header__push-title {
  display: block;
  margin: 0;
  font-family: $heading-font;
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: uppercase;
  text-align: center;
}

.header__push-context {
  display: block;
  margin-top: 10px;
  margin-top: 0.625rem;
  padding-left: 15px;
  padding-left: 0.9375rem;
  text-transform: uppercase;
  color: $text-color;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bolder;
  text-align: center;
}

.header__push-tags {
  display: none;
}
.coll-filter{width:206px}
.header__push-filter {
  color: $text-color;
  margin-top: 15px;
  margin-top: 0.9375rem;
  display:inline-block;
}

@include breakpoint(mobile-only) {
  .header:not(.gift-card__header) {
    background-image: none !important;
  }
}

@include breakpoint(tablet) {
  .header {
    padding: 35px 0;
    padding: 2.1875rem 0;
    background-size: cover;
  }

  .header__logo {
    display: block;
    text-align: center;
  }

  .header__mobile-nav {
    display: none;
  }

  .header__logo-image {
    max-height: none;
  }

  .header__actions {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    padding-right: 20px;
    padding-right: 1.25rem;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bolder;
    text-transform: uppercase;
  }

  .header__actions-item {
    display: inline-block;

    &:not(:last-child)::after {
      display: inline-block;
      content: '';
      margin: 0 12px;
      margin: 0 0.75rem;
      height: 16px;
      height: 1rem;
      width: 1px;
      width: 0.0625rem;
      background: $header-text-color;
      vertical-align: text-bottom;
    }
  }

  .header__push-meta {
    display: inline-block;
    float: right;
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase;
  }

  .header__push-title {
    display: inline-block;
    font-size: 22px;
    font-size: 1.375rem;
    text-align: left;
  }


  .header__push-context {
    display: inline-block;
    margin: 0 0 0 15px;
    margin: 0 0 0 0.9375rem;
    padding-left: 15px;
    padding-left: 0.9375rem;
    border-left: 1px solid $border-color;
    vertical-align: super;
    text-align: left;
  }

  .header__push-tags {
    display: block;
    margin-top: 25px;
    margin-top: 1.5625rem;
    color: $text-color;

    &.header__push-context {
      display: inline-block;
      margin-top: 0;
    }
  }

  .header__push-tag {
    display: inline-block;
    margin-right: 20px;
    margin-right: 1.25rem;
    padding-bottom: 2px;
    padding-bottom: 0.125rem;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bolder;

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

    a {
      transition: none;
    }

    &:hover a {
      border-bottom: 2px solid $accent-color;
    }
  }

  .header__push-tag--active {
    color: $accent-color;

    a {
      border-bottom: 2px solid $accent-color;
    }
  }

  .header__push-filter--tags {
    display: none;
  }

  .header__push-filter--sort {
    display: inline-block;
    // float: right;
    //height: 36px;
    //height: 2.25rem;
    margin-top: 0;
    // max-width: 258px;

    select {
      height: 36px;
      height: 2.25rem;
    }
  }

  @if $is-slideshow-enabled and not $is-header-separated {
    .template-index {
      .header {
        position: absolute;
        width: 100%;
        top: 35px;
        top: 2.1875rem;
        z-index: 2;
        background: transparent none !important;
      }
    }
  }

  @if $is-slideshow-enabled and $is-header-separated {
    .template-index {
      .header {
        background-image: none !important;
      }
    }
  }
}

@include breakpoint(tablet) {
  .header__push {
    //margin-top: 35px;
    // margin-top: 2.1875rem;
  }
}

@include breakpoint(large-tablet) {
  .header__push {
    // margin-top: 50px;
    //margin-top: 3.125rem;
  }

  .header__push-title {
    font-size: 28px;
    font-size: 1.75rem;
  }

  @if ($header-position == 'right') {
    .header__logo {
      display: inline-block;
      text-align: left;
    }
  }
}
/**
* ----------------------------------------------------------------------------------------------------
* FOOTER
* ----------------------------------------------------------------------------------------------------
*/

.footer {
  margin-top: 25px;
  margin-top: 1.5625rem;
  padding: 20px 0;
  padding: 1.25rem 0;
  background: $footer-background;
  color: $footer-text-color;
  font-size: 12px * $footer-font-factor;
  font-size: 0.75rem * $footer-font-factor;
  text-align: center;

  p {
    margin-bottom: 0;
  }

  a:hover {
    color: lighten($footer-text-color, 15%);
  }
}

.footer--no-margin {
  margin-top: 0;
}

.footer__module {
  padding: 20px;
  padding: 1.25rem;
  border: 1px solid $footer-border-color;

  & + .footer__module {
    border-top: none;
  }
}

.footer__module + .footer__module,
.footer__row + .footer__row .footer__module:first-child {
  border-top: none;
}

.footer__module--centered {
  text-align: center;
  vertical-align: middle;
}

.footer__title {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  font-size: 11px * $footer-font-factor;
  font-size: 0.6875rem * $footer-font-factor;
  font-weight: bolder;
  color: $footer-title-color;
  text-transform: uppercase;
}

.footer__logo {
  text-align: center;
  vertical-align: middle;
  max-width: 150px;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
  will-change: opacity;

  &:hover {
    opacity: 1;
  }
}

.footer__linklist {
  margin-bottom: -8px;
  margin-bottom: -0.5rem; /* compensate the padding of <li> */
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;

  li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
  }
}

.footer__about-text {
  white-space: pre-line;
}

.footer__social {
  .social__item {
    display: inline-block;

    &:not(:last-child) {
      margin-right: 10px;
      margin-right: 0.625rem;
    }
  }

  svg {
    height: 15px;
    height: 0.9375rem;
    width: 15px;
    width: 0.9375rem;
  }
}

.footer__form {
  position: relative;
}

.footer__input,
.footer__submit {
  padding: 12px 15px;
  padding: 0.75rem 0.9375rem;
}

.footer__input {
  border: none;
  color:black;
  //background: $footer-text-color;
  // background: rgba($footer-text-color, 0.2);

  &::-webkit-input-placeholder {
    color: $footer-text-color;
  }

  &::-moz-placeholder {
    color: $footer-text-color;
  }

  &:-ms-input-placeholder {
    color: $footer-text-color;
  }

  &::placeholder {
    color: $footer-text-color;
  }
}

.footer__submit {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  background: none;
  border: none;
  text-align: right;
  transition: color 0.25s ease-in-out;

  &:hover {
    color: lighten($footer-text-color, 15%);
  }
}

.footer__misc {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.footer__copyright {
  font-size: 12px * $footer-font-factor;
  font-size: 0.75rem * $footer-font-factor;
}

.payment-methods {
  margin-top: 10px;
  margin-top: 0.625rem;
}

.payment-methods__item {
  display: inline-block;

  &:not(:last-child) {
    margin-right: 10px;
    margin-right: 0.625rem;
  }

  .icon {
    width: 32px;
    width: 2rem;
    height: 32px;
    height: 2rem;
  }
}

@include breakpoint(tablet) {
  .footer {
    text-align: left;
  }

  .footer__row {
    display: table;
    width: 100%;
    margin: 0;
    border: 1px solid $footer-border-color;

    & + .footer__row {
      border-top: 0;
    }
  }

  .footer__module {
    display: table-cell;
    margin-right: 15px;
    margin-right: 0.9375rem;
    padding: 20px 30px;
    padding: 1.25rem 1.875rem;
    border-width: 0 1px 0 0;

    &:last-child {
      border-right: none;
    }
  }

  .footer__linklist a {
    white-space: nowrap;
  }

  .footer__copyright {
    display: inline-block;
  }

  .payment-methods {
    margin-top: -8px;
    margin-top: -0.5rem;
    float: right;
  }
}

@include breakpoint(large-tablet) {
  .footer__linklist li {
    white-space: nowrap;
  }
}

@include breakpoint(desktop) {
  .footer {
    padding: 40px 0 30px 0;
    padding: 2.5rem 0 1.875rem 0;
  }

  .footer__module {
    padding: 30px;
    padding: 1.875rem;
  }

  .footer__linklist {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }

  .footer__misc {
    margin-top: 30px;
    margin-top: 1.875rem;
  }
}
.slideshow,
.slideshow__slide {
  position: relative;
}

.slideshow__slides {
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.25, 0.45, 0.45, 0.90);
  will-change: opacity;
}

.slick-initialized.slideshow__slides {
  opacity: 1;
}

.slideshow__image {
  width: 100%;
}

.slideshow__cover {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slideshow__heading {
  font-family: $slideshow-heading-font;
  font-size: 20px * $slideshow-heading-font-factor;
  font-size: 1.25rem * $slideshow-heading-font-factor;
  color: $slideshow-heading-color;
}

.slideshow__subheading {
  display: none; /* Do not display on mobile */
  font-family: $slideshow-subheading-font;
  color: $slideshow-subheading-color;
}

.slideshow__button {
  background: $slideshow-button-background;
  color: $slideshow-button-color;

  .no-touchevents &:hover {
    background: #337A30;
    color: $slideshow-button-background;
  }
}

.slideshow__arrows {
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
  text-align: right;
  color: $slideshow-heading-color;
}

.slideshow__arrow {
  display: inline-block;

  svg {
    width: 24px;
    width: 1.5rem;
    height: 24px;
    height: 1.5rem;
  }
}

.slideshow__prev {
  margin-right: 6px;
  margin-right: 0.375rem;
}

@include breakpoint(mobile-only) {
  .slideshow__slide {
    background-image: none !important; /* Make sure it's not loaded on mobile */
  }

  .slideshow__button {
    padding: 10px 15px;
    padding: 0.625rem 0.9375rem; /* We slightly reduce slideshow button only on mobile due to limited size */
  }
}

@include breakpoint(tablet) {
  .slideshow {
    min-height: 350px;
  }

  @if not $is-header-separated {
    .slideshow__cover {
      margin-top: 80px;
      margin-top: 5rem;
    }
  }

  .slideshow--uncropped {
    .slideshow__slide {
      background-image: none !important;
    }
  }

  @if (not $is-header-separated) {
    .slideshow--cropped {
      .slideshow__slide {
        min-height: 600px;
        background-position: center center;
        background-size: cover;
      }

      .slideshow__image {
        display: none !important;
      }

      .slideshow__cover {
        position: relative;
        margin: 305px 0 175px 0;
        margin: 19.0625rem 0 10.9375rem 0;
        width: 100%;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
      }
    }
  }

  .slideshow__heading {
    margin-bottom: 25px;
    margin-bottom: 1.5625rem;
    font-size: 40px * $slideshow-heading-font-factor;
    font-size: 2.5rem * $slideshow-heading-font-factor;
  }

  .slideshow__subheading {
    display: block;
    text-transform: uppercase;
    font-size: 18px * $slideshow-subheading-font-factor;
    font-size: 1.125rem * $slideshow-subheading-font-factor;
    font-weight: bolder;

    & > span {
      padding-bottom: 4px;
      padding-bottom: 0.25rem;
      border-bottom: 4px solid currentColor;
    }
  }

  .slideshow__arrow svg {
    width: 34px;
    width: 2.125rem;
    height: 34px;
    height: 2.125rem;
  }

  /**
  * If the marketing module is enabled, the marketing module will slightly "eat up" over the slider. As
  * a consequence, we need to "move a bit" the content
  */

  @if $is-marketing-module-enabled {
    .slideshow__arrows {
      bottom: 40px;
      bottom: 2.5rem;
    }
  }
}
/* .slideshow--cropped{
.slideshow__slide{
cursor: pointer;
}
} */
@include breakpoint(large-tablet) {
  @if (not $is-header-separated) {
    .slideshow--cropped {
      .slideshow__cover {
        margin: 275px 0 225px 0;
        margin: 27% 0 14.0625rem 0;
      }
    }

    .slideshow--uncropped {
      .slideshow__cover {
        margin-top: 25px;
        margin-top: 1.5625rem;
      }
    }
  }

  @if $is-marketing-module-enabled {
    .slideshow__arrows {
      bottom: 80px;
      bottom: 5rem;
    }
  }
}

@media screen and (max-width: 1599px){
  .slideshow--cropped {
    .slideshow__cover {
      margin:17% 0 14.0625rem 0;
    }
  }
}
@media screen and (max-width: 1200px){
  .slideshow--cropped {
    .slideshow__cover {
      margin:21% 0 14.0625rem 0;
    }
  }
}
@media screen and (max-width: 1024px){
  .slideshow--cropped {
    .slideshow__cover {
      margin:27% 0 14.0625rem 0;
    }
  }
}
@media screen and (max-width: 768px){
  .slideshow--cropped {
    .slideshow__cover {
      margin:35% 0 14.0625rem 0;
    }
  }
}
@media screen and (max-width: 767px){
  .slideshow--cropped {
    .slideshow__cover {
      margin:14% 0 14.0625rem 0;
    }
  }
}

@include breakpoint(desktop) {
  .slideshow__heading {
    font-size: 80px * $slideshow-heading-font-factor;
    font-size: 5rem * $slideshow-heading-font-factor;
  }

  @if $is-marketing-module-enabled {
    .slideshow__arrows {
      bottom: 120px;
      bottom: 7.5rem;
    }
  }
}
.marketing-module {
  padding: 0 1.5%;

  @if (not $is-marketing-module-enabled-on-mobile) {
    display: none;
  }

  @if (not $is-slideshow-enabled) {
    padding-top: 1.5%;
    padding-bottom: 1.5%;
  }
}

.marketing-module__wrapper {
  background: $background;
  white-space: nowrap;
  font-size: 0;
}

.marketing-module__column {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  white-space: normal;
}

.marketing-module__link {
  transition: opacity 0.25s ease-in-out;
  will-change: opacity;

  &:hover {
    opacity: 0.7;
  }
}

.marketing-module__item {
  width: 100%;
  display: inline-block;
  vertical-align: top;

  & > .marketing-module__image {
    width: 100%;
  }
}

@if ($marketing-module-layout == 1) {
  /** Three images in a row **/
  .marketing-module__column {
    width: calc(24.9% - 1%);

    & + .marketing-module__column {
      margin-left: 1.5%;
    }
  }
} @else if ($marketing-module-layout == 2) {
  /** Two images in a row **/
  .marketing-module__column {
    width: calc(50% - 0.75%);

    & + .marketing-module__column {
      margin-left: 1.5%;
    }
  }
} @else {
  /** Two images on the left, one image on the right **/
  .marketing-module__column {
    width: calc(50% - 0.75%);

    & + .marketing-module__column {
      margin-left: 1.5%;
    }
  }

  .marketing-module__column:last-child .marketing-module__item:first-child {
    margin-bottom: 3%;
  }
}

@include breakpoint(tablet) {
  .marketing-module {
    display: block;
  }
}

@if $is-slideshow-enabled {
  .marketing-module {
    position: relative;
  }

  .marketing-module__wrapper {
    padding: 1.5% 0;
  }

  @include breakpoint(tablet) {
    .marketing-module {
      /* margin-top: -40px; */  /*commented on 14-10-19*/
      margin-top: -80px;
      /* margin-top: -14.5rem;*/  /*commented on 14-10-19*/
    }

    .marketing-module__wrapper {
      padding: 1.5%;
    }
    .marketing-module__wrapper {
      background: transparent;
    }
  }

  @include breakpoint(large-tablet) {
    .marketing-module {
      margin-top: -80px;
      /*margin-top: -15rem;*/
    }
  }

  @include breakpoint(desktop) {
    .marketing-module {
      margin-top: -120px;
      /*margin-top: -15.5rem;*/
    }
  }
}
.quick-shop {
  display: table;
  table-layout: fixed;
  padding: 35px 35px 30px 35px;
  padding: 2.1875rem 2.1875rem 1.875rem 2.1875rem;
  width: 850px;
  width: 53.125rem;
  max-width: 100%;
  top: 50% !important;
  left: 50% !important;
  background: $background;
  border: 1px solid $border-color;
  border-radius: 5px;
  box-shadow: 0 0 4px rgba(#000000, 0.3);
  -webkit-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

.quick-shop__slideshow {
  display: table-cell;
  vertical-align: middle;
  width: 40%;
}

.quick-shop__product {
  display: table-cell;
  width: 60%;
  padding-left: 50px;
  padding-left: 3.125rem;
  vertical-align: middle;

  .product__form-status {
    position: relative;
    margin-bottom: 45px;
    margin-bottom: 2.8125rem;
  }
}

.quick-shop__see-more {
  font-weight: bolder;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;

  svg {
    margin-left: 10px;
    margin-left: 0.625rem;
    vertical-align: text-top;
    transition: margin-left 0.25s ease-in-out;
  }

  &:hover {
    svg {
      margin-left: 15px;
      margin-left: 0.9375rem;
    }
  }
}
.mega-search {
  width: 400px;
  width: 25rem;
}

.mega-search .icon-cross {
  display: block;
  margin: 0 auto 35px auto;
  margin: 0 auto 2.1875rem auto;
  width: 35px;
  width: 2.1875rem;
  height: 35px;
  height: 2.1875rem;
  fill: #ffffff;
  cursor: pointer;
}

.mega-search__form {
  position: relative;
}

.mega-search__input {
  padding: 18px 25px;
  padding: 1.125rem 1.5625rem;
  background: transparent;
  border: 3px dashed #ffffff;
  font-size: 18px;
  font-size: 1.125rem;
  color: #ffffff;

  &:focus {
    border-color: inherit;
  }

  &::-webkit-input-placeholder {
    color: rgba(#ffffff, 0.6);
  }

  &::-moz-placeholder {
    color: rgba(#ffffff, 0.6);
  }

  &:-ms-input-placeholder {
    color: rgba(#ffffff, 0.6);
  }

  &::placeholder {
    color: rgba(#ffffff, 0.6);
  }
}

.mega-search__spinner {
  position: absolute;
  margin: 0;
  width: 25px;
  width: 1.5625rem;
  height: 25px;
  height: 1.5625rem;
  top: 20px;
  top: 1.25rem;
  right: 20px;
  right: 1.25rem;
}

.mega-search__suggestions {
  position: relative;
  display: block !important;
  top: -3px;
  top: -0.1875rem;
  background: #ffffff;
  border-radius: 0 0 3px 3px;
}

.mega-search__suggestion {
  padding: 10px;
  padding: 0.625rem;
  cursor: pointer;

  & > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  /* Last one is the "display all results" link */
  &:last-child {
    border-top: 1px solid $border-color;
  }
}

.mega-search__image {
  display: inline-block;
  max-width: 35px;
  max-height: 35px;
  margin-right: 20px;
  margin-right: 1.25rem;
  border-radius: 3px;
  vertical-align: baseline;
}

.mega-search__info {
  display: inline-block;
}

.mega-search__item-title {
  display: block;
  color: $heading-color;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
}

.mega-search__item-subtitle {
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  text-transform: uppercase;
}

.mega-search__all-results {
  color: $heading-color;
  text-transform: uppercase;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bolder;
}

.mega-search__suggestion.selected {
  background: $primary-button-background;

  &:last-child {
    border-radius: 0 0 3px 3px;
  }

  .mega-search__item-title,
  .mega-search__item-subtitle,
  .mega-search__all-results {
    color: $primary-button-color;
  }
}
.share-buttons__label {
  display: inline-block;
  margin-right: 25px;
  margin-right: 1.5625rem;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bolder;
  vertical-align: text-bottom;
}

.share-buttons__list {
  display: inline-block;
}

.share-buttons__item {
  display: inline-block;

  &:not(:last-child) {
    margin-right: 8px;
    margin-right: 0.5rem;
  }

  &:hover {
    color: $accent-color;
  }
}
.article__comments {
  max-width: 900px;
  margin: 0 auto 40px auto;
  margin: 0 auto 2.5rem auto;
}

.comments__count {
  margin-top: -10px;
  margin-top: -0.625rem;
  text-align: center;
  font-weight: bolder;
  color: $heading-color;
}

.comments__moderated {
  display: block;
  margin-top: 10px;
  margin-top: 0.625rem;
  text-align: center;
}

.comments__new {
  max-width: 700px;
  margin: 0 auto;
}

.comments__section-title {
  @extend .index-module__title;
  text-align: center;
  color: $heading-color;
}

.comment {
  padding: 25px 0;
  padding: 1.5625rem 0;
  border-bottom: 1px solid $border-color;

  &:last-child {
    border-bottom: none;
  }
}

.comment__header {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  overflow: hidden;
}

.comment__gravatar {
  float: left;
  margin-right: 15px;
  margin-right: 0.9375rem;
}

.comment__author {
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
  padding-top: 10px;
  padding-top: 0.625rem;
  font-weight: bolder;
}

.comment__gravatar {
  max-width: 60px;
  border-radius: 100%;
}

.comment__content {
  clear: both;
}

@include breakpoint(tablet) {
  .comment {
    display: table;
    width: 100%;
    table-layout: fixed;
  }

  .comment__header {
    display: table-cell;
    width: 200px;
    width: 12.5rem;
  }

  .comment__gravatar {
    float: none;
  }

  .comment__content {
    display: table-cell;
    padding-left: 60px;
    padding-left: 3.75rem;
    vertical-align: top;
  }
}

@include breakpoint(large-tablet) {
  .article__comments {
    margin-bottom: 80px;
    margin-bottom: 5rem;
  }
}

.error-404 {
  text-align: center;
}

.error-404__icon {
  display: inline-block;
  padding: 20px 40px;
  padding: 1.25rem 2.5rem;
  color: $primary-button-background;
  border: 1px solid $primary-button-background;
  border-radius: 12px;
  font-size: 64px;
  font-size: 4rem;
  font-weight: bolder;
}

.error-404__empty {
  margin: 50px 0;
  margin: 3.125rem 0;
}
.login__forgot-password {
  float: right;
  font-weight: normal;
}

/**
* Account dashboard
*/

.account__orders {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

@include breakpoint(large-tablet) {
  .account__orders {
    margin-bottom: 0;
    @include span(9, 50px);
  }

  .account__address {
    @include span(3, 50px, true);
  }
}

/**
* Address
*/

.address {
  position: relative;
  padding: 15px;
  padding: 0.9375rem;
  border: 1px solid $border-color;
  border-radius: 3px;
}

.address__type {
  position: absolute;
  display: inline-block;
  width: 100%;
  top: 0;
  left: 0;
  padding: 6px 14px 4px 14px;
  padding: 0.375rem 0.875rem 0.25rem 0.875rem;
  border-radius: 3px 3px 0 0;
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: bolder;
  text-align: center;
  color: $background;
  background: $accent-color;

  & + .address__customer {
    margin-top: 35px;
    margin-top: 2.1875rem;
  }
}

.address__customer {
  font-weight: bolder;
  font-size: 18px;
  font-size: 1.125rem;
  color: $heading-color;
}

.address__details {
  p {
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
  }

  & + .address__see-all {
    display: inline-block;
    margin-top: 12px;
    margin-top: 0.75rem;
  }
}

.address__actions {
  margin-top: 20px;
  margin-top: 1.25rem;

  .button {
    display: block;
    text-align: center;

    &:first-child {
      margin-bottom: 10px;
      margin-bottom: 0.625rem;
    }
  }
}

/**
* Addresses
*/

.addresses__empty {
  text-align: center;
  margin: 50px 0;
  margin: 3.125rem 0;
}

.addresses__modal {
  margin: 25px 0;
  margin: 1.5625rem 0;
  max-height: calc(100% - 50px);
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.addresses__close {
  display: block;
  margin-top: 10px;
  margin-top: 0.625rem;
  text-align: center
}

.account__addresses .address {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

@include breakpoint(tablet) {
  .flexbox {
    .account__addresses {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;

      .address {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
      }
    }
  }
}

@include breakpoint(tablet-only) {
  .account__addresses .address {
    @include gallery(2, 25px);

    &:nth-child(2n+1) {
      margin-left: 0;
      clear: both;
    }
  }
}

@include breakpoint(desktop) {
  .account__addresses .address {
    @include gallery(3, 25px);

    &:nth-child(3n+1) {
      margin-left: 0;
      clear: both;
    }
  }
}

/**
* Orders
*/

.order__table {
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}

.order__address {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

@include breakpoint(tablet) {
  .order__address {
    @include gallery(2, 25px);

    &:first-child {
      margin-left: 0;
      clear: both;
    }
  }
}
.collections {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 25px;
  margin-top: 1.5625rem;
}

.collections__item {
  position: relative;
  font-size: 0;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  text-align: center;
}

.collections__image {
  display: block;
  margin: 0 auto;
}

.collections__overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(#000000, 0.2);
}

.collections__title {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 10px;
  padding: 0 0.625rem;
  font-family: $heading-font;
  color: #ffffff;
  font-size: 20px;
  font-size: 1.25rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.no-touchevents {
  .collections__overlay {
    background: rgba(#000000, 0.4);
  }

  .collections__overlay,
  .collections__title {
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
    will-change: opacity;
  }

  .collections__item:hover {
    .collections__overlay,
    .collections__title {
      opacity: 1;
    }
  }
}

@include breakpoint(mobile-only) {
  .index-module__collections .collections__item,
  .template-list-collections .collections__item,
  .template-page-collections .collections__item {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
}

@include breakpoint(tablet-only) {
  .index-module__collections .collections__item,
  .template-list-collections .collections__item,
  .template-page-collections .collections__item {
    @include gallery(2, 25px);
    margin-bottom: 25px;
    margin-bottom: 1.5625rem;

    &:nth-child(2n+1) {
      margin-left: 0;
      clear: both;
    }
  }
}

@include breakpoint(desktop) {
  .template-list-collections .collections__item,
  .template-page-collections .collections__item {
    @include gallery($list-collections-desktop-items-per-row, 25px);

    &:nth-child(#{$list-collections-desktop-items-per-row}n+1) {
      margin-left: 0;
      clear: both;
    }
}
}
.collection__description {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  padding: 15px 25px;
  padding: 0.9375rem 1.5625rem;
  background: $collection-description-background;
  color: $collection-description-color;
}

.collection__empty {
  text-align: center;
  margin: 50px 0;
  margin: 3.125rem 0;
}

.collection__list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product-item {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}

.product-item__image-wrapper {
  position: relative;
  width: 100%;
}

.product-item__image {
  display: block;
  margin: 0 auto;
}

.product-item__image--alternate {
  display: none;
}

.product-item--sold-out {
  .product-item__image-wrapper::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    opacity: 0.4;
  }
}

.no-touchevents .product-item__figure--alternate-image-loaded:hover {
  .product-item__image {
    display: none;
  }

  .product-item__image--alternate {
    display: block;
  }
}

.product-item__figure {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  // height:313px;
  flex: 1 0 auto;
  margin: 0 0 15px 0;
  margin: 0 0 0.9375rem 0;
  font-size: 0;
  overflow: hidden;

  @if $collection-show-border-around-images {
    border: 1px solid $border-color;
  }

  & > a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
  }
}

.product-item .product__labels {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;

  .label ~ .label {
    margin-top: 5px;
    margin-top: 0.3125rem;
  }
}

.product-item__details {
  text-align: center;
  font-weight: bolder;
}

.product-item__colors {
  line-height: 0;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.product-item__color {
  display: inline-block;
  margin: 0 1px;
  margin: 0 0.0625rem;
  padding: 5px;
  padding: 0.3125rem;
  border-radius: 100%;
  border: 1px solid $border-color;
  vertical-align: middle;
  position: relative;
  span {
    display: block;
    width: 12px;
    width: 1.3rem;
    height: 12px;
    height: 1.3rem;
    border-radius: 100%;
    background-size: cover;
  }
}

.product-item__vendor,
.product-item__type,
.product-item__price {
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
}

.product-item__vendor,
.product-item__type {
  display: block;
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
}

.product-item__price {
  display: inline-block;
}

.product-item__price--old {
  text-decoration: line-through;
  font-weight: normal;
}

.product-item__title {
  display: block;
  margin-bottom: 0;
  font-size: 14px;
  font-size: 0.875rem;
  color:black; //$heading-color;
}

.button--quick-shop {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
  border-radius: 0;
}

.no-touchevents .product-item__figure:hover {
  .button--quick-shop {
    display: block !important;
  }
}

@include breakpoint(mobile-only) {
  .index-module__products-1 .product-item,
  .index-module__products-2 .product-item,
  .template-collection .product-item,
  .template-product .product-item,
  .template-search .product-item {
    @include gallery(2, 15px);

    &:nth-child(2n+1) {
      margin-left: 0;
      clear: both;
    }
  }
}

@include breakpoint(tablet-only) {
  .index-module__products-1 .product-item,
  .index-module__products-2 .product-item,
  .template-collection .product-item,
  .template-product .product-item,
  .template-search .product-item {
    @include gallery(3, 25px);

    &:nth-child(3n+1) {
      margin-left: 0;
      clear: both;
    }
  }
}

@include breakpoint(tablet) {
  .product-item {
    margin-bottom: 50px;
    margin-bottom: 3.125rem;
  }
}

@include breakpoint(desktop) {
  .template-collection .product-item,
  .template-search .product-item {
    @include gallery($collection-desktop-items-per-row, 25px);

    &:nth-child(#{$collection-desktop-items-per-row}n+1) {
      margin-left: 0;
      clear: both;
    }
}
}
.cart__empty {
  text-align: center;
  margin: 50px 0;
  margin: 3.125rem 0;
}

.cart__table {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

.cart__table--desktop {
  display: none;
}

.cart-item__image-container {
  max-width: 100px;
  width: 100px;
  width: 6.25rem;
  padding-right: 0;
}

.cart-item__image {
  border-right: 1px solid $border-color;
  padding-right: 15px;
  padding-right: 0.9375rem;
  vertical-align: middle;
}

.cart-item__vendor,
.cart-item__title,
.cart-item__variant,
.cart-item__properties,
.cart-item__unit-price,
.cart-item__unit-price-discounted,
.cart-item__line-price,
.cart-item__line-price-discounted {
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  text-transform: uppercase;
  font-weight: bolder;
}

.cart-item__vendor,
.cart-item__title,
.cart-item__variant {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.cart-item__title,
.cart-item__line-price {
  color:black;
}

.cart-item__unit-price-discounted,
.cart-item__line-price-discounted {
  text-decoration: line-through;
  font-weight: normal;
}

.cart-item__title {
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: unset !important;
}

.cart-item__properties {
  font-weight: normal;
}

.cart-item__quantity {
  max-width: 80px;
  text-align: center;
  -moz-appearance: textfield;

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

.cart-item__remove {
  &:hover {
    color: $accent-color;
  }

  svg {
    width: 20px;
    width: 1.25rem;
    height: 20px;
    height: 1.25rem;
  }
}

.cart__table--mobile {
  .cart-item__properties {
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
  }

  .cart-item__quantity {
    display: inline-block;
    width: 60px;
    width: 3.75rem;
    vertical-align: top;
  }

  .cart-item__price-and-remove {
    display: inline-block;
    margin-left: 15px;
    margin-left: 0.9375rem;
  }
}

.cart__total,
.cart__total-discount {
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: uppercase;
  text-align: center;
}

.cart__total-amount,
.cart__total-amount-saved {
  color: $heading-color;
  font-size: 22px;
  font-size: 1.375rem;
}

.cart__original-total-amount {
  margin-left: 8px;
  margin-left: 0.5rem;
  text-decoration: line-through;
}

.cart__total-discount {
  margin-top: -25px;
  margin-top: -1.5625rem;
}

.cart__instructions {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}

.cart__terms {
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}

.cart__checkout-with {
  margin-top: 15px;
  margin-top: 0.9375rem;
  text-align: center;

  input {
    width: auto;
    border: none;
  }

  & > *:not(script) {
    display: block;
    margin: 0 auto;
    padding: 10px 0 0 10px;
    padding: 0.625rem 0 0 0.625rem;
    vertical-align: top;
    line-height: 1;

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

  & > p {
    padding: 0;
    margin: 0;
    font-size: 13px;
    font-size: 0.8125rem;
    text-transform: uppercase;
    font-weight: bolder;
  }
}

.cart__taxes {
  display: block;
  font-size: 15px;
  font-size: 0.9375rem;
}

/**
* Shipping estimator
*/



.shipping-estimator__title {
  @extend .index-module__title;
  color: $heading-color;
  text-align: center;
}

.shipping-estimator__results {
  margin-top: 30px;
  margin-top: 1.875rem;
}

@include breakpoint(tablet) {
  .cart__table--mobile {
    display: none;
  }

  .cart__table--desktop {
    display: table;
  }

  .cart__table {
    border: none;
    box-shadow: none;
    border-collapse: separate;
    border-spacing: 0 14px;

    thead {
      font-size: 14px;
      font-size: 0.875rem;

      th:first-child {
        padding-left: 0;
      }
    }

    th {
      background: none;
      border-bottom-width: 2px;
      color: $heading-color;
    }
  }

  .cart__item {
    td {
      border-top: 1px solid $border-color;
      border-bottom: 1px solid $border-color !important;

      &:first-child {
        border-left: 1px solid $border-color;
      }

      &:last-child {
        border-right: 1px solid $border-color;
      }
    }
  }

  .cart__total,
  .cart__total-discount {
    font-size: 22px;
    font-size: 1.375rem;
    text-align: right;
  }

  .cart__total-discount {
    font-size: 18px;
    font-size: 1.125rem;
  }

  .cart__total-amount {
    font-size: 30px;
    font-size: 1.875rem;
  }

  .cart__total-amount-saved {
    font-size: 24px;
    font-size: 1.5rem;
  }

  .cart__instructions {
    @include span(8, 50px);
    margin-top: -6px;
    margin-top: -0.375rem;
  }

  .cart__terms {
    text-align: right;
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }

  .cart__checkout,
  .cart__terms {
    @include span(4, 50px, true);
  }

  .cart__checkout-with {
    text-align: right;

    input {
      margin-right: 0;
    }
  }

  .flexbox {
    .shipping-estimator__form {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;

      .form__control {
        margin: 0 15px 0 0;
        margin: 0 0.9375rem 0 0;
      }
    }

    .shipping-estimator__zip {
      max-width: 160px;
    }
  }
}

@include breakpoint(large-tablet) {
  .cart-item__image-container {
    max-width: 135px;
    width: 135px;
    width: 8.4375rem;
  }

  .cart__instructions {
    @include span(6, 50px);
  }
}
.contact {
  margin-top: 40px;
  margin-top: 2.5rem;
}

@include breakpoint(tablet) {
  .template-page-contact {
    .page__content {
      @include span(6, 50px);
    }

    .contact {
      margin-top: 0;
    }

    .page__content + .contact {
      @include span(6, 50px, true);
      margin-top: 0;
    }
  }
}

@include breakpoint(large-tablet) {
  .template-page-contact {
    .page__content {
      @include span(7, 50px);
    }

    .page__content + .contact {
      @include span(5, 50px, true);
      margin-top: 0;
    }
  }
}
.header__push-rss {
  display: none;
}

/**
* BLOG
*/

.blog__articles {
  text-align: left;
}

.blog__article {
  margin-bottom: 60px;
  margin-bottom: 3.75rem;
}

@include breakpoint(tablet) {
  .header__push-rss {
    display: inline-block;
    margin-top: 16px;
    margin-top: 1rem;
    float: right;
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase;
    color: $heading-color;

    svg {
      margin-right: 4px;
      margin-right: 0.25rem;
      vertical-align: text-top;
    }
  }

  .blog__article {
    @include gallery(3, 25px);
    margin-bottom: 100px;
    margin-bottom: 6.25rem;

    &:nth-child(3n + 1) {
      clear: both;
      margin-left: 0;
    }
  }

  .flexbox {
    .blog__articles {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }

    .blog__article {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
  }
}

/**
* ARTICLE
*/

.article__header {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.article__meta {
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
}

.article__meta-separator {
  display: inline-block;
  margin: 0 5px;
  margin: 0 0.3125rem;
}

.article__author {
  font-weight: bolder;
}

.article__title {
  color: $heading-color;
  font-family: $heading-font;
  font-size: 17px;
  font-size: 1.0625rem;
}

.article__excerpt {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

.article__image {
  display: block;
  margin: 0 auto;
  vertical-align: top;
}

.article__comments-count {
  &:hover {
    color: $accent-color;
  }

  svg {
    vertical-align: middle;
    margin-right: 5px;
    margin-right: 0.3125rem;
  }
}

.article--full {
  max-width: 900px;
  margin: 0 auto 40px auto;
  margin: 0 auto 2.5rem auto;

  .article__meta {
    text-align: center;
  }

  .article__image {
    margin: 0 auto 35px auto;
    margin: 0 auto 2.1875rem auto;
  }

  .article__body {
    margin-bottom: 50px;
    margin-bottom: 3.125rem;
  }

  .article__footer {
    text-align: center;
  }
}

.article__tags {
  margin-top: 15px;
  margin-top: 0.9375rem;
}

.article__tags-label {
  display: inline-block;
  margin-right: 25px;
  margin-right: 1.5625rem;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bolder;
  vertical-align: middle;
}

.article__tags-list {
  display: inline-block;
  font-style: italic;
}

.article__tags-item {
  display: inline-block;

  &:hover {
    color: $accent-color;
  }
}

@include breakpoint(large-tablet) {
  .article--full {
    margin-bottom: 80px;
    margin-bottom: 5rem;
  }

  .article__title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.search__empty {
  text-align: center;
  margin: 50px 0;
  margin: 3.125rem 0;
}

.search__input {
  max-width: 400px;
  margin: 0 auto 20px auto;
  margin: 0 auto 1.25rem auto;
}
/**
* Navigation
*/

.product__next,
.product__previous {
  &:hover {
    color: $accent-color;
  }

  svg {
    vertical-align: middle;
  }
}

.product__previous + .separator {
  display: inline-block;
  margin: 0 5px;
  margin: 0 0.3125rem;
  color: $text-color;
}

/**
* Showcase and details
*/

.product__slideshow {
  margin: 0 -20px;
  position: relative;
  margin: 0 -1.25rem; /* Allow to expand over whole width */

  .slick-arrow {
    display: block !important;
    position: absolute;
    right: 0;
    top: 50%;
    border: none;
    background: transparent;
    font-weight: bolder;
    font-size: 32px;

  }

  .slick-prev{left: 0; right: auto; z-index:11111111111111;}



  .slick-dots {
    margin-top: 10px;
    margin-top: 0.625rem;
    padding: 0;
    text-align: center;

    li {
      display: inline-block;
      cursor: pointer;
    }

    .slick-active button {
      background: $primary-button-background;
    }

    button {
      display: inline-block;
      margin: 10px 8px;
      margin: 0.625rem 0.5rem;
      padding: 0;
      height: 8px;
      height: 0.5rem;
      width: 8px;
      width: 0.5rem;
      background: $text-color;
      border-radius: 100%;
      cursor: pointer;
      border: none;
      outline: none;
      font-size: 0;
    }
  }
}
.product__slideshow{text-align:center;}

.product__slideshow-image {
  max-width: 100%;
  margin: 0 auto;
}

.product__slideshow-image--zoomed {
  visibility: hidden;
}

.product__slideshow--nav {
  display: none;
}

.product__meta--desktop {
  display: none;
}

.product__meta--mobile {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  text-align: center;
}

.product__labels {
  text-align: left;
}

.product__meta .product__labels {
  text-align: center;
}

.product__labels--always {
  margin-top: 18px;
  margin-top: 1.125rem;
}

.product__vendor {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bolder;
}

.product__inventory,
.product__reviews-badge {
  display: block;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
}

.spr-badge-caption {
  margin-left: 8px;
  margin-left: 0.5rem;
}

.product__title {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  font-family: $heading-font;
  font-size: 20px;
  font-size: 1.25rem;
  color:{{ settings.product_title }};
  font-weight:bold;
}

.product__price {
  font-weight: bolder;
  font-size: 16px;
  font-size: 1.5rem;
  /* color: $accent-color;*/
  color:#64ba5f;
}

.product__price--old {
  margin-right: 15px;
  margin-right: 0.9375rem;
  font-weight: normal;
  text-decoration: line-through;
}

.product__sale-percent {
  margin-left: 15px;
  margin-left: 0.9375rem;
  padding: 5px 10px;
  padding: 0.3125rem 0.625rem;
  color: $product-on-sale-color;
  background: $product-on-sale-background;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bolder;
  border-radius: 3px;
}

@include breakpoint(tablet) {
  .product__slideshow {
    margin: 0;
  }

  .product__slideshow .slick-dots {
    display: block !important;

  }

  .product__slideshow--nav {
    display: block;
    margin-top: 25px;
    margin-top: 1.5625rem;
    text-align: center;
  }

  .flexbox .product__slideshow--nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .product__slideshow-nav-image {
    width: 70px;
    width: 4.375rem;
    height: 70px;
    height: 4.375rem;
    margin: 10px;
    margin: 0.625rem;
    object-fit: cover;
    vertical-align: middle;
    cursor: pointer;
    transition: all 0.25s ease-in-out;

    @if ($product-thumbnails-display == 'rounded') {
      border-radius: 100%;
      border: 1px solid rgba($border-color, 0.8);
      box-shadow: 0 1px 2px rgba($border-color, 0.8);

      &:hover {
        border-color: rgba($accent-color, 0.6);
        box-shadow: 0 1px 2px rgba($border-color, 0.6);
      }
    }
  }
}

@include breakpoint(large-tablet) {
  .product__meta--desktop {
    display: block;
  }

  .product__meta--mobile {
    display: none;
  }

  .product__meta .product__labels {
    text-align: left;
  }

  .product__slideshow {
    @include span($product-showcase-columns, 45px);
  }

  .product__info {
    display: block;
    @include span(12 - $product-showcase-columns, 45px, true);
  }

  .product__meta {
    padding-bottom: 22px;
    padding-bottom: 1.375rem;
    border-bottom: 1px solid $border-color;
  }

  .product__title {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

/**
* Form
*/

.product__form {
  margin-top: 20px;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
}

.product__size-chart {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bolder;
  color: $heading-color;
  text-decoration: underline;
  text-transform: none;
}

.product__quantity {
  width: 90px !important;
  width: 5.625rem !important;
  float: right;
}

.product__form-hint {
  margin: 10px 0 -5px 0;
  margin: 0.625rem 0 -0.3125rem 0;
  font-size: 13px;
  font-size: 0.8125rem;
  text-align: center;
}

.product__buy {
  position: relative;
}

.product__form-status {
  position: absolute;
  width: 100%;
  padding: 16px 10px 25px 10px;
  padding: 1rem 0.625rem 1.5625rem 0.625rem;
  text-align: center;
  border: 1px solid $border-color;
  border-top: none;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 21px 27px 3px $border-color;
  background: $background;
  z-index: 2;

  svg {
    vertical-align: middle;
    margin-left: 10px;
    margin-left: 0.625rem;
  }
}

.product__form-message {
  font-weight: bolder;
}

.product__form-message--success {
  color: #0bb73a;
}

.product__form-message--error {
  color: #e9573f;
}

.product__form-continue {
  font-weight: bolder;
  padding-bottom: 3px;
  padding-bottom: 0.1875rem;
  border-bottom: 2px solid $heading-color;
  color: $heading-color;
}

.product__form-or {
  display: block;
  margin: 10px 0;
  margin: 0.625rem 0;
  padding: 4px;
  padding: 0.25rem;
  font-size: 12px;
  font-size: 0.75rem;
  font-style: italic;
}

@include breakpoint(tablet) {
  .product__form-status {
    padding: 24px 10px 32px 10px;
    padding: 1.5rem 0.625rem 2rem 0.625rem;
  }

  .product__form-or {
    display: inline-block;
    margin: 0 20px;
    margin: 0 1.25rem;
  }
}

/**
* Tabs and description
*/

.product__description {
  padding: 25px 0;
  padding: 1.5625rem 0;  
}
div#demoaddon{
  border-top: 1px solid $border-color;
}
.jdgm-prev-badge{
  @media screen and (max-width: 767px){
    text-align: center !important;
  }
}

.product__description-label {
  display: inline-block;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  text-transform: uppercase;
  font-weight: bolder;
  font-size: 14px;
  font-size: 0.875rem;
  border-bottom: 3px solid $border-color;
}

.product__tabs-title {
  display: none; /* On mobile we use a dropdown insted */
}

.product__tabs {
  clear: both;
  padding-top: 35px;
  padding-top: 2.1875rem;
}

.product__tab-selector {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

@include breakpoint(tablet) {
  .product__tabs {
    padding-top: 65px;
    padding-top: 4.0625rem;
  }

  .product__tab-selector {
    display: none;
  }

  .product__tabs-title {
    display: block;
    text-align: center;
  }

  .product__tab-title {
    display: inline-block;
    margin: 0 15px;
    margin: 0 0.9375rem;
    text-transform: uppercase;
    opacity: 0.6;
    transition: all 0.25s ease-in-out;
    font-weight: bolder;
    cursor: pointer;
    border-bottom: 2px solid transparent;

    &:hover {
      opacity: 1;
    }
  }

  .product__tab-title--active {
    color: $heading-color;
    border-bottom-color: $heading-color;
    opacity: 1;
  }

  .product__tabs-content {
    margin: 50px 0 30px 0;
    margin: 3.125rem 0 1.875rem 0;
  }
}

@include breakpoint(desktop) {
  .product__tab-title {
    margin: 0 45px;
    margin: 0 2.8125rem;
  }
}

/**
* Related products
*/

.related-products {
  @extend .index-module;
  margin-top: 45px;
  margin-top: 2.8125rem;
  background: $product-related-products-background;
}

.related-products__title {
  @extend .index-module__title;
}

.related-products__list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@include breakpoint(desktop) {
  .related-products .product-item {
    @include gallery($product-related-products-desktop-items-per-row, 25px);

    &:nth-child(#{$product-related-products-desktop-items-per-row}n+1) {
      margin-left: 0;
      clear: both;
    }
}
}
.template-gift-card {
  .header {
    padding: 75px 0;
    padding: 4.6875rem 0;
    text-align: center;
  }

  .main {
    margin-top: 0;
  }
}

.gift-card__subheader {
  margin-bottom: 60px;
  margin-bottom: 3.75rem;
  padding: 15px 0;
  padding: 0.9375rem 0;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bolder;
  text-transform: uppercase;
  text-align: center;
  background: $heading-color;
  color: $background;
}

.gift-card__details {
  margin-top: 30px;
  margin-top: 1.875rem;
  text-align: center;
}

.gift-card__issued-text {
  margin-bottom: 0;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: lighter;
}

.gift-card__amount {
  display: block;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
  font-size: 75px;
  font-size: 4.6875rem;
  font-weight: bolder;
  color: $heading-color;
}

.gift-card__code {
  display: inline-block;
  padding: 8px 20px;
  padding: 0.5rem 1.25rem;
  font-weight: bolder;
  font-size: 26px;
  font-size: 1.625rem;
  text-align: center;
  border: 2px solid $border-color;
  border-radius: 4px;
}

.gift-card__qr-code {
  margin: 25px 0;
  margin: 1.5625rem 0;

  img {
    margin: 0 auto;
  }
}

.gift-card__actions {
  margin-top: 50px;
  margin-top: 3.125rem;

  .button {
    display: block;
    margin: 0;
  }

  .button:first-child {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
}

.gift-card__apple-wallet {
  display: block;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

.gift-card__footer {
  text-align: center;
}

.gift-card__copyright {
  margin-top: 50px;
  margin-top: 3.125rem;
  padding: 40px 0;
  padding: 2.5rem 0;
  border-top: 1px solid $border-color;
  font-size: 13px;
  font-size: 0.8125rem;
}

@include breakpoint(tablet) {
  .gift-card__actions {
    margin-top: 50px;
    margin-top: 3.125rem;

    .button {
      display: inline-block;
    }

    .button:first-child {
      margin-right: 15px;
      margin-right: 0.9375rem;
      margin-bottom: 0;
    }
  }
}

@include breakpoint(large-tablet) {
  .gift-card__subheader {
    font-size: 30px;
    font-size: 1.875rem;
  }

  .gift-card__issued-text {
    font-size: 55px;
    font-size: 3.4375rem;
  }

  .gift-card__illustration {
    @include span(5, 75px);
    text-align: center;
  }

  .gift-card__details {
    @include span(7, 75px, true);
    margin-top: 0;
    text-align: left;
  }

  .gift-card__qr-code img {
    margin-left: 0;
  }
}
.template-password {
  .header {
    padding: 75px 0;
    padding: 4.6875rem 0;
    text-align: center;
  }

  .main {
    margin-top: 35px;
    margin-top: 2.1875rem;
    text-align: center;
  }
}

.password__store,
.password__message {
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bolder;
}

.password__opening {
  font-family: 'Give You Glory', 'Arial', 'sans-serif';
  font-size: 32px;
  font-size: 2rem;
  color: $accent-color;
}

.password__register {
  input[type="email"] {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.password__powered-by {
  svg {
    height: 25px;
    height: 1.5625rem;
    vertical-align: middle;
  }
}

.password__footer {
  margin: 80px 0 50px 0;
  margin: 5rem 0 3.125rem 0;
  padding-top: 50px;
  padding-top: 3.125rem;
  border-top: 1px solid $border-color;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: lighter;
  text-align: center;
}

.password__admin-form {
  .form__control {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
}

@include breakpoint(tablet) {
  .password__opening {
    font-size: 48px;
    font-size: 3rem;
  }
}

@include breakpoint(tablet) {
  .password__opening {
    margin-bottom: 50px;
    margin-bottom: 3.125rem;
    font-size: 90px;
    font-size: 5.625rem;
  }

  .password__powered-by {
    @include span(6, 20px);
    margin: 10px 0 0 0;
    margin: 0.625rem 0 0 0;
    text-align: left;
  }

  .password__admin-form {
    @include span(6, 20px, true);
  }
}
.template-index {
  .main,
  .footer {
    margin-top: 0;
  }
}

.index-module {
  padding: 20px 0;
  padding: 1.25rem 0;
  text-align: left;
}

.index-module__title {
  font-family: $heading-font;
  font-size: 22px;
  font-size: 1.375rem;
}

.index-module__products-1 {
  color: $home-featured-products-1-color;
  background: $home-featured-products-1-background;

  .product-item__title {
    color: $home-featured-products-1-title-color;
  }
}

.index-module__products-2 {
  color: $home-featured-products-2-color;
  background: $home-featured-products-2-background;

  .product-item__title {
    color: $home-featured-products-2-title-color;
  }
}

.index-module__collections {
  color: $home-featured-collections-color;
  background: $home-featured-collections-background;
}

.index-module__free-text-1 {
  color: $home-free-text-1-color;
  background: $home-free-text-1-background;
}

.index-module__free-text-2 {
  color: $home-free-text-2-color;
  background: $home-free-text-2-background;



}

.index-module__newsletter {
  color: $home-newsletter-color;
  background: $home-newsletter-background;
}

.index-module__blog {
  background: $home-featured-blog-background;

  .index-module__title {
    color: $home-featured-blog-color;
  }

  .blog__article {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    padding: 15px;
    padding: 0.9375rem;
    background: $background;
    border-radius: 4px;
  }

  .article__image {
    max-width: none;
    width: calc(100% + 30px);
    width: calc(100% + 1.875rem);
    margin-left: -15px;
    margin-left: -0.9375rem;
  }
}

.index-module__newsletter-form {
  max-width: 650px;
  margin: 25px auto 0 auto;
  margin: 1.5625rem auto 0 auto;

  input {
    border: none;
  }

  input[type="email"] {
    background: $home-newsletter-input-background;

    &, &::-webkit-input-placeholder {
      color: lighten($home-newsletter-color, 10%);
    }

    &, &::-moz-placeholder {
      color: lighten($home-newsletter-color, 10%);
    }

    &, &:-ms-input-placeholder {
      color: lighten($home-newsletter-color, 10%);
    }

    &, &::placeholder {
      color: lighten($home-newsletter-color, 10%);
    }
  }

  input[type="submit"] {
    margin-top: 10px;
    margin-top: 0.625rem;
    background: lighten($home-newsletter-color, 10%);
    color: $home-newsletter-background;

    &:hover {
      background: lighten($home-newsletter-color, 5%);
    }
  }
}

.index-module__instagram {
  @if not $home-instagram-show-on-mobile {
    display: none;
  }

  color: $home-instagram-color;
  background: $home-instagram-background;

  .icon-instagram {
    display: inline-block;
    margin-right: 10px;
    margin-right: 0.625rem;
    vertical-align: -1px;
  }
}

.instagram__overlay {
  display: none;
}

.instagram__image-wrapper {
  position: relative;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  font-size: 0;
}

.no-touchevents {
  .instagram__overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 18px 15px 16px 20px;
    padding: 1.125rem 0.9375rem 1rem 1.25rem;
    opacity: 0;
    background: rgba(0, 0, 0, 0.6);
    text-align: left;
    transition: opacity 0.25s ease-in-out;
  }

  .instagram__caption,
  .instagram__date {
    color: #ffffff;
  }

  .instagram__caption {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.55;
    height: 4.65em; /* Exactly three lines */
  }

  .instagram__date {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
  }

  .instagram__image-wrapper:hover {
    .instagram__overlay {
      opacity: 1;
    }
  }

  &.flexbox {
    .instagram__image-wrapper .instagram__overlay {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
  }
}

@include breakpoint(mobile-only) {
  .instagram__image-wrapper {
    @include gallery(2, 10px);

    &:nth-child(2n+1) {
      margin-left: 0;
      clear: both;
    }
  }
}

@include breakpoint(tablet) {
  .index-module {
    padding: 30px 0 38px 0;
    padding: 1.875rem 0 2.375rem 0;
  }

  .index-module__title {
    font-size: 26px;
    font-size: 1.625rem;
  }

  .flexbox .index-module__newsletter-form {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    input {
      margin-top: 0;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }

    input[type="email"] {
      margin-right: 20px;
      margin-right: 1.25rem;
      -webkit-flex: 2.5;
      -ms-flex: 2.5;
      flex: 2.5;
    }
  }

  .index-module__instagram {
    display: block;

    .icon-instagram {
      vertical-align: -3px;
    }
  }

  .instagram__image-wrapper {
    @include gallery($home-instagram-image-per-row, 10px);

    &:nth-child(#{$home-instagram-image-per-row}n+1) {
      clear: both;
      margin-left: 0;
    }
}
}

@include breakpoint(desktop) {
  .index-module {
    padding: 36px 0 44px 0;
    padding: 2.25rem 0 2.75rem 0;
  }

  .index-module__title {
    font-size: 30px;
    font-size: 1.875rem;
  }

  .index-module__products-1 .product-item {
    @include gallery($home-featured-products-1-items-per-row, 25px);

    &:nth-child(#{$home-featured-products-1-items-per-row}n+1) {
      margin-left: 0;
      clear: both;
    }
}

.index-module__products-2 .product-item {
  @include gallery($home-featured-products-2-items-per-row, 25px);

  &:nth-child(#{$home-featured-products-2-items-per-row}n+1) {
    margin-left: 0;
    clear: both;
  }
}

.index-module__collections .collections__item {
  @include gallery($home-featured-collections-items-per-row, 25px);

  &:nth-child(#{$home-featured-collections-items-per-row}n+1) {
    margin-left: 0;
    clear: both;
  }
}
}


#infiniteoptions-container > div {
  margin-bottom: 20px;
}

#infiniteoptions-container > div > label {
  width: 45%;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: bolder;
}

#infiniteoptions-container > div > span {
  display: inline-block;
  width: 55%;
}

#infiniteoptions-container select {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMCIgeT0iMCIgdmlld0JveD0iLTE3LjUgLTEuMyA1MC4xIDI3LjkiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5bGluZSBwb2ludHM9IiAxNi4xIDguNSA3LjYgMTcgLTAuOSA4LjUgIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MjtzdHJva2U6IzAwMCIvPjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-position: right;
  background-position-x: 98%;
  background-size: 33px 33px;
}

/* .product-item__image {
max-width:none !important;
transform: translateX(-15%);
} */


.cartrow {
  float: left;
  width: 100%;
}
.cartcol1
{
  float:left;
  width:70%;


}


.cartcol2
{
  float:left;
  width:30%;

}

button#paypal-express-button {
  width: 100% !important;
  border-radius: 54px !important;
  margin-top:10px;
}


p.conshop {
  border: 1px solid;
  padding: 7px;
  text-align: center;
  font-weight: bold;
  border-radius:54px;
  margin-top:4% !important;
}

.cartcol3 {
  float: left;
  width: 30%;
  text-align:center;
}

.cartcol4 {
  float: right;
  width: 70%;
}

hr.hrline {
  border-top: 1px solid rgba(178, 178, 178, 0.6);
  border-bottom: 0px;
  width: 99%;
  text-align: left;
  margin-left: 0px;
}


/*input.cartquat {
display: inline;
width: 33px;
height: 35px !important;
text-align: center;
border-radius: 0px !important;
line-height: 0px !important;
padding: 0px !important;
position: absolute;
left: 32px;
border-color: #e7e7e7;
background: transparent;
}*/
button.minus {
  width: 50px;
  background: #f2f2f2 !important;
  padding: 2px !important;
  border: 1px solid rgba(158, 158, 158, 0.34);
}
img.minusimg {
  width: 17px;
  height: 10px;
}

span.areacart {
  float: left;
  width: 100%;
}

span.cartnext {
  float: left;
  width:100%;
}



button.plus {
  width: 50px;
  background: #f2f2f2;
  padding: 2px;
  border: 1px solid rgba(158, 158, 158, 0.34);
}

img.plusimg {
  width: 17px;
  height: 13px;
}

img.deleteicon {
  width: 22px;
  float:left;
  margin-top: 4px;
}


p.quantarea {
  margin-bottom: 2% !important;
  float: left;
  width: 100%;
}

.blogtag
{
  color:#3b5998;

}

.blog-data {
  color: #3b5998;
}

.blog-article.single-article {
  padding-right: 3%;
  box-sizing: border-box !important;
}
.desktophide{display:none;}
.mobilehide{display:block;}
.swatch.mobilehide{display:inline-block;}

.header__mobile_searchrow {
  display: none;
}

.tumblerthirdline ,span.tumblersecondline {
  font-weight: normal;
  font-size: 23px;
}

@media(max-width:767px)
{


  #customers  td
  {
    width:100% !important;
    float:left;
  }


  #customers  th
  {
    display:none !important;
  }

  .tumblerthirdline, span.tumblersecondline {
    font-weight: normal;
    font-size: 18px !important;
  }

  span.subhattitle {
    font-weight: normal;
    font-size: 16px !important;
  }

  a.colsimilar span {
    margin-bottom:30px;
  }
  .revstr {
    display: none;
  }

  .header__mobile_searchrow {
    display:block !important;
    padding: 5% 0;
  }

  .desktophide{display:block;}
  .mobilehide{display:none;}
  .swatch.desktophide{display:inline-block;}
  .swatch.mobilehide{display:none;}
  .ss_ulsearch
  {
    width:100% !important;  
  }

  span.header__cart-count {
    background: black !important;
    color: white;
  }

  .header__mobile-nav {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    color: black !important;
    z-index: 5;
  }

  .pagination__prev
  {
    font-size: 21px;  
  }
  .collection-header .form__select .icon
  {
    top: calc(50% - -0.5rem) !important;
  }

  .pagination__next {
    float: right;
    margin-left: 25px;
    margin-left: 1.5625rem;
    padding-left: 32px;
    padding-left: 2rem;
    font-size: 21px;
  }

  .related-products__item.product-item {
    width: 100% !important;
    margin: 0px !important;
  }
  .collection__item.product-item {
    width: 100% !important;
    margin:0px !important;
  }

  .marketing-module__column {
    padding: 4px !important;
  }

  .marketing-module__column+.marketing-module__column {
    margin-left: 0px !important;
  }
  .marketing-module {
    position: relative;
    overflow: hidden !important;

  }
  .marketing-module__column {
    width: calc(50.9% - 1%) !important;
  }

  .marketing-module__column {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    white-space: normal;
    float: left;
    overflow: hidden;
  }

  .sizecol {
    float: left;
    width: 100% !important;
    text-align: center;
  }

  ul.slick-dots {
    display: none !important;
  }

  span.top-bar__message {
    text-align: center;
    display: block;
    color: white;
    font-size: 12px !important;
    text-shadow: 1px 1px 1px black;
    padding-bottom: 6px !important;
    padding-top: 2px;
  }


  .desktopproduct
  {
    display:none !important; 

  }

  .headcol4
  {
    display:none !important; 

  }

  .cartrow
  {
    text-align:center;  
  }

  .shipwholetext1 {
    float: left;
    width: 100% !important;
    text-align: center;
  }

  .shipwholetext2 {
    float: left;
    width: 100% !important;
    text-align: center;
  }

  img.trsuti {
    max-width: 59px;
    width: 100%;
  }
  //     .product__description #tabs.ui-widget .ui-tabs-nav li:before:first-child {
  //     content: '';
  //     position: absolute;
  //     bottom: 1px;
  //     left: -30px;
  //     width: 100%;
  //     height: 100%;
  //     display: block;
  //     background: url('/cdn/shop/t/7/assets/default-tab-w.png?7083412410986224207') no-repeat left top;
  // }
  p.mobilecarttitle {
    float: left;
    width: 100%;
    display:block !important;
    margin:0px !important;
  }

  button.checkoutcartbtn
  {
    max-width: 100% !important;
  }

  a.conshop {
    max-width: 100% !important;
    margin-top: 0;
  }

  button.minusbt
  {
    height:35px !important;  
  }

  button.plusbt
  {
    height:35px !important;  
  }



  .cartcolnew3 {
    float: left;
    width: 60% !important;
  }

  .cartcolnew5 {
    float: left;
    width: 20% !important;
  }

  .cartcolnew4 {
    float: left;
    width: 10%;
    display: none !important;
  }

  .cartcolnew2 {
    float: left;
    width: 35%;
    display: none !important;
  }

  .mobilehiddencart
  {
    margin-top: 17px;
  }

  .bgscol1 {
    float: left;
    width: 100% !important;
  }
  /*     .headercart
  {

  display:none !important; 
} */

  img.shopbtncenter {
    position: absolute;
    bottom: 11%  !important;
    left: 35% !important;
    max-width: 98px !important;
    z-index: 99999999999999999;
  }

  img.shopbtnright {
    position: absolute;
    z-index: 999999999999999;
    right: 6%;
    bottom: 24%;
    max-width: 87px !important;
    border-radius: 2px;
  }

  img.shopbtn {
    position: absolute;
    bottom: 24%;
    max-width: 87px !important;
    left: 6%;
    width: 100%;
    border-radius: 2px;
    z-index: 999999999999999;
  }

  a.homelink {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 999999999999999999;
    position:relative !important;
  }

  .blog-article.single-article {
    padding-right:0% !important;

  }
  .blogcol1
  {
    width:100% !important; 

  }

  .blogcol2
  {
    width:100% !important; 

  }
  .contentcol1
  {
    width:100% !important;  

  }

  .contentcol2
  {
    width:100% !important;  

  }


  .homefiltercat
  {

    //display:none !important;
  }

  .headcol1
  {

    width:100% !important;
    float:left;

  }

  .reviewcol {
    float: left;
    width: 100% !important;
    text-align: center;
  }

  span.ls-message-param {
    font-size: 11px !important;
  }

  select.ls-add-to-cart-dropdown {
    font-size: 12px !important;
    height: 27px !important;
  }

  .header__logo-image {
    max-width: 300px;
    max-height: 35px !important;
  }
  .header
  {
    padding:6px !important;  

  }

  .cartcol1 {
    float: left;
    width: 100%;
  }

  .cartcol2 {
    float: left;
    width: 100%;
  }

  .cartcol3 {
    float: left;
    width: 30%;
    padding-right: 8px;
  }

  .header__push-filter span
  {
    display:block !important;
  }
  .header__push-filter--sort select
  {
    width:100% !important; 
  }
  .selectstyle.ss_dib.google {
    margin-top: 0 !important;  
    display:block !important;
  }
  .ss_dib{display:block !important;}
  .ss_button, .ss_dib.ss_text
  {
    width:100% !important; 
    display:block !important;
  }
  .homefiltercat
  {
    width: 100%;
  }

}

@media(min-width:320px) and (max-width:980px)
{
  span.areacart {
    float: left;
    width: 80%;
  }
  span.cartnext {
    float: left;
    width: 20%;
  }




}

.cartbtn
{

  border-radius:54px;

}

.reviewcol {
  float: left;
  width: 50%;
  text-align: center;
}
.reviewrow {
  float: left;
  width: 100%;
}

h1.reviewtitle {
  margin-bottom: 3%;
  margin-top: 2%;
  font-size: 22px !important;
}

img.reviewimg {
  border-radius: 50%;
  width: 100%;
  max-width: 201px;
  margin-top:2%;
  margin-bottom:1%;
  max-height:165px;
}


p.reviewtext {
  padding: 0% 3%;
  margin-bottom: 2%;
  max-width: 477px;
  margin: 0px auto;
  font-size:13px;
}

.headcol1 {
  float: left;
  width: 20%;
  overflow: hidden;
}

.headcol3 {
  float: left;
  width: 50%;
}


button.submithead {
  position: absolute;
  right: 0pc;
  top: 0px;
  height: 36px;
  width: 38px;
  background: #3b5998;
  border: 0px !important;
  color:white;
}
.headcol4 {
  float: left;
  width:20%;
  position:relative;
}

input.footer__submit {
  color:{{ settings.primary_button_color }} !important;
  background: #000000;
  border-radius: 0px;
}

.homefiltercat {
  display: inline-block;
  // float: right;
  margin: 10px 0 !important;
  // margin-left: 17px !important;
  //   max-width: 250px;
}
.header__push-filter span
{
  display:inline-block; 
}
.header__push-filter--sort select
{
  height:45px !important; 
  //width:207px;
}

@media(min-width:768px) and (max-width:980px)
{

  input.cartquat
  {
    //height:30px !important;  

  }

  .header__push-filter--sort
  {

    // max-width: 140px !important;

  }

}

button#AddToCart {
  background:{{ settings.product_cartbtn }};
  color:{{ settings.product_button_text }};
  margin-top:0;
  .product__price{
    color:{{ settings.product_button_text }};
  }
}



.blogrow {
  float: left;
  width: 100%;
}
.blogcol1 {
  float: left;
  width: 72%;

}
.blogcol2 {
  float: right;

  width:28%;
}
.contentcol1 {
  float: left;
  width: 30%;

}
img.blogimg {
  width: 95%;
}
.contentcol2 {
  float: right;
  width:70%;
}

h1.entry-title {
  margin-bottom: 2px;
  padding: 0px;
  font-size: 23px;
}

h1.entry-title a {
  color:#58b11d;
}

.blogrow.innerrow {
  margin-bottom: 4%;
}
strong {
  color:{{ settings.heading_color }};
}

.blogbutton {
  padding:15px 26px !important;
  background: #3b5998 !important;
  border: 1px solid white !important;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.51);
  color:white !important;
}

button.klaviyo_submit_button
{
  padding:8px 26px !important;
  background: #3b5998 !important;
  border: 1px solid white !important;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.51);
  color:white !important;

}

img.sidebarimage {
  width: 100%;
}

.blognewsletter
{

  max-width:500px !important;

}
.sidebarrow2 h4
{
  color:white; 

}
.sidebarrow3 h4
{

  color:white;

}


.sidebarrow3 p
{

  color:white;

}

.sidebarrow2 {
  float: left;
  width: 100%;
  height: 50px;
  background:#58b11d;
  text-transform: uppercase;
  padding-top:12px;
  padding-left: 5%;
  box-sizing: border-box;
  color: white;
  margin-bottom: 13px;
  margin-top: 9px;
}

input#k_id_email {
  border-radius: 0px !important;
}

.sidebarrow3 {
  background: #3b5998;
  float: left;
  width: 100%;
  padding: 5%;

  box-sizing: border-box;
}

.sidebarrow4 {
  float: left;
  width: 100%;
  height: 50px;
  background: #58b11d;
  text-transform: uppercase;
  padding-left: 5%;
  box-sizing: border-box;
  color: white;
  margin-bottom: 13px;
  margin-top: 9px;
  padding-top:12px;
}

.sidebarrow4 h4 {
  color:white;
}

ul.sidebarpost a {
  font-size: 16px;

  color:#3b5998;
}


.sidebarpost {
  list-style: none inside !important;
  margin: 0px;
  margin-left: 5%;
}


.success_message {
  color: #cddc39 !important;
}

a.homelink {
  display: block;
  width: 100%;
  height: 100%;
  z-index: 999999999999999999;
  position: absolute;
}
.prod_image
{
  width:30%;
  float:left;
}

.prod_info
{
  float: left;
  width: 70%;
  padding: 20px;
}
.prod_info .product__quantity
{
  float: none;
  margin: 10px 0;
  padding: 7px;
  width: 142px !important;
}

img.shopbtn {
  position: absolute;
  bottom: 24%;
  max-width:250px;
  left: 6%;
  width: 100%;
  border-radius:2px;
  z-index:999999999999999;
}

img.shopbtnright {
  position: absolute;
  z-index:999999999999999;
  right: 6%;
  bottom: 24%;
  max-width: 250px;
  border-radius:2px;
}

img.shopbtncenter {
  position: absolute;
  bottom: 40%;
  left:39%;
  max-width: 319px;
  z-index:999999999999999;
}

p.mobilecarttitle {
  display:none;
}

img.trustcartlogo {
  float: left;
  max-width: 320px;
  width: 100%;
}


button.submitfoot {
  position: absolute;
  background: black;
  border: 0px;
  top:0px;
  right: 0px;
  padding: 6px;
  font-size: 17px;
  width: 37px;
}

input.searchinputfoter {
  max-width: 236px;
  width: 100%;
  padding: 9px;
  color: black;
}

form.searchfooter {
  position: relative;
}

li.header__actions-item.carthead {
  position: relative;
  top:7px;
}

i.fa.fa-shopping-cart.carticob {
  font-size: 26px;
}

.headerbar span.counter {
  position: absolute;
  background:#678aab;
  width: 23px;
  height: 23px;
  text-align: center;
  right: 15px;
  border-radius: 12px;
  bottom: 23px;
  font-size: 14px;
  color: white;
}
/****************own**************/

input.footer__submit.footerbtnnew {
  background: #64ba5f;
  float: right;}
input.footer__input {
  float: left;
  width: 68%;
  clear: both;
}
h3.footer__title.newfootertitle{clear:both;
  padding-top: 8px;
}

input.footer__submit.footerbtnnew {
  background: #64ba5f;
  width: 32% !important;
}

.rettu  {
  width: 68% !important;
  margin-left: -158px !important;
}


.footer__input::placeholder
{

  color:black;

}

.footer__input::webkit-placeholder
{

  color:black;

}

.fb_iframe_widget {
  display: inline-block;

  position: relative;
}


.mobileproduct
{
  display:none; 
  margin-bottom:3%;
}

.productarea{
  display: inline-block;
}
button.productplus{
  background: white;
  color: black;
  border-color: #cccccc !important;
  height: 35px;
  width: 35px;
  border: 1px solid;
  border-left:0;
  float: left;
  -webkit-text-stroke: 2px white;
}

input.product__quat {
  width: 35px !important;
  text-align: center;
  line-height: 0px;
  padding: 0px !important;
  height: 35px !important;
  border-radius: 0px;
  float: left;
  border: 1px solid #cccccc;
}

button.productminus {
  background: white;
  color: black;
  border-color: #cccccc;
  width: 35px;
  border: 0px;
  height: 35px;
  border: 1px solid #cccccc;
  border-right: 0px;
  float: left;
  -webkit-text-stroke: 2px white;
}


form#contact_form {
  position: relative;
  width: 100%;
  display: inline-block;
  .rettu{
    margin: 0!important;
    height: 41px;
  }
  @media screen and (max-width: 767px){
    input.footer__submit.footerbtnnew{
      padding: 5px 0;
      text-align: center;
    }
  }
}

span.top-bar__message {
  text-align: center;
  display: block;
  color: white;
  font-size: 20px;
  text-shadow: 1px 1px 1px black;
}


.form__control.qty {
  //  display: none;
}




$duration: 5s;
$text-color:hsla(185, 65%, 21%, 0.68);
$bgr-color:black;




a[href='/pages/message'] {
  font-size:16px;
  margin: 0 auto;

}


a[href='/pages/message'] {
  background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
  background-image: -webkit-linear-gradient(-40deg, transparent 0%, transparent 40%, #fff 50%, transparent 60%, transparent 100%);
  -webkit-background-size: 200px;
  color: $text-color;
  -webkit-background-clip: text;
  -webkit-animation-name: shine;
  -webkit-animation-duration: $duration;
  -webkit-animation-iteration-count: infinite;
  text-shadow: 0 0px 0px rgba(255, 255, 255, 0.5);
}

@-webkit-keyframes shine {
  0%, 10% {
    background-position: -1000px;
  }
  20% {
    background-position: top left;
  }
  90% {
    background-position: top right;
  }
  100% {
    background-position: 1000px;
  }
}


.sizerow {
  float: left;
  width: 100%;
}

.container.infocontent {
  text-align: center;
  background: #54d7e3;
  font-weight: bold;
  font-size: 20px;
  padding: 13px;
  box-sizing: border-box;

}

h1.infohead {
  color: #3b5998;
  font-size: 26px;
}

.sizecol {
  float: left;
  width: 50%;
  text-align: center;
}


/** default and google theme **/
.selectstyle{position:relative;}
.ss_dib{display:inline-block;vertical-align:top;font-size: 0.875rem;font-weight: normal;}
.ss_button{margin:0;vertical-align:top;color:#000000;border: 1px solid #cbcbcb;border-radius:3px;width:207px;cursor:pointer;text-decoration:none;background:none;padding:10px;overflow:hidden;clear:both;display:inline-block;vertical-align:top;font-size:12px;font-weight:bold;word-break:break-all;}
.ss_text{white-space:normal;text-overflow:ellipsis;text-indent:0;white-space:nowrap;overflow:hidden;}
//.ss_image{position:absolute;width:7px;height:11px;background:url({{ 'google.png' | asset_url }}) no-repeat;}
.ss_ul{ width: 207px !important; list-style:none;padding:8px 0; margin:0; margin-top:0px !important;  position:absolute;background:#fff;border:1px solid #ccc;-moz-box-shadow:0 1px 5px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 5px 1px rgba(0,0,0,0.1);box-shadow:0 1px 5px 1px rgba(0,0,0,0.1); border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; display:none;overflow:auto;z-index:100;}
.ss_ulsearch{margin:0; margin-top:-35px;position:absolute;background:#fff;border:1px solid #ccc;-moz-box-shadow:0 1px 5px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 5px 1px rgba(0,0,0,0.1);box-shadow:0 1px 5px 1px rgba(0,0,0,0.1); border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;overflow:auto;z-index:100;display:none;}
.ss_ulsearch .ss_ul{display:block;position:relative;margin-top:0;border:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
.ss_ulsearch .search{border-bottom:1px solid #ccc;padding:0;}
.ss_ulsearch .search input{background:inherit;border:none;height:100%;padding:10px 15px;outline:none;font-size:14px;
  //width:calc(100% - 30px);width:-webkit-calc(100% - 30px);width:-moz-calc(100% - 30px);width:-o-calc(100% - 30px);

  width:100%;
  background:url({{ 'ful_grid_img.png' | asset_url }}) no-repeat;background-position: top 8px right 6px;}
.ss_ulsearch .search input:focus{outline:none;}
.ss_ulsearch .nosearch{text-align:center;font-size:12px;padding-bottom:10px;background:#fff;}
.ss_ul li{padding:10px 15px;cursor:pointer;border:none;text-align:left;color:#595959;transition-duration:.3s;-moz-transition-duration:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s;font-size:14px;}
.ss_ul li:hover{border:none;background:#eee;}
.ss_ul li .ssli_text{vertical-align:top;display:inline-block;}
.ss_ul li .ssli_image{display:inline-block;width:16px;height:16px;margin-right:10px;margin-top:-1px;vertical-align:top;}
.ss_ul li .ssli_image img{width:16px;height:16px;}
.ss_ul::-webkit-scrollbar {width:10px;}
.ss_ul::-webkit-scrollbar:horizontal{height:10px;}
.ss_ul::-webkit-scrollbar-track {border-left:1px solid #D3D3D3;background:#F5F5F5;}
.ss_ul::-webkit-scrollbar-thumb {background:#C4C4C4;}
.selectstyle.ss_dib.google{margin-top:-8px;}

button.searchbtnmob {
  position: absolute;
  right: 19px;
  bottom: 19px;
  height: 42px;
  width: 42px;
  background: #54d7e3;
  border: 0px;
  color: white;
}


.searchmob {
  font-weight: bold;
  border-bottom: 2px solid;
  padding: 0px;
  max-width: 54px;
  margin: 0px auto;
  line-height: 15px;
}

span.colfi {
  display: block;
  width: 195px;
  float: left;
}

.header__push-filter--sort select
{

  width:207px; 
}
.headerbarmenu .container {
  position: relative;
}
li.menu__item:nth-last-child(2) {
  margin-right: 0;
}
ul.cartmenu li{
  display: block; 
  //  position: relative;
  font-size: 16px;
  font-weight: bold;
  padding-right: 1%;
}
.headbarcol5 {
  position: absolute;
  right: 16px;
  top: 0px;
}
@media (min-width: 100em)
{
  .slideshow--cropped .slideshow__slide {
    min-height: initial;
    background-position: center center;
    background-size: cover;
  }
  img.shopbtncenter {
    position: absolute;
    bottom: 38%;
    left: 42%;
    max-width: 319px;
    z-index: 999999999999999;
  }   
}
/*
@media(max-width:1024px)
{
input.cartquat
{
height: 33px !important;
}

}
*/


input.quatinp { 
  border-left: 0px !important;
  border-right: 0px !important;
}

input.quatinp {    
  margin: 0;
  webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  border: 1px solid #cccccc;
  max-width: 100%;
  padding: 8px 20px;
  border-radius: 2px;
  height: 50px;
  font-size: 16px;
  color: #343434;
  background: transparent;

}

input.quatinp{
  width:35px;
  border-radius: 0;
  padding: 0;
  text-align: center;
  //height: 50px !important;
  height: 35px !important;
}

.entry-holder {
  position: relative;
  width: 35px !important;
}

button.entry-holder {
  background: none;
  display: inline-block;
}

.entry-holder {
  border: 1px solid #cccccc;
  width: 100%;
  //height: 50px;
  height:35px;
  -webkit-text-stroke: 2px white;
}


button.entry-holder {
  background: none;
  display: inline-block;
}


.entry-holder button {
  border: 1px solid #cccccc;
  width: 100%;
  //height: 50px;

}
.cartqua{
  display:inline-flex;
}

@media(max-width:767px) {
  #mob_rev{display:inline-flex !important;}
  input.quatinp {
    width: 35px;
    border-radius: 0;
    padding: 0;
    text-align: center;
    height: 35px !important;
  }
  button.minusbt {

    height: 35px !important;
  }
  button.plusbt {

    height: 35px !important;
  }
  .entry-holder {

    width: 35px !important;
  }
}
.checkout-btn:after
{
  content: '\2192';
  font-size: 30px !important;
  padding-left: 4px; 
  line-height: 18px;
}
.addtocart,.mobileprice
{
  font-size: 22px;
}

.product__description-label.desktop-msg
{
  display:inline-block;
}
@media(max-width:480px){

  .addtocart,.mobileprice
  {
    font-size: 20px;
  }  
  .product__description-label.mobile-msg 
  {
    display:block !important;
    text-align:center;
    font-size: 1rem;
  }
  .product__description-label.desktop-msg
  {
    display:none;
  }

}

@media(max-width:480px){
  .addtocart,.mobileprice {
    font-size: 20px;  
  }
  .product__buy .button  {
    padding: 0.9375rem 5px; 
  }
}
.product-item__colors .swatch.active::after {
  position: absolute;
  content: '\e900';
  top: -10px;
  top: -0.625rem;
  right: -6px;
  right: -0.375rem;
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
  font-family: 'icomoon';
  line-height: 18px;
  color: #ffffff;
  background: #26b522;
  border-radius: 10px;
  font-size: 7px;
  font-size: 0.4375rem;
  text-align: center;
}
/* #variant_change {
display: inline-grid;
display:-moz-groupbox;
} */
#variant_change .selector-wrapper:nth-child(2) {
  order: 6;
}
#variant_change .selector-wrapper:nth-child(6) {
  order: 2;
}


div#isp-related-widget-1 {
  width: 100%;
  overflow: hidden;
}
/*============================================================================
#Drawers
==============================================================================*/
/*============================================================================
Layer promotion mixin for creating smoother animations with higher FPS.
==============================================================================*/

// Drawers
$drawerNavWidth: 300px;
$drawerCartWidth: 600px;
$colorDrawers:#ffffff;
$colorDrawerBorder: darken($colorDrawers, 5%);
$colorDrawerText:#000000;
$drawerTransition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);

// Sizing variables
$siteWidth: 1180px;
$gutter: 30px;
$gridGutter: 30px; // can be a %, but nested grids will have smaller margins because of it
$radius: 3px;

// Z-index
$zindexNavDropdowns: 5;
$zindexDrawer: 9999;

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


.drawer {
  -webkit-transform: translateZ(0);
  will-change: transform;
  display: none;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  top: 0;
  bottom: 0;
  padding: 0 ($gutter / 2) ($gutter / 2);
  max-width: 95%;
  z-index: $zindexDrawer;
  color: $colorDrawerText;
  background-color: $colorDrawers;
  transition: $drawerTransition;

  a {
    color: $colorDrawerText;

    &:hover,
    &:focus {
      opacity: 0.7;
    }
  }

  input,
  textarea {
    border-color: #cccccc;
  }
}

.drawer--left {
  width: $drawerNavWidth;
  left: -$drawerNavWidth;
  border-right: 1px solid $colorDrawerBorder;


}

.drawer--right {
  width: $drawerCartWidth;
  right: -$drawerNavWidth;
  border-left: 1px solid $colorDrawerBorder;



}


.js-drawer-open-right .drawer--right {
  display: block;
  -ms-transform: translateX(-300px);
  -webkit-transform: translateX(-300px);
  transform: translateX(-300px);
  z-ndex:111111;
}


.drawer__header {
  position: relative;
  display: table;
  height: 70px;
  width: 100%;
  margin-bottom: $gutter / 2;
  border-bottom: 1px solid $colorDrawerBorder;
}

.drawer__title,
.drawer__close {

  vertical-align: middle;
}

.drawer__title {
  width: 100%;
}

.drawer__close {
  position: absolute;
  right: 0;
  margin-top:3%;
  top: 0;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}

.drawer__close button {
  position: relative;
  right: -20px;
  height: 100%;
  padding: 0 20px;
  color: inherit;

  &:active,
  &:focus {
    background-color: darken($colorDrawers, 5%);
  }
}
.ajaxcart__footer .cartrow.removecartborder , .drawer-row
{
  text-align:center;
}
.ajaxcart__footer button.checkoutcartbtn
{
  float:none !important;
  margin:0 auto;
  font-size: 1.5rem;
  max-width:600px;
}
.drawer a.conshop
{
  color:#2b80d8;
  margin:0;
  float:none !important;
}
.ajaxcart__qty-remove
{
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  background: #fff;
  border: 1px solid #ddd !important;
  color: #000 !important;
  font-weight: normal;
}
#CartDrawer .cartrow.first_cart_row
{
  margin-top: 20px;
}

#DrawerOverlay
{
  position: fixed;
  z-index: 1499;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: black;
  opacity: 0;
  transition: width 0s linear 0.6s,opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}
.js-drawer-open #DrawerOverlay {
  width: 100%;
  opacity: 0.4;
  transition: opacity 0.4s,width 0s linear 0s;
}
.testimonial
{
  width: 90%;
  margin: 0 auto;
  display: block;
}
#CartDrawer .cartcolnew33
{
  color:#000000;
}
#CartDrawer .total
{
  font-size:20px;
}
#CartDrawer .shiptextcarttotal, .bottomrow
{
  margin-bottom: 10px;
}
#CartDrawer .conshop
{
  font-size:18px;
}
.bottomrow img
{
  width:90%; 
}
.order-block
{
  text-align: center;
  margin: 10px 0;
  font-weight: bold;
}

@media (max-width: 480px) {
  .drawer--right
  {
    top: 10%;
    bottom:10%;
    right: -289px;
    overflow-y: scroll;
  }

}


.cart__checkout:after, .checkout-btn:after {
  /*  content: '\2192';
  font-size: 30px !important;
  padding-left: 4px;
  line-height: 18px;*/
}

.emptycont
{
  text-align:center;
  font-weight:bold;
}

.proontico
{

  margin-left:9px; 
}

.form__controlblog {
  float: left;
  position: relative;
  width: 100%;
  z-index: 1;
  margin-top:2%;
}
span.fa.fa-star.checked,span.fa.fa-star-half-o {
  color: #f9be02 !important;
}
span.fa.fa-star
{
  color: #cccccc !important;
}
.slider .rating
{
  display: block;
  padding: 0 5px;
}
@media(max-width:375px){
  #shopmessage-checkbox {
    text-align: center;
    margin-top: 25px;
    margin-left:60px;
    overflow:hidden;
  }
}
@media(min-width:411px){
  #shopmessage-checkbox {
    text-align: center;
    margin-top: 25px;
    margin-left:70px;
    overflow:hidden;
  }
  /*body.focal.focal--v4.template-cart .fotter{display:none !important;}*/
}

.product__prices.desktopproduct{
  display: block;
}
@media(min-width:961px){
  a#top_reviews {
    width: 60%;
    padding: 5px 0 0 0;
  }
  .price_block {
    width: 35%;
  }
  .product__prices.desktopproduct {
    width: 100%;
  }

  // .product__prices.mobileproduct {
  //   display: block;
  // }

}
.tot_rev{
  margin-left:5px;
  text-decoration: underline;
}
a#top_reviews {
  display: inline-flex;
}
.secure-lock {
  width: 22px;
  display: inline-block;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.table_desc{

  margin-bottom:unset !important;

}

a.product-item__title{font-size:15px}.product-item__price{font-size:14px}.button,.command-button{border:1px solid #d9d9d9}span .button,.cycle-button,.round-button,.square-button{display:inline-block;position:relative}span.button.info.block-shadow-info.text-shadow{display:block}.button{text-align:center;color:{{ settings.primary_button_color }};cursor:pointer;outline:0;line-height:0;margin-top:-20px}.button:focus{outline:0}.button.info{color:#0115d6;text-decoration:underline;border:0;text-transform:unset!important;font-size:15px}button.button.info.block-shadow-info.text-shadow{display:inline-block!important}.collection__list{display:-webkit-flex;display:-ms-flexbox;display:inline-block;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media(max-width:767px){button.button.info.block-shadow-info.text-shadow{margin-bottom:14px}}.info{background-color:unset!important}
span.button {
  padding: 14px;
}

// .product__prices.mobileproduct{
//   display:block;
// }

.sticky-atc-btn{
  position: fixed;
  z-index: 1000;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  bottom: -110px;
  left: 0;
  right: 0;
  background: #fff;
  padding: 15px 15px;
  box-shadow: 0 -1px 5px rgba(0,0,0,0.1);
  -webkit-transition: all 0.35s ease 0s;
  -moz-transition: all 0.35s ease 0s;
  -ms-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  transition: all 0.35s ease 0s;
  &.active{
    bottom: 0;
  }
}
.js-drawer-open .sticky-atc-btn{
  bottom: -110px;
}
.sticky-atc-btn img{
  width: 71px;
  float: left;
}
.sticky-atc-btn div{
  display: block;
  overflow: hidden;
  padding-left: 10px;
  position: relative;
}
.sticky-atc-btn h1{
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0;
  max-width: calc(100% - 50px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sticky-atc-btn .price{
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  color: #DC5653;
  font-weight: 600;
}
.sticky-atc-btn button#AddToCart{
  margin: 5px 0 0 0;
  font-size: 14px;
  border: 0;
  padding: 12px 15px;
}
.sticky-atc-btn .AddToCart span{
  font-size: 16px;
}
@media screen and (min-width: 960px){
  .sticky-atc-btn{
    display: none;
  }




}
@media screen and (max-width:960px){
  .custom-left {
    width: 100%;
    float: left;
    margin-top: 0;
  }
  .custom-right {
    width: 100%;
    border-left: 1px solid grey;
  }

}

a.colsimilar span {
  color:#7E8AFA !important;

}


li[data-title='rr_tack_illbringthe']
{

  display:none !important;

}
.menu--mobile .menu__icon-container{
  padding:3px;
}


span.subhattitle {
  font-weight: normal;
  font-size: 23px;

  //color:red;
}


.sticky-badge{
  /*      display:none; */
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
  max-width: 117px;
  @media screen and (max-width: 767px){
    right: 5px;
    top: 5px;
  }
}

.product__description #tabs.ui-widget{
  .ui-tabs-nav{
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 0 !important;
    height: auto;
    padding: 0 10px 0 25px !important;
    list-style: none;
    li{
      float: left;
      width: 100%;
      margin: 0 -12px 1px !important;
      padding: 0 10px;
      height: auto;
      position: relative;
      max-width: 35% !important;
      z-index: 10; 
      &:before{
        content: '';
        position: absolute;
        bottom: 0;
        left: 2px;
        display: block;
        width: 0; 
        height: 0; 
        border-top: 36px solid transparent;
        border-bottom:0px solid #6c89c6; 
        border-right:26px solid #6c89c6;
      }
      &:after{
        content: '';
        position: absolute;
        bottom: 0;
        right:2px;
        width: 0; 
        height: 0; 
        border-top: 36px solid transparent;
        border-bottom: 0px solid #6c89c6;
        border-left: 26px solid #6c89c6;
      }
      /* &:after{
      right: -2px;
      left: auto;
      background: url('{{ "default-tab-right.png" | asset_url }}') no-repeat left top;
    } */
      a{
        display: table;
        position: relative;
        z-index: 1;
        width: 80%;
        margin: 0 auto;
        vertical-align: top;
        text-align: center;
        text-decoration: none;
        color: #fff;
        font-weight: bold;
        background: #6c89c6;
        font-size: 13px;
        border: 0;
        height: auto !important;
        padding: 8px 5px !important;
        border-radius: 4px 4px 0 0;
        line-height: 1.5 !important;
        transition:inherit;
        &:before{
          content: "";
          display: inline-block;
          background: url('{{ "dot.png" | asset_url }}') no-repeat left top;
            width: 16px;
            height: 16px;
            background-size: cover !important;
            position: relative;
            top: 3px;
            margin: 0 5px 0 0;
            border-radius: 50%;
            }
        &:after{
          display: none;
        }
      }
      &.ui-state-active{
        z-index: 11;
        a{
          &:before{
            background: url({{ 'activetab-dot-w.png' | asset_url }});
          }
        }
      }
      @media screen and (max-width: 600px){
        padding: 0 0 0 5px;
        max-width: 30% !important;
        margin: 0!important;
        &:after,&:before{
          display: none;
        }
        a{
          padding: 8px 0 !important;
          font-size: 10px !important;
          width: 100%;
          border-radius: 4px 4px 0 0;
          &:before{
            height: 10px;
            width: 10px;
            top: 2px;
          }
        }
      }
      @media screen and (max-width: 330px){
        padding: 0 0 0 3px;
        a{
          padding: 8px 0 !important;
        }
      }
    }
    @media screen and (max-width: 600px){
      padding: 0 !important;
    }
  }
  .ui-tabs-panel{
    background: #F2F2F2!important;
    width: 100%;
    display: inline-block;
    border-radius: 0;
    padding: 15px;
    font-size: 18px;
    color: #333333;
    p{
      &:last-child{
        margin: 0;
      }
    }
    ul{
      margin: 0;
      padding: 0;
      list-style: none;
      li{
        position: relative;
        padding-left: 30px;
        margin: 0 0 10px;
        font-size: 18px;
        color: #333;
        list-style: none;
        width: 100%;
        display: inline-block;
        vertical-align: top;
        &::before{
          content: '';
          background: url('/cdn/shop/files/check-w.png?16057136151502393264') no-repeat left top;
          position: absolute;
          left: 0;
          top: 2px;
          width: 20px;
          height: 20px;
          display: inline-block;
        }
      }
    }
    @media screen and (max-width: 600px){
      font-size: 14px;
      ul li{
        font-size: 14px;
        padding-left: 23px;
        &:before{
          height: 15px;
          width: 15px;
          top: 3px;
          background-size: cover;
        }
      }
    }
  }
}

.jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel{
  width:100% !important;
  background: white; 
}

.jdgm-widget *{
  text-align:left;

}


.jdgm-carousel-item__review-rating{
  text-align:left;

}

.jdgm-carousel-item__reviewer-name-wrapper{
  margin:10px 0px !important;

}

.jdgm-ellipsis{
  text-align:center;
}




span.slidertext {

  text-align: center;
  font-weight: bold;
  color: red;
}


.popular-brands{list-style:none; 
  float: right;
  color:#000;
  margin-top:15px;
  font-size:18px;
  font-weight:400;

  li{ display:inline-block;
    a{text-decoration: underline;
      margin:4px 4px; 
      color:#000;
      font-weight:400;

    }

  }

}

section.footer__modulesecond
{
  text-align:center; 
}
.rte{color: #000 !important;}


img.tableimg {
  max-width:116px;
  margin:0px;
  border-radius: 17%;
}

#customers {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  text-align:center;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align:center;
  background-color:#5d8bae;
  color: white;
}
#customers td
{
  font-size:12px; 
}
.new {
  color: #64ba5f;
  font-weight: bolder;
  font-size: 1.5rem;
}
.compare {
  color: red !important;
  font-weight: bolder;
  font-size: 1.5rem;
}
.compare .product__price  {
  color: red !important;
  font-weight: bolder;
  font-size: 1.5rem;
}

.product__prices{
  margin-top: 20px;
  p{
    margin: 5px 0 0 0;
    font-weight: normal;
    .product__price{
      margin: 0 0 0 5px;
      display: inline-block !important;
    }
    &.compare{
      font-size: 20px;
      span{
        font-size: 20px;
        font-weight: normal;
      }
    }
  }
}

.sezzle-product-page-widget{
  display: none;
}
.sezzle-shopify-info{
  .sezzle-product-page-widget{
    display: block;
    margin-top: 5px!important;
    text-align: center;
    + .sezzle-product-page-widget{
      display: none;
    }
    .sezzle-checkout-button-wrapper{
      text-align: center;
      .sezzle-button-text,.sezzle-checkout-button{
        display: inline-block;
        float: none;
        vertical-align: middle;
      }
      .sezzle-checkout-button{
        margin-left: 5px;
        div,img{
          display: inline-block;
          vertical-align: middle;
        }
      }
    }
  }
}


#rainow {
  max-width: 100%;
  display: inline-block;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  text-align: center;
}
#rainow th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
}
#rainow td, #rainow th {
  border: 1px solid #ddd;
  padding: 8px;
}
#rainow td {
  font-size: 12px;
}
#rainow img {
  max-width: 116px;
  margin: 0px;
  border-radius: 17%;

}

@media (max-width: 991px) {
  #rainow img {max-width: 70px !important;}

}

@media (max-width: 767px) {
  #rainow td, #rainow-two td {
    width: 100% !important;
    float: left;

  }
  #rainow th {
    display: none !important;
  }
  #rainow img {display:table;margin:0 auto;
    max-width: 100%;}
  #rainow tr,  #rainow-two tr {
    border-bottom: 2px solid #000;
  }
}

.headercart h1 img{
  width: 300px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px;
}
.jdgm-prev-badge__text{
  color: #3B5998;
}

.bc-sf-filter-product-item-image-link{
  height: auto!important;
}
.bc-sf-filter-product-item-flip-image{
  margin: 0!important;
}

@media screen and (min-width: 767px){
  .showmobile{
    display: none;
  }
}
@media screen and (max-width: 767px){
  .showdesktop{
    display: none;

  }
  body.focal.focal--v4.template-cart .mobile-footer-search{display:none !important;}

}
span.gv_desc {
  width: 100%;
  display: inline-flex !important;
  margin-bottom: 10px;
}
.gv_desc img {
  width: 35px;
  height: 35px;
  display: inline-flex !important;
}
.gv_desc p {
  margin-left: 2% !important;
}
input.chk_up {
  margin-right: 5px;
  position: relative;
  top: 2px;
}
.headerbar.fotter{
  background: #E4E4E4;
}
.mobile-footer-search{
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 15px;
  position: relative;
  .mobile-search__input{
    border: 2px solid #196FB2;
    border-radius: 0;
    height: 40px;
    padding: 0 15px;
    width: 70%;
    float: left;
  }



  button.searchbtnmob{
    height: 40px !important;
    background: #3B5998;
    padding: 0 10px;
    text-align: center;
    font-size: 12px !important;
    width: 30%;
    bottom: 0;
    right: 0;
    float: left;
    vertical-align: top;
    position: relative;
    line-height: 0;
  }
}

.see_deatil {
  display: inline-block;
  cursor: pointer;
  border-bottom: 1px solid;
}
.popup_image{
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s ease 0s;
  -moz-transition: all 0.35s ease 0s;
  -ms-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  transition: all 0.35s ease 0s;
  .popup_image_overlay{
    background: rgba(0,0,0,0.5);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .popup_image_wrap{
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    width: 100%;
    max-width: 600px;
    position: relative;
    text-align: center;
    .close_pop_img{
      position: absolute;
      right: 10px;
      top: 10px;
      width: 30px;
      text-align: center;
      font-size: 22px;
    }
    @media screen and (max-width: 610px){
      width: auto;
      margin: 15px;
      .close_pop_img{
        right: 3px;
        top: 5px;
        width: 25px;
        font-size: 16px;
      }
    }
  }
  &.in{
    opacity: 1;
    visibility: visible;
  }
}
#row-2152766177398 .cartcolnew22 .cartqua{
  display: none!important;
}
@media screen and (max-width: 767px){
  .desktop-review{
    display: none!important;
  }
  .cartrow.innerpro{
    .cartcolnew33{
      p{
        font-size: 12px;
        position: relative;
        right: 0;
        width: 100%;
        display: inline-block;
        vertical-align: top;
        a{
          display: inline-block;
        }
      }
    }
  }
  .footermobcol1:nth-child(6){
    border-bottom: 1px solid;
    .footer__titlemob{
      display: none;
      + div{
        display: block!important;
        padding: 10px 0 0;
        font-weight: bold;
        text-transform: uppercase;
      }
    }
  }
}
.top_bar{
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

.contact-popup{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000000;
  opacity: 0;
  visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.35s ease 0s;
  -moz-transition: all 0.35s ease 0s;
  -ms-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  transition: all 0.35s ease 0s;
  .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
  }
  .contact-popup-wrap{
    background: #fff;
    position: absolute;
    border-radius: 4px;
    padding: 30px 30px 0;
    max-width: 600px;
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 15px;
    overflow-x: hidden;
    overflow-y: auto;
    margin: auto;
    max-height: 550px;
    .close{
      position: absolute;
      right: 3px;
      top: 3px;
      width: 30px;
      height: 30px;
      text-align: center;
      font-size: 22px;
    }
    h3{
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
    }
    form{
      vertical-align: top;
      .alert{
        border: 0;
        margin: 0 0 30px;
        padding: 15px;
        text-align: center;
        font-weight: bold;
        border-radius: 4px;
      }
      .alert--success{
        background: green;
        color: #fff;
      }
      .alert--error{
        background: red;
        color: #fff;
      }
      .form-control{
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 20px;
        label{
          font-weight: bold;
          width: 100%;
          display: inline-block;
          vertical-align: top;
          font-size: 14px;
        }
        input,textarea{
          padding: 10px 15px;
          border-radius: 2px;
          width: 100%;
          display: inline-block;
          vertical-align: top;
          outline: none;
          box-shadow: none;
        }
      }
      .button{
        background: #64BA5F;
        border: 0;
        padding: 10px;
        line-height: 1.5;
        padding: 15px 10px;
        display: inline-block;
        margin: 0 0 30px;
        border-radius: 4px;
      }
    }
  }
  &.in{
    opacity: 1;
    visibility: visible;
  }
}
button.button.button--full.button--secondary.sold_out {
  padding: 1.25rem 0 !important;
  font-size: 1.25rem;
  background: #cccccc !important;
  margin-top: 0.5rem;
  color: #000;
  opacity: 1;
}


/*  Product Detail Form  */
#product-2304220364918, #product-2304228491382, #product-2303230115958, #product-2303098421366{
  .protector_upsell{
    display:none !important;
  }
  .sezzle-shopify-info{
    display:none !important;
  }
  p{
    &.productaddtitle{
      font-size:14px;
    }
  }
  .product__prices{
    .compare{
      display:block !important;
      position: relative;
      font-size: 0;
      &:before{
        content: "Retail:";
        color: red;
        font-size: 20px;
      }        
    }
    .new{
      position: relative;
      font-size: 0;
      padding-left:0;
      vertical-align: middle;
      .fa-info{
        position: absolute;
        left: 0;
        top: 5px;
        color: #333;
        font-size: 18px;
        border:1px solid #333;
        width: 30px; 
        height: 30px;
        border-radius: 50%;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
      }
      &:before{
        content: "Reconditioned:";
        font-size: 24px;
        color: #64ba5f;
      }  
    }
  }
}

#product-2304220364918, #product-2304228491382, #product-2303230115958, #product-2303098421366{
  .product__prices{
    .new{
      position: relative;
      font-size: 0;
      padding-left: 40px;
      vertical-align: middle;
      @media screen and (max-width: 959px){
        margin:0 auto;
        display: table;
      }
      .fa-info{
        position: absolute;
        left: 0;
        top: 5px;
        color: #333;
        font-size: 18px;
        border:1px solid #333;
        width: 30px; 
        height: 30px;
        border-radius: 50%;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
      }
      &:before{
        content: "Reconditioned:";
        font-size: 24px;
        color: #64ba5f;
      }  
    }
  }
}



.popup-rebuilt{ 
  position: fixed;
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  z-index:9999;
  opacity: 0;
  visibility: hidden;
  &.in{
    opacity: 1;
    visibility: visible;
  }
  .background-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    background: rgba(0,0,0,0.5);
    z-index: 1;
  }
  .popup-form{
    max-width: 482px;
    position: absolute;
    width: auto;
    left: 15px;
    right: 15px;
    top: 50%;
    margin:-70px auto 0;
    z-index: 99;
    p{
      display: inline-block;
      width: 100%;
      float: left;
      vertical-align: top;
      background: #E7E7E7;
      padding: 15px;
      border: 5px solid #E4DBDB;
      border-radius: 10px;
    }
    .close{
      position: absolute;
      top: -15px;
      right: -15px;
      height: 30px;
      width: 30px;
      display: block;
      background-color: #000;
      color: #fff;
      border-radius: 50%;
      text-align: center;
      line-height: 30px;
      &:hover{
        background-color: #333;
        color: #fff;
      }
    }
  }
}
span.disc_text {
  position: relative;
  top: 10px;
}



ul{
  &.ui-autocomplete{
    @media screen and (max-width: 767px){
      bottom: 805px !important;
      top: auto !important;
    }
    @media screen and (max-width: 767px){
      bottom: 800px !important;
    }
  }  
}


.table-dyson{
  td{
    &[data-th="TEST"]{
      @media screen and (max-width: 767px){
        background: #ddd;

      }
      a{
        font-weight: bold;
      }
    }
  }
}


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

  .template-product .jdgm-rev__social {
    display: none !important;
  }

  div#shopify-section-collection-template-bc-sf-filter .bc-sf-filter-product-item.bc-sf-filter-grid-width-mb-2 {
    padding-top: 22px;
    margin-top: 22px;
    padding-left: 0;
    display: block;
    float: none;
    width: 100% !important;
    clear: both;
  }
  .bc-sf-filter-product-bottom p {
    text-align: center;
    font-weight: bolder;
  }
  a.bc-sf-filter-display-item.bc-sf-filter-display-list.active {
    display: none !important;
  }
  div#bc-sf-filter-top-display-type {
    display: none !important;
  }
}

div.guidelines-product-finder{
  div.pf-answer-button-style{
    background: #64BA5F;
    display: inline-block;
    vertical-align: top;
    padding: 5px 15px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    margin: 20px 0;
    border: 2px solid #599E56;
    border-radius: 4px;
    box-shadow: 0 0 7px rgba(0,0,0,0.4);
  }
  .pf-step-0 .pf-answer-row{
    margin-bottom: 0;
    margin-top: 70px;
  }
  div.pf-answer-row{
    margin-top: 30px;
    margin-bottom: 80px;
  }
  div.pf-image-label-style{
    font-size: 22px;
    font-weight: 400;
  }
  div.pf-answer-description-style{
    font-weight: 400;
    font-size: 14px;
    margin: 0 auto;
  }
}

@import url('https://fonts.googleapis.com/css?family=Anton');
.hero-product-section{
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 20px 0;
  margin: 0;
  background: -moz-radial-gradient(center, ellipse cover, rgba(232,251,255,1) 0%, rgba(148,210,247,1) 100%); /* ff3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(232,251,255,1)), color-stop(100%, rgba(148,210,247,1))); /* safari4+,chrome */
  background:-webkit-radial-gradient(center, ellipse cover, rgba(232,251,255,1) 0%, rgba(148,210,247,1) 100%); /* safari5.1+,chrome10+ */
  background: -o-radial-gradient(center, ellipse cover, rgba(232,251,255,1) 0%, rgba(148,210,247,1) 100%); /* opera 11.10+ */
  background: -ms-radial-gradient(center, ellipse cover, rgba(232,251,255,1) 0%, rgba(148,210,247,1) 100%); /* ie10+ */
  background:radial-gradient(ellipse at center, rgba(232,251,255,1) 0%, rgba(148,210,247,1) 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E8FBFF', endColorstr='#94D2F7',GradientType=1 ); /* ie6-9 */ 
  // background: -moz-radial-gradient(center, ellipse cover, rgba(6,108,234,1) 0%, rgba(1,48,140,1) 100%); /* ff3.6+ */
  // background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(6,108,234,1)), color-stop(100%, rgba(1,48,140,1))); /* safari4+,chrome */
  // background:-webkit-radial-gradient(center, ellipse cover, rgba(6,108,234,1) 0%, rgba(1,48,140,1) 100%); /* safari5.1+,chrome10+ */
  // background: -o-radial-gradient(center, ellipse cover, rgba(6,108,234,1) 0%, rgba(1,48,140,1) 100%); /* opera 11.10+ */
  // background: -ms-radial-gradient(center, ellipse cover, rgba(6,108,234,1) 0%, rgba(1,48,140,1) 100%); /* ie10+ */
  // background:radial-gradient(ellipse at center, rgba(6,108,234,1) 0%, rgba(1,48,140,1) 100%); /* w3c */
  // filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066CEA', endColorstr='#01308C',GradientType=1 ); /* ie6-9 */ 
  // background: -moz-radial-gradient(center, ellipse cover, rgba(253,253,252,1) 0%, rgba(211,224,233,1) 100%); /* ff3.6+ */
  // background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(253,253,252,1)), color-stop(100%, rgba(211,224,233,1))); /* safari4+,chrome */
  // background:-webkit-radial-gradient(center, ellipse cover, rgba(253,253,252,1) 0%, rgba(211,224,233,1) 100%); /* safari5.1+,chrome10+ */
  // background: -o-radial-gradient(center, ellipse cover, rgba(253,253,252,1) 0%, rgba(211,224,233,1) 100%); /* opera 11.10+ */
  // background: -ms-radial-gradient(center, ellipse cover, rgba(253,253,252,1) 0%, rgba(211,224,233,1) 100%); /* ie10+ */
  // background:radial-gradient(ellipse at center, rgba(253,253,252,1) 0%, rgba(211,224,233,1) 100%); /* w3c */
  // filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDFDFC', endColorstr='#D3E0E9',GradientType=0 ); /* ie6-9 */
  &.heroproduct-listing{
    padding: 30px 0 40px;
    margin: 0 0 10px;
    background: -moz-radial-gradient(center, ellipse cover, rgba(253,253,252,1) 0%, rgba(211,224,233,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(253,253,252,1)), color-stop(100%, rgba(211,224,233,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(253,253,252,1) 0%, rgba(211,224,233,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(253,253,252,1) 0%, rgba(211,224,233,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(253,253,252,1) 0%, rgba(211,224,233,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(253,253,252,1) 0%, rgba(211,224,233,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDFDFC', endColorstr='#D3E0E9',GradientType=0 ); /* ie6-9 */
  }
  .container{
    padding: 0 1.5%;
  }
  h2{
    font-weight: bold;
    font-size: 34px;
    text-align: center;
    margin: 0 0 20px;
    padding: 0 15px;
    color: #000;
    &:before,&:after{
      content: "";
      background: url({{ 'flowers.png' | asset_url }}) no-repeat left top;
      background-size: cover;
      height: 50px;
      width: 50px;
      display: none;
      vertical-align: top;
      margin: 0 10px;
    }
  }
  .sub-caption{
    text-align: center;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    margin: 0 0 30px;
    color: #000;
    font-weight: 600;
  }
  .hero-product-list{
    width: 100%;
    display: inline-block;
    vertical-align: top;
    .hero-product-column{
      float: left;
      width: 25%;
      padding: 0 15px;
      display: inline-block;
      vertical-align: top;
      a{
        width: 100%;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        padding: 0;
        overflow: hidden;
        border-radius: 5px;
        border: 1px solid rgba(0,0,0,0.05);
        .img{
          width: 100%;
          display: inline-block;
          vertical-align: top;
          margin: 0;
          position: relative;
          padding: 15px 15px 0;
          img{
            vertical-align: top;
            display: inline-block;
            width: 100%;
            padding: 30px 10px 10px;
            -webkit-transition: all 0.35s ease 0s;
            -moz-transition: all 0.35s ease 0s;
            -ms-transition: all 0.35s ease 0s;
            -o-transition: all 0.35s ease 0s;
            transition: all 0.35s ease 0s;
          }
          .product-tag{
            position: absolute;
            right: 10px;
            top: 10px;
            font-weight: bold;
            font-size: 18px;
            margin: 0;
            -webkit-transition: all 0.35s ease 0s;
            -moz-transition: all 0.35s ease 0s;
            -ms-transition: all 0.35s ease 0s;
            -o-transition: all 0.35s ease 0s;
            transition: all 0.35s ease 0s;
            i{
              margin: 0 0 0 3px;
            }
            .col-red{
              color: red;
            }
            .col-blue{
              color: #196FB2;
            }
            .col-green{
              color: #64BA5F;
            }
          }
          .products-caption{
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0.8);
            padding: 0 30px;
            margin: 0;
            text-align: left;
            left: 0;
            top: 0;
            font-size: 14px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-line-pack: center;
            align-content: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            opacity: 0;
            -webkit-transition: all 0.35s ease 0s;
            -moz-transition: all 0.35s ease 0s;
            -ms-transition: all 0.35s ease 0s;
            -o-transition: all 0.35s ease 0s;
            transition: all 0.35s ease 0s;
            -webkit-transform: scale(0.9);
            -moz-transform: scale(0.9);
            -ms-transform: scale(0.9);
            -o-transform: scale(0.9);
            transform: scale(0.9);
            li{
              width: 100%;
              list-style: outside;
              margin: 5px 0;
            }
          }
        }
        .btn{
          background: #64BA5F;
          display: inline-block;
          vertical-align: top;
          padding: 5px 15px;
          font-size: 24px;
          font-weight: bold;
          color: #fff;
          margin: 20px 0;
          border: 2px solid #599E56;
          border-radius: 4px;
          box-shadow: 0 0 7px rgba(0,0,0,0.4);
        }
        &:hover{
          box-shadow: 0 0px 10px rgba(25,111,178,0.3);
          .img{
            img{
              -webkit-filter: blur(3px); /* Safari 6.0 - 9.0 */
              filter: blur(3px);
            }
            .products-caption{
              opacity: 1;
              -webkit-transform: scale(1);
              -moz-transform: scale(1);
              -ms-transform: scale(1);
              -o-transform: scale(1);
              transform: scale(1);
            }
            .product-tag{
              opacity: 0;
            }
          }
        }
      }
    }
    + h2{
      margin: 30px 0 0;
      text-align: center;
    }
  }
  + .marketing-module{
    margin-top: 0!important;
  }
  .ribbon{
    display: inline-block;
    vertical-align: top;
    background: #05AA28;
    color: #fff;
    position: relative;
    font-family: 'Anton', sans-serif;
    padding: 5px 0;
    width: 300px;
    font-size: 19px;
    text-align: center;
    margin: 0 0 10px;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.8);
    &:after{
      content: "";
      position: absolute;
      display: block;
      bottom: 0;
      border: 20px solid #05AA28;
      right: -28px;
      border-left-width: 10px;
      border-right-color: transparent;
      filter: drop-shadow(5px 6px 3px rgba(0,0,0,0.4));
    }
  }
  .hero-product-box{
    width: 100%;
    vertical-align: top;
    font-family: 'Anton', sans-serif;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    .box-left{
      float: left;
      width: 50%;
      padding: 0 15px;
      h3{
        color: #141215;
        font-size: 22px;
        margin: 0;
        font-family: 'Anton', sans-serif;
      }
      h2{
        color: #05AA28;
        font-size: 152px;
        margin: 0;
        padding: 0;
        letter-spacing: 0;
        text-align: left;
        text-transform: none;
        line-height: 1;
        font-family: 'Anton', sans-serif;
        display: inline-block;
        small{
          font-size: 85px;
        }
        + h3{
          display: inline-block;
        }
      }
      p{
        color: #141215;
        margin: 0;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-size: 14px;
      }
    }
    .box-right{
      width: 35%;
      padding: 0 15px;
      float: right;
      -ms-flex-align: end;
      align-items: flex-end;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: end;
      justify-content: flex-end;
      img{
        max-width: 290px;
      }
    }
  }
  @media screen and (max-width: 900px){
    .hero-product-list{
      .hero-product-column{
        width: 50%;
        padding: 0 15px 30px;
      }
    }
  }
  @media screen and (max-width: 767px){
    h2{
      font-size: 24px;
      margin: 10px 0;
      padding: 0 40px;
      position: relative;
      span{
        font-size: 28px;
      }
      &:after,&:before{
        height: 35px;
        width: 35px;
        margin: 0 5px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -20px;
      }
      &:after{
        left: auto;
        right: 0;
      }
    }
    .hero-product-list{
      .hero-product-column{
        padding: 0 5px 10px;
        a{
          .btn{
            font-size: 14px;
            padding: 5px 15px;
            margin: 15px 0;
          }
          .img{
            padding: 20px 15px 0;
            .product-tag{
              right: 20px;
              top: 10px;
            }
          }
          &:hover{
            .img{
              img{
                -webkit-filter: blur(0);
                filter: blur(0);
              }
              .product-tag{
                opacity: 1;
              }
              .products-caption{
                opacity: 0;
              }
            }
          }
        }
      }
    }
    .container{
      padding: 0;
    }
    .ribbon{
      width: 240px;
    }
    .hero-product-box{
      .box-left,.box-right{
        width: 100%;
        -ms-flex-pack: center;
        justify-content: center;
        h3{
          font-size: 30px;
        }
        h2{
          font-size: 110px;
          small{
            font-size: 70px;
          }
        }
        p{
          font-size: 14px;
        }
      }
      .box-right{
        margin-top: 20px;
        img{
          max-width: 100%;
        }
      }
    }
  }
  @media screen and (max-width: 430px){
    h2{
      font-size: 20px;
      span{
        font-size: 24px;
      }
    }
    .hero-product-list{
      .hero-product-column{
        width: 100%;
        padding: 0 5px 10px;
        &:last-child{
          padding-bottom: 0;
        }
      }
      + h2{
        margin: 10px 0 0;
      }
    }
  }
}


@media (max-width: 767px){
  h2.jdgm-carousel-title {
    font-size: 1.2em;
    font-weight: bold;
  }
  .header__mobile_searchrow {
    display: block !important;
    padding: 0% 0;
  }
}

@media (min-width: 768px){    
  .jdgm-carousel-wrapper {
    width: 100% !important;
    margin: auto;
    padding: 10px 0 !important;
  }
  .jdgm-carousel-title-and-link {
    margin-bottom: 0px !important;
  }
  .jdgm-carousel--done .jdgm-carousel__item-container {
    overflow: hidden;
    position: relative;
    min-height: 310px !important;
  }
  .jdgm-carousel--done .jdgm-carousel__item-container p {
    float: left !important;
    width: 100% !important;
    white-space: normal !important;
  }
  .jdgm-carousel-item__review {
    width: 100%;
    height: auto  !important;

  }
  .custom-left .jdgm-carousel-item {
    width: 100% !important;
    margin-top: 10px !important;
    min-height: 100% !important;
    min-height: 310px !important;
  }
  h2.jdgm-carousel-title {
    font-weight: bold;
    font-size: 1.2em;
  }
}
h2.heading {
  font-size: 1.1rem;
  font-weight: bold;
}
.description div#tabs-2 iframe {
    max-height: unset!important;
    max-width: unset!important;
    width: 100%;
    float: none;
    display: block;
}
.description div#tabs-2 p {
 float: none;
    display: block;
}
.description.ui-tabs.ui-widget.ui-widget-content.ui-corner-all p {
  float: none;
    display: block;
}
div.pf-answer-row{
  margin-top: 40px;
}

section#collection_side {
  padding: 0px;
}

section#collection_side h3.footer__title.newfootertitle {
  font-size: 12px;
}
section#collection_side {
  padding: 0px;
  background: #e5e5e5;
  padding: 3px;
}
section#collection_side form#contact_form .rettu {
  margin: 0 !important;
  height: 45px;
  padding: 0px 6px;
}

section#collection_side input.footer__submit.footerbtnnew {
  background: #64ba5f;
  width: 32% !important;
  padding-left: 0px;
  padding-right: 0px;
  font-weight: 600;
  padding-top: 16px;
  padding-top: 13px;
  height: 45px;
  text-align: center;
  font-size: 12px;
  overflow: hidden;
}

section#collection_side form#contact_form .rettu {
  margin: 0 !important;
  height: 42px;
  padding: 0px 6px;
  width: 54% !important;
}

section#collection_side strong {
  font-size: 13px !important;
  padding: 0px !important;
  margin: 0px !important;
}
section#collection_side input#ispbxii_2 {
  padding: 0px 2px !important;
}

div#CartDrawer a.conshop.res {
  text-align: center;
  /* float: left !important; */
  padding: 10px 10px;
  border: 2px solid black;
  min-width: 100% !important;
  color: black;
  float: left !important;
  text-decoration: none;
  max-width: 100% !important;
  margin: 0px auto !important;
}

.drawer__close {

  margin-top: 0%;
  font-size: 24px;

}
.cartrow.removecartborder center {
  display: none;
}

span.outofstock {
  display: block;
  padding: 10px;
  background: green;
  padding: .5rem !important;
  font-size: 1rem;
  background: #196fb2!important;
  /* margin-top: 0.5rem; */
  /* color: white; */
  background: #cccccc !important;
  color: #000;
  margin: 15px 0px;
  b {
    cursor: pointer;
    text-decoration: underline;
  }

}


@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
.service-box-wrap{
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin: 10px 0;
  h2{
    font-size: 35px;
    font-weight: bold;
    margin: 0 0 20px;
    text-align: center;
    line-height: 1.2;
    font-family: 'Lato', sans-serif;
    @media screen and (max-width: 767px){
      font-size: 30px;
    }
  }
  ul{
    display: table;
    vertical-align: top;
    list-style: none;
    margin: 0 -15px;
    padding: 0;
    li{
      width: 33.33%;
      float: left;
      padding: 0 15px;
      text-align: center;
      .service-box{
        width: 100%;
        display: inline-block;
        vertical-align: top;
        img{
          max-width: 140px;
        }
        h4{
          text-transform: uppercase;
          font-size: 22px;
          font-weight: bold;
          margin: 0 0 5px;
          font-family: 'Lato', sans-serif;
        }
        p{
          font-size: 20px;
          font-family: 'Lato', sans-serif;
        }
      }
    }
    @media screen and (max-width: 767px){
      margin: 0;
      display: inline-block;
      width: 100%;
      li{
        width: 100%;
        padding: 0 0 15px;
      }
    }
  }
  .btn-area{
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 30px 0 0;
    text-align: center;
    a{
      background: #64BA5F;
      color: #fff;
      padding: 10px 15px;
      display: inline-block;
      vertical-align: top;
      text-transform: uppercase;
      font-family: 'Lato', sans-serif;
      font-size: 18px;
      font-weight: 700;
      width: 150px;
    }
  }
}
a.toggle_a h4.toggle {
  float: left;
  width: 100%;
  text-align: left;
  display: block;
}

section#collection_side form#contact_form .rettu {
  margin: 0 !important;
  height: 42px;
  padding: 0px 6px;
  width: 54% !important;
}

section#collection_side strong {
  font-size: 13px !important;
  padding: 0px !important;
  margin: 0px !important;
}
section#collection_side input#ispbxii_2 {
  padding: 0px 2px !important;
}
.new-footer .newsletter-footer .etmDkF{
  padding: 10px 0 !important;
}
.new-footer .newsletter-footer input.needsclick{
  border-radius: 2px 0 0 2px!important;
}
.new-footer .newsletter-footer button.needsclick {
  border-radius: 0 2px 2px 0!important;
}
.new-footer .newsletter-footer input.needsclick,.new-footer .newsletter-footer button.needsclick{
  font-family: Open Sans !important;
  height: 37px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  padding: 0 10px !important;
  @media screen and (max-width: 767px){
    font-size: 12px !important;
  }
}

div#CartDrawer a.conshop.res {
  text-align: center;
  /* float: left !important; */
  padding: 10px 10px;
  border: 2px solid black;
  min-width: 100% !important;
  color: black;
  float: left !important;
  text-decoration: none;
  max-width: 100% !important;
  margin: 0px auto !important;
}

.drawer__close {

  margin-top: 0%;
  font-size: 24px;

}
.cartrow.removecartborder center {
  display: none;
}

span.outofstock {
  display: block;
  padding: 10px;
  background: green;
  padding: .5rem !important;
  font-size: 1rem;
  background: #196fb2!important;
  /* margin-top: 0.5rem; */
  /* color: white; */
  font-weight: bold;
  background:transparent !important;
  color: #000;
  margin: 15px 0px;
  b {
    cursor: pointer;
    text-decoration: underline;
  }

}

button.c.AddToCart.btn.button.button--full.button--primary{  
  display: block;
  padding: 10px;
  background: green;
  padding: 1.3rem !important;
  font-size: 1rem;
  background: #f9c52f !important;
  /* margin-top: 0.5rem; */
  /* color: white; */
  font-weight: bold; 
  color: #000 !important;
  margin: 15px 0px;  
  span{
    color: #000 !important;    
  }
}
.product__prices .cd-popup-trigger{
  display: inline-block;
  margin: 0 10px 0 0;
  border: 1px solid;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  text-align: center;
  color: #333;
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  position: relative;
  top: -3px;
  cursor: pointer;
}
.cd-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.7);
  opacity: 0;
  z-index: 1000;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  &.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
    .cd-popup-container {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  .cd-popup-container {
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: 4em auto;
    background: #FFF;
    border-radius: .25em .25em .4em .4em;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);  /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border: 3px solid #DBD5D5;
    p {
      padding: 1em;
      text-align: left;
      margin: 0;
    }
    .img-replace {
      /* replace text with an image */
      display: inline-block;
      overflow: hidden;
      text-indent: 100%;
      color: transparent;
      white-space: nowrap;
    }
    .cd-popup-close {
      position: absolute;
      top: -15px;
      right: -15px;
      width: 30px;
      height: 30px;
      background: #000;
      border-radius: 100%;
      &:before,&:after{
        content: '';
        position: absolute;
        top: 13px;
        width: 14px;
        height: 3px;
        background-color: #fff;
      }
      &:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 8px;
      }
      &:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: 8px;
      }
    }
    @media only screen and (min-width:1170px) {
      margin: 8em auto;
    }
  }
}
.toggle-section{
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 20px;
}
.toggle-link{
  width: 100%;
  display: inline-block;
  vertical-align: top;
  color: #196FB2;
  font-weight: bold;
  cursor: pointer;
  text-decoration: underline;
  &:after{
    content: "\f05a";
    font-family: 'fontawesome';
    margin: 0 0 0 7px;
    display: inline-block;
  }
}
.toggle-content{
  display: none;
  width: 100%!important;
}
@media only screen and (max-width:500px) {

  button#AddToCart span.carto {
    font-size: 1rem !important;

  }

}

@media only screen and (min-width:800px) {
  .bc-sf-filter-product-item-image img
  {
    width: auto !important;
    max-height:317px;
  }
  .zpa-offset-bottom-sm.zpa-mobile-offset-bottom-xs {
    max-height: 312px;
    overflow: hidden;
  } 

  .zpa-offset-bottom-sm.zpa-mobile-offset-bottom-xs img{
    max-height: 317px;
    width: auto;
    overflow: hidden;
  } 
}






/*=================================
Hero Slider New
================================ */
.hero-product-section-new{
  position: relative;
  img{
    width: 100%;
    vertical-align: top;
    display: inline-block;
  }
  .hero-top-detail{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: rgba(100, 186, 95,0.5);
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 4px 0;
    .container{
      display: table;
      width: 100%;
    }
    h3{
      color: #fff;
      font-size: 42px;
      font-weight: bold;
      font-family: 'Lato', sans-serif;
      margin: 0;
      span{
        font-size: 55px;
      }
    }
    h2{
      font-family: 'Lato', sans-serif;
      margin: 0;
      font-size: 61px;
      font-weight: bold;
      line-height: 1.2;
      color: #fff;
      span{
        font-size: 42px;
        font-weight: bold;
      }
    }
  }
  .hero-bottom-detail{
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    .container{
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center;
    }
    p{
      font-size: 26px;
      font-family: 'Lato', sans-serif;
      font-weight: 300;
      color: #000;
      text-shadow:0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 20px #fff, 0 0 30px #FFF, 0 0 40px #FFF, 0 0 55px #FFF, 0 0 75px #fff, 0px 0px 9px rgba(255,255,255,0);
      width: calc(100% - 270px);
      padding: 0 30px 0 0;
      margin: 0;
      a{
        text-decoration: underline;
        color: #000;
      }
      strong{
        color: #000;
      }
    }
    .button{
      background: #FBDE06;
      font-size: 26px;
      font-family: 'Lato', sans-serif;
      font-weight: bold;
      color: #000;
      text-transform: uppercase;
      border-radius: 0px;
      box-shadow: 0 0 9px rgba(0,0,0,0.5);
      padding: 20px 15px;
      margin: 0;
      line-height: 1;
      display: inline-block;
      width: 270px;
    }
  }
  + .marketing-module {
    margin-top: 0 !important;
  }
  @media screen and (min-width: 980px){
    background: url({{ 'cleanhomekidsdog.jpg' | asset_url }}) no-repeat center top;
    height: 520px;
    background-size: cover;
    img{
      display: none
    }
    // .hero-bottom-detail{
    //     background: rgba(255,255,255,0.42);
    //     padding: 15px 0;
    //     bottom: 0;
    // }
  }
  @media screen and (max-width: 980px){
    .hero-top-detail{
      h3{
        font-size: 32px;
        span{
          font-size: 42px;
        }
      }
      h2{
        font-size: 46px;
        span{
          font-size: 60%;
        }
      }
    }
    .hero-bottom-detail{
      p{
        font-size: 18px;
        width: calc(100% - 200px);
      }
      .button{
        font-size: 18px;
        padding: 15px;
        width: 200px;
      }
    }
  }
  @media screen and (max-width: 767px){
    .hero-top-detail{
      position: relative;
      h3{
        font-size: 26px;
      }
      h2{
        font-size: 36px;
      }
    }
    .hero-bottom-detail{
      position: relative;
      padding: 15px 0;
      bottom: 0;
      .container{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
      }
      p{
        font-size: 16px;
        width: 100%;
        padding: 0 0 15px;
      }
      .button{
        width: 100%;
      }
    }
  }
  @media screen and (max-width: 767px){
    .hero-top-detail{
      h3{
        font-size: 16px;
        span{
          font-size: 26px;
        }
      }
      h2{
        font-size: 24px;
      }
    }
    .hero-bottom-detail{
      p{
        font-size: 14px;
      }
    }
  }
}


@media (min-width: 992px){
  .menu--desktop .menu__item {
    margin-right: 22px !important;
  }
}


@media (min-width: 48em)
{
  .menu--desktop .menu__item {

    margin-right: 10px;

  }

}



.vaccum_ancor {
  color: rgba(74,144,226,1) !important;
  font-size: 22px !important;
  font-weight: 700px !important;
  /* text-transform: none !important; */
  float: left;
  line-height: 13px;
  margin-left: 7px;
  text-decoration: underline;
}






.product-detail-tab{
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin: 30px 0 0;
  /* ====================
  Tab List
  ==================== */
  .container > ul{
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    display: inline-block;
    width: 100%;
    li{
      &.clickme{
        display: inline-block;
        position: relative;
        padding: 0 20px;
        &:after{
          position: absolute;
          content: "";
          right: 0;
          top: 0;
          bottom: 0;
          width: 3px;
          background: #000;
          display: block;
        }
        &:last-child{
          &:after{
            display: none;
          }
        }
        a{
          color: #196FB2;
          font-size: 24px;
          line-height: 1;
          font-weight: bold;
          &.activelink{
            text-decoration: underline;
          }
        }
      }
    }
  }
  /* ====================
  Tab contant
  ==================== */
  #tab-contant{
    display: inline-block;
    width: 100%;
    padding: 40px 0 0;
    @media screen and (max-width: 767px){
      padding: 30px 0 0;
    }
    .list{
      .left-img-box{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 0 0 30px;
        @media screen and (max-width: 767px){
          width: 100%;
          display: inline-block;
          text-align: center;
          padding: 0 0 50px;
        }
        .img{
          width: 40%;
          -ms-flex-order: 2;
          order: 2;
          img{
            border: 1px solid rgba(0,0,0,0.04);
          }
          @media screen and (max-width: 767px){
            width: 100%;
            display: inline-block;
            text-align: center;
          }
        }
        .right-detail{
          width: 60%;
          padding: 0 50px 0 0 ;
          -ms-flex-order: 1;
          order: 1;
          @media screen and (max-width: 767px){
            width: 100%;
            display: inline-block;
            text-align: left;
            padding: 0;
          }
          h3{
            font-size: 24px;
            color: #000000;
            margin: 0 0 15px;
            display: inline-block;
            width: 100%;
            float: left;
            font-weight: bold;
            @media screen and (max-width: 480px){
              font-size: 20px;
              margin: 0;
            }
          }
          p{
            margin: 0;
          }
        }
        &:nth-child(2n+1){
          .right-detail{
            padding: 0 0 0 50px ;
            -ms-flex-order: 2;
            order: 2;
            @media screen and (max-width: 767px){
              padding: 0;
            }
          }
          .img{
            -ms-flex-order: 1;
            order: 1;
          }
        }
      }
      .warranty-list{
        .warranty-box{
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -ms-flex-align: center;
          align-items: center;
          @media screen and (max-width: 767px){
            width: 100%;
            display: inline-block;
            text-align: center;
          }
          .icon{
            width: 30%;
            height: auto;
            @media screen and (max-width: 767px){
              width: 100%;
              display: inline-block;
              text-align: center;
              img{
                max-width: 140px;
              }
            }
          }
          .warranty-contant{
            width: 70%;
            padding: 0 0 0 30px;
            @media screen and (max-width: 767px){
              width: 100%;
              display: inline-block;
              text-align: center;
              padding: 0 0 15px;
            }
            h3{
              font-size: 30px;
              color: #000000;
              margin: 0 0 15px;
              display: inline-block;
              width: 100%;
              float: left;
              font-weight: bold;
              @media screen and (max-width: 767px){
                font-size: 24px;
                text-align: center;
              }
              @media screen and (max-width: 480px){
                font-size: 14px;
                margin: 0;
              }
              span{
                font-size: 46px;
                font-weight: 900;
                @media screen and (max-width: 767px){
                  font-size: 34px;
                }
                @media screen and (max-width: 480px){
                  font-size: 24px;
                }
              }
            }
            p{
              margin: 0;
              @media screen and (max-width: 480px){
                font-size: 14px;
              }
            }
          }
        }
      }
      &.hide{
        display: none;
      }
    }
  }
}

.bc-sf-filter-product-item .jdgm-prev-badge[data-average-rating="0.00"] {
  display: none !important;
}
.info-bar{
  width: 100%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  background: #64BA5F;
  color: #fff;
  padding: 5px 0;
  font-size: 18px;
  font-weight: 600;
}
.shopmessage-checkbox-container{
  display: none!important;
}



[data-ids="tabs-1659656405110"] , [data-ids="tabs-1804891684982"] , [data-ids="tabs-2142172446838"] , [data-ids="tabs-1623741530230"]{
  display: none;
}

/*11-10-19 start*/
.headerbarmenu li.menu__item a span {
  color: #a4e4a0 !important;
}
/* .hero-product-section.heroproduct-listing {
display: none;
} */
/*11-10-19 end*/

/*15-10-19 start*/
.marketing-module__link:hover {
  opacity: 1 !important;
  transform: scale(1.05);
}
a.marketing-module__item.marketing-module__link {
  transition: 0.5s all;
}
/*15-10-19 start*/.slideshow .slick-track .slideshow__slide {
  background-position-y: 0px;
}

.b-padding {
  padding-bottom: 30px !important;
}

/*@media(min-width:1300px){
.slideshow .slick-track .slideshow__slide {
background-position-y: 0px;
}
}*/



@media screen and (min-width: 768px){
  .slideshow--cropped .slideshow__slide {
    min-height:initial;
    padding-bottom: 46.7%;
  }
  .marketing-module {
    margin-top: -30px;
  }
}
@media screen and (min-width: 1024px){
  .marketing-module {
    margin-top: -50px;
  }
}

.inline_block{
  display: inline-block !important;
}



/*---------new-updates----------*/
.relatedArticles {
    display: grid;
    padding: 1rem;
    grid-gap: 10px;
    grid: auto-flow / 1fr 1fr 1fr ;
}
.relatedArticles .well {
    background: #f3f3f3;
    padding: 25px 25px;
}
.relatedArticles .well h3 {
    font-size: 15px;
}
.relatedArticles ul li h3.card__heading a {
    margin-bottom: 0.6rem;
      text-decoration: none;
  color: #000;
}
.relatedArticles .card__heading a:after {
    z-index: 1;
    position: absolute;
    content: "";
    width: auto;
    height: auto;
    left: 0px;
    bottom: 0px;
    top: 0px;
    right: 0px;
}
.relatedArticles ul li span.circle-divider {
    text-transform: uppercase;
    color: #000;
    font-size: 15px;
}
.relatedArticles .card__heading a:hover {
    text-decoration: underline;
 text-underline-offset: 5px;
}
.relatedArticles ul li .re-article-card__content {
    font-size: 15px;
    letter-spacing: 0px;
    color: #000;
    margin: 10px 0px 0px;
}
.relatedArticles ul li {
    background: #f2f2f2;
    list-style: none;
    padding: 30px 35px;
  position: relative;
}
.relatedArticles ul li h3.card__heading {
    font-size: 15px;
}
.tittle_related_blog {
    display: inline-block;
    margin: 40px 0px 20px;
    font-size: 35px;
}
@media screen and (max-width: 799px){
.relatedArticles ul li {
    padding: 20px 20px;
}
}
@media screen and (max-width:480px){
.relatedArticles {
    display: grid;
    padding: 1rem;
    grid-gap: 10px;
    grid: auto-flow / 1fr;
}
  }
@media screen and (max-width:479px){
.relatedArticles {
    padding: 0px;
    grid-gap: 10px;
    grid: auto-flow / 1fr;
    width: 100%;
}
  }
.footercoladress {
    float: left;
    width: 50%;
    text-align: center;
    margin-bottom: 4%;
  }
.template-search__results li.grid__item {
    background: #eee;
    border: 1px solid #ddd;
}
.template-search__results li.grid__item .card__inner {
    background: transparent!important;
}

.recentBlogsWrap {
  clear:both;
}
.recentBlogsWrap .card__information {
    display: block!important;
    padding: 0!important;
}
.recentBlogsWrap .card__media {
    position: relative;
}
.recentBlogsWrap .card__inner {
    flex-direction: column;
}
.recentBlogsWrap .card .article-card__image.media {
    padding-bottom: 60.24096385542169%;
    position: relative;
}
.recentBlogsWrap .card__inner:before {
    display: none;
}
.recentBlogsWrap .card__information {
}
#product-grid li.grid__item:empty {
    display: none;
}

/*----------new-section------------*/

.relatd-blog-article h2 {
    margin-bottom: 3rem;
    font-size: 2.3rem;
}
.blog_sec_col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 8px;
    row-gap: 8px;
}
.blog_sec_col .blog_grid_sec .image_blog {
    position: relative;
    padding-bottom: 60%;
    overflow: hidden;
}
.blog_sec_col .blog_grid_sec .image_blog img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0px;
    left: 0px;
    object-position: center;
}
.blog_sec_col .blog_grid_sec .card_desc {
    background: #f3f3f3;
    padding: 15px;
}
.card_desc .title_blog {
    margin-bottom: 0.6rem;
}
.card_desc .title_blog a {
    font-size: 15PX;
    font-family: var(--font-heading-family);
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);
    letter-spacing: calc(var(--font-heading-scale) * 0.06rem);
    color: rgb(var(--color-foreground));
    line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));
    word-break: break-word;
}
.card_desc .description_sec {
    width: 100%;
    margin-top: 0.2rem;
    max-width: 82rem;
    margin-bottom: 2rem;
    font-size: 15px;
    color: #000;
    letter-spacing: 0px;
}
.card_desc {
    position: relative;
}
.card_desc .title_blog a:after {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.blog_sec_col .blog_grid_sec .card_desc:hover a {
    text-decoration: underline;
    text-underline-offset: 4px;
}
.blogs_col_related div#product-grid {
    padding: 0px;
}
.blogs_col_related div#product-grid ul li.grid__item .card__content {
    display: block;
}
.blogs_col_related div#product-grid ul li.grid__item {
height: auto;
}
.blogs_col_related .product-grid li.grid__item .article-card {
    display: block;
}
.blogs_col_related div#product-grid ul li.grid__item .card__content .card__badge.bottom {
    padding: 0px 14px;
    margin: 0px;
    width: 100%;
}
.blogs_col_related .product-grid li.grid__item .card__content {
    display: block;
}
.blogs_col_related div#product-grid ul li.grid__item .card__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.blogs_col_related .product-grid li.grid__item .article-card {
    --ratio-percent: unset;
}
.blogs_col_related .product-grid li.grid__item .card__information {
    padding-bottom: 1.7rem;
    padding-top: 1.7rem;
    height: 100%;
    min-height: 110px;
    width: 100%;
}
.template-search__results li.grid__item .article-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}
#product-grid li.grid__item .card__content {
    display: block;
}
.template-search__results li.grid__item .card__inner img, #product-grid li.grid__item .article-card-wrapper .card.card--card .card__information img {
    width: 100%;
    height: 100%;
    max-width: 291px;
    margin: 0 auto;
    min-height: 80px;
    max-height: 262px;
    object-fit: cover;
}
#product-grid li.grid__item .article-card-wrapper .card.card--card .card__content {
    padding: 0px;
}
#product-grid li.grid__item .article-card-wrapper .card.card--card .card__information h3.card__heading {
    margin-top: 50px;
}
.template-search__results li.grid__item .article-card .card__inner {
    height: 100%;
    max-height: 291px;
}
#product-grid li.grid__item .card .card__content .card__information, #product-grid li.grid__item .card .card__content .card__information h3.card__heading, #product-grid li.grid__item .card .card__content .card__badge {
    display: block;
  padding: 0px;
}
#product-grid li.grid__item .article-card-wrapper .card.card--card .card__badge, #product-grid li.grid__item .card .card__content .card__badge {
    margin: 20px 0px;
}
#product-grid li.grid__item .card .card__content .card__information h3.card__heading {
    margin-top: 10px;
}
#product-grid li.grid__item .card {
    padding: 15px;
}
#product-grid li.grid__item .card .card__inner {
    position: relative;
    height: 100%;
    margin-bottom: 10px;
}
#product-grid li.grid__item .card .card__inner .card__content {
    display: none;
}
#product-grid li.grid__item .card .card__content .card__badge span.badge {
    background: #196fb2;
    color: #fff;
}
.blog__posts.articles-wrapper .article .card.article-card .card__content {
    margin-top: 15px;
}
.home_banner_div {
  position: relative;
  padding-bottom: 40%;
}
 .custom-right, .custom-left {
  float: none;
}
.product__slideshow--mainthumbnail .slick-initialized .slick-slide {
  display: block !important;
  height: auto;
}
.product__slideshow .slick-list.draggable, .product__slideshow .slick-initialized .slick-slide {
  height: auto !important;
}
@media (max-width:991px){
.relatd-blog-article {
    padding: 0px 15px;
}
}
@media (max-width:767px){
.blog_sec_col {
    grid-template-columns: 1fr 1fr;
}
  .relatd-blog-article.page-width-desktop {
    margin-top: 30px;
}
}
@media (max-width:639px){
.relatd-blog-article h2 {
    margin-bottom: 25px;
    font-size: 24px;
}
 #product-grid li.grid__item .article-card-wrapper .card.card--card .card__information h3.card__heading {
    margin-top: 0px;
}
}
@media (max-width:479px){
.blog_sec_col {
    grid-template-columns: 1fr;
}
  #product-grid li.grid__item .article-card-wrapper .card.card--card .card__information img {
    max-height: 154px;
}
  #product-grid li.grid__item .card .card__inner {
    max-height: 160px;
}
  #product-grid li.grid__item .card .card__content .card__information .card-information .price .price__sale span s.price-item.price-item--regular {
    font-size: 15px;
}
  #product-grid li.grid__item .card .card__content .card__information .card-information .price .price__sale span{
    font-size: 15px;
  }
}
/*----------new-css---------------*/
.contentcol2 a.button.blogbutton {
    margin-top: 0px;
    border-radius: 30px;
    background: transparent !important;
    border: 1px solid #076dac !important;
    color: #126eaf !important;
  padding: 18px 28px !important;
}
.contentcol2 a.button.blogbutton:after {
    box-shadow: none;
}
.contentcol2 a.button.blogbutton:hover {
    background-color: #126eaf !important;
    color: #ffffff !important;
    border: 1px solid transparent !important;
}
a.toggle_a_img img {
    background: #126eaf;
}



/*16-12-2022 css  */
form.gv_footer_search {
    max-width: 570px !important;
    position: relative;
    margin: 0px auto;
    width: 100%;
    margin-top: 2%;
}
form.gv_footer_search input[type="text"] {
    height: 36px;
    border-radius: 0px !important;
    color: black;
    border-color: #196FB2;
    padding: 0 88px 0 10px;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    box-shadow: none!important;
    outline: none!important;
}
form.gv_footer_search input[type="submit"] {
    width: 90px;
    background: #196FB2;
    border: 0px !important;
    color: white;
    text-transform: uppercase;
    padding: 0;
    position: absolute;
    right: 0pc;
    top: 0px;
    height: 36px;
}
form.gv_footer_search input[type="text"]::-webkit-input-placeholder {
  color: red;
  opacity:1;
}
form.gv_footer_search input[type="text"]::-moz-placeholder {
  color: red;
  opacity:1;
}
form.gv_footer_search input[type="text"]:-ms-input-placeholder {
  color: red;
  opacity:1;
}
form.gv_footer_search input[type="text"]:-moz-placeholder {
  color: red;
  opacity:1;
}


/*----------19-12-2022-----------*/
#product-grid li.grid__item .card .card__inner {
    --ratio-percent: 100%!important;
}
#product-grid li.grid__item .card {
    padding: 15px;
    --ratio-percent: 40%!important;
}
#product-grid li.grid__item .card .card__inner .card__media img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}
@media (max-width:767px){
#product-grid li.grid__item .full-unstyled-link {
    text-align: center;
}
 #product-grid li.grid__item .price {
    text-align: center;
}
}
@media (max-width:639px){
#product-grid li.grid__item .card {
    padding: 10px;
    --ratio-percent: 40%!important;
}
}
/*----------19-12-2022-----------*/


div#myModalNew {
    display: none;
    position: fixed;
    z-index: 9;
    left: 0;
    top: 0!important;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #3c3c3c;
    right: 0;
    bottom: 0;
    max-width: 100%;
    z-index: 999999;
}
div#myModalNew .modal-content {
  position: absolute;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 95vw;
  height: 95vh;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 20px 0;
}
div#myModalNew .close {
    color: white;
    position: absolute;
    top: 0;
    right: 7px;
    font-size: 35px;
    font-weight: bold;
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    padding: 0 9px;
    line-height: 36px;
    z-index: 9;
    background: #000;
}
div#myModalNew .close:hover,
div#myModalNew .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}
div#myModalNew .mySlides {
    display: none;
    height: 100%;
}
div#myModalNew .cursor {
  cursor: pointer;
}
div#myModalNew .prev, div#myModalNew .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
    left: 0;
    right: auto;
    background: #000;
}
div#myModalNew  .mySlides img {
    max-height: 100%;
    object-fit: contain;
    object-position: center center;
    height: 100%;
}
div#myModalNew .next {
    right: 0;
    left: auto;
}
div#myModalNew .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
div#myModalNew .prev:hover,
div#myModalNew .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.product_modal_opened {
    overflow: hidden;
}
.product_modal_opened .bis-reset {
    display: none!important;
}
/*----------31-3-2022-----------*/


@font-face {
    font-family: 'Gilroy';
    src: url('/cdn/shop/files/Gilroy-Regular.woff2?v=1680251035') format('woff2'),
        url('/cdn/shop/files/Gilroy-Regular.woff?v=1680251146') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/cdn/shop/files/Gilroy-SemiBold.woff2?v=1680251034') format('woff2'),
        url('/cdn/shop/files/Gilroy-SemiBold.woff?v=1680251147') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/cdn/shop/files/Gilroy-Bold.woff2?v=1680251035') format('woff2'),
        url('/cdn/shop/files/Gilroy-Bold.woff?v=1680251146') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
 @font-face {
    font-family: 'Gilroy';
    src: url('/cdn/shop/files/Gilroy-Light.woff2?v=1680260557') format('woff2'),
        url('/cdn/shop/files/Gilroy-Light.woff?v=1680260557') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
} 
@font-face {
    font-family: 'Gilroy';
    src: url('/cdn/shop/files/Gilroy-ExtraBold.woff2?v=1680251035') format('woff2'),
        url('/cdn/shop/files/Gilroy-ExtraBold.woff?v=1680251147') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
body{
  overflow-x:hidden;
}

.rainbow-content, .landing-table {
    background: #f2f3f5;
}
.hero_banner_bg .container {
    max-width: 100%;
    padding: 0 90px;
}
main#MainContent{
  padding:0;
}
.hero_banner_bg {
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
    min-height: 800px;
    background-position: center;
    width: 100%;
}
.hero_banner_content h1.hero-banner-heading{
  font-family: 'Gilroy';
  font-weight: 800;
  font-size: 80px;
  color: #fff;
  font-weight: 800;
  text-transform: capitalize;
  margin-bottom:0;
}
.hero_banner_content {
    padding-top: 50px;
      text-align: center;
}
h3.hero-banner-sub-title {
    font-size: 50px;
    color: #fff;
    text-transform: capitalize;;
    font-weight: 400;
}
h3.hero-banner-sub-title span {
    font-weight: 900;
  position:relative;
 background:  linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(209,100,122,1) 0%, rgba(210,145,109,1) 17%, rgba(226,182,111,1) 31%, rgba(246,217,110,1) 47%, rgba(181,230,111,1) 65%, rgba(111,230,193,1) 82%, rgba(111,230,225,1) 94%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}
h3.hero-banner-sub-title span:after {
    content: '';
    width: 100%;
    height: 4px;
    background: linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(209,100,122,1) 0%, rgba(210,145,109,1) 17%, rgba(226,182,111,1) 31%, rgba(246,217,110,1) 47%, rgba(181,230,111,1) 65%, rgba(111,230,193,1) 82%, rgba(111,230,225,1) 94%);
    position: absolute;
    bottom: -2px;
    left: 0;
}
.rainbow-content .container {
    max-width: 100%;
    padding: 0 90px;
}
.rainbow-content, .landing-table{
    padding-top:50px
}
.rainbow-description p {
    font-size: 30px;
}
.rainbow-description span {
    font-weight: 700;
    color: #0072ae;
}
.rainbow-description span a {
    color: #0072ae;
}
.rainbow-description {
    padding-bottom: 50px;
    z-index: 99;
    position: relative;
}
.rainbow-inner_img img {
    max-height: 700px;
    width: 100%;
    object-fit: cover;
}

.measured_power {
       margin-left: auto;
    background: #0072b1;
    max-width: calc(100% + 90px);
    margin-right: -90px;
    padding: 40px;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    margin-bottom: 50px;
    box-shadow: 40px 23px 0 0 #fff;
}
.measured_power ol {
    margin:20px 0 0 0;
}
.measured_power h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
}

.measured_power h3:before {
    background: #fff;
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -10px;
    left: 0;
}
.measured_power li:nth-child(2) {
    font-weight: 700;
}
.measured_power h3 {
    position: relative;
    display: inline-block;
}
.measured_power li {
    font-size:30px;
    color:#fff;
  font-weight:300;
    font-family: 'Gilroy';
}
.content_image_wrapper.content_image_wrapper--horizontal {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.content_image_wrapper.content_image_wrapper--horizontal:before {
    background: #fff;
    content: '';
    width: 400px;
    height: 400px;
    position: absolute;
    z-index: 1;
    left: -160px;
    bottom: 0;
    border-radius: 50%;
}
.content_image_wrapper.content_image_wrapper--horizontal:after {
    background: #fff;
    content: '';
    width: 400px;
    height: 400px;
    position: absolute;
    z-index: 1;
    right: -260px;
    top: -200px;
    border-radius: 50%;
}
.content_image_wrapper.content_image_wrapper--horizontal {
    position: relative;
}

.rainbow-inner_img {
    z-index: 99;
}
.content_image_wrapper.content_image_wrapper--horizontal .rainbow-description {
    max-width: 70%;
    flex: 0 0 70%;
  z-index:99;
}
.content_image_wrapper.content_image_wrapper--horizontal .rainbow-inner-img{
    max-width: 30%;
    flex: 0 0 30%;
}
.content_image_wrapper.content_image_wrapper--horizontal .rainbow-inner_img img {
    max-height: inherit;
    width: 100%;
    max-width: 300px;
    margin: auto;
}
.cubic-per-minute li {
    font-size: 30px;
    margin-bottom: 10px;
}
.cubic-per-minute li:first-child {
    color: #0072ae;
}
.cubic-per-minute li:nth-child(2) {
    color: #767676;
}
.cubic-per-minute li:nth-child(2) span {
    color: #767676;
}
.landing-table h2 {
    font-size: 30px;
     font-family: 'Gilroy';
  font-weight:300;
}
.landing-table .container {
    padding: 0 90px;
    max-width: 100%;
}
.rainbow-landing-table td img {
    max-width: 200px;
    margin: auto;
}
.rainbow-landing-table td {
    text-align: center;
}
.rainbow-landing-table thead tr {
    text-align: center;
}
.rainbow-landing-table tbody tr td{
  font-size:20px;
  background:#fff;
  border-bottom: 12px solid #f2f3f5;
}
.rainbow-landing-table tbody tr td:nth-child(2) {

    background: #e2e2e2;
    color:#0072ae;
}
.rainbow-landing-table tbody tr td:nth-child(3) {
      background: #1295fe;
    color: #fff;
}
/* .rainbow-landing-table tbody tr:nth-child(2) td:nth-child(3), .rainbow-landing-table tbody tr:nth-child(4) td:nth-child(3), .rainbow-landing-table tbody tr:nth-child(6) td:nth-child(3), .rainbow-landing-table tbody tr:nth-child(8) td:nth-child(3) {
    background: #e2e2e2;
  color:767676;
}
.rainbow-landing-table tbody tr:nth-child(2) td:nth-child(2), .rainbow-landing-table tbody tr:nth-child(4) td:nth-child(2), .rainbow-landing-table tbody tr:nth-child(6) td:nth-child(2), .rainbow-landing-table tbody tr:nth-child(8) td:nth-child(2)  {
    background: #1295fe;
  color: #fff;
} */
.rainbow-landing-table thead th {
    background: #fff;
  color:#1295fe;
    font-size: 20px;
  font-weight: 700;
  font-family: 'Gilroy';
  border-bottom: 12px solid #f2f3f5;
}
.rainbow-landing-table thead th:nth-child(2), .rainbow-landing-table thead th:nth-child(4){
  color:#767677;
}
.rainbow-landing-table tr td:nth-child(1), .rainbow-landing-table tr td:nth-child(4){
    width:400px
}
table.rainbow-landing-table {
    border: 0;
    box-shadow: 7px 0px 43px rgba(0,0,0,0.11);
   border-radius: 20px;
}
.rainbow-landing-table thead th:last-child {
    border-top-right-radius: 20px;
}
.rainbow-landing-table thead th:first-child{
   border-top-left-radius: 20px;
}
.rainbow-landing-table tbody tr:last-child td:nth-child(1) {
    border-bottom-left-radius: 20px;
}
.rainbow-landing-table tbody tr:last-child td{
  border-bottom:0;
}
.rainbow-landing-table tbody tr:last-child td:nth-child(4) {
    border-bottom-right-radius: 20px;
}
.rainbow-description a, .rainbow-description a:hover{
   color: #0072ae;
  font-weight:700;
   font-family: 'Gilroy';
}
.landing-images .rainbow-inner_img {
    display: flex;
    align-items: center;
}
.measured_power.left_align {
    margin-left: -90px;
    margin-right: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
      box-shadow: -45px 23px 0 0 #fff;
}
.measured_power.white_bg {
    background: #fff;
}
.measured_power.left_align li:nth-child(2), .measured_power.white_bg li:nth-child(2){
  font-weight:300;
}
.measured_power.left_align li:nth-child(5), .measured_power h3{
  font-weight:700;
}
.measured_power.white_bg h3:before{
  background:#0072b1;
}
.measured_power.left_align li span{
  font-weight:700;
  color:#Fff;
}
.measured_power.white_bg ol li, .measured_power.white_bg h3 {
    color: #0072b1;
}
.measured_power.white_bg{
  box-shadow:40px 23px 0 0 #0072b1;
}
.rainbow-review {
    background: #f2f3f5;
}

.rainbow-review .container {
    max-width: 100%;
    padding: 0;
}

.rainbow-reviewr_img {
    position: relative;
}

.rainbow-review-content {
      position: absolute;
    top: 50px;
    left: 90px;
    z-index: 99;
    color: #fff;
    max-width: 1000px;
    font-size: 24px;
   font-weight:700;
   font-family: 'Gilroy';
}
.rainbow-content .rainbow-description h3.suggestion_heading span{
    color: #002d57;
    font-size: 36px;
    font-weight: 700;
    font-family: 'Gilroy';
    position: relative;
    background: #f2f3f5;
    padding: 20px 20px 20px 0;
    z-index: 99;
}
h3.suggestion_heading {
    position: relative;
}
h3.suggestion_heading:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #767676;
    left: 0;
}
main#MainContent {
    overflow-x: hidden;
}
span.grey-text, span.white-text {
    font-weight: 800;
}
.rainbow-review-description {
    font-size: 30px;
}
a.rainbow_product_img {
    display: block;
    text-align: center;
}

a.rainbow_product_img img{
    max-width: 250px;
}
a.rainbow_product_img.large img {
    max-width: 300px;
}
.product__slideshow .slick-arrow{
        top: 30% !important;
    right: -30px !important;
}
.product__slideshow .slick-prev {
    left: -600px !important;
}
.rainbow-cst .rainbow_sale {
    display: none;
}
.jdgm-revs-tab-btn.btn {
    background: rgb(251, 205, 10)!important;
    color:#fff!important;
}
/* ---------01-04-24-new-css---------- */

.cart_main  h1.title {
    float: left;
    font-size: 30px;
    padding: 0px 12px;
    font-family: Geneva, Tahoma, Verdana, sans-serif;
    font-weight: bold;
    width: 100%;
  margin-bottom:0;
  padding-bottom:30px;
  border-bottom:1px solid #ccc;
}
.cart_main .cartrow.headercart{
  border-top:0;
}
.cart_main button.checkoutcartbtn.headercart {
    float: right;
    background: #64ba5f;
    color: #ffffff;
    padding: 8px;
    box-sizing: border-box;
    font-weight: bold;
    max-width: 375px;
    width: 100%;
    border: 0px;
    font-size: 1.1rem;
}
.cart_main .cartrow.headercart {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    width: 100%;
    max-width: 100%;
}
.cart_main th {
    color: #000;
    padding: 12px 28px 12px 2px;
}
.cart_main .cartrow.headercart a.conshop {
  display: block;
  margin: 0;
  top:0;
  flex: 0 0 50%;
  max-width: 50%;
}
.container.cart_main {
    margin-bottom: 50px;
}
@media (min-width:1601px){
  .hero_banner_content h1.hero-banner-heading{
    font-size:85px
  }
  .rainbow-review-content{
    top:20px;
  }
  .rainbow-review-description {
    font-size: 36px;
}
  .rainbow-review-content{
    max-width:70%;
  }
  h3.hero-banner-sub-title {
    font-size: 65px;
  }
  .rainbow-content .rainbow-description h3.suggestion_heading span{
    font-size: 66px;
}
  .rainbow-description p,.measured_power li, .measured_power h3, .cubic-per-minute li  {
    font-size: 47px;
}
  .content_image_wrapper.content_image_wrapper--horizontal .rainbow-inner_img img{
    max-width:400px;
  }
}
@media (max-width: 1200px){
  .rainbow-review-description {
    font-size: 23px;
      padding: 0 20px;
}
}
@media (max-width:991px){
  .rainbow-content .container, .landing-table .container{
    padding:0 20px;
  }
  h3.hero-banner-sub-title span:after{
    display:none;
  }
  .rainbow-description p, .cubic-per-minute li, .measured_power li, .rainbow-review-description, .landing-table h2 {
    font-size: 20px;
}
   .measured_power h3, .rainbow-content .rainbow-description h3.suggestion_heading span{
    font-size:26px;
  }
  .rainbow-landing-table tr td {
    width: 200px;
}
  .hero_banner_content h1.hero-banner-heading{
    font-size:45px;
  }
  h3.hero-banner-sub-title {
    font-size: 30px;
  }
  .hero_banner_bg{
    min-height:500px;
  }
  .measured_power{
    padding-right:90px;
  }
  .measured_power.left_align{
    padding-left:90px;
    padding-right:20px;
  }
  .rainbow-reviewr_img img {
    min-height: 260px;
    object-fit: cover;
    width: 100%;
}
  .rainbow-review-content{
    top:20px;
    left:20px;
  }
  .rainbow-table-outer{
    overflow:auto;
  }
  .hero_banner_bg .container {
    padding: 0 20px;
}
}
@media (min-width:768px){
    .hero_banner_bg.desktop_banner {
    display: block;
}
      .hero_banner_bg.mobile_banner {
    display: none;
}
}
@media (max-width:767px){
    .hero_banner_bg.desktop_banner {
    display: none;
}
  a.rainbow_product_img.large img, a.rainbow_product_img img {
    max-width: 200px;
}
  .hero_banner_bg.mobile_banner {
  display: block;
  background-position: bottom center;
  background-size: 100% auto;
  background-color: #010100;
  min-height: 400px;
  
  }
  .hero_banner_bg.mobile_banner:after {
    position: absolute;
    content: '';
    top: 0;
    background-image: url(/cdn/shop/files/rainbow-effect.png?v=1680760504);
    left: -40px;
    width: 150px;
    height: 72px;
    z-index: 999;
    background-size: cover;
    background-position: center;
}
  .rainbow-content .rainbow-description h3.suggestion_heading span{
    background:transparent;
  }
    .rainbow-description p, .cubic-per-minute li, .measured_power li, .rainbow-review-description, .landing-table h2 {
    font-size:18px;
}
  h3.suggestion_heading:after{
    display:none;
  }
  .rainbow-landing-table td img{
    max-width:100px;
  }
  .content_image_wrapper.content_image_wrapper--horizontal:after {
    width: 200px;
    height: 200px;
    right: -110px;
    top: -100px;
}
  .content_image_wrapper.content_image_wrapper--horizontal:before {
    width: 200px;
    height: 200px;
    left: -120px;
}
  .rainbow-reviewr_img:after {
    position: absolute;
    bottom: 20px;
    right: 30px;
    background-image: url(/cdn/shop/files/review_a83a6c05-0772-499c-90fa-87ff40dbca9c.png?v=1680760972);
    width: 143px;
    height: 20px;
    z-index: 99;
    content: '';
    background-repeat: no-repeat;
}
.cart_main .cartrow.headercart {
    flex-wrap: wrap;
    justify-content: center;
}

.cart_main .cartrow.headercart a.conshop {
    margin-top: 10px;
    flex: 0 0 100%;
    max-width: 100%;
}
.cart_main h1.title{
  text-align:center;
}
.cart_main .bgscol1.totalcart {
    flex: 0 0 100%;
    max-width: 100%;
}
}
@media (max-width:479px){
    .hero_banner_bg .container {
    padding: 0 20px;
}
  body .hero_banner_bg.mobile_banner {
    min-height: 320px;
}
  h3.hero-banner-sub-title{
    font-size:25px;
  }
  .measured_power h3 {
    font-size: 20px;
}
  .hero_banner_content h1.hero-banner-heading{
    font-size:34px;
  }
  .rainbow-landing-table tbody tr td, .rainbow-landing-table thead th{
    font-size:16px;
  }
}