*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

button {
  background-color: transparent;
  color: inherit;
  border-width: 0;
  padding: 0;
  cursor: pointer;
}

blockquote,
figure {
  margin: 0;
}

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

ul,
ol,
dd,
dt {
  margin: 0;
  padding: 0;
  list-style: none;
}

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

p {
  margin: 0;
}

cite {
  font-style: normal;
}

fieldset {
  border-width: 0;
  padding: 0;
  margin: 0;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

* {
  text-rendering: optimizelegibility;
}

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

html {
  background-color: #19181D;
  color: #fff;
  font-family: "Commissioner", sans-serif;
  font-weight: 400;
  overflow-y: scroll;
  min-height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 62.5%;
  scroll-behavior: smooth;
}
html.pswp--is-open, html.no-scroll, html.modal-open {
  overflow: hidden;
}

@media (max-width: 767px) {
  body {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (min-width: 768px) {
  body {
    font-size: 16px;
    line-height: 26px;
  }
}

textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

img {
  max-width: 100%;
  vertical-align: top;
}

input {
  font-size: inherit;
}
input[type=text], input[type=password], input[type=email], input[type=submit] {
  appearance: none;
}

select {
  appearance: none;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  border-radius: 0;
}

button *,
a * {
  pointer-events: none;
}

.back-black {
  background-color: #000;
  color: #fff;
}

.back-gray {
  background-color: #ccc;
}

.back-white {
  background-color: #fff;
  color: #19181D;
  fill: #19181D;
}

.back-black1 {
  background-color: #19181D;
  color: #fff;
  fill: #fff;
}

.back-black2 {
  background-color: #2C2B2E;
  color: #fff;
  fill: #fff;
}

.back-gray1 {
  background-color: #E8E8E8;
  color: #19181D;
  fill: #19181D;
}

.back-gray2 {
  background-color: #F6F6F6;
  color: #19181D;
  fill: #19181D;
}

.back-green1 {
  background-color: #8FBE44;
}

.back-green2 {
  background-color: #ABCF72;
}

.back-green3 {
  background-color: #D5E7B8;
}

.back-yellow1 {
  background-color: #FFCD18;
}

.back-red1 {
  background-color: #E80000;
}

.fill-black {
  fill: #000;
}

.fill-gray {
  fill: #ccc;
}

.fill-white {
  fill: #fff;
}

.fill-green1 {
  fill: #8FBE44;
}

.fill-black1 {
  fill: #19181D;
}

.color-black {
  color: #000;
}

.color-gray {
  color: #ccc;
}

.color-gray4 {
  color: #535353;
}

.color-white {
  color: #fff;
}

.line-black {
  border-color: #000;
}

.line-gray {
  border-color: #ccc;
}

.line-white {
  border-color: #fff;
}

.grouped::after,
.group::after,
.tabs__nav::after,
.full-row::after,
.wide-row::after,
.row::after {
  content: "";
  display: table;
  clear: both;
}

.full-row,
.wide-row,
.row {
  width: 100%;
}

@media (min-width: 768px) {
  .row--flex {
    display: flex;
  }
}
.wide-row,
.row {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 400px) and (max-width: 499px) {
  .wide-row,
  .row {
    max-width: 400px;
  }
}
@media (min-width: 500px) and (max-width: 767px) {
  .wide-row,
  .row {
    max-width: 500px;
  }
}

.column, .columns {
  float: left;
  width: 100%;
}

@media (max-width: 767px) {
  .columns {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 768px) {
  .columns {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 767px) {
  .sd-hidden {
    display: none !important;
  }
}
@media (max-width: 479px) {
  .mi-hidden {
    display: none !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .ti-hidden {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .bd-hidden {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .sm-hidden {
    display: none !important;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .md-hidden {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .lg-hidden {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .small1 {
    width: 8.3333333333%;
  }
  .small2 {
    width: 16.6666666667%;
  }
  .small3 {
    width: 25%;
  }
  .small4 {
    width: 33.3333333333%;
  }
  .small5 {
    width: 41.6666666667%;
  }
  .small6 {
    width: 50%;
  }
  .small7 {
    width: 58.3333333333%;
  }
  .small8 {
    width: 66.6666666667%;
  }
  .small9 {
    width: 75%;
  }
  .small10 {
    width: 83.3333333333%;
  }
  .small11 {
    width: 91.6666666667%;
  }
  .small12 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .row {
    max-width: 768px;
  }
  .sm-push1 {
    margin-left: 8.3333333333%;
  }
  .sm-push2 {
    margin-left: 16.6666666667%;
  }
  .sm-push3 {
    margin-left: 25%;
  }
  .sm-pull1 {
    margin-left: 8.3333333333%;
  }
  .sm-pull2 {
    margin-left: 16.6666666667%;
  }
  .sm-pull3 {
    margin-left: 25%;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .sm-offset1.columns {
    padding-left: 8.33%;
    padding-right: 8.33%;
  }
  .sm-offset1.column {
    padding-left: calc(8.33% - 20px);
    padding-right: calc(8.33% - 20px);
  }
  .sm-offset2.columns {
    padding-left: 16.66%;
    padding-right: 16.66%;
  }
  .sm-offset2.column {
    padding-left: calc(16.66% - 20px);
    padding-right: calc(16.66% - 20px);
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .row {
    max-width: 960px;
  }
  .medium1 {
    width: 8.3333333333%;
  }
  .medium2 {
    width: 16.6666666667%;
  }
  .medium3 {
    width: 25%;
  }
  .medium4 {
    width: 33.3333333333%;
  }
  .medium5 {
    width: 41.6666666667%;
  }
  .medium6 {
    width: 50%;
  }
  .medium7 {
    width: 58.3333333333%;
  }
  .medium8 {
    width: 66.6666666667%;
  }
  .medium9 {
    width: 75%;
  }
  .medium10 {
    width: 83.3333333333%;
  }
  .medium11 {
    width: 91.6666666667%;
  }
  .medium12 {
    width: 100%;
  }
  .md-offset1.columns {
    padding-left: 8.33%;
    padding-right: 8.33%;
  }
  .md-offset1.column {
    padding-left: calc(8.33% - 20px);
    padding-right: calc(8.33% - 20px);
  }
  .md-offset2.columns {
    padding-left: 16.66%;
    padding-right: 16.66%;
  }
  .md-offset2.column {
    padding-left: calc(16.66% - 20px);
    padding-right: calc(16.66% - 20px);
  }
  .md-offset3.columns {
    padding-left: 25%;
    padding-right: 25%;
  }
  .md-offset3.column {
    padding-left: calc(25% - 20px);
    padding-right: calc(25% - 20px);
  }
  .md-push1 {
    margin-left: 8.3333333333%;
  }
  .md-push2 {
    margin-left: 16.6666666667%;
  }
  .md-push3 {
    margin-left: 25%;
  }
  .md-pull1 {
    margin-right: 8.3333333333%;
  }
  .md-pull2 {
    margin-right: 16.6666666667%;
  }
  .md-pull3 {
    margin-right: 25%;
  }
}
@media (min-width: 1200px) {
  .row {
    max-width: 1200px;
  }
}
@media (min-width: 1200px) {
  .large1 {
    width: 8.3333333333%;
  }
  .large2 {
    width: 16.6666666667%;
  }
  .large3 {
    width: 25%;
  }
  .large4 {
    width: 33.3333333333%;
  }
  .large5 {
    width: 41.6666666667%;
  }
  .large6 {
    width: 50%;
  }
  .large7 {
    width: 58.3333333333%;
  }
  .large8 {
    width: 66.6666666667%;
  }
  .large9 {
    width: 75%;
  }
  .large10 {
    width: 83.3333333333%;
  }
  .large11 {
    width: 91.6666666667%;
  }
  .large12 {
    width: 100%;
  }
  .lg-offset1.columns {
    padding-left: 8.33%;
    padding-right: 8.33%;
  }
  .lg-offset1.column {
    padding-left: calc(8.33% - 20px);
    padding-right: calc(8.33% - 20px);
  }
  .lg-offset2.columns {
    padding-left: 16.66%;
    padding-right: 16.66%;
  }
  .lg-offset2.column {
    padding-left: calc(16.66% - 20px);
    padding-right: calc(16.66% - 20px);
  }
  .lg-offset3.columns {
    padding-left: 25%;
    padding-right: 25%;
  }
  .lg-offset3.column {
    padding-left: calc(25% - 20px);
    padding-right: calc(25% - 20px);
  }
  .lg-push1 {
    margin-left: 8.3333333333%;
  }
  .lg-push2 {
    margin-left: 16.6666666667%;
  }
  .lg-push3 {
    margin-left: 25%;
  }
  .lg-pull1 {
    margin-left: 8.3333333333%;
  }
  .lg-pull2 {
    margin-left: 16.6666666667%;
  }
  .lg-pull3 {
    margin-left: 25%;
  }
}
.element--table .table {
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 768px) {
  .element--table .table--responsive .tablecontent > .tablerow {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .element--table .table--responsive .tablecontent dt {
    float: left;
  }
  .element--table .table--responsive .tablecontent dd {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .element--table .table--responsive .tablecontent li:not(:first-child),
  .element--table .table--responsive .tablecontent dd:not(:first-of-type) {
    border-width: 0 0 0 1px;
    border-style: solid;
    text-align: center;
    border-color: #2C2B2E;
  }
}
@media (min-width: 768px) {
  .element--table .table--responsive .tablecontent li,
  .element--table .table--responsive .tablecontent dt,
  .element--table .table--responsive .tablecontent dd {
    float: left;
    padding-bottom: 10px;
    padding-top: 10px;
  }
}
@media (min-width: 768px) {
  .element--table .table--responsive .tablebody dt {
    display: none;
  }
}
@media (max-width: 1199px) {
  .element--table .table--scroll {
    overflow: auto;
  }
}
@media (max-width: 399px) {
  .element--table .table--scroll {
    width: calc(100vw - 20px);
  }
}
@media (min-width: 400px) and (max-width: 499px) {
  .element--table .table--scroll {
    width: calc((100vw - 400px) / 2 + 400px - 20px);
  }
}
@media (min-width: 500px) and (max-width: 767px) {
  .element--table .table--scroll {
    width: calc((100vw - 500px) / 2 + 500px - 20px);
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .element--table .table--scroll {
    width: calc((100vw - 768px) / 2 + 768px - 20px);
  }
}
.element--table .table--no-scroll .tablecontent li:not(:first-child),
.element--table .table--no-scroll .tablecontent dd:not(:first-of-type),
.element--table .table--scroll .tablecontent li:not(:first-child),
.element--table .table--scroll .tablecontent dd:not(:first-of-type) {
  border-width: 0 0 0 1px;
  border-style: solid;
  text-align: center;
  border-color: #2C2B2E;
}
.element--table .table--no-scroll .tablecontent li,
.element--table .table--no-scroll .tablecontent dt,
.element--table .table--no-scroll .tablecontent dd,
.element--table .table--scroll .tablecontent li,
.element--table .table--scroll .tablecontent dt,
.element--table .table--scroll .tablecontent dd {
  float: left;
  padding-bottom: 13px;
  padding-top: 13px;
}
.element--table .table--no-scroll .tablecontent dd:first-of-type,
.element--table .table--scroll .tablecontent dd:first-of-type {
  font-weight: 700;
}
.element--table .table--no-scroll .tablecontent dd:first-of-type,
.element--table .table--no-scroll .tablecontent li:first-of-type,
.element--table .table--scroll .tablecontent dd:first-of-type,
.element--table .table--scroll .tablecontent li:first-of-type {
  position: sticky;
  left: 0;
  background-color: var(--bgRow);
  border-right: 1px solid #2C2B2E;
  font-size: 12px;
}
.element--table .table--no-scroll .tablebody dt,
.element--table .table--scroll .tablebody dt {
  display: none;
}
.element--table .table--no-scroll .tablerow,
.element--table .table--scroll .tablerow {
  display: flex;
}
.element--table .tablerow::after {
  display: table;
  clear: both;
  content: "";
}
.element--table .tablehead li {
  font-family: "Museo Sans", sans-serif;
}
.element--table .tablehead .tablerow {
  border-top: 3px solid #2C2B2E;
}
.element--table .tablebody .tablerow {
  margin: 0;
}
.element--table .tablebody .tablerow:not(:last-child) {
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #2C2B2E;
}
.element--table .tablebody .tablerow:first-child {
  border-top-width: 3px;
}
.element--table .tablecontent {
  line-height: 20px;
}
.element--table .tablecontent li,
.element--table .tablecontent dt {
  font-weight: 900;
}
@media (min-width: 768px) {
  .element--table .back-white .table--responsive .tablecontent li:not(:first-child),
  .element--table .back-white .table--responsive .tablecontent dd:not(:first-of-type) {
    border-color: #E8E8E8;
  }
}
.element--table .back-white .table--no-scroll .tablecontent li:not(:first-child),
.element--table .back-white .table--no-scroll .tablecontent dd:not(:first-of-type),
.element--table .back-white .table--scroll .tablecontent li:not(:first-child),
.element--table .back-white .table--scroll .tablecontent dd:not(:first-of-type) {
  border-color: #E8E8E8;
}
.element--table .back-white .table--no-scroll .tablecontent dd:first-of-type,
.element--table .back-white .table--no-scroll .tablecontent li:first-of-type,
.element--table .back-white .table--scroll .tablecontent dd:first-of-type,
.element--table .back-white .table--scroll .tablecontent li:first-of-type {
  background-color: #fff;
  border-right: 1px solid #E8E8E8;
}
.element--table .back-white .tablehead .tablerow {
  border-top: 3px solid #E8E8E8;
}
.element--table .back-white .tablebody .tablerow:not(:last-child) {
  border-color: #E8E8E8;
}

.element--tabler .table {
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .element--tabler .table--size-by-brand li:nth-child(1) {
    max-width: 150px;
  }
}
@media (max-width: 768px) {
  .element--tabler :where(.table--responsive) .tablecontent > .tablerow {
    padding: 10px;
  }
  .element--tabler :where(.table--responsive) .tablecontent > .tablerow:first-child {
    border-radius: 14px 14px 0 0;
  }
  .element--tabler :where(.table--responsive) .tablecontent dt {
    float: left;
  }
  .element--tabler :where(.table--responsive) .tablecontent dd {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .element--tabler :where(.table--responsive) .tablecontent li,
  .element--tabler :where(.table--responsive) .tablecontent dt,
  .element--tabler :where(.table--responsive) .tablecontent dd {
    float: left;
    padding: 22px 24px;
  }
}
@media (min-width: 768px) {
  .element--tabler :where(.table--responsive) .tablebody dt {
    display: none;
  }
}
@media (max-width: 1199px) {
  .element--tabler :where(.table--scroll) {
    overflow: auto;
  }
}
@media (max-width: 399px) {
  .element--tabler :where(.table--scroll) {
    width: calc(100vw - 20px);
  }
}
@media (min-width: 400px) and (max-width: 499px) {
  .element--tabler :where(.table--scroll) {
    width: calc((100vw - 400px) / 2 + 400px - 20px);
  }
}
@media (min-width: 500px) and (max-width: 767px) {
  .element--tabler :where(.table--scroll) {
    width: calc((100vw - 500px) / 2 + 500px - 20px);
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .element--tabler :where(.table--scroll) {
    width: calc((100vw - 768px) / 2 + 768px - 20px);
  }
}
.element--tabler :where(.table--scroll) .tablehead .tablerow:last-child li:first-child {
  background-color: var(--bgRow);
  border-radius: 13px 0 0 0;
}
.element--tabler :where(.table--no-scroll) .tablecontent li,
.element--tabler :where(.table--no-scroll) .tablecontent dt,
.element--tabler :where(.table--no-scroll) .tablecontent dd,
.element--tabler :where(.table--scroll) .tablecontent li,
.element--tabler :where(.table--scroll) .tablecontent dt,
.element--tabler :where(.table--scroll) .tablecontent dd {
  float: left;
  padding: 14px 24px;
}
.element--tabler :where(.table--no-scroll) .tablecontent dd:first-of-type,
.element--tabler :where(.table--scroll) .tablecontent dd:first-of-type {
  font-weight: 700;
}
.element--tabler :where(.table--no-scroll) .tablecontent dd:first-of-type,
.element--tabler :where(.table--no-scroll) .tablecontent li:first-of-type,
.element--tabler :where(.table--scroll) .tablecontent dd:first-of-type,
.element--tabler :where(.table--scroll) .tablecontent li:first-of-type {
  position: sticky;
  left: 0;
  font-size: 12px;
}
.element--tabler :where(.table--no-scroll) .tablebody dt,
.element--tabler :where(.table--scroll) .tablebody dt {
  display: none;
}
.element--tabler :where(.table--no-scroll) .tablerow,
.element--tabler :where(.table--scroll) .tablerow {
  display: flex;
}
.element--tabler :where(.tablerow)::after {
  display: table;
  clear: both;
  content: "";
}
.element--tabler :where(.tablehead) li {
  font-family: "Museo Sans", sans-serif;
}
.element--tabler :where(.tablehead) li:empty {
  border: 0;
}
.element--tabler :where(.tablebody) .tablerow {
  margin: 0;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #E8E8E8;
}
.element--tabler :where(.tablebody) .tablerow:first-child {
  border-top-width: 1px;
}
.element--tabler :where(.tablebody) .tablerow:last-child {
  border-radius: 0 0 14px 14px;
}
.element--tabler :where(.tablebody) .tablerow:last-child li:first-child {
  border-radius: 0 0 0 14px;
}
.element--tabler :where(.tablecontent) {
  line-height: 20px;
}
.element--tabler :where(.tablecontent) li,
.element--tabler :where(.tablecontent) dt {
  font-weight: 500;
}
@media (min-width: 768px) {
  .element--tabler .back-white .table--responsive .tablecontent li:not(:first-child),
  .element--tabler .back-white .table--responsive .tablecontent dd:not(:first-of-type) {
    border-color: #E8E8E8;
  }
}
.element--tabler .back-white .table--no-scroll .tablecontent li:not(:first-child),
.element--tabler .back-white .table--no-scroll .tablecontent dd:not(:first-of-type),
.element--tabler .back-white .table--scroll .tablecontent li:not(:first-child),
.element--tabler .back-white .table--scroll .tablecontent dd:not(:first-of-type) {
  border-color: #E8E8E8;
}
.element--tabler .back-white .table--no-scroll .tablecontent dd:first-of-type,
.element--tabler .back-white .table--no-scroll .tablecontent li:first-of-type,
.element--tabler .back-white .table--scroll .tablecontent dd:first-of-type,
.element--tabler .back-white .table--scroll .tablecontent li:first-of-type {
  background-color: #fff;
}
.element--tabler .back-white .tablebody .tablerow:not(:last-child) {
  border-color: #E8E8E8;
}
.element--tabler .table--size-by-brand .tablehead .grouped--column-INDOOR,
.element--tabler .table--size-by-brand .tablehead .grouped--column-OUTDOOR {
  border-style: solid;
  border-color: #E8E8E8;
  background-color: var(--bgColumn);
}
.element--tabler .table--size-by-brand .tablehead .grouped--column-OUTDOOR {
  border-radius: 14px 0 0 0;
  border-width: 1px 0 0 1px;
}
.element--tabler .table--size-by-brand .tablehead .grouped--column-INDOOR {
  border-radius: 0 14px 0 0;
  border-width: 1px 1px 0 0;
}
.element--tabler .table--size-by-brand .tablehead .tablerow:nth-child(2n) {
  background-color: var(--bgRow);
  border-radius: 14px 0 0 0;
  border-color: #E8E8E8;
  border-width: 1px 1px 0 1px;
  border-style: solid;
}
.element--tabler .table--size-by-brand .tablebody .tablerow li:first-child {
  background-color: var(--bgRow);
}
.element--tabler .table--four-columns .tablehead,
.element--tabler .table--two-columns .tablehead,
.element--tabler .table--three-columns .tablehead {
  border-radius: 14px 14px 0 0;
  border-color: #E8E8E8;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: var(--bgRow);
}
.element--tabler .table--four-columns .tablehead li,
.element--tabler .table--two-columns .tablehead li,
.element--tabler .table--three-columns .tablehead li {
  font-weight: 700;
}

.back-black1 .element--tabler .table--size-by-brand {
  --bgColumn:#3E3636;
  --bgRow:#1E1E1E;
}
.back-black1 .element--table .table--size-by-brand {
  --bgColumn:#19181D;
  --bgRow:#19181D;
}

.back-white .element--tabler .table--size-by-brand {
  --bgColumn:#ccc;
  --bgRow:#F6F6F6;
}
.back-white .element--table .table--size-by-brand {
  --bgColumn:#fff;
  --bgRow:#fff;
}

.element--tabler .table--size-by-brand .heading {
  font-weight: 700;
}
.element--tabler .table--size-by-brand .badges--small {
  list-style: disc;
  color: #fff;
  fill: #fff;
}
.element--tabler .table--size-by-brand .badges--small .badge {
  background: transparent;
  padding: 0;
  width: 100% !important;
  text-align: left !important;
  font-size: 10px !important;
  margin-left: 0;
  margin-top: 0 !important;
  float: none;
  list-style-position: inside;
  display: list-item;
}
.element--tabler .table--size-by-brand .tablehead.tablecontent .tablerow:not(.grouped--column) > li {
  padding-left: 16px;
  padding-right: 16px;
}
.element--tabler .table--size-by-brand .tablehead.tablecontent .tablerow:not(.grouped--column) > li:nth-child(n+2) {
  border-left: 1px solid #fff;
}

.element--table .table--size-by-brand .badges--small {
  display: flex;
  gap: 4px;
  flex-direction: column;
  align-items: center;
}
.element--table .table--size-by-brand .badges--small .badge {
  width: fit-content !important;
  background-color: #2C2B2E !important;
  padding: 1px 6px !important;
  font-size: 10px !important;
  margin: 0 !important;
}

.p10 {
  padding: 10px;
}

.p20 {
  padding: 20px;
}

.p30 {
  padding: 30px;
}

.p10t {
  padding-top: 10px;
}

.p15t {
  padding-top: 15px;
}

.p20t {
  padding-top: 20px;
}

.p25t {
  padding-top: 25px;
}

.p30t {
  padding-top: 30px;
}

.p10r {
  padding-right: 10px;
}

.p10b {
  padding-bottom: 10px;
}

.p10l {
  padding-left: 10px;
}

.p10x {
  padding-left: 10px;
  padding-right: 10px;
}

.p10y {
  padding-top: 10px;
  padding-bottom: 10px;
}

.p40y {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (max-width: 767px) {
  .sd-p10 {
    padding: 10px;
  }
  .sd-p10t {
    padding-top: 10px;
  }
  .sd-p10r {
    padding-right: 10px;
  }
  .sd-p10b {
    padding-bottom: 10px;
  }
  .sd-p50b {
    padding-bottom: 50px;
  }
  .sd-p10l {
    padding-left: 10px;
  }
  .sd-p10y {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .sd-p10x {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (max-width: 479px) {
  .sd\:p30t {
    padding-top: 30px;
  }
}
@media (min-width: 768px) {
  .bd-p10 {
    padding: 10px;
  }
  .bd-p10t {
    padding-top: 10px;
  }
  .bd\:p30t {
    padding-top: 30px;
  }
  .bd-p10r {
    padding-right: 10px;
  }
  .bd-p10b {
    padding-bottom: 10px;
  }
  .bd-p10l {
    padding-left: 10px;
  }
  .bd-p10y {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .bd-p10x {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.m10 {
  margin: 10px;
}

.m5t {
  margin-top: 5px;
}

.m8t {
  margin-top: 8px;
}

.m10t {
  margin-top: 10px;
}

.m15t {
  margin-top: 15px;
}

.m16t {
  margin-top: 16px;
}

.m20t {
  margin-top: 20px;
}

.m25t {
  margin-top: 25px;
}

.m30t {
  margin-top: 30px;
}

.m35t {
  margin-top: 35px;
}

.m40t {
  margin-top: 40px;
}

.m10r {
  margin-right: 10px;
}

.m5b {
  margin-bottom: 5px;
}

.m10b {
  margin-bottom: 10px;
}

.m14b {
  margin-bottom: 14px;
}

.m15b {
  margin-bottom: 15px;
}

.m20b {
  margin-bottom: 20px;
}

.m25b {
  margin-bottom: 25px;
}

.m30b {
  margin-bottom: 30px;
}

.m35b {
  margin-bottom: 35px;
}

.m40b {
  margin-bottom: 40px;
}

.m70b {
  margin-bottom: 70px;
}

.m80b {
  margin-bottom: 80px;
}

.m10l {
  margin-left: 10px;
}

.m10x {
  margin-left: 10px;
  margin-right: 10px;
}

.m10y {
  margin-top: 10px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .sd-m10 {
    margin: 10px;
  }
  .sd-m10t {
    margin-top: 10px;
  }
  .sd-m20t {
    margin-top: 20px;
  }
  .sd-m30t {
    margin-top: 30px;
  }
  .sd-m40t {
    margin-top: 40px;
  }
  .sd-m10r {
    margin-right: 10px;
  }
  .sd-m10b {
    margin-bottom: 10px;
  }
  .sd-m15b {
    margin-bottom: 15px;
  }
  .sd-m20b {
    margin-bottom: 20px;
  }
  .sd-m25b {
    margin-bottom: 25px;
  }
  .sd-m35b {
    margin-bottom: 35px;
  }
  .sd-m40b {
    margin-bottom: 40px;
  }
  .sd-m60b {
    margin-bottom: 60px;
  }
  .sd-m65b {
    margin-bottom: 65px;
  }
  .sd-m10l {
    margin-left: 10px;
  }
  .sd-m30l {
    margin-left: 30px;
  }
  .sd-m10y {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .sd-m10x {
    margin-right: 10px;
    margin-left: 10px;
  }
}
@media (min-width: 768px) {
  .bd-m10 {
    margin: 10px;
  }
  .bd-m10t {
    margin-top: 10px;
  }
  .bd-m30t {
    margin-top: 30px;
  }
  .bd-m35t {
    margin-top: 35px;
  }
  .bd-m55t {
    margin-top: 55px;
  }
  .bd-m10r {
    margin-right: 10px;
  }
  .bd-m10b {
    margin-bottom: 10px;
  }
  .bd-m30b {
    margin-bottom: 30px;
  }
  .bd-m35b {
    margin-bottom: 35px;
  }
  .bd-m40b {
    margin-bottom: 40px;
  }
  .bd-m45b {
    margin-bottom: 45px;
  }
  .bd-m50b {
    margin-bottom: 50px;
  }
  .bd-m55b {
    margin-bottom: 55px;
  }
  .bd-m60b {
    margin-bottom: 60px;
  }
  .bd-m70b {
    margin-bottom: 70px;
  }
  .bd-m85b {
    margin-bottom: 85px;
  }
  .bd-m10l {
    margin-left: 10px;
  }
  .bd-m10y {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .bd-m10x {
    margin-right: 10px;
    margin-left: 10px;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .sm-m15b {
    margin-bottom: 15px;
  }
  .sm-m25b {
    margin-bottom: 25px;
  }
  .sm-m40b {
    margin-bottom: 40px;
  }
  .sm-m50b {
    margin-bottom: 50px;
  }
  .sm-m65b {
    margin-bottom: 65px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .md-m10b {
    margin-bottom: 10px;
  }
  .md-m70b {
    margin-bottom: 70px;
  }
}
@media (min-width: 1200px) and (max-width: 1199px) {
  .lg-m10b {
    margin-bottom: 10px;
  }
  .lg-m70b {
    margin-bottom: 70px;
  }
}
#flying-focus {
  position: absolute;
  margin: 0;
  background: transparent;
  transition-property: left, top, width, height;
  transition-timing-function: cubic-bezier(0, 1, 0, 1);
  visibility: hidden;
  pointer-events: none;
  border-radius: 2px;
  z-index: 1000;
}

#flying-focus.flying-focus_visible {
  visibility: visible;
  z-index: 1000;
}

.flying-focus_target {
  outline: none !important;
}

.flying-focus_target::-moz-focus-inner {
  border: 0 !important;
}

[data-whatintent=keyboard] #flying-focus::after {
  content: "";
  border-radius: 6px;
  position: absolute;
  top: -7px;
  right: -7px;
  bottom: -7px;
  left: -7px;
  border: 1px solid #000;
  z-index: -3;
  box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.3), inset 0 0 5px 0 rgba(255, 255, 255, 0.5);
}

[data-whatintent=mouse] *:focus {
  outline: 0;
}
[data-whatintent=mouse] input[type=text],
[data-whatintent=mouse] input[type=email],
[data-whatintent=mouse] input[type=tel],
[data-whatintent=mouse] input[type=password],
[data-whatintent=mouse] input[type=number],
[data-whatintent=mouse] select,
[data-whatintent=mouse] textarea {
  transition: box-shadow 0.3s ease-in-out;
}
[data-whatintent=mouse] input[type=text]:focus,
[data-whatintent=mouse] input[type=email]:focus,
[data-whatintent=mouse] input[type=tel]:focus,
[data-whatintent=mouse] input[type=password]:focus,
[data-whatintent=mouse] input[type=number]:focus,
[data-whatintent=mouse] select:focus,
[data-whatintent=mouse] textarea:focus {
  border-color: #8FBE44 !important;
  box-shadow: 0 0 0 3px #8FBE44 !important;
}

[data-whatintent=keyboard] *:not(.flying-focus_target):focus {
  outline: none;
  z-index: 2;
  position: relative;
  text-decoration: none !important;
}
[data-whatintent=keyboard] *:not(.flying-focus_target):focus::after {
  content: "";
  border-radius: 6px;
  position: absolute;
  top: -7px;
  right: -7px;
  bottom: -7px;
  left: -7px;
  border: 1px solid #000;
  z-index: -3;
  box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.3), inset 0 0 5px 0 rgba(255, 255, 255, 0.5);
}
[data-whatintent=keyboard] .comment-form-title:focus-within,
[data-whatintent=keyboard] .comment-form-comment:focus-within,
[data-whatintent=keyboard] .comment-form-author:focus-within,
[data-whatintent=keyboard] .comment-form-email:focus-within,
[data-whatintent=keyboard] .comment-form-cookies-consent:focus-within,
[data-whatintent=keyboard] .comment-form .form-submit:focus-within,
[data-whatintent=keyboard] .bulk-variations .value:focus-within,
[data-whatintent=keyboard] .woocommerce-form__label-for-radio:focus-within,
[data-whatintent=keyboard] .woocommerce-form__label-for-checkbox:focus-within,
[data-whatintent=keyboard] .form-row:not(.place-order):focus-within,
[data-whatintent=keyboard] .shop_table .quantity:focus-within,
[data-whatintent=keyboard] .has-input:focus-within,
[data-whatintent=keyboard] .has-dropdown:focus-within,
[data-whatintent=keyboard] #loginform > p:focus-within,
[data-whatintent=keyboard] .ginput_container:focus-within,
[data-whatintent=keyboard] .form__field:focus-within {
  position: relative;
  z-index: 1;
}
[data-whatintent=keyboard] .comment-form-title:focus-within::after,
[data-whatintent=keyboard] .comment-form-comment:focus-within::after,
[data-whatintent=keyboard] .comment-form-author:focus-within::after,
[data-whatintent=keyboard] .comment-form-email:focus-within::after,
[data-whatintent=keyboard] .comment-form-cookies-consent:focus-within::after,
[data-whatintent=keyboard] .comment-form .form-submit:focus-within::after,
[data-whatintent=keyboard] .bulk-variations .value:focus-within::after,
[data-whatintent=keyboard] .woocommerce-form__label-for-radio:focus-within::after,
[data-whatintent=keyboard] .woocommerce-form__label-for-checkbox:focus-within::after,
[data-whatintent=keyboard] .form-row:not(.place-order):focus-within::after,
[data-whatintent=keyboard] .shop_table .quantity:focus-within::after,
[data-whatintent=keyboard] .has-input:focus-within::after,
[data-whatintent=keyboard] .has-dropdown:focus-within::after,
[data-whatintent=keyboard] #loginform > p:focus-within::after,
[data-whatintent=keyboard] .ginput_container:focus-within::after,
[data-whatintent=keyboard] .form__field:focus-within::after {
  content: "";
  border-radius: 6px;
  position: absolute;
  top: -7px;
  right: -7px;
  bottom: -7px;
  left: -7px;
  border: 1px solid #000;
  z-index: -3;
  box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.3), inset 0 0 5px 0 rgba(255, 255, 255, 0.5);
}
[data-whatintent=keyboard] .cart_item .qty:focus {
  top: -1px;
  left: 19px;
}
[data-whatintent=keyboard] .comment-form-title:focus-within::after,
[data-whatintent=keyboard] .comment-form-comment:focus-within::after,
[data-whatintent=keyboard] .comment-form-author:focus-within::after,
[data-whatintent=keyboard] .comment-form-email:focus-within::after {
  top: 19px;
}
[data-whatintent=keyboard] .form-row:focus-within::after {
  top: 11px;
}
[data-whatintent=keyboard] .flickity-button:focus,
[data-whatintent=keyboard] input[type=checkbox]:focus,
[data-whatintent=keyboard] input[type=radio]:focus,
[data-whatintent=keyboard] .u-pin:focus {
  position: absolute;
}

[data-whatinput=keyboard] .sizeguide-table a {
  display: inline-block;
  width: 70%;
}
[data-whatinput=keyboard] .skipper__link {
  color: #fff;
  font-weight: 700;
}
[data-whatinput=keyboard] .skipper__link:focus {
  outline: none;
  padding: 10px 25px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10;
}
[data-whatinput=keyboard] .skipper__link:focus::before {
  content: "";
}
[data-whatinput=keyboard] .skipper__link::before {
  background-color: rgba(0, 0, 0, 0.7);
  z-index: -2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  border: 1px solid black;
}
[data-whatinput=keyboard] .media__pswp:focus-within .flickity-button {
  display: none;
}

.skipper__link {
  position: fixed;
  z-index: 100;
  top: -9999px;
  left: 50%;
  transform: translateX(-50%);
  text-decoration: none;
}

.header {
  z-index: 15;
  position: relative;
}

.they-see-me-scrolling {
  transition: all 0.3s ease-in-out;
}
.they-see-me-scrolling.scroll-down .header__inner {
  top: -100% !important;
}

.header {
  transition: all 0.2s ease-in-out;
  top: 0;
}
@media (min-width: 960px) {
  .header:has(.header__inner .noticebar) {
    min-height: 152px;
  }
}
@media (min-width: 960px) {
  .header {
    min-height: 124px;
  }
}

.header__inner {
  background-color: #2C2B2E;
  transition: all 0.5s ease-in-out;
  top: 0;
}
@media (max-width: 959px) {
  .header__inner {
    border-bottom: 1px solid #292929;
  }
}

@media (min-width: 960px) {
  .row-divider {
    border-top: 1px solid #4B4B4B;
  }
}
@media (max-width: 959px) {
  .header__usps {
    display: none !important;
  }
}
.menu__description {
  opacity: 60%;
  color: #fff;
  text-align: center;
}
@media (max-width: 959px) {
  .menu__description {
    font-weight: 500;
    letter-spacing: -0.25px;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-top: 28px;
  }
}

.fixed .header__inner {
  right: 0;
  left: 0;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px) {
  .fixed .header__inner {
    top: 0;
  }
}
@media (min-width: 768px) {
  .fixed .header__inner {
    box-shadow: unset;
    top: 0;
  }
}

@media (min-width: 960px) {
  .admin-bar .header.fixed .header__inner {
    top: 32px;
  }
}
.header.fixed .header__inner {
  position: fixed;
}
.header.fixed .header__inner.absolute {
  position: absolute;
}

.oldbar,
.newbar {
  height: 60px;
  position: relative;
}

.oldbar__inner,
.newbar__inner {
  height: 60px;
  background-color: #000;
}

.oldbar--red .oldbar__inner {
  background-color: red;
}

.branding--header {
  margin-top: 11px;
  float: left;
}
@media (min-width: 768px) {
  .branding--header {
    margin-top: 15px;
  }
}

.branding__link {
  display: block;
  width: 133px;
  height: 28px;
}
@media (min-width: 768px) {
  .branding__link {
    width: 168px;
    height: 34px;
  }
}

.branding--footer {
  text-align: center;
}
.branding--footer .branding__link {
  display: inline-block;
}

.menu__toggle {
  height: 50px;
  width: 40px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  fill: #fff;
}
@media (min-width: 380px) {
  .menu__toggle {
    width: 50px;
  }
}
@media (min-width: 768px) {
  .menu__toggle {
    margin-top: 13px;
  }
}
@media (min-width: 768px) and (max-width: 1280px) and (max-height: 800px) {
  .menu__toggle {
    margin-top: 13px;
  }
}

.modal__toggle--language {
  display: block;
  width: inherit;
  height: inherit;
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .menu__toggle--language:hover::after {
    content: "";
    display: block;
    background-color: transparent;
    position: absolute;
    width: 70px;
    height: 70px;
    left: -10px;
    transform: rotate(-45deg);
    top: 16px;
  }
  .menu__toggle--language:hover .taal {
    display: block;
  }
}
.menu__toggle--language .taal {
  display: none;
  position: absolute;
  z-index: 3;
  background-color: #2C2B2E;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  min-width: 150px;
  padding: 15px;
  right: 0;
  top: 100%;
}
.menu__toggle--language .taal__link {
  display: block;
  text-align: right;
  line-height: 30px;
  position: relative;
}
.menu__toggle--language .taal__link.wpml-ls-current-language {
  font-weight: 700;
  color: #8FBE44;
}
.menu__toggle--language .taal__link:hover {
  font-weight: 700;
}
.menu__toggle--language .taal__bttns .btn {
  display: block;
  width: 100%;
  text-align: center;
}
.menu__toggle--language .taal__bttns .btn:not(:first-child) {
  margin-top: 10px;
}
.menu__toggle--language .menu__holder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.menu__toggle--language .menu__text {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 17px;
  position: relative;
  display: block;
  clear: both;
  padding-bottom: 10px;
}
.menu__toggle--language .menu__icon--caret {
  fill: #8FBE44;
  width: 8px;
  height: 6px;
  line-height: 8px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.menu__toggle--language:focus .menu__text::before, .menu__toggle--language:hover .menu__text::before {
  border-top-color: #ccc;
}

.menu__icon--cart {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.menu__toggle--language .menu__text .menu_symbol,
.taal__bttns .btn__text .menu_symbol {
  text-transform: none;
  padding-left: 5px;
}

.menu__toggle--language .menu__text {
  width: 70px;
}

.header__usps {
  font-size: 1.3rem;
  line-height: 1.6rem;
  letter-spacing: -0.02em;
  flex-grow: 1;
}
@media (max-width: 959px) {
  .header__usps {
    line-height: 20px;
    padding-bottom: 15px;
  }
}

.header__usp {
  display: flex;
  gap: 10px;
  align-items: center;
  fill: #8FBE44;
}

@media (min-width: 960px) and (max-width: 1199px) {
  .header__usps div:last-child {
    display: none;
  }
}
@media (max-width: 767px) {
  .header {
    min-height: 50px;
  }
  .header .header__inner:has(.noticebar) {
    min-height: 78px;
  }
  .header .header__inner:has(.noticebar) .menu__nav {
    top: 79px;
  }
  .header .header__inner:has(.noticebar).fixed .menu__nav {
    top: 79px;
  }
  .menu__nav {
    top: 51px;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .header .header__inner {
    min-height: 64px;
  }
  .header .header__inner:has(.noticebar) {
    min-height: 92px;
  }
  .header .header__inner:has(.noticebar) .menu__nav {
    top: 92px;
  }
  .header .header__inner:has(.noticebar).fixed .menu__nav {
    top: 92px;
  }
  .menu__nav {
    top: 64px;
  }
}
@media (max-width: 959px) {
  .menu__toggle--nav .menu__icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .menu__toggle--nav .menu__icon--open {
    width: 20px;
    height: 20px;
  }
  .menu__toggle--nav .menu__icon--close {
    display: none;
    width: 38px;
    height: 38px;
    background-color: #2C2B2E;
    border-radius: 4px;
  }
  .menu__toggle--nav .menu__icon--close .svg {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .menu__toggle--nav.open .menu__icon--open {
    display: none;
  }
  .menu__toggle--nav.open .menu__icon--close {
    display: block;
  }
  .menu__level--one.open {
    display: block;
  }
  .menu__level--one .menu__link--sub {
    font-size: 1.8rem;
  }
  .menu__item--sub.menu-item-has-children .menu__caret {
    top: 0;
  }
  .menu__nav {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #19181D;
    z-index: 10;
    overflow: auto;
    display: none;
  }
  .menu__nav.open {
    display: block;
  }
  .menu__nav.open .menu__container {
    display: flex;
    flex-direction: column;
  }
  .menu__container {
    overflow: auto;
    height: 100%;
  }
  .menu__controls {
    float: right;
  }
  .menu__level {
    display: none;
  }
  .menu__item {
    color: #fff;
    fill: #fff;
    position: relative;
  }
  .menu__link {
    display: block;
    font-family: "Museo Sans", sans-serif;
  }
  .menu__caret {
    flex-shrink: 0;
    fill: #8FBE44;
  }
  .menu__caret svg {
    width: 8px;
    height: 8px;
  }
  .menu__level--zero.open {
    padding-top: 32px;
    display: block;
  }
  .menu__level--zero .menu-item-has-children.open {
    background-color: #f1f1f1;
  }
  .menu__level--zero .menu-item-has-children.open > .menu__link--sub {
    border-bottom: 1px solid #2C2B2E;
  }
  .menu__list--main {
    width: 240px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 20px;
  }
  .menu__item--main {
    border-bottom: 1px solid #2C2B2E;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  .menu__item--main.open {
    background-color: #242424;
  }
  .menu__item--main.open::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background-color: #242424;
    z-index: -1;
  }
  .menu__item--main.open .menu__link--main {
    padding-bottom: 6px;
    border-bottom: 1px solid #8FBE44;
  }
  .menu__link--main {
    position: relative;
    padding: 19px 0 23px;
    font-size: 1.8rem;
    line-height: 2.1rem;
    font-weight: 700;
    letter-spacing: -0.25px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
  }
  .menu__nav {
    display: none;
  }
  .menu__list--sub {
    display: flex;
    flex-direction: column;
    gap: 22px;
  }
  .menu__item--sub {
    padding-bottom: 22px;
    border-bottom: 1px solid #4B4B4B;
  }
  .menu__link--sub {
    font-size: 1.5rem;
    line-height: 1.8rem;
    letter-spacing: -0.02em;
    display: flex;
    gap: 20px;
    align-items: center;
    font-weight: 600;
  }
  .menu__image-holder {
    flex-shrink: 0;
    width: 66px;
  }
  .menu__image-holder .menu__image {
    width: 66px;
    height: 66px;
    border-radius: 50%;
  }
  .menu__card {
    position: relative;
  }
  .menu__card-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
  }
  .menu__card-title {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 600;
    display: flex;
    gap: 12px;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
  }
  .menu__card-title svg {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
  }
  .menu__support {
    margin-top: 50px;
    padding-bottom: 50px;
  }
  .menu__support ul {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
  }
  .menu__support a {
    font-size: 1.6rem;
    line-height: 1.9rem;
    font-weight: 600;
    letter-spacing: -0.25px;
  }
  .menu__text--sub {
    text-wrap: wrap;
    text-align: left;
  }
}
@media (min-width: 960px) {
  .menu {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
    align-items: center;
  }
  .toggle__menu,
  .toggle__search,
  .close__menu,
  .prev__menu {
    display: none;
  }
  .support-menu {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
    align-items: center;
  }
  .menu__support {
    position: relative;
    text-align: left;
  }
  .menu__support a {
    font-weight: 700;
  }
  .menu__controls {
    text-align: left;
  }
  .menu__level {
    position: absolute;
    z-index: 3;
    background-color: #2C2B2E;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    min-width: 215px;
  }
  .menu__level:not(.active) {
    display: none;
  }
  .menu__level::before {
    background-color: transparent;
    position: absolute;
    top: 0;
    right: -30px;
    bottom: -30px;
    left: -15px;
    border-radius: 20px;
    z-index: -1;
    cursor: pointer;
  }
  .menu__level:hover::before {
    content: "";
  }
  .menu__item {
    font-size: 16px;
    line-height: 19px;
  }
  .menu__item.menu-item-has-children::before, .menu__item.menu-item-has-children::after {
    cursor: pointer;
    position: absolute;
    background-color: transparent;
  }
  .menu__item.menu-item-has-children:hover {
    z-index: 1;
  }
  .menu__item.menu-item-has-children:hover::before, .menu__item.menu-item-has-children:hover::after {
    content: "";
  }
  .menu__link {
    display: block;
    white-space: nowrap;
    position: relative;
  }
  .menu__link[aria-expanded=true] {
    color: #8FBE44;
    font-weight: 700;
  }
  .menu__caret {
    width: 8px;
    height: 24px;
    display: inline-block;
    top: 0;
    right: 0;
    fill: #8FBE44;
  }
  .menu__text {
    position: relative;
    z-index: 1;
  }
  .menu__nav {
    display: flex;
    gap: 30px;
    align-items: center;
    position: relative;
  }
  .menu__list--main {
    width: 100%;
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
  }
  .menu__description {
    flex-shrink: 0;
  }
  .menu__item--main:hover .menu__level--zero, .menu__item--main:active .menu__level--zero {
    display: flex;
  }
  .menu__item--main:hover .menu__link--sub, .menu__item--main:active .menu__link--sub {
    display: flex;
  }
  .menu__link--main {
    font-weight: 600;
    line-height: 2.4rem;
    padding: 18px 0;
    font-size: 1.6rem;
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .menu__link--main > .menu__text {
    line-height: 2.4rem;
  }
  .menu__image-holder {
    flex-shrink: 0;
  }
  .menu__image-holder .menu__image {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    object-fit: cover;
  }
  .menu__card {
    flex-grow: 1;
  }
  .menu__card .menu__image {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 12/8;
    object-fit: cover;
    object-position: center;
  }
  .menu__level--zero {
    top: 56px;
    width: 100%;
    left: 0;
    z-index: 1;
    padding-top: 27px;
    padding-bottom: 30px;
    gap: 20px;
  }
  .menu__level--zero::after {
    content: "";
    width: 100vw;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    bottom: 0;
    height: 100%;
    background-color: #2C2B2E;
    z-index: -1;
    border-top: 1px solid #4B4B4B;
  }
  .menu__level--two,
  .menu__level--one {
    left: calc(100% - 20px);
    top: -15px;
  }
  .menu__list--sub {
    display: flex;
    gap: 22px 90px;
    width: calc(100% - 260px);
    padding-top: 10px;
    flex-shrink: 0;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
    height: 210px;
    align-content: flex-start;
  }
  .menu__list--sub .menu__caret {
    height: 32px;
    right: 10px;
  }
  .menu__list--sub .menu__caret svg {
    transform: rotate(-90deg);
  }
  .menu__item--sub {
    display: block;
    color: #fff;
    position: relative;
    padding-bottom: 22px;
    border-bottom: 1px solid #4B4B4B;
    width: 240px;
  }
  .menu__item--sub:hover > .menu__level, .menu__item--sub:focus > .menu__level, .menu__item--sub:active > .menu__level {
    display: block;
  }
  .menu__link--sub {
    font-weight: 600;
    font-family: "Museo Sans", sans-serif;
    display: flex;
    gap: 20px;
    align-items: center;
  }
  .menu__link--sub .menu__text--sub {
    text-wrap: wrap;
  }
  .menu__card {
    position: relative;
    z-index: 1;
  }
  .menu__card-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
  }
  .menu__card-title {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: nowrap;
    margin-top: 15px;
  }
  .menu__card-title svg {
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    fill: #8FBE44;
  }
}
.bttns {
  margin-top: -15px;
}
.bttns .btn {
  margin-top: 15px;
}
.bttns .btn:not(:last-child) {
  margin-right: 15px;
}

.btn {
  display: inline-block;
  position: relative;
  cursor: pointer;
  line-height: 20px;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  border-style: solid;
  vertical-align: middle;
  text-align: left;
  transition: background 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out, fill 0.3s ease-out, box-shadow 0.3s ease-in-out;
  box-shadow: 0 0 0 0 transparent;
  font-weight: 700;
}
.btn:disabled {
  cursor: not-allowed;
}

.btn--toggle {
  font-size: 14px !important;
}
.btn--toggle:not(.toggler) .svg {
  transform: rotate(180deg);
}

.btn--sm {
  border-width: 1px;
}
.btn--sm.btn--default {
  padding: 4px 10px;
  font-size: 14px;
}
.btn--sm.btn--default .btn__holder {
  width: 32px;
  height: 32px;
}

.btn--md {
  font-size: 16px;
  border-width: 2px;
}
.btn--md.btn--default {
  padding: 10px 20px 14px;
}
.btn--md.btn--default .btn__holder {
  width: 46px;
  height: 46px;
}

.btn--link {
  padding: 5px 0;
}
.btn--link.btn--md {
  font-size: 16px;
}
.btn--link .btn__holder {
  width: 34px;
  height: 34px;
}

.btn--icon .btn__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.btn--icon.btn--md {
  width: 36px;
  height: 36px;
}
.btn--icon.btn--lg {
  width: 42px;
  height: 42px;
}

[class*=btn--holder-] .btn__holder {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -2px;
}
[class*=btn--holder-] .btn__icon {
  width: 12px;
  height: 12px;
}

.btn--holder-right .btn__holder {
  right: 0;
}
.btn--holder-right.btn--default.btn--sm {
  padding-right: 40px;
}
.btn--holder-right.btn--default.btn--md {
  padding-right: 44px;
}
.btn--holder-right.btn--link.btn--sm {
  padding-right: 34px;
}
.btn--holder-right.btn--link.btn--md {
  padding-right: 34px;
}

.btn--holder-left .btn__holder {
  left: 0;
}
.btn--holder-left.btn--default.btn--sm {
  padding-left: 40px;
}
.btn--holder-left.btn--default.btn--md {
  padding-left: 44px;
}
.btn--holder-left.btn--link.btn--sm {
  padding-left: 34px;
}
.btn--holder-left.btn--link.btn--md {
  padding-left: 34px;
}

.btn--solid.btn--green1 {
  background-color: #8FBE44;
  border-color: #8FBE44;
  color: #fff;
  fill: #19181D;
}
.btn--solid.btn--green1:focus, .btn--solid.btn--green1:hover {
  background-color: #4E770C;
  border-color: #4E770C;
}
.btn--solid.btn--green1:active {
  background-color: #000;
  border-color: #000;
  fill: #8FBE44;
}
.btn--solid.btn--green1:disabled {
  background-color: #8FBE44;
  border-color: #8FBE44;
  color: #fff;
  fill: #fff;
  opacity: 0.5;
}
.btn--solid.btn--green2 {
  background-color: #8FBE44;
  border-color: #8FBE44;
  color: #fff;
  fill: #fff;
}
.btn--solid.btn--green2:focus, .btn--solid.btn--green2:hover {
  background-color: #4E770C;
  border-color: #4E770C;
}
.btn--solid.btn--green2:active {
  background-color: #000;
  border-color: #000;
  fill: #8FBE44;
  color: #8FBE44;
}
.btn--solid.btn--green2:disabled {
  background-color: #8FBE44;
  border-color: #8FBE44;
  color: #fff;
  fill: #fff;
  opacity: 0.5;
}
.btn--solid.btn--black1 {
  background-color: #19181D;
  border-color: #19181D;
  color: #fff;
  fill: #8FBE44;
}
.btn--solid.btn--black1:focus, .btn--solid.btn--black1:hover {
  background-color: #4E770C;
  border-color: #4E770C;
  fill: #2C2B2E;
}
.btn--solid.btn--black1:active {
  background-color: #8FBE44;
  border-color: #8FBE44;
}
.btn--solid.btn--black2 {
  background-color: #2C2B2E;
  border-color: #2C2B2E;
  color: #fff;
  fill: #8FBE44;
}
.btn--solid.btn--black2:focus, .btn--solid.btn--black2:hover {
  background-color: #8FBE44;
  border-color: #8FBE44;
  fill: #2C2B2E;
}
.btn--solid.btn--black2:active {
  background-color: #4E770C;
  border-color: #4E770C;
}
.btn--solid.btn--white {
  background-color: #fff;
  border-color: #fff;
  color: #19181D;
  fill: #8FBE44;
}
.btn--solid.btn--white:focus, .btn--solid.btn--white:hover {
  background-color: #4E770C;
  border-color: #4E770C;
  color: #fff;
  fill: #2C2B2E;
}
.btn--solid.btn--white:active {
  background-color: #8FBE44;
  border-color: #8FBE44;
}
.btn--solid.btn--white1 {
  background-color: #fff;
  border-color: #fff;
  color: #19181D;
  fill: #19181D;
}
.btn--solid.btn--white1:focus, .btn--solid.btn--white1:hover {
  background-color: #19181D;
  border-color: #19181D;
  color: #fff;
  fill: #fff;
}
.btn--solid.btn--white1:active {
  background-color: #19181D;
  border-color: #19181D;
  color: #fff;
  fill: #fff;
}
.btn--solid.btn--gray2 {
  background-color: #F6F6F6;
  border-color: #F6F6F6;
  color: #19181D;
  fill: #19181D;
}
.btn--solid.btn--gray2:focus, .btn--solid.btn--gray2:hover {
  background-color: #535353;
  border-color: #535353;
  color: #fff;
  fill: #fff;
}
.btn--solid.btn--gray3 {
  background-color: #E6E6E6;
  border-color: #E6E6E6;
  color: #19181D;
  fill: #19181D;
}
.btn--solid.btn--gray3:focus, .btn--solid.btn--gray3:hover {
  background-color: #535353;
  border-color: #535353;
  color: #fff;
  fill: #fff;
}

.btn--stroke {
  background-color: transparent;
}
.btn--stroke.btn--green1 {
  border-color: #8FBE44;
  fill: #8FBE44;
}
.btn--stroke.btn--green1:focus, .btn--stroke.btn--green1:hover {
  border-color: #8FBE44;
  background-color: #8FBE44;
  color: #fff;
  fill: #000;
}
.btn--stroke.btn--green1:active {
  background-color: #4E770C;
  border-color: #4E770C;
  fill: #000;
}
.btn--stroke.btn--white {
  border-color: #fff;
  color: #fff;
  fill: #8FBE44;
}
.btn--stroke.btn--white:focus, .btn--stroke.btn--white:hover {
  background-color: #8FBE44;
  border-color: #8FBE44;
  fill: #000;
  color: #fff;
}
.btn--stroke.btn--white:active {
  background-color: #4E770C;
  border-color: #4E770C;
  fill: #000;
}
.btn--stroke.btn--black1 {
  border-color: #19181D;
  fill: #8FBE44;
}
.btn--stroke.btn--black1:focus, .btn--stroke.btn--black1:hover {
  background-color: #8FBE44;
  border-color: #8FBE44;
  fill: #000;
  color: #fff;
}
.btn--stroke.btn--black1:active {
  background-color: #4E770C;
  border-color: #4E770C;
  fill: #000;
}

.btn--link {
  background-color: transparent;
  border: 0;
}
.btn--link.btn--black1 {
  color: #000;
}
.btn--link.btn--green1 {
  color: #8FBE44;
}
.btn--icon.btn--stroke.btn--white {
  fill: #fff;
}
.btn--icon.btn--stroke.btn--black1 {
  fill: #000;
}
.btn--icon.btn--stroke.btn--black1:focus, .btn--icon.btn--stroke.btn--black1:hover, .btn--icon.btn--stroke.btn--white:focus, .btn--icon.btn--stroke.btn--white:hover, .btn--icon.btn--solid.btn--black1:focus, .btn--icon.btn--solid.btn--black1:hover, .btn--icon.btn--solid.btn--white:focus, .btn--icon.btn--solid.btn--white:hover {
  background-color: #8FBE44;
  border-color: #8FBE44;
  fill: #fff;
}
.btn--icon.btn--solid.btn--white {
  fill: #000;
}
.btn--icon.btn--solid.btn--black1 {
  fill: #fff;
}
.btn--icon.btn--solid.btn--black2 {
  fill: #fff;
}
.btn--icon.btn--solid.btn--white2 {
  background-color: #fff;
  border-color: #fff;
  fill: #000;
}
.btn--icon.btn--solid.btn--white2:focus, .btn--icon.btn--solid.btn--white2:hover {
  background-color: #19181D;
  border-color: #19181D;
  fill: #fff;
}
.btn--icon.btn--black2 {
  fill: #000;
  border-color: transparent;
}
.btn--icon.btn--black2:focus, .btn--icon.btn--black2:hover {
  background-color: #19181D;
  border-color: #19181D;
  fill: #fff;
}
.btn--icon.btn--white2 {
  fill: #fff;
  border-color: transparent;
}
.btn--icon.btn--white2:focus, .btn--icon.btn--white2:hover {
  background-color: #fff;
  border-color: #fff;
  fill: #19181D;
}

.btn--fill-black {
  fill: #000;
}
.btn--dot {
  border-radius: 50%;
}

.btn--center {
  text-align: center;
}

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

.btn--lined {
  text-decoration: underline;
}

.btn--inlined span {
  display: inline-block;
  vertical-align: top;
}
.btn--inlined .btn__icon {
  margin-right: 10px;
  height: 20px !important;
}

.btn--sm .btn__icon:not([class*=btn__icon--]) {
  width: 12px;
  height: 12px;
}

.btn--md .btn__icon:not([class*=btn__icon--]) {
  width: 12px;
  height: 12px;
}

.btn--lg .btn__icon:not([class*=btn__icon--]) {
  width: 12px;
  height: 12px;
}

.btn__icon--social {
  width: 20px;
  height: 20px;
}

.cards--archive {
  display: grid;
  grid-template-rows: auto;
}
@media (max-width: 767px) {
  .cards--archive {
    margin-left: -15px;
    margin-right: -15px;
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .cards--archive {
    grid-gap: 65px 60px;
  }
}
@media (min-width: 960px) and (max-width: 1179px) {
  .cards--archive {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 95px 80px;
  }
}
@media (min-width: 1180px) {
  .cards--archive {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 95px 130px;
  }
}

@media (max-width: 1199px) {
  .cards--categories.cards--flickity:after {
    content: "flickity";
    display: none;
  }
  .cards--categories.cards--flickity .card {
    width: 180px;
    margin-right: 15px;
  }
}
@media (max-width: 399px) {
  .cards--categories.cards--flickity {
    width: calc(100vw - 20px);
  }
}
@media (min-width: 380px) and (max-width: 410px) {
  .cards--categories.cards--flickity .card {
    width: 45%;
  }
}
@media (min-width: 400px) and (max-width: 499px) {
  .cards--categories.cards--flickity {
    width: calc((100vw - 400px) / 2 + 400px - 20px);
  }
}
@media (min-width: 500px) and (max-width: 767px) {
  .cards--categories.cards--flickity {
    width: calc((100vw - 500px) / 2 + 500px - 20px);
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .cards--categories.cards--flickity {
    width: calc((100vw - 768px) / 2 + 768px - 20px);
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .cards--categories.cards--flickity {
    width: calc((100vw - 960px) / 2 + 960px - 20px);
  }
  .cards--categories.cards--flickity .card {
    width: 165px;
  }
}
@media (min-width: 1200px) {
  .cards--categories.cards--flickity {
    display: grid;
    grid-template-rows: auto;
    grid-gap: 32px;
    grid-template-columns: repeat(6, 1fr);
  }
}
.cards--categories:not(.cards--flickity) {
  display: grid;
  grid-template-rows: auto;
  grid-gap: 20px;
}
@media (max-width: 479px) {
  .cards--categories:not(.cards--flickity) {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cards--categories:not(.cards--flickity) {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .cards--categories:not(.cards--flickity) {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 32px;
  }
}
@media (min-width: 1200px) {
  .cards--categories:not(.cards--flickity) {
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 32px;
  }
}

.card--has-border .card__inner {
  border: 1px solid #E8E8E8;
}

@media (max-width: 959px) {
  .cards--products:after {
    content: "flickity";
    display: none;
  }
  .cards--products .card {
    width: 165px;
    margin-right: 15px;
  }
}
@media (min-width: 960px) {
  .cards--products {
    display: grid;
    grid-template-rows: auto;
    grid-gap: 14px;
  }
}

@media (min-width: 768px) and (max-width: 959px) {
  .cards--products-center.cards--five, .cards--products-center.cards--sixs {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .cards--products-center.cards--five .card, .cards--products-center.cards--sixs .card {
    width: 205px;
  }
}
@media (max-width: 767px) {
  .cards--products-center {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .cards--products-center .card {
    width: 205px;
  }
}
@media (max-width: 399px) {
  .cards--products-right {
    width: calc(100vw - 20px);
  }
}
@media (min-width: 400px) and (max-width: 499px) {
  .cards--products-right {
    width: calc((100vw - 400px) / 2 + 400px - 20px);
  }
}
@media (min-width: 500px) and (max-width: 767px) {
  .cards--products-right {
    width: calc((100vw - 500px) / 2 + 500px - 20px);
  }
}

@media (min-width: 960px) and (max-width: 1199px) {
  .cards--one,
  .cards--two,
  .cards--three {
    grid-template-columns: repeat(auto-fill, minmax(279px, 1fr));
  }
  .cards--four {
    grid-template-columns: repeat(4, 1fr);
  }
  .cards--five {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 1200px) {
  .cards--one,
  .cards--two,
  .cards--three {
    grid-template-columns: repeat(auto-fill, minmax(279px, 1fr));
  }
  .cards--four {
    grid-template-columns: repeat(4, 1fr);
  }
  .cards--five {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .cards--six {
    grid-template-columns: repeat(5, 1fr);
  }
  .cards--six .card:nth-child(6) {
    display: none;
  }
}
@media (min-width: 1200px) {
  .cards--six {
    grid-template-columns: repeat(6, 1fr);
  }
}

.cards--icons {
  display: grid;
  grid-template-rows: auto;
  grid-gap: 15px;
  grid-template-columns: repeat(8, 1fr);
}

.card--icon {
  text-align: center;
}
.card--icon .svg {
  display: inline-block;
  width: 30px;
  height: 30px;
}
.card--icon code {
  display: block;
  text-align: center;
  font-size: 80%;
}

.card--category {
  box-shadow: inset 0 0 0 2px #8FBE44;
  border-radius: 10px;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  min-height: 220px;
}
.card--category:hover {
  background-color: #fff;
  border-color: #fff;
  box-shadow: inset 0 0 0 2px #fff;
}
.card--category:hover .card__title {
  color: #19181D;
}
.card--category:hover .card__icon--big {
  fill: #19181D;
}
.card--category .card__title {
  transition: color 0.3s ease-in-out;
  position: absolute;
  bottom: 25px;
  left: 20px;
  right: 20px;
  padding-right: 20px;
}
.card--category .card__icon--arrow {
  width: 15px;
  height: 15px;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  fill: #8FBE44;
  transition: fill 0.3s ease-in-out;
}
.card--category .card__icon--big {
  width: 78px;
  height: 53px;
  fill: #8FBE44;
  position: absolute;
  top: 65px;
  left: 50%;
  transform: translateX(-50%);
}

.back-white .card--category:hover {
  background-color: #2C2B2E;
  border-color: #2C2B2E;
  box-shadow: inset 0 0 0 2px #2C2B2E;
}
.back-white .card--category:hover .card__title {
  color: #fff;
}
.back-white .card--category:hover .card__icon--big {
  fill: #fff;
}

.card--location {
  padding: 24px 0;
  border-bottom: 1px solid #2C2B2E;
}
.card--location:first-child {
  border-top: 1px solid #2C2B2E;
}
.card--location .card__title {
  font-size: 16px;
  line-height: 19px;
}

[data-whatintent=mouse] .cards--products {
  overflow: hidden;
}
[data-whatintent=mouse] .card--simple-product:focus-within .card__arrow, [data-whatintent=mouse] .card--simple-product:hover .card__arrow {
  bottom: 20px;
  opacity: 1;
}

.woocommerce-cart .card--simple-product .card__image,
.home .card--simple-product .card__image {
  width: 100%;
}

@media (max-width: 959px) {
  .card--simple-product {
    height: 255px;
  }
}
.card--simple-product .card__figure {
  width: 100%;
  text-align: center;
  height: 156px;
}
@media (min-width: 960px) and (max-width: 1199px) {
  .card--simple-product .card__figure {
    height: 139px;
  }
}
@media (min-width: 768px) {
  .card--simple-product .card__figure {
    height: 156px;
  }
}
.card--simple-product .card__image {
  object-fit: cover;
  height: 100%;
  width: auto;
  display: inline-block;
  mix-blend-mode: multiply;
}
.card--simple-product .card__content {
  padding: 16px 10px 20px;
}
.card--simple-product .card__title h2, .card--simple-product .card__title h3 {
  text-transform: uppercase;
}
.card--simple-product .card__title p:empty {
  display: none;
}
.card--simple-product .card__inner {
  overflow: hidden;
  height: 100%;
}
.card--simple-product .card__arrow {
  position: absolute;
  bottom: -20px;
  right: 20px;
  transition: bottom 0.2s ease-in-out, opacity 0.2s ease-in-out;
  opacity: 0;
}
.card--simple-product .card__icon {
  width: 15px;
  height: 15px;
  fill: #8FBE44;
}

@media (min-width: 1100px) and (max-width: 1199px) {
  .cards--three.cards--products .card--product .card__figure {
    height: 220px;
  }
}
@media (min-width: 1200px) {
  .cards--three.cards--products .card--product .card__figure {
    height: 280px;
  }
}

.card--product {
  display: flex;
  flex-direction: column;
}
@media (max-width: 959px) {
  .card--product .card__header {
    flex-wrap: wrap;
  }
}
.card--product .card__details {
  padding-top: 15px;
  margin-top: auto;
}
.card--product .card__tagline {
  background-color: #4A4A4A;
  color: #fff;
  text-align: center;
  padding: 7px 30px;
  line-height: 15px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.card--product .card__tagline span {
  font-weight: 700;
}
.card--product .card__figure {
  width: 100%;
  text-align: center;
  border-radius: 8px 8px 0 0;
}
@media (max-width: 339px) {
  .card--product .card__figure {
    height: 230px;
  }
}
@media (min-width: 340px) and (max-width: 369px) {
  .card--product .card__figure {
    height: 266px;
  }
}
@media (min-width: 370px) and (max-width: 499px) {
  .card--product .card__figure {
    height: 304px;
  }
}
@media (min-width: 500px) and (max-width: 767px) {
  .card--product .card__figure {
    height: 380px;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .card--product .card__figure {
    height: 260px;
  }
}
@media (min-width: 960px) and (max-width: 1099px) {
  .card--product .card__figure {
    height: 328px;
  }
}
@media (min-width: 1100px) and (max-width: 1199px) {
  .card--product .card__figure {
    height: 328px;
  }
}
@media (min-width: 1200px) {
  .card--product .card__figure {
    height: 400px;
  }
}
.card--product .card__title p:empty {
  display: none;
}
.card--product .rating {
  position: relative;
  width: 80px;
  height: 14px;
  display: inline-block;
  font-size: 13px;
  line-height: 15px;
}
.card--product .rating__icon {
  width: 80px;
  height: 14px;
  fill: #FFCD18;
}
.card--product .card__review {
  display: flex;
  gap: 7px;
  align-items: center;
  line-height: 15px;
  font-weight: 400;
  font-size: 13px;
}
.card--product .card__price {
  background-color: #8FBE44;
  color: #fff;
  line-height: 20px;
  padding: 8px 10px 8px 10px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
}
@media (min-width: 768px) {
  .card--product .card__price {
    font-size: 16px;
    padding: 8px 14px 8px 21px;
  }
}
.card--product .card__image {
  object-fit: cover;
  height: 100%;
  width: auto;
  display: inline-block;
  mix-blend-mode: multiply;
}
.card--product .card__btn {
  white-space: nowrap;
  padding: 7px 15px;
}
.card--product .card__inner {
  padding: 20px 35px 20px;
  border-radius: 0 0 8px 8px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  background: #f6f6f6;
}
@media (min-width: 960px) {
  .card--product .card__inner {
    padding: 30px 50px 20;
  }
}
@media (max-width: 767px) {
  .card--product .card__heading {
    font-size: 18px;
  }
}
.card--product .card__list {
  text-transform: uppercase;
  list-style: circle;
}
.card--product .card__list li {
  display: inline-block;
}
.card--product .card__badges {
  padding-top: 10px;
}
.card--product .card__rating + .card__badges {
  padding-top: 5px;
}
.card--product .card__actions {
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 63px;
  left: 17px;
  right: 17px;
}
.card--product .card__btn {
  margin-left: 20px;
}
.card--product .card__footer {
  border-top: 1px solid #DCE3EC;
  padding-top: 20px;
  margin-top: 30px;
  text-align: center;
  font-size: 13px;
  line-height: 15px;
}
.card--product .rating__icon {
  fill: #8FBE44;
}
.card--product .card__type_icon {
  width: 30px;
  height: 30px;
}
.card--product .card__shape_icon {
  width: 25px;
  height: 25px;
}
.card--product .card__type,
.card--product .card__shape {
  display: flex;
  gap: 10px;
  align-items: center;
}
.card--product .card_shape_text.featured {
  position: relative;
}
.card--product .card_shape_text.featured::after {
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  background-color: #8FBE44;
  content: "";
}

.card__listitem-text {
  position: relative;
  padding-left: 8px;
}
.card__listitem-text::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #19181D;
}

.card--has-image:focus .card__image, .card--has-image:hover .card__image {
  transform: scale(1.15);
}
.card--has-image .card__figure {
  overflow: hidden;
}
.card--has-image .card__image {
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
}

.media__button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.media__button.u-loaded {
  display: none;
}

.media__icon {
  width: 75px;
  height: 75px;
}
@media (min-width: 768px) {
  .media__icon {
    width: 100px;
    height: 100px;
  }
}

.media__icon--play {
  fill: #fff;
}

.media__caption {
  margin-top: 2px;
  padding: 5px 10px;
  color: #fff;
  display: block;
}

.media__wrapper {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.media__wrapper:not(.u-visible) {
  display: none;
}

.media__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.form {
  position: relative;
  z-index: 1;
}

.form__fieldset {
  padding: 0;
}

.form__field:not(:first-child) {
  margin-top: 17px;
}

.form__label {
  margin-bottom: 7px;
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  display: block;
}

.form__input {
  width: 100%;
  line-height: 22px;
  background-color: #fff;
  border: 2px solid #e9e9e9;
  border-radius: 4px;
  font-weight: 500;
  text-indent: 12px;
  padding: 11px 0;
  appearance: none;
  transition: box-shadow 0.3s ease-in-out;
}

.form__icon--search {
  width: 20px;
  height: 20px;
}

@media (min-width: 768px) {
  .form--search {
    width: 100%;
  }
}
.form--search .form__field {
  width: calc(100% - 60px);
}
.form--search .form__submit {
  bottom: 0px;
  right: 0px;
  background-color: #000;
  fill: #fff;
  transition: background 0.3s ease-in-out, fill 0.3s ease-in-out;
  width: 48px;
  height: 48px;
  border-radius: 0 4px 4px 0;
  z-index: 2;
}
.form--search .form__submit:focus, .form--search .form__submit:hover {
  background-color: #000;
  fill: #fff;
}

.icon--backdrop::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
}

.icon--black {
  fill: #000;
}
.icon--black::after {
  background-color: rgba(0, 0, 0, 0.3);
}

.icon-20 {
  width: 20px;
  height: 20px;
}

.svg {
  width: inherit;
  height: inherit;
  display: block;
}

.filters__icon {
  width: 30px;
  height: 30px;
}

.icon-14 {
  width: 14px;
  height: 14px;
}

.social__link {
  display: inline-block;
  position: relative;
  border-radius: 4px;
}

.social--footer::after {
  display: table;
  clear: both;
  content: "";
}
.social--footer .social__icon {
  width: 22px;
  height: 22px;
}
.social--footer .social__holder {
  width: 22px;
  height: 22px;
  position: relative;
}
.social--footer .social__link {
  display: inline-block;
  position: relative;
  fill: #fff;
  margin-right: 10px;
}
.social--footer .social__link--facebook:focus, .social--footer .social__link--facebook:hover {
  fill: #4267b2;
}
.social--footer .social__link--linkedin:focus, .social--footer .social__link--linkedin:hover {
  fill: #007CBC;
}
.social--footer .social__link--twitter:focus, .social--footer .social__link--twitter:hover {
  fill: #1da0f2;
}
.social--footer .social__link--youtube:focus, .social--footer .social__link--youtube:hover {
  fill: #FF1901;
}
.social--footer .social__link--instagram:focus, .social--footer .social__link--instagram:hover {
  fill: #8a3ab9;
}
.social--footer .social__link--pinterest:focus, .social--footer .social__link--pinterest:hover {
  fill: #e60023;
}

.social--backdrop .social__link--facebook {
  background-color: #4267b2;
  fill: #fff;
}
.social--backdrop .social__link--facebook:focus, .social--backdrop .social__link--facebook:hover {
  background-color: transparent;
  border-color: #4267b2;
  fill: #4267b2;
  box-shadow: 0 0 0 1px #000;
}
.social--backdrop .social__link--pinterest {
  background-color: #D73633;
  fill: #fff;
}
.social--backdrop .social__link--pinterest:focus, .social--backdrop .social__link--pinterest:hover {
  background-color: transparent;
  border-color: #D73633;
  fill: #D73633;
  box-shadow: 0 0 0 1px #000;
}
.social--backdrop .social__link--twitter {
  background-color: #1da0f2;
  fill: #fff;
}
.social--backdrop .social__link--twitter:focus, .social--backdrop .social__link--twitter:hover {
  background-color: transparent;
  border-color: #1da0f2;
  fill: #1da0f2;
  box-shadow: 0 0 0 1px #000;
}
.social--backdrop .social__link--envelope {
  background-color: #000;
  fill: #fff;
}
.social--backdrop .social__link--envelope:focus, .social--backdrop .social__link--envelope:hover {
  background-color: transparent;
  border-color: #000;
  fill: #000;
  box-shadow: 0 0 0 1px #000;
}
.social--backdrop .social__link--whatsapp {
  background-color: #57B829;
  fill: #fff;
}
.social--backdrop .social__link--whatsapp:focus, .social--backdrop .social__link--whatsapp:hover {
  background-color: transparent;
  border-color: #57B829;
  fill: #57B829;
  box-shadow: 0 0 0 1px #000;
}

.social--modal .social__holder {
  width: 50px;
  height: 50px;
}
.social--modal .social__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
}

.social__holder {
  display: block;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}
img.alignright {
  float: right;
  margin: 5px 0 10px 10px;
}
img.alignnone {
  float: none;
  margin: 5px 10px 10px 0;
}
img.alignleft {
  margin: 5px 10px 10px 0;
}
img.aligncenter {
  display: block;
  margin: 0 auto;
}
img.size-full {
  height: auto;
  margin-bottom: 10px;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pagination {
  margin-top: 20px;
  width: 100%;
  float: left;
}

.pagination--block .pagination__link,
.pagination--block .pagination__current {
  border-style: solid;
  border-width: 2px;
}
.pagination--block .pagination__link {
  background: #000;
  border-color: #000;
  color: #fff;
}
.pagination--block .pagination__link:focus, .pagination--block .pagination__link:hover {
  background: black;
  border-color: black;
}
.pagination--block .pagination__link:active {
  background: black;
  border-color: solid black;
}
.pagination--block .pagination__link,
.pagination--block .pagination__current {
  border-radius: 3px;
}
.pagination--block .pagination__current {
  background: #000;
  border-color: #000;
  color: #fff;
}

.pagination__link.icon:before {
  font-size: 11px;
  line-height: 11px;
}

.pagination__numbers {
  text-align: center;
}

.pagination__current,
.pagination__link {
  display: inline-block;
  padding: 8px 18px;
}

.pagination__detailed-info {
  padding-top: 10px;
}

.notice {
  position: relative;
  z-index: 14;
  min-height: 50px;
}
.notice--small {
  display: flex;
  align-items: center;
  margin-top: 15px;
  padding: 9px 10px 7px 40px;
  border-radius: 8px;
}
@media (min-width: 768px) {
  .notice--small {
    padding: 10px 13px 13px 40px;
  }
}
.notice--small .notice__holder {
  width: 40px;
}

.notice--middle {
  align-items: center;
  padding: 9px 50px 9px 10px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .notice--middle {
    padding: 10px 60px 13px;
    border-radius: 8px;
    margin: 10px auto 10px;
  }
}
.notice--middle .notice__holder {
  width: 50px;
}
.notice--middle .notice__close {
  width: 50px;
  border-radius: 0 8px 8px 0;
}

.notice--large {
  padding-top: 29px;
  padding-bottom: 29px;
  padding-left: 30px;
  border-radius: 8px;
}

@media (min-width: 768px) {
  .notice--large {
    padding-left: 84px;
  }
}
.notice--large .notice__heading {
  max-width: 250px;
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .notice--large .notice__heading {
    padding-left: 38px;
  }
}
@media (min-width: 768px) {
  .notice--large .notice__heading {
    margin-right: 28px;
    max-width: 3000px;
    margin-bottom: 0;
  }
}
.notice--large .notice__icon {
  fill: inherit;
}
.notice--large .notice__holder {
  width: 24px;
  height: 48px;
}
@media (max-width: 767px) {
  .notice--large .notice__holder {
    top: 29px;
    left: 30px;
  }
}
@media (min-width: 768px) {
  .notice--large .notice__holder {
    width: 84px;
    height: 84px;
  }
}
@media (min-width: 768px) {
  .notice--large {
    display: flex;
  }
}

@media (min-width: 768px) and (max-width: 959px) {
  .notice--grid {
    max-width: 728px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .notice--grid {
    max-width: 920px;
  }
}
@media (min-width: 1200px) {
  .notice--grid {
    max-width: 1160px;
  }
}

@media (min-width: 768px) and (max-width: 959px) {
  .woocommerce-cart .notice--grid {
    max-width: 728px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .woocommerce-cart .notice--grid {
    max-width: 640px;
  }
}
@media (min-width: 1200px) {
  .woocommerce-cart .notice--grid {
    width: 800px;
  }
}

.notice__holder {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
}

.notice__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.notice__icon--alert {
  width: 24px;
  height: 24px;
}

.notice__icon--info {
  width: 16px;
  height: 16px;
}

.notice__close {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  transition: background-color 0.3s ease-in-out;
}

.notice__icon--close {
  width: 15px;
  height: 15px;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}

.notice--alert {
  background-color: #2C2B2E;
  fill: #8FBE44;
  color: #fff;
}
.notice--alert .notice__close:focus, .notice--alert .notice__close:hover {
  background-color: #19181D;
}

.notice--success {
  background-color: #19181D;
  color: #fff;
  fill: #8FBE44;
}

.notice--info {
  background-color: #D5E7B8;
  color: #19181D;
  fill: #8FBE44;
}

.notice--hidden {
  display: none;
}

.site-footer {
  background-color: #19181D;
  border-top: 1px solid #2C2B2E;
}

.feedbackcompany {
  display: flex;
  align-items: center;
  justify-content: center;
}

.feedbackcompany__icon {
  width: 70px;
  height: auto;
  margin-right: 15px;
}

.company-links__row {
  padding-top: 26px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 40px;
}
@media (max-width: 767px) {
  .company-links__row {
    padding-left: 25px;
  }
}
@media (min-width: 960px) {
  .company-links__row {
    margin-left: 50px;
  }
}
.company-links__row .prose {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.company-links {
  margin-top: 60px;
}

.company-links_col .btn svg {
  fill: #8FBE44;
}

.company-info__row {
  border-top: 1px solid #2C2B2E;
  padding-top: 45px;
  padding-bottom: 45px;
  border-bottom: 1px solid #2C2B2E;
}

.company-meta {
  margin-top: 30px;
}

.company-meta-links__row {
  border-top: 1px solid #2C2B2E;
  padding-top: 30px;
  padding-bottom: 60px;
}

.company-meta__links a {
  line-height: 24px;
}
@media (min-width: 768px) {
  .company-meta__links li {
    display: inline-block;
  }
  .company-meta__links li:not(:first-child) {
    margin-left: 48px;
  }
}

.footer__menu li:not(:first-child) {
  margin-top: 19px;
}

.company-services {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.company-service {
  padding: 24px;
  border-radius: 18px;
  background: rgba(44, 43, 46, 0.5019607843);
}
.company-service .heading {
  padding-bottom: 25px;
  border-bottom: 1px solid #4A484F;
  gap: 10px;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.company-service .heading svg {
  fill: #8FBE44;
  width: 22px;
  height: 22px;
}
.company-service .prose {
  display: flex;
  gap: 14px;
  flex-direction: column;
}

.home .elements {
  margin-top: 28px;
}

.element {
  position: relative;
}
@media (max-width: 767px) {
  .element:not([class*=back-]) {
    margin-top: 45px;
    margin-bottom: 45px;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .element:not([class*=back-]) {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
@media (min-width: 960px) {
  .element:not([class*=back-]) {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
.element:not(.element--hero):not([class*=back-]):first-child {
  margin-top: 0;
}
.element:not([class*=back-]):last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .element[class*=back-] {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .element[class*=back-] {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.element[class*=back-] + [class*=back-] {
  padding-top: 0;
}
.element.back-black {
  color: #fff;
  fill: #fff;
}

@media (max-width: 767px) {
  .element--content-image .heading--has-image {
    display: flex;
    align-items: center;
  }
  .element--content-image .heading--has-image .element__figure {
    margin-right: 20px;
  }
  .element--content-image .heading--has-image img {
    width: 72px;
    height: auto;
  }
}
@media (min-width: 768px) {
  .element--content-image .element__figure {
    margin-top: 25px;
  }
}
.element--content-image .element__figure {
  padding: 17px 27px;
  border-radius: 10px;
  background-color: #fff;
}

.element--select .element__column {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-gap: 40px;
}
@media (min-width: 960px) {
  .element--select .element__column {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.element--equal .element__row {
  display: flex;
}

@media (min-width: 960px) and (max-width: 1199px) {
  .element--is-compact .element__column {
    padding-left: 8.33%;
    padding-right: 8.33%;
  }
}
@media (min-width: 1200px) {
  .element--is-compact .element__column {
    padding-left: 16.66%;
    padding-right: 16.66%;
  }
}

.element__hidden:not(.toggler) {
  display: none;
}

.element__hidden-offset1:not(.toggler) .element__prose *:first-child {
  margin-bottom: 0;
}
.element__hidden-offset1:not(.toggler) .element__prose *:nth-child(n+2) {
  display: none;
}

.element__partial:not(.toggler) *:not(:first-child) {
  display: none;
}

.element__row:nth-child(odd) .element__graphic {
  order: 1;
  -ms-flex-order: 1;
}
.element__row:nth-child(odd) .element__text {
  order: 2;
  -ms-flex-order: 2;
}
.element__row:nth-child(even) .element__graphic {
  order: 2;
  -ms-flex-order: 2;
}
.element__row:nth-child(even) .element__text {
  order: 1;
  -ms-flex-order: 1;
}

@media (min-width: 768px) {
  .element--feedback.element {
    margin-top: -30px;
    margin-bottom: -30px;
  }
}

.back-white .element__brands-item {
  background-color: #f6f6f6;
}

.back-black1 .element__brands-item {
  background-color: #fff;
}

.element--brands .element__brands {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  grid-gap: 20px;
}
.element--brands .element__brands-item {
  height: 140px;
  border-radius: 6px;
  position: relative;
}
.element--brands .element__brands-item:hover img {
  transform: scale(1.1);
}
.element--brands .element__brands-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.element--brands .element__brands-item-image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}
.element--brands .element__brands-item-image img {
  transition: all 0.2s ease-in-out;
  width: 60px;
  height: 60px;
}
.element--brands .element__brands-item-title {
  margin: 0 7px;
  padding: 7px 0;
  border-top: 1px solid #DCE3EC;
  color: #2C2B2E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.element__tabler {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 30px;
}
@media (min-width: 1200px) {
  .element__tabler {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 1199px) {
  .element__tabler-flickity {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1200px) {
  .element__tabler-flickity {
    display: flex;
  }
  .element__tabler-flickity .table_products {
    flex: 1;
  }
}
@media (max-width: 479px) {
  .element__tabler-flickity .element__tabler-table {
    max-width: 365px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .element__tabler-flickity .element__tabler-table {
    max-width: 460px;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .element__tabler-flickity .element__tabler-table {
    max-width: 728px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .element__tabler-flickity .element__tabler-table {
    max-width: 920px;
  }
}
@media (min-width: 1200px) {
  .element__tabler-flickity .element__tabler-table {
    width: 565px;
  }
}

.table_products_list--grid {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .table_products_list--grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (hover: hover) and (pointer: fine) {
  [class*=u-flow] {
    --flow-gap: 35px;
  }
}
@media (max-width: 767px) {
  .md-down\:u-flow-right {
    width: calc(100vw - var(--flow-gap, 20px));
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .md-down\:u-flow-right {
    width: calc(50vw + 384px - var(--flow-gap, 20px));
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .md-down\:u-flow-right {
    width: calc(50vw + 480px - var(--flow-gap, 20px));
  }
}

@media (min-width: 1200px) {
  .lg\:u-flow-right {
    width: calc(50vw + 600px - 18px);
  }
}

.table_products_list--flickity .table__card {
  width: 250px;
  margin-right: 30px;
}
.table_products_list--flickity .flickity-button {
  width: 30px;
  height: 30px;
}
.table_products_list--flickity.flickity-enabled {
  position: unset;
}
.table_products_list--flickity .flickity-button {
  position: absolute;
  top: -5px;
  transform: unset;
  opacity: 1 !important;
  background-color: #2C2B2E;
  color: #fff;
  fill: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 500px) {
  .table_products_list--flickity .flickity-button {
    display: none;
  }
}
.table_products_list--flickity .flickity-button:focus, .table_products_list--flickity .flickity-button:hover {
  background-color: #2C2B2E;
  color: #fff;
  fill: #fff;
}
.table_products_list--flickity .flickity-button .flickity-button-icon {
  fill: inherit;
  width: 14px;
  height: 14px;
  position: relative;
  top: unset;
  height: unset;
  left: unset;
}
.table_products_list--flickity .flickity-button:disabled {
  opacity: 0.6 !important;
  cursor: not-allowed;
  pointer-events: none;
}
.table_products_list--flickity .flickity-button.next {
  right: 40px;
}
.table_products_list--flickity .flickity-button.previous {
  right: 80px;
  left: unset;
}

.table__card {
  position: relative;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.table__card .card__inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  flex-grow: 1;
}
.table__card .card__content {
  padding: 24px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.table__card .card__image {
  aspect-ratio: 16/11;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
}
.table__card .product-rating {
  margin-bottom: 0;
}
.table__card .card__details {
  flex-direction: column;
  gap: 4px;
}
.table__card .card__type {
  display: flex;
  gap: 8px;
  align-items: center;
}
.table__card .card__price {
  padding-top: 25px;
  margin-top: auto;
}
.table__card .card__price .btn {
  padding-top: 6px;
  padding-bottom: 10px;
}

.element--featured-content.has-bg .element__inner {
  border-radius: 14px;
  padding: 24px;
}
@media (min-width: 768px) {
  .element--featured-content.has-bg .element__inner {
    padding: 48px;
  }
}
.element--featured-content.bg-offwhite .element__inner {
  background-color: #F6F6F6;
}

.color-dark {
  color: #19181D;
  fill: #19181D;
}

.color-light {
  color: #fff;
  fill: #fff;
}

.element--cta-manual .ctas--manual-2 {
  gap: 34px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
@media (min-width: 768px) {
  .element--cta-manual .ctas--manual-2 {
    gap: 68px;
    grid-template-columns: repeat(auto-fill, minmax(490px, 1fr));
  }
}
.element--cta-manual .ctas--manual-3 {
  gap: 52px;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
.element--cta-manual.has-bg .ctas--manual-2 {
  gap: 48;
}
.element--cta-manual.has-bg .ctas--manual-3 {
  gap: 24px;
}
.element--cta-manual.has-bg .element__inner {
  padding: 24px;
  border-radius: 14px;
}
@media (min-width: 768px) {
  .element--cta-manual.has-bg .element__inner {
    padding: 48px;
  }
}
.element--cta-manual.bg-darkgray .element__inner {
  background-color: #403F46;
}
.element--cta-manual.bg-offwhite .element__inner {
  background-color: #F6F6F6;
}

@media (min-width: 1200px) {
  .ctas--manual {
    display: grid;
  }
}
@media (max-width: 1199px) {
  .ctas--manual::after {
    content: "flickity";
    display: none;
  }
}
.ctas--manual.flickity-enabled .cta__manual {
  width: 275px;
  margin-right: 24px;
}
@media (min-width: 600px) {
  .ctas--manual.flickity-enabled .cta__manual {
    width: 350px;
  }
}
.ctas--manual .btn--solid.btn--green1 {
  color: #19181D;
  font-weight: 600 !important;
}
.ctas--manual .card__image {
  aspect-ratio: 16/8;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.element__usper-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #8FBE44;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3px;
}
.element__usper-icon svg {
  fill: #000;
  width: 12px;
  height: 12px;
}

.element--usp-with-slider .element__subtitle,
.element--usp-with-slider .element__heading {
  max-width: 540px;
}

.element--not-found .btn--md {
  padding: 14px;
}

.crumbs {
  padding-top: 17px;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .crumbs {
    padding-top: 18px;
    padding-bottom: 18px;
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) {
  .crumbs--bg {
    background-color: #ccc;
    padding: 7px 0;
    border-bottom: 1px solid #ccc;
  }
}

.crumbs__prose > * {
  margin-right: 7px;
}
.crumbs__prose a {
  font-weight: 700;
}

.crumbs__icon {
  width: 5px;
  height: 15px;
}

.element--content .element__content[class*=back-] {
  padding: 35px 30px 32px;
}

@media (min-width: 960px) {
  .element--content .prose.t-columns {
    column-count: 2;
    column-gap: 30px;
  }
  .element--content .prose.t-columns > *:first-child {
    column-span: all;
  }
}
@media (min-width: 480px) {
  .element--form .element__container[class*=back-] {
    border-radius: 30px;
  }
}
@media (max-width: 767px) {
  .element--form .element__container[class*=back-] {
    padding: 34px;
  }
}
@media (max-width: 479px) {
  .element--form .element__container[class*=back-] {
    position: relative;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 768px) {
  .element--form .element__container[class*=back-] {
    padding: 75px 90px 90px;
  }
}

@media (max-width: 767px) {
  .cta--hero {
    position: relative;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    padding: 50px 0;
  }
  .cta--hero .cta__content {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 767px) {
  .cta--hero {
    min-height: 574px;
  }
}
@media (min-width: 768px) {
  .cta--hero {
    border-radius: 30px;
  }
}
.cta--hero .cta__content {
  width: 100%;
  max-width: 300px;
  padding: 45px 25px 45px 50px;
  border-radius: 14px;
}
@media (min-width: 767px) {
  .cta--hero .cta__content {
    position: absolute;
    top: 55px;
    left: 55px;
  }
}
.cta--hero .cta__link {
  padding-left: 45px;
  display: block;
  margin-bottom: 22px;
}
.cta--hero .cta__link:focus .cta__text, .cta--hero .cta__link:hover .cta__text {
  text-decoration: underline;
}
.cta--hero .cta__icon {
  width: 18px;
  height: 18px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.cta--hero .cta__bttns {
  padding-top: 8px;
}

.cta--visual {
  position: relative;
}
.cta--visual .cta__content {
  max-width: 320px;
  z-index: 2;
  position: relative;
}
@media (max-width: 767px) {
  .cta--visual .cta__content {
    margin-bottom: -26px;
  }
}
@media (min-width: 768px) {
  .cta--visual .cta__content {
    position: absolute;
    top: 55px;
    left: 45px;
  }
}
.cta--visual .cta__figure {
  float: left;
}
@media (max-width: 959px) {
  .cta--visual .cta__heading {
    font-size: 28px;
    line-height: 32px;
  }
}
@media (min-width: 960px) {
  .cta--visual .cta__heading {
    font-size: 37px;
    line-height: 39px;
  }
}
.cta--visual .cta__figure--big {
  width: 100%;
}
@media (min-width: 768px) {
  .cta--visual .cta__figure--big {
    width: 66.66%;
  }
}
.cta--visual .cta__figure--small {
  width: 50%;
}
@media (min-width: 768px) {
  .cta--visual .cta__figure--small {
    width: 33.33%;
  }
  .cta--visual .cta__figure--small:not(:first-child) {
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .cta--visual .cta__figure--small {
    padding-top: 12px;
  }
  .cta--visual .cta__figure--small:nth-of-type(2) {
    padding-right: 6px;
  }
  .cta--visual .cta__figure--small:last-child {
    padding-left: 6px;
  }
}
@media (min-width: 768px) {
  .cta--visual .cta__figure--small:last-child {
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .cta--visual .cta__btn {
    margin-left: 30px;
  }
}
.cta--visual .cta__image {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.cta--visual .cta__mask {
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.36) 100%);
}

.cta--random {
  position: relative;
}
.cta--random:not(.is-active) {
  display: none;
}
.cta--random .cta__content {
  max-width: 300px;
  z-index: 2;
  position: relative;
}
@media (max-width: 767px) {
  .cta--random .cta__content {
    margin-bottom: -26px;
  }
}
@media (min-width: 768px) {
  .cta--random .cta__content {
    position: absolute;
    top: 120px;
    left: 66px;
  }
}
.cta--random .cta__figure {
  float: left;
}
@media (max-width: 959px) {
  .cta--random .cta__heading {
    font-size: 28px;
    line-height: 32px;
  }
}
@media (min-width: 960px) {
  .cta--random .cta__heading {
    font-size: 37px;
    line-height: 39px;
  }
}
.cta--random .cta__figure--big {
  width: 100%;
}
@media (max-width: 767px) {
  .cta--random .cta__btn {
    margin-left: 30px;
  }
}
.cta--random .cta__image {
  width: 100%;
  height: auto;
  border-radius: 24px;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 768px) {
  .cta--random .cta__image {
    height: 574px;
  }
}
.cta--random .cta__mask {
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.36) 100%);
}

@media (max-width: 767px) {
  .cta--card {
    border-radius: 8px;
  }
}
@media (min-width: 768px) {
  .cta--card {
    border-radius: 30px;
  }
}
@media (max-width: 767px) {
  .cta--card .cta__inner {
    padding: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .cta--card .cta__inner {
    padding: 55px 65px 65px;
  }
}
@media (min-width: 1200px) {
  .cta--card .cta__inner {
    padding: 75px 90px 90px;
  }
}
.cta--card .cta__bttns {
  padding-top: 20px;
}
.cta--card:not([class*=back-]) {
  border: 1px solid #8FBE44;
}
.cta--card:not(.back-white) a[class=""],
.cta--card:not(.back-white) a:not([class]) {
  color: #8FBE44;
}

.cta--notice {
  padding: 38px 30px;
  position: relative;
}
@media (min-width: 768px) {
  .cta--notice {
    display: flex;
    align-items: center;
  }
  .cta--notice .cta__content {
    flex-grow: 1;
  }
}
@media (max-width: 767px) {
  .cta--notice::before {
    content: "";
    background-color: inherit;
    width: 100vw;
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .cta--notice .cta__content {
    padding-right: 25px;
  }
}
.cta--notice .cta__btn {
  white-space: nowrap;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .cta--notice {
    padding: 25px;
  }
}
@media (min-width: 1200px) {
  .cta--notice {
    padding: 37px 55px 37px 45px;
  }
}

@media (min-width: 768px) {
  .cta--card-figure {
    display: flex;
  }
}
.cta--card-figure:not([class*=back-]) {
  border: 0;
}
.cta--card-figure:not([class*=back-]) .cta__content {
  border-style: solid;
  border-color: #8FBE44;
}
@media (min-width: 768px) {
  .cta--card-figure:not([class*=back-]) .cta__content {
    border-width: 1px 0 1px 1px;
    border-radius: 30px 0 0 30px;
  }
}
@media (max-width: 767px) {
  .cta--card-figure:not([class*=back-]) .cta__content {
    border-radius: 8px 8px 0 0;
    border-width: 1px 1px 0 1px;
  }
}
.cta--card-figure .cta__figure {
  width: 100%;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.cta--card-figure .cta__content {
  width: 100%;
  display: flex;
}
.cta--card-figure .cta__inner {
  align-self: center;
}
@media (min-width: 768px) {
  .cta--card-figure .cta__inner {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .cta--card-figure .cta__inner {
    padding: 30px;
  }
}

@media (max-width: 767px) {
  .cta--card-figure .cta__figure {
    border-radius: 0 0 8px 8px;
  }
}
@media (min-width: 768px) {
  .cta--card-figure .cta__figure {
    border-radius: 0 30px 30px 0;
  }
}
@media (max-width: 499px) {
  .cta--card-figure .cta__figure {
    height: 285px;
  }
}
@media (min-width: 500px) and (max-width: 767px) {
  .cta--card-figure .cta__figure {
    height: 364px;
  }
}

@media (min-width: 768px) {
  .cta--figure-big .cta__figure {
    width: 50%;
    min-height: 433px;
  }
}
@media (min-width: 768px) {
  .cta--figure-big .cta__content {
    width: 50%;
  }
}

@media (min-width: 768px) and (max-width: 768px) {
  .cta--figure-small .cta__figure {
    width: 50%;
  }
}
@media (min-width: 960px) {
  .cta--figure-small .cta__figure {
    width: 320px;
    min-height: 320px;
    min-width: 320px;
  }
}

.accordion__item {
  position: relative;
}
.accordion__item:not(:first-child) .accordion__toggle {
  margin-top: 12px;
}

.accordion__toggle {
  box-shadow: inset 0 0 0 1px #2C2B2E;
  display: block;
  width: 100%;
  text-align: left;
  padding: 14px 55px 14px 20px;
  position: relative;
  z-index: 1;
  border-radius: 4px;
  transition: background-color 0.3s ease-in-out;
  fill: #fff;
}
.accordion__toggle.open .svg {
  transform: rotate(180deg);
}
.accordion__toggle.open, .accordion__toggle:focus, .accordion__toggle:hover {
  box-shadow: inset 0 0 0 1px #ABCF72;
}

.accordion__text {
  font-weight: 700;
}

.accordion__holder {
  width: 56px;
  position: absolute;
  top: 0;
  height: 100%;
  right: 0;
}

.accordion__icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 17px;
  fill: #19181D;
  transition: fill 0.3s ease-in-out;
}
.accordion__icon:not([class*=accordion__icon--]) {
  width: 15px;
  height: 15px;
}
.accordion__icon .svg {
  transition: transform 0.3s ease-in-out;
}

@media (min-width: 960px) {
  .accordion__status {
    background-color: #000;
    color: #fff;
    position: absolute;
    font-weight: 700;
    height: 40px;
    padding-left: 25px;
    padding-right: 25px;
    line-height: 40px;
    display: inline-block;
    top: 8px;
    right: 55px;
  }
  .accordion__status:before {
    content: "Nieuw!";
  }
}

.accordion__inner {
  padding: 40px 29px 32px;
  margin-top: 12px;
  position: relative;
  z-index: 1;
  border-radius: 4px;
}
@media (min-width: 768px) {
  .accordion__inner {
    padding: 34px 58px 34px 32px;
  }
}
.accordion__inner:not(.visible) {
  display: none;
}

@media (max-width: 959px) {
  .element--featured .cards--products .card--product {
    width: 300px;
  }
  .element--featured .flickity-enabled .flickity-button {
    opacity: 1;
  }
}
.media__gallery {
  display: grid;
  grid-template-rows: auto;
  grid-gap: 15px;
}
@media (min-width: 768px) {
  .media__gallery {
    grid-gap: 30px;
  }
}

.media__item {
  position: relative;
}

.media__image {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

@media (min-width: 480px) and (max-width: 767px) {
  .media__gallery--three {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .media__gallery--three {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 480px) {
  .media__gallery--two {
    grid-template-columns: repeat(2, 1fr);
  }
}

.element--hero.element {
  margin-top: 0;
  margin-bottom: 0;
}

body:not(.admin-bar) .hero.hero--regular {
  height: 300px;
}
body:not(.admin-bar) .hero.hero--tall {
  height: 500px;
}
@media (min-width: 768px) {
  body:not(.admin-bar) .hero.hero--tall {
    max-height: 500px;
  }
  body:not(.admin-bar) .hero.hero--regular {
    max-height: 400px;
  }
  body:not(.admin-bar) .hero.hero--short {
    max-height: 300px;
  }
}

@media (min-width: 768px) {
  .admin-bar .hero.hero--tall {
    max-height: 468px;
  }
  .admin-bar .hero.hero--regular {
    max-height: 368px;
  }
  .admin-bar .hero.hero--short {
    max-height: 268px;
  }
}

.hero {
  min-height: 300px;
}
@media (min-width: 768px) {
  .hero {
    height: 100vh;
    min-height: unset;
  }
}

.hero--top .hero__row {
  display: flex;
  align-items: flex-start;
}

.hero--center .hero__row {
  display: flex;
  align-items: center;
}

.hero--bottom .hero__row {
  display: flex;
  align-items: flex-end;
}

[class*=hero--gradient-]::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: rgb(0, 0, 0);
  z-index: 0;
}

.hero--gradient-from-top::before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.41) 100%);
}

.hero--gradient-from-bottom::before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
}

.hero--back {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.hero__row {
  height: 100%;
}

.media__btn {
  top: 15px;
  right: 15px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

@media (min-width: 768px) and (max-height: 750px) {
  .element--image .media__image {
    max-height: 550px;
    object-fit: cover;
  }
}

.element--has-rows .element__row:not([class*=back-]):not(:first-child) {
  margin-top: 60px;
}

@media (min-width: 768px) {
  .element--showcase .element__row[class*=back-] .showcase__content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.element--showcase .showcase__image {
  display: inline-block;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .element--showcase .showcase__image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
}
@media (min-width: 1200px) {
  .element--showcase.element--is-compact .element__column {
    padding-left: 8.33%;
    padding-right: 8.33%;
  }
}
@media (min-width: 768px) {
  .element--showcase .element__row:nth-child(even) .showcase__figure {
    order: 2;
  }
  .element--showcase .element__row:nth-child(even) .showcase__content {
    order: 1;
  }
}

@media (max-width: 767px) {
  .element--showcase .showcase__content {
    padding-top: 30px;
  }
}
.element--showcase-fullwidth .row {
  max-width: unset;
}
@media (max-width: 767px) {
  .element--showcase-fullwidth .showcase__image {
    border-radius: 8px;
  }
  .element--showcase-fullwidth .showcase {
    padding-bottom: 60px;
  }
  .element--showcase-fullwidth .element__row:first-child .showcase {
    padding-top: 40px;
  }
  .element--showcase-fullwidth .element__row:last-child .showcase {
    padding-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .element--showcase-fullwidth .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .element--showcase-fullwidth .showcase__content {
    padding-left: 60px;
    padding-right: 60px;
  }
}

.element--showcase-boxed .showcase {
  grid-gap: 30px;
}

@media (min-width: 768px) {
  .element--showcase-66-33 .showcase__figure {
    grid-column: 1/span 6;
  }
}
@media (min-width: 768px) and (min-width: 960px) and (max-width: 1199px) {
  .element--showcase-66-33 .showcase__figure {
    grid-column: 1/span 7;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .element--showcase-66-33 .showcase__figure {
    grid-column: 1/span 8;
  }
}
@media (min-width: 768px) {
  .element--showcase-66-33 .showcase__content {
    grid-column: 7/span 6;
  }
}
@media (min-width: 768px) and (min-width: 960px) and (max-width: 1199px) {
  .element--showcase-66-33 .showcase__content {
    grid-column: 8/span 5;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .element--showcase-66-33 .showcase__content {
    grid-column: 9/span 4;
  }
}
@media (min-width: 768px) {
  .element--showcase-66-33 .element__row:nth-child(even) .showcase__figure {
    grid-column: 7/span 6;
  }
}
@media (min-width: 768px) and (min-width: 960px) and (max-width: 1199px) {
  .element--showcase-66-33 .element__row:nth-child(even) .showcase__figure {
    grid-column: 6/span 7;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .element--showcase-66-33 .element__row:nth-child(even) .showcase__figure {
    grid-column: 5/span 8;
  }
}
@media (min-width: 768px) {
  .element--showcase-66-33 .element__row:nth-child(even) .showcase__content {
    grid-column: 1/span 6;
  }
}
@media (min-width: 768px) and (min-width: 960px) and (max-width: 1199px) {
  .element--showcase-66-33 .element__row:nth-child(even) .showcase__content {
    grid-column: 1/span 5;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .element--showcase-66-33 .element__row:nth-child(even) .showcase__content {
    grid-column: 1/span 4;
  }
}

@media (min-width: 768px) {
  .element--showcase-33-66 .showcase__figure {
    grid-column: 1/span 4;
  }
  .element--showcase-33-66 .showcase__content {
    grid-column: 5/span 8;
  }
  .element--showcase-33-66 .element__row:nth-child(even) .showcase__content {
    grid-column: 1/span 8;
  }
  .element--showcase-33-66 .element__row:nth-child(even) .showcase__figure {
    grid-column: 9/span 4;
  }
}

@media (min-width: 768px) {
  .element--showcase-50-50 .showcase__figure {
    grid-column: 1/span 6;
  }
  .element--showcase-50-50 .showcase__content {
    grid-column: 7/span 6;
  }
  .element--showcase-50-50 .element__row:nth-child(even) .showcase__content {
    grid-column: 1/span 6;
  }
  .element--showcase-50-50 .element__row:nth-child(even) .showcase__figure {
    grid-column: 7/span 6;
  }
}

@media (min-width: 768px) {
  .element--showcase-40-40.element--showcase-fullwidth .showcase__content {
    grid-column: 7/span 6;
  }
}
@media (min-width: 768px) and (min-width: 960px) {
  .element--showcase-40-40.element--showcase-fullwidth .showcase__content {
    grid-column: 7/span 5;
  }
}
@media (min-width: 768px) {
  .element--showcase-40-40.element--showcase-fullwidth .showcase__figure {
    grid-column: 1/span 6;
  }
  .element--showcase-40-40.element--showcase-fullwidth .element__row:nth-child(even) .showcase__content {
    grid-column: 1/span 6;
  }
}
@media (min-width: 768px) and (min-width: 960px) {
  .element--showcase-40-40.element--showcase-fullwidth .element__row:nth-child(even) .showcase__content {
    grid-column: 2/span 5;
  }
}
@media (min-width: 768px) {
  .element--showcase-40-40.element--showcase-fullwidth .element__row:nth-child(even) .showcase__figure {
    grid-column: 7/span 6;
  }
  .element--showcase-40-40.element--showcase-boxed .showcase__content {
    grid-column: 7/span 6;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .element--showcase-40-40.element--showcase-boxed .showcase__content {
    grid-column: 7/span 5;
  }
}
@media (min-width: 768px) {
  .element--showcase-40-40.element--showcase-boxed .showcase__figure {
    grid-column: 1/span 6;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .element--showcase-40-40.element--showcase-boxed .showcase__figure {
    grid-column: 2/span 5;
  }
}
@media (min-width: 768px) {
  .element--showcase-40-40.element--showcase-boxed .element__row:nth-child(even) .showcase__content {
    grid-column: 1/span 6;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .element--showcase-40-40.element--showcase-boxed .element__row:nth-child(even) .showcase__content {
    grid-column: 2/span 5;
  }
}
@media (min-width: 768px) {
  .element--showcase-40-40.element--showcase-boxed .element__row:nth-child(even) .showcase__figure {
    grid-column: 7/span 6;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .element--showcase-40-40.element--showcase-boxed .element__row:nth-child(even) .showcase__figure {
    grid-column: 7/span 5;
  }
}

@media (min-width: 768px) {
  .showcase {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: repeat(12, 1fr);
  }
}
.showcase .showcase__content {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .element__showcase[class*=back-] {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .element__showcase:not([class*=back-]):not(:first-child) {
    margin-top: 50px;
  }
}
@media (min-width: 768px) {
  .element__showcase:nth-child(odd) .element__graphic {
    order: 1;
    -ms-flex-order: 1;
  }
  .element__showcase:nth-child(odd) .element__figure {
    right: 0;
  }
  .element__showcase:nth-child(odd) .element__content {
    order: 2;
    -ms-flex-order: 2;
  }
  .element__showcase:nth-child(even) .element__graphic {
    order: 2;
    -ms-flex-order: 2;
  }
  .element__showcase:nth-child(even) .element__figure {
    left: 0;
  }
  .element__showcase:nth-child(even) .element__content {
    order: 1;
    -ms-flex-order: 1;
  }
}

.media__slide {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 479px) {
  .media__slide {
    height: 202px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .media__slide {
    height: 260px;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .media__slide {
    height: 410px;
  }
}
@media (min-width: 960px) {
  .media__slide {
    height: 450px;
  }
}

.tabs__nav {
  position: relative;
  margin-bottom: 15px;
}
.tabs__nav::before {
  width: 100%;
  content: "";
  bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #E8E8E8;
}
@media (max-width: 340px) {
  .tabs__nav {
    width: calc(100vw - 20px);
  }
}

.tabs__btn {
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 14px;
  position: relative;
  z-index: 1;
}
.tabs__btn:not(:first-child) {
  margin-left: 10px;
}
@media (min-width: 341px) {
  .tabs__btn:not(:first-child) {
    margin-left: 20px;
  }
}
.tabs__btn::before {
  height: 3px;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  background-color: #8FBE44;
  transform: translateY(-50%);
  border-radius: 3px;
}
.tabs__btn.open {
  font-weight: 700;
}
.tabs__btn.open::before {
  content: "";
}

.tabs__panel[aria-hidden=true] {
  display: none;
}

.element--title.element {
  margin-bottom: 0;
}
.element--title + .element {
  margin-top: 0;
}

@media (max-width: 959px) {
  .usp--cards {
    margin-bottom: 30px;
  }
  .usp--cards:after {
    content: "flickity";
    display: none;
  }
  .usp--cards .usp__item {
    margin-right: 15px;
    display: flex;
  }
}
@media (max-width: 399px) {
  .usp--cards {
    width: calc(100vw - 15px);
  }
  .usp--cards .usp__item {
    width: 90%;
  }
}
@media (min-width: 400px) and (max-width: 499px) {
  .usp--cards {
    width: calc((100vw - 400px) / 2 + 400px - 20px);
  }
  .usp--cards .usp__item {
    width: 90%;
  }
}
@media (min-width: 500px) and (max-width: 767px) {
  .usp--cards {
    width: calc((100vw - 500px) / 2 + 500px - 20px);
  }
  .usp--cards .usp__item {
    width: 60%;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .usp--cards {
    width: calc((100vw - 768px) / 2 + 768px - 20px);
  }
  .usp--cards .usp__item {
    width: 45%;
  }
}
@media (min-width: 960px) {
  .usp--cards {
    display: grid;
    grid-template-rows: auto;
    grid-gap: 30px;
  }
  .usp--cards .usp__inner {
    height: 100%;
  }
}
.usp--cards .usp__item {
  min-height: 144px;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  z-index: 2;
  display: flex;
  align-items: center;
  padding: 0 30px;
}
.usp--cards .usp__icon {
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.usp--cards .usp__text {
  padding-left: 70px;
  line-height: 19px;
  font-weight: 700;
  z-index: 2;
  position: relative;
}
.usp--cards .usp__mask {
  background-color: rgba(25, 24, 29, 0.68);
}

.usp--features {
  display: grid;
  grid-template-rows: auto;
  grid-gap: 30px;
}

.usp--features-shop {
  grid-gap: 50px;
}
.usp--features-shop .usp__figure {
  width: 100%;
  max-height: 240px;
  position: relative;
}
.usp--features-shop .usp__figure .cta__mask {
  background: linear-gradient(186deg, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.4766107126) 100%);
}
.usp--features-shop .usp__heading {
  font-size: 2.8rem;
  line-height: 3.4rem;
  font-weight: 400;
}
.usp--features-shop .usp__heading--floats {
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 2;
  color: #fff;
}
.usp--features-shop .usp__content {
  background-color: #fff;
  color: #19181D;
  fill: #19181D;
  padding: 20px 20px 25px;
  border-radius: 0 0 10px 10px;
  display: flex;
  gap: 15px;
  flex-direction: column;
}
@media (min-width: 768px) {
  .usp--features-shop .usp__content {
    padding: 30px 30px 35px;
  }
}
.usp--features-shop .usp__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

@media (min-width: 768px) {
  .usp--three {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 768px) {
  .usp--two {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) {
  .usp--one {
    grid-template-columns: repeat(1, 1fr);
  }
}

.usp--horizontal {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.usp--horizontal .usp__image,
.usp--horizontal .usp__icon {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.usp--horizontal .usp__item {
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}
.usp--horizontal .usp__inner {
  position: relative;
  display: flex;
  padding-left: 60px;
  height: 100%;
  min-height: 40px;
}
.usp--horizontal .usp__image {
  width: 40px;
  height: 40px;
  object-fit: cover;
}
.usp--horizontal .usp__item {
  width: 100%;
}
@media (max-width: 599px) {
  .usp--horizontal .usp__item:nth-child(n+2) {
    margin-top: 30px;
  }
}
@media (min-width: 600px) and (max-width: 959px) {
  .usp--horizontal .usp__item {
    width: 50%;
  }
  .usp--horizontal .usp__item:nth-child(n+3) {
    margin-top: 20px;
  }
}
@media (min-width: 960px) {
  .usp--horizontal .usp__item {
    width: 25%;
  }
}
.usp--horizontal .usp__text {
  display: flex;
  align-self: center;
}

.usp__icon--fancy-check {
  width: 40px;
  height: 40px;
}

.usp__icon--check {
  width: 40px;
  height: 40px;
}

.usp__text {
  display: block;
}

.usp--centered .usp__item {
  text-align: center;
}

.usp--vertical.usp--centered .usp__item {
  text-align: center;
}
.usp--vertical .usp__item {
  position: relative;
  padding-left: 28px;
  font-size: 14px;
  line-height: 24px;
}
.usp--vertical .usp__item:not(:first-child) {
  margin-top: 8px;
}
.usp--vertical .usp__icon:not([class*=usp__icon--]) {
  width: 18px;
  height: 18px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.usp--vertical .usp__icon--check {
  width: 18px;
  height: 18px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.element__video {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

.media__play.u-loaded,
.media__poster.u-loaded {
  display: none;
}

.element--video .element__media {
  background-color: #ccc;
}

.media__wrapper {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.media__wrapper:not(.u-visible) {
  display: none;
}

@media (min-width: 768px) and (max-height: 750px) {
  .element--media .media__poster .media__image {
    object-fit: cover;
    height: 550px;
    width: 100%;
  }
  .element--media .media__iframe {
    height: 550px;
    width: 100%;
  }
  .element--media .media__wrapper {
    height: 550px;
    padding-bottom: 0;
  }
}
.element--media .media__iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) and (max-height: 770px) {
  .element--media .media__iframe {
    max-height: 600px;
  }
}
.element--media .media__icon--play {
  width: 50px;
  height: 50px;
  fill: #fff;
}

.element--quote footer {
  font-weight: 500;
  font-family: "Commissioner", sans-serif;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 12px;
}

.hidden_label .gfield_label {
  display: none !important;
}

.form--gravity input[type=text],
.form--gravity input[type=email],
.form--gravity input[type=password],
.form--gravity input[type=tel],
.form--gravity input[type=number] {
  text-indent: 12px;
  padding-top: 11px;
  padding-bottom: 11px;
}
.form--gravity textarea {
  padding: 10px 12px;
  height: 120px;
  display: block;
}
.form--gravity select {
  appearance: none;
  width: 100%;
  min-height: 46px;
}
.form--gravity select,
.form--gravity input[type=text],
.form--gravity input[type=email],
.form--gravity input[type=tel],
.form--gravity input[type=password],
.form--gravity input[type=number],
.form--gravity textarea {
  width: 100%;
  line-height: 22px;
  background-color: #fff;
  border: 1px solid #ccc;
  font-weight: 500;
  border-radius: 4px;
  color: #19181D;
}
.form--gravity input[type=number] {
  -moz-appearance: textfield;
}
.form--gravity input::-webkit-outer-spin-button,
.form--gravity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.form--gravity input[type=radio],
.form--gravity input[type=checkbox] {
  position: absolute;
  top: auto;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  white-space: nowrap;
}
.form--gravity input[type=radio]:checked + label::before,
.form--gravity input[type=checkbox]:checked + label::before {
  border-color: #8FBE44;
}
.form--gravity input[type=radio]:checked + label::after,
.form--gravity input[type=checkbox]:checked + label::after {
  content: "";
  background-color: #8FBE44;
}
.form--gravity input[type=radio]:focus + label,
.form--gravity input[type=checkbox]:focus + label {
  color: #8FBE44;
}
.form--gravity input[type=radio]:focus + label::before,
.form--gravity input[type=checkbox]:focus + label::before {
  border-color: #8FBE44;
}
.form--gravity input[type=checkbox] + label::before {
  border-radius: 2px;
}
.form--gravity input[type=checkbox] + label::after {
  border-radius: 2px;
}
.form--gravity input[type=radio] + label::before {
  border-radius: 50%;
}
.form--gravity input[type=radio] + label::after {
  border-radius: 50%;
}

.form--generator select,
.form--generator input[type=text],
.form--generator input[type=email],
.form--generator input[type=tel],
.form--generator input[type=password],
.form--generator input[type=number],
.form--generator textarea {
  background-color: #fff;
  border: 1px solid transparent;
}
.form--generator .gform_fileupload_rules {
  display: block;
  font-size: 12px;
}
.form--generator .gform_anchor {
  display: none;
}
.form--generator fieldset {
  padding: 0;
}
.form--generator .gfield:not(:first-child) {
  margin-top: 20px;
}
.form--generator .gform_button {
  width: 100%;
}
.form--generator .gfield_contains_required .ginput_container::after {
  display: none !important;
}

.form--loading .btn__icon--envelope {
  display: none;
}
.form--loading .btn__icon--spinner {
  display: block;
  fill: #000;
  top: 8px !important;
  left: 9px !important;
}
.form--loading .gform_submit_button {
  background-color: #000;
  border-color: #000;
  color: #000;
  fill: #000;
}

.btn__icon--spinner {
  display: none;
}

.validation_error {
  background-color: #E80000;
  color: #fff;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
}

.validation_list {
  margin-bottom: 10px;
}
.validation_list a {
  color: #000;
  line-height: 22px;
}

.ginput_container_consent label,
.ginput_container_radio label,
.ginput_container_checkbox label {
  position: relative;
  padding-left: 22px;
  font-weight: 500;
  line-height: 17px;
  display: block;
}
.ginput_container_consent label::before,
.ginput_container_radio label::before,
.ginput_container_checkbox label::before {
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  border: 2px solid #ccc;
  transition: all 0.3s ease-out;
}
.ginput_container_consent label::after,
.ginput_container_radio label::after,
.ginput_container_checkbox label::after {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 5px;
  left: 4px;
}
.ginput_container_consent label:hover,
.ginput_container_radio label:hover,
.ginput_container_checkbox label:hover {
  color: #8FBE44;
}
.ginput_container_consent label:hover::before,
.ginput_container_radio label:hover::before,
.ginput_container_checkbox label:hover::before {
  border-color: #8FBE44;
}

.gfield_checkbox li:not(:first-child),
.gfield_radio li:not(:first-child) {
  margin-top: 10px;
}

.gfield_contains_required:not(.gfield_error) .ginput_container:not(.ginput_complex)::after {
  content: "";
  background-image: url("../icons/icon-required.svg");
  background-size: 10px;
  background-color: #000;
  color: #fff;
}
.gfield_contains_required.gfield__error .ginput_container::after {
  background-color: #000;
}
.gfield_contains_required .ginput_complex span {
  position: relative;
}
.gfield_contains_required .ginput_complex span::after {
  position: absolute;
  bottom: 13px;
  right: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  background-image: url("../images/icons/icon-required.svg");
  background-size: 10px;
  background-color: #000;
}
.gfield_contains_required .ginput_complex span::after {
  content: "";
}

.gfield_error .ginput_container_text::after,
.gfield_error .ginput_container_number::after,
.gfield_error .ginput_container_password::after,
.gfield_error .ginput_container_phone::after,
.gfield_error .ginput_container_email::after,
.gfield_error .ginput_container_textarea::after,
.gfield_error .ginput_container_consent::after {
  content: "";
  background-image: url("../icons/icon-exclamation.svg");
  background-size: 4px;
  background-color: #E80000;
}
.gfield_error .ginput_container_text select,
.gfield_error .ginput_container_text textarea,
.gfield_error .ginput_container_text input,
.gfield_error .ginput_container_number select,
.gfield_error .ginput_container_number textarea,
.gfield_error .ginput_container_number input,
.gfield_error .ginput_container_password select,
.gfield_error .ginput_container_password textarea,
.gfield_error .ginput_container_password input,
.gfield_error .ginput_container_phone select,
.gfield_error .ginput_container_phone textarea,
.gfield_error .ginput_container_phone input,
.gfield_error .ginput_container_email select,
.gfield_error .ginput_container_email textarea,
.gfield_error .ginput_container_email input,
.gfield_error .ginput_container_textarea select,
.gfield_error .ginput_container_textarea textarea,
.gfield_error .ginput_container_textarea input,
.gfield_error .ginput_container_consent select,
.gfield_error .ginput_container_consent textarea,
.gfield_error .ginput_container_consent input {
  border-color: #E80000;
  box-shadow: 0 0 0 2px #E80000;
}
.gfield_error .ginput_complex span::after {
  content: "";
  background-image: url("../icons/icon-exclamation.svg");
  background-size: 4px;
  background-color: #E80000;
}
.gfield_error .ginput_container_consent {
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #E80000;
  border-radius: 4px;
}
.gfield_error .gfield_consent_label::after {
  border-color: #E80000;
}

.ginput_complex span,
.ginput_container {
  position: relative;
}
.ginput_complex span::after,
.ginput_container::after {
  position: absolute;
  bottom: 13px;
  right: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 11;
}

.ginput_container_consent::after {
  bottom: 50%;
  transform: translateY(50%);
}

.ginput_container_textarea::after {
  bottom: unset;
  top: 10px;
}

.gform_body {
  margin-bottom: 20px;
}

.gfield:not(:first-child) {
  margin-top: 15px;
}

.gfield_label {
  margin-bottom: 8px;
  line-height: 1;
  font-weight: 600;
  display: block;
  font-size: 15px;
}

.gform_description a, .gform_description button {
  text-decoration: underline;
  font-weight: 500;
}

.gfield_html .usp {
  padding-top: 10px;
  padding-bottom: 10px;
}

.gfield_required {
  display: none;
}

.gfield_description {
  font-size: 14px;
  line-height: 18px;
  margin-top: 2px;
}

.ginput_container_consent {
  font-size: 13px;
}

.gfield_consent_label {
  cursor: pointer;
}
.gfield_consent_label a,
.gfield_consent_label button {
  text-decoration: underline;
}

.gf_invisible,
.gfield_visibility_hidden {
  visibility: hidden;
  position: absolute;
  left: -9999px;
  overflow: visible;
}

.gform_button {
  padding: 10px 20px 14px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  text-align: center;
  position: relative;
  cursor: pointer;
  line-height: 20px;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  border-style: solid;
  vertical-align: middle;
  transition: background 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out, fill 0.3s ease-out, box-shadow 0.3s ease-in-out;
  box-shadow: 0 0 0 0 transparent;
  font-weight: 700;
  background-color: #8FBE44;
  border-color: #8FBE44;
  color: #fff;
}
.gform_button:focus, .gform_button:hover {
  background-color: #4E770C;
  border-color: #4E770C;
}
.gform_button:active {
  background-color: #19181D;
  border-color: #19181D;
}

#loginform {
  margin-bottom: 10px;
}
#loginform p:not(:first-child) {
  margin-top: 17px;
}
#loginform input[type=text],
#loginform input[type=password] {
  width: 100%;
  line-height: 22px;
  background-color: #fff;
  border: 2px solid #e9e9e9;
  border-radius: 4px;
  font-weight: 500;
  text-indent: 12px;
  padding: 11px 0;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color 0.3s ease-in-out;
}
#loginform input[type=text]:focus,
#loginform input[type=password]:focus {
  border-color: #000;
}

.login-username label,
.login-password label {
  margin-bottom: 7px;
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  display: block;
}

.login-remember label {
  font-size: 15px;
  line-height: 1;
  display: block;
  padding-left: 22px;
  position: relative;
}
.login-remember label:focus-within {
  font-weight: 700;
}
.login-remember label:hover span::before {
  border-color: #000;
}
.login-remember input {
  position: absolute;
  top: auto;
  left: 0;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  width: 100%;
  height: 100%;
  white-space: nowrap;
}
.login-remember input:focus + span::before {
  border-color: #000;
}
.login-remember input:checked + span::before {
  border-color: #000;
}
.login-remember input:checked + span::after {
  content: "";
}
.login-remember span {
  position: absolute;
  top: 0;
  left: 0;
}
.login-remember span::before, .login-remember span::after {
  border-radius: 2px;
  position: absolute;
  transition: all 0.3s ease-out;
}
.login-remember span::before {
  width: 16px;
  height: 16px;
  content: "";
  left: 0;
  top: -1px;
  border: 2px solid #ccc;
}
.login-remember span::after {
  background-color: #000;
  width: 8px;
  height: 8px;
  top: 3px;
  left: 4px;
}

.login-submit .button {
  padding: 12px 15px;
  background-color: #000;
  border-color: #000;
  color: #fff;
  fill: #fff;
  appearance: none;
  border: 2px solid transparent;
  width: 100%;
  border-radius: 4px;
  font-size: 16px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  text-overflow: ellipsis;
  transition: background 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out, fill 0.3s ease-out;
  line-height: 20px;
  font-weight: 900;
}
.login-submit .button:focus, .login-submit .button:hover {
  background-color: #000;
  border-color: #000;
  color: #fff;
  fill: #fff;
}

.select,
.input-text {
  width: 100%;
  border: 1px solid #19181D;
  line-height: 26px;
  background-color: #fff;
  font-weight: 500;
  border-radius: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.select {
  padding-left: 10px;
}

.input-text {
  text-indent: 10px;
}

#mini-cart-count {
  transition: background 0.3s ease-in-out;
  position: absolute;
  top: 7px;
  right: 7px;
  background-color: #E80000;
  color: #fff;
  width: 16px;
  height: 16px;
  text-align: center;
  border-radius: 50%;
  z-index: 1;
  font-size: 11px;
  font-family: "Museo Sans", sans-serif;
  line-height: 16px;
  font-weight: 700;
}

.woocommerce-form-login__submit,
.product__add-to-cart {
  display: inline-block;
  cursor: pointer;
  line-height: 20px;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  border-style: solid;
  vertical-align: middle;
  transition: background 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out, fill 0.3s ease-out, box-shadow 0.3s ease-in-out;
  font-weight: 700;
  width: 100%;
  padding: 10px 20px 14px;
  border-radius: 4px;
  text-align: center;
  background-color: #8FBE44;
  color: #fff;
  fill: #fff;
}
.woocommerce-form-login__submit:focus, .woocommerce-form-login__submit:hover,
.product__add-to-cart:focus,
.product__add-to-cart:hover {
  background-color: #4E770C;
  border-color: #4E770C;
}
.woocommerce-form-login__submit:active,
.product__add-to-cart:active {
  background-color: #19181D;
  border-color: #19181D;
}
.woocommerce-form-login__submit.disabled, .woocommerce-form-login__submit:disabled,
.product__add-to-cart.disabled,
.product__add-to-cart:disabled {
  cursor: not-allowed;
  background-color: #8FBE44;
  border-color: #8FBE44;
  color: #fff;
  fill: #fff;
  opacity: 0.5;
  pointer-events: none;
}

.product__add-to-cart__icon {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-left: 10px;
}

.product__add-to-cart__text {
  display: inline-block;
  vertical-align: middle;
}

.single-product .woocommerce-variation {
  margin-bottom: 10px;
}

.bulk-variations [class*=rowselect_wc_bulk_] {
  position: relative;
}
.bulk-variations [class*=rowselect_wc_bulk_] .value {
  position: relative;
}
.bulk-variations [class*=rowselect_wc_bulk_] .value::after {
  content: "";
  width: 17px;
  height: 13px;
  position: absolute;
  top: 18px;
  right: 15px;
  pointer-events: none;
  fill: #19181d;
  background-image: url(../icons/icon-chevron.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px;
}

.bulk-variations select {
  border: 1px solid transparent;
  line-height: 20px;
  padding: 12px 10px;
  width: 100%;
  color: #19181d;
  background-color: #fff;
  font-weight: 500;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  border-radius: 4px;
}
.bulk-variations select:disabled {
  background-color: #e8e8e8;
  border-color: #e8e8e8;
  color: #B6B6B6;
  fill: #B6B6B6;
}

.woocommerce-variation-price .price {
  font-weight: 700;
}

.woocommerce-notices-wrapper + .woocommerce-error {
  padding: 10px 20px;
  border-radius: 8px;
  color: #fff;
  background-color: #8FBE44;
  font-weight: 600;
}

#mini-cart-count:not([data-count]),
#mini-cart-count[data-count=""],
#mini-cart-count:empty {
  display: none;
}

.woocommerce-checkout:not(.woocommerce-order-received) .site-footer,
.woocommerce-cart:not(.cart-empty) .site-footer {
  display: none;
}

.woocommerce-cart .branding--header,
.woocommerce-checkout .branding--header {
  margin-top: 8px;
  margin-bottom: 8px;
}
.woocommerce-cart .header,
.woocommerce-checkout .header {
  min-height: unset !important;
}
.woocommerce-cart .header__inner > .row,
.woocommerce-cart .header__inner .support-menu,
.woocommerce-cart .header__inner .row-divider,
.woocommerce-checkout .header__inner > .row,
.woocommerce-checkout .header__inner .support-menu,
.woocommerce-checkout .header__inner .row-divider {
  display: none;
}

.woocommerce-column--shipping-address {
  margin-top: 20px;
}
.woocommerce-column--shipping-address h2 {
  font-weight: 700;
}

.bulk-variations .btn--link {
  font-weight: 400 !important;
}

.woocommerce-invalid-phone .input-text,
.woocommerce-invalid-phone select,
.woocommerce-invalid-email .input-text,
.woocommerce-invalid-email select,
.woocommerce-invalid-required-field .input-text,
.woocommerce-invalid-required-field select {
  border-color: #E80000;
  box-shadow: 0 0 0 2px #E80000;
}

.woocommerce-invalid label {
  color: #E80000 !important;
}

.woocommerce-invalid input {
  border-color: #E80000 !important;
  box-shadow: 0 0 0 2px #E80000 !important;
}
.woocommerce-invalid input .invalid {
  display: block !important;
  color: #E80000;
}
.woocommerce-invalid small {
  display: block !important;
  color: #E80000;
}

@media (min-width: 768px) {
  .admin-bar .filters.fixed {
    top: 32px;
  }
  .filters {
    transition: padding 0.2s ease-in-out;
    position: relative;
  }
  .filters.fixed {
    position: fixed;
    top: 0;
    left: auto;
    right: auto;
    background-color: #19181D;
    padding-top: 20px;
    padding-bottom: 20px;
    z-index: 1000;
    width: 100%;
  }
  .filters.fixed::after, .filters.fixed::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100vw;
    border-bottom: 2px solid #2c2b2e;
    z-index: -1;
  }
  .filters.fixed:before {
    right: 0;
    transform: translateX(-50%);
  }
  .filters.fixed:after {
    left: 50%;
    transform: translateX(-50%);
  }
  .filters.fixed.absolute {
    position: absolute;
  }
}
.filters-heading {
  display: flex;
  gap: 15px;
  align-items: center;
  flex-wrap: wrap;
}

.filter-buttons {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .filter-buttons {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .filter-buttons {
    gap: 40px;
    align-items: center;
  }
}
.filter-buttons .btn--stroke.btn--green1 {
  fill: #fff;
}
.filter-buttons .btn--md.btn--default {
  padding-left: 30px;
  padding-right: 64px;
  padding-top: 11px;
  padding-bottom: 15px;
}
.filter-buttons .btn--md.btn--default .btn__holder {
  width: 66px;
}
.filter-buttons .btn--stroke.btn {
  font-weight: 600;
}
.filter-buttons .btn--stroke.btn.active {
  fill: #8FBE44;
  color: #8FBE44;
}

@media (max-width: 767px) {
  .return-to-filter {
    border: 2px solid #8FBE44;
    line-height: 20px;
    padding: 13px 25px;
    position: fixed;
    bottom: 10px;
    left: 0;
    right: 0;
    background-color: #19181D;
    color: #fff;
    border-radius: 6px;
    width: 100%;
    font-weight: 700;
    text-align: center;
    justify-content: center;
    align-items: center;
    z-index: 15;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    max-width: 350px;
    transition: transform 0.3s ease-in-out;
    display: flex;
  }
  .return-to-filter.show {
    transform: translateY(0);
  }
  .return-to-filter .filters__icon {
    margin-right: auto;
  }
  .return-to-filter .filters__text {
    margin-right: auto;
  }
  .return-to-filter:focus, .return-to-filter:hover {
    background-color: #8FBE44;
    color: #fff;
  }
}
.return-to-filter {
  transform: translateY(100px);
}
@media (min-width: 768px) {
  .return-to-filter {
    display: none !important;
  }
}

.payment-methods fieldset {
  padding: 0;
}

.woocommerce-checkout #billing_postcode_field.woocommerce-soft-invalid-zipcode label,
.woocommerce-checkout #shipping_postcode_field.dscovers-zipcode-invalid:not(.woocommerce-invalid-required-field):not(.woocommerce-not-valid) label,
.woocommerce-checkout #billing_postcode_field.dscovers-zipcode-invalid:not(.woocommerce-invalid-required-field) label,
.woocommerce-checkout #billing_phone_field.woocommerce-invalid-phone label,
.woocommerce-checkout #billing_email_field.woocommerce-invalid-email label {
  color: #E80000 !important;
}
.woocommerce-checkout #billing_postcode_field.woocommerce-soft-invalid-zipcode .input-text,
.woocommerce-checkout #shipping_postcode_field.dscovers-zipcode-invalid:not(.woocommerce-invalid-required-field):not(.woocommerce-not-valid) .input-text,
.woocommerce-checkout #billing_postcode_field.dscovers-zipcode-invalid:not(.woocommerce-invalid-required-field) .input-text,
.woocommerce-checkout #billing_phone_field.woocommerce-invalid-phone .input-text,
.woocommerce-checkout #billing_email_field.woocommerce-invalid-email .input-text {
  box-shadow: 0 0 0 2px #E80000;
  border-color: #E80000 !important;
}
.woocommerce-checkout #billing_postcode_field.woocommerce-soft-invalid-zipcode .invalid,
.woocommerce-checkout #shipping_postcode_field.dscovers-zipcode-invalid:not(.woocommerce-invalid-required-field):not(.woocommerce-not-valid) .invalid,
.woocommerce-checkout #billing_postcode_field.dscovers-zipcode-invalid:not(.woocommerce-invalid-required-field) .invalid,
.woocommerce-checkout #billing_phone_field.woocommerce-invalid-phone .invalid,
.woocommerce-checkout #billing_email_field.woocommerce-invalid-email .invalid {
  display: block !important;
  color: #E80000;
}

.woocommerce-checkout .woocommerce-invalid-required-field label {
  color: #E80000 !important;
}
.woocommerce-checkout .woocommerce-invalid-required-field .input-text {
  box-shadow: 0 0 0 2px #E80000 !important;
  border-color: #E80000 !important;
}
.woocommerce-checkout .woocommerce-invalid-required-field .error {
  display: block !important;
  color: #E80000;
}

.cart_item .product-price {
  display: none;
}

.woocommerce_cart_container .cart_item {
  display: flex;
  align-items: center;
  border-width: 1px 0;
  border-color: #E8E8E8;
  border-style: solid;
  padding: 24px 0;
  min-height: 40px;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .woocommerce_cart_container .cart_item {
    flex-wrap: wrap;
  }
}
.woocommerce_cart_container .cart_item .product-price {
  display: none;
}
.woocommerce_cart_container .cart_item .product-remove {
  position: absolute;
  top: 25px;
  right: 0;
}
@media (min-width: 768px) {
  .woocommerce_cart_container .cart_item .product-remove {
    top: 50%;
    transform: translateY(-50%);
  }
}
.woocommerce_cart_container .cart_item .product-thumbnail {
  width: 46px;
  height: 46px;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
}
.woocommerce_cart_container .cart_item .product-quantity {
  width: 84px;
}
@media (max-width: 767px) {
  .woocommerce_cart_container .cart_item .product-quantity {
    margin-left: 57px;
    margin-top: 4px;
  }
}
.woocommerce_cart_container .cart_item .product-name {
  padding-left: 10px;
  flex-grow: 1;
  width: calc(100% - 60px);
}
@media (min-width: 768px) {
  .woocommerce_cart_container .cart_item .product-name {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .woocommerce_cart_container .cart_item .product-name {
    padding-right: 35px;
    line-height: 2rem;
  }
}
@media (min-width: 768px) {
  .woocommerce_cart_container .cart_item .product-subtotal {
    margin-left: auto;
    margin-right: auto;
    padding-right: 30px;
  }
}

@media (min-width: 960px) {
  .woocommerce-cart-form {
    margin-bottom: 30px;
  }
}
.woocommerce-cart-form thead {
  display: none;
}

.woocommerce-cart-form__contents {
  width: 100%;
}

.wc-checkout .woocommerce-cart-form .heading h2 {
  margin-bottom: 0;
}
.wc-checkout .cart_item .product-thumbnail {
  width: 48px;
  height: 48px;
}

.cart_item {
  position: relative;
}
.cart_item .remove {
  width: 40px;
  height: 40px;
  display: block;
  overflow: hidden;
  text-indent: -100px;
  background-image: url("../icons/icon-trashcan.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 18px;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  border-radius: 4px;
}
.cart_item .remove:focus, .cart_item .remove:hover {
  background-color: #8FBE44;
}
.cart_item .product-quantity {
  position: relative;
  z-index: 1;
  width: 84px;
  height: 32px;
  line-height: 2.4rem;
}
.cart_item .product-quantity input::-webkit-outer-spin-button,
.cart_item .product-quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cart_item .product-quantity .quantity {
  height: 32px;
}
.cart_item .product-quantity .qty {
  width: 44px;
  position: absolute;
  left: 20px;
  top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  -moz-appearance: textfield;
  appearance: textfield;
  text-align: center;
  text-indent: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}

.minus {
  left: 0;
  border-radius: 3px 0 0 3px;
}

.plus {
  right: 0;
  border-radius: 0 3px 3px 0;
}

.minus,
.plus {
  top: 0;
  position: absolute;
  width: 20px;
  height: 32px;
  line-height: 26px;
  border: 1px solid #19181D;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 24px;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.minus:hover,
.plus:hover {
  color: #fff;
  background-color: #8FBE44;
}

.actions {
  display: flex;
}
.actions .button[name=update_cart] {
  display: none;
}

.coupon {
  width: 100%;
  position: relative;
  z-index: 1;
  gap: 0px 20px;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .coupon {
    width: 50%;
    min-width: 465px;
  }
}
.coupon label {
  line-height: 28px;
  padding-right: 30px;
  position: relative;
  font-weight: 600;
  font-size: 10px;
  margin-bottom: 0;
  text-transform: uppercase;
  width: 100%;
  display: block;
}
.coupon .has-input:not(.has-button) {
  flex-grow: 1;
}
.coupon .coupon__icon {
  width: 28px;
  height: 28px;
  position: relative;
}
.coupon .coupon__icon .svg {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.coupon .button {
  background-color: transparent;
  border: 1px solid #8FBE44;
  color: #000;
  height: 44px;
  line-height: 26px;
  padding: 10px 15px 6px;
  font-size: 14px;
  font-weight: 600;
  font-family: "Museo Sans", sans-serif;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  border-radius: 4px;
}
.coupon .button:focus, .coupon .button:hover {
  background-color: #8FBE44;
  color: #fff;
}

.cart_totals h2 {
  margin-bottom: 30px;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 600;
}
.cart_totals .shop_table {
  width: 100%;
  margin-bottom: 30px;
}
.cart_totals .shop_table th {
  text-align: left;
}
.cart_totals .shop_table td {
  text-align: right;
}

.wc-proceed-to-checkout {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
}
@media (min-width: 768px) {
  .wc-proceed-to-checkout {
    grid-gap: 20px;
  }
}

.checkout-button {
  padding: 12px 10px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  text-align: center;
  position: relative;
  cursor: pointer;
  line-height: 20px;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  border-style: solid;
  vertical-align: middle;
  transition: background 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out, fill 0.3s ease-out, box-shadow 0.3s ease-in-out;
  box-shadow: 0 0 0 0 transparent;
  font-weight: 700;
}
.checkout-button.wc-back {
  border-color: #8FBE44;
  color: #000;
}
.checkout-button.wc-back:focus, .checkout-button.wc-back:hover {
  background-color: #8FBE44;
  color: #fff;
}
.checkout-button.wc-back:active {
  background-color: #4E770C;
  border-color: #4E770C;
}
.checkout-button.wc-forward {
  background-color: #8FBE44;
  border-color: #8FBE44;
  color: #fff;
}
.checkout-button.wc-forward:focus, .checkout-button.wc-forward:hover {
  background-color: #4E770C;
  border-color: #4E770C;
}
.checkout-button.wc-forward:active {
  background-color: #19181D;
  border-color: #19181D;
}

.woocommerce-cart .button.wc-backward {
  padding: 12px 10px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  text-align: center;
  position: relative;
  cursor: pointer;
  line-height: 20px;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  border-style: solid;
  vertical-align: middle;
  transition: background 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out, fill 0.3s ease-out, box-shadow 0.3s ease-in-out;
  box-shadow: 0 0 0 0 transparent;
  font-weight: 700;
  border-color: #8FBE44;
  color: #000;
}
.woocommerce-cart .button.wc-backward:focus, .woocommerce-cart .button.wc-backward:hover {
  background-color: #8FBE44;
  color: #fff;
}
.woocommerce-cart .button.wc-backward:active {
  background-color: #4E770C;
  border-color: #4E770C;
}

.woocommerce_cart_container {
  display: flex;
  gap: 40px;
}
@media (max-width: 959px) {
  .woocommerce_cart_container {
    flex-wrap: wrap;
  }
}
.woocommerce_cart_container .cart-collaterals-container {
  width: 100%;
}
@media (min-width: 960px) {
  .woocommerce_cart_container .cart-collaterals-container {
    max-width: 380px;
  }
  .woocommerce_cart_container .woocommerce-cart-form {
    flex-grow: 1;
  }
}

.cart_totals .wc-proceed-to-checkout {
  grid-template-columns: 1fr;
}
@media (min-width: 960px) {
  .cart_totals .checkout-button.wc-back {
    border-color: #fff;
    color: #fff;
  }
}
.cart_totals .checkout-button.wc-back {
  display: none;
}
@media (max-width: 959px) {
  .cart_totals .checkout-button.wc-forward {
    display: none;
  }
}
.cart_totals .checkout-button.wc-forward {
  width: 100%;
}
.cart_totals .shop_table {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 23px 0;
}

@media (min-width: 960px) {
  .cards--cross-sells.flickity-enabled .card {
    width: calc(25% - 10px);
    margin-right: 15px;
  }
}
@media (min-width: 960px) {
  .woocommerce-cart-buttons .checkout-button.wc-forward {
    display: none;
  }
}
@media (max-width: 767px) {
  .woocommerce-cart-buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #2C2B2E;
    padding: 20px 32px;
    display: flex;
    gap: 20px;
    z-index: 10;
  }
  .woocommerce-cart-buttons .checkout-button.wc-back {
    border-color: #fff !important;
    color: #fff !important;
  }
  .woocommerce-cart-buttons .checkout-button.wc-back:hover, .woocommerce-cart-buttons .checkout-button.wc-back:focus {
    background-color: #fff !important;
    color: #000 !important;
  }
  .woocommerce-cart-buttons .checkout-button.wc-forward {
    flex-grow: 1;
  }
}
.cart__coupon {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #E8E8E8;
  width: 100%;
}
@media (min-width: 960px) {
  .cart__coupon {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.cart__coupon .btn__coupon {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2rem;
  width: fit-content;
}
.cart__coupon .btn__coupon.btn--holder-right {
  padding-right: 50px;
}
.cart__coupon .btn__coupon.open .btn__icon {
  transform: rotate(180deg);
}

.cart__coupon .coupon {
  display: none;
}

.coupon-open .cart__coupon .coupon {
  display: flex;
  margin-top: 5px;
}

.coupon-error-notice {
  color: red;
}

@media (min-width: 960px) {
  .woocommerce-cart-form__contents {
    margin-bottom: 40px;
  }
}
.cart-collaterals {
  color: #fff;
  background-color: #19181D;
  padding: 32px 27px 28px;
  border-radius: 4px;
}

.cross-sells .card .card__inner {
  background-color: #F4F4F4;
}
.cross-sells .card .card__figure {
  background-color: #f9f9f9;
}

.cards--cross-sells {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px;
}

.checkout__navigation {
  position: relative;
  margin-bottom: 30px;
  margin-top: 21px;
}
.checkout__navigation::after {
  border-bottom: 1px solid #DCE3EC;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  bottom: 2px;
  content: "";
}

.checkout__navigation-holder {
  display: flex;
  justify-content: space-between;
}

.checkout__navigation-item {
  position: relative;
  z-index: 1;
}

.checkout__navigation-link {
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  font-family: "Museo Sans", sans-serif;
  padding: 0 0 21px 0;
  display: inline-block;
  position: relative;
}
.checkout__navigation-link::before {
  height: 5px;
  background-color: #8FBE44;
  border-radius: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.checkout__navigation-link.active {
  font-weight: 700;
}
.checkout__navigation-link.active::before {
  content: "";
}

.billing-details.form-row-full {
  grid-column: unset;
}
.billing-details fieldset {
  display: grid;
  grid-template-rows: auto;
  grid-gap: 20px;
  grid-template-columns: repeat(12, 1fr);
  padding: 0;
}
.billing-details legend {
  grid-column: span 12;
  margin-bottom: 20px;
  font-weight: 700;
}

.details-personal .form-row {
  grid-column: span 12;
}
@media (min-width: 768px) {
  .details-personal .form-row {
    grid-column: span 6;
  }
}

.shipping-dropoff,
.details-dropoff {
  box-shadow: 0 0 0px 30px #f9f9f9;
  background-color: #f9f9f9;
}

.details-dropoff {
  margin-top: 20px;
  margin-bottom: 20px;
}
.details-dropoff #billing_country_field {
  grid-column: span 12;
}
.details-dropoff .form-row {
  grid-column: span 12;
}
@media (min-width: 768px) {
  .details-dropoff .form-row {
    grid-column: span 4;
  }
}

.payment-options legend {
  margin-bottom: 20px;
  font-weight: 700;
}

.shipping-details {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
.shipping-details #ship-to-different-address {
  margin-bottom: 0;
}
.shipping-details fieldset {
  padding: 0;
}
.shipping-details legend {
  margin-bottom: 20px;
  font-weight: 700;
  width: 100%;
}

.details-company .form-row {
  grid-column: span 12;
}
@media (min-width: 768px) {
  .details-company .form-row {
    grid-column: span 6;
  }
}

.shipping-contact,
.shipping-dropoff {
  display: grid;
  grid-template-rows: auto;
  grid-gap: 20px;
  grid-template-columns: repeat(12, 1fr);
}

.shipping-dropoff .form-row {
  grid-column: span 12;
}
@media (min-width: 768px) {
  .shipping-dropoff .form-row {
    grid-column: span 4;
  }
}
.shipping-dropoff #shipping_company_field,
.shipping-dropoff #shipping_vat_number_field {
  grid-column: span 6;
}
.shipping-dropoff #shipping_country_field {
  grid-column: span 12;
}

.shipping-contact .form-row {
  grid-column: span 6;
}

.billing-company:has(.form-row:not(.active)) {
  display: none;
}

.billing-company .form-row {
  grid-column: span 6;
}

.checkout .checkout__cart {
  position: sticky;
  top: 10px;
  transition: position 0.2 ease-in-out;
}

.scroll-up .checkout .checkout__cart,
.scroll-down .checkout .checkout__cart {
  top: 60px;
}

.scroll-down.they-see-me-scrolling .checkout .checkout__cart {
  top: 10px;
}

form.woocommerce-checkout {
  gap: 25px;
  display: grid;
  grid-template-columns: 1fr;
  align-items: flex-start;
}
@media (min-width: 960px) {
  form.woocommerce-checkout {
    grid-template-columns: auto 440px;
  }
}
form.woocommerce-checkout .wc-checkout {
  background-color: #000;
  color: #fff;
  fill: #fff;
  width: 100%;
  padding: 25px;
  border-radius: 10px;
}
@media (min-width: 960px) {
  form.woocommerce-checkout .wc-checkout {
    padding: 40px;
  }
}

.checkout-cart-usps {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .checkout-cart-usps {
    margin-top: 60px;
  }
}

.woocommerce-checkout .cart_item .product-thumbnail,
.woocommerce-checkout .cart_item .product-name,
.woocommerce-checkout .cart_item .product-quantity,
.woocommerce-checkout .cart_item .product-subtotal {
  display: table-cell;
  line-height: 2.4rem;
  border-bottom: 1px solid #D7D7D7;
  padding-top: 20px;
  padding-bottom: 20px;
}
.woocommerce-checkout .cart_item .product-thumbnail {
  padding-top: 0;
  padding-bottom: 0;
}
.woocommerce-checkout .cart_item .product-thumbnail a {
  position: relative;
  left: unset;
  right: unset;
  bottom: unset;
  top: unset;
  display: flex;
  align-items: center;
}
.woocommerce-checkout .cart_item .product-subtotal {
  top: unset;
  bottom: unset;
  position: relative;
  min-width: 80px;
  text-align: right;
}
.woocommerce-checkout .cart_item .product-quantity {
  position: relative;
  top: unset;
  bottom: unset;
  min-width: 40px;
  left: unset;
  font-family: Museo Sans, sans-serif;
  font-size: 14px;
  text-align: center;
}
.woocommerce-checkout .cart_item .product-name {
  padding-left: 15px;
  position: relative;
  top: unset;
  font-size: 15px;
  bottom: unset;
  text-align: left;
  height: unset;
  left: unset;
  right: unset;
}
.woocommerce-checkout .cart_item .product-name a {
  margin-bottom: 0;
}

.woocommerce-checkout:not(.processing) .blockUI {
  display: none !important;
}

.woocommerce-checkout .woocommerce-notices-wrapper {
  padding: 10px 20px;
  border-radius: 8px;
  color: #fff;
  background-color: #ABCF72;
}

.woocommerce-checkout .woocommerce-NoticeGroup-updateOrderReview,
.woocommerce-checkout .woocommerce-NoticeGroup-checkout {
  margin-bottom: 20px;
}
.woocommerce-checkout .woocommerce-NoticeGroup-updateOrderReview .woocommerce-error li,
.woocommerce-checkout .woocommerce-NoticeGroup-checkout .woocommerce-error li {
  padding: 10px 20px;
  border-radius: 8px;
  color: #E80000;
  border: 2px solid #E80000;
}

@media (min-width: 960px) {
  .woocommerce-checkout .woocommerce-NoticeGroup-updateOrderReview {
    grid-column: span 2;
  }
}
.custom-woocommerce-notice {
  padding: 10px 20px;
  border-radius: 8px;
  color: #E80000;
  border: 2px solid #E80000;
  margin-bottom: 20px;
}

.woocommerce-form-login-toggle {
  margin-bottom: 20px;
}
.woocommerce-form-login-toggle .btn {
  display: block;
}

.woocommerce-form-login {
  margin-bottom: 30px;
}
.woocommerce-form-login p:not(.form-row) {
  grid-column: span 12;
}
.woocommerce-form-login .woocommerce-form__label-for-checkbox {
  margin-bottom: 20px;
}
.woocommerce-form-login .lost_password a {
  text-decoration: underline;
}
.woocommerce-form-login .clear {
  display: none;
}

.woocommerce-account-fields h3 {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  font-family: "Museo Sans", sans-serif;
  display: block;
  margin-bottom: 20px;
}

.woocommerce-form-login,
div.create-account {
  background-color: #E8E8E8;
  padding: 20px;
  display: grid;
  grid-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: repeat(12, 1fr);
}
@media (max-width: 767px) {
  .woocommerce-form-login,
  div.create-account {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .woocommerce-form-login > p,
  div.create-account > p {
    width: 100%;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 500px) and (max-width: 767px) {
  .woocommerce-form-login > p,
  div.create-account > p {
    max-width: 460px;
  }
}

p.create-account .woocommerce-form__label {
  text-transform: unset;
  margin-bottom: 10px;
}

div.create-account {
  margin-top: 10px;
}

.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.woocommerce-shipping-fields__field-wrapper {
  grid-gap: 60px;
}

.woocommerce-billing-fields__field-wrapper {
  grid-gap: 40px;
}
.woocommerce-billing-fields__field-wrapper .form-row {
  margin-top: 0;
  margin-bottom: 0px;
}

.woocommerce-billing-fields__field-wrapper .woocommerce-billing-fields {
  margin-bottom: 20px;
}

.form-row {
  position: relative;
}
.form-row label {
  display: flex;
  font-weight: 600;
  font-size: 10px;
  line-height: 1;
  margin-bottom: 8px;
  text-transform: uppercase;
  gap: 3px;
  align-items: center;
}
.form-row .optional {
  display: none;
}

.subscribe-field,
.form-row-full {
  grid-column: span 12;
}

.woocommerce-additional-fields:empty,
.woocommerce-billing-fields:empty {
  display: none;
}

.woocommerce-input-wrapper {
  display: block;
}
.woocommerce-input-wrapper .select,
.woocommerce-input-wrapper .input-text {
  width: 100%;
}

#shipping_country_field .woocommerce-input-wrapper::before,
#billing_country_field .woocommerce-input-wrapper::before {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  background-image: url("../icons/icon-chevron-down-black.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 12px 12px;
  pointer-events: none;
  width: 44px;
  height: 44px;
  z-index: 3;
}

.woocommerce .woocommerce-form__label-for-radio,
.woocommerce .woocommerce-form__label-for-checkbox {
  position: relative;
  padding-left: 28px;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
}
.woocommerce .woocommerce-form__label-for-radio input,
.woocommerce .woocommerce-form__label-for-checkbox input {
  position: absolute;
  top: auto;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  white-space: nowrap;
}
.woocommerce .woocommerce-form__label-for-radio span::before,
.woocommerce .woocommerce-form__label-for-checkbox span::before {
  content: "";
  border: 2px solid #000;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: background 0.3s ease-in-out;
}

.woocommerce-form__label-for-radio:not(:last-child) {
  margin-right: 40px;
}
.woocommerce-form__label-for-radio input:checked + span::after {
  content: "";
}
.woocommerce-form__label-for-radio span::before {
  border-radius: 50%;
}
.woocommerce-form__label-for-radio span::after {
  background-color: #000;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  transition: background 0.3s ease-in-out;
}

.woocommerce-form__label-for-checkbox input:checked + span::before {
  background-color: #000;
  background-image: url("../icons/icon-check-white.svg");
}
.woocommerce-form__label-for-checkbox span::before {
  border-radius: 4px;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
  transition: background 0.3s ease-in-out;
}

.woocommerce-terms-and-conditions-wrapper .woocommerce-form__label {
  text-transform: inherit;
}

#billing_state_field .woocommerce-input-wrapper::before,
#shipping_state_field .woocommerce-input-wrapper::before {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  background-image: url(assets/icons/icon-chevron-down-black.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 12px 12px;
  pointer-events: none;
  width: 44px;
  height: 44px;
  z-index: 3;
}

.checkout__tab--payment {
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.woocommerce-checkout-payment {
  margin-bottom: 20px;
}

.wc_payment_method {
  cursor: pointer;
  padding: 20px 25px 20px 20px;
  border: 1px solid #19181D;
  border-radius: 8px;
}
.wc_payment_method:not(:first-child) {
  margin-top: 12px;
}
.wc_payment_method.open {
  border-color: #8FBE44;
}

.wc_payment_method input {
  position: absolute;
  top: auto;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  white-space: nowrap;
}
.wc_payment_method input:checked + label::before {
  background-color: #19181D;
  border-color: #19181D;
  background-size: 12px;
  background-image: url("../icons/icon-check-white.svg");
}
.wc_payment_method label {
  display: block;
  position: relative;
  padding-left: 28px;
  font-weight: 600;
  line-height: 20px;
  pointer-events: none;
  padding-bottom: 2px;
}
.wc_payment_method label::before {
  content: "";
  border: 2px solid #E8E8E8;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: background 0.3s ease-in-out;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
  transition: background 0.3s ease-in-out;
}
.wc_payment_method img {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.payment_box.payment_method_mollie_wc_gateway_ideal,
.payment_box.payment_method_bacs,
.payment_box.payment_method_paypal,
.payment_box.payment_method_cod,
.payment_box.payment_method_cheque {
  display: none !important;
}

.payment_box {
  margin-top: 24px;
}
.payment_box select {
  width: 100%;
  border: 1px solid #D5E7B8;
  line-height: 26px;
  background-color: #D5E7B8;
  font-weight: 500;
  border-radius: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
}

.woocommerce-checkout-review-order {
  margin-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
}
.woocommerce-checkout-review-order table {
  width: 100%;
}
.woocommerce-checkout-review-order th {
  text-align: left;
}
.woocommerce-checkout-review-order td {
  text-align: right;
}

.woocommerce-terms-and-conditions-wrapper {
  margin-bottom: 30px;
}

.woocommerce-privacy-policy-text {
  margin-bottom: 20px;
}
.woocommerce-privacy-policy-text a {
  text-decoration: underline;
}

.woocommerce-NoticeGroup-checkout {
  grid-column: 1/-1;
}
.woocommerce-NoticeGroup-checkout .woocommerce-error {
  display: grid;
  grid-template-columns: 1f;
  gap: 10px;
}
.woocommerce-NoticeGroup-checkout [data-id=billing_first_name],
.woocommerce-NoticeGroup-checkout [data-id=billing_last_name],
.woocommerce-NoticeGroup-checkout [data-id=billing_postcode],
.woocommerce-NoticeGroup-checkout [data-id=billing_housenumber],
.woocommerce-NoticeGroup-checkout [data-id=billing_address_1],
.woocommerce-NoticeGroup-checkout [data-id=billing_city],
.woocommerce-NoticeGroup-checkout [data-id=billing_email],
.woocommerce-NoticeGroup-checkout [data-id=shipping_first_name],
.woocommerce-NoticeGroup-checkout [data-id=shipping_last_name],
.woocommerce-NoticeGroup-checkout [data-id=shipping_postcode],
.woocommerce-NoticeGroup-checkout [data-id=shipping_housenumber],
.woocommerce-NoticeGroup-checkout [data-id=shipping_address_1],
.woocommerce-NoticeGroup-checkout [data-id=shipping_city] {
  display: none;
}

@media (max-width: 767px) {
  .woocommerce-order .columns {
    padding-left: 0;
    padding-right: 0;
  }
}

.woocommerce-order-overview li {
  width: 100%;
  clear: both;
}
.woocommerce-order-overview strong {
  width: 50%;
  float: right;
  font-weight: 400;
}

.woocommerce-table--order-details {
  width: 100%;
}
.woocommerce-table--order-details thead {
  display: none;
}
.woocommerce-table--order-details tfoot {
  padding-top: 20px;
  text-align: left;
}
.woocommerce-table--order-details tfoot th {
  width: 50%;
  column-span: 2;
}
.woocommerce-table--order-details tfoot td {
  width: 50%;
}
.woocommerce-table--order-details tfoot td {
  text-align: right;
}

.woocommerce-order-details {
  margin-bottom: 30px;
}

.woocommerce-order-details__title {
  font-size: 18px;
  line-height: 18px;
  font-weight: 900;
  font-family: "Museo Sans", sans-serif;
  margin-bottom: 25px;
}

.woocommerce-order-pay .shop_table {
  width: 100%;
  text-align: left;
  margin-bottom: 30px;
}
.woocommerce-order-pay .shop_table tfoot tr:first-child th,
.woocommerce-order-pay .shop_table tfoot tr:first-child td {
  padding-top: 20px;
}

.woocommerce-table--order-details {
  table-layout: fixed;
}

@media (min-width: 960px) {
  .woocommerce-order-received .elements > .row > .columns {
    padding-left: 0;
    padding-right: 0;
  }
}
.woocommerce-order-received .order_item :is(.product-image, .product-name, .product-total) {
  line-height: 2.4rem;
  border-bottom: 1px solid #D7D7D7;
  padding-top: 20px;
  padding-bottom: 20px;
}
.woocommerce-order-received .order_item .product-image {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 48px;
  width: 48px;
}
.woocommerce-order-received .order_item .product-image a {
  width: 48px;
  height: 48px;
  position: relative;
  display: flex;
  align-items: center;
}
.woocommerce-order-received .order_item .product-total {
  position: relative;
  width: 80px;
  text-align: right;
}
.woocommerce-order-received .order_item .product-name {
  padding-left: 15px;
  position: relative;
  font-size: 15px;
  text-align: left;
  width: 100%;
}
.woocommerce-order-received .order_item .product-name p:empty {
  display: none;
}
.woocommerce-order-received .order_item .product-name a {
  margin-bottom: 0;
}

.filter__label {
  position: relative;
  cursor: pointer;
  display: block;
}

.filter__item:not(:first-child) {
  margin-top: 18px;
}

.filter__input--text,
.filter__input--mail,
.filter__input--number,
.filter__input--password {
  border: 1px solid #fff;
  color: #fff;
  font-weight: 700;
  line-height: 20px;
  padding: 12px 10px;
  width: 100%;
  background-color: transparent;
  font-weight: 600;
  cursor: pointer;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  border-radius: 4px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .filter__input--text,
  .filter__input--mail,
  .filter__input--number,
  .filter__input--password {
    font-size: 14px;
  }
}

.filter__item--text {
  max-width: 330px;
  width: 100%;
}

.filter__input--choice {
  position: absolute;
  top: auto;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  white-space: nowrap;
}
.filter__input--choice:checked + .filter__visual::before {
  background-color: blue;
  border-color: blue;
}
.filter__input--choice:checked + .filter__visual::after {
  content: "";
}

.filter__visual {
  padding-left: 20px;
}
.filter__visual::before {
  width: 12px;
  height: 12px;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: white;
  border: 1px solid #ccc;
  transition: all 0.3s ease-out;
}
.filter__visual::after {
  background-image: url("../images/icon--check.svg");
  background-position: no-repeat;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
}

.filter__input--checkbox:before {
  border-radius: 3px;
}

.filter__input--radio:before {
  border-radius: 50%;
}

.has-dropdown {
  position: relative;
}
.has-dropdown select {
  border: 1px solid #000;
  font-weight: 700;
  line-height: 20px;
  padding: 12px 10px;
  width: 100%;
  background-color: transparent;
  font-weight: 600;
  cursor: pointer;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  border-radius: 4px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .has-dropdown select {
    font-size: 14px;
  }
}
.has-dropdown select:disabled {
  color: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.3);
}
.has-dropdown select:disabled + .dropdown__caret {
  opacity: 0.3;
}

.filter__submit {
  margin-top: 35px;
  max-width: 330px;
}

.has-input {
  position: relative;
}

.filter__item--select {
  position: relative;
  width: 100%;
  max-width: 330px;
}
.filter__item--select select {
  border-color: #fff;
  color: #fff;
  background-color: #19181D;
}

.dropdown__caret {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  pointer-events: none;
}
.dropdown__caret:not([class*=filter__icon--]) {
  width: 10px;
  height: 10px;
}

dialog {
  background-color: transparent;
  border: 0;
}
dialog::backdrop {
  background-color: transparent;
  pointer-events: none;
}
dialog[open] {
  display: block;
}

.dialog__container[open] + .dialog__overlay {
  display: block;
}

.dialog[aria-hidden=true] {
  display: none;
}

.dialog--slide-in-upwards .dialog__container {
  top: 125%;
  transition: top 0.2s ease-in-out;
  animation: 0.2s ease-in-out 0.15s 1 alternate forwards running;
}
@media (min-width: 768px) and (min-height: 601px) {
  .dialog--slide-in-upwards.dialog--cart .dialog__container, .dialog--slide-in-upwards.dialog--popup-large .dialog__container {
    animation-name: slide-in-upwards-to-center;
  }
}
@media (min-width: 768px) and (max-height: 600px) {
  .dialog--slide-in-upwards.dialog--cart .dialog__container, .dialog--slide-in-upwards.dialog--popup-large .dialog__container {
    animation-name: slide-in-upwards-to-top;
  }
}
@media (min-width: 400px) {
  .dialog--slide-in-upwards.dialog--popup .dialog__container {
    animation-name: slide-in-upwards-to-center;
  }
}

.dialog {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.dialog .dialog__container {
  width: 100%;
}

.dialog--full .dialog__container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: auto;
  overflow-y: scroll;
}

.dialog--fh .dialog__container {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
}

.dialog--slide-in-right .dialog__container {
  left: 100%;
  right: auto;
  width: 100vw;
  transition: left 0.2s ease-in-out;
  animation-duration: 0.2s;
  animation-timing-function: ease-out;
  animation-delay: 0.15s;
  animation-direction: alternate;
  animation-iteration-count: 1;
  animation-play-state: running;
  animation-fill-mode: forwards;
  animation-name: slide-in-right;
}

@media (min-width: 768px) {
  .dialog--page .dialog__container {
    max-width: 800px;
  }
}

.dialog--full .dialog__container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.dialog--popup .dialog__container {
  position: fixed;
}
@media (max-width: 399px) {
  .dialog--popup .dialog__container {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media (min-width: 400px) {
  .dialog--popup .dialog__container {
    max-width: 385px;
    max-height: 600px;
    height: auto;
  }
}
@media (min-width: 400px) and (min-height: 601px) {
  .dialog--popup .dialog__container {
    left: 50%;
  }
}
@media (min-width: 400px) and (max-height: 600px) {
  .dialog--popup .dialog__container {
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (max-width: 767px) {
  .dialog--popup-large .dialog__container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dialog--popup-large .dialog__container {
    max-width: 853px;
    max-height: 900px;
    height: auto;
    position: fixed;
    border-radius: 10px;
    overflow: hidden;
  }
}
@media (min-width: 768px) and (min-height: 900px) {
  .dialog--popup-large .dialog__container {
    left: 50%;
  }
  .dialog--popup-large .dialog__scrollable {
    max-height: 900px;
  }
}
@media (min-width: 768px) and (max-height: 899px) {
  .dialog--popup-large .dialog__container {
    left: 50%;
    transform: translateX(-50%);
  }
  .dialog--popup-large .dialog__scrollable {
    max-height: 100vh;
  }
}

.dialog--search .dialog__container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  max-width: 600px;
}

.dialog--fullheight .dialog__container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: auto;
}

.dialog--top-right .dialog__row {
  position: fixed;
  left: 0;
  right: 0;
}
@media (max-width: 767px) {
  .dialog--top-right .dialog__row {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 768px) {
  .dialog--top-right .dialog__row {
    top: 60px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .dialog--top-right .dialog__row {
    max-width: 768px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .dialog--top-right .dialog__row {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .dialog--top-right .dialog__row {
    max-width: 1140px;
  }
}
.dialog--top-right .dialog__container {
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .dialog--top-right .dialog__container {
    float: right;
  }
}

.dialog--has-header .dialog__header {
  padding: 10px 0 10px 20px;
  border-bottom: 2px solid #2C2B2E;
}

.dialog--search .dialog__container {
  background-color: transparent;
}
.dialog--search .dialog__close {
  height: 50px;
  width: 50px;
  top: 10px;
  right: 10px;
}
.dialog--search .dialog__overlay {
  background-color: rgba(0, 0, 0, 0.85);
}

.dialog--popup .dialog__header {
  margin-top: 8px;
}
.dialog--popup .dialog__title--has-icon {
  padding-left: 28px;
}
.dialog--popup .dialog__close {
  top: 23px;
  right: 23px;
}
.dialog--popup .dialog__container {
  padding: 20px 20px 20px 20px;
  border-radius: 8px;
}
.dialog--popup .vehicle__filter--submit {
  padding-right: 0;
}

.dialog--popup-small .dialog__container {
  max-width: 385px;
  border-radius: 8px;
  padding: 30px 25px;
}
.dialog--popup-small .dialog__header {
  margin-top: 0;
  padding-right: 20px;
}
.dialog--popup-small .dialog__title-icon {
  width: 40px;
  height: 30px;
}
.dialog--popup-small .dialog__title span {
  font-weight: 700;
}
.dialog--popup-small .dialog__goto .btn {
  font-weight: 600;
  border-bottom: 1px solid #000;
  font-size: 16px;
  padding-top: 3px;
  padding-bottom: 3px;
  line-height: 19px;
}
.dialog--popup-small .dialog__usp-item {
  width: 100%;
}
.dialog--popup-small .dialog__usp-item span {
  font-weight: 700;
}
.dialog--popup-small .dialog__usp-item svg {
  width: 20px;
  height: 20px;
  fill: #8FBE44;
  margin-top: 4px;
  flex-shrink: 0;
}
.dialog--popup-small .dialog__close {
  top: 10px;
  right: 10px;
}
.dialog--popup-small .dialog__link {
  border-bottom: 1px solid #000;
}

@media (min-width: 768px) {
  .dialog--popup-large .dialog__container {
    border-radius: 8px;
  }
}
.dialog--popup-large .dialog__close {
  top: 20px;
  right: 20px;
}
.dialog--popup-large .dialog__return {
  top: 20px;
  left: 20px;
}
.dialog--popup-large .dialog__inner {
  padding: 85px 22px 28px;
}
@media (min-width: 768px) {
  .dialog--popup-large .dialog__inner {
    padding: 75px 115px 100px 105px;
  }
}

@media (min-width: 768px) {
  .admin-bar .dialog--page .dialog__close {
    top: 55px;
  }
}

.dialog--full .dialog__header {
  height: 100px;
  padding: 0 75px;
  display: flex;
  align-items: center;
}
.dialog--full .dialog__inner {
  height: 100%;
  margin: 0 auto;
}
@media (max-width: 899px) {
  .dialog--full .dialog__inner {
    max-width: 500px;
  }
}
@media (min-width: 900px) {
  .dialog--full .dialog__inner {
    max-width: 1500px;
  }
}

.dialog--page .dialog__close {
  top: 10px;
  right: 20px;
}
@media (min-width: 768px) {
  .dialog--page .dialog__close {
    top: 23px;
    right: 38px;
  }
}
.dialog--page .dialog__inner {
  padding: 28px 22px;
}
@media (min-width: 768px) {
  .dialog--page .dialog__inner {
    padding: 75px 115px 100px 105px;
  }
}

.dialog--cart .dialog__container {
  position: fixed;
}
@media (max-width: 767px) {
  .dialog--cart .dialog__container {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media (min-width: 768px) {
  .dialog--cart .dialog__container {
    max-width: 460px;
    max-height: 700px;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .dialog--cart .dialog__scrollable {
    max-height: 100%;
  }
}
@media (min-width: 768px) and (min-height: 701px) {
  .dialog--cart .dialog__container {
    left: 50%;
  }
  .dialog--cart .dialog__scrollable {
    max-height: 700px;
  }
}
@media (min-width: 768px) and (max-height: 700px) {
  .dialog--cart .dialog__container {
    left: 50%;
    transform: translateX(-50%);
  }
  .dialog--cart .dialog__scrollable {
    max-height: 100vh;
  }
}
.dialog--cart .wc-upsell {
  margin-bottom: 15px;
}
.dialog--cart .dialog__container {
  padding: 0;
  width: 100%;
}
.dialog--cart .dialog__inner {
  padding: 34px 43px 39px;
}
.dialog--cart .dialog__heading {
  margin-top: 4px;
  margin-bottom: 24px;
  max-width: 300px;
  padding-right: 50px;
}
.dialog--cart .dialog__close {
  top: 34px;
  right: 43px;
}

.dialog--top-right .dialog__row {
  z-index: 17;
  background-color: transparent;
  pointer-events: none;
}
.dialog--top-right .dialog__container {
  pointer-events: all;
  border-radius: 10px;
}

.dialog__header__inner {
  padding: 15px 20px;
  border-bottom: 2px solid #ccc;
}

.dialog__overlay {
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 16;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@media (max-width: 767px) {
  .dialog__overlay {
    bottom: 0px;
  }
}

.dialog__container {
  padding: 0;
  border: 0;
  z-index: 17;
  margin: 0;
}

.dialog__scrollable {
  height: 100%;
  overflow: auto;
}

@keyframes slide-in-right {
  from {
    left: 100%;
  }
  to {
    left: 0;
  }
}
@keyframes slide-in-upwards-to-center {
  from {
    top: 125%;
    transform: translate(-50%, -50%);
  }
  to {
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
@keyframes slide-in-upwards-to-top {
  from {
    top: 125%;
  }
  to {
    top: 0%;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  from {
    -webkit-opacity: 0;
  }
  to {
    -webkit-opacity: 1;
  }
}
@keyframes appear {
  from {
    transform: translate(-50%, -40%);
    opacity: 0;
  }
  to {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}
@-webkit-keyframes appear {
  from {
    -webkit-transform: translate(-50%, -40%);
    -webkit-opacity: 0;
  }
  to {
    -webkit-transform: translate(-50%, -50%);
    -webkit-opacity: 1;
  }
}
.dialog:not([aria-hidden=true]) > .dialog__overlay {
  animation: fade-in 200ms 1 both;
}

.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 21 !important;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  outline: none;
}
.pswp img {
  max-width: none;
}

.pswp__item::after,
.pswp__container::after,
.pswp__scroll-wrap::after,
.pswp::after {
  display: none !important;
}

.pswp--animate_opacity {
  opacity: 0.001;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  pointer-events: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}
.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.pswp__button:focus, .pswp__button:hover {
  opacity: 1;
}
.pswp__button:active {
  outline: none;
  opacity: 0.9;
}
.pswp__button ::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
  background-image: url("../icons/photoswipe.svg");
}

.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
  background: none;
}

.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 10px;
}

.pswp__button--arrow--right {
  right: 10px;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: "";
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

.pswp__button--arrow--left:before {
  left: 18px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 18px;
  background-position: -94px -44px;
}

.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}
.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}
.pswp__share-tooltip a:first-child {
  border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}
a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}

a.pswp__share--download:hover {
  background: #DDD;
}

.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}

.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}
.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}

.pswp__caption--empty {
  display: none;
}

.pswp__caption--fake {
  visibility: hidden;
}

.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
  background: url(preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
  padding-right: 10px;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

[data-whatintent=keyboard] .pswp__ui--idle .pswp__button--arrow--left,
[data-whatintent=keyboard] .pswp__ui--idle .pswp__button--arrow--right,
[data-whatintent=keyboard] .pswp__ui--idle .pswp__top-bar {
  opacity: 1;
}

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  opacity: 0.001;
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

.pswp--is-open.modal-open .dialog__scrollable,
.pswp--is-open.modal-open .dialog__container {
  overflow: visible;
}
.pswp--is-open.modal-open .dialog__container {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: unset;
  max-height: unset;
  border-radius: 0;
  animation: none;
}

.modal-open .cmplz-soft-cookiewall {
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}

.cmplz-soft-cookiewall {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #ccc;
  background: #fff;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  top: 50%;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
  .flickity-button {
    width: 40px;
    height: 40px;
  }
}

.flickity-button:focus, .flickity-button:hover {
  background: #fff;
  cursor: pointer;
  outline: none;
}
.flickity-button:focus {
  box-shadow: 0 0 0 3px #000;
}
.flickity-button:active {
  opacity: 0.6;
}
.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
}

.flickity-button-icon {
  fill: #000;
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-enabled .flickity-button {
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
}
@media (min-width: 768px) {
  .flickity-enabled:hover .flickity-button {
    opacity: 1;
  }
}

.usp--cards .flickity-page-dots {
  bottom: -33px;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 24px;
  height: 32px;
  cursor: pointer;
  position: relative;
}
.flickity-page-dots .dot::before {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #fff;
  position: absolute;
}

.flickity-page-dots .dot.is-selected::before {
  background-color: #8FBE44;
  border-color: #8FBE44;
}

.heading.product__heading b {
  font-family: "MuseoSans-500", sans-serif;
}

.product-rating {
  margin-bottom: 12px;
}
.product-rating .rating,
.product-rating .product-rating__prose {
  vertical-align: top;
}
.product-rating .product-rating__prose {
  margin-left: 5px;
}

.product-gallery.pre-target {
  padding-top: 1px;
}

.product-gallery__btn {
  right: 10px;
  top: 10px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
  .product-gallery__btn {
    top: 15px;
    right: 15px;
  }
}

.product-slider-container:not(.flickity-enabled) .product-cell:not(:first-child) {
  display: none;
}
.product-slider-container .product-cell {
  background-color: #fff;
}
@media (max-width: 399px) {
  .product-slider-container.flickity-enabled {
    width: calc(100vw - 20px);
  }
}
@media (min-width: 400px) and (max-width: 499px) {
  .product-slider-container.flickity-enabled {
    width: calc(50vw + 180px);
  }
}
@media (min-width: 500px) and (max-width: 767px) {
  .product-slider-container.flickity-enabled {
    width: calc(50vw + 230px);
  }
}
@media (max-width: 767px) {
  .product-slider-container .flickity-button {
    opacity: 0;
    box-shadow: unset;
    border-radius: 4px;
    background-color: transparent;
  }
  .product-slider-container .flickity-button-icon {
    fill: #fff;
  }
}
@media (min-width: 768px) {
  .product-slider-container .flickity-button {
    display: none;
  }
}
@media (max-width: 399px) {
  .product-slider-container .product-cell {
    margin-right: 8px;
    width: calc(100% - 50px);
  }
}
@media (min-width: 400px) and (max-width: 499px) {
  .product-slider-container {
    width: calc((100vw - 400px) / 2 + 400px - 20px);
  }
  .product-slider-container .product-cell {
    width: 340px;
    margin-right: 10px;
  }
}
@media (min-width: 500px) and (max-width: 767px) {
  .product-slider-container {
    width: calc((100vw - 500px) / 2 + 500px - 20px);
  }
  .product-slider-container .product-cell {
    width: 460px;
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .product-slider-container .product-cell {
    height: 260px;
    max-height: calc(100vh - 200px);
  }
}
@media (min-width: 768px) {
  .product-slider-container .product-cell {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .product-slider-container .product-cell {
    height: 407px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .product-slider-container .product-cell {
    height: 341px;
  }
}
@media (min-width: 1200px) {
  .product-slider-container .product-cell {
    height: 426px;
  }
}
.product-slider-container figure {
  height: 100%;
}

.product-cell-icon {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: white;
}

.product-video-wrapper {
  position: relative;
  padding-bottom: 52.6%;
  padding-top: 25px;
  height: 0;
}
.product-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.video-wrap {
  position: relative;
  width: 100%;
}
.video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.video-wrap__grip {
  position: absolute;
  left: 0;
  width: 40%;
  top: 32px;
  bottom: 40px;
  border: 2px solid transparent;
  z-index: 3;
}
.video-wrap__grip:before {
  position: absolute;
  display: block;
  content: "";
  width: 60%;
  height: 35%;
  top: 0;
  left: 100%;
  border: 2px solid transparent;
}
.video-wrap__grip + .video-wrap__grip {
  left: auto;
  right: 0;
}
.video-wrap__grip + .video-wrap__grip:before {
  bottom: 0;
  top: auto;
  right: 100%;
  left: auto;
}

.product-thumbnails-container {
  padding-left: 25px;
  padding-right: 25px;
}
.product-thumbnails-container .product-cell {
  margin-right: 15px;
  margin-bottom: 10px;
  position: relative;
  cursor: pointer;
  background-blend-mode: multiply;
}
.product-thumbnails-container .product-cell.vertical {
  background-size: auto 100%;
}
.product-thumbnails-container .product-cell.horizontal {
  background-size: cover;
}
.product-thumbnails-container .product-cell.square {
  background-size: auto 100%;
}
@media (min-width: 768px) and (max-width: 959px) {
  .product-thumbnails-container .product-cell {
    width: calc(20% - 12px);
    height: 97px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .product-thumbnails-container .product-cell {
    width: calc(25% - 12px);
    height: 75px;
  }
  .product-thumbnails-container .product-cell:last-child {
    display: none;
  }
}
@media (min-width: 1200px) {
  .product-thumbnails-container .product-cell {
    width: calc(20% - 12px);
    height: 106px;
  }
}
.product-thumbnails-container .flickity-button {
  opacity: 1;
  background-color: unset;
  background: unset;
  width: 20px;
  height: 20px;
  box-shadow: unset;
}
.product-thumbnails-container .flickity-button.previous {
  left: 0;
}
.product-thumbnails-container .flickity-button.next {
  right: 0;
}
@media (max-width: 959px) {
  .product-thumbnails-container .flickity-button {
    display: none;
  }
}
.product-thumbnails-container .is-nav-selected::after {
  content: "";
  height: 2px;
  background-color: #8FBE44;
  border-radius: 2px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
}

.product-icon-play {
  width: 38px;
  height: 38px;
  pointer-events: none;
}

.product-cell {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.product-cell-mask {
  background-color: rgba(25, 24, 29, 0.48);
  width: 100%;
  height: 100%;
}

.product-spec__list:not(.toggler) li:nth-child(n+4) {
  display: none;
}

.product-spec__listitem {
  position: relative;
  padding-left: 46px;
  min-height: 50px;
  display: flex;
  align-items: center;
}

.product-spec__icon {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
}

.product-spec__btn {
  font-size: 14px !important;
}
.product-spec__btn:not(.toggler) .svg {
  transform: rotate(180deg);
}

.product-usp {
  padding: 64px 24px;
}
@media (min-width: 480px) and (max-width: 767px) {
  .product-usp {
    padding-left: 54px;
    padding-right: 54px;
  }
}
@media (max-width: 767px) {
  .product-usp {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 768px) {
  .product-usp {
    border-radius: 8px;
    padding: 68px 74px;
  }
}

.product-usp__listitem:not(:last-child) {
  padding-bottom: 22px;
  border-bottom: 2px solid #2C2B2E;
  margin-bottom: 24px;
}

.product-usp__heading {
  padding-left: 50px;
}

.product-usp__icon {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
}

.product-description {
  max-width: 86%;
}

@media (min-width: 768px) and (min-height: 650px) {
  .admin-bar .product-widget--simpel {
    top: 118px;
  }
  .product-widget--simpel {
    position: sticky;
    top: 86px;
  }
}
@media (min-width: 768px) {
  .product-widget.sticky-icky {
    position: sticky !important;
    top: 86px;
  }
  .admin-bar .product-widget.sticky-icky {
    top: 118px;
  }
}
@media (min-width: 768px) and (min-height: 940px) {
  .admin-bar .product-widget--configurator,
  .admin-bar .product-widget--simpel {
    top: 118px;
  }
  .product-widget--configurator {
    position: sticky;
    top: 86px;
  }
}
@media (max-width: 767px) {
  .product-widget--configurator {
    margin-bottom: 40px;
  }
  .configurator-form {
    margin-top: 20px;
  }
}
@media (min-width: 960px) {
  .product-widget {
    margin-bottom: 10px;
  }
}

.product__price small {
  opacity: 0.7;
  font-weight: 400;
}

.review:not(:first-child) {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #DCE3EC;
}

.woocommerce-Reviews .comment-notes {
  background-color: #2C2B2E;
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 10px;
}

.woocommerce-Reviews label {
  margin-bottom: 3px;
  font-size: 14px;
  display: block;
}

.woocommerce-Reviews .comment-form .form-submit {
  margin-top: 20px;
}

.woocommerce-Reviews .comment-form-author,
.woocommerce-Reviews .comment-form-comment,
.woocommerce-Reviews .comment-form-cookies-consent,
.woocommerce-Reviews .comment-form-email,
.woocommerce-Reviews .comment-form-rating,
.woocommerce-Reviews .comment-form-title,
.woocommerce-Reviews .comment-reply-title {
  margin-bottom: 10px;
}

.comment-form-rating p.stars span {
  display: flex;
}
.comment-form-rating p.stars span a {
  display: block;
  font-size: 1px;
  overflow: hidden;
}

.woocommerce-Reviews .comment-reply-title {
  display: block;
}

.woocommerce-Reviews input[type=email],
.woocommerce-Reviews input[type=text] {
  line-height: 22px;
  padding-top: 7px;
  padding-bottom: 7px;
  text-indent: 12px;
}

.woocommerce-Reviews input[type=email],
.woocommerce-Reviews input[type=text],
.woocommerce-Reviews textarea {
  border: 1px solid #cfcdda;
  background-color: #fff;
  width: 100%;
  border-radius: 4px;
  color: #19181D;
}

.woocommerce-Reviews textarea {
  padding: 7px;
}

.woocommerce-Reviews .submit {
  background-color: #8FBE44;
  border-color: #8FBE44;
  color: #fff;
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding: 10px 20px 14px;
  line-height: 20px;
  border-radius: 8px;
  text-overflow: ellipsis;
  appearance: none;
  border-width: 1px;
  border-style: solid;
  vertical-align: middle;
  text-align: center;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  font-weight: 700;
  transition: background 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out, fill 0.3s ease-out, box-shadow 0.3s ease-in-out;
  width: 100%;
}
.woocommerce-Reviews .submit:focus, .woocommerce-Reviews .submit:hover {
  background-color: #4E770C;
  border-color: #4E770C;
}
.woocommerce-Reviews .submit:active {
  color: #19181D;
  background-color: #fff;
  border-color: #fff;
}

.comment-form-cookies-consent label {
  position: relative;
  padding-left: 22px;
  font-weight: 500;
  line-height: 20px;
}
.comment-form-cookies-consent label::before {
  border-radius: 2px;
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  border: 2px solid #ccc;
  transition: all 0.3s ease-out;
}
.comment-form-cookies-consent label::after {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 7px;
  left: 4px;
}
.comment-form-cookies-consent label:hover {
  color: #8FBE44;
}
.comment-form-cookies-consent label:hover::before {
  border-color: #8FBE44;
}
.comment-form-cookies-consent input {
  position: absolute;
  top: auto;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  white-space: nowrap;
}
.comment-form-cookies-consent input:checked + label::before {
  border-color: #8FBE44;
}
.comment-form-cookies-consent input:checked + label::after {
  content: "";
  background-color: #8FBE44;
}

.woocommerce-Reviews .stars a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  margin-right: 2px;
  width: 20px;
  height: 20px;
  color: #19181D;
}
.woocommerce-Reviews .stars a::selection {
  color: #19181D;
}
.woocommerce-Reviews .stars a::before {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: 0;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  content: "";
  background-image: url("../icons/icon-star-filled.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
}
.woocommerce-Reviews .stars a.active ~ a::before {
  background-image: url("../icons/icon-star-empty.svg");
}

@media (max-width: 959px) {
  .product-thumbnails-container {
    display: none;
  }
}

.product-rating__button {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.heading {
  font-family: "MuseoSans-500", sans-serif;
}
.heading.cat {
  font-size: 32px;
  line-height: 39px;
}
.heading.colossal {
  font-size: 37px;
  line-height: 39px;
}
.heading.giant {
  font-size: 30px;
  line-height: 34px;
}
.heading.huge {
  font-size: 26px;
}
.heading.snowflake {
  font-size: 24px;
  line-height: 28px;
}
.heading.large {
  font-size: 22px;
}
.heading.medium-large {
  font-size: 20px;
}
.heading.medium {
  font-size: 18px;
  line-height: 18px;
}
.heading.small {
  font-size: 17px;
  line-height: 21px;
}
.heading.tiny {
  font-size: 16px;
  line-height: 22px;
}
.heading.puny {
  font-size: 15px;
  line-height: 22px;
}
.heading.mini {
  font-size: 14px;
}
.heading.thin {
  font-family: "MuseoSans-100", sans-serif;
}
.heading.lighter {
  font-family: "MuseoSans-300", sans-serif;
}
.heading.semi {
  font-family: "MuseoSans-500", sans-serif;
}
.heading.semi-bold {
  font-family: "MuseoSans-600", sans-serif;
}
.heading.bold {
  font-family: "MuseoSans-700", sans-serif;
}
.heading.black {
  font-family: "MuseoSans-900", sans-serif;
}
.heading b, .heading strong {
  font-family: "MuseoSans-700", sans-serif;
}

.lh-24 {
  line-height: 24px;
}

.fancy {
  font-family: "MuseoSans-500", sans-serif;
}
.fancy:not(.heading).thin {
  font-family: "MuseoSans-100", sans-serif;
}
.fancy:not(.heading).lighter {
  font-family: "MuseoSans-300", sans-serif;
}
.fancy:not(.heading).semi {
  font-family: "MuseoSans-500", sans-serif;
}
.fancy:not(.heading).bold {
  font-family: "MuseoSans-700", sans-serif;
}
.fancy:not(.heading).black {
  font-family: "MuseoSans-900", sans-serif;
}

.heading--steps {
  min-height: 50px;
  position: relative;
  padding-left: 65px;
  display: flex;
  align-items: center;
}
.heading--steps span {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 24px;
  line-height: 50px;
  font-weight: 900;
  font-family: "Museo Sans", sans-serif;
  text-align: center;
  border: 2px solid #8FBE44;
  position: absolute;
  top: 0;
  left: 0;
}

.heading--has-title {
  position: relative;
  padding-left: 37px;
}
.heading--has-title .heading__icon {
  width: 17px;
  height: 17px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.prose {
  word-wrap: break-word;
}
.prose.snowflake {
  font-size: 16px;
  line-height: 19px;
}
.prose.large {
  font-size: 18px;
}
.prose.medium {
  font-size: 15px;
  line-height: 22px;
}
.prose.small {
  font-size: 14px;
}
.prose.tiny {
  font-size: 14px;
  line-height: 18px;
}
.prose.puny {
  font-size: 11px;
  line-height: 15px;
}
.prose.mini {
  font-size: 10px;
  line-height: 15px;
}
.prose.nano {
  font-size: 13px;
}

.lh12 {
  line-height: 12px !important;
}

.lh17 {
  line-height: 17px !important;
}

.lh18 {
  line-height: 18px !important;
}

.lh19 {
  line-height: 19px !important;
}

.lh24 {
  line-height: 24px !important;
}

.lh26 {
  line-height: 26px !important;
}

.lh-28 {
  line-height: 28px !important;
}

.ls1- {
  letter-spacing: -0.1px;
}

.ls2- {
  letter-spacing: -0.2px;
}

.ls4 {
  letter-spacing: 0.4px;
}

.ls5 {
  letter-spacing: 0.5px;
}

.heading.lh1,
.prose.lh1 {
  line-height: 1;
}
.heading.lh20,
.prose.lh20 {
  line-height: 20px;
}
.heading.lh30,
.prose.lh30 {
  line-height: 30px;
}
.heading.lh40,
.prose.lh40 {
  line-height: 40px;
}

.t-median {
  font-weight: 500;
}

.t-semi {
  font-weight: 600;
}

.t-bold {
  font-weight: 700;
}

.t-truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

.t-capitalize {
  text-transform: capitalize;
}

.t-upper {
  text-transform: uppercase;
}

.t-italic {
  font-style: italic;
}

.t-underline {
  text-decoration: underline;
}

.t-false {
  text-decoration: line-through;
}

.t-lede > *:first-child {
  font-weight: 600;
}

.t-quiet > * {
  opacity: 0.5;
}

.t-whisper > * {
  opacity: 0.7;
}

.t-inlined > * {
  display: inline-block;
}

.t-floated > * {
  float: left;
}

.t-center {
  text-align: center;
}

.t-justify {
  text-align: justify;
}

.t-alignleft {
  text-align: left;
}

.t-alignright {
  text-align: right;
}

@media (max-width: 767px) {
  .t-sd-center {
    text-align: center;
  }
  .t-sd-justify {
    text-align: justify;
  }
  .t-sd-alignleft {
    text-align: left;
  }
  .t-sd-alignright {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .t-bd-center {
    text-align: center;
  }
  .t-bd-justify {
    text-align: justify;
  }
  .t-bd-alignleft {
    text-align: left;
  }
  .t-bd-alignright {
    text-align: right;
  }
}
.admin-bar .prose h1::after {
  content: "Het H1 element is gereserveerd voor titels, vervang deze voor een H2";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  background-color: #E80000;
  padding: 4px;
  border-radius: 4px;
}

.prose:not(.editor) ol, .prose:not(.editor) ul {
  list-style: none;
}
.prose h1 {
  font-size: 28px;
  line-height: 34px;
}
.prose h2 {
  font-size: 28px;
  line-height: 34px;
}
.prose h3 {
  font-size: 26px;
  line-height: 26px;
}
.prose h4 {
  font-size: 24px;
  line-height: 28px;
}
.prose h5 {
  font-size: 22px;
  line-height: 26px;
}
.prose h6 {
  font-size: 18px;
  line-height: 18px;
}
.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
  margin-bottom: 20px;
}
.prose h1, .prose h2, .prose h3 {
  font-weight: 900;
  font-family: "Museo Sans", sans-serif;
}
.prose h4, .prose h5, .prose h6 {
  font-weight: 700;
}
.prose:not(.compact) > *:not(:last-child):not(strong):not(h2):not(h3):not(h4):not(h5):not(h6):not(hr):not(br) {
  margin-bottom: 30px;
}

.editor ul:not([class]) {
  list-style-type: none;
  list-style-position: inside;
}
.editor ul:not([class]) li {
  padding-left: 12px;
  position: relative;
}
.editor ul:not([class]) li::before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #8FBE44;
  border-radius: 50%;
}
.editor ol:not([class]) {
  list-style-type: numeric;
  list-style-position: inside;
}
.editor ol:not([class]) li::marker {
  font-weight: 700;
  color: #8FBE44;
}
.editor a:not([class]) {
  text-decoration: underline;
}

.has-link a {
  font-family: "Museo Sans", sans-serif;
  font-size: 12px;
  line-height: 17px;
  font-weight: 700;
  text-decoration: underline;
}

i {
  font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
  color: inherit;
}

.t-definition dt {
  float: left;
  width: 150px;
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .t-definition dt {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .t-definition dt {
    width: 50%;
  }
}
.t-unordered-list li {
  position: relative;
  padding-left: 50px;
}
.t-unordered-list .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 21px;
  height: 31px;
}

.t-underlined button[class=""],
.t-underlined button:not([class]),
.t-underlined a[class=""],
.t-underlined a:not([class]) {
  text-decoration: underline;
}

.screen-reader-text,
.u-vh {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: rect(0, 0, 0, 0);
  border: 0;
}

.u-contain {
  position: relative;
}

.u-pin {
  position: absolute !important;
}

.u-hidden {
  display: none !important;
}

.u-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.u-br-4 {
  border-radius: 4px;
}

.u-br-5 {
  border-radius: 5px;
}

.u-br-8 {
  border-radius: 8px;
}

.u-br-10 {
  border-radius: 10px;
}

.u-br-14 {
  border-radius: 14px;
}

.u-br-20 {
  border-radius: 20px;
}

.u-br-30 {
  border-radius: 30px;
}

.u-br-circle {
  border-radius: 50%;
}

@media (min-width: 768px) {
  .u-br-4-bd {
    border-radius: 4px;
  }
  .u-br-8-bd {
    border-radius: 8px;
  }
  .u-br-10-bd {
    border-radius: 10px;
  }
}
.u-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.u-svg-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.u-justify-between {
  justify-content: space-between;
}

.u-flex-bro {
  display: flex;
}

@media (max-width: 767px) {
  .u-flex-bro-sd {
    display: flex;
  }
}
@media (min-width: 768px) {
  .u-flex-bro-bd {
    display: flex;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .u-flex-bro-md {
    display: flex;
  }
}
@media (min-width: 1200px) {
  .u-flex-bro-lg {
    display: flex;
  }
}
.u-flex-align-center {
  align-items: center;
}

@media (min-width: 768px) {
  .u-flex-reverse-bd {
    flex-direction: row-reverse;
  }
}
.u-justify-center {
  justify-content: center;
}

.u-align-end {
  align-items: flex-end;
}

.u-gap-30 {
  gap: 30px;
}

.u-gap-25 {
  gap: 25px;
}

.u-gap-15 {
  gap: 15px;
}

.u-gap-10 {
  gap: 10px;
}

.u-gap-5 {
  gap: 5px;
}

.u-gap-20 {
  gap: 20px;
}

@media (max-width: 767px) {
  .sd\:u-gap-10 {
    gap: 10px;
  }
}
@media (min-width: 768px) {
  .bd\:u-gap-15 {
    gap: 15px;
  }
}
.u-wraps {
  flex-wrap: wrap;
}

.u-flex-start {
  align-items: flex-start;
}

.u-flex-end {
  align-items: flex-end;
}

.u-flex--center {
  align-items: center;
}

.u-icon-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.u-flex-column {
  flex-direction: column;
}

.u-fr {
  float: right;
}

.u-fl {
  float: left;
}

@media (min-width: 768px) {
  .u-fr-bd {
    float: right;
  }
  .u-fl-bd {
    float: left;
  }
}
.u-z0 {
  z-index: 0;
}

.u-z1 {
  z-index: 1;
}

.u-z2 {
  z-index: 2;
}

.u-z3 {
  z-index: 3;
}

.u-z4 {
  z-index: 4;
}

.u-z5 {
  z-index: 5;
}

.u-z6 {
  z-index: 6;
}

.u-z7 {
  z-index: 7;
}

.u-z8 {
  z-index: 8;
}

.u-z9 {
  z-index: 9;
}

.u-z10 {
  z-index: 10;
}

.u-z15 {
  z-index: 15;
}

.u-clip {
  overflow: hidden;
}

.u-scroll {
  overflow: auto;
}

.clearfix {
  display: block;
}

.inline {
  display: inline-block !important;
}

.u-noevents {
  pointer-events: none;
}

.back-center {
  background-position: center;
}

.back-center-top {
  background-position: center top;
}

.back-center-bottom {
  background-position: center bottom;
}

.back-center-left {
  background-position: left center;
}

.back-center-right {
  background-position: right center;
}

.back-image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.back-no-repeat {
  background-repeat: no-repeat;
}

.back-cover {
  background-size: cover;
}

.line {
  border-style: solid;
}

.line-all {
  border-width: 1px;
}

.line-top {
  border-top-width: 1px;
}

.line-black {
  border-color: #000;
}

.line-thin {
  border-width: 1px;
}

@media (min-width: 768px) {
  .bd-gap40 {
    gap: 40px;
  }
}
@media (max-width: 767px) {
  .sd-gap20 {
    gap: 20px;
  }
}
.u-grow {
  flex-grow: 1;
}

.modal-open .admin-bar #wpadminbar {
  z-index: 1 !important;
}

@media (max-width: 959px) {
  .page-product-configurator #wpadminbar {
    z-index: 10 !important;
  }
}
@media (max-width: 959px) {
  #wpadminbar {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  body.admin-bar {
    margin-top: -32px !important;
  }
}
@media (max-width: 767px) {
  body.admin-bar {
    margin-top: -46px !important;
  }
}
@media (min-width: 768px) {
  .storelocator .columns {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
  }
  .storelocator__map {
    grid-row: 1/2;
    grid-column: 2/2;
  }
}
.zoom {
  background-position: 50% 50%;
  position: relative;
  width: 100%;
  overflow: hidden;
  background-size: unset;
}
.zoom:not(.zooming) {
  background-position: center !important;
}
.zoom.vertical:not(.zooming) {
  background-size: auto 100%;
}
.zoom.horizontal:not(.zooming) {
  background-size: cover;
}
.zoom.square:not(.zooming) {
  background-size: auto 100%;
}
@media (min-width: 768px) {
  .zoom {
    cursor: zoom-in;
  }
}

.pswp--is-open #wpadminbar {
  z-index: 1;
}

.product-cta-buttons .btn__icon {
  fill: #fff;
  width: 16px !important;
  height: 16px !important;
}

.products-cta {
  display: grid;
  grid-template-rows: auto;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .products-cta {
    margin-top: -10px;
    margin-bottom: -10px;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .products-cta {
    grid-column: span 2;
    grid-gap: 20px;
  }
}
@media (min-width: 960px) and (max-width: 1099px) {
  .products-cta {
    grid-column: span 2;
    grid-gap: 30px;
  }
}
@media (min-width: 1100px) {
  .products-cta {
    grid-column: span 2;
    grid-gap: 50px;
  }
}

@media (min-width: 768px) and (max-width: 959px) {
  .products-cta--three {
    grid-template-columns: repeat(1, 1fr);
    grid-column: span 2;
  }
}
@media (min-width: 960px) and (max-width: 1099px) {
  .products-cta--three {
    grid-template-columns: repeat(2, 1fr);
    grid-column: span 2;
  }
}
@media (min-width: 1100px) {
  .products-cta--three {
    grid-template-columns: repeat(2, 1fr);
    grid-column: span 2;
  }
}

@media (min-width: 768px) and (max-width: 959px) {
  .products-cta--two {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 960px) {
  .products-cta--two {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) {
  .products-cta--one {
    grid-template-columns: repeat(1, 1fr);
  }
}

.products-cta__item {
  text-align: center;
}
@media (max-width: 1199px) {
  .products-cta__item {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .products-cta__item:not(:first-child) {
    margin-top: 15px;
  }
}
@media (min-width: 1200px) {
  .products-cta__item {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 960px) {
  .products-cta:not(.products-cta--one) .product-cta__heading {
    flex-grow: 1;
    text-align: left;
  }
}

.product-cta__heading {
  padding-right: 10px;
}
@media (max-width: 767px) {
  .product-cta__heading {
    max-width: 185px;
  }
}
@media (max-width: 959px) {
  .product-cta__heading {
    display: inline-block;
    margin-right: 10px;
  }
}

@media (max-width: 959px) {
  .product-cta__btn {
    display: inline-block;
  }
}
.product-cta__btn .btn__text {
  white-space: nowrap;
}

.products-cta__btn {
  font-weight: 400;
  font-size: 14px;
}
.products-cta__btn .btn__icon {
  fill: #8FBE44;
}

.line-seperator {
  border-top: 2px solid #2C2B2E;
  padding-top: 20px;
}

.menu__return {
  display: none;
}

.badge {
  display: inline-block;
  color: #fff;
  line-height: 20px;
  text-transform: uppercase;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
}
.badge:not(:first-child) {
  margin-left: 4px;
}

.badges--medium {
  margin-top: -10px;
}
.badges--medium .badge {
  margin-top: 10px;
  background-color: #19181D;
  padding: 4px 10px;
}

.badges--small .badge {
  background-color: #2C2B2E;
  padding: 1px 6px;
}
.badges--small .badge:not(:first-child) {
  margin-top: 4px;
}

.product-header .badges .badge {
  background-color: #fff;
  color: #000;
}

.rating {
  position: relative;
  width: 79px;
  height: 13px;
  display: inline-block;
}

.rating__icon {
  width: 79px;
  height: 13px;
  fill: #8FBE44;
}

.rating__score {
  top: 0;
  left: 0;
}

.applied-filter__list {
  margin-top: -10px;
}

.applied-filter__button {
  margin-top: 10px;
}
.applied-filter__button:not(:first-child) {
  margin-left: 8px;
}

.applied-filter__prose {
  font-weight: 700;
}

.pre-target {
  pointer-events: none;
}
.pre-target > * {
  pointer-events: all;
}

.pre-target::before {
  content: "";
  display: block;
  visibility: hidden;
  pointer-events: none;
  position: relative;
}
@media (max-width: 767px) {
  .pre-target::before {
    height: 50px;
    margin: -50px 0 0;
  }
}
@media (min-width: 768px) {
  .pre-target::before {
    height: 76px;
    margin: -76px 0 0;
  }
}

.gform_anchor::before {
  content: "";
  display: block;
  visibility: hidden;
  pointer-events: none;
  position: relative;
}
@media (max-width: 767px) {
  .gform_anchor::before {
    height: 50px;
    margin: -50px 0 0;
  }
}
@media (min-width: 768px) {
  .gform_anchor::before {
    height: 76px;
    margin: -76px 0 0;
  }
}

@media (min-width: 768px) {
  .admin-bar .pre-target::before {
    height: 108px;
    margin: -108px 0 0;
  }
}
@media (min-width: 768px) {
  .admin-bar .gform_anchor::before {
    height: 108px;
    margin: -108px 0 0;
  }
}

.sizeguide-buttons {
  padding-bottom: 35px;
  border-bottom: 1px solid #2C2B2E;
  margin-bottom: 30px;
}

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

.sizeguide-table a {
  font-weight: 400;
  text-decoration: underline;
}

.wc-product {
  padding-top: 30px;
  border-top: 1px solid #F6F6F6;
  border-bottom: 1px solid #F6F6F6;
  padding-bottom: 25px;
}

.wc-product__figure {
  width: 114px;
  height: 114px;
  margin-right: 20px;
}

.wc-product__content {
  display: flex;
  justify-content: center;
  flex-flow: column;
}

.wc-upsell__listitem:not(:first-child) {
  margin-top: 20px;
}

.wc-upsell__figure {
  width: 84px;
  height: 84px;
  margin-right: 15px;
}

.wc-upsell__content {
  padding-top: 18px;
}

.wc-upsell__add {
  bottom: 0;
  right: 0;
}

.main-content:not([class*=back-]) {
  margin-bottom: 60px;
}
.main-content[class*=back-] {
  padding-bottom: 60px;
}
@media (min-width: 768px) {
  .main-content:not([class*=back-]) {
    margin-bottom: 80px;
  }
  .main-content[class*=back-] {
    padding-bottom: 80px;
  }
}

.googlemap {
  width: 100%;
  height: 500px;
  background-color: #DCE3EC;
  border-radius: 8px;
}

.language__list {
  max-width: 275px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .language__list {
    display: none;
  }
}

.language__listitem {
  position: relative;
  padding-left: 22px;
}
.language__listitem:not(:first-child) {
  margin-top: 5px;
}
.language__listitem.active {
  font-weight: 700;
}
.language__listitem:focus, .language__listitem:hover {
  font-weight: 700;
}

.language__icon {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.language__text {
  color: #19181D;
}

.dialog__content--guide > *:not(:last-child) {
  margin-bottom: 30px;
}
.dialog__content--guide table {
  border-top: 3px solid #2C2B2E;
  width: 100%;
  text-align: left;
  border-spacing: 0px;
  border-collapse: collapse;
}
.dialog__content--guide tbody td {
  border-top: 3px solid #2C2B2E;
}
.dialog__content--guide th,
.dialog__content--guide td {
  font-size: 14px;
  padding-bottom: 10px;
  padding-top: 10px;
  line-height: 20px;
}
.dialog__content--guide th:first-child,
.dialog__content--guide td:first-child {
  border-right: 2px solid #2C2B2E;
}
.dialog__content--guide th:last-child,
.dialog__content--guide td:last-child {
  padding-left: 10px;
}

.woocommerce-notices-wrapper {
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
}
.woocommerce-notices-wrapper:empty {
  display: none;
}
.woocommerce-notices-wrapper:has(.woocommerce-error) {
  padding: 0;
}
.woocommerce-notices-wrapper .woocommerce-error {
  background-color: #E80000;
  padding: 10px 20px;
  border-radius: 8px;
  color: #fff;
  font-weight: 600;
}
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-message {
  padding: 10px 20px;
  border-radius: 8px;
  color: #fff;
  background-color: #ABCF72;
}
.woocommerce-notices-wrapper .woocommerce-info:not(:first-child),
.woocommerce-notices-wrapper .woocommerce-message:not(:first-child) {
  margin-top: 10px;
}

.woocommerce-cart .woocommerce-notices-wrapper {
  margin-bottom: 20px;
}

.woocommerce-cart .cart-empty {
  margin-bottom: 20px;
}

.restore-item {
  text-decoration: underline;
}

.overview__wrapper {
  display: grid;
  grid-template-rows: auto;
  grid-gap: 25px;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 360px) and (max-width: 767px) {
  .overview__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

.woocommerce-form-login-toggle[style*="display: none"] + .woocommerce-form-login {
  display: none;
}

.product-options .bulk-variations {
  width: 100%;
}

.bulk-variations select.update {
  border-color: #8FBE44;
}

@media (min-width: 960px) {
  .row--grid .columns {
    display: grid;
    grid-gap: 40px 60px;
    grid-template-columns: 2fr 1fr;
    grid-auto-rows: auto;
  }
  .row--grid .columns .sidebar {
    grid-row: 1/3;
    grid-column: 2/3;
  }
}
@media (min-width: 1200px) {
  .row--grid .columns .sidebar {
    width: 440px;
  }
}

p:empty::before {
  display: none;
}

@media (max-width: 899px) {
  .product__title {
    padding: 0 0 0 20px;
  }
  .product__preview-image {
    width: 100%;
    height: auto;
  }
  .product__option {
    width: 126px;
    height: 147px;
    flex-shrink: 0;
    margin-right: 15px;
    border-radius: 8px;
  }
  .product__option .button__text::before {
    height: 126px !important;
    width: 126px !important;
  }
  .product__option[target=piping].active::after, .product__option[target=color].active::after {
    top: 47px;
  }
  .product__options-container {
    z-index: 1;
    opacity: 1;
    transform: translateY(0);
    display: flex;
    align-items: flex-start;
    overflow: scroll hidden;
    width: calc(100% - 40px);
    height: 152px;
    transition: all 0s linear 0s;
    margin-left: 20px;
  }
  .product__options-scroll {
    position: relative;
    justify-content: flex-start;
    width: 100%;
    flex-shrink: 0;
    padding: 2px;
    display: flex;
    height: 152px;
  }
  .product__options {
    position: relative;
    display: flex;
    justify-content: flex-start;
    height: 152px;
    width: 100%;
    flex-shrink: 0;
    padding: 2px;
  }
  .product__options::after {
    content: "";
    width: 20px;
    height: 100%;
  }
  .product__controls {
    text-align: center;
    padding: 20px 20px 40px;
  }
  .product__content--description {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
  }
}
.button-wrapper .target__text,
.button-wrapper .btn__text {
  display: block;
}

@media (min-width: 900px) and (max-height: 630px) {
  .element--configurator .element__price.md-hidden {
    display: block !important;
  }
  .element--configurator .element__row {
    max-width: 600px;
  }
  .page-product-configurator .configurator_holder {
    margin-top: 0;
  }
  .product__title {
    padding: 0 0 0 20px;
  }
  .product__preview-image {
    width: 100%;
    height: auto;
  }
  .product__option {
    width: 100px;
    height: auto;
    flex-shrink: 0;
    margin-right: 15px;
    border-radius: 8px;
  }
  .product__options-container {
    z-index: 1;
    opacity: 1;
    transform: translateY(0);
    display: flex;
    align-items: flex-start;
    overflow: scroll hidden;
    width: calc(100% - 20px);
    height: 76px;
    transition: all 0s linear 0s;
    margin-left: 20px;
  }
  .product__options-scroll {
    position: relative;
    justify-content: flex-start;
    width: 100%;
    flex-shrink: 0;
    padding: 2px;
    display: flex;
    height: 76px;
  }
  .product__options {
    position: relative;
    display: flex;
    justify-content: flex-start;
    height: 76px;
    width: 100%;
    flex-shrink: 0;
    padding: 2px;
  }
  .product__options::after {
    content: "";
    width: 20px;
    height: 100%;
  }
  .product__controls {
    text-align: center;
    padding: 20px 20px 0;
  }
  .product__content--description {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
  }
  .product__content--description.sm-hidden {
    display: none !important;
  }
  .product__content--description.md-hidden {
    display: block !important;
  }
  .product__title {
    font-size: 17px;
    line-height: 21px;
    font-family: "MuseoSans-700", sans-serif;
  }
  .configurator__heading {
    flex-direction: row-reverse;
    margin-top: 20px;
  }
  .configurator__heading .element__button {
    padding-right: 0;
    display: block !important;
  }
  .configurator__heading .element__heading {
    display: block !important;
  }
  .dialog__inner {
    height: unset;
  }
  .configurator__sidebar .element__button.sm-hidden {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .configurator__sidebar .product-options .product__add-to-cart_container {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    background-color: #2C2B2E;
  }
  .configurator__sidebar .product-options .product__add-to-cart_container::before {
    content: "";
    width: 100vw;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    background-color: #2C2B2E;
  }
  .page-product-configurator div.elements {
    padding: 0 !important;
  }
  .page-product-configurator .main-content[class*=back-] {
    padding-bottom: 75px;
  }
}
.product__controls {
  position: relative;
  z-index: 1;
}
.product__controls .bttns {
  margin-top: 0;
  display: flex;
  gap: 15px;
  justify-content: space-evenly;
}
@media (max-width: 899px) {
  .product__controls .bttns {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    background-color: #2C2B2E;
    padding: 10px;
    height: 67px;
  }
  .product__controls .bttns::before {
    content: "";
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    bottom: 0;
    background-color: #2C2B2E;
    z-index: -1;
    position: absolute;
  }
}
.product__controls .btn {
  flex-grow: 1;
  width: unset;
  margin-top: 0;
}
.product__controls .btn:not(:last-child) {
  margin-right: 0;
}

.product__option {
  text-align: left;
  line-height: 2rem;
  font-size: 1.4rem;
}
.product__option[target=mirror_pockets].active, .product__option[target=piping].active, .product__option[target=color].active {
  position: relative;
}
.product__option[target=mirror_pockets].active::after, .product__option[target=piping].active::after, .product__option[target=color].active::after {
  width: 40px;
  height: 40px;
  content: "";
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../icons/icon-check-circle.svg");
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media (max-width: 899px) {
  .product__option[target=mirror_pockets].active::after, .product__option[target=piping].active::after, .product__option[target=color].active::after {
    top: 47px;
  }
}
.product__option[target=mirror_pockets] .button__text::before, .product__option[target=piping] .button__text::before, .product__option[target=color] .button__text::before {
  content: "";
  width: 100%;
  height: 60px;
  display: block;
  border-radius: 3px;
}
.product__option[target=logo_print] {
  background-color: #f6f6f6;
  border-radius: 8px;
}
.product__option[target=logo_print].active {
  box-shadow: 0 0 0 2px #8FBE44;
}
.product__option img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
}
.product__option[value=Black] .button__text::before {
  background-color: #000;
}
.product__option[value=Blue] .button__text::before {
  background-color: #3a9ad1;
}
.product__option[value=Bordeaux] .button__text::before {
  background-color: #903e54;
}
.product__option[value="Dark blue"] .button__text::before {
  background-color: #477091;
}
.product__option[value="Dark green"] .button__text::before {
  background-color: #38836e;
}
.product__option[value=Green] .button__text::before {
  background-color: #3fab6f;
}
.product__option[value=Grey] .button__text::before {
  background-color: #b8b3ad;
}
.product__option[value="Light gray"] .button__text::before {
  background-color: #cac7c2;
}
.product__option[value=Orange] .button__text::before {
  background-color: #ce6d4c;
}
.product__option[value=Red] .button__text::before {
  background-color: #cf3e4b;
}
.product__option[value=White] .button__text::before {
  background-color: #ffffff;
}
.product__option[value=Yellow] .button__text::before {
  background-color: #facc39;
}
.product__option[value="Navy Blue"] .button__text::before {
  background-color: #4b5264;
}

.product__controls .btn {
  width: calc(50% - 10px);
  text-align: center;
}

.configurator__options__container {
  margin-bottom: 25px;
}

@media (max-width: 959px) {
  .configurator__options__container {
    transform: translateY(0);
    display: flex;
    align-items: flex-start;
    overflow: scroll hidden;
    width: 100%;
    height: 170px;
    transition: all 0s linear 0s;
  }
  .configurator__options {
    position: relative;
    justify-content: flex-start;
    width: 100%;
    flex-shrink: 0;
    padding: 2px;
    display: flex;
    height: 170px;
    gap: 10px;
  }
  .configurator__options .option {
    min-width: 100px;
    flex-shrink: 0;
    border-radius: 10px;
  }
  .configurator__options .button-wrapper {
    height: 100%;
  }
  .configurator__options .btn__text {
    display: block;
  }
  .configurator__options .target__text {
    display: block;
  }
}
.configurator__options {
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.configurator__options .option {
  border: 2px solid #19181D;
  border-radius: 10px;
  position: relative;
}

.configurator__options .btn__text {
  font-weight: 700;
  line-height: 26px;
}

.configurator__options .action-open__description {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  border-width: 0 0 0 2px;
}

.configurator__options .target__text {
  font-weight: 400;
  font-size: 90%;
}
@media (min-width: 601px) {
  .configurator__options .target__text {
    display: block;
  }
}

.configurator_holder {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
@media (min-width: 960px) and (min-height: 631px) {
  .configurator_holder {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .configurator_holder {
    grid-gap: 15px;
  }
}
@media (min-width: 960px) {
  .configurator_holder {
    grid-gap: 60px;
  }
}

.configurator_figure {
  background-color: #fff;
  justify-self: center;
  padding: 20px;
  border-radius: 10px;
  width: 100%;
}
@media (min-width: 900px) and (min-height: 631px) {
  .configurator_figure {
    flex-grow: 1;
  }
}

@media (max-width: 959px) {
  .configurator__heading {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
@media (max-width: 899px) {
  .product__sidebar-inner {
    padding: 20px 0 30px;
    background-color: #fff;
    position: relative;
  }
  .product__sidebar-inner::after {
    width: 100vw;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    background-color: inherit;
    z-index: -1;
  }
  .product__sidebar {
    padding-bottom: 0 !important;
  }
}
.configurator__sidebar {
  position: relative;
  width: 100%;
  flex-shrink: 0;
}
@media (min-width: 960px) and (min-height: 631px) {
  .configurator__sidebar {
    max-width: 440px;
  }
}
.configurator__sidebar .product__add-to-cart {
  fill: #fff;
}
.configurator__sidebar .btn--stroke {
  background-color: #fff;
}

.product__btn {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.product__btn > span {
  display: inline-block;
}
.product__btn .btn__icon--product-manager {
  margin-left: 8px;
  width: 18px;
  height: 18px;
  position: relative;
  top: 3px;
  color: #fff;
  fill: #fff;
}

@media (max-width: 768px) {
  .page-product-configurator .pre-target::before {
    display: none;
  }
}
@media (min-width: 900px) {
  .page-product-configurator .product__sidebar {
    transform: translate(0);
    margin-top: 51px;
  }
}
.page-product-configurator .product__container {
  height: unset;
}

.product__price {
  font-size: 2rem;
  line-height: 1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  font-weight: 400;
}
@media (min-width: 768px) {
  .product__price {
    font-size: 2.6rem;
  }
  .product__price small {
    font-size: 1.3rem;
  }
}
.product__price small {
  font-size: 1.3rem;
}
.product__price .product-rating {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
  margin-bottom: 0;
}
.product__price .product-rating .rating__icon,
.product__price .product-rating .rating {
  width: 79px;
  height: 13px;
}

.configurator__heading .product-rating {
  margin-bottom: 0;
}

.element--configurator .configurator__heading {
  margin-top: 15px;
}
.element--configurator .rating__icon,
.element--configurator .rating {
  width: 79px;
  height: 13px;
}

.element__header {
  margin-bottom: 20px;
}
.element__header .rating__icon,
.element__header .rating {
  width: 79px;
  height: 13px;
}
.element__header .product-rating {
  margin-bottom: 0;
}
.element__header .product__price-inner {
  font-size: 2rem;
  line-height: 2.4rem;
}
@media (min-width: 768px) {
  .element__header .product__price-inner {
    font-size: 2.6rem;
    line-height: 3rem;
  }
}

.product__price-table {
  width: 100%;
  border-collapse: collapse;
  line-height: 2.8rem;
}
.product__price-table tbody td:first-child {
  text-align: left;
}
.product__price-table tbody td:last-child {
  text-align: right;
}
.product__price-table tfoot th:first-child {
  text-align: left;
}
.product__price-table tfoot th:last-child {
  text-align: right;
}

.configurator__options .option .btn--holder-right .btn__holder {
  top: 50%;
  transform: translateY(-50%);
}

.js__select_option {
  cursor: pointer;
  display: block;
}

.js__select_option:hover,
.js__select_option.active {
  font-weight: 700;
}

.js__select_option.active {
  pointer-events: none;
}

.bulk-variations {
  margin: 0;
  width: 100%;
}

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

.product table.bulk-variations tbody th,
.product table.bulk-variations tbody td {
  background-color: transparent;
}

.bulk-variations select {
  width: 100%;
}

.bulk-variations .value {
  margin-bottom: 1em;
}

.bulk-variations .desc {
  margin-top: -1em;
  margin-bottom: 1em;
}

.variation__description {
  display: inline-block;
  text-decoration: none;
  border: none;
  padding: 0;
  line-height: 2;
  background: none;
}

td.label label {
  min-width: auto;
  display: inline-block;
}

form.configurator-form .submit-button {
  display: inline-block;
  cursor: pointer;
  line-height: 20px;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  border-style: solid;
  vertical-align: middle;
  -webkit-transition: background 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out, fill 0.3s ease-out, -webkit-box-shadow 0.3s ease-in-out;
  transition: background 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out, fill 0.3s ease-out, -webkit-box-shadow 0.3s ease-in-out;
  transition: background 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out, fill 0.3s ease-out, box-shadow 0.3s ease-in-out;
  transition: background 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out, fill 0.3s ease-out, box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  font-weight: 700;
  width: 100%;
  padding: 10px 20px 14px;
  border-radius: 4px;
  text-align: center;
  background-color: #8fbe44;
  color: #fff;
  fill: #fff;
  border: 0px;
}

form.configurator-form .submit-button.disabled,
form.configurator-form .submit-button:disabled {
  cursor: not-allowed;
  background-color: #8fbe44;
  border-color: #8fbe44;
  color: #fff;
  fill: #fff;
  opacity: 0.5;
  pointer-events: none;
}

.page-product-configurator .site-footer,
.page-product-configurator .menu {
  display: none;
}
.page-product-configurator .crumbs {
  margin-bottom: 0;
}
@media (max-width: 959px) {
  .page-product-configurator .crumbs {
    display: none;
  }
}
.page-product-configurator .product__content--description table {
  display: none;
}

.product__price-table .choice,
.configurator__options .target__text {
  text-transform: lowercase;
}

.product__price-table .choice {
  margin-left: 5px;
}
.product__price-table .choice::after {
  content: ")";
}
.product__price-table .choice::before {
  content: "(";
}

.configurator__heading {
  gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
@media (max-width: 959px) {
  .configurator__heading .element__heading {
    font-weight: 700 !important;
  }
}

.configurator__header {
  position: absolute;
  top: 16px;
  left: 34px;
  z-index: 1;
}

.configurator_figure {
  position: relative;
}

.dialog--full .dialog__container {
  background-color: #f6f6f6;
}
.dialog--full .product__container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #f6f6f6;
}
@media (min-width: 400px) and (max-width: 499px) {
  .dialog--full .product__container {
    max-width: 400px;
  }
}
@media (min-width: 500px) and (max-width: 767px) {
  .dialog--full .product__container {
    max-width: 500px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .dialog--full .product__container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .dialog--full .product__container {
    max-width: 1200px;
  }
}
.dialog--full .add-to-cart .product-options {
  margin-bottom: 0;
}
.dialog--full .product__sidebar--inner {
  background-color: #fff;
  padding: 25px 20px 20px 0 !important;
  border-radius: 10px;
  position: relative;
}
@media (min-width: 960px) and (min-height: 631px) {
  .dialog--full .product__sidebar--inner {
    padding: 25px 20px 20px !important;
  }
}
.dialog--full .product__sidebar {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.dialog--full .product__sidebar .dialog__close {
  width: fit-content;
}
.dialog--full .product__preview {
  background: white;
  padding: 20px;
  border-radius: 10px;
}
@media (max-width: 899px) {
  .dialog--full .dialog__close {
    display: none;
  }
  .dialog--full .product__title {
    font-size: 2.2rem;
    line-height: 1;
    font-family: "MuseoSans-700", sans-serif;
  }
  .dialog--full .configurator__heading .element__button {
    padding-right: 0;
  }
  .dialog--full .dialog__inner {
    height: unset;
    padding-left: 20px;
    padding-right: 20px;
  }
  .dialog--full .product__preview {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
  }
  .dialog--full .element__price {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 900px) and (max-height: 630px) {
  .dialog--full .dialog__close {
    display: none;
  }
  .dialog--full .product__scroll {
    max-height: 400px;
  }
  .dialog--full .product__title {
    font-size: 17px;
    line-height: 21px;
    font-family: "MuseoSans-700", sans-serif;
  }
  .dialog--full .dialog__inner {
    height: unset;
    max-width: 600px;
  }
  .dialog--full .product__preview {
    padding-left: 20px;
    padding-right: 20px;
  }
  .dialog--full .element__price {
    padding-left: 20px;
    padding-right: 20px;
  }
  .dialog--full .product__sidebar::after {
    display: none;
  }
  .dialog--full .configurator__heading {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 900px) and (min-height: 631px) {
  .dialog--full .configurator__heading,
  .dialog--full .element__price {
    display: none;
  }
  .dialog--full .page-product-configurator .product__sidebar {
    transform: translate(0);
    margin-top: 30px;
  }
  .dialog--full .page-product-configurator .product__container {
    height: unset;
  }
  .dialog--full .product__container {
    display: flex;
    gap: 60px;
    padding-left: 20px;
    padding-right: 20px;
    align-items: flex-start;
  }
  .dialog--full .product__preview {
    flex-grow: 1;
    justify-self: right;
    justify-content: center;
    margin-top: 51px;
  }
  .dialog--full .dialog__inner {
    height: unset;
  }
  .dialog--full .product__sidebar {
    width: 100%;
    max-width: 440px;
    flex-shrink: 0;
  }
  .dialog--full .product__sidebar-inner {
    background-color: #fff;
    padding: 26px 23px;
    margin-top: 25px;
    border-radius: 10px;
  }
  .dialog--full .configurator__title {
    padding-right: 130px;
  }
  .dialog--full .product__scroll {
    overflow: auto;
  }
  .dialog--full .product__preview-image {
    object-fit: contain;
    height: auto;
    width: auto;
    max-height: calc(100vh - 106px);
  }
  .dialog--full .product__options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-gap: 15px;
    padding: 2px;
  }
  .dialog--full .product__controls {
    text-align: center;
    margin-top: 15px;
  }
}
@media (min-width: 900px) and (min-height: 631px) {
  .dialog--full .product__scroll {
    max-height: 315px;
  }
}
@media (min-width: 900px) and (min-height: 700px) {
  .dialog--full .product__scroll {
    max-height: 350px;
  }
}
@media (min-width: 900px) and (min-height: 800px) {
  .dialog--full .product__scroll {
    max-height: 400px;
  }
}
@media (min-width: 900px) and (min-height: 900px) {
  .dialog--full .product__scroll {
    max-height: 450px;
  }
}
@media (min-width: 900px) and (min-height: 1000px) {
  .dialog--full .product__scroll {
    max-height: 500px;
  }
}
.dialog--full .dialog__fake-header {
  height: 51px;
}
.dialog--full .dialog__fake-header .branding {
  margin-top: 11px;
}
@media (min-width: 900px) {
  .dialog--full .dialog__fake-header {
    height: 124px;
  }
  .dialog--full .dialog__fake-header .branding {
    margin-top: 15px;
  }
}

@media (min-width: 900px) and (min-height: 631px) {
  .admin-bar .dialog--full .product__preview-image {
    max-height: calc(100vh - 138px);
  }
}

@media (max-width: 400px) {
  .configurator__heading .element__heading {
    font-size: 17px;
    line-height: 21px;
    font-family: "MuseoSans-700", sans-serif;
  }
}
@media (min-width: 960px) {
  .page-product-configurator .header__inner {
    position: relative !important;
    top: 0 !important;
  }
}
.page-product-configurator main.main-content {
  background-color: #f6f6f6;
}
.page-product-configurator div.elements {
  background-color: #f6f6f6;
  padding-bottom: 50px;
  margin-bottom: 0;
}
.page-product-configurator .element {
  margin-bottom: 0;
}

.page-product-configurator .dialog__container {
  top: 0;
}
.page-product-configurator .dialog--full .dialog__overlay {
  background-color: rgba(0, 0, 0, 0);
}
.page-product-configurator .btn--stroke {
  background-color: #fff;
}

@media (max-width: 959px) {
  .configurator__options {
    flex-wrap: wrap;
  }
}
.configurator__options .option {
  border: none;
}
.configurator__options .option.mirror_pockets .button-wrapper:not([data-selected=black]), .configurator__options .option.color .button-wrapper:not([data-selected=black]) {
  border-color: #8FBE44;
}
.configurator__options .option.mirror_pockets .button-wrapper:not([data-selected=base_color]), .configurator__options .option.color .button-wrapper:not([data-selected=base_color]) {
  border-color: #8FBE44;
}
.configurator__options .option.wind_belt .button-wrapper:not([data-selected=no]) {
  border-color: #8FBE44;
}
.configurator__options .option.wind_belt .button-wrapper:not([data-selected=no]) .target__text {
  color: #000;
}
.configurator__options .option.wind_belt .button-wrapper:not([data-selected=no]) .target__text::after {
  background-image: url("../icons/icon-check-circle-green.svg");
}
.configurator__options .option.wind_belt .button-wrapper .target__text {
  color: #B6B6B6;
}
.configurator__options .option.wind_belt .button-wrapper .target__text::after {
  background-size: 40px;
  width: 40px;
  height: 40px;
  background-image: url("../icons/icon-plus-circle-gray.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.configurator__options .option.storm_straps .button-wrapper:not([data-selected="no logo"]), .configurator__options .option.logo_print .button-wrapper:not([data-selected="no logo"]) {
  border-color: #8FBE44;
}
.configurator__options .option.storm_straps .button-wrapper:not([data-selected="no logo"]) .target__text, .configurator__options .option.logo_print .button-wrapper:not([data-selected="no logo"]) .target__text {
  color: #000;
}
.configurator__options .option.storm_straps .button-wrapper:not([data-selected="no logo"]) .target__text::after, .configurator__options .option.logo_print .button-wrapper:not([data-selected="no logo"]) .target__text::after {
  background-image: url("../icons/icon-check-circle-green.svg");
}
.configurator__options .option.storm_straps .button-wrapper .target__text, .configurator__options .option.logo_print .button-wrapper .target__text {
  color: #B6B6B6;
}
.configurator__options .option.storm_straps .button-wrapper .target__text::after, .configurator__options .option.logo_print .button-wrapper .target__text::after {
  background-size: 40px;
  width: 40px;
  height: 40px;
  background-image: url("../icons/icon-plus-circle-gray.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.configurator__options .option.piping .button-wrapper:not([data-selected="no piping"]) {
  border-color: #8FBE44;
}
.configurator__options .option.piping .button-wrapper:not([data-selected="no piping"]) .target__text {
  color: #000;
}
.configurator__options .option.piping .button-wrapper:not([data-selected="no piping"]) .target__text::after {
  background-image: none;
}
.configurator__options .option.piping .button-wrapper .button__text {
  display: block;
}
.configurator__options .option.piping .target__text {
  color: #B6B6B6;
}
.configurator__options .option.piping .target__text::after {
  background-image: url("../icons/icon-plus-circle-gray.svg");
}
@media (max-width: 959px) {
  .configurator__options .option {
    width: 126px;
    height: 168px;
  }
  .configurator__options .option .button-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
  }
  .configurator__options .option .target__text,
  .configurator__options .option .btn__text {
    display: flex;
    flex-wrap: wrap;
  }
  .configurator__options .option .btn__text {
    flex-direction: column;
    height: 100%;
    width: 100%;
  }
  .configurator__options .option .target__text {
    flex-direction: column-reverse;
  }
}
.configurator__options .button-wrapper {
  border-width: 1px;
  border-style: solid;
  border-color: #19181D;
  padding: 20px;
  width: 100%;
  border-radius: 4px;
}
.configurator__options .button-wrapper[data-selected="base color"] .target__text::after {
  background-color: #000;
}
.configurator__options .button-wrapper[data-selected=black] .target__text::after {
  background-color: #000;
}
.configurator__options .button-wrapper[data-selected=zwart] .target__text::after {
  background-color: #000;
}
.configurator__options .button-wrapper[data-selected=blue] .target__text::after {
  background-color: #3a9ad1;
}
.configurator__options .button-wrapper[data-selected=bordeaux] .target__text::after {
  background-color: #903e54;
}
.configurator__options .button-wrapper[data-selected=dark_blue] .target__text::after {
  background-color: #477091;
}
.configurator__options .button-wrapper[data-selected=dark_green] .target__text::after {
  background-color: #38836e;
}
.configurator__options .button-wrapper[data-selected=green] .target__text::after {
  background-color: #3fab6f;
}
.configurator__options .button-wrapper[data-selected=grey] .target__text::after {
  background-color: #b8b3ad;
}
.configurator__options .button-wrapper[data-selected=light_grey] .target__text::after {
  background-color: #cac7c2;
}
.configurator__options .button-wrapper[data-selected=orange] .target__text::after {
  background-color: #ce6d4c;
}
.configurator__options .button-wrapper[data-selected=red] .target__text::after {
  background-color: #cf3e4b;
}
.configurator__options .button-wrapper[data-selected=white] .target__text::after {
  background-color: #e5e7e6;
}
.configurator__options .button-wrapper[data-selected=yellow] .target__text::after {
  background-color: #facc39;
}
.configurator__options .button-wrapper[data-selected=navy_blue] .target__text::after {
  background-color: #4b5264;
}
.configurator__options .btn__text {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.configurator__options .target__text {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}
.configurator__options .target__text::after {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: block;
  content: "";
}

.line-bottom-gray {
  border-bottom: 2px solid #E8E8E8;
}

.product-options-for {
  background-color: #e8e8e8;
  border-radius: 4px;
  padding: 5px 10px 5px;
}

.filter-button {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.filter-button .btn {
  margin-left: 0;
}

.steps {
  display: flex;
  gap: 40px;
  flex-direction: column;
}

.pre-step {
  gap: 40px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .pre-step {
    flex-wrap: wrap;
    gap: 20px;
  }
}

@media (min-width: 768px) {
  .step {
    display: flex;
  }
  .step:nth-child(even) {
    flex-direction: row-reverse;
  }
}

.step__figure {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) and (max-width: 959px) {
  .step__figure {
    width: 350px;
    min-width: 350px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .step__figure {
    width: 400px;
    min-width: 400px;
  }
}
@media (min-width: 1200px) {
  .step__figure {
    width: 450px;
    min-width: 450px;
    height: auto;
  }
}

.step__image {
  border-radius: 10px;
}
@media (min-width: 768px) {
  .step__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}

.step__content {
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
}
@media (min-width: 400px) {
  .step__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .step__content {
    padding: 40px;
  }
}
@media (min-width: 1200px) {
  .step__content {
    padding: 60px;
  }
}

.step__list {
  list-style-type: decimal;
  list-style-position: inside;
}
.step__list li:not(:first-child) {
  margin-top: 10px;
}
.step__list li::marker {
  color: inherit;
  font-weight: 700;
}

.blocks--single {
  display: grid;
  grid-template-columns: 1fr;
  gap: 60px;
}

@media (max-width: 767px) {
  .blocks--element:after {
    content: "flickity";
    display: none;
  }
  .blocks--element .block__item {
    width: 75%;
    margin-right: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }
  .blocks--element .flickity-slider {
    height: 100%;
  }
}
@media (min-width: 768px) {
  .blocks--element {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
}
@media (min-width: 768px) {
  .blocks--element .block__item {
    display: flex;
    flex-direction: column;
  }
}
.blocks--element .block__mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  background: linear-gradient(22deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
  transition: opacity 0.2s ease-in-out;
}
.blocks--element .block__figure {
  flex-grow: 1;
}
.blocks--element .block__figure:hover .block__mask {
  opacity: 1;
}

.block__caption {
  bottom: 20px;
  left: 20px;
  right: 20px;
}
@media (min-width: 768px) {
  .block__caption {
    bottom: 30px;
    left: 30px;
    right: 30px;
  }
}

.block__overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.block__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.js__company_field {
  display: none !important;
}

.js__company_field.active,
.checkout__tab.active {
  display: block !important;
}

.sizeguide-table a.sizechart__selectoption {
  color: white;
  text-decoration-color: #8fbe44;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}

.sizeguide-table a.sizechart__selectoption:hover {
  font-weight: 600;
}

.custom-woocommerce-notice span {
  display: inline-block;
  margin-right: 10px;
  padding: 3px 8px 6px;
  border: 1px solid #dce3ec;
  border-radius: 3px;
  line-height: 1;
  margin-top: 10px;
  color: black;
  font-size: 14px;
  cursor: pointer;
}

.custom-woocommerce-notice span:hover {
  background-color: #dce3ec;
  color: black;
}

#kl_newsletter_checkbox_field {
  display: none;
}

.noticebar {
  background-color: #4A4A4A;
  color: #fff;
  padding: 0 10px;
  z-index: 1;
  position: relative;
  height: 28px;
  overflow: hidden;
}

.noticebar__inner {
  font-size: 12px;
  line-height: 18px;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: hand;
  font-family: "MuseoSans-700", sans-serif;
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .noticebar__inner::after {
    content: "flickity";
    display: none;
  }
  .noticebar__inner span {
    width: 100%;
    text-align: center;
  }
}
.noticebar__inner:not(.flickity-enabled) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow-y: hidden;
  overflow-x: scroll;
  scrollbar-width: none;
  gap: 15px;
  -ms-overflow-style: none; /* IE and Edge */
}
.noticebar__inner span {
  white-space: nowrap;
}

.woocommerce-order-pay .woocommerce-form-login {
  margin-top: 15px;
}

.payment-header {
  display: block;
  background-color: #19181D;
  color: white;
  height: 100%;
  float: unset;
  width: 100vw;
  position: relative;
  left: calc(-50vw + 50%);
  margin-top: -10px;
}

.payment-header-logo {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  padding: 15px;
  margin-top: 10px;
}

.payment-header-logo svg {
  width: 168px;
  height: 34px;
}

.payment-form .shop_table .order_item .product-name {
  padding-left: 10px;
}
@media (max-width: 767px) {
  .payment-form .shop_table .order_item .product-name {
    width: calc(100% - 95px);
  }
}
@media (min-width: 768px) {
  .payment-form .shop_table .order_item .product-name {
    max-width: 50%;
  }
}

.payment-form .shop_table .order_item {
  margin-left: auto;
}

.payment-form .shop_table .order_item {
  position: relative;
  padding: 10px 0 0 0;
  display: flex;
  align-items: center;
  min-height: 150px;
  border-bottom: 1px solid #E8E8E8;
}
@media (max-width: 767px) {
  .payment-form .shop_table .order_item {
    flex-wrap: wrap;
  }
}

.payment-form .shop_table .order_item .product-image {
  width: 84px;
  height: 84px;
  flex-shrink: 0;
}

.payment-form .shop_table .order_item .product-subtotal {
  font-weight: 700;
  font-family: "Museo Sans", sans-serif;
  font-size: 14px;
  line-height: 2.4rem;
  margin-left: auto;
}

.payment-form .payment-totals th {
  text-align: left;
}

.payment-form .payment-totals td {
  text-align: right;
}

.dialog--popup-small.dynamic-popup .dialog__container {
  max-width: 580px;
  max-height: 100%;
  padding: 55px 95px;
  z-index: 16;
}

.dialog--popup-small.dynamic-popup .header-title {
  font-weight: 900;
  font-family: "Museo Sans", sans-serif;
  font-size: 28px;
  margin-bottom: 10px;
}

.dialog--popup-small.dynamic-popup .header-sub-title {
  font-family: "Museo Sans", sans-serif;
  font-size: 18px;
}

.dynamic-popup .dialog__footer {
  flex-direction: column;
  margin-bottom: 50px;
}

.dynamic-popup .dialog__footer .btn__icon {
  line-height: 20px;
  font-size: 15px;
}

.dynamic-popup .dialog__footer .btn__icon .svg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.dynamic-popup .dialog__footer .btn__icon strong {
  margin-left: 5px;
}

.dynamic-popup .dialog__overlay {
  z-index: 15;
}

@media (max-width: 768px) {
  .dialog--popup-small.dynamic-popup .dialog__container {
    padding: 40px 50px;
  }
}
@media (max-width: 400px) {
  .dialog--popup-small.dynamic-popup .dialog__container {
    top: 20%;
    max-width: 100%;
    max-height: 100%;
    height: fit-content;
  }
}
@keyframes slide-in-upwards-to-top-center {
  from {
    top: 125%;
    transform: translate(-50%, -50%);
  }
  to {
    top: 20%;
    transform: translate(-50%, -50%);
  }
}
.woocommerce-order-pay .woocommerce-form-login {
  margin-top: 15px;
}

.payment-form .payment-totals th {
  text-align: left;
}

.payment-form .payment-totals td {
  text-align: right;
}

.payment-form .manual-payment-methods {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.woocommerce-verify-email .payment-verify-email {
  width: 100%;
  max-width: 500px;
}

.woocommerce-order-pay .payment-form {
  display: flex;
  gap: 25px;
  align-items: flex-start;
}

.woocommerce-order-pay .manual-payment-methods {
  flex-grow: 1;
  width: auto;
}

.woocommerce-order-pay .shop_tables {
  color: #fff;
  background-color: #19181D;
  padding: 32px 27px 28px;
  border-radius: 10px;
  width: 100%;
  flex-shrink: 0;
}

@media (min-width: 960px) {
  .woocommerce-order-pay .shop_tables {
    max-width: 435px;
  }
}
@media (max-width: 959px) {
  .woocommerce-order-pay .payment-form {
    flex-wrap: wrap;
  }
}
.manual-payment-methods .error-text {
  color: #F30125;
}

.woocommerce-order-pay .shop_tables .product-name {
  font-size: 1.5rem;
  line-height: 2.4rem;
}

.woocommerce-order-pay .payment-form .shop_table .order_item {
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: unset;
}

.woocommerce-order-pay .payment-form .shop_table .order_item .product-image {
  width: 46px;
  height: 46px;
}

.woocommerce-order-pay .woocommerce:has(.login) {
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
}

@media (max-width: 959px) {
  .woocoommerce-order-pay .manual-payment-methods {
    width: 100%;
  }
}
.woocommerce-order-pay .woocommerce-form-login .form-row {
  grid-column: span 12;
}

.woocommerce-order-pay .woocommerce-error {
  margin-bottom: 40px;
}

.ds_tooltip {
  display: inline;
  position: relative;
}
.ds_tooltip > span {
  display: none;
}
.ds_tooltip:hover > span, .ds_tooltip:focus > span, .ds_tooltip:active > span {
  display: block;
  position: absolute;
  bottom: calc(1em + 15px);
  right: -13px;
  padding: 10px;
  background: #000;
  color: #fff;
  border-radius: 6px;
  min-width: 320px;
}
.ds_tooltip:hover > span:before, .ds_tooltip:focus > span:before, .ds_tooltip:active > span:before {
  content: "";
  position: absolute;
  bottom: -10px;
  border-top: 10px solid #000;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  right: 10px;
}
.ds_tooltip[data-content]:hover:after, .ds_tooltip[data-content]:focus:after, .ds_tooltip[data-content]:active:after {
  content: attr(data-content);
  display: block;
  position: absolute;
  bottom: calc(1em + 10px);
  right: -20px;
  padding: 5px 10px;
  background: #000;
  color: #fff;
  border-radius: 4px 4px 4px 0;
}

.form-row-vat.active {
  display: flex !important;
  gap: 0 10px;
  flex-wrap: wrap;
  align-items: center;
}
.form-row-vat.active label {
  width: 100%;
}
.form-row-vat.active .woocommerce-input-wrapper {
  flex-grow: 1;
}
.form-row-vat.active .ds_tooltip {
  width: 15px;
  flex-shrink: 0;
}
.form-row-vat.active .svg {
  width: 15px;
  height: 15px;
}

.block--content .block__heading {
  font-size: 2.8rem;
  line-height: 3.4rem;
  font-weight: 400;
}
.block--content .block__heading--floats {
  position: absolute;
  bottom: 30px;
  left: 30px;
}
.block--content .block__figure {
  width: 100%;
  height: 240px;
  position: relative;
}
.block--content .block__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.block--content .block__content {
  padding: 30px 20px 35px;
  display: flex;
  gap: 15px;
  flex-direction: column;
}
@media (min-width: 768px) {
  .block--content .block__content {
    padding: 30px 30px 35px;
  }
}

.block--usps .block__heading {
  font-size: 2.8rem;
  line-height: 3.4rem;
  font-weight: 400;
  margin-bottom: 30px;
}
.block--usps .content__prose {
  margin-top: 30px;
}
.block--usps .block__usps {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
  max-height: unset;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-areas: "usp1 usp1 usp2 usp2" "usp1 usp1 usp2 usp2" "usp3 usp3 usp3 usp3" "usp4 usp4 usp4 usp4";
}
@media (min-width: 768px) {
  .block--usps .block__usps {
    max-height: 355px;
  }
}
@media (min-width: 768px) {
  .block--usps .block__usps {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "usp1 usp2 usp3 usp3" "usp1 usp2 usp4 usp4";
  }
}
.block--usps .block__usp {
  position: relative;
}
.block--usps .block__usp:nth-child(1) {
  grid-area: usp1;
}
.block--usps .block__usp:nth-child(2) {
  grid-area: usp2;
}
.block--usps .block__usp:nth-child(3) {
  grid-area: usp3;
}
.block--usps .block__usp:nth-child(4) {
  grid-area: usp4;
}
.block--usps .block__usp:nth-child(1), .block--usps .block__usp:nth-child(2) {
  min-height: 180px;
}
.block--usps .block__usp:nth-child(3), .block--usps .block__usp:nth-child(4) {
  max-height: 130px;
}
@media (min-width: 768px) {
  .block--usps .block__usp:nth-child(1), .block--usps .block__usp:nth-child(2) {
    min-height: unset;
  }
  .block--usps .block__usp:nth-child(3), .block--usps .block__usp:nth-child(4) {
    max-height: unset;
  }
}
.block--usps .block__usp-content {
  position: absolute;
  top: 30px;
  left: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: white;
  z-index: 2;
}
.block--usps .block__usp-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  z-index: 1;
}
.block--usps .block__icon {
  fill: #8FBE44;
  width: 16px;
  height: 22px;
}

.block--specs .block__heading {
  font-size: 2.8rem;
  line-height: 3.4rem;
  font-weight: 400;
  margin-bottom: 30px;
}
.block--specs .block__spec {
  padding: 13px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (min-width: 768px) {
  .block--specs .block__spec {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.block--specs .block__spec .block__title {
  font-weight: 700;
  min-width: 180px;
}
@media (min-width: 768px) {
  .block--specs .block__spec .block__title {
    min-width: 200px;
  }
}
.block--specs .block__spec:nth-child(odd) {
  background-color: #fff;
}
.block--specs .block__icon {
  width: 15px;
  height: 15px;
}
.block--specs .block__icon--cross {
  fill: #B41212;
  width: 13px;
  height: 13px;
}
.block--specs .block__icon--check-thin {
  fill: #8FBE44;
}

.block--contact {
  background-color: #fff;
  padding: 30px 20px 40px 20px;
  border-radius: 10px;
  gap: 30px;
}
@media (min-width: 500px) {
  .block--contact {
    display: flex;
  }
}
@media (min-width: 768px) {
  .block--contact {
    padding: 30px 35px 40px 40px;
  }
}
.block--contact .block__heading {
  font-size: 2.4rem;
  line-height: 2.8rem;
  margin-bottom: 10px;
}
.block--contact .block__contact-options {
  margin-top: 25px;
  flex-direction: column;
  gap: 14px;
}
@media (max-width: 500px) {
  .block--contact .block__contact-options {
    display: flex;
  }
}
.block--contact .block__contact-option {
  font-size: 1.5rem;
  font-weight: 500;
  align-items: center;
  gap: 8px;
}
@media (min-width: 768px) {
  .block--contact .block__contact-option {
    display: flex;
  }
}
@media (max-width: 500px) {
  .block--contact .block__contact-option {
    flex-wrap: wrap;
  }
}
.block--contact .block__contact-option svg {
  width: 20px;
  height: 20px;
  fill: #8FBE44;
}
.block--contact .block__contact-link {
  display: flex;
  align-items: center;
  gap: 8px;
}
.block--contact .block__main {
  flex-grow: 1;
}
.block--contact .block__aside {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 767px) {
  .block--contact .block__aside {
    margin-top: 15px;
  }
  .block--contact .block__aside .block__review {
    align-items: center;
  }
  .block--contact .block__aside .block__review svg {
    margin-top: 0;
  }
}
@media (min-width: 500px) {
  .block--contact .block__aside {
    width: 160px;
  }
}
.block--contact .block__info {
  margin-bottom: 30px;
}
.block--contact .block__info svg {
  width: 120px;
  height: 110px;
  fill: #8FBE44;
}
@media (max-width: 500px) {
  .block--contact .block__info {
    display: none;
  }
}
.block--contact .block__review {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  width: 100%;
  font-size: 1.4rem;
  line-height: 2rem;
}
.block--contact .block__review span {
  font-weight: 600;
}
.block--contact .block__review svg {
  width: 14px;
  height: 14px;
  fill: #8FBE44;
  flex-shrink: 0;
  margin-top: 7px;
}

.block--review .block__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.block--review .block__heading {
  font-size: 2rem;
  line-height: 2.8rem;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .block--review .block__heading {
    font-size: 2.4rem;
  }
}
.block--review .product__review {
  background-color: #fff;
  padding: 20px;
  border: 0;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .block--review .product__review {
    padding: 30px;
  }
}
.block--review .review__body {
  height: unset;
}
.block--review .review:not(:first-child) {
  margin-top: 10px;
}
.block--review .review__other {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.block--review .review__other .rating {
  width: 79px;
  height: 13px;
}
.block--review .review__other .rating__score {
  fill: #8FBE44;
}
.block--review .review__other .rating__icon {
  width: 79px;
  height: 13px;
  fill: #8FBE44;
}

.block--related .cards--products-right {
  width: 100%;
}

.block--faq .block__heading {
  font-size: 2.4rem;
  line-height: 2.8rem;
  margin-bottom: 30px;
}
.block--faq .faq {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.block--faq .faq__item {
  position: relative;
  transition-delay: calc(0.05s * var(--index));
  transition-duration: 0.2s;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  opacity: 1;
  border-radius: 5px;
}
.block--faq .faq__item:not(.open) {
  background-color: #e8e8e8;
  color: var(--faqClosedText);
  fill: var(--faqClosedIcon);
}
.block--faq .faq__item .faq__icon {
  width: 15px;
  height: 15px;
}
.block--faq .faq__item.open {
  background-color: #fff;
  color: var(--faqOpenText);
  fill: var(--faqOpenIcon);
}
.block--faq .faq__item[aria-hidden=true] {
  height: 1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 1px;
  z-index: -1;
}
.block--faq .faq__toggle {
  display: block;
  width: 100%;
  text-align: left;
  padding: 20px 50px 20px 20px;
  transition: background-color 0.3s ease-in-out;
}
.block--faq .faq__toggle[aria-expanded=true] {
  padding-bottom: 20px;
}
.block--faq .faq__toggle[aria-expanded=true] .icon-open {
  display: none;
}
.block--faq .faq__toggle[aria-expanded=true] .icon-close {
  display: block;
}
.block--faq .faq__toggle .icon-close {
  display: none;
}
.block--faq .faq__holder {
  width: 25px;
  position: absolute;
  top: 0;
  height: 100%;
  right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  fill: inherit;
  transition: fill 0.3s ease-in-out;
}
.block--faq .faq__inner {
  padding: 0 20px 20px;
  background-color: #fff;
}
.block--faq .faq__inner:not([aria-hidden=false]) {
  display: none;
}
.block--faq .faq__text {
  font-weight: 700;
}
.block--faq .content__scroll--main {
  position: sticky;
  top: var(--heightOfHeader);
}

.single-product .main-content {
  background-color: #f6f6f6;
}

.product-price-details {
  background-color: #fff;
  padding: 19px 22px;
  border-radius: 4px;
}
.product-price-details .product__price {
  display: none;
}

.product-gallery-counter {
  display: flex;
  align-items: center;
  gap: 8px;
  position: absolute;
  bottom: 12px;
  right: 18px;
  z-index: 1;
}

.product-gallery .badge {
  margin-top: 0;
  background-color: #fff;
  color: #000;
}

.configurator__usps {
  display: flex;
  justify-content: center;
}

.wc-bulk-select:not(:has(option:first-child:checked)) {
  border-color: #8FBE44;
}

.configurator__return {
  position: absolute;
  top: 21px;
  right: 21px;
}