/** Shopify CDN: Minification failed

Line 3593:146 "font-weigh" is not a known CSS property
Line 3857:37 "border-rigth" is not a known CSS property
Line 4711:25 Unexpected "{"
Line 5670:41 Expected identifier but found whitespace
Line 5670:42 Unexpected "50px"
Line 6182:89 Expected "}" to go with "{"

**/
/* 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);
}

.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);
}

.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);
}

/* 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;
}

.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;
  }
}

.center {
  text-align: center;
}

.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: 5rem 0;
}

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

.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);
  --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;
}

.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;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media screen and (min-width: 990px) {
  .header {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .header--has-menu:not(.header--middle-left) {
    padding-bottom: 0;
  }

  .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: 4rem;
  }

  .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;
}

.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.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);
}

  
/*FDRY Styles*/
/*h1,h2,h3,h4,h5{font-family: "Poppins", serif;}*/
  .container {width: 95%;max-width: 1200px;margin: 0 auto;display: block;}
  .column {display: block;width: 100%;float: left;}
  .c_1{width: 1%;}
  .c_2{width: 2%;}
  .c_4{width: 4%;}
  .c_5{width: 5%;}
  .c_10{width: 10%;}
  .c_15{width: 15%;}
  .c_16{width: 16%;}
  .c_20{width: 20%;}
  .c_25{width: 25%;}
  .c_30{width: 30%;}
  .c_33{width: 33.3333333%;}
  .c_35{width: 35%;}
  .c_40{width: 40%;}
  .c_47{width: 47.5%;}
  .c_48{width: 48%;}
  .c_49{width: 49%;}
  .c_50{width: 50%;}
  .c_55{width: 55%;}
  .c_60{width: 60%;}
  .c_65{width: 65%;}
  .c_70{width: 70%;}
  .c_75{width: 75%;}
  .c_80{width: 80%;}
  .c_90{width: 90%;}
  .c_95{width: 95%;}
  .clear {clear: both;font-size: 1px;height: 0;line-height: 0;display: block!important;}
  
  .right{text-align: right;}
  
  .buttondegrade {
  	border-radius: 10px;
    font-family: "Poppins", serif;
    font-size: 16px;
    padding: 13px 33px;
    letter-spacing: 0;
    background: #000;
	box-shadow: 0px 3px 6px #00000029;
    width: auto;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin-top: 90px;
    text-decoration: none;
    text-align: center;
    transition: 0.6s!important;
}

.buttondegrade:hover {
  background: #000;
  color: white;
}
  
  .button {
    display: inline-block;
    position: relative;
    border-radius: 3px;
    text-decoration: none;
    padding: .5em;
    margin: .5em;
    font-size: 18px;
    font-weight: bold;
    transition: all .5s;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 0;
  }
  .button:hover {
    text-shadow: 0px 0px 0px rgba(255, 255, 255, .75);
  }
  .button:hover:after {
    left: 100%;
    top: 100%;
    bottom: 100%;
    right: 100%;
  }
  .button:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    border-radius: 5px;
    transition: all .5s;
  }
  .button:after {
    content: '';
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    bottom: 2px;
    right: 2px;
    z-index: -1;
    border-radius: 5px;
    transition: all .5s;
  }
  .button2 {
    display: inline-block;
    font-size: 2em;
    margin: .5em;
    padding: .5em;
    border-radius: 5px;
    transition: all .5s;
    filter: hue-rotate(0deg);
    color: #FFF;
    text-decoration: none;
  }
  /*END BASE BUTTON*/
  /*ROTATE*/
  .rot-360-noscoop:hover {
    filter: hue-rotate(360deg);
    transform: rotate(360deg);
  }
  .rot-135:hover {
    filter: hue-rotate(135deg);
  }
  .rot-90:hover {
    filter: hue-rotate(90deg);
  }
  /*END ROTATE*/
  
  
  #header-box{display: none; position:initial;width:100%;background-color:#000000; z-index: 9999999999999999999999;  padding: 7px 0;}
  .textheader{display: inline-block;width: 247px;font-size: 14px;color: #fff;line-height: 17px;font-weight: 400;}
  .banner__content.banner__content--bottom-center{align-items: center!important;    justify-content: center;}
  .fixed-header {position: fixed!important;top: 0;left: 0;width: 100%!important; background-color: #000000!important;}
  .fixed-header .header__heading svg path,.fixed-header .header__heading svg rect{fill:#0E0415;}
  .fixed-header .header__heading svg #Path_26,.fixed-header .header__heading svg #Path_27,.fixed-header .header__heading svg #Path_28{fill: #EC38BC!important;}
  .fixed-header .textheader{color: #EC38BC;}
  .whiteheader{background: #FFFFFF!important;box-shadow: 0px 3px 6px #00000029;}
  .whiteheader .textheader{color: #EC38BC;}

  .initialbanner{background-color: #EC38BC;padding: 12px 0;}
  .initialbanner p{color: #fff;margin: 0;font-size: 14px;line-height: 15px;text-align: center;letter-spacing: 0;}
  
  .headerSustainability svg path,.headerSustainability svg rect{fill:#000;}
  .headerSustainability svg #Path_26, .headerSustainability svg #Path_27, .headerSustainability svg #Path_28{fill: #EC38BC!important;}
  .fixed-header .headerSustainability svg #Path_26,.fixed-header .headerSustainability svg #Path_27,.fixed-header .headerSustainability svg #Path_28{fill: #EC38BC!important;}
  
  .headersolid{position: initial!important;}

  #footersection{background: #fff;padding: 0!important;}
  .footer {border-top: none!important;}
  footer ul{padding: 0; margin: 0;}
  footer ul li{list-style: none; margin-bottom: 10px;}
  footer ul li a{ letter-spacing: 0;color: #bfbfbf;font-size: 16px;line-height: 20px;font-weight: 300;text-decoration: none!important;}
  footer ul li a:hover{color: #fff; text-decoration: underline!important;}
  .footer__list-social.list-social:only-child{justify-content: left!important;}
  .list-social__link{padding-top: 0!important;}
  .list-social__item .icon{height: 20px!important;width: 20px!important;}
  .list-social{display: inline-block!important; margin-bottom: 0;}
  .list-social svg path,.list-social svg rect{fill:#000;}
  .list-social svg:hover path,.list-social svg:hover rect{fill:#EC38BC}
  .list-social li{display: inline-block!important; margin-bottom: 0;}
  .list-social__link{padding-bottom: 0!important;}
  .linkscontact{display: inline-block; margin: 0 0 0 85px;}
  .footer-block__heading{font-size: 24px!important;color: #0E0415;font-weight: 700;line-height: 29px;margin-bottom: 22px!important;letter-spacing: 0;}
  .footer__content-bottom {border-top: none!important;padding-top: 0!important;}
  .footer__copyright {margin: 0!important;}
  .footer__copyright.caption{font-size: 14px!important; line-height: 18px; color: #797979; letter-spacing: 0.14px; font-weight: 400;}
  .footer__list-social li:first-child a{padding-left:0!important} 
  .mailto{font-size: 14px;color: #fff;text-decoration: none;line-height: 17px;font-weight: 400;letter-spacing: 0;}
  .contactlink{font-size: 14px; color: #EC38BC; font-weight: 700; text-decoration: none;}
  .contactlink:hover{color: #FF90C2;}
  footer .newsletter-form__field-wrapper{max-width:100%!important;}
  footer .newsletter-form{max-width: 100%!important;}
  .newsletter-form__button {
    width: 186px!important;
    margin: 0;
    right: 0!important;
    top: 1px!important;
    height: 100%;
    z-index: 2;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    /* border: 2px solid #EC38BC; */
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    background: transparent linear-gradient(109deg,#E83E8A 0%,#CE12F0 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    height: 45px!important;
    font-family: "Poppins", serif;
  }
  .newsletter-form__button:hover{background: transparent linear-gradient(102deg, #0E0415 0%, #5A5757 100%) 0% 0% no-repeat padding-box;}
  .newsletter-form__field-wrapper .field__input {height:70px; border: none;border-radius: 0;position: relative;top: -1px;}
  .field:after, .select:after, .customer .field:after, .customer select:after, .localization-form__select:after{border-radius: 5px!important; box-shadow: none!important;}
  .field:before, .select:before, .customer .field:before, .customer select:before, .localization-form__select:before{border: none!important; box-shadow: none!important;}

  .newsletter-form__button:not(:focus-visible):not(.focused) {width: 100%!important;position: initial;height: 40px!important;border-radius: 0!important;background: transparent!important;border: 1px solid #cbcbcb;color: #000;}
  .formlabel{background: #fff; color: #171717; font-size: 20px; line-height: 20px; margin: 0;font-weight: 700;padding: 25px;}
  #formfooter input[type="email"]{width: 100%;height: 40px;position: relative;top: 0;padding: 10px 15px;border: none;border-left: 1px solid #000;border: 1px solid #cbcbcb;max-width: 95%;margin: 0;}
  #formfooter input[type="email"]:placeholder{letter-spacing: 0;}

  .blackbutton{letter-spacing: 0; transition: 0.6s; text-decoration: none;background: #000;color: #fff;padding: 6px 30px;display: inline-block;margin: 30px 0 0;text-transform: lowercase;}
  .blackbutton:hover{background: #fff; color: #000;}
  .blackbutton:first-letter{text-transform: uppercase;}
  .footernoindex{border-top: 1px solid #ACACAC!important;}
  
  .svglinks svg{width: 20px; height:20px;}
  .svglinks li{display: inline-block!important;margin-right: 10px!important;margin-bottom: 0!important;}

  .lastmenu{position: fixed;bottom: 5%;}
  
  .mission{background-image: url('/cdn/shop/files/background-01.jpg?v=1655726762'); padding: 153px 0; background-size: cover; }

  @keyframes gradient {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  .mission h4{font-size: 38px;color: #0E0415;line-height: 46px;letter-spacing: 0;margin: 0 0 48px;font-weight: 700;text-align: left;border-bottom: 2px solid #0E0415;padding-bottom: 24px;}
  .mission h3{font-size: 26px;color: #fff;line-height: 42px;letter-spacing: .52px;margin: 0 0!important;font-weight: 600;text-align: left;max-width: 424px;float: left;}
  .mission p{font-size: 18px;color: #fff;line-height: 27px;letter-spacing: 0;margin: 0 auto 25px!important;max-width: 100%;font-weight: 400;text-align: left;}

  .repeatwordsbanner{ background: #fff;border-top: 1px solid #000;border-bottom: 1px solid #000;padding: 30px 0;}
  .repeatwordsbanner h2{font-size: 24px; color: #000; font-weight: 700; margin: 0;}
  .repeatwordsbanner span{color: #000;}
  .repeatwordsbanner.goldline span {color: #F0DA72;}
  .imgbannerrepeat img{width: 150px;}
  .repeatwordsbanner.goldline, .repeatwordsbanner.blueback, .repeatwordsbanner.alonetext{background: #fff;}


  .targetbanner{/*background: #000000;*/ padding: 60px 0;background-size: 100%;}
  .targetbanner img{ width: 70px;margin: 0 auto 58px;display: block;}
  .targetbanner p{color: #fff;font-size: 18px;line-height: 25px;letter-spacing: 0.09px;margin: 0 auto 40px;max-width: 729px;text-align: center;}
  .targetbanner .arrowdown{display: inline-block;margin: 30px auto 0;}
  .targetbanner .purplebtn{margin-bottom: 0px;display: inline-block;padding: 9px 25px;}

  .titlecomingbanner{padding-top: 0px;}
  .titlecomingbanner .imgfitfetch{margin-top: 0px!important;margin-bottom: -30px!important;position: relative;top: -80px;}
  .titlecomingbanner img.authorimg{width:200px; height: auto;}
  .comingsoonbanner{/*background: #000000;*/ }
  .comingsoonbanner.homedivs{background:#fff;}
  .comingsoonbanner .container{border-left: 1px solid #000; border-right: 1px solid #000; padding: 60px;}
  .comingsoonbanner img{width: 100%;height: 585px;object-fit: contain;}
  .comingsoonbanner .titlecomingbanner p{color: #FFFFFF; font-size: 30px; line-height: 80px; letter-spacing: 0; margin: 0; font-weight: 500;    position: relative;top: -90px;}
  .comingsoonbanner .titlecomingbanner strong{font-weight: 500!important; color: #EC38BC;}
  .comingsoonbanner h2{color: #FCFCFC; font-size: 75px; line-height: 80px; margin: 0 0 82px; font-weight: 600; }
  .imgfitfetch{width: 150px!important;height: auto!important; margin-top: 10px;margin-bottom: 25px;}
  .textbannercom p{color: #000;letter-spacing: 0;font-size: 16px;line-height: 20px;margin: 0 0 30px;max-width: 80%;}
  .textbannercom h2{color: #000;font-size: 50px;line-height: 60px;margin: 0 0 50px;font-weight: 600;}
  .textbannercom a{color: #000;}
  .comingsoonbanner .purplebtn{    max-width: 375px;width: 100%;display: inline-block;padding: 9px 0;text-align: center;margin: 10px 0;}

  .comingsoonbanner.bannerdrbanner{border-top: 1px solid #000;background: #fff;}
  .comingsoonbanner.bannerdrbanner span{color: #FFFFFF; font-size: 20px; line-height: 35px;display: block;padding-top: 61px;}
  .comingsoonbanner.bannerdrbanner .titlecomingbanner {padding-top: 0px;}
  .comingsoonbanner.bannerdrbanner .imgfitfetch{margin-top: 0!important;margin-bottom: -30px!important;position: relative;top: -80px;}

  .purplebtn{
    letter-spacing: 0;
    transition: .6s;
    border: 2px solid #000;
    border-radius: 26px;
    padding: 9px 25px;
    color: #fff;
    font-size: 18px;
    font-family: "Poppins", serif;
    text-decoration: none;
    font-weight: 700;
    max-width: 375px;
    width: 100%;
    display: inline-block;
    background-color: #000;
  }
  .purplebtn:hover{background-color: transparent; color: #000;}

  .purplebtn.blackletter{color: #fff; display: inline-block;padding: 9px 25px;}
  .purplebtn.blackletter:hover{color: #000;}

  .purplebtn.smbtn{padding: 0 10px; max-width: max-content!important; font-size: 11px; text-transform: uppercase;}

  .samplelink{color: #ec38bc; text-transform: uppercase;display: inline-block;margin-left: 20px;}
  .samplelink:hover{text-decoration: none;}

  .gradient{background-image: url('/cdn/shop/files/pt-gradient.png?v=1673976218');background-size: 100% 100%;}

  .wearebanner{ text-align: center; /*background: #000000;*/}
  .wearebanner .container {border-left: 1px solid #fff;border-right: 1px solid #fff;padding: 60px 0;}
  .wearebanner strong{display: block; color: #000000; font-size: 24px; line-height: 29px; letter-spacing: 1.2px; margin: 0 auto 50px; font-weight: 600;}
  .wearebanner p{
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    max-width: 500px;
    text-align: left;
    margin: 0 auto 40px;
  }
  .wearebanner svg path, .wearebanner svg circle{stroke: #fff;}
  .wearebanner img{width: 100%;height: 300px;object-fit: contain;}

  .featuredrepeater img{width: 100%;height: 724px;object-fit: cover;margin-bottom: -8px;}
  .featuredrepeater{/*background: #000000;*/ border-top: 1px solid #fff;}
  .featuredrepeater p{color: #FFFFFF; font-size: 16px; line-height: 20px; letter-spacing: 0px; max-width: 500px; text-align: center; margin: 0 auto; }
  .featuredrepeater strong{font-size: 24px; line-height: 29px; font-weight: bold; letter-spacing: 1.2px; display: block; margin-bottom: 50px;}
  .featuredrepeater .purplebtn{display: inline-block; margin: 40px 0 0; padding: 9px 30px;}
  .boxcontent .table-cell{height: 724px; vertical-align: middle;}

  .howitworks .c_25{text-align: center;}
  .howitworks{padding: 152px 0 162px;}
  .howitworks h2{text-transform: uppercase; font-size: 38px; line-height: 46px; color: #0E0415; letter-spacing: 0; margin: 0 0 93px;}
  .howitworks h3{font-size: 18px; line-height: 21px; font-weight: 700; letter-spacing: 0; color: #0E0415; margin-bottom: 12px;}
  .howitworks p{color: #797979;font-size: 14px;line-height: 20px;font-weight: 400;margin: 0 auto;letter-spacing: 0;max-width: 260px;}
  
  .bannerbig{padding: 147px 0; background-image: url('/cdn/shop/files/background-02.jpg?v=1655732307'); background-size: cover;}
  .bannerbig h2{font-size: 140px; color: #FFFFFF; line-height: 170px; font-weight: 700;margin: 0;}
  .bannerbig h2.two{opacity: .6; margin-left: 106px;}
  .bannerbig h2.three{opacity: .7; margin-left: 212px;}
  
  .features{padding: 80px 0 0;}
  .features h3{text-transform: uppercase;margin-left:136px; color: #0E0415; font-size: 30px; line-height: 36px; font-weight: 700; margin-bottom: 18px; letter-spacing: 0; margin-top: 224px;}
  .features p{color: #414141;font-size: 24px;line-height: 29px;font-weight: 400;max-width: 348px;margin: 0 0 0 136px;letter-spacing: 0;}
  .boximage{background-size:cover; background-color: #ccc; border-radius: 10px; width: 100%; height: 597px; display:block!important;}
  .twocols video{border-radius: 10px;}
  .twocols{margin-bottom: 51px;}
  .twocols .column.c_50.rcol{padding-left: 136px;}
  .twocols.digitalreal .boximage{border-radius:0;}
  .twocols.digitalreal .boximage.first-child{border-bottom-left-radius: 10px; border-top-left-radius: 10px;}
  .twocols.digitalreal .boximage.last-child{border-bottom-right-radius: 10px; border-top-right-radius: 10px;}
  .twocols.digitalreal h3{font-weight: 300;margin: 0 0 20px;font-size: 30px;}
  
  .header__heading-link.link.link--text.focus-inset,.header__heading{width: 224px;}
  #mainbanner{padding: 0;}
  #mainbanner .banner__content{padding: 0;}
  #mainbanner .banner__box{    padding: 0;margin: 250px auto;max-width: 100%;}
  #mainbanner h4{    letter-spacing: 0.52px;color: #fff;text-shadow: 0px 3px 6px #00000029;font-size: 26px;line-height: 36px;font-weight: 400;text-align: center;max-width: 616px;margin: 0 auto;}
  #mainbanner p{letter-spacing: 0px;color: #FFFFFF;text-shadow: 0px 0px 10px #00000029; font-size: 14px; line-height: 20px; font-weight: 400; margin: 0;}
  
  .table-box {display: table;width: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;margin: auto;}
  .table-cell {width: 100%;display: table-cell;background-color: transparent;vertical-align: middle;transition: 0.8s;}
  
  .bannertitle{margin-bottom: 160px; margin-top: 72px}
  .bannertitle .table-box{border-radius: 20px;} 
  .bannertitle .table-cell{height: auto; padding: 100px 0; text-align:center;}
  .bannertitle .table-cell h2{font-weight: 700;font-size: 38px; line-height: 46px;letter-spacing: 0px;color: #FFFFFF; margin:0;}
  .bannertitle .table-cell h3{font-weight: 700; font-size:32px; line-height:39px; letter-spacing: 0px;color: #FFFFFF; margin: 0 0 56px;}
  .bannertitle .table-cell h1{text-transform: uppercase;text-align:center; letter-spacing: 0px;color: #FFFFFF;text-shadow: 0px 3px 6px #00000029; font-size: 38px; line-height: 46px; font-weight: 700; margin: 0;}
  
  .opacity60{opacity: .6;}
  .opacity70{opacity: .7;}
  .opacity80{opacity: .8;}
  .opacity90{opacity: .9;}
  
  .bannertitle.problembanner .table-box{border-radius: 0;}
  .bannertitle.problembanner .table-cell{vertical-align: top;height: 768px;}
  .bannertitle.problembanner .table-cell h2{text-transform: uppercase;text-align:center; letter-spacing: 0px;color: #FFFFFF;text-shadow: 0px 3px 6px #00000029; font-size: 38px; line-height: 46px; font-weight: 500; margin: 91px 0 0;}
  
  .listsolution h2{text-transform: uppercase;letter-spacing: 0px;color: #0E0415; font-size: 38px; line-height: 46px;margin-top: 0; margin-bottom: 96px; font-weight: 500;}
  .listsolution{padding: 141px 0 136px;}
  .boxproblem{text-align:center; padding: 44px 26px 35px; margin-bottom:17px; background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 8px 8px 20px #00000029;border-radius: 5px;min-height: 285px;width: 94%;margin: 0 auto 17px;}
  .boxproblem svg{width: 70px; height:70px}
  .boxproblem h4{margin: 0 0 22px; letter-spacing: 0px; color: #0E0415; font-size: 18px; line-height:25px; font-weight: 700;}
  .boxproblem p{letter-spacing: 0px; color: #797979;font-size:14px; line-height: 20px; font-weight: 400; margin: 0; }
  .problemsbox{margin-top: -135px;}
  .boxsolution li {max-width: 261px; font-size:14px; line-height: 20px; font-weight: 400; margin-bottom:33px; letter-spacing: 0px;color: #797979; list-style-image: url('/cdn/shop/files/icon-tick.svg?v=1655763189'); }
  .boxsolution strong{color: #0E0415; font-weight: 700;}
  
  .grey-line{width:100%; border-bottom: 1px solid #E0E0E0; display: block!important;}
  .purple-line{width:100%; border-bottom: 2px solid #EC38BC; display: block!important;}
  
  .bannergrapichs{padding: 157px 0 141px;}
  .bannergrapichs .container{max-width: 1000px;}
  .bannergrapichs img{margin: 0 auto;display: block;width: 100%;height: auto;max-width: 464px;}
  .bannergrapichs h2{text-transform: uppercase;letter-spacing: 0px;color: #0E0415; font-size: 38px; line-height: 46px; font-weight: 500; margin: 0 0 60px; text-align:center;}
  .tablegrapichs{margin: 56px 0 0;}
  .tablegrapichs svg{min-height: 40px; height: 40px; margin-bottom: 8px;}
  .tablegrapichs .c_50{width: 48%; margin: 0 1%;}
  .graphicbox{margin-bottom:42px; min-height: 165px;}
  .graphicbox h4{max-width:200px; font-size: 18px; line-height: 21px;  font-weight:700; letter-spacing: 0px;color: #0E0415; margin: 16px 0 0;}
  .graphicbox p{min-height: 60px; font-size: 14px; line-height: 20px; font-weight:400;letter-spacing: 0px;color: #797979; margin: 16px 0 0;}
  
  .founder{padding: 156px 0;}
  .founder h2{font-size: 38px; line-height:46px; font-weight: 500;letter-spacing: 0px;color: #0E0415; margin: 0 0 5px;}
  .founder h3{font-size:18px; line-height: 21px; font-weight: 700;letter-spacing: 0px;color: #EC38BC; margin: 0 0 20px;}
  .founder p{ font-size: 14px; line-height: 21px; font-weight: 400;letter-spacing: 0px;color: #797979;margin: 0 0 30px; }
  .team .container{max-width: 896px; margin: 0 auto;}
  .founder .buttondegrade{margin-top: 32px;}
  .buttondegrade.circlebtn{margin-top: 32px;padding: 8px 13px;border-radius: 100%;width: 54px;height: 54px;position: absolute;margin: 0 0 0 195px;}
  .buttondegrade.circlebtn svg{position: relative; top:3px;}
  .buttondegrade.circlebtn:hover svg rect,.buttondegrade.circlebtn:hover svg path{fill:#fff;}
  
  .imgcircle img{width: 100%;}
  
  .teamtreecol{padding-bottom: 58px; padding-top: 72px; background: #fff;}
  .teamtreecol .c_33{width: 23%; margin: 0 1%; text-align: center;}
  
  .teamtreecol img{max-width: 108px;height: 108PX;min-height: 108px;margin-bottom: 21px;border-radius: 100%;object-fit: cover;}
  .teamtreecol .buttondegrade.circlebtn {margin: -30px 0 0 14px;}
  .boxteam{margin-bottom: 135px;}
  .boxteam h2{font-size: 18px;line-height: 21px;font-weight: 700;letter-spacing: 0px;color: #0E0415;margin: 0 0 8px;}
  .boxteam h3{font-size: 14px;line-height: 20px;font-weight: 700;letter-spacing: 0px;color: #000;margin: 0 0 16px;}
  .boxteam p{ font-size: 14px;line-height: 21px;font-weight: 400;letter-spacing: 0px;color: #797979;max-width: 240px;margin: 0 auto;}
  .boxteam ul{ text-align: left; font-size: 14px;}


  .contentmenu{display: none;background-color: rgba(14, 4, 21, 0.4);position: fixed;top: 0;width: 100%;bottom: 0;z-index: 1;height: 100vh;}
  .contentmenu.on{display: block; }
  .internalmenu{ background-color: #000000;border-left: 1px solid #fff; padding: 120px 0 0 88px;text-align: left;position: absolute;top: 0;right: 0;max-width: 515px;width: 100%;height: 100%;transition: transform 0.35s; z-index: 1;overflow: hidden; }
  .internalmenu ul{padding: 0; margin:0;}
  .internalmenu ul li{display: block; margin: 0 0 35px;}
  .internalmenu ul li a{/*font-size: 28px;line-height: 34px;*/font-size: 20px;line-height: 30px;font-weight: 700;letter-spacing: 0;color: #fff;text-decoration: none;text-transform: uppercase;}
  .internalmenu ul li a.parentmenu{padding-right: 30px;background-image: url(/cdn/shop/files/arrowdownwhite.svg?v=1670334409);background-repeat: no-repeat;background-size: 15px;background-position-x: 100%;background-position-y: 45%; }
  .menubtn.parentmenu{cursor: pointer; padding-right: 0;background-image: url(/cdn/shop/files/arrowdownwhite.svg?v=1670334409);background-repeat: no-repeat;background-size: 15px; background-position-x: 210px;background-position-y: 40%;}
  .internalmenu ul li a:hover{color: #EC38BC;}
  .internalmenu ul li span{font-weight: 300; display: inline-block; color: #EC38BC; font-size: 13px; line-height: 16px; margin-right: 12px;}
  .internalmenu .linkscontact{margin-left:0!important;}
  .internalmenu .sociallinks{position: relative;width: 113%;right: 13%;}
  .internalmenu .sociallinks svg path, .internalmenu .sociallinks svg rect{fill: #fff;}
  .internalmenu .sociallinks svg:hover path, .internalmenu .sociallinks svg:hover rect{fill: #EC38BC;}  
  .closemenu{position: absolute;background: transparent linear-gradient(180deg, #D655C2 0%, #EC38BC 100%) 0% 0% no-repeat padding-box;border-radius: 100%;width: 28px;height: 28px; display: inline-block;}
  .closemenu svg{position: relative;top: 0px;right: -6px;}

  .child{padding-left: 35px!important;position: relative;margin-top: -30px!important; display: none;}
  .child.active{display: block;margin: 0 0 15px;}
  .child li{margin: 4px 0!important;}
  .child li a{font-size: 13px!important; line-height: 16px!important; color: #FFFFFF!important; font-weight: 300!important;}
  .child li a:hover{color: #EC38BC!important;}
  
  .bannerbow{text-align: center;background-image: url(/cdn/shop/files/title_background.png?v=1656541750);padding: 37px 0 92px;background-size: 100% 100%;}
  .bannerbow h1{text-transform: uppercase;font-weight:600; font-size:38px; line-height: 46px; letter-spacing: 0px;color: #FFFFFF; margin:0;}
  
  .boxtimeline{
    background: #EC38BC;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 700;
    text-transform: uppercase;
    padding: 31px 0;
    margin: 0 28px 28px 0;
  }
  .roadmap{margin: 73px 0 150px;}
  .roadmap h4{font-size: 18px; line-height: 21px; font-weight:700; letter-spacing: 0px;color: #000;margin:0;}
  .roadmap .grey-line{margin-bottom: 30px; border-bottom: 2px solid #E0E0E0;}
  
  .boxactivities {
    padding: 20px;
    border-top: 3px solid;
    background-position: 0 0,100% 0;
    background-repeat: no-repeat;
    border-radius: 10px;
    margin: 0 28px 28px 0;
    min-height: 220px;
    border: 3px solid #fff;
  }
  .boxactivities h4{color: #0E0415; font-size: 14px; }
  .boxactivities ul{padding-left: 15px;}
  .boxactivities ul li{font-weight: 400; font-size: 14px; line-height: 23px; letter-spacing: 0px;color: #797979;}
  
  .business{margin: 73px 0 180px;}
  .business .bannerbig h2{font-size: 38px!important; line-height: 46px!important; padding: 0!important; text-align: center; margin: 0 auto 48px!important; max-width: 638px;}
  .business .bannerbig{border-radius: 20px;padding: 127px 0 79px; margin-bottom: 110px;}
  .business .boxactivities{margin: 0;min-height: 274px; height: 274px;}
  .business .boxactivities p{letter-spacing: 0; margin: 0; color: #0E0415; font-size: 14px; line-height: 20px; font-weight: 400;}
  .business .boxactivities strong{font-weight: 700;}
  
  .title{text-align: center;font-size:38px; line-height: 46px;  letter-spacing: 0px;color: #0E0415;text-transform: uppercase; margin: 0;}
  .bmodel .title{margin-bottom: 96px;}
  .bmodel .c_30{width:32%;}
  .mmodel .title{margin: 109px 0 96px;}
  .bmodel.firstgrapich.blackgraphic svg{fill: #fff;}
  .titletwin{text-transform: uppercase;text-align: center;font-size: 38px;line-height: 46px;font-weight: 500;letter-spacing: 0px;color: #0e0415;margin: 0 0 60px;}
  
  .mmodel.small .boxactivities{margin: 0 0 22px;min-height: auto;height: auto;}
  .largebox{min-height: 194px;}
  .largebox .btn{height: 209px!important;}
  .mmodel h3{margin-top:0; margin-bottom:24px; padding: 0 0 12px; border-bottom: 2px solid #E0E0E0; text-align: center;font-weight: 700; font-size: 18px; line-height: 21px; letter-spacing: 0px;color: #000000; text-transform: lowercase;}
  .mmodel h3:first-letter {text-transform: capitalize;}
  .mmodel.small .c_30{width:32%;}
  
  .titlebold{padding: 0 32px 0 0;font-size: 24px!important;color: #0e0415;font-weight: 700;line-height: 29px;margin-bottom: 22px!important;letter-spacing: 0;}
  
  .process{margin: 73px 0 150px;}
  .process h4{text-transform: uppercase;position: relative; font-size:18px; line-height: 21px; font-weight: 700; letter-spacing: 0px;color: #000000; margin: 0;}
  .process .boxactivities{margin-bottom:0; padding: 30px 20px; min-height: auto;font-size: 14px;text-align: center;color: #0E0415;font-weight: 700;}
  
  .containerbtn {
    padding: 3px;
    border-radius: 1000px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    background-size: 400% 400%;
    animation: mymove 3s linear infinite;
    text-align: center;
    margin: 0 28px 0 0;
    border: 3px solid #fff;
  }
  .containerbtn.redyellow{background: none; border: 3px solid #EC38BC; border-radius: 10px; width: 100%;margin: 0 0 22px;}
  .containerbtn.redyellow .btn{margin: 0;min-height: auto;height: auto;padding: 20px;font-weight: initial;text-align: left;border-radius: 10px;}
  .containerbtn.redyellow .btn p{margin: 0;}	
  
  .btn {
    border: none;
    border-radius: 20px;
    font-weight: bolder;
    font-size: 25px;
    letter-spacing: 0;
    z-index: 10;
    background: #fff;
    padding: 30px 20px;
    margin-bottom: 0;
    padding: 27px 20px;
    min-height: auto;
    font-size: 14px;
    text-align: center;
    color: #0e0415;
    font-weight: 700;
  }
  
  .visualise{padding: 158px 0 0;}
  .visualise h2{text-transform:uppercase; text-align: center;font-size: 38px; line-height: 46px;font-weight: 500; letter-spacing: 0px;color: #0E0415; margin: 0 0 60px;}
  .visualise img{width: 100%;border-radius: 10px;height: 772px;object-fit: cover;}
  
  /*Effects*/
  .banner__media.media{height: 100vh;}
  #Banner-template--16139376591079__image_banner{height:100vh;}
  .load-hidden {visibility: hidden;}
  .widget {visibility: hidden;}
  
  /*Video*/
  .bannercontentcenter{
    text-align: center;
    position: absolute;
    top: 66%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    max-width: 100%;
    width: 100%;
  }
  .bg-video-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 900px;
  }
  .container.video video{
  	position: absolute;
    min-height: 107%;
    top: -7%;
  }
  video {
    min-width: 100%;
    min-height: 100%;
    z-index: 1;
    object-fit: cover;
    display: block;
    width: 100%;
  }
  .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(14, 4, 21, 0.17);
    background-size: 3px 3px;
    z-index: 1;
  }
  
  .page-width.page-width--narrow.section-template--16139376099559__main-padding{display: none!important;}
  #ContactForm{margin: 20px 0 80px;}
  #ContactForm input[type="text"],#ContactForm input[type="email"],#ContactForm input[type="tel"],#ContactForm textarea{border: 2px solid #000;border-radius: 5px;}
  #ContactForm .buttondegrade{margin-top: 40px;border: none;cursor: pointer;}
  .contact p{font-size: 18px; line-height:27px; font-weight:500;letter-spacing:0;}
  .contact iframe{width: 100%;height: 100vh;border: none;background: #fff;margin-bottom: 40px;}
  .lmtWIHO_gkbTeeyuvoJC.mOUYF5ZmuNL6I7t0mSFg {background-color: #fff!important;}
  
  .header.page-width{padding-top:4px; padding-bottom:4px; padding-right: 0!important; padding-left: 0!important; max-width: 85%!important;}
  .container.video{max-width: 100%; width: 100%;}
  .container.video .buttondegrade{margin-top: 30px;margin-right: 12px;margin-left: 12px;}
  
  /*#gridlist {display: grid;justify-content: center;align-content: center;gap: 4px;grid-template-columns: 1fr 1fr 1fr 1fr;text-align: center;}*/
  #gridlist {display: flex;flex-wrap: wrap; justify-content: center;   }
  .boxteam {flex-basis: calc(25% - 20px);box-sizing: border-box;text-align: center;}
  
  .herocollection img{width: 100%;height: 400px; object-fit: cover;}
  .collection-hero__description.rte{max-width: 70%!important; margin: 0 auto!important;}
  #blackbody, #blackgrid{background-color: #000; color:#fff; margin-top: -9px;padding: 40px 0!important;}
  #blackbody h1,#blackbody .collection-hero__description.rte{color: #fff!important;}
  
  .modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
  .modal.on{display: block;}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  border-radius: 10px;
  
}
  .modal-content iframe{width: 100%;height: 75vh;border: none;}

/* The Close Button */
.closebtn {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.closebtn:hover,
.closebtn:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
  
  .mobilecols{display: none;}
  .mobilegrapich{display: none;}
  
  .iconcircle{background-color: #EC38BC;width: 70px;border-radius: 100%;padding: 10px;display: inline-block; margin-top: 30px;}
  
  .imgbannermobile{display:none;}
  
  .videomobile{display: none;}

  /*Internal pages*/
  .pagevf .mainimage{width: 100%; height: 547px; object-fit: cover; margin: 0 0 -8px;}
  .contentblack{/*background: #000000;*/ padding: 80px 0 80px;}
  .contentblack .container{max-width: 690px; margin: 0 auto;}
  .contentblack p, .contentblack li{color: #FFFFFF; font-size: 16px; line-height: 20px; font-weight: 300;}
  .contentblack p{margin: 0 0 35px;}
  .contentblack li{margin-bottom: 20px;}

  .resultbox{/*background: #000000;*/ padding: 78px 0;}
  .resultbox h2{font-size: 24px; line-height: 29px; color: #FFFFFF; letter-spacing: 1.2px; font-weight: 600; text-align: center; margin: 0 0 51px;}
  .resultbox h2 span{color: #EC38BC;}
  .resultbox p{color: #FFFFFF; font-size: 16px; line-height: 20px; letter-spacing: 0.8px; font-weight: 300; margin: 0 auto 80px; max-width: 500px; text-align: center;}
  .resultbox img{width: 100%; height: 575px; object-fit: contain;}
  .resultbox svg{margin-top: -50px;}

  .boxesresults{margin: 80px 0 0 ;}

  .orderphoto{padding: 70px 0 73px; /*background: #000000;*/border-top: 1px solid #707070; }
  .orderphoto h2{color: #FFFFFF; font-size: 20px; line-height: 24px; letter-spacing: 1px; margin: 0 0 48px; text-align: center; font-weight: 600;    max-width: 490px;margin: 0 auto 62px;}
  .orderphoto svg{display: block; margin: 0 auto 31px;}
  .orderphoto h3{color: #fff; font-size: 16px; line-height: 20px; letter-spacing: 0.8px; font-weight: 600; text-align: center; margin-bottom: 20px;}
  .orderphoto p{color: #fff; font-size: 14px; line-height: 17px; letter-spacing: 0.7px; font-weight: 600; margin: 0; text-align: center;}

  .pagegraphics .mmodel.small{padding: 80px 0;}
  .pagegraphics .business{margin: 80px 0;}

  .percentagebanner{background: #000000; padding: 120px 0;}
  .percentagebanner h2{font-size: 24px; line-height: 29px; letter-spacing: 1.2px; margin: 0; font-weight: 600; color: #FFFFFF; text-align: center;}

  .blackcontent{background: #000; padding: 120px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
  .blackcontent h1{color: #fff; text-align: center;}
  .blackcontent p{color: #fff; text-align: center; max-width: 900px; margin: 0 auto 45px;}

  .graphicsaccess{padding: 80px 0;}
  .graphicsaccess .boxactivities{display: table-cell; vertical-align: middle; text-align: center; width: 300px; height: 300px;}

  .sidebarpage{padding: 80px 0; background: #fff;}
  .navpages ul{padding: 0; margin: 0;}
  .navpages ul li{list-style: none; margin: 0 0 13px;}
  .navpages ul li a{font-size: 14px; line-height: 17px; color: #000000; font-weight: 300; letter-spacing: 0; text-decoration: none;}
  .navpages ul li a:hover, .navpages ul li a.active{text-decoration: underline!important;}
  .contentpages p{color: #373E29; font-size: 14px; line-height: 17px; font-weight: 300; letter-spacing: 0; margin-bottom: 25px;}
  .contentpages li{color: #373E29; font-size: 14px; line-height: 17px; font-weight: 300; letter-spacing: 0; margin-bottom: 20px;}
  .contentpages a{color: #000;}
  .contentpages a:hover{text-decoration: none;}
  .contentpages strong{display: block;margin-bottom: 15px;font-weight: 700;color: #000000;}
  .contentpages table td{width: 273px; word-break: break-all; vertical-align: top;color: #373e29;font-size: 14px;line-height: 17px;font-weight: 300;letter-spacing: 0;margin-bottom: 25px;}
  

  .samplepage{padding: 207px 0 200px;}
  .samplepage h1{font-size: 22px; line-height: 26px; color: #000000; letter-spacing: 0; text-align: center; margin: 0 0 24px; font-weight: 700;}
  .samplepage p{color: #000000; font-size: 14px; line-height: 17px; max-width: 600px; margin: 0 auto 15px; letter-spacing: 0; text-align: center; font-weigh: 300;}

  .featureimage img{width: 100%; height: 547px; object-fit: cover;    margin-bottom: -8px;}
  .pagemain .bannertitle .table-cell h2{color: #000000; font-size: 20px; line-height: 25px; margin-bottom: 73px;}
  .pagemain .bannertitle .table-cell{padding: 0!important;}
  .pagemain .bannertitle{margin: 80px 0!important;}
  .pagemain .bannertitle .table-cell h3 {font-weight: 700;font-size: 20px;line-height: 25px;letter-spacing: 0px;color: #000000;margin: 0 0 68px;opacity: 1!important;}
  .pagemain .bannertitle svg{margin-bottom: 37px;}
  .secondh2{margin-top: 29px!important; margin-bottom: 17px!important; }

  .whitebox1{background: #fff;}
  .whitebox1 .bannertitle {padding: 80px 0!important;background: #fff!important;margin: 0!important;}

  .vipsection{/*background: #000000;*/ }
  .vipsection .container{border-right: 1px solid #fff; border-left: 1px solid #fff;}
  .vipsection img{width: 100%;height: 480px;object-fit: contain;}
  .vipsection p{color: #fff;font-size: 16px;line-height: 20px;letter-spacing: 0;text-align: center;padding-right: 60px;padding-left: 60px;margin: 0 auto 32px;max-width: 506px;font-weight: 300;}
  .vipsection strong{font-size: 24px; line-height: 29px; letter-spacing: 1.2px; margin-bottom: 32px!important; font-weight: 700;}
  .vipsection .boxcontent .table-cell{background: radial-gradient(ellipse at left bottom,#97AEF1 5%,#020079 25%,#000000 50%,#000000 100%);}
  .vipsection svg{margin-top: 85px; margin-bottom: 32px;}
  .purplebtn.goldbtn{border: 2px solid #F0DA72; display: inline-block; padding: 9px 25px;}
  .purplebtn.goldbtn:hover{background: #F0DA72; color: #000000;}

  .shophome{/*background: #000000;*/ padding: 97px 0 1px; border-top: 1px solid #fff;}
  .shophome a{text-decoration: none;}
  .shophome h2{text-align: center; color: #FFFFFF; font-weight: 700; font-size: 24px; line-height: 29px; letter-spacing: 1.2px; margin-bottom: 60px;}
  .shophome .purplebtn{margin-top: 120px; display: inline-block; padding: 9px 25px;}
  .productbox{margin: 0 10% 120px;width: 80%;}

  .kingcontent{padding: 30px 0;}
  .kingcontent a{letter-spacing: 0;text-decoration: underline!important;color: #000;}
  .kingcontent a:hover{text-decoration: none!important;}

  .shophome .repeatwordsbanner h2{text-align: inherit;color: #000;font-weight: 700;font-size: 24px;line-height: initial;letter-spacing: 0;margin-bottom: 0;}

  #shophome .productbox {margin: 0 10% 60px; text-align: center;}
  #shophome.shophome .purplebtn{margin: 10px 0;}
  #shophome.shophome{padding: 80px 0; background-color: #fff;}
  #shophome.shophome h2, #shophome .productbox p.by, #shophome .productbox h3,#shophome .productbox span{color: #000!important}
  .buttonsinline .purplebtn{margin: 10px!important;}
  #shophome.shophome .purplebtn{background-color: #000000;border: 2px solid #000;}
  #shophome.shophome .purplebtn:hover{background-color: #EC38BC;border: 2px solid #EC38BC;}
  #shophome.shophome .productbox h3{min-height: auto;}

  .ancleclass{height: 0; opacity: 0;}

  .productbox img{width: 100%;height: 308px;margin: 0 0 6px;object-fit: contain;background: transparent;}
  .productbox p.by{color: #fff; font-size: 14px; line-height: 17px; font-weight: 300; margin: 0 0 6px;}
  .productbox h3{min-height: 70px; color: #fff; font-size: 15px; line-height: 20px; font-weight: 700; margin: 0 0 6px;}
  .productbox span{color: #fff; font-size: 16px; line-height: 20px; font-weight: 500; margin: 0;}
  
  .problembanner{/*background: #000000;*/ padding: 80px 0 0 ;}
  .problembanner h2{color: #FFFFFF; line-height: 29px; font-weight: 700; text-align: center; margin: 0 0 182px;}
  .problembanner h2{text-align: center;}
  .problembanner h3{font-size: 18px; line-height: 21px; font-weight: 700; margin: 0 0 12px; text-align: center; color: #fff;}
  .problembanner p{font-size: 14px; line-height: 20px; color: #FFFFFF; font-weight: 500; }
  .boxblackproblem{margin: 0 auto 138px; max-width: 261px; text-align: center;}
  .boxblackproblem svg{margin-bottom: 33px;}
  .pagemain .listsolution{padding: 100px 0 67px; background: #fff;}

  .pagemain .bannergrapichs{background: #fff; padding-top: 0;}
  .pagemain .bannergrapichs h2{  color: #0E0415; font-size: 24px; line-height: 29px; margin: 0 0 63px; font-weight: 700;}

  .exclusiveaccess .graphicsaccess .boxactivities{display: table-cell;vertical-align: middle;text-align: center;width: 228px;height: 196px;margin: 0 auto;}
  .exclusiveaccess .boxactivities{border: 4px solid #fff;margin-bottom: 60px;background: no-repeat;font-weight: 700;letter-spacing: 0;color: #000000;}
  .exclusiveaccess h3{text-align: center; font-size: 24px; line-height: 29px; color: #000000; letter-spacing: 0;  margin: 0 0 32px; font-weight: 700;}
  .exclusiveaccess p{color: #000000; font-size: 16px; line-height: 20px; max-width: 729px; margin: 0 auto 120px; letter-spacing: 0; text-align: center;}
  .exclusiveaccess .c_33{margin: 0 auto 60px;}

  .btnpurple{transition: 0.6s; background: transparent linear-gradient(180deg, #EC38BC 0%, #D655C2 100%) 0% 0% no-repeat padding-box;border-radius: 26px; color:#FFFFFF; font-size: 16px; line-height: 20px; font-weight: 700; padding: 15px 30px; text-decoration: none; letter-spacing: 0;}
  .btnpurple:hover{background: transparent linear-gradient(180deg, #D655C2 0%, #EC38BC 100%) 0% 0% no-repeat padding-box;}

  #shopify-section-template--16624122921191__main{/*background: #000000;*/border-top: 1px solid #fff;}
  #shopify-section-template--16624122921191__main .page-width{border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 0;}

  .authorproduct{color: #bfbfbf;font-size: 14px;letter-spacing: 0; line-height: 20px;margin: 38px 0 25px!important; }
  .authorproduct img{    width: 100%;height: auto;object-fit: cover;display: inline-block;margin: 0;position: relative;top: 0;max-width: 90px;}
  .authorproduct span{color: #EC38BC; font-size: 16px; font-weight: 500;position: relative;top: 3px;}

  .product__title{margin: 0!important;}
  .product__title h1{color: #000; font-size: 36px; line-height: 50px; font-weight: 700; margin: 0 0 16px;}
  .price__regular{color: #000; font-size: 24px; line-height: 30px; letter-spacing: 0; font-weight: 500; margin: 0 0 26px;}

  .js.product-form__input .form__label{color: #000; font-size: 16px; font-weight: 700; display: contents;}
  .product__tax {color: #000;margin: 0;}
  .product-form__input input[type=radio]+label {
      border: var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));
      background-color: transparent!important;
      color: #000!important;
      border-radius: var(--variant-pills-radius);
      color: rgb(var(--color-foreground));
      display: inline-block;
      margin: 0.7rem 0.5rem 0.2rem 0;
      padding: 5px!important;
      font-size: 15px!important;
      letter-spacing: .1rem;
      line-height: 18px!important;
      text-align: center;
      transition: border var(--duration-short) ease;
      cursor: pointer;
      position: relative;
      border: 1px solid #000!important;
      width: 30px;
      height: 30px;
  }
  .product-form__input input[type=radio]:checked+label {
      background-color: #BFBFBF!important;
      color: #000!important;
  }
  .garmentsbox{margin: 0 0 25px;}
  .garmentsbox svg path{stroke:#000;}
  .garmentsbox p{color: #000;font-size: 14px;letter-spacing: 0;font-weight: 300; display: inline-block; margin: 0 0 0 13px;position: relative;top: -14px;}
  .garmentsbox.twolines p{top: 0;}
  .garmentsbox svg{    position: relative;top: -9px;}
  .product-form__submit.button.button--full-width.button--primary{pointer-events: none; opacity: 0.4; background: #EC38BC 0% 0% no-repeat padding-box;border-radius: 6px; color:#fff; font-size: 18px; line-height: 21px;margin: 0 0 21px;}
  .product-form__submit.button.button--full-width.button--primary span{text-shadow: 0 0 #fff!important;font-size: 18px;letter-spacing: 0;text-transform: uppercase;font-weight: 700;}
  .quantity:before{background: #000000; border: 2px solid #fff; border-radius: 6px;}
  .cart-item__quantity .quantity:before{background: #000000; border: none; border-radius: 5px;}
  .quantity__input {color: #fff;font-size: 18px;font-weight: 500;}
  .quantity__button { font-size: 18px;color: #fff; font-weight: 500;}

  .product-form__submit.button.button--full-width.button--primary.activebtn{opacity: 1; pointer-events: initial;}

  .drrobinbanner{/*background: #000000;*/ text-align: center;}
  .drrobinbanner .container{border-left: 1px solid #fff; border-right: 1px solid #fff;padding: 60px 0;}
  .drrobinbanner h2{color: #fff; font-size: 36px; line-height: 44px; margin-bottom: 30px; font-weight: 700;}
  .drrobinbanner img{width: 32px; height: 32px; object-fit: cover; display: inline-block; margin: 0 auto 30px;}
  .drrobinbanner p{color: #fff; font-size: 18px; line-height:21px; max-width: 719px; margin: 0 auto;}

  .partnershippage{padding: 120px 0; text-align: center;}
  .partnershippage h1{color: #fff; font-size:24px; line-height: 29px; margin: 0 0 60px; text-align: center; font-weight: 700;}
  .partnershipsection img{margin: 20px 40px;width: 210px;height: 80px;object-fit: contain;display: inline-block;} 
  .boxlogo{display: inline-block;}

  .aboutpage .aboutbanner .table-cell{height: 600px; background: rgba(14, 4, 21, 0.22);}

  .blacktextbox{background: #000000; padding: 60px;border-bottom: 1px solid #fff;}
  .blacktextbox p{color: #fff;font-size: 16px;line-height: 20px;letter-spacing: 0;margin: 0 auto;text-align: center;max-width: 850px;}
  .twocolumnsabout img{width: 100%;height: auto;object-fit: contain;margin-bottom: -7px;}
  .twocolumnsabout{background: #000000; border-bottom: 1px solid #fff;}
  .twocolumnsabout .container{border-left: 1px solid #fff; border-right: 1px solid #fff;}
  .twocolumnsabout .repeatwordsbanner .container{border-left: none!important; border-right: none!important;}
  .twocolumnsabout .repeatwordsbanner span{color: #F0DA72;}
  .twocolumnsabout .repeatwordsbanner.pinkslash span{color: #EC38BC;}
  .aboutboxdescription p{color: #fff; font-size: 18px; letter-spacing: 0.09; line-height: 25px; padding: 0 58px; text-align: center; font-weight: 300;}
  .aboutboxdescription strong{font-size: 24px; line-height: 29px; letter-spacing: 1.2px; display: inline-block; margin-bottom: 12px;}
  .aboutboxdescription .table-cell{height: 526px; vertical-align: center;}

  .blacktextbox.aboutpagein{border-bottom: none;border-top: 1px solid #fff;}
  .blacktextbox.aboutpagein h2{font-size: 30px; line-height: 36px; color: #FFFFFF; margin: 0 auto 60px;font-weight: 700; text-align: center;}
  .blacktextbox.aboutpagein p{max-width: 729px; font-size: 18px; line-height: 21px; letter-spacing: 0.09;}

  .aboutpage{background: #000000; border-top: 1px solid #fff;}
  .aboutpage .bg-video-wrap {height: 750px;}
  .aboutpage .container.video video {position: absolute;min-height: 100%;top: -7%;}
  .aboutpage .overlay {background: rgba(14, 4, 21, 0.22);}

  .itemlist svg{display: inline-block; margin-right: 20px; }
  .itemlist p{color: #fff;font-size: 16px;line-height: 20px;margin: 0 0 38px;font-weight: 300;display: inline-block;letter-spacing: 0;}

  .aboutlist{padding: 60px 0 20px;}
  .aboutlist .container{max-width: 1000px;}

  .product__description.rte.quick-add-hidden{color: #BFBFBF; font-size: 14px; line-height: 17px; margin:0 0 28px;}

  .product-tags{margin: 0;}
  .product-tags p{margin: 0; font-size: 14px; color: #000; font-weight: 600;}

  .labelcheckbox{color: #000; font-size: 16px; line-height: 20px; font-weight: 700; display: inline-block;max-width: 400px;border: 1px solid #000;padding: 20px;margin-bottom: 10px;border-radius: 5px;}
  .instructions{color: #000;font-size: 14px;line-height: 17px;margin: 9px 0 28px;letter-spacing: 0;max-width: 300px;display: block;}

  .uploadbox{display: none;}
  .uploadbox.active{display: block;width: 80%; margin-bottom: 25px;}
  .uploadbox h2{color: #000; font-size: 16px; font-weight: 700; margin: 0 0 14px;}
  .boxpurple h3{background: #EC38BC 0% 0% no-repeat padding-box;border-radius: 4px 4px 0px 0px; padding: 12px 6px; color: #000; font-weight: 700; margin: 0;}
  .borderbox{border: 1px solid #BFBFBF; border-top: none; border-radius: 0px 0px 4px 4px; padding: 20px;}
  .borderbox p{margin: 0;}
  .borderbox label{color: #fff; font-size: 14px; }
  .tiptext{color: #000; font-size: 14px; margin: 10px 0 15px; letter-spacing: 0;}

  .circletip{display: inline-block;margin-right: 30px;}
  .circletip span{display: table-cell;color: #000;font-size: 14px;letter-spacing: 0; margin-left: 4px;}

  .hoverme {
    width: 25px;
    height: 25px;
    margin: 0;
    position: relative;
    background: #464646;
    border-radius: 25px;
    outline: 0;
    cursor: pointer;
    transition: all .3s ease;
    display: table-cell;
    max-width: 25px;
    max-height: 25px;
  }
  
  .hoverme p {
      position: relative;
      top: 40%;
      transform: translateY(-50%);
      color: #fff;
      text-align: center;
      font-size: 12px;
      font-weight: 700;
      margin:0;
  }
  
  .hoverme:hover {
    background: rgba(246, 246, 246, 0.3);
  }
  
  .hoverme:hover > .pop {
    z-index: 99999999;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    /* top: 0; */
    bottom: -500%;
    left: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 15px;
    /*z-index: 99999999;
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;*/
  }
  .hoverme:hover .idhover{color: #F15F79;}
  
  .pop {
    opacity: 1;
    width: 636px;
    height: 330px;
    background: #fff;
    z-index: -1;
    margin: auto;
    transition: all .3s ease;
    position: absolute;
    display: none;
    padding: 20px;
  }
  
  .pop > p {
    color: #353535;
    font-size: 20px;
  }

  .pop img{width: 100%; height: 100%;object-fit: cover;}
  .pop .text{height: 100%;}
  .pop .text .c_33{height: 100%;}
  .pop .text p{color: #000;font-size: 12px;font-weight: 300;text-align: left;margin: 0;letter-spacing: 0;}
  .pop .text ul{margin: 0 0 10px; padding-left: 10px;}
  .pop .text li{color: #000;font-size: 12px;font-weight: 300;text-align: left;margin: 0;letter-spacing: 0;}
  .pop .text h3{text-align: center;margin: 0 0 20px;font-weight: 500;letter-spacing: 0;}
  .photoindications{padding: 10px 10% 0;}
  .pop .text svg{width: 30px;height: 30px;position: relative;top: -30px;}

  .grid__item.product__media-wrapper{border-rigth: 1px solid #fff;}

  .form-group input {
      padding: 0;
      height: initial;
      width: initial;
      margin-bottom: 0;
      display: none;
      cursor: pointer;
    }
    
    .form-group label {
      cursor: pointer;
      position: relative;
    }
    
    .form-group label:before {
      content: "";
      -webkit-appearance: none;
      background-color: transparent;
      border: 4px solid #EC38BC;
      box-shadow: 0 1px 2px #0000000d, inset 0 -15px 10px -12px #0000000d;
      padding: 10px;
      display: inline-block;
      position: relative;
      vertical-align: middle;
      cursor: pointer;
      margin-right: 5px;
      float: right;
      border-radius: 4px;
    }
    
    .form-group label.active:after {
      content: "";
      display: block;
      position: absolute;
      width: 9px;
      height: 14px;
      border: solid #EC38BC;
      border-width: 0 3px 3px 0;
      transform: rotate(45deg);
      right: 34px;
      margin-top: -35px;
    }
    .form-group label.Backdrop-plain.active:after {
        content: "";
        display: block;
        position: absolute;
        width: 9px;
        height: 14px;
        border: solid #EC38BC;
        border-width: 0 3px 3px 0;
        transform: rotate(45deg);
        right: initial;
        margin-top: -23px;
        left: 10px;
    }

    .form-group.sizefields input{display: block!important;}
    .form-group.sizefields label:before{display: none!important;}

  .headermenuhb{position: absolute; top: 30px;}

  .descriptionproductcol{padding: 60px;}
  .descriptionproductcol h2{color: #fff; font-size: 36px; font-weight: 700; margin: 0 0 14px;}
  .descriptionproductcol p{font-size: 14px; line-height: 20px; color: #FFFFFF; margin: 0 0 30px;}
  .descriptionproductcol h3{font-size: 13px; line-height: 20px; color: #FFFFFF; margin: 0; font-weight: 700;}
  .descriptionproductcol span{font-size: 12px; line-height: 20px; color: #FFFFFF; margin: 0 0 14px; font-weight: 300; display: block;}

  .robindescriptionbanner{/*background: #000000;*/ padding: 60px 0 1px; text-align: center;}
  .robindescriptionbanner h2{color: #fff; font-size: 30px; line-height: 36px; font-weight: 700; margin: 0 0 60px;}
  .robindescriptionbanner p{color: #FFFFFF; font-size: 18px; line-height: 21px; letter-spacing: 0.09px; margin: 0 0 60px; font-weight:300;}
  .robindescriptionbanner .container{max-width: 729px; margin: 0 auto;}

  .cart-link__bubble--visible {
    top: 15px!important;
    width: 15px!important;
    height: 15px!important;
    color: #fff;
    font-size: 9px;
    text-align: center;
    background: #EC38BC;
    border-radius: 100%;
    position: relative;
    right: 20px;
  }
  .bagcounter svg{position: relative; top: -4px;}
  .bagcounter:hover path{fill: #D655C2;}
  .bagcounter:hover .cart-link__bubble--visible{background: #D655C2;}

  #mini-cart {
  width: 350px;
  position: absolute;
  right: 10px;
  top: 40px;
  z-index: 999;
  background: #f5f5f5;
  display: none;
  padding: 3px;
}

#mini-cart .td-image {
  width: 60px;
}

#mini-cart .count, #mini-cart .subtotal, #mini-cart .buttons {
  padding: 10px;
}

#mini-cart .subtotal {
  text-align: right;
  padding-right: 5px;
}
#mini-cart .subtotal .amount {
  display: inline-block;
  width: 85px;
  padding: 0 10px;
}
#mini-cart table tr, #mini-cart .count {
  border-bottom: 1px solid #ccc;
}
#mini-cart table td {
  border: none;
}

#mini-cart a {
  padding: 5px;
}
#mini-cart a.checkout {
  float: right;
  background: #000;
  color: #fff;
}

#mini-cart .td-price {
  width: 85px;
}

#mini-cart .item-price {
  float: right;
  margin-right: 5px;
}

  .header__icons .cart-count-bubble{position: relative;border: 1px solid #fff;display: inline-block;text-align: center;padding: 3px 2px;left: -8px;top: -22px;}
  .header__icons .icon.icon-cart{width: 45px; height: 45px;}
  .header__icons .icon.icon-cart path{stroke: #EC38BC;}

  .photoproduct {
    width: 100%;
    height: 308px;
    overflow: hidden;
    margin-bottom: 6px;
  }
  
  .photoproduct img {
    transition: transform 0.25s;
  }
  
  .photoproduct:hover img {
    transform: scale(1.1);
  }

  .retailbanner{background: #000000; padding: 120px 0; }
  .retailbanner h2{font-size: 24px; line-height: 29px; letter-spacing: 1.2px; margin: 0; font-weight: 600; text-align: center; color: #FFFFFF;}

  .fielddupload{display: none;}
  .btnplus {cursor: pointer; background: #171717;display: inline-block;padding: 1px;border-radius: 100%;width: 50px;height: 50px;text-align: center;margin: 61px auto;}
  .btnplus svg{position: relative; top: 9px;}
  .btnplus.hide{display: none;}
  #boximage1.active,#boximage2.active,#boximage3.active{display: block;}
  .borderbox input{color: #fff;}
  .product__tax.caption.rte{display: none;}
  .price.price--large.price--show-badge{margin-bottom: -25px;}

  .cart-notification-wrapper {position: initial!important;right: 0; top: 0; height: auto!important;}
  #cart-notification{width: 500px;right: 0;height: 100vh; z-index: 99; background: #fff;}
  .cart-notification__links .button{padding: 0!important; margin: 0!important;}
  .cart-notification__links .button--secondary {--color-button: inherit;--color-button-text: inherit;--color-button: inherit;--alpha-button-background: 1;}
  #cart-notification .cart-notification-product__image{margin-top: 0!important;}
  .cart-notification-product__name{letter-spacing: 0;}
  .cart-notification__links{position: fixed; bottom: 40px; width: 80%;}
  #cart-notification-form button{text-shadow: 0 0 #fff!important; background: #EC38BC 0% 0% no-repeat padding-box;border-radius: 6px;color: #fff;font-size: 18px;line-height: 21px;}
  #cart-notification-form button:after,#cart-notification-form button:before{position: initial; display: none;}
  .cart-notification__links a{ font-size: 18px!important;display: block;width: 100%;letter-spacing: 0;border: 1px solid #000;line-height: 45px;}
  .cart-notification__links .link {margin-top: 20px!important;letter-spacing: 0;}

  .cart__checkout-button.button:before, .cart__checkout-button.button:after{position: initial; display: none;}
  .cart__ctas button {width: 100%;border: 1px solid #000;}

  .password-modal.modal{display: block; position: initial; padding: 0; background: transparent;}

  .hdpass{background: #000;}
  .hdpass .underlined-link, .hdpass .customer a{color: #fff;}

  .labelfooterresponsive{display: none;}

  .linksmobil{display: none;}

  .section-template--16624122233063__cart-items-padding{margin-top: 80px!important;}

  .howitworkssection video{object-fit: contain; height: auto;}
  .howitworkssection .process{margin: 0; /*background-color: #000;*/ padding: 50px 0;}

  .newservicegrapichs .containerbtn{margin: 0 0 20px;}
  .newservicegrapichs .btn{text-align: left;}

  .bmodel.firstgrapich .boxactivities{margin: 0; min-height: auto; height: auto;    padding: 27px 20px;min-height: auto;font-size: 14px;text-align: center;color: #0e0415;font-weight: 700;}
  .bmodel.firstgrapich p{letter-spacing: 0;}
  .bmodel.firstgrapich.blackgraphic{/*background-color: #000;*/}
  .bmodel.firstgrapich.blackgraphic p{color: #fff;}

  .whitecart{background: #fff;}
  .section-template--16624122233063__featured-collection-padding {background: #fff;}

  .process.blackgra{/*background-color: #000;*/}
  .process.blackgra{margin:0; padding: 73px 0 150px;}
  .process.blackgra .newservicegrapichs .btn {text-align: left;background: transparent;color: #fff;}

  .slick-arrow{position: absolute;top: 50%;z-index: 999;cursor: pointer;width: 50px!important;height: 50px!important;min-height: 50px!important;}
  .slick-prev.slick-arrow{left: 0;}
  .slick-next.slick-arrow{right: 0;}

  .product__slider-main{height: 675px;}
  .product__slider-main img{width: 100%; object-fit: contain; }
  .product__slider-thmb img{width: 100%; object-fit: contain; height: 185px!important;}
  .product__slider-main .slide{margin: 0 auto 20px; }
  .product__slider-thmb .slide{margin: 0 10px 0;}
  .product__slider-main video{height: 675px!important;min-height: 675px;max-height: 675px;}
  .product__slider-main template{height: 675px;}
  /*.imgvideo{width: 100%!important;margin-top: -120px; height: 675px!important;}*/

  .product__slider-thmb .imgvideo{margin-top: -43px!important}
  .product__slider-thmb video{height: 185px!important; min-height: 185px; max-height: 185px;}

  #product__slider .slick-prev.slick-arrow,#product__slider .slick-next.slick-arrow{height: auto!important;}
  

.collection .gradient {background: transparent;}
.card .media.media--hover-effect>img:only-child, .card-wrapper .media.media--hover-effect>img:only-child {object-fit: contain;}
/*.media>*:not(.zoom):not(.deferred-media__poster-button), .media model-viewer{background-color: #000;}*/
.global-media-settings{background-color: #000;background-image: none; border: none; background-color: transparent;}
.full-unstyled-link {text-decoration: none;color: currentColor;display: block;/* color: #fff; */font-size: 14px;line-height: 20px;font-weight: 700;margin: 0 0 6px;text-align: center;}
.quantity__button:not(:focus-visible):not(.focused), .quantity__input:not(:focus-visible):not(.focused) {color: #000; background-color: #fff;}
.cart-item__quantity .quantity {background: #fff;}
.product-form__buttons .quantity__button:not(:focus-visible):not(.focused),.product-form__buttons .quantity__input:not(:focus-visible):not(.focused) {
    color: #000;
    background-color: inherit;
}

.tab {
  overflow: hidden;
  text-align: center;
}
.tabcontent {display: none;padding: 0;}
.tabcontent a{text-decoration: none;}
.tab button{cursor: pointer; font-weight: 600; background: transparent;color: #fff;border: 2px solid #EC38BC;padding: 10px;border-radius: 60px;margin: 0 10px 40px;}
.tab button.tablinks.active{background: #EC38BC;}
.tabcontent .productbox {text-align: center;}

.tabcontent a{text-decoration: none;}
.tabcontent .productbox {margin: 0 2% 80px;width: 96%; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 30px;overflow: hidden;}
.tabcontent .photoproduct {width: 100%;height: 400px;overflow: hidden;margin-bottom: 6px;}
.tabcontent .productbox img {width: 100%;height: 400px;margin: 0 0 6px;object-fit: cover;background: transparent;}
.tabcontent .contentproduct{padding: 10px 20px 15px; text-align: center;}
.tabcontent .productbox:hover h3{text-decoration: underline;}

.productimg-8278043623655,.productimg-8278041624807,.productimg-8301524287719 {object-fit: contain!important;}

.photoproduct.blancimg img{object-fit: contain!important;}

.buttons{padding: 40px 0;border-top: 1px solid #fff;}
.buttons .tab{overflow: visible;}
.buttons .tablinks{text-decoration: none; cursor: pointer; font-weight: 600; background: transparent;color: #fff;border: 2px solid #EC38BC;padding: 10px;border-radius: 60px;margin: 0 10px 40px;}
.buttons .tablinks:hover{background: #EC38BC;}

.product .wrapper .container{margin: 0;}

.waitingpage{padding: 120px 0 132px;}
.waitingpage .field{display: block;}
.waitingpage{/*background: #000;*/}
.waitingpage .formlabel{background: #000; padding: 0; font-size: 30px; text-align: center; line-height: 36px; color:#fff; margin-bottom: 54px;}
.waitingpage .newsletter-form{max-width: 682px!important;}
.waitingpage .newsletter-form__field-wrapper {max-width: 100%!important;}
.waitingpage input[type="email"]{text-align: center; color:#fff; border: 2px solid #EC38BC;border-radius: 8px;width: 100%;background: transparent;padding: 12px 10px;margin-bottom: 47px;}
.waitingpage .newsletter-form__button{
  display: inline-block;
    width: 100%!important;
    padding: 0;
    background: #D852C1!important;
    border-radius: 26px!important;
    padding: 0 0;
    max-width: 258px;
    height: 52px!important;
}
.waitingpage .newsletter-form__message {
    justify-content: flex-start;
    color: #fff;
}

.photoproduct.containimage{object-fit: contain;}

.boxabout{border-bottom: 1px solid #fff;}

.TableWrapper{display: block;overflow-x: auto;}

.pinkbanner{background-color: #ec38bc; padding: 20px 0; border: 3px solid #fff;border-bottom: 2px solid #fff;}
.pinkbanner p{color: #fff;margin: 0;font-size: 16px;line-height: 18px;text-align: center;letter-spacing: 0;}
.pinkbanner .purplebtn{text-align: center; background: #000; margin: 15px 0 0;}
.pinkbanner .purplebtn:hover{background: #EC38BC; border: 2px solid #000;}

.modalhome {
	display: none;
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-image: url('/cdn/shop/files/pt-gradient.png?v=1673976218');
    background-size: 100% 100%;
    width: 50%;
    height: auto;
    text-align: left;
    box-sizing: border-box;
    box-shadow: 0 0 20px #0003;
    border-radius: 5px;
    padding: 50px 30px;
    overflow-y: auto;
  border: 1px solid #fff;
}
 .modalhome.visible {
	 display: block;
}
 .modal__headerhome {
	 color: white;
	 background: #333;
	 line-height: 50px;
	 text-align: center;
	 position: relative;
	 height: 50px;
	 box-sizing: border-box;
}
.js-close-modalhome{
  position: absolute;
	 top: 10px;
	 right: 0;
	 text-decoration: none;
	 color: #ec38bc;
	 font-weight: bold;
	 display: block;
	 padding: 0 20px;
	 font-size: 16px;;
}
.modalhome li{color: #fff; margin: 0 auto 20px; font-size: 16px;line-height: 20px;font-weight: 500;letter-spacing: 0;}

.physicalhome .container {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 60px 0;
}
.physicalhome img{width: 100%;height: 575px;object-fit: contain;}
.physicalhome p{color: #fff;
    color: #fff;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 50px;
    max-width: 80%;
}
.physicalhome .purplebtn {
    max-width: 375px;
    width: 100%;
    display: inline-block;
    padding: 9px 0;
    text-align: center;
    margin: 10px 0;
}

.homedigitalbanner .purplebtn {
    max-width: 375px;
    width: 100%;
    display: inline-block;
    padding: 9px 0;
    text-align: center;
    margin: 10px 0;
}
.homedigitalbanner p{margin-bottom: 50px; text-align: left;}
.homedigitalbanner .container{border-left: 1px solid #fff;border-right: 1px solid #fff; padding: 60px 0;}
.homedigitalbanner  img {width: 100%;height: 532px;object-fit: contain;}
.homedigitalbanner .boxcontent .table-cell {height: 0;vertical-align: middle;padding-top: 60px;}

.video-container {
	 width: 100%;
	 margin: 0 auto;
	 position: relative;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
}
 .video-container .video-wrapper {
	 width: 100%;
	 height: 100%;
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .video-container video {
	 width: 100%;
	 height: 100%;
	 border-radius: 4px;
}
 .play-button-wrapper {
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 width: 100%;
	 height: auto;
	 pointer-events: none;
}
 .play-button-wrapper #circle-play-b {
	 cursor: pointer;
	 pointer-events: auto;
     z-index: 99999;
}
 .play-button-wrapper #circle-play-b svg {
	 width: 100px;
	 height: 100px;
	 fill: #fff;
	 stroke: #fff;
	 cursor: pointer;
	 background-color: rgba(0, 0, 0, 0.2);
	 border-radius: 50%;
	 opacity: 0.9;
}
  .accordion {
      margin-top: 0!important;
      margin-bottom: 28px!important;
      border: none!important;
  }
  .accordion {
    list-style: none;
    padding: 0;
  }
  
  .accordion .inner {
    overflow: hidden;
    display: none;
    width: 85%;
    background: transparent;
    padding: 10px 0;
    margin: 0;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    line-height: 17px;
  }
.accordion .inner span, .accordion .inner p, .accordion .inner ul li{color: #000!important; background: transparent!important; font-size: 14px!important; letter-spacing: 0!important; font-weight: 300!important;     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;}
  
  .accordion li {
    margin: 0.5em 0;
  }
  
  .accordion li a.toggle {
    width: 85%;
    display: block;
    background: transparent;
    color: #000;
    padding: 10px 0;
    border-radius: 0.15em;
    transition: background .3s ease;
    text-decoration: none;
    background-image: url('/cdn/shop/files/arrow-down-svgrepo-com_1.svg?v=1674592531');
    background-repeat: no-repeat;
    background-position-x: 93%;
    background-position-y: center;
    background-size: 30px;
    font-size: 16px;
  }
  
  .accordion li a.toggle:hover {
    
  }
  .accordion li a.toggle.active{
    background-image: url('/cdn/shop/files/arrow-up-1-svgrepo-com.svg?v=1674592728');
  }

.boxproducts{text-align: center;}
.boxproducts a{text-decoration: none;}
.boxproducts a:hover{text-decoration: none;}

.links, .linkshi{
  color: #FFFFFF;
}
.linkshi{color: #000000;}
.links {
    color: #000;
    text-decoration: underline!important;
    padding-left: 40px;
    margin: 15px 0 5px;
    display: inline-block;
}
.popups{    
    width: 300px;
    height: 300px;
    background: maroon;
    color: #FFFFFF;
    display: none;
}
.popups.actives{
    display: block;
    position: fixed;
    z-index: 9999;
    width: 80%;
    margin-left: 0;
    background-color: #fff;
    box-shadow: 0 0 1.5em #00000059;
    padding: 20px;
    border-radius: 5px;
    overflow-y: scroll;
    height: 90%;
    background-image: url(/cdn/shop/files/pt-gradient.png?v=1673976218);
    background-size: 100% 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.popupshi{    
    width: 300px;
    height: 300px;
    background: maroon;
    color: #FFFFFF;
    display: none;
}
.popupshi.actives {
    display: block;
    position: fixed;
    z-index: 9999;
    width: 85%;
    margin-left: 0;
    background-color: #fff;
    box-shadow: 0 0 1.5em #00000059;
    padding: 20px;
    border-radius: 5px;
    overflow-y: scroll;
    height: auto;
    background-image: url(/cdn/shop/files/pt-gradient.png?v=1673976218);
    background-size: 100% 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.popups table, .popupshi table{width: 100%; margin-bottom: 30px;    border: 1px solid #fff;}
.popups table td, .popupshi table td{color: #fff;border: 1px solid #fff;}
.closes{float: right;text-decoration: none;color: #EC38BC;font-weight: 700;}
.popups .tab-slider--nav{background: transparent;}
.popups .tab-slider--trigger{color: #fff;}

#labelphoto.disableclass{pointer-events: none;}

.header__icons .doubly-wrapper {margin-left: 0;padding: 0;position: relative; top: 12px;}
.header__icons .doubly-wrapper .doubly-nice-select .current {color: #fff !important;}
.header__icons .doubly-wrapper .doubly-nice-select::after {border-color: #fff !important;}

.blackbg h1,.blackbg h2, .blackbg p{color: #fff;}
.blackbg .purplebtn{color: #fff;}


.product--medium:not(.product--no-media) .product__media-wrapper, .product--small:not(.product--no-media) .product__info-wrapper {
    max-width: 40%!important;
    width: calc(40% - var(--grid-desktop-horizontal-spacing) / 2)!important;
}

.product--medium:not(.product--no-media) .product__info-wrapper, .product--small:not(.product--no-media) .product__media-wrapper {
    max-width: 55%!important;
    width: calc(55% - var(--grid-desktop-horizontal-spacing) / 2)!important;
}



.product .wrapper .container {margin: 0;width: 100%;}

.slider-button[disabled] .icon {
    color: #fff;
    cursor: not-allowed;
}
.slider-button--next .icon, .slider-button--prev .icon {
    color: #fff;
}

.slider-buttons {
  position: absolute; 
  top: 50%; 
  width: 100%; 
   z-index: 99999; 
  justify-content: space-between;
}
.slider-counter {
  display: none;
}

#shopify-section-template--16624122757351__main p, #shopify-section-template--16624122757351__main h1,#shopify-section-template--16624122757351__main h2,#shopify-section-template--16624122757351__main h3, #shopify-section-template--16624122757351__main .purplebtn{color: #fff;}

.boxespublications{padding: 80px 0; background: #FFF;}
.boxpublication {margin: 0 5% 50px;padding: 15px 10% 0;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 30px;min-height: 600px; transition: 0.8s;}
.boxpublication:hover{box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;transition: 0.8s;}
.boxpublication p{color: #000;letter-spacing: 0;text-align: center;}
.allcover{text-decoration: none!important;}
.boxpublication .featurepublication {width: 100%;max-width: 100%;height: 300px;object-fit: contain;}
.boxpublication .purplebtn{text-align: center;max-width: max-content;}

.backdrops{margin: 40px 0 0;}
.backdrops img{width: 100%;border: 1px solid #000;max-width: 100%;margin-bottom: 20px;}
.backdrops label{color: #000;font-size: 14px;letter-spacing: 0;}
.backdrops .form-group label:before{float: initial;}
.backdrops .form-group {text-align: left;}
.backdropbox{width: 90%;}
.backdropbox .form-group label.active:after {
    content: "";
    display: block;
    position: absolute;
    width: 9px;
    height: 14px;
    border: solid #EC38BC;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    right: initial;
    margin-top: 0;
    top: 5px;
    left: 10px;
}

.arsection .container {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 60px;
}
.arsection p{color: #fff;font-size: 16px;line-height: 20px;letter-spacing: 0;text-align: center;margin: 0 auto 32px;max-width: 506px;font-weight: 300;}
.boxvideo{margin: 0 0 40px;}
.boxvideo video{height: 400px;}
.arsection .purplebtn{margin-top:30px;}

.stepjourney{padding: 60px 0;}
.stepbox{text-align: center;margin-bottom: 70px;}
.stepbox h2{color: #EC38BC;}
.stepbox p{color: #fff;font-size: 16px;line-height: 20px;letter-spacing: 0;text-align: center;font-weight: 300;max-width: 80%;margin: 0 auto 25px; min-height: 60px;}
.stepbox img{width: 100%;height: 500px;object-fit: contain;}

.ttext{color: #000!important; font-size: 24px!important;line-height: 29px!important;letter-spacing: 1.2px;margin-bottom: 32px!important;font-weight: 700!important;}
.ptext{color: #000;font-size: 16px!important;line-height: 20px!important;letter-spacing: 0!important;margin: 0 0 32px!important;font-weight: 300!important;max-width: 70%;}
.copycollections{padding-top: 0px;}

.userjourney h3{color: #fff;line-height: 29px;font-weight: 700; margin: 60px 0; font-size: 24px; text-transform: uppercase;}

.process .titleprocess{color: #fff;line-height: 29px;font-weight: 700;margin: 0 0 60px;font-size: 24px;text-align: center;text-transform: uppercase;}

.tab-slider--nav {
    width: 100%;
    float: left;
    margin-bottom: 0;
    border-top: 1px solid #000;
    background: #fff;
}
.tab-slider--tabs {
  /*display: block;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  border-radius: 35px;
  overflow: hidden;
  background: #fff;
  height: 35px;
  user-select: none;*/
  padding: 0;
}
.tab-slider--tabs:after {
  /*content: "";
    width: 50%;
    background: #000;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .25s ease-in-out;
    border-radius: 35px;
    border: 1px solid #fff;*/
}
.tab-slider--tabs.slide:after {
  left: 50%;
}
.tab-slider--trigger {
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  padding: 11px 20px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  display: inline-block;
  transition: color 250ms ease-in-out;
  user-select: none;
  border: 2px solid #000;
  border-radius: 60px;
}
.tab-slider--trigger.active {
  color: #fff;
  background-color: #000;
}
.tab-slider--body {
  margin-bottom: 0px;
  display: none;
}

.tab-slider--body.active{display: block;}

.ttab-slider--nav {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.ttab-slider--tabs {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  border-radius: 35px;
  overflow: hidden;
  background: #fff;
  height: 35px;
  user-select: none;
}
.ttab-slider--tabs:after {
  content: "";
    width: 50%;
    background: #000;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .25s ease-in-out;
    border-radius: 35px;
    border: 1px solid #fff;
}
.ttab-slider--tabs.slide:after {
  left: 50%;
}
.ttab-slider--trigger {
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  padding: 11px 20px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  display: inline-block;
  transition: color 250ms ease-in-out;
  user-select: none;
}
.ttab-slider--trigger.active {
  color: #fff;
}
.ttab-slider--body {
  margin-bottom: 20px;
}

.launcpartybox{padding: 60px 0; }
.launcpartybox h1{color: #fff;font-size: 24px; line-height: 29px;font-weight: 700;margin: 0 0 40px;}
.launcpartybox p{    color: #fff;font-size: 18px;letter-spacing: 0.9px;line-height: 25px;font-weight: 300;max-width: 90%;}

.bannerhome .table-cell{height: 1000px;}
.bannerhome .table-box{vertical-align: top; background-position: top;}
.bannerhome .table-cell h1{color: #FFFFFF; font-weight: 600;font-size: 60px;}
.bannerhome .table-cell p{color: #000;letter-spacing: 0;font-size: 16px;line-height: 20px;margin: 0 0 50px;max-width: 100%;}
.bannerhome .table-cell .purplebtn{text-align: center; background-color: #000000; border: 2px solid #000; margin-bottom: 20px;}
.bannerhome .table-cell .purplebtn:hover{background-color: #EC38BC; border: 2px solid #EC38BC;}

 
.bannerhome.rosebanner .table-cell h1{font-family: "Poppins", serif;font-size: 42px;line-height: 55px;font-weight: 400;color: #000;}
.bannerhome.rosebanner .table-cell span{color: #EC38BC;}
.bannerhome.rosebanner .table-cell{vertical-align: top!important; padding-top: 85px;}
.bannerhome.rosebanner .table-cell .purplebtn {font-family: "Poppins", serif;}

.phybanner p{
  color: #fff;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    max-width: 500px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: left;
}
.wearebanner.sustainabilitybanner p {
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0px;
    max-width: 80%;
    text-align: left;
    margin: 0 auto;
    text-align: center;
  font-weight: 500;
}

.artryon p{color: #fff;font-size: 20px;line-height: 25px;letter-spacing: 0px;max-width: 50%;margin: 0 auto 80px;text-align: center;font-weight: 500;}
.arbox .purplebtn {text-align: center;width: 100%;max-width: 100%; margin: 30px 0;}
.arbox{max-width: 90%;margin: 0 auto;}

.artryon .container {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 60px 0;
}
button.back-to-top{
  margin: 0 !important;
  padding: 0 !important;
  background: #fff;
	height: 0px;
  width: 0px;
  overflow: hidden;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
  color: transparent;
	clear: both;
  visibility: hidden;
  position: fixed;
  cursor: pointer;
  display: block;
  border: none;
  right: 50px;
	bottom: 75px;
  font-size: 0px;
  outline: 0 !important;
  z-index: 99;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
button.back-to-top:hover,
button.back-to-top:active,
button.back-to-top:focus,{
  outline: 0 !important;
}
button.back-to-top::before,
button.back-to-top::after {
  content: "";
    display: block;
    vertical-align: middle;
    border-bottom: solid 10px #000;
    border-left: solid 10px transparent;
    line-height: 0;
    border-right: solid 10px transparent;
    height: 0;
    margin: 18px auto 0;
    width: 0;
  border-radius:20px;
  visibility: hidden;
}
button.back-to-top.show::after,
button.back-to-top.show::before{
  visibility: visible;
}
button.back-to-top::after {
  border-bottom-color:#fff;
      position: relative;
  top:-24px;
}
button.back-to-top.show {
  display: block;
  background: #fff;
  color: #00ab6c;
  font-size: 25px;
     right: 42px;
    bottom: 87px;
  height: 50px;
  width: 50px;
  visibility: visible;
	box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
}
button.back-to-top.show:active {
  box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
}

.videofitrx p{color: #fff; text-align: center;}
.videofitrx{padding: 60px 0;}

.gradient.policyback{background: none!important; background-color: #fff;}
.policyback p {
    color: #373E29;
    font-size: 14px;
    line-height: 17px;
    font-weight: 300;
    letter-spacing: 0;
    margin-bottom: 25px;
}
.policyback strong {
    display: block;
    margin-bottom: 15px;
    font-weight: 700;
    color: #000000;
}
.policyback .shopify-policy__container{padding: 50px 0 80px;}

.boxtryon{position: relative; height: 30px;}
.boxtryon a{
    background-color: #fff;
    color: #000;
    display: inline-block;
    padding: 5px 18px;
    border-radius: 100px;
    z-index: 999999;
    border: 1px solid #000;
    margin-top: 35px;
    position: absolute;
    left: 64%;
    font-size: 16px;
    font-weight: 600;
    line-height: 12px;
    color: #000;
    letter-spacing: 0;
}
.boxtryon.inactive{height: 30px;background-color: transparent; border: none;pointer-events: none;}
.boxtryon a:hover{background-color: transparent;border: 1px solid #EC38BC;}

.boxtryon.soldout{pointer-events: none;}
.boxtryon.soldout a{margin-top: 50px; left: 35px;}


.lslider img {
  width: 100px;
  height: 50px;
  animation: scroll 20s linear infinite;
  position: relative;
  top: 5px;
  object-fit: contain;
}

.lslide-track {
  width: 100%;
  display: flex;
  gap: 8em;
  overflow: hidden;
}

.lslider {
  background-color: #fff;
}

.lslider.homelslider{background-color: #f5f5f5; padding: 10px 0;}

@keyframes scroll {
  0% {transform: translateX(0);}
  100% {transform: translatex(-1000%)}
}

.whiteproducts {background-color: #fff;}
.whiteproducts  .productbox p.by, .whiteproducts .productbox h3, .whiteproducts .productbox span {
    color: #000!important;
}

.whiteproducts .productbox h4{margin: 1px 0 7px; color: #000000; font-size: 25px; line-height: 30px; letter-spacing: 0.07px;}
.whiteproducts span.freespan, .freespan span.money {color: #000!important; font-size: 25px!important;}
.footermenu.mobilefooter{display: none;}

.whosepress{background: #fff;}

.landingmeta{background: #FFF;}
.metabanner{padding: 60px 0; }
.metabanner h1{font-family: "Poppins", serif; color: #000; margin-top: 135px; font-size: 40px;}
.metabanner span{color: #EC38BC;}
.circleicon{display: inline;width: 50px!important;margin-top: -20px;position: relative;top: 12px;margin-left: 15px; height: auto!important;}
.metabanner p{font-weight: 600; color: #000; letter-spacing: 0;}
.metabanner img{width: 100%;}
.metabanner .purplebtn{font-family: "Poppins", serif; background: #000; text-align: center; border: 2px solid #000!important; }
.metabanner .purplebtn:hover{background: #EC38BC!important; border: 2px solid #EC38BC!important;}

.metabanner.secondmeta h2{font-family: "Poppins", serif; color: #000; text-align: right; font-size: 40px; margin-top: 80px;}
.metabanner.secondmeta p{text-align: right;}
.metabanner.secondmeta img{height: 600px; object-fit: contain;}
.icoimage{margin-left: 110px;margin-top: 40px;}

.homeslidermobile{display: none;}
.homeslidermobile img{width: 100%;}
.homeslidermobile .table-cell h1 {font-family: "Poppins", serif;font-size: 28px;line-height: 36px;font-weight: 400;color: #000;}
.homeslidermobile .table-cell .purplebtn{font-family: "Poppins", serif; text-align: center;background-color: #000000;border: 2px solid #000;margin-bottom: 20px;}
.homeslidermobile .table-cell .purplebtn:hover {background-color: #EC38BC;border: 2px solid #EC38BC;}
.homeslidermobile .table-cell span {color: #EC38BC;}

.byac{color: #000;}

.greyheader{background-color: #fff;}
.greyheader header{background-color: #fff; padding: 40px 0 0px;}
.greyheader .pinkbannertop{background-color: #EC38BC; cursor: pointer;}
.greyheader .pinkbannertop p{text-align: center;color: #fff;margin: 0;padding: 5px 0;letter-spacing: 0;font-weight: 300;}
.greyheader .menumain{text-align: center;}
.greyheader .menumain ul{padding: 0; margin: 0;}
.greyheader .menumain ul li{display: inline-block; list-style: none; margin: 0 10px;}
.greyheader .menumain ul li a{font-size: 16px;line-height: 20px;font-weight: 300;letter-spacing: 0;color: #000;text-decoration: none;text-transform: uppercase;}

.greyheader .menumain ul {  
  padding: 0; 
  list-style: none; 
  display: table;
  width: 100%;
  text-align: center;
}
.greyheader .menumain li { 
  display: table-cell; 
  position: relative; 
  padding: 15px 0;
}
.greyheader .menumain ul li a {
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0;
  
  display: inline-block;
  padding: 15px 20px;
  position: relative;
}
.greyheader .menumain ul li a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #000;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.greyheader .menumain ul li a:hover:after { 
  width: 100%; 
  left: 0; 
}

.greyheader .header__icons{display: block;}
.greyheader .header .cart-notification-wrapper{position: initial!important;}

.greyheader .header__icons .icon.icon-cart path {stroke: #000!important;}
.greyheader .header__icons a{text-decoration: none!important;}

#demo-2 input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
#demo-2 input::-webkit-search-decoration,
#demo-2 input::-webkit-search-cancel-button {
	display: none; 
}
#demo-2 input[type=search] {
	background: #fff url(/cdn/shop/files/search-svgrepo-com.png?v=1682538368) no-repeat 9px center;
	padding: 9px 10px 9px 32px;
	width: 55px;	
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
      background-size: contain;
    background-position: center;
    border: none;
}

#demo-2 input[type=search] {
	width: 10px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
#demo-2 input[type=search]:hover {
	background-color: #fff;
    background-position: 0;
}
#demo-2 input[type=search]:focus {
	width: 90%;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
    background-position: 0;
}
#demo-2 input:-moz-placeholder {
	color: transparent;
  background-position: 0;
}
#demo-2 input::-webkit-input-placeholder {
	color: transparent;
  background-position: 0;
}

.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.overlay {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.overlay h2 {
    background: #000 none repeat scroll 0 0;
    color: tan;
    font-weight: 600;
    margin: 2rem 3rem 0;
    mix-blend-mode: overlay;
    padding: 5px 15px;
    text-align: center;
}
.overlay h1{font-size: 42px;line-height: 55px;font-weight: 400;color: #fff;text-transform: uppercase; margin-bottom: 55px;}
.overlay p{color: #fff;letter-spacing: 0;font-size: 20px;line-height: 30px;margin: 0 0 20px;max-width: 100%;}
.overlay .purplebtn{text-align: center;background-color: #fff; border: 2px solid #fff;margin-bottom: 20px; color: #000;}
.overlay .purplebtn:hover{background-color: #000;border: 2px solid #fff; color: #fff;}

.sectionvideo.sectionvideomobile{display: none;}

.bannerimageabout .table-cell{height: 600px; text-align: center;}
.bannerimageabout .table-cell h1{color: #fff;}
.bannerimageabout .table-cell p{color: #fff;font-size: 16px;letter-spacing: 0;line-height: 22px;text-align: center;font-weight: 300;}
.bannerimageabout .table-cell .container{max-width: 610px;}

.misionvision{background-color: #fff; padding: 80px 0; text-align: center;}
.misionvision .container{max-width: 780px;}
.misionvision p{letter-spacing: 0;}

.proceessvideo{background-color: #fff; padding: 0px 0 80px; text-align: center;}
.proceessvideo .container{max-width: 1000px;}
.proceessvideo h2{margin: 0;text-align: left;letter-spacing: 0;font-weight: 600;text-transform: uppercase;}
.accormain{background-color: #fff;}
.accormain .container{margin: 0 auto;}
.inneraccormain{background: #EC38BC;border-radius: 15px;padding: 30px; max-width: 600px; margin: 0 auto;}
.inneraccormain .descriptiontext{letter-spacing: 0;font-size: 12px;text-align: center;color: #000;}
.inneraccormain .titletext{letter-spacing: 0;font-weight: 600;text-align: center;}

.list {
  margin: 50px 0 0;
  overflow: hidden;
  padding: 0;
}
.list li {
  list-style-type: none;
  padding: 0;
}
.list li:first-child .list-heading{border-top: solid 1px #F2F2F2;}
.list-heading {
  background: #EC38BC;
  border: none;
  border-bottom: solid 1px #F2F2F2;
  cursor: pointer;
  display: block;
  outline: none;
  padding: 2em;
  position: relative;
  text-align: left;
  width: 100%;
  margin: 0;
}
.list-heading:hover{background: rgba(var(--color-foreground),.04);}
.list-heading:before {
  background: #000;
  content: '';
  height: 2px;
  margin-right: 37px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: rotate(-90deg);
  transition: all 0.2s ease-in-out;
  width: 14px;
}
.list-heading:after {
  background: #000;
  content: '';
  height: 2px;
  margin-right: 37px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 14px;
}
.list-heading.active:before {
  transform: rotate(0deg);
}
.list-heading h2, .list-heading.active h2, .list-heading:focus h2 {
  position: relative;
  color: #000;
  letter-spacing: 0;
  margin: 0;
}
.list-text {
  background: initial;
  display: none;
  overflow: hidden;
  padding: 0 25px;
}
.list-text p{letter-spacing: 0;}
.list-heading.active{border-bottom: 1px solid transparent;}

.sectioncontact{padding: 80px 0; text-align: center; background: #fff;}
.sectioncontact h2{margin: 0;text-align: center;letter-spacing: 0;font-weight: 600;text-transform: uppercase;}
.sectioncontact p{letter-spacing: 0;}
.sectioncontact .purplebtn:hover{color: #000;}

.aboutvideo{background: #fff;}

.desinghomebanner .productbox {
    margin: 0 7% 60px!important;
    text-align: center!important;
    width: 85%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 30px;
    overflow: hidden;
}
.desinghomebanner .photoproduct {
    width: 100%;
    height: 445px;
    overflow: hidden;
    margin-bottom: 6px;
}
.desinghomebanner .productbox img {
    width: 100%;
    height: 100%;
    margin: 0 0 6px;
    object-fit: cover;
    background: transparent;
}

.layoutproducts{background-color: #fff;}
.layoutproducts .container{border-left: 1px solid #000;border-right: 1px solid #000; padding: 0 60px 60px;border-top: 1px solid #000;padding-top: 60px;}
.layoutproducts h2{text-align: center; text-transform: uppercase; margin: 0;}
.layoutproducts a{text-decoration: none;}
.layoutproducts .productbox {margin: 0 2% 0px;width: 96%; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 30px;overflow: hidden;}
.layoutproducts .photoproduct {width: 100%;height: 400px;overflow: hidden;margin-bottom: 6px;}
.layoutproducts .productbox img {width: 100%;height: 400px;margin: 0 0 6px;object-fit: cover;background: transparent;}
.layoutproducts .contentproduct{padding: 10px 20px 15px; text-align: center;}
.layoutproducts .productbox:hover h3{text-decoration: underline;}

.layoutproducts.homelayout{border: none; border-top: none; border-right: none; border-left: none; padding: 60px 0 90px;}
.layoutproducts.homelayout .container{max-width: 1400px; border: none; padding: 0;}

.digitalprowhosetrade{background-color: #fff;}
.digitalprowhosetrade img{width: 100%; height: 400px; object-fit: contain;}

.byaccollection .comingsoonbanner h2 {
    color: #000;
    font-size: 50px;
    line-height: 60px;
    margin: 0 0 50px;
    font-weight: 600;
}

#shopify-section-template--16732251357415__main{background: #fff!important;}
#shopify-section-template--16732250833127__main{background: #fff!important;}
#shopify-section-template--17063414300903__main{background: #fff!important;}
#shopify-section-template--17063414235367__main{background: #fff!important;}

.boxproducts{padding-top: 30px;}
.boxproducts .productbox {margin: 0 2% 80px;width: 96%; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 30px;overflow: hidden;}
.boxproducts .photoproduct {width: 100%;height: 400px;overflow: hidden;margin-bottom: 6px;}
.boxproducts .productbox img {width: 100%;height: 400px;margin: 0 0 6px;object-fit: cover;background: transparent;}
.boxproducts .contentproduct{padding: 10px 20px 15px; text-align: center;}
.boxproducts .productbox:hover h3{text-decoration: underline;}

.hyperlink{ display: inline-block; color: #fff; text-decoration: underline; font-size: 13px;}
.hyperlink:hover{text-decoration: none;}

.hyperlink.bighyper{font-size: 16px;}

.referbanner{background-color: #f0f0f0; padding: 60px 0;}
.mailtoclass{color: #000;text-decoration: none;display: inline-block;letter-spacing: 0;font-weight: 300;margin: 20px 0 0;}
.referbanner .sociallinks{margin-top: 30px;}
.mailtoclass:hover{text-decoration: underline!important;}
#greyboxform .field{display: block; text-align: left;}
#greyboxform .field h2{margin-top: 0!important;}

.methodpay img{height: 35px;min-width: 100%;border: 1px solid #dde1e4;border-radius: 5px;}
.allpay{display: flex;}
.allpay .Polaris-LegacyStack__Item_yiyol{margin: 0 10px;}
.allpay .Polaris-LegacyStack__Item_yiyol:first-child{margin-left: 0!important;}

.whitefooter{padding: 60px 0;}
.whitefooter h2{font-size: 12px;line-height: 20px; font-family: "Poppins", serif;margin: 0 0 15px;font-weight: 600;letter-spacing: 0;}
.whitefooter ul li a {letter-spacing: 0;color: #000;font-size: 12px;line-height: 15px;font-weight: 300;text-decoration: none!important;}
.whitefooter ul li a:hover{color: #000!important; text-decoration: underline!important;}

.hyperlinks{margin: 20px 0 40px;}
.hyperlinks a{color: #000; text-decoration: underline; letter-spacing: 0; font-size: 16px;letter-spacing: 0;}
.hyperlinks a:hover{text-decoration: none!important; color: #000;}

.readybanner{font-family: "Poppins", serif;}
.readybanner h1,.readybanner h2, .readybanner h3, .readybanner h4, .readybanner h5{font-weight: 700;}
.readybanner p, .readybanner li{font-weight: 600}
.readybanner h1,.readybanner h2, .readybanner h3, .readybanner h4, .readybanner h5,.readybanner p, .readybanner li {font-family: "Poppins", serif; letter-spacing: 0;}
.readybanner .table-cell{height: 600px; vertical-align: top;}
.readybanner .formready{max-width: 500px; background-color: #fff; height: 100%; height: 600px;}

.blackimagesection{background-color: rgb(18, 18, 18); padding: 80px 0;}
.blackimagesection img{width: 100%; height: 290px; object-fit: contain;}
.divrighttext{max-width: 400px;margin: 30px auto;}
.divrighttext h2{color: #fff;}
.divrighttext p{color: #fff;}

.nftcolumns h3{text-align: center; color: #191919; font-size: 38px; line-height: 45px; padding: 60px 0; margin: 0;}
.singlebenefit img, .singlebenefit video{width: 100%;max-width: 100%;height: 100%;max-height: 100%; object-fit: contain;margin-bottom: -8px; background: #fff;}
.blackimage{background-color: #000; width: 100%; height: 550px;}
.nftcolumns video{object-fit: contain; margin-bottom:0px}

.nftcolumns{background-color: #fff;}

.twocolumnking{background-color: #fff;}

.singlebenefit .table-cell{height: 100%; vertical-align: middle;text-align: center;}
.singlebenefit .table-cell h2{letter-spacing: 1.5px; max-width: 358px; margin: 0 auto;color: #000;}

.benefitdescriptiondiv{padding: 60px 0;}
.benefitdescriptiondiv h3{color: #191919; font-size: 24px; line-height: 29px; letter-spacing: 0; max-width: 904px; margin: 0 auto 60px; padding: 0; font-weight: 600;}
.benefitdescriptiondiv a{color: #191919; font-size: 24px; line-height: 29px; letter-spacing: 0; display: inline-block; text-decoration: none!important; font-weight: 700;}

.behindcollection{background-color: #212121; padding: 60px 0 40px;}
.behindcollection h2{color: #fff; text-align: center;}
.behindbox{text-align: center;padding: 0 50px;}
.behindbox img{width: 100%; max-width: 250px; height: 120px; object-fit: contain;}
.behindbox h4, .behindbox p{color: #fff;}
.behindbox h4{font-size: 21px; line-height: 25px; letter-spacing: 1.05px; font-weight: 700; margin: 25px 0;}
.behindbox p{font-family: "Poppins", serif; font-size: 16px; line-height: 21px; letter-spacing: 0; font-weight: 300;}
.behindcollection h5{color: #fff;font-size: 24px;line-height: 29px;letter-spacing: 0;padding: 60px 0 50px;text-align: center;margin: 0;}

.stayconnected .sociallinks li{background: #fff;padding: 10px 0px;border-radius: 100%;text-align: center; margin-left: 40px;}
.stayconnected p{color: #fff; font-family: "Poppins", serif; font-size: 16px; line-height: 21px; letter-spacing: 0; font-weight: 300;}
.stayconnected .sociallinks li:first-child a {padding-left: 10px!important;}

.sidebarimagepage{background: #fff; padding: 60px 0;}
.sidebarimagepage .container{max-width: 800px;}
.sidebarimagepage img{width: 100%;height: 100%;object-fit: cover;min-height: 450px;}
.sidebarimagepage h1{margin-top: 0;}

.sidebarimagepage .videoproduct {margin-top: 50px;}

.artryon{background-color: #fff;}
.artryon .container {border-left: 1px solid #000;border-right: 1px solid #000;padding: 60px 0;}
.artryon p{color: #000;}

.benefitcolsmobile{display: none;}
.benefitcolsdesktop .singlebenefit .table-cell{height: 500px; padding: 0 12%}
.benefitcolsdesktop .singlebenefit img,.benefitcolsdesktop .singlebenefit video{height: 500px; }
.benefitcolsdesktop .singlebenefit img{object-fit: cover;}



.crownicon{display: block;width: 100%;height: 70px;object-fit: contain;margin-top: 50px;}

.behindcollection.topbannerblack{padding: 60px 0;}
.behindcollection.topbannerblack h5{padding-top: 0;}
.behindcollection.topbannerblack .purplebtn:hover {color: #fff;}

#email_71704035{width:100%}

.customisationpage{background: #fff; padding: 0 0 60px;}
.customisationpage video{height: 400px; object-fit: contain;}
.customisationpage .needsclick {display: block!important;}
.customisationpage .needsclick img{display: block!important; margin: 0 auto;}
.customisationpage #email_71726186{width: 100%;}

.sectiontextvideo{margin-bottom: 40px; padding: 60px 0 0;}

.skinspage{background: #fff;}

.twocolumnking b{display: inline-block;
    width: 100%;
    font-size: 20px;
    margin: 0;
    padding: 0;
    line-height: 30px;}
.twocolumnking h1{margin: 0;}

.divtitle{background: #fff;padding: 60px 0 0;}
.divtitle h3{text-align: center; margin: 0;}

.featureshome{background: #fff; padding: 80px 0 0}
.featureshome h2{text-align: center; text-transform: uppercase; font-weight: 700;}
.featureshome .featurehomebox svg{width: 15px; height: 15px; display: inline-block;}
.featureshome .featurehomebox h3{display: inline-block; font-weight: 700;letter-spacing: 0;margin: 0;}
.featureshome .featurehomebox p{color: #000;letter-spacing: 0;font-size: 16px;line-height: 20px; margin: 0;}
.featurehomebox{min-height: 130px;background-color: #f0f0f0; padding: 20px; border-radius: 30px;max-width: 98%;margin: 0 auto 10px;}

.loginicon{width: 30px;height: 30px;position: relative;top: -12px;margin-left: 10px;}

.gradient.whiteback{background: #FFFFFF;}
.gradient.whiteback .customer.login,.gradient.whiteback .customer.register,.gradient.whiteback .customer.reset-password{border: 1px solid #000;border-radius: 10px;padding: 20px;background: #f0f0f0;}

.loginaccount{position: relative; top: -12px;}
.loginaccount.homeicondefault{top: -3px;}

.section-template--16732249817319__featured-collection-padding{background-color: #fff;}
.section-template--16732249817319__featured-collection-padding .card-information{text-align: center;}

.thrediumsection{display: none;}

#cart-notification .product-option:nth-child(n+2){display: none;}
.cart-item__details .product-option:nth-child(n+2){display: none;}

.cart-item__details .product-option.activealways{display: block!important;}

.fimg{height: 615px;object-fit: cover!important;width: 100%;}

.measurebox .garmentsbox svg {position: relative;top: -3px;}
.measurebox .garmentsbox .fsvg {top: 6px!important;}
.measurebox a{color: #000000; text-decoration: underline;}

.form-group.sizefields label{display: block; font-size: 14px; line-height: 17px; letter-spacing: 0.28px; font-weight: 700; margin: 0 0 7px;}
.form-group.sizefields input {display: block!important;width: 90%;max-width: 100%;padding: 10px 5px;margin-bottom: 20px;}

#blancdeblancpage.readybanner .formready {max-width: 100%;height: auto;border-radius: 15px;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
#blancdeblancpage.readybanner .table-cell {height: 400px;vertical-align: middle;}
#blancdeblancpage .behindcollection p, #blancdeblancpage .behindcollection a{color: #fff;}
.blancvideomobil{display: none;}
#blancdeblancpage .formready form{max-width: 100%!important;}

.uploadbox.blancbox{display: block!important;}
.uploadbox.blancbox .borderbox input {color: #000;}

.accordion__header {
	width: 100%;
    display: block;
    background: transparent;
    color: #000;
    padding: 20px 0;
    border-radius: 0.15em;
    transition: background .3s ease;
    text-decoration: none;
    background-image: url(/cdn/shop/files/arrow-down-svgrepo-com_1.svg?v=1674592531);
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: center;
    background-size: 30px;
    font-size: 16px;
}
.accordion__header > * {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
}
.accordion__header.is-active {background-image: url(/cdn/shop/files/arrow-up-1-svgrepo-com.svg?v=1674592728);}

.accordion__toggle {
	margin-left: 10px;
	height: 3px;
	background-color: #222;
	width: 13px;
	display: block;
	position: relative;
	flex-shrink: 1;
	border-radius: 2px;
}

.accordion__toggle::before {
	content: "";
	width: 3px;
	height: 13px;
	display: block;
	background-color: #222;
	position: absolute;
	top: -5px;
	left: 5px;
	border-radius: 2px;
}

.is-active .accordion__toggle {
	background-color: #fff;
}
.is-active .accordion__toggle::before {
	display: none;
}


.accordion__body {
	display: none;
	border-top: 0;
}
.accordion__body.is-active {
	display: block;
  padding-top: 15px;
}

.labelinfo{font-weight: 300!important;letter-spacing: 0;font-size: 14px!important;}

.nftbuttons{text-align: center; margin-top: 80px;}

.testimonialbox{background: #000; padding: 80px 0;}
.testimonialbox .slick-slide{position: relative!important;}
.testimonialbox h4,.testimonialbox h3,.testimonialbox p{color: #FFF;}
.testimonialbox svg{width: 100px;height: 100px;position: absolute;top: 50%;opacity: 0.2;}
.testimonialbox h4{font-size: 20px;letter-spacing: 0;font-weight: 700;}
.testimonialbox p{font-size: 14px;letter-spacing: 0;line-height: 25px;}
.testimonialbox h3{font-size: 14px;font-weight: 700;line-height: 15px;margin: 30px 0 0;}
.singletestimonial{width: 80%; margin: 0 auto;}
.openq{left: 100px;top: 50px!important;}
.closeq{right: 100px; bottom: 10px;}

.testimonialbox .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 999;
    cursor: pointer;
    width: 50px!important;
    height: 50px!important;
    min-height: 50px!important;
    border-radius: 100%;
    border: none;
    opacity: 0.8;
    background-color: #fff;
    color: #000;
}
.testimonialbox .slick-arrow:hover{opacity: 1;}

.testimonialbox .slick-prev.slick-arrow {left: 10%!important;}
.testimonialbox .slick-next.slick-arrow {right: 10%!important;}

.page-width.productcontainer {padding: 36px 0!important; max-width: 100%!important; background: #fff;}
.productcontainer .slick-arrow{opacity: 0.2; transition: 0.6s;}
.productcontainer .slick-arrow:hover{opacity: 1; transition: 0.6s;}

.productcontainer .banner-slider .slider.slider-for video{object-fit: contain;}
.container.boxproducts{padding-left: 0!important; padding-right: 0!important;}

.homehowitworks{background-color: #FFFFFF; padding: 52px 0;}
.homehowitworks svg{width: 20px;height: 20px;display: inline-block;position: relative;top: 2px;}
.homehowitworks h2{font-size: 17px; line-height: 23px; color: #000000; display: inline-block; margin: 0 0 5px 7px; font-weight: 700;letter-spacing: 0;}
.homehowitworks p{font-size: 16px;color: #000000;letter-spacing: 0;line-height: 20px;margin: 0 0 22px;border-bottom: 1px solid #000;padding: 0 0 22px;}
.homehowitworks .nftbuttons{margin: 31px 0 0;}
.homehowitworks img{width: 100%;height: 525px;object-fit: contain;}
.homehowitworks .container, .container.bigcontainer{max-width: 1400px;}
.homehowitworks .icon img{width: 20px; height: 20px; display: inline-block;}

.collection.section-template--17063413973223__featured-collection-padding{background-color: #FFF!important;}

.greyfooter{background-color: #F0F0F0; padding: 96px 0 92px;}
.greyfooter .blackbutton{max-width: 166px;width: 100%;text-align: center;margin: 0;}
.greyfooter .blackbutton.newsletter-form__button.field__button{margin-top: 15px; background: #000!important;color: #fff!important;font-size: 16px;font-weight: 400;max-width: 166px;width: 100%!important;border: none;}
.greyfooter .blackbutton.newsletter-form__button.field__button:hover{background-color: #fff!important; color: #000!important;}
.greyfooter h3{font-size: 14px; line-height: 18px; letter-spacing: 0; font-weight: 700; margin: 0 0 5px;} 
.greyfooter #PhygitalTwin-logo_pink{width: 90%;height: auto;margin: 0 0 80px;}
.linkmail{color: #000000!important; font-size: 14px; font-weight: 300; display: inline-block; margin: 0 0 57px; text-decoration: none!important;}
.linkmail:hover{text-decoration: underline!important;}
.sociallogos a{display: inline-block;border: 1px solid #000;width: 63px;height: 63px;text-align: center;position: relative;margin-left: -6px;border-right: none;}
.sociallogos a:last-child{border-right: 1px solid #000;}
.sociallogos svg{width: 20px;height: 20px;position: relative;top: 20px;}
.sociallogos{margin: -10px 0 0 6px;}
.referfriend{margin-top: 154px}
.greyfooter p{font-size: 14px;letter-spacing: 0;line-height: 18px;margin: 0;}
.toph3{margin-top: 63px!important;}
.greyfooter input[type="email"]{width: 100%;background: transparent;border: none;border-bottom: 1px solid #000;padding: 12px 10px;margin-top: 14px;}

.linkedinlink{top: 15px;}
.linkedinlink svg{width: 35px;height: 35px;position: relative;top: 11px;}

.discordlink svg{width: 28px;height: 28px;position: relative;top: 18px;}
.discordlink{top: 8px;}

.sociallogos a:hover{background-color: #000; transition: 0.6s;}
.sociallogos a:hover path, .sociallogos a:hover circle, .sociallogos a:hover line,.sociallogos a:hover #Rectangle_19{fill: #fff;}

.sociallogos.productfooter .discordlink {top: 4px;}
.sociallogos.productfooter .linkedinlink {top: 7.5px;}

.pagecustomservices .multirow-block #row1 .col .title {margin-bottom: 0!important;border-bottom: 1px solid #000!important;padding-bottom: 25px!important;}

.homeslider.homebanner .overlay{background: rgba(0, 0, 0, 0.5);}
.homeslider.homebanner h3{color: #fff; font-size: 16px; letter-spacing: 0.07px; font-weight: 600; margin: 0;}
.homeslider.homebanner h1{color: #fff; font-size: 40px; letter-spacing: 0.12px; margin-bottom: 14px; font-weight: 600; max-width: 456px; margin-top: 0; text-transform: capitalize; line-height: 45px;}
.homeslider.homebanner p{color: #fff; font-size: 21px; letter-spacing: 0.06px; font-weight: 400; margin-bottom: 72px; font-weight: 400; max-width: 388px;}
.homeslider.homebanner .purplebtn{border: none; background-color: #000;color: #fff;font-size: 20px;letter-spacing: 0.06px;max-width: max-content;padding: 7px 30px;}
.homeslider.homebanner .purplebtn:hover{background-color: #fff; color: #000;}
.homeslider.homebanner .btntransparent{border: 2px solid #fff;border-radius: 33px;padding: 5px 21px;color: #fff;text-decoration: none;font-size: 16px;letter-spacing: 0.05px;font-weight: 600;display: inline-block;}
.homeslider.homebanner .btntransparent:hover{background-color: #000; color: #fff;}

.sectionvideo.sectionvideomobile{background-color: #fff; text-align: center;}
.sectionvideo.sectionvideomobile .overlay{background: rgba(14, 4, 21, 0.3);}
.sectionvideo.sectionvideomobile h3{color: #000000; font-size: 16px; letter-spacing: 0.07px; font-weight: 600;}
.sectionvideo.sectionvideomobile h1{color: #000; font-size: 40px; letter-spacing: 0.12px; margin-bottom: 14px; font-weight: 600; max-width: 100%;}
.sectionvideo.sectionvideomobile p{color: #000; font-size: 21px; letter-spacing: 0.06px; font-weight: 400; margin-bottom: 72px; font-weight: 400; max-width: 100%;}
.sectionvideo.sectionvideomobile .purplebtn{border: none; background-color: #000;border: 2px solid #000; color: #fff;font-size: 20px;letter-spacing: 0.06px;max-width: max-content;padding: 7px 30px;}
.sectionvideo.sectionvideomobile .purplebtn:hover{background-color: #fff; color: #000; border: 2px solid #000;}
.sectionvideo.sectionvideomobile .btntransparent{margin-bottom: 30px; margin-top: 18px; border: 2px solid #000;border-radius: 33px;padding: 5px 21px;color: #000;text-decoration: none;font-size: 16px;letter-spacing: 0.05px;font-weight: 600;display: inline-block;}
.sectionvideo.sectionvideomobile .btntransparent:hover{background-color: #000; color: #fff; border: 2px solid #000;}
.sectionvideo.sectionvideomobile img{height: auto!important;}

.sectionvideo.sectionvideomobile.whosebanner h1, .sectionvideo.sectionvideomobile.whosebanner p{color: #fff;}

.sectionvideo.whosebannerdesktop h1, .sectionvideo.whosebannerdesktop p{text-shadow: 3px 0px 7px rgba(255, 255, 255, 0.2), -3px 0px 7px rgba(8255, 255, 255, 0.2), 0px 4px 7px rgba(255, 255, 255, 0.2)}
.sectionvideo.whosebannerdesktop .overlay{background: rgba(14, 4, 21, 0.3);}
.sectionvideo.sectionvideomobile.whosebanner img{height: 100%!important;}

.image-container {
    width: 100%;
    height: auto;
    position: relative;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(253, 187, 45, 0) 100%);
    background-size: cover; /* Ajusta la imagen de fondo al tamaño del contenedor */
    background-position: center; /* Asegura que la imagen esté centrada */
}

.image-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Asegura que la imagen cubra el contenedor sin distorsión */
}

.go681896951 {display: none !important;}
/*.needsclick.kl-private-reset-css-Xuajs1{display: none!important;}*/

.tax-note.caption-large.rte{display: none}

.greymenu{background-color: #fafafa;}

.linkterms{font-size: 12px;text-decoration: none;color: #fff;padding-left: 10px;}
.linkterms:hover{text-decoration: underline;}

.home-krestel{background: #fff; padding: 80px 0;}
.home-krestel .container{max-width: 1400px; border: none; padding: 0;}
.home-krestel .three-collections img{border-radius: 20px;}
.home-krestel .three-collections h4{margin: 15px 0 0px; color: #000000; font-size: 25px; line-height: 30px; letter-spacing: 0.07px;}
.home-krestel .three-collections a{text-decoration: none;}
.home-krestel .collection-card img {width: 100%; height: 600px!important; object-fit: cover; object-position: top; display: block; border-radius: 20px; transition: box-shadow 0.3s ease; box-shadow: none;}
.home-krestel .collection-card:hover img {box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);}
.home-krestel p{font-size: 16px;color: #000000;letter-spacing: 0;line-height: 20px;}

#shopify-section-template--19588454023399__main{background: #FFF;}

  /*Responsive FDRY*/
  @media(max-width: 1182px){
    .artryon .c_33 {width: 50%;}
    .arbox .purplebtn { margin: 30px auto 60px!important;width: 100%!important;}
  }
  @media(max-width: 1175px){
    .problemsbox .c_25{width:50%;}
  }
  @media(max-width: 1170px){
  	.bannerbig h2 {font-size: 120px;line-height: 140px;}
  }
  @media(max-width: 1130px){
    .whitefooter .c_40{width: 100%!important;}
    .whitefooter .c_15{width: 25%!important;}
  }
  @media(max-width: 1120px){
    .vipsection .c_50{width: 100%;}
    .vipsection .purplebtn.goldbtn {margin-bottom: 60px;}
    .vipsection video{height: auto;}
    .vipsection svg {margin: 10px 0!important;}
    .vipsection .btngold{margin-bottom: 0px!important; margin-top: 0!important;}

    .vipsection br{display: none;}
  }

  @media(max-width: 1100px){
    .layoutproducts.homelayout .c_25{width: 50%;}
    .digitalprowhosetrade .c_25{width: 50%;}
  }

  @media(max-width: 1085px){
  	.tablegrapichs .c_50 {width: 100%;margin: 0;}
  }
  @media(max-width: 1060px){
    .comingsoonbanner .c_60{width: 100%;}
    .comingsoonbanner .c_40{width: 100%;}
    .comingsoonbanner{text-align: center;}
    .titlecomingbanner {padding-top: 0px;}
    .comingsoonbanner img {margin-top: 50px;}
    .textbannercom{max-width: 100%;}

    .physicalhome .c_60, .physicalhome .c_40{width: 100%;}
    .physicalhome p {max-width: 100%;text-align: center;}
    .textphysical{text-align: center;}
    .physicalhome img {margin-top: 50px;}

    .homedivs video{margin-top: 40px;}

    .ptext{max-width: 100%;}

    .textbannercom p {max-width: 100%;text-align: center;}
  }
  @media(max-width: 1050px){
    
    .boxteam {flex-basis: calc(33% - 20px);box-sizing: border-box;text-align: center;}

    #footersection svg{display: inline-block;margin: 0 0 50px;}
    .list-social__item svg{margin: 50px 0 0!important;}

    .footermenu.mobilefooter{display: block; text-align: center;}
    .footermenu.desktopfooter{display: none;}
    .column.center{text-align: center;}
    .leftcolmenu ul li{text-align: left;}
    .rightcolmenu ul li{text-align: left;}
    footer ul li {list-style: none;margin-bottom: 10px;}

    .newsletter-form__field-wrapper .c_40, .newsletter-form__field-wrapper .c_60{width: 100%;}
    
    .stayconnected .list-social__item svg {margin: 0px 0 0!important;}
  }
  @media(max-width: 1030px){
  	.bannerbig h2 {font-size: 100px;line-height: 120px;}
  }
  @media(max-width: 1000px){
    .linkterms {font-size: 12px;color: #000;padding-left: 0; margin-bottom: 50px; display: inline-block;}
    .whiteproducts .c_50{width: 100%;}
    .whiteproducts .c_50 .productbox{margin-bottom: 30px;}
    
    .product--medium:not(.product--no-media) .product__media-wrapper, .product--small:not(.product--no-media) .product__info-wrapper {
        max-width: 90%!important;
        width: calc(100% - var(--grid-desktop-horizontal-spacing) / 2)!important;
    }
    
    .product--medium:not(.product--no-media) .product__info-wrapper, .product--small:not(.product--no-media) .product__media-wrapper {
        max-width: 90%!important;
        width: calc(100% - var(--grid-desktop-horizontal-spacing) / 2)!important;
    }
    .page-width.productcontainer {
    /* padding: 36px 0!important; */
        max-width: 90%;
        padding-right: 5%;
        padding-left: 5%;
    }
    
    .textheader{display: none!important;}
    .header__heading, .header__heading-link {justify-self: left; width: auto; padding: 0;}
    .header{grid-template-columns: 0;}
    
    #mainbanner .c_30{width: 100%;}
    
    .howitworks .c_25{width: 50%;}
    .howitworks .workbox{margin-bottom: 40px;} 
    
    .bannerbig h2:nth-child(2){margin-left:0;}
    .bannerbig h2:nth-child(3){margin-left: 0;}
    .bannerbig h2{text-align: center;  margin: 0!important;}
    
    .roadmap .c_10, .roadmap .c_90, .roadmap .c_25, .roadmap .c_50{width: 100%;}
    .roadmap h4{margin-bottom: 30px;}
    
    .process .c_10{display: none;}
    .process .c_90{width: 100%;}
    
    .bannerbig h2 {font-size: 80px;line-height: 100px;}
    
    .process .c_25 {width: 100%;margin-top: 0!important;}
    .process svg{display: none;}
    .process .containerbtn{margin: 0 0 28px!important;}
    .process .c_90 {padding: 0!important; width: 100%;}
    .process .c_47,.process .c_5 {width: 100%;}
    
    .grapichdesktop{display: none;}
    .mobilegrapich{display: block;}
    .process h4{margin-bottom: 20px;text-align: center;display: inline-block;position: relative;top: -31px;margin-left: 25px;}
    
    .mobilegrapich .boxtimeline,.mobilegrapich .boxactivities{margin-right: 0;}

    .featuredrepeater p{padding: 0 5%;}

    .featureimage img {width: 100%;height: auto;object-fit: contain;margin-bottom: -8px;}

    .pagevf .mainimage {width: 100%;height: auto;object-fit: contain;margin: 0 0 -8px;}

    .boxespublications .c_33 {width: 50%;}
    .boxpublication p {min-height: auto;text-align: center;}

    .bannerdrbanner .c_50{width: 100%;}
    .copycollections {padding-top: 0; margin-bottom: 50px;}

    .metabanner .c_40 {width: 100%;}
    .metabanner .c_60 {width: 100%;}
    .metabanner h1{margin-top: 0px;}
    .metabanner .purplebtn{margin-bottom: 50px
    .icoimage{margin-left: 0!important;margin-top: 40px;}

    .featureshome .c_50{width: 100%;}
    .featurehomebox {min-height: auto;max-width: 100%;margin: 0 auto 10px;}
  }

  @media(max-width: 1000px){
    .homehowitworks .c_48 {width: 100%;}
    .homehowitworks .c_4 {width: 100%;}
    .homehowitworks img {width: 100%;height: auto;object-fit: contain;}

    .whiteproducts .c_33{width: 100%;}

    .greyfooter .c_40 {width: 100%;text-align: center;}
    .greyfooter .c_60{width: 100%;}
    .greyfooter #PhygitalTwin-logo_pink {width: 400px;height: auto;margin: 0 auto 80px;display: block;}
    
    .overlay {
      min-height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: end;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: end;
    }
    .overlay h1{ font-size: 35px;line-height: 40px;   text-shadow: 3px 0px 7px rgba(255,255,255,0.2), -3px 0px 7px rgba(8255,255,255,0.2), 0px 4px 7px rgba(255,255,255,0.2);}
    
    #shopify-section-template--16624122921191__main .page-width {border-left: none;border-right: none;padding: 0;}

    .stepjourney .c_50 {width: 100%;}
    .stepbox p{min-height: auto;}

    .homeslider{display: none!important;}
    .homeslidermobile{display: block;}

    .sectionvideo.sectionvideomobile{display: block;}
    .sectionvideo.sectionvideomobile .overlay{text-align: center!important;}

    .singlebenefit .c_50{width: 100%;}

    .benefitcolsmobile .singlebenefit .table-cell {height: 150px!important;vertical-align: bottom;padding-bottom: 30px;}

    .benefitcolsdesktop{display: none;}
    .benefitcolsmobile{display: block;}

    .twocolumnking .benefitcolsdesktop{display: block!important;}
    .twocolumnking .benefitcolsdesktop .c_50{width: 100%;}
    .benefitcolsdesktop .singlebenefit .table-cell {height: auto;padding: 0 0%;}
    .twocolumnking .benefitcolsdesktop .singlebenefit img,.twocolumnking .benefitcolsdesktop .singlebenefit video {
    height: auto;margin: 50px 0;}

    .featureshome .c_50{width: 100%;}
    .featurehomebox {min-height: auto;max-width: 100%;margin: 0 auto 10px;
  }

  @media(max-width: 989px){
    .doubly-nice-select.slim{margin-right: 65px;}
  }

  @media(max-width: 910px){
    .greyheader{display: none;}
    #header-box{display: block;background-color: #fff;background-image: none;}

    .header__icons .icon.icon-cart path {stroke: #000;}

    .internalmenu{background-color: #fff;}
    .internalmenu ul li a{color: #000;}
    .mailto{color: #000;}
    .internalmenu .sociallinks svg path, .internalmenu .sociallinks svg rect {fill: #000;}
    .closemenu svg {position: relative;top: 3px;right: -7px;}
    .link, .customer a{text-decoration: none!important;}
    .openmenu svg{position: relative;top: 3px;}

    .home-krestel {padding: 15px 0;}
  }

  @media(max-width: 900px){
    .testimonialbox .slick-prev.slick-arrow {left: 0%!important;}
    .testimonialbox .slick-next.slick-arrow {right: 0%!important;}
    
  	.visualise .container {max-width: 100%;width: 95%;margin: 0 auto;}
    
    .twocols .c_47, .twocols .c_50 {width: 100%;}
    .twocols.c_5 {width: 100%;}
    .twocols .column.c_50.rcol {padding-left: 0;}
    .features h3{margin-top: 50px;text-align: center;}
    .features p{max-width: 100%;margin: 0 0 100px;text-align: center;}
    .boximage{height: 500px;}
    
    .twocols.digitalreal .boximage.first-child {border-bottom-left-radius: 0;border-top-left-radius: 0;}
    .twocols.digitalreal .boximage.last-child {border-bottom-right-radius: 0;border-top-right-radius: 0;}
    
    .imgbannermobile{display:block;}
    .imgbannerdesktop{display: none;}
    .visualise img{height: 100%;object-fit: cover;}

    .newsletter-form__field-wrapper .field {z-index: 0;display: block;}

    .problembanner .c_25 {width: 50%;}
    
    #formfooter input[type=email]{border: 1px solid #000;}

    .sidebarpage .c_30{display: none;}
    .sidebarpage .c_70{width: 100%;}
    .contentpages .TableWrapper{width: 100%;height: auto;overflow: scroll;}
    .contentpages table{width: 1000px;border-style: initial;}

    .boxblackproblem {margin: 0 auto 70px;max-width: 261px;text-align: center;}
    .problembanner h2 {margin-bottom: 70px;}

    .launcpartybox .c_60, .launcpartybox .c_40{width: 100%;}
    .launcpartybox p{max-width: 100%;}
    .launcpartybox video{margin-top: 60px;}

    .shophome .c_25 {width: 50%;}

    .referbanner .c_50{width: 100%;} 
    #footersection svg {display: inline-block;  margin: 0 0 0;}
    .mailtoclass {margin: 20px 0 50px;}

    .whitefooter .c_50{width: 100%;}
    .allpay {display: flex;justify-content: center;}
    .whitefooter .c_40{text-align: center;}
    
    .blackimagesection .c_50{width: 100%;}
    .divrighttext {text-align: center;}

    .closeq {
    right: 10px;
    bottom: 10px;
}

    .openq {
    left: 10px;
    top: 50px!important;
}
  }

  @media(max-width: 870px){
    .comparativeimages .c_48 {width: 100%;}
  }
  
  
  @media(max-width: 800px){
    .teamtreecol .c_33 {width: 100%;margin: 0;}
    .teamtreecol .c_33.rowcol4, .teamtreecol .c_33.rowcol5, .teamtreecol .c_33.rowcol6 {width: 100%;margin: 0;}
    
    .twocols .c_49 {width: 100%;}
    .twocols .c_2 {width: 100%;}
    .features h3{margin-left: 0;}
    .features p{margin:0;}
    
    .mobilecols{display: block;}
    .desktopcols{display:none;}
    
    .bannertitle .c_50{width: 100%;}
    
    .boxteam {flex-basis: calc(50% - 20px);box-sizing: border-box;text-align: center;}

    

    

    .featuredrepeater .c_50, .phybanner .c_50{width: 100%;}

    .twocolumnsabout .c_50 {width: 100%;}

    .aboutboxdescription .table-cell {height: auto;padding: 30px 0;}

    .boxcontent .table-cell {height: auto;padding: 90px 0 0;}
    .featuredrepeater img {width: 100%;height: 600px;object-fit: cover;margin-bottom: -8px;}

    .drrobinbanner p {margin: 0 5%;}

    .wearebanner .c_50 {width: 100%;}
    .wearebanner img{margin-bottom: 37px;}

    .featuredrepeater p{text-align: center;}

    .wearebanner p{text-align: center;}

    .boxcontent{margin-bottom: 40px;}

    .artryon .c_33 {width: 100%;}

    .behindcollection .c_50{width: 100%;}
    .behindcollection .c_50.right{text-align: center;}

    .sectiontextvideo .c_50{width: 100%;}
  }

  @media(max-width: 794px){
    .nftbuttons .purplebtn{margin: 10px 0;}
  }
  @media(max-width: 770px){
    .business .bannerbig h2{font-size: 30px!important;line-height: 35px!important;}
    .bmodel .c_30{width: 100%;}
    .bmodel .c_2{width: 100%; text-align:center;}
    .bmodel .c_2 svg{width: 20px;height: 20px;transform: rotate(90deg);margin-bottom: -5px;}
    
    .mmodel .c_30{width: 100%;}
    .mmodel .c_5{width: 100%; text-align:center;}
    .mmodel .c_5 svg{width:40px; height:40px; transform: rotate(90deg);}

    .bmodel.firstgrapich .c_2, .bmodel.firstgrapich svg{display: none;}
    .bmodel.firstgrapich .boxactivities{position: initial!important; margin: 0 0 28px!important;}

    .bmodel.firstgrapich.blackgraphic{padding-bottom: 0px!important;}
  }

  @media(max-width: 750px){
    .contentblack .container {width: 90%;}

    .descriptionproductcol {padding: 60px 0;width: 90%;margin: 0 auto;}
    .product__info-wrapper.grid__item{margin: 0 5%; width: 90%;}

    .product--small:not(.product--no-media) .product__media-wrapper {max-width: 100%!important;width: 100%!important;}
    .product__slider-main { height: auto;}

    .accordion li a.toggle{width: 100%;}

    .product__media-wrapper slider-component:not(.thumbnail-slider--no-slide) {margin-left: 0!important;margin-right: 0!important;}

    .home-krestel .three-collections{display: block!important;}
    .home-krestel .collection-card{margin-bottom: 30px;}
    .home-krestel .collection-card img{object-position: bottom;}
  }

  @media(max-width: 749px){
    .doubly-wrapper{margin-top: 11px!important;}
    .doubly-nice-select.slim {margin-right: 0;}
    .header__icons .doubly-wrapper{top: 0;}

  }

  @media(max-width: 700px){
    .greyfooter .c_70, .greyfooter .c_30 {width: 100%;}
    .greyfooter .blackbutton.newsletter-form__button.field__button {max-width: 100%;}
    .greyfooter .blackbutton {max-width: 100%;width: 100%;text-align: center;margin: 10px 0 0;}
    
    .listsolution .c_33{width:100%;}
    .boxsolution li{max-width: 100%;}
    
    .videodesktop{display: none;}
    .videomobile{display: block}
    
    .container.video video {position: absolute;min-height: 160%;top: -60%;}

    .shophome .c_33{width: 100%;}
    .productbox {margin: 0 10% 50px;width: 80%;}

    .shophome .c_25 {width: 100%;}

    .photoproduct {width: 100%;height: 500px;overflow: hidden;margin-bottom: 6px;}
    .productbox img {width: 100%;margin: 0 0 6px;object-fit: contain;height: 100%;}

    .videomobile video{position: initial!important;object-fit: contain;}
    .bg-video-wrap {height: auto;}

    .container.boxproducts .c_33 {width: 50%;}

    .popups table, .popupshi table {overflow-x: scroll;width: 800px;}

    .bannerhome .table-cell br{display: none;}

    footer ul li a {letter-spacing: 0;color: #bfbfbf;font-size: 14px;line-height: 14px;font-weight: 300;text-decoration: none!important;}

    .whiteproducts .c_33{width: 100%;}
    .layoutproducts .container {border-left: 1px solid #000;border-right: 1px solid #000;padding: 60px 0 60px;}

    .sidebarimagepage .c_55,.sidebarimagepage .c_5, .sidebarimagepage .c_40 {width: 100%;}

    .shophome.desinghomebanner .c_50{width: 100%;}

    .blancvideodesktop{display: none;}
    .blancvideomobil{display: block;}

    .sidebarimagepage .c_65{width: 100%;}
    .sidebarimagepage .c_30 {width: 100%;}
     

  }

  
  @media(max-width: 670px){
    .comingsoonbanner h2 {font-size: 45px;line-height: 50px;}
    
  }

  @media(max-width: 600px){
    .greyheader .c_33{width: 100%; text-align: center;}
    #PhygitalTwin-logo_pink{margin: 10px 0;}
    .greyheader header {background-color: #fff;padding: 20px 0 0px;}

    .readybanner .formready{height: auto;}

    .boxespublications .c_33, .boxespublications .c_50 {width: 100%;}
    .boxpublication {margin: 0 0 50px;padding: 15px 10% 15px!important;min-height: auto;}

    .whitefooter .c_15 {width: 50%!important;}
    .whitefooter h2{margin: 30px 0 15px;}

    .layoutproducts.homelayout .c_25{width: 100%;}
    .digitalprowhosetrade .c_25{width: 100%;}
  }

  @media(max-width: 500px){
    .greyfooter #PhygitalTwin-logo_pink {width: 80%;height: auto;margin: 0 auto 40px;display: block;}
  }

  @media(max-width: 470px){
    #greyboxform .c_80,#greyboxform .c_20 {width: 100%;}
    #formfooter input[type=email] {width: 100%;max-width: 100%;}
  }
  @media(max-width: 460px){
    .purplebtn {max-width: 100%!important;width: 90%!important;display: inline-block;padding: 9px 0;text-align: center;margin: 10px 5%!important;}
  }

  .iconsright{display: none;}
  @media(max-width: 650px){
    .internalmenu {padding: 120px 10% 0;max-width: 100%;width: 100%; overflow-y: scroll;}
    .iconsright{display: block;}
    .iconsright svg{width: 30px;height: 30px;margin: 0 0 0 20px;}

    .internalmenu {padding: 30px 10% 0;max-width: 100%;width: 100%;}

    .closemenu{position: initial;}

    .headermenuhb{margin-bottom: 66px;  position: initial;}

    .lastmenu {position: initial;}
    .internalmenu .sociallinks {position: initial;width: 100%;}
    .internalmenu .sociallinks .c_65,.internalmenu .sociallinks .c_35{width: 100%; text-align: center;margin: 12px 0;}

    .container {width: 90%;max-width: 1400px;margin: 0 auto;display: block;}

    .orderphoto .c_20 {width: 100%;margin-bottom: 50px; }
    .orderphoto h3{margin-bottom: 10px;}

    .linksmobil{display: block;}
    .linksdesktop{display: none;}

    .comingsoonbanner .titlecomingbanner p{top:0;}
    .titlecomingbanner img.authorimg{display: block;}
    .titlecomingbanner img.authorimg{position: relative;top: 0px!important;margin: 0 auto;}
    .titlecomingbanner .imgfitfetch {margin-top: 0!important;margin-bottom: 30px!important;position: relative;top: 0;}
    .titlecomingbanner br{display: none;}
    .comingsoonbanner.bannerdrbanner .imgfitfetch {margin-top: 0!important;margin-bottom: 30px!important;position: relative;top: 0;}

    .aboutboxdescription p{padding: 0 5%;}
    .blacktextbox {background: #000000;padding: 60px 5%;border-bottom: 1px solid #fff;}

    .overlay h1 {font-size: 28px;line-height: 40px;font-weight: 400;color: #fff;}

    .overlay p {font-size: 14px;line-height: 24px;}
  }

  @media(max-width: 630px){
    #mainbanner .buttondegrade{display: block;margin: 0 auto 30px;}
  }
  @media(max-width: 605px){
  	footer .linkscontact {display: block;margin: 0;}
    
    .mmodel.small .c_30 {width: 100%;}
  }
  @media(max-width: 600px){
    .whitefooter {padding: 30px 0;}
  	.howitworks .c_25{width: 100%;}
    
    .bannercontentcenter{top: 50%;}
    
    .mission .c_50{width:100%;}
    
    .howitworks {padding: 60px 0;}
    .howitworks h2{margin-bottom: 60px;}
    .howitworks .buttondegrade {margin-top: 0;}
    
    .visualise {padding: 60px 0 0;}
    
    .mobilecols .boximage {height: 400px;background-size: 100% 100%;background-repeat: no-repeat;}
    .mobilecols video {min-height: 400px;height: 400px;}

    .repeatwordsbanner .c_50{width: 100%; }
    .repeatwordsbanner h2{text-align: center;margin: 20px 0;}

     .problembanner .c_25 {width: 100%;}

    .comingsoonbanner .titlecomingbanner p {font-size: 20px;line-height: 70px;}

    .itemlist .c_5 {width: 10%;}
    .itemlist .c_95 {width: 90%;}

    .pagemain .bannertitle {margin: 50px 0!important;}
    .pagemain .bannertitle .table-cell h2{margin-bottom: 50px!important;}
    .pagemain .bannertitle .table-cell h3 {margin: 0 0 50px;}
    .boxblackproblem {margin: 0 auto 50px;max-width: 261px;text-align: center;}
    .problembanner {padding: 50px 0 0;}

    .pagemain .listsolution {padding: 50px 0 50px;}
    .bannergrapichs {padding: 50px 0 8px;}

    .business .bmodel{padding: 50px 0!important;}
    .business.secondbanner{padding: 50px 0!important;}
    .process {margin: 20px 0 22px;}

    .contentpages li {overflow: hidden}

    .wearebanner p {text-align: center;padding: 0 5%;}

    .modalhome{width: 95%;}

    .repeatwordsbanner .c_50.right{display: none;}

    .bannerhome .table-cell br{display: none;}

    .sca-currency-style{display: none;}

    .artryon p {max-width: 90%;}

    .bannerhome.rosebanner .table-cell h1 {font-family: "Poppins", serif;font-size: 40px;line-height: 60px;font-weight: 400;color: #000;}
    .bannerhome.rosebanner .table-cell span{display: inline-block;}

    .homeslidermobile .table-cell h1{font-family: "Poppins", serif;font-size: 28px;line-height: 36px;font-weight: 400;color: #000;}
    .homeslidermobile .table-cell span{display: inline-block;}

    .comingsoonbanner h2, .byaccollection .comingsoonbanner h2{font-size: 30px;line-height: 40px;}

    
  }

  @media(max-width: 595px){
    .samplelink{margin: 30px 30px 0;}
  }
  @media(max-width: 590px){
    .resultbox img {width: 100%;height: auto;object-fit: contain;}

    .stayconnected .sociallinks li{margin-right: 10px; margin-left: 10px;}
  }
  
  @media(max-width: 570px){
  	.bannerbig h2 {font-size: 60px;line-height: 70px;}

    .comingsoonbanner img {margin-top: 0;}

    .physicalhome img {margin-top: 0;}

    .comingsoonbanner.homedivs h2 {margin-bottom: 30px;}
  }
  
  @media(max-width: 525px){
    .problemsbox .c_25{width: 100%;}
  }
  @media(max-width: 500px){
  	.boxteam {flex-basis: calc(100% - 20px);box-sizing: border-box;text-align: center;}

    .comingsoonbanner .container {padding: 30px;}

    .physicalhome .container {padding: 30px;}

    .tablegrapichs .c_40{width: 100%;}
    .tablegrapichs .c_60{width: 100%;}

    .header.page-width{max-width: 95%!important;}

    .bannerhome .table-cell h1 {font-size: 40px;}

    .comingsoonbanner.bannerdrbanner .imgfitfetch{top: 0!important; margin-bottom: 20px!important;}
    .ttext{margin-top: 32px!important;}

    .whitefooter .c_33{width: 100%; text-align: center;}

    .allpay {display: block;justify-content: center;margin: 50px 0 50px;text-align: center;}
    .allpay .Polaris-LegacyStack__Item_yiyol {margin: 0 10px;display: inline-block;}
    .allpay .Polaris-LegacyStack__Item_yiyol:first-child {margin-left: 10px;}
  }
  
  @media(max-width: 420px){
  	.process h4 {margin-bottom: 20px;text-align: center;display: block;position: relative;top: 0;margin-left: 25px;}
    .iconcircle {display: block;margin: 0 auto 20px;}

    .container.boxproducts .c_33 {width: 100%;}
    .productbox img {width: 100%;margin: 0 0 6px;object-fit: contain;}

  }
  
  @media(max-width: 400px){
  	.bannerbig h2 {font-size: 45px;line-height: 50px;}
    .internalmenu ul li a {font-size: 20px;line-height: 25px;}

    .purplebtn{font-size: 14px;}

  }

  @media(max-width: 360px){
    .itemlist .c_5 {width: 15%;}
    .itemlist .c_95 {width: 85%;}

    .header__heading-link.link.link--text.focus-inset, .header__heading {width: 160px;}
    .header__heading-link svg{width: 100%;}
  }

  @media(max-height: 860px){
    .lastmenu {position: initial;}
    .internalmenu{overflow: scroll;}
  }


.slider-banner-image #mainimage:first-child{height: 615px;width: 100%;object-fit: cover;}