@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

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

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

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

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

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

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

textarea {
  overflow: auto;
  resize: vertical;
}

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

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

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

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

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

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

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

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

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 1200px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1224px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.d-none {
  display: none !important;
}

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

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

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

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #ff0039 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #cc002e !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #ff0039 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

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

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

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

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

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

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

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

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

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

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

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #ff0039 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #b30028 !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

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

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

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

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  cursor: not-allowed;
  opacity: 0.25;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
  padding: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: #999;
}
.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #dee2e6;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #dee2e6;
  border-radius: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #dee2e6;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option--group {
  padding: 0;
}
.select2-container--classic .select2-results__option--disabled {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #000000;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 1;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 1;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-content {
  position: relative;
  max-width: calc(100vw - 180px) !important;
  padding: 40px 0;
}
.mfp-content .mfp-figure {
  overflow: hidden;
  border-radius: 3px;
}
.mfp-content .mfp-figure .mfp-img {
  padding: 0;
}
.mfp-content .mfp-close {
  line-height: 50px;
  position: absolute;
  top: 55px;
  right: 15px;
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 0;
  cursor: pointer !important;
  transition: all 0.3s ease;
  transform: scale(1);
  text-align: center;
  opacity: 1;
  border-radius: 3px;
  background-color: black;
}
.mfp-content .mfp-close:hover {
  background-color: #000;
}
.mfp-content .mfp-arrow {
  top: calc(50% - 30px);
  width: 60px;
  height: 60px;
  margin: 0 !important;
  transition: none;
  transform: scale(1);
  opacity: 1;
  background-color: #000;
}
.mfp-content .mfp-arrow:hover {
  background-color: #131313;
}
.mfp-content .mfp-arrow:before {
  font-size: 28px;
  line-height: 60px;
  width: 100%;
  height: 100%;
  margin: 0;
  content: "<";
  transition: none;
  opacity: 1;
  color: #fff;
  border: none;
}
.mfp-content .mfp-arrow:after {
  display: none;
}
.mfp-content .mfp-arrow.mfp-arrow-left {
  left: -60px;
  border-radius: 3px 0 0 3px;
}
.mfp-content .mfp-arrow.mfp-arrow-right {
  right: -60px;
  border-radius: 0 3px 3px 0;
}
.mfp-content .mfp-arrow.mfp-arrow-right:before {
  content: ">";
}
.mfp-content .mfp-counter {
  display: none;
}

.mfp-fade.mfp-bg {
  transition: none;
  opacity: 0;
  background-color: #000;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.75;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
.mfp-fade.mfp-wrap {
  transition: none;
  opacity: 0;
}
.mfp-fade.mfp-wrap.mfp-ready {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing {
  opacity: 0;
}

.ac-debug {
  padding: 20px;
  text-align: left;
  background-color: #1a1a1a;
}
.ac-debug pre {
  font-size: 12px;
  line-height: 1.4;
  color: #f0c674;
}

.clear {
  display: block;
  visibility: hidden;
  clear: both;
  overflow: hidden;
  width: 0;
  height: 0;
}

.nopadding {
  padding: 0 !important;
}

.nofont, .product-cost, .reviews-stars, #breadcrumb {
  font-size: 0;
  line-height: 0;
}

.icon {
  line-height: 0;
}

.cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  image-rendering: optimizeQuality;
}

.img-fluid, #product-guarantees .item .icon img, #configuration-fieldset .steps .step .content .step-fieldset .fieldset-image img, .reviews-summary .logo-av, .entry-content img, .block-instagram .feed .instagram_gallery .instagram-image img, #header .header-nav nav ul li .submenu .categories .category img {
  max-width: 100%;
  height: auto !important;
}

.spacer {
  display: block;
  width: 100%;
  height: 25px;
}
.spacer.reverse {
  height: 0 !important;
  margin-bottom: -25px;
}
.spacer-30 {
  height: 30px;
}
@media (max-width: 1199.98px) {
  .spacer-30 {
    height: 15px;
  }
}
.spacer-30.reverse {
  margin-bottom: -30px;
}
@media (max-width: 1199.98px) {
  .spacer-30.reverse {
    margin-bottom: -15px;
  }
}
.spacer-50 {
  height: 50px;
}
@media (max-width: 1199.98px) {
  .spacer-50 {
    height: 25px;
  }
}
.spacer-50.reverse {
  margin-bottom: -50px;
}
@media (max-width: 1199.98px) {
  .spacer-50.reverse {
    margin-bottom: -25px;
  }
}
.spacer-75 {
  height: 75px;
}
@media (max-width: 1199.98px) {
  .spacer-75 {
    height: 37.5px;
  }
}
.spacer-75.reverse {
  margin-bottom: -75px;
}
@media (max-width: 1199.98px) {
  .spacer-75.reverse {
    margin-bottom: -37.5px;
  }
}

.section-background {
  position: relative;
  margin: 30px 0 0 0;
  padding: 100px 0;
}
@media (max-width: 1199.98px) {
  .section-background {
    padding: 75px 0;
  }
}
@media (max-width: 1199.98px) {
  .section-background {
    padding: 50px 0;
  }
}
.section-background:before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100%;
  max-width: 1370px;
  height: 100%;
  content: "";
  transform: translateX(-50%);
  border-radius: 3px;
  background-color: #f7f7f7;
}

.block {
  background: #fff;
  border: 1px solid #f0f0f0;
  margin-bottom: 25px !important;
  line-height: 20px;
}
.block:last-child {
  margin-bottom: 25px !important;
}
.block .block-title, .block > .title {
  padding: 25px 30px;
  font-size: 20px;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  justify-content: space-between;
}
.block .block-content, .block > .content {
  padding: 25px 30px;
}
.block .block-content .box .box-title, .block > .content .box .box-title {
  margin-bottom: 15px;
  font-size: 16px;
  display: flex;
}
.block .block-content .box .box-content, .block > .content .box .box-content {
  display: flex;
}
.block .block-content .box .box-actions, .block > .content .box .box-actions {
  padding: 15px 0;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.block .block-content .box .box-actions a, .block > .content .box .box-actions a {
  background-color: #ff7200;
  color: #fff;
  padding: 5px 15px;
  border-radius: 3px;
}
.block .actions-toolbar {
  display: flex;
  justify-content: space-between;
  margin: 15px 0;
  flex-direction: row-reverse;
}
.block .actions-toolbar button {
  border: none;
  background: #ff7200;
  color: #fff;
  padding: 10px 20px;
  cursor: pointer;
}

#masthead-simple:first-child {
  margin: 40px 0 !important;
}

#password-strength-meter-container {
  margin-top: 5px;
  font-size: 12px;
}
#password-strength-meter-container .password-strength-meter {
  padding: 5px 15px;
  text-align: center;
  background-color: #ff0039;
  color: #fff;
  border-radius: 3px;
}
#password-strength-meter-container .password-strength-meter {
  display: none;
}
#password-strength-meter-container.password-weak .password-strength-meter {
  background-color: #f75f5f;
  display: block;
}
#password-strength-meter-container.password-medium .password-strength-meter {
  background-color: #ff7200;
  display: block;
}
#password-strength-meter-container.password-strong .password-strength-meter, #password-strength-meter-container.password-very-strong .password-strength-meter {
  background-color: #28a745;
  display: block;
}

.back {
  border: none;
  background: #000;
  color: #fff;
  padding: 10px 20px;
  cursor: pointer;
  display: flex;
}
.back:before {
  content: "";
  transform: rotate(180deg);
  display: inline-block;
  margin-right: 5px;
  font-size: 0;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='-1 -1 16 16' height='20' width='20' stroke-width='3'%3E%3Cg id='arrow-right-3--arrow-right-keyboard'%3E%3Cpath id='Vector' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' d='M3.84998 0.5L9.99998 6.65C10.0478 6.69489 10.0859 6.74911 10.112 6.80931C10.138 6.8695 10.1515 6.9344 10.1515 7C10.1515 7.0656 10.138 7.1305 10.112 7.19069C10.0859 7.25089 10.0478 7.30511 9.99998 7.35L3.84998 13.5'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  height: 11px;
  width: 11px;
  top: 2px;
  position: relative;
  margin-left: -5px;
}
.back:hover {
  color: #fff;
  background: #000;
}

a {
  color: #ff7200;
}
a:hover {
  color: #ff6900;
}

.table {
  display: flex;
  flex-direction: column;
}
.table caption {
  display: none;
}
.table tbody, .table thead, .table tfoot {
  display: flex;
  flex-direction: column;
}
.table tr {
  display: flex;
  border-bottom: 1px solid #f2f2f2;
}
.table tr:last-child {
  border-bottom: none;
}
.table tr th, .table tr td {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  padding: 15px;
}
.table tr th {
  background-color: #fff0e3;
}
.table tr td.col.actions a {
  background-color: #ff7200;
  color: #fff;
  padding: 2px 10px;
  border-radius: 2px;
  margin-bottom: 5px;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
}
.table tr td.col.actions a.with-icon {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 5px;
}
.table tr td.col.actions a.with-icon .icon {
  display: flex;
  align-items: center;
}
.table tr td.col.actions a.with-icon .icon svg {
  width: 12px;
  height: 12px;
  fill: #fff;
}
.table tr .col.actions {
  min-width: 22%;
}

.toolbar .pager {
  display: flex;
  justify-content: space-between;
}

* {
  outline: none !important;
}
* ::selection {
  color: #fff;
  background: rgba(255, 114, 0, 0.99);
  text-shadow: none;
}

* > :first-child {
  margin-top: 0 !important;
}

* > :last-child {
  margin-bottom: 0 !important;
}

body {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 1;
  min-height: 100%;
  color: #000;
}

a {
  text-decoration: none !important;
  outline: none !important;
}

input,
textarea,
button {
  appearance: none;
}

img {
  user-select: none;
}

#main {
  overflow: hidden;
}
.obfusque {
  cursor: pointer;
}

@font-face {
  font-family: "HelveticaNowDisplay";
  src: url("../fonts/HelveticaNowDisplay-Light.woff2") format("woff2"), url("../fonts/HelveticaNowDisplay-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "HelveticaNowDisplay";
  src: url("../fonts/HelveticaNowDisplay-Regular.woff2") format("woff2"), url("../fonts/HelveticaNowDisplay-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "HelveticaNowDisplay";
  src: url("../fonts/HelveticaNowDisplay-Medium.woff2") format("woff2"), url("../fonts/HelveticaNowDisplay-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "HelveticaNowDisplay";
  src: url("../fonts/HelveticaNowDisplay-Bold.woff2") format("woff2"), url("../fonts/HelveticaNowDisplay-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
#header {
  position: relative;
  z-index: 102;
  box-shadow: none;
}
@media (min-width: 768px) {
  #header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  }
}
@media (max-width: 1199.98px) {
  #header {
    position: sticky;
    width: 100%;
    max-height: 100%;
    overflow: auto;
    top: 0;
  }
}
#header.is-open {
  z-index: 200;
}
#header.is-open .header-overlay {
  opacity: 1;
}
#header.is-open .header-nav nav ul li .submenu {
  transition: none;
}
#header .header-content {
  position: relative;
  z-index: 2;
  padding: 15px 0;
  background-color: #fff;
}
@media (max-width: 1199.98px) {
  #header .header-content {
    text-align: center;
    padding: 0;
  }
  #header .header-content .col-lg-4 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    height: 50px;
  }
}
#header .header-content .row {
  align-items: center;
}
#header .header-content .header-logo {
  display: inline-block;
  width: 244px;
  height: 67px;
  color: #ff7200;
}
#header .header-content .header-logo.desktop {
  display: inline-block;
}
#header .header-content .header-logo.mobile {
  display: none;
}
@media (max-width: 1199.98px) {
  #header .header-content .header-logo {
    width: 175px;
    height: 28px;
    position: absolute;
    margin: auto;
    transform: translate(-50%, 0);
    left: 50%;
    top: 8px;
  }
  #header .header-content .header-logo.desktop {
    display: none;
  }
  #header .header-content .header-logo.mobile {
    display: inline-block;
  }
}
#header .header-content .header-logo svg {
  width: 100%;
  height: 100%;
}
#header .header-content .header-search {
  position: relative;
  top: 4px;
  max-width: 250px;
}
#header .header-content .header-search .icon {
  position: absolute;
  top: 0;
  left: 2px;
  width: 16px;
  height: 100%;
  pointer-events: none;
}
#header .header-content .header-search .icon svg {
  width: 100%;
  height: 100%;
  fill: #000;
}
#header .header-content .header-search .field {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 15px;
  line-height: 32px;
  width: 100%;
  height: 32px;
  padding: 0 0 0 28px;
  transition: none;
  color: #000;
  border: none;
  border-bottom: 1px solid #000;
  background-color: transparent;
}
#header .header-content .header-search .field::-webkit-input-placeholder {
  opacity: 1;
  color: #000;
}
#header .header-content .header-search .field:-moz-placeholder {
  opacity: 1;
  color: #000;
}
#header .header-content .header-search .field::-moz-placeholder {
  opacity: 1;
  color: #000;
}
#header .header-content .header-search .field:-ms-input-placeholder {
  opacity: 1;
  color: #000;
}
#header .header-content .header-search .field:focus::placeholder {
  color: #757575 !important;
}
#header .header-content .header-actions {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 0 8px 0 0;
}
#header .header-content .header-actions > * {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 0 30px 0 0;
}
#header .header-content .header-actions > *:last-child {
  margin: 0;
}
#header .header-content .header-actions .block-contacts {
  align-items: flex-end;
  margin: 0 50px 0 0;
}
#header .header-content .header-actions .block-contacts .contactus svg {
  width: 7px;
  margin-left: 1px;
  fill: #ff7200;
  height: 10px;
}
#header .header-content .header-actions .block-contacts .contactus:hover {
  color: #ff7200;
  text-decoration: none;
  border: none;
}
#header .header-content .header-actions .block-contacts .contactus:hover:before {
  display: none;
}
@media (max-width: 1199.98px) {
  #header .header-content .header-actions .block-contacts {
    display: none;
  }
}
#header .header-content .header-actions .item:hover .icon svg {
  fill: #ff7200;
}
#header .header-content .header-actions .item:hover .text {
  color: #ff7200;
}
#header .header-content .header-actions .item .icon {
  width: 20px;
  height: 20px;
  margin: 0 0 8px 0;
}
#header .header-content .header-actions .item .icon svg {
  width: 100%;
  height: 100%;
  transition: none;
  fill: #000;
}
#header .header-content .header-actions .item .text {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  position: relative;
  transition: none;
  color: #000;
}
#header .header-content .header-burger, #header .header-content .header-close {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
  padding: 15px;
  box-sizing: content-box;
}
@media (min-width: 1200px) {
  #header .header-content .header-burger, #header .header-content .header-close {
    display: none;
  }
}
#header .header-content .header-burger svg, #header .header-content .header-close svg {
  width: 100%;
  height: 100%;
  fill: #000;
}
#header .header-content .header-close {
  display: none;
  background: #000;
}
#header .header-content .header-close svg {
  fill: #fff;
  color: #fff;
}
#header .header-content .header-cart {
  position: absolute;
  z-index: 2;
  top: 25px;
  right: 20px;
}
@media (min-width: 1200px) {
  #header .header-content .header-cart {
    display: none;
  }
}
#header .header-content .header-cart svg {
  width: 20px;
  height: 20px;
  fill: #000;
}
#header .header-content .header-cart .quantity {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  position: absolute;
  top: 10px;
  left: -4px;
  width: 16px;
  height: 16px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background-color: #ff7200;
}
#header .header-nav {
  position: relative;
  z-index: 2;
  border-top: 1px solid #e8e8e8;
  background-color: #fff;
}
@media (max-width: 1199.98px) {
  #header .header-nav {
    border: none;
    width: 100%;
    transition: none;
    opacity: 0;
    transform: translateX(-50%);
    pointer-events: none;
    height: 0;
    left: -100vw;
  }
  #header .header-nav.is-open {
    opacity: 1;
    pointer-events: auto;
    transform: none;
    height: 100%;
    left: 0;
    transition: 0.25s box-shadow 0.05s ease, left 0.3s ease;
  }
}
@media (max-width: 1199.98px) {
  #header .header-nav .container {
    overflow-y: auto;
    max-width: 100%;
    height: 100%;
    padding: 0;
  }
}
#header .header-nav .inner {
  position: relative;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1199.98px) {
  #header .header-nav .inner {
    align-items: center;
    justify-content: center;
    min-height: 100%;
    padding: 50px 30px;
  }
}
#header .header-nav .cart {
  position: relative;
  display: inline-flex;
  padding: 0px;
  transition: none;
  background-color: #ff7200;
  text-align: center;
  align-content: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: stretch;
}
#header .header-nav .cart a {
  display: block;
  height: 100%;
  line-height: 45px;
}
@media (max-width: 1199.98px) {
  #header .header-nav .cart {
    display: none;
  }
}
#header .header-nav .cart:hover {
  background-color: #ff6900;
}
#header .header-nav .cart:hover:before {
  background-color: #ff6900;
}
#header .header-nav .cart:hover .icon .quantity {
  border-color: #ff6900;
}
#header .header-nav .cart:before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  transition: none;
  background-color: #ff7200;
}
#header .header-nav .cart .icon {
  position: relative;
  width: 22px;
  height: 22px;
  margin: 0 5px 0 0;
  top: -1px;
}
@media (max-width: 1199.98px) {
  #header .header-nav .cart .icon {
    margin: 0;
  }
}
#header .header-nav .cart .icon svg {
  width: 100%;
  height: 100%;
  fill: #fff;
}
#header .header-nav .cart .icon .quantity {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  position: absolute;
  top: -3px;
  right: -6px;
  width: 16px;
  height: 16px;
  transition: none;
  text-align: center;
  color: #ff7200;
  border: 2px solid #ff7200;
  border-radius: 50%;
  background-color: #fff;
}
#header .header-nav .cart .icon .quantity .loading-mask {
  display: none !important;
  opacity: 0;
}
#header .header-nav .cart .text {
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  top: 1px;
  position: relative;
}
@media (max-width: 1199.98px) {
  #header .header-nav .cart .text {
    display: none;
  }
}
#header .header-nav .close {
  position: fixed;
  top: 30px;
  right: 30px;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
@media (min-width: 1200px) {
  #header .header-nav .close {
    display: none;
  }
}
@media (max-width: 575.98px) {
  #header .header-nav .close {
    width: 26px;
    height: 26px;
  }
}
#header .header-nav .close svg {
  width: 100%;
  height: 100%;
  fill: #000;
}
#header .header-nav nav ul {
  display: flex;
  margin: 0;
  padding: 0;
}
@media (max-width: 1199.98px) {
  #header .header-nav nav ul {
    align-items: center;
    flex-direction: column;
  }
}
#header .header-nav nav ul li {
  display: block;
}
#header .header-nav nav ul li.promo {
  background: #000;
  color: #fff;
}
#header .header-nav nav ul li.promo:hover a {
  color: #000;
}
#header .header-nav nav ul li.promo a {
  color: #fff;
}
@media (max-width: 1199.98px) {
  #header .header-nav nav ul li {
    margin: 0 0 30px 0;
  }
}
#header .header-nav nav ul li .icon-plus {
  display: none;
}
#header .header-nav nav ul li.has-submenu > a:before, #header .header-nav nav ul li.has-submenu > a:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: none;
  opacity: 0;
}
#header .header-nav nav ul li.has-submenu > a:before {
  z-index: 1;
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1) !important;
}
#header .header-nav nav ul li.has-submenu > a:after {
  z-index: 3;
  background-color: #fff;
}
@media (min-width: 1200px) {
  #header .header-nav nav ul li:hover > a span:after {
    width: 100%;
    transition: width 250ms ease;
  }
  #header .header-nav nav ul li:hover.has-submenu > a:before, #header .header-nav nav ul li:hover.has-submenu > a:after {
    opacity: 1;
  }
  #header .header-nav nav ul li:hover.has-submenu > a:before {
    transition: opacity 0s !important;
    transition-delay: 250ms !important;
  }
  #header .header-nav nav ul li:hover.has-submenu .submenu {
    pointer-events: auto;
    opacity: 1;
    transition: opacity, left 0s;
    transition-delay: 250ms;
    left: 0;
  }
}
#header .header-nav nav ul li > a {
  font-size: 14px;
  font-weight: 500;
  line-height: 46px;
  position: relative;
  display: flex;
  padding: 0 25px;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  color: #000;
}
@media (max-width: 1199.98px) {
  #header .header-nav nav ul li > a {
    padding: 0 15px;
  }
}
@media (max-width: 1199.98px) {
  #header .header-nav nav ul li > a {
    font-size: 24px;
    line-height: 1;
    padding: 0;
  }
}
@media (max-width: 575.98px) {
  #header .header-nav nav ul li > a {
    font-size: 16px !important;
  }
}
#header .header-nav nav ul li > a span {
  position: relative;
  z-index: 4;
}
#header .header-nav nav ul li > a span:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 2px;
  content: "";
  transition: none;
  opacity: 1;
  background-color: #ff7200;
}
#header .header-nav nav ul li .submenu {
  position: absolute;
  z-index: 2;
  top: 100%;
  left: -99999px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 10px;
  transition: none;
  pointer-events: none;
  opacity: 0;
  background-color: #fff;
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1199.98px) {
  #header .header-nav nav ul li .submenu {
    display: none;
  }
}
#header .header-nav nav ul li .submenu .content {
  width: 20%;
  padding: 10px 30px 0 0;
}
#header .header-nav nav ul li .submenu .content p {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 16px;
  line-height: 1.3;
  margin: 0 0 20px 0;
}
#header .header-nav nav ul li .submenu .content p strong {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
  color: #ff7200;
}
#header .header-nav nav ul li .submenu .categories {
  display: flex;
  flex-wrap: wrap;
  width: calc(80% + 24px);
  margin: 0px !important;
  gap: 15px;
}
#header .header-nav nav ul li .submenu .categories .category {
  overflow: hidden;
  width: calc((100% - 72px) / 3);
  margin: 12px !important;
  transition: none;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
@media (max-width: 1199.98px) {
  #header .header-nav nav ul li .submenu .categories .category {
    background-color: transparent;
  }
}
#header .header-nav nav ul li .submenu .categories .category:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
#header .header-nav nav ul li .submenu .categories .category .name {
  font-family: "HelveticaNowDisplay", sans-serif;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  display: block;
  padding: 0 15px 25px 15px;
}
@media (min-width: 768px) {
  #header .header-nav nav ul li .submenu .categories .category .name {
    margin-top: -20px;
  }
}
#header .header-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: none;
  pointer-events: none;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.75);
}

@media (min-width: 1200px) {
  #header.is-open .header-nav nav ul li:hover > a span:after {
    transition: width 0s ease !important;
  }
  #header.is-open .header-nav nav ul li:hover.has-submenu > a:before {
    transition-delay: 0s !important;
  }
  #header.is-open .header-nav nav ul li:hover.has-submenu .submenu {
    transition-delay: 0s !important;
  }
}

#chatra {
  z-index: 1000 !important;
}

.mobile-menu-is-open #header .header-burger {
  display: none;
}
.mobile-menu-is-open #header .header-close {
  display: block;
}

#footer {
  margin: 75px 0 0 0;
}
@media (max-width: 1199.98px) {
  #footer {
    margin: 40px 0 0 0;
  }
}
#footer .footer-content {
  padding: 120px 0 100px 0;
  background-color: #f7f7f7;
}
@media (max-width: 1199.98px) {
  #footer .footer-content {
    padding: 75px 0 30px 0;
    text-align: center;
  }
}
#footer .footer-content .footer-title {
  font-size: 19px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 25px 0;
  text-transform: none;
  font-family: "HelveticaNowDisplay", sans-serif;
  letter-spacing: 0;
  color: #000;
}
#footer .footer-content .footer-nav {
  margin: 0;
  padding: 0;
}
@media (max-width: 767.98px) {
  #footer .footer-content .footer-nav {
    padding: 0 0 40px 0;
  }
}
#footer .footer-content .footer-nav li {
  display: block;
  margin: 0 0 12px 0;
}
#footer .footer-content .footer-nav li a, #footer .footer-content .footer-nav li .obfusque {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  transition: none;
  color: #000;
}
#footer .footer-content .footer-nav li a:hover, #footer .footer-content .footer-nav li .obfusque:hover {
  color: #000;
  text-decoration: underline !important;
}
#footer .footer-content .footer-contacts {
  margin: -20px 0 0 0 !important;
  text-align: center;
}
@media (max-width: 1199.98px) {
  #footer .footer-content .footer-contacts {
    padding: 0 0 40px 0;
  }
}
#footer .footer-content .footer-contacts .logo {
  display: inline-block;
  width: 222px;
  height: 61px;
  color: #ff7200;
  fill: #000;
}
#footer .footer-content .footer-contacts .logo svg {
  width: 100%;
  height: 100%;
}
#footer .footer-content .footer-contacts .block-contacts {
  margin: 30px 0 0 0;
}
#footer .footer-content .footer-contacts .block-contacts .contactus {
  background: #000;
  color: #FFF;
  padding: 6px 15px;
  border-radius: 4px;
}
#footer .footer-content .footer-contacts .block-contacts .contactus svg {
  width: 7px;
  margin-left: 1px;
  fill: #FFF;
  height: 10px;
}
#footer .footer-content .footer-contacts .block-contacts .contactus:hover {
  text-decoration: none;
  border: none;
  background: #ff7200;
}
#footer .footer-content .footer-contacts .block-contacts .contactus:hover:before {
  display: none;
}
@media (max-width: 1199.98px) {
  #footer .footer-content .footer-contacts .block-contacts .contactus {
    padding: 5px 7px;
    font-size: 11px;
  }
  #footer .footer-content .footer-contacts .block-contacts .contactus svg {
    width: 6px;
    height: 8px;
  }
}
#footer .footer-content .footer-contacts .opening {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 12px;
  line-height: 1.6;
  margin: 25px 0 0 0;
  letter-spacing: 0.05em;
  color: #000;
}
#footer .footer-content .footer-contacts .opening p {
  margin: 0;
}
#footer .footer-content .footer-contacts .opening strong {
  font-size: 13px;
  font-weight: 700;
}
@media (max-width: 1199.98px) {
  #footer .footer-content .footer-socials {
    padding: 40px 0 0 0;
  }
}
@media (max-width: 767.98px) {
  #footer .footer-content .footer-socials {
    padding: 0;
  }
}
#footer .footer-content .footer-socials ul {
  display: flex;
  margin: 0;
  padding: 0;
}
@media (max-width: 1199.98px) {
  #footer .footer-content .footer-socials ul {
    justify-content: center;
  }
}
#footer .footer-content .footer-socials ul li {
  display: block;
  margin: 0 0 0 10px;
}
#footer .footer-content .footer-socials ul li:first-child {
  margin: 0;
}
#footer .footer-content .footer-socials ul li a, #footer .footer-content .footer-socials ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  transition: none;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}
@media (max-width: 1199.98px) {
  #footer .footer-content .footer-socials ul li a, #footer .footer-content .footer-socials ul li span {
    width: 35px;
    height: 35px;
  }
}
#footer .footer-content .footer-socials ul li a:hover, #footer .footer-content .footer-socials ul li span:hover {
  background-color: #ff7200;
}
#footer .footer-content .footer-socials ul li a:hover svg, #footer .footer-content .footer-socials ul li span:hover svg {
  fill: #fff;
}
#footer .footer-content .footer-socials ul li a svg, #footer .footer-content .footer-socials ul li span svg {
  width: 14px;
  height: 14px;
  transition: none;
  fill: #000;
}
#footer .footer-content .footer-newsletter {
  margin: 40px 0 0 0;
}
#footer .footer-content .footer-newsletter .footer-title {
  margin: 0 0 16px 0;
}
#footer .footer-content .footer-newsletter .form-legend {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
}
#footer .footer-content .footer-newsletter form {
  display: flex;
  margin: 20px 0 0 0;
}
@media (max-width: 1199.98px) {
  #footer .footer-content .footer-newsletter form {
    justify-content: center;
  }
}
#footer .footer-content .footer-newsletter form .form-field {
  width: calc(100% - 48px);
  max-width: 300px;
  margin: 0 10px 0 0;
}
#footer .footer-content .footer-newsletter form .form-field.mage-error {
  background: #FFF;
  border: 1px solid #ff005a;
  color: #ff005a;
  box-shadow: 0 0 0 1px #ff005a;
  animation: shake 150ms 2 linear;
  -moz-animation: shake 150ms 2 linear;
  -webkit-animation: shake 150ms 2 linear;
  -o-animation: shake 150ms 2 linear;
}
#footer .footer-content .footer-newsletter form .form-field.mage-error::placeholder {
  color: #ff005a;
}
#footer .footer-content .footer-newsletter form button {
  width: 48px;
  height: 40px;
  transition: none;
  border: none;
  border-radius: 3px;
  background-color: #000;
}
#footer .footer-content .footer-newsletter form button:hover {
  background-color: #ff7200;
}
#footer .footer-content .footer-newsletter form button svg {
  width: 9px;
  height: 100%;
  fill: #fff;
}
#footer .footer-content .footer-newsletter form #newsletter-error {
  display: none !important;
}
#footer .footer-bottom {
  text-align: center;
  background-color: #000;
}
@media (max-width: 1199.98px) {
  #footer .footer-bottom {
    z-index: 101;
    position: relative;
  }
}
#footer .footer-bottom ul {
  display: inline-flex;
  margin: 0;
  padding: 15px 0;
}
@media (max-width: 1199.98px) {
  #footer .footer-bottom ul {
    flex-wrap: wrap;
    justify-content: center;
  }
}
#footer .footer-bottom ul li {
  font-size: 13px;
  line-height: 1;
  display: block;
  margin: 0 0 0 5px;
  letter-spacing: 0;
  text-transform: none;
  font-family: "HelveticaNowDisplay", sans-serif;
  font-weight: 400;
  color: #828282;
}
@media (max-width: 1199.98px) {
  #footer .footer-bottom ul li {
    line-height: 1.5;
    font-size: 12px;
  }
}
#footer .footer-bottom ul li:before {
  margin: 0 5px 0 0;
  content: "•";
  opacity: 0.5;
}
#footer .footer-bottom ul li:first-child {
  margin: 0;
}
#footer .footer-bottom ul li:first-child:before {
  display: none;
}
#footer .footer-bottom ul li a {
  transition: none;
  color: #828282;
}
#footer .footer-bottom ul li a:hover {
  color: #fff;
}

.transition {
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.clearfix:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

* html .clearfix {
  height: 1%;
}

.cms-content-important {
  background-color: #f1f1f1;
  color: #999;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.1;
  margin: 0 0 35px -20px;
  padding: 20px;
}

.pagebuilder-full-width {
  float: left;
  width: 100%;
}

.pagebuilder-content-type {
  box-sizing: border-box;
  margin-bottom: 20px;
}

[data-content-type=row] p, [data-content-type=row] ul, [data-content-type=row] span {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  text-align: left;
  color: #000;
}
[data-content-type=row][data-appearance=full-width] {
  box-sizing: border-box;
}
[data-content-type=row][data-appearance=full-width] > .row-full-width-inner {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1224px;
  width: 100%;
}
[data-content-type=row][data-appearance=contained] {
  box-sizing: border-box;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1224px;
}
[data-content-type=row][data-appearance=contained] [data-element=inner] {
  box-sizing: border-box;
}
[data-content-type=row][data-appearance=full-bleed] {
  box-sizing: border-box;
}

.pagebuilder-column {
  box-sizing: border-box;
  /*flex-basis: 100%;*/
  max-width: 100%;
  padding: 0 15px;
}
.pagebuilder-column:last-child {
  padding-right: 0;
}
.pagebuilder-column:first-child {
  padding-left: 0;
}
@media (max-width: 1199.98px) {
  .pagebuilder-column {
    min-width: 100%;
    margin-bottom: 10px;
    padding: 0;
  }
}

.pagebuilder-column-group {
  flex-wrap: wrap;
  margin-bottom: 20px;
}

[data-content-type=heading] {
  word-wrap: break-word;
  margin-bottom: 1rem;
}

[data-appearance=collage-centered] .pagebuilder-banner-wrapper .pagebuilder-overlay {
  margin-left: auto;
  margin-right: auto;
}

[data-appearance=collage-left] .pagebuilder-banner-wrapper .pagebuilder-overlay {
  margin-right: auto;
}

[data-appearance=collage-right] .pagebuilder-banner-wrapper .pagebuilder-overlay {
  margin-left: auto;
}

[data-content-type=banner] > [data-element=link],
[data-content-type=banner] > [data-element=empty_link] {
  color: inherit;
  text-decoration: inherit;
}
[data-content-type=banner] > [data-element=link]:hover,
[data-content-type=banner] > [data-element=empty_link]:hover {
  color: inherit;
  text-decoration: inherit;
}

.pagebuilder-banner-wrapper {
  background-clip: padding-box;
  border-radius: inherit;
  box-sizing: border-box;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.pagebuilder-banner-wrapper .pagebuilder-overlay {
  -moz-transition: background-color 500ms ease;
  -o-transition: background-color 500ms ease;
  -webkit-transition: background-color 500ms ease;
  box-sizing: border-box;
  padding: 30px;
  position: relative;
  transition: background-color 500ms ease;
}
.pagebuilder-banner-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay {
  align-items: center;
  display: flex;
  justify-content: center;
}
.pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
  max-width: 540px;
}
.pagebuilder-banner-wrapper.jarallax .video-overlay {
  z-index: 0;
}
.pagebuilder-banner-wrapper [data-element=content] {
  min-height: 50px;
  overflow: auto;
}
.pagebuilder-banner-wrapper .pagebuilder-banner-button {
  -moz-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  -webkit-transition: opacity 500ms ease;
  margin: 20px 0 0 0;
  max-width: 100%;
  text-align: inherit;
  transition: opacity 500ms ease;
  word-break: break-word;
}

.pagebuilder-banner-wrapper .pagebuilder-poster-content {
  width: 100%;
}

[data-content-type$=block] .block p:last-child {
  margin-bottom: 1rem;
  margin-top: 0;
}

[data-content-type=button-item] {
  max-width: 100%;
}
[data-content-type=button-item] [data-element=link],
[data-content-type=button-item] [data-element=empty_link] {
  max-width: 100%;
  word-wrap: break-word;
}
[data-content-type=button-item] [data-element=empty_link] {
  cursor: default;
}

a.pagebuilder-button-link,
button.pagebuilder-button-link,
div.pagebuilder-button-link {
  box-shadow: none;
  box-sizing: border-box;
  display: inline-block;
}
a.pagebuilder-button-primary,
button.pagebuilder-button-primary,
div.pagebuilder-button-primary {
  box-shadow: none;
}
a.pagebuilder-button-secondary,
button.pagebuilder-button-secondary,
div.pagebuilder-button-secondary {
  box-shadow: none;
}

[data-content-type=buttons] {
  max-width: 100%;
}

[data-content-type=html] {
  word-wrap: break-word;
}

figure[data-content-type=image] {
  box-sizing: border-box;
  margin: 30px;
  max-width: 100%;
}
figure[data-content-type=image] img {
  max-width: 100%;
}
figure[data-content-type=image] > [data-element=link],
figure[data-content-type=image] > [data-element=link] img {
  border-radius: inherit;
}
figure[data-content-type=image] figcaption {
  word-wrap: break-word;
}
@media (max-width: 1199.98px) {
  figure[data-content-type=image] {
    margin: 0;
  }
}

[data-content-type=map] {
  box-sizing: border-box;
  height: 300px;
}

[data-content-type=products][data-appearance=carousel] .slick-initialized li.product-item {
  display: block;
}
[data-content-type=products][data-appearance=carousel] .slick-initialized li.product-item:first-child {
  visibility: visible;
}
[data-content-type=products][data-appearance=carousel] .product-item-info {
  width: auto;
}
[data-content-type=products][data-appearance=carousel] li.product-item {
  display: none;
}
[data-content-type=products][data-appearance=carousel] li.product-item:first-child {
  display: block;
  visibility: hidden;
}
[data-content-type=products][data-appearance=carousel].center-mode .product-item {
  opacity: 0.5;
  transition: all 300ms ease;
}
[data-content-type=products][data-appearance=carousel].center-mode .product-item:hover {
  opacity: 1;
}
[data-content-type=products][data-appearance=carousel].center-mode .slick-current .product-item {
  opacity: 1;
}

[data-content-type=row] li.product-item {
  text-align: left;
}

.pagebuilder-column .widget-product-grid .product-item {
  max-width: 100%;
  min-width: 50px;
}
.pagebuilder-column .widget-product-grid .product-item .price-box {
  word-wrap: break-word;
}
.pagebuilder-column .widget-product-grid .product-item .price-box .price {
  white-space: normal;
}
.pagebuilder-column .widget-product-grid .product-item .product-item-actions .actions-primary {
  display: inline-block;
  max-width: 100%;
}
.pagebuilder-column .widget-product-grid .product-item .product-item-actions .actions-secondary {
  display: inline-block;
  width: auto;
}
.pagebuilder-column .widget-product-grid .product-item .product-item-actions .tocart {
  max-width: 100%;
  white-space: normal;
}
.pagebuilder-column [data-content-type=products] .block.widget .products-grid .widget-product-grid.product-items .product-item {
  width: 200px;
}

[data-appearance=collage-centered] .pagebuilder-slide-wrapper .pagebuilder-overlay {
  margin-left: auto;
  margin-right: auto;
}

[data-appearance=collage-left] .pagebuilder-slide-wrapper .pagebuilder-overlay {
  margin-right: auto;
}

[data-appearance=collage-right] .pagebuilder-slide-wrapper .pagebuilder-overlay {
  margin-left: auto;
}

[data-content-type=slide] {
  box-sizing: border-box;
  line-height: 20px;
  min-height: inherit;
  overflow: hidden;
}
[data-content-type=slide] > [data-element=link],
[data-content-type=slide] > [data-element=empty_link] {
  color: inherit;
  min-height: inherit;
  text-decoration: inherit;
}
[data-content-type=slide] > [data-element=link]:hover,
[data-content-type=slide] > [data-element=empty_link]:hover {
  color: inherit;
  text-decoration: inherit;
}
[data-content-type=slide] + [data-content-type=slide] {
  height: 0;
  min-height: 0;
}
.slick-slider [data-content-type=slide] + [data-content-type=slide] {
  height: initial;
  min-height: inherit;
}

.pagebuilder-slide-wrapper {
  border-radius: inherit;
  box-sizing: border-box;
  min-height: inherit;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.pagebuilder-slide-wrapper .jarallax-viewport-element {
  height: 100%;
  left: -15000vw;
  position: absolute;
  top: 0;
  width: 1px;
  z-index: 100;
}
.slick-current .pagebuilder-slide-wrapper .jarallax-viewport-element {
  left: 0;
}
.pagebuilder-slide-wrapper.jarallax .video-overlay {
  -webkit-transform: unset;
  z-index: 1;
}
.pagebuilder-slide-wrapper.jarallax .pagebuilder-overlay {
  position: relative;
  z-index: 2;
}
.pagebuilder-slide-wrapper.jarallax [id*=jarallax-container] > div,
.pagebuilder-slide-wrapper.jarallax [id*=jarallax-container] > img,
.pagebuilder-slide-wrapper.jarallax [id*=jarallax-container] > video,
.pagebuilder-slide-wrapper.jarallax [id*=jarallax-container] > iframe {
  margin: auto !important;
  transform: none !important;
}
.pagebuilder-slide-wrapper .pagebuilder-overlay {
  -moz-transition: background-color 500ms ease;
  -o-transition: background-color 500ms ease;
  -webkit-transition: background-color 500ms ease;
  border-radius: inherit;
  box-sizing: border-box;
  padding: 30px;
  transition: background-color 500ms ease;
}
.pagebuilder-slide-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: inherit;
}
.pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
  max-width: 540px;
}
.pagebuilder-slide-wrapper [data-element=content] {
  min-height: 50px;
  overflow: auto;
}
.pagebuilder-slide-wrapper .pagebuilder-slide-button {
  -moz-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  -webkit-transition: opacity 500ms ease;
  margin: 20px 0 0 0;
  max-width: 100%;
  text-align: inherit;
  transition: opacity 500ms ease;
  word-break: break-word;
}

.pagebuilder-slide-wrapper .pagebuilder-poster-content {
  width: 100%;
}

div[data-content-type=slider] {
  visibility: hidden;
}
div[data-content-type=slider].slick-initialized {
  visibility: visible;
}
div[data-content-type=slider] .slick-list,
div[data-content-type=slider] .slick-track,
div[data-content-type=slider] .slick-slide {
  min-height: inherit;
}
div[data-content-type=slider] .slick-list > div,
div[data-content-type=slider] .slick-track > div,
div[data-content-type=slider] .slick-slide > div {
  line-height: 0;
  min-height: inherit;
  overflow: hidden;
  width: 100%;
}

a.button {
  -moz-appearance: button;
  -webkit-appearance: button;
  appearance: button;
  color: initial;
  padding: 10px;
  text-decoration: none;
}

div[data-content-type=tabs] .tabs-navigation {
  display: block;
  font-size: 0;
  margin: 0 0 -1px;
  padding: 0;
}
div[data-content-type=tabs] .tabs-navigation li:first-child {
  margin-left: 0 !important;
}
div[data-content-type=tabs] .tabs-navigation li.tab-header {
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-bottom: 0;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow-wrap: break-word;
  position: relative;
  word-wrap: break-word;
  z-index: 1;
}
div[data-content-type=tabs] .tabs-navigation li.tab-header:not(:first-child) {
  margin-left: -1px;
}
div[data-content-type=tabs] .tabs-navigation li.tab-header a.tab-title {
  border-right: 0;
  color: #000;
  cursor: pointer !important;
  display: block;
  font-size: 14px;
  font-weight: 600;
  padding: 1.4rem 2rem;
  position: relative;
  transition: all 0.3s;
  vertical-align: middle;
  white-space: normal;
}
div[data-content-type=tabs] .tabs-navigation li.tab-header a.tab-title span.tab-title {
  display: block;
}
div[data-content-type=tabs] .tabs-navigation li.tab-header a.tab-title:hover {
  text-decoration: none;
}
div[data-content-type=tabs] .tabs-navigation li.tab-header:last-child {
  border-right: 1px solid #f1f1f1;
}
div[data-content-type=tabs] .tabs-navigation li.tab-header.ui-state-active {
  background: #fff;
  z-index: 19;
}
div[data-content-type=tabs] .tabs-navigation li.tab-header.ui-state-active a.tab-title {
  position: relative;
  transition: all 0.3s;
}
div[data-content-type=tabs] .tabs-content {
  border: 1px solid #f1f1f1;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  z-index: 9;
}
div[data-content-type=tabs] .tabs-content [data-content-type=tab-item] {
  box-sizing: border-box;
  min-height: inherit;
}
div[data-content-type=tabs] .tabs-content [data-content-type=tab-item]:not(:first-child) {
  display: none;
}
div[data-content-type=tabs].tab-align-left .tabs-content {
  border-top-left-radius: 0 !important;
}
div[data-content-type=tabs].tab-align-right .tabs-content {
  border-top-right-radius: 0 !important;
}

div[data-content-type=text] {
  word-wrap: break-word;
  margin-bottom: 40px;
}

div[data-content-type=video] {
  font-size: 0;
}
div[data-content-type=video] .pagebuilder-video-inner {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
}
div[data-content-type=video] .pagebuilder-video-container {
  border-radius: inherit;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
div[data-content-type=video] iframe,
div[data-content-type=video] video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.pagebuilder-mobile-only {
  display: none !important;
}

.mobile-viewport .pagebuilder-mobile-hidden,
.desktop-viewport .pagebuilder-mobile-only {
  display: none;
}

.mobile-viewport .pagebuilder-mobile-only {
  display: inline !important;
}

@media (max-width: 1199.98px) {
  .pagebuilder-mobile-only {
    display: block !important;
  }
  .pagebuilder-mobile-hidden {
    display: none !important;
  }
}
.block-bottom {
  margin: 50px 0 0 0;
}
@media (max-width: 767.98px) {
  .block-bottom {
    margin-top: 30px;
  }
}
.block-bottom.no-border .items {
  padding: 0;
}
.block-bottom.no-border .items:before {
  display: none;
}
.block-bottom .items {
  position: relative;
  display: flex;
  margin: 0 -20px;
  padding: 75px 0 0 0;
}
@media (max-width: 767.98px) {
  .block-bottom .items {
    margin: 0;
    flex-wrap: wrap;
    padding-top: 30px;
  }
}
.block-bottom .items:before {
  position: absolute;
  top: 0;
  left: 20px;
  width: calc(100% - 40px);
  height: 1px;
  content: "";
  background-color: #f0f0f0;
}
@media (max-width: 1199.98px) {
  .block-bottom .items:before {
    left: 0;
    width: 100%;
  }
}
.block-bottom .items .item {
  margin: 0 20px;
}
@media (min-width: 768px) {
  .block-bottom .items .item {
    flex-basis: 0;
    flex-grow: 1;
  }
}
@media (max-width: 767.98px) {
  .block-bottom .items .item {
    width: 100%;
    margin: 30px 0 0 0;
  }
}
.block-bottom .items .item .title {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 25px 0;
  text-transform: uppercase;
  color: #000;
}
@media (max-width: 1199.98px) {
  .block-bottom .items .item .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 15px 0;
    text-transform: none;
    font-family: "HelveticaNowDisplay", sans-serif;
  }
}
.block-bottom .items .item .entry {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: #7d7d7d;
}
.block-bottom .items .item .entry a {
  transition: none;
  text-decoration: underline !important;
  color: #7d7d7d;
}
.block-bottom .items .item .entry a:hover {
  color: #000;
}
.block-bottom .items .item .entry [data-content-type=row] p {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: #7d7d7d;
}
.block-bottom .items .item .entry [data-content-type=row] p a {
  transition: none;
  text-decoration: underline !important;
  color: #7d7d7d;
}
.block-bottom .items .item .entry [data-content-type=row] p a:hover {
  color: #000;
}

.block-contacts {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.block-contacts a, .block-contacts .obfusque {
  line-height: 1;
  color: #000;
}
.block-contacts a:first-child, .block-contacts .obfusque:first-child {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 5px 0;
  transition: none;
}
.block-contacts a:first-child:hover, .block-contacts .obfusque:first-child:hover {
  color: #000;
}
.block-contacts a:last-child, .block-contacts .obfusque:last-child {
  font-size: 12px;
  font-weight: 500;
  position: relative;
}
.block-contacts a:last-child:before, .block-contacts .obfusque:last-child:before {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 1px;
  content: "";
  transition: none;
  background-color: #ff7200;
}
.block-contacts a:last-child:hover:before, .block-contacts .obfusque:last-child:hover:before {
  width: 100%;
}

.block-instagram {
  margin: 50px 0 0 0;
  text-align: center;
}
.block-instagram .ig-title {
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 8px 0;
  color: #000;
}
@media (max-width: 575.98px) {
  .block-instagram .ig-title {
    font-size: 20px;
  }
}
.block-instagram .ig-target {
  font-size: 18px;
  transition: none;
  color: #25737d;
}
@media (max-width: 575.98px) {
  .block-instagram .ig-target {
    font-size: 16px;
  }
}
.block-instagram .ig-target:hover {
  color: #ff7200;
}
.block-instagram .feed {
  margin: 40px 0 0 0;
}
.block-instagram .feed .instagram_gallery {
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
  margin: 0 -2.5px;
}
.block-instagram .feed .instagram_gallery .instagram-image {
  position: relative;
  width: calc(16.6666666667% - 5px);
  margin: 0 2.5px;
}
@media (max-width: 1199.98px) {
  .block-instagram .feed .instagram_gallery .instagram-image {
    width: calc(20% - 5px);
  }
  .block-instagram .feed .instagram_gallery .instagram-image:nth-child(6) {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .block-instagram .feed .instagram_gallery .instagram-image {
    width: calc(25% - 5px);
  }
  .block-instagram .feed .instagram_gallery .instagram-image:nth-child(5) {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .block-instagram .feed .instagram_gallery .instagram-image {
    width: calc(33.3333333333% - 5px);
  }
  .block-instagram .feed .instagram_gallery .instagram-image:nth-child(4) {
    display: none;
  }
}
.block-instagram .feed .instagram_gallery .instagram-image:first-child {
  padding: 10px;
}
.block-instagram .feed .instagram_gallery .instagram-image img {
  border-radius: 3px;
}
.block-instagram .feed .instagram_gallery .instagram-image .overlay {
  display: flex;
}
.block-instagram .overlay {
  position: relative;
  top: 4px;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 100%;
  border-radius: 3px;
  background: none;
}
@media (max-width: 1199.98px) {
  .block-instagram .overlay {
    height: 190px;
  }
}
.block-instagram .overlay:before, .block-instagram .overlay:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 20%;
  content: "";
  background-color: #f7f7f7;
}
.block-instagram .overlay:before {
  top: -5%;
}
.block-instagram .overlay:after {
  bottom: -5%;
}
.block-instagram .overlay .logo {
  position: relative;
  width: 85%;
  height: 85%;
}
.block-instagram .overlay .logo:before, .block-instagram .overlay .logo:after {
  position: absolute;
  top: -5%;
  width: 25%;
  height: 110%;
  content: "";
  background-color: #f7f7f7;
}
.block-instagram .overlay .logo:before {
  left: -20%;
}
.block-instagram .overlay .logo:after {
  right: -20%;
}
.block-instagram .overlay .logo svg {
  width: 100%;
  height: 100%;
  fill: #f7f7f7;
}

.block-production {
  margin: 50px 0 0 0;
  padding: 75px 0;
  text-align: center;
  background-color: whitesmoke;
}
.block-production .entry-title {
  font-size: 28px;
  margin: 0 0 50px 0;
}
@media (max-width: 1199.98px) {
  .block-production .entry-title {
    font-size: 26px;
  }
}
@media (max-width: 767.98px) {
  .block-production .entry-title {
    font-size: 24px;
  }
}
@media (max-width: 575.98px) {
  .block-production .entry-title {
    font-size: 20px;
  }
}
.block-production .container-items {
  position: relative;
  display: flex;
  justify-content: space-around;
}
@media (max-width: 767.98px) {
  .block-production .container-items {
    justify-content: center;
    flex-wrap: wrap;
    margin: -15px !important;
  }
}
.block-production .container-items .line {
  position: absolute;
  top: 38px;
  left: 0;
  width: 0;
  height: 2px;
  opacity: 0;
  background-color: #25737d;
}
@media (max-width: 1199.98px) {
  .block-production .container-items .line {
    top: 32px;
  }
}
@media (max-width: 767.98px) {
  .block-production .container-items .line {
    display: none;
  }
}
.block-production .container-items .line.is-initialized {
  opacity: 1;
}
.block-production .container-items .line:after {
  position: absolute;
  top: -9px;
  right: 0;
  width: 13px;
  height: 20px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%222.85 0.427 13 20%22%3E%3Cpath fill=%22%2325737d%22 d=%22M15.188 8.858c.633.5.85 1.608.484 2.475-.116.275-.283.504-.484.664L4.834 20.184c-.633.5-1.442.203-1.808-.663-.116-.275-.177-.588-.177-.906V2.239c0-1 .592-1.812 1.323-1.812.232 0 .46.083.662.243%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.block-production .container-items .item {
  position: relative;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .block-production .container-items .item {
    width: 33.3333333333%;
    padding: 15px;
  }
}
@media (max-width: 575.98px) {
  .block-production .container-items .item {
    width: 50%;
  }
}
.block-production .container-items .item .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 78px;
  margin: 0 auto 20px auto;
  border-radius: 50%;
  background-color: #25737d;
}
@media (max-width: 1199.98px) {
  .block-production .container-items .item .icon {
    width: 64px;
    height: 64px;
  }
}
.block-production .container-items .item .icon svg {
  width: 35px;
  height: 35px;
  fill: #fff;
}
@media (max-width: 1199.98px) {
  .block-production .container-items .item .icon svg {
    width: 28px;
    height: 28px;
  }
}
.block-production .container-items .item .text {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
}

.seo-content {
  margin: 80px 12px;
  position: relative;
}
@media (max-width: 1199.98px) {
  .seo-content {
    margin: 35px 12px;
  }
}
.seo-content img {
  display: block;
  float: left;
  margin: 25px 50px 25px 0 !important;
  margin-left: 0 !important;
  max-width: 35%;
}
.seo-content:after {
  /*content: "";
  display: block;
  width: 100%;
  height: 200px;
  background: linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
  position: absolute;
  bottom: 0;*/
}
.seo-content:before {
  /*position: absolute;
  bottom: 5px;
  z-index: 1;
  content: "Lire la suite";
  text-align: center;
  padding: 8px 20px;
  background: #FFF;
  border-radius: 50px;
  box-shadow: 0 5px 5px -5px rgb(0 0 0 / 44%);
  font-family: $secondary-font;
  font-weight: 500;
  left: 50%;
  border: 1px solid rgb(0 0 0);
  transform: translate(-50%, 0%);*/
}
.seo-content:hover {
  /*cursor: pointer;
  &:before{
      background: #000;
      color: #FFF;
  }*/
}
.seo-content.show {
  max-height: inherit;
  cursor: default;
}
.seo-content.show img {
  display: block !important;
}
.seo-content.show:after, .seo-content.show:before {
  display: none;
}
.seo-content p, .seo-content li {
  line-height: 22px;
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 15px;
}
.seo-content li {
  margin-bottom: 10px;
  font-family: "HelveticaNowDisplay", sans-serif;
}
.seo-content a {
  text-decoration: underline !important;
  color: #000;
}
.seo-content h2, .seo-content h3, .seo-content h4, .seo-content h5, .seo-content h6 {
  font-size: 20px;
  font-family: "HelveticaNowDisplay", sans-serif;
  margin-bottom: 18px;
  font-weight: 600;
}
@media (max-width: 1199.98px) {
  .seo-content h2, .seo-content h3, .seo-content h4, .seo-content h5, .seo-content h6 {
    font-size: 18px;
  }
}
.seo-content h2 br, .seo-content h3 br, .seo-content h4 br, .seo-content h5 br, .seo-content h6 br {
  display: none;
}
.seo-content h3 {
  font-size: 19px;
  position: relative;
  padding-left: 15px;
}
@media (max-width: 1199.98px) {
  .seo-content h3 {
    font-size: 17px;
  }
}
.seo-content h3:before {
  content: "";
  background: #ff7200;
  width: 4px;
  top: 1px;
  display: inline-block;
  position: relative;
  border-radius: 6px;
  height: 16px;
  margin-right: 12px;
}
.seo-content h4 {
  font-size: 18px;
}
@media (max-width: 1199.98px) {
  .seo-content h4 {
    font-size: 16px;
  }
}
.seo-content h5 {
  font-size: 17px;
}
@media (max-width: 1199.98px) {
  .seo-content h5 {
    font-size: 15px;
  }
}

.block-reassure {
  padding: 70px 0px 40px 0;
  text-align: center;
}
@media (max-width: 1199.98px) {
  .block-reassure {
    padding: 10px 0 0 0;
  }
}
.block-reassure .reassure-title {
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
  margin: 0 0 40px 0;
  color: #000;
}
@media (max-width: 1199.98px) {
  .block-reassure .reassure-title {
    font-size: 20px;
    margin: 0 0 15px 0;
    font-weight: 600;
  }
}
.block-reassure .reassure-title span {
  font-weight: 500;
  color: #ff7200;
}
.block-reassure .items {
  display: flex;
  margin: 0;
  padding: 0;
}
@media (max-width: 1199.98px) {
  .block-reassure .items {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -30px !important;
  }
}
@media (max-width: 575.98px) {
  .block-reassure .items {
    margin-top: 0 !important;
    gap: 25px;
    margin: auto;
    width: 100%;
  }
}
.block-reassure .items li {
  position: relative;
  display: block;
}
.block-reassure .items li:before {
  position: relative;
  top: calc(50% - 20px);
  left: 0;
  width: 1px;
  height: 40px;
  content: "";
  background-color: #e8e8e8;
}
@media (min-width: 1200px) {
  .block-reassure .items li {
    flex-basis: 0;
    flex-grow: 1;
  }
}
@media (max-width: 1199.98px) {
  .block-reassure .items li {
    width: 33.3333333333%;
    margin-top: 30px !important;
    padding: 0 10px;
  }
  .block-reassure .items li:nth-child(4):before {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .block-reassure .items li {
    width: auto;
    margin-top: 0 !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 0;
  }
  .block-reassure .items li:after, .block-reassure .items li:before {
    display: none !important;
  }
}
.block-reassure .items li:first-child:before {
  display: none;
}
.block-reassure .items li .icon {
  display: block;
  width: 75px;
  height: 75px;
  margin: auto;
}
@media (max-width: 1199.98px) {
  .block-reassure .items li .icon {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 575.98px) {
  .block-reassure .items li .icon {
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    display: flex;
    flex: 0 0 30px;
  }
}
.block-reassure .items li .icon svg {
  width: 100%;
  height: 100%;
  fill: #000;
}
.block-reassure .items li .text {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 18px;
  line-height: 1.2;
  display: inline-block;
  margin: 15px 0 0 0;
  text-align: center;
  color: #000;
  font-weight: 500;
}
@media (max-width: 575.98px) {
  .block-reassure .items li .text {
    margin: 0 0 0 10px;
    text-align: left;
    font-size: 15px;
  }
}

.block-relations {
  margin: 50px 0 0 0;
}
@media (max-width: 1199.98px) {
  .block-relations {
    margin: 0;
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .block-relations .row > div {
    margin: 30px 0 0 0;
  }
}
.block-relations .item {
  display: flex;
  overflow: hidden;
  flex-direction: row-reverse;
  height: 100%;
  border-radius: 3px;
}
@media (max-width: 767.98px) {
  .block-relations .item {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.block-relations .item.color-green, .block-relations .item.color-green .content .item.button-rounded {
  background-color: #d3e9ec;
}
.block-relations .item.color-green .content .block-contacts a:first-child {
  color: #25737d;
}
.block-relations .item.color-green .content .block-contacts a:first-child:hover {
  color: #3197a4;
}
.block-relations .item.color-green .content .block-contacts a:last-child:before {
  background-color: #25737d;
}
@media (max-width: 767.98px) {
  .block-relations .item.color-green .visual, .block-relations .item.color-green .content .item.button-rounded .visual {
    border-color: #25737d;
  }
}
.block-relations .item.color-green .visual .shape svg {
  color: #d3e9ec;
  fill: #25737d;
}
.block-relations .item.color-orange {
  background-color: #fff0e3;
}
@media (max-width: 767.98px) {
  .block-relations .item.color-orange .visual {
    border-color: #ff7200;
  }
}
.block-relations .item.color-orange .visual .shape svg {
  color: #fff0e3;
  fill: #ff7200;
}
.block-relations .item .content {
  width: 300px;
  min-height: 275px;
  padding: 75px 40px 40px 50px;
}
@media (max-width: 1199.98px) {
  .block-relations .item .content {
    min-height: 0;
    padding: 50px;
  }
}
@media (max-width: 767.98px) {
  .block-relations .item .content {
    width: 100%;
    padding: 40px;
    text-align: center;
  }
}
.block-relations .item .content .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  margin: 0 0 10px 0;
  color: #000;
}
.block-relations .item .content .title a {
  color: #000;
  font-weight: 600;
}
@media (max-width: 575.98px) {
  .block-relations .item .content .title {
    font-size: 20px;
  }
}
.block-relations .item .content .description {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 15px;
  line-height: 24px;
  margin: 0 0 25px 0;
}
@media (max-width: 1199.98px) {
  .block-relations .item .content .description {
    margin: 0 0 20px 0;
  }
}
.block-relations .item .content .description p {
  margin: 0;
  display: inline;
}
@media (max-width: 1199.98px) {
  .block-relations .item .content .description p {
    display: inline;
  }
}
.block-relations .item .content .description strong {
  font-size: 14px;
  font-weight: 500;
}
.block-relations .item .visual {
  position: relative;
  overflow: hidden;
  width: calc(100% - 300px);
}
@media (max-width: 767.98px) {
  .block-relations .item .visual {
    width: 100%;
    height: 200px;
    border-bottom: 3px solid #000;
  }
}
.block-relations .item .visual .shape {
  position: relative;
  z-index: 2;
  top: -1px;
  left: 0;
  width: 52px;
  height: calc(100% + 2px);
}
@media (max-width: 767.98px) {
  .block-relations .item .visual .shape {
    display: none;
  }
}
.block-relations .item .visual .shape svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  fill: #e6e6e6;
}
.block-relations .item .visual .cover {
  z-index: 1;
  left: 5px;
  width: calc(100% - 5px);
}
@media (max-width: 1199.98px) {
  .block-relations.is-single .item {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .block-relations.is-single .item.color-green .visual {
    border-color: #25737d;
  }
  .block-relations.is-single .item.color-orange .visual {
    border-color: #ff7200;
  }
}
.block-relations.is-single .content {
  display: flex;
  justify-content: center;
  width: 55%;
  padding: 75px 40px;
}
@media (max-width: 1199.98px) {
  .block-relations.is-single .content {
    width: 100%;
    text-align: center;
    padding: 50px;
  }
}
.block-relations.is-single .content .title {
  font-size: 29px;
  font-weight: 600;
}
@media (max-width: 1199.98px) {
  .block-relations.is-single .content .title {
    font-size: 26px;
  }
}
@media (max-width: 767.98px) {
  .block-relations.is-single .content .title {
    font-size: 24px;
  }
}
@media (max-width: 575.98px) {
  .block-relations.is-single .content .title {
    font-size: 20px;
  }
}
.block-relations.is-single .content .actions {
  display: flex;
  align-items: center;
}
@media (max-width: 1199.98px) {
  .block-relations.is-single .content .actions {
    justify-content: center;
  }
}
@media (max-width: 575.98px) {
  .block-relations.is-single .content .actions {
    flex-wrap: wrap;
  }
}
.block-relations.is-single .content .actions .button-rounded {
  padding: 15px 30px;
}
.block-relations.is-single .content .actions .block-contacts {
  align-items: flex-start;
  margin: 0 0 0 30px;
}
@media (max-width: 575.98px) {
  .block-relations.is-single .content .actions .block-contacts {
    width: 100%;
    margin: 20px 0 0 0;
    align-items: center;
  }
}
.block-relations.is-single .visual {
  width: 45%;
}
@media (max-width: 1199.98px) {
  .block-relations.is-single .visual {
    width: 100%;
    height: 200px;
    border-bottom: 3px solid #000;
  }
}
.block-relations.is-single .visual .shape {
  transform: scaleY(-1);
}
@media (max-width: 1199.98px) {
  .block-relations.is-single .visual .shape {
    display: none;
  }
}

.block-reviews {
  overflow: hidden;
  margin: 50px 0 0 0;
  padding: 40px 0;
  background-color: #f7f7f7;
}
.block-reviews .draggable {
  cursor: grab !important;
}
.block-reviews .draggable:active {
  cursor: grabbing !important;
}
@media (max-width: 1199.98px) {
  .block-reviews {
    text-align: center;
  }
}
.block-reviews .slick-slider {
  padding-top: 0;
}
.block-reviews .row {
  align-items: center;
}
.block-reviews .reviews-summary {
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .block-reviews .reviews-summary {
    width: 100%;
    padding: 50px 0;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 10px 25px -10px rgba(0, 0, 0, 0.15);
  }
}
@media (max-width: 1299.98px) {
  .block-reviews .reviews-summary {
    padding: 0 0 0 15px;
  }
}
@media (max-width: 1199.98px) {
  .block-reviews .reviews-summary {
    padding: 0;
  }
}
@media (max-width: 1199.98px) {
  .block-reviews .reviews-summary {
    padding: 0 0 50px 0;
  }
}
.block-reviews .reviews-slider {
  position: relative;
  z-index: 1;
  text-align: left;
}
@media (max-width: 1299.98px) {
  .block-reviews .reviews-slider {
    padding: 0 35px 0 0;
  }
}
@media (max-width: 1199.98px) {
  .block-reviews .reviews-slider {
    padding: 0 35px;
  }
}
@media (max-width: 767.98px) {
  .block-reviews .reviews-slider {
    padding: 0;
  }
}
.block-reviews .reviews-slider:before, .block-reviews .reviews-slider:after {
  position: absolute;
  z-index: 2;
  top: 0;
  width: 100vw;
  height: 100%;
  content: "";
  background-color: #f7f7f7;
}
.block-reviews .reviews-slider:before {
  background: linear-gradient(90deg, rgb(247, 247, 247) 0%, rgba(247, 247, 247, 0.5) 100%);
  width: calc((100vw - 1200px) / 2);
  right: calc(100% + 305px);
}
.block-reviews .reviews-slider:after {
  left: 100%;
  width: calc((100vw - 1200px) / 2);
  opacity: 1;
  background: linear-gradient(-90deg, rgb(247, 247, 247) 35%, rgba(247, 247, 247, 0) 100%);
}
.block-reviews .reviews-slider .slider .slick-list {
  overflow: visible;
  margin: 0 -12px;
}
@media (max-width: 1199.98px) {
  .block-reviews .reviews-slider .slider .slick-list {
    overflow: hidden;
  }
}
.block-reviews .reviews-slider .slider .slick-track {
  display: flex !important;
}
.block-reviews .reviews-slider .slider .review-item {
  height: inherit !important;
  margin: 0 12px;
}
@media (max-width: 767.98px) {
  .block-reviews .reviews-slider .slider-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0 0 0;
  }
}
.block-reviews .reviews-slider .slider-nav .arrow {
  position: absolute;
  z-index: 3;
  top: calc(50% - 25px);
  width: 50px;
  height: 50px;
  cursor: pointer;
  transition: none;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767.98px) {
  .block-reviews .reviews-slider .slider-nav .arrow {
    position: relative;
    top: 0;
    margin: 0 5px;
    width: 40px;
    height: 40px;
  }
}
.block-reviews .reviews-slider .slider-nav .arrow:hover {
  background-color: #000;
}
.block-reviews .reviews-slider .slider-nav .arrow:hover svg {
  fill: #fff;
}
.block-reviews .reviews-slider .slider-nav .arrow-prev {
  left: -35px;
}
@media (max-width: 1199.98px) {
  .block-reviews .reviews-slider .slider-nav .arrow-prev {
    left: 0;
  }
}
.block-reviews .reviews-slider .slider-nav .arrow-next {
  right: -35px;
}
@media (max-width: 1299.98px) {
  .block-reviews .reviews-slider .slider-nav .arrow-next {
    right: 0;
  }
}
.block-reviews .reviews-slider .slider-nav .arrow svg {
  width: 9px;
  height: 100%;
  transition: none;
  fill: #000;
}
@media (max-width: 767.98px) {
  .block-reviews .reviews-slider .slider-nav .arrow svg {
    width: 8px;
  }
}

.block-slider .container-slider {
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .block-slider .container-slider {
    border-radius: 3px;
  }
}
.block-slider .container-slider .product-ribbon {
  padding: 0.5em 3em;
}
.block-slider .container-slider .item {
  position: relative;
}
.block-slider .container-slider .arrow {
  position: absolute;
  top: calc(50% - 20px);
  cursor: pointer;
  width: 35px;
  height: 35px;
  background: #FFF;
  box-shadow: 0 5px 5px -5px #000;
  border-radius: 50%;
  padding: 10px;
}
@media (max-width: 1199.98px) {
  .block-slider .container-slider .arrow {
    width: 12px;
    height: 12px;
    box-sizing: content-box;
  }
}
.block-slider .container-slider .arrow-prev {
  left: 20px;
}
@media (max-width: 1199.98px) {
  .block-slider .container-slider .arrow-prev {
    left: 10px;
  }
}
.block-slider .container-slider .arrow-prev svg {
  left: -1px;
}
.block-slider .container-slider .arrow-next {
  right: 20px;
}
@media (max-width: 1199.98px) {
  .block-slider .container-slider .arrow-next {
    right: 10px;
  }
}
.block-slider .container-slider .arrow-next svg {
  right: -1px;
}
.block-slider .container-slider .arrow svg {
  width: 100%;
  height: 100%;
  fill: #000;
  top: -1px;
  position: relative;
}
.block-slider .slider-nav {
  display: flex;
  flex-wrap: wrap;
  margin: 5px -5px -5px -5px !important;
  justify-content: center;
}
@media (max-width: 1199.98px) {
  .block-slider .slider-nav {
    justify-content: center;
  }
}
.block-slider .slider-nav .item {
  position: relative;
  overflow: hidden;
  margin: 5px !important;
  cursor: pointer;
  transition: none;
  border-radius: 3px;
  box-shadow: 0 5px 10px transparent;
  height: 50px;
  width: 60px;
}
@media (max-width: 1199.98px) {
  .block-slider .slider-nav .item {
    width: calc((100vw - 24px - 9px * var(--count)) / var(--count));
    height: calc(100vw / var(--count) / 1.7);
    max-height: 40px;
    max-width: 50px;
    min-height: 27px;
    min-width: 34px;
  }
  .block-slider .slider-nav .item[data-count="1"] {
    --count: 1;
  }
  .block-slider .slider-nav .item[data-count="2"] {
    --count: 2;
  }
  .block-slider .slider-nav .item[data-count="3"] {
    --count: 3;
  }
  .block-slider .slider-nav .item[data-count="4"] {
    --count: 4;
  }
  .block-slider .slider-nav .item[data-count="5"] {
    --count: 5;
  }
  .block-slider .slider-nav .item[data-count="6"] {
    --count: 6;
  }
  .block-slider .slider-nav .item[data-count="7"] {
    --count: 7;
  }
  .block-slider .slider-nav .item[data-count="8"] {
    --count: 8;
  }
  .block-slider .slider-nav .item[data-count="9"] {
    --count: 9;
  }
  .block-slider .slider-nav .item[data-count="10"] {
    --count: 10;
  }
  .block-slider .slider-nav .item[data-count="11"] {
    --count: 11;
  }
  .block-slider .slider-nav .item[data-count="12"] {
    --count: 12;
  }
  .block-slider .slider-nav .item[data-count="13"] {
    --count: 13;
  }
  .block-slider .slider-nav .item[data-count="14"] {
    --count: 14;
  }
  .block-slider .slider-nav .item[data-count="15"] {
    --count: 15;
  }
  .block-slider .slider-nav .item[data-count="16"] {
    --count: 16;
  }
  .block-slider .slider-nav .item[data-count="17"] {
    --count: 17;
  }
  .block-slider .slider-nav .item[data-count="18"] {
    --count: 18;
  }
  .block-slider .slider-nav .item[data-count="19"] {
    --count: 19;
  }
}
.block-slider .slider-nav .item:before {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: none;
  opacity: 0;
  border-top: 2px solid #ff7200;
}
.block-slider .slider-nav .item.is-active:before {
  opacity: 1;
}
.block-steps {
  position: relative;
  margin: 50px 0 0 0;
  padding: 36px 15px;
  text-align: center;
  background-color: #25737d;
}
@media (max-width: 1199.98px) {
  .block-steps {
    margin: 0;
  }
}
.block-steps .title {
  font-size: 30px;
  line-height: 2;
  margin: 0 0 25px 0;
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
}
@media (max-width: 1199.98px) {
  .block-steps .title {
    font-size: 26px;
  }
}
@media (max-width: 767.98px) {
  .block-steps .title {
    font-size: 24px;
  }
}
@media (max-width: 575.98px) {
  .block-steps .title {
    font-size: 20px;
  }
}
.block-steps .steps {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767.98px) {
  .block-steps .steps {
    flex-wrap: wrap;
  }
}
.block-steps .steps .step {
  display: inline-flex;
  align-items: center;
  text-align: left;
}
@media (min-width: 1200px) {
  .block-steps .steps .step:first-child .number:before {
    left: -3px;
  }
}
@media (max-width: 767.98px) {
  .block-steps .steps .step {
    flex-wrap: wrap;
    justify-content: center;
    width: 33.3333333333%;
    padding: 0 15px;
  }
}
@media (max-width: 575.98px) {
  .block-steps .steps .step {
    width: 100%;
    margin: 30px 0 0 0;
    padding: 0;
  }
}
.block-steps .steps .step .number {
  font-size: 46px;
  font-weight: 700;
  line-height: 35px;
  position: relative;
  margin: 0 30px 0 0;
  color: #fff;
}
@media (min-width: 1200px) {
  .block-steps .steps .step .number:before {
    position: absolute;
    z-index: -1;
    bottom: -5px;
    left: 3px;
    width: 35px;
    height: 35px;
    content: "";
    border-radius: 50%;
    background-color: #185158;
  }
}
.block-steps .steps .step .text {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.2;
  color: #ceeaed;
}
@media (max-width: 1199.98px) {
  .block-steps .steps .step .text {
    font-size: 18px;
    max-width: calc(100% - 40px);
    padding: 0 0 0 20px;
  }
}
@media (max-width: 767.98px) {
  .block-steps .steps .step .text {
    width: 100%;
    max-width: 100%;
    padding: 15px 0 0 0;
    text-align: center;
  }
}
.block-steps .steps .arrow {
  width: 12px;
  height: 20px;
  margin: 0 40px;
}
@media (max-width: 1199.98px) {
  .block-steps .steps .arrow {
    margin: 0 30px;
  }
}
@media (max-width: 767.98px) {
  .block-steps .steps .arrow {
    display: none;
  }
}
.block-steps .steps .arrow svg {
  width: 100%;
  height: 100%;
  fill: rgba(0, 0, 0, 0.27);
}
.block-steps .container {
  position: relative;
  z-index: 2;
}
.block-steps .cover {
  opacity: 0.05;
  filter: grayscale(100%);
}

#breadcrumb ul {
  margin: 0;
  padding: 20px 0px 19px 20px;
}
@media (max-width: 1199.98px) {
  #breadcrumb ul {
    padding: 15px 0;
  }
}
#breadcrumb ul li {
  font-family: "HelveticaNowDisplay", sans-serif;
  letter-spacing: 0.1px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  color: #757575;
}
#breadcrumb ul li strong {
  font-weight: 500;
}
#breadcrumb ul li:after {
  pointer-events: none;
  padding: 0 6px 0 7px;
  color: #d9d9d9;
  content: "|";
  font-size: 12px;
  font-weight: 100;
}
#breadcrumb ul li:last-child:after {
  display: none;
}
#breadcrumb ul li a {
  color: #000;
  transition: none;
}
#breadcrumb ul li a:hover {
  color: #ff7200;
}

.button-rounded {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-block;
  min-width: 160px;
  padding: 12px 30px;
  transition: none;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  border: none;
  border-radius: 3px;
  background-color: #ff7200;
}
.button-rounded:hover {
  color: #fff;
  background-color: #ff6900;
}
.button-rounded.color-green, .block-relations .item.color-green .content .button-rounded {
  background-color: #25737d;
}
.button-rounded.color-green:hover, .block-relations .item.color-green .content .button-rounded:hover {
  background-color: #2e8e9b;
}
.button-rounded.color-black {
  background-color: #000;
}
.button-rounded.color-black:hover {
  background-color: #262626;
}
.button-rounded.color-gray {
  background-color: #ededed;
  color: #000;
}
.button-rounded.color-gray:hover {
  background-color: #000;
  color: #fff;
}

.button-configure {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 3px;
  display: block;
  width: 100%;
  line-height: 1.2;
  padding: 14px 30px;
  transition: none;
  text-align: center;
  color: #fff;
  background-color: #ff7200;
}
.button-configure:hover {
  background-color: #ff6900;
  color: #fff;
}
.button-configure em {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  display: block;
  padding: 2px 0 0 0;
  color: #ffd8b9;
  text-transform: none;
}
@media (max-width: 1199.98px) {
  .button-configure {
    font-size: 16px;
  }
  .button-configure em {
    font-size: 12px;
  }
}

.entry-content {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left !important;
  color: #000;
}
.entry-content p {
  margin: 0 0 30px 0;
}
.entry-content strong {
  font-weight: 700;
}
.entry-content a {
  transition: none;
  text-decoration: underline !important;
  color: #000;
}
.entry-content a:hover {
  color: #ff7200;
}
.entry-content ul,
.entry-content ol {
  margin: 0 0 30px 0;
  padding: 0;
}
.entry-content ul li,
.entry-content ol li {
  position: relative;
  display: block;
  margin: 0 0 15px 0;
  padding: 0 0 0 20px;
  list-style: none;
}
.entry-content ul li:before,
.entry-content ol li:before {
  position: absolute;
  top: 8px;
  left: 0;
  width: 9px;
  height: 9px;
  content: "";
  border-radius: 50%;
  background-color: #ff7200;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 30px 0;
  color: #000;
}
.entry-content h1.subtitle,
.entry-content h2.subtitle,
.entry-content h3.subtitle,
.entry-content h4.subtitle,
.entry-content h5.subtitle,
.entry-content h6.subtitle {
  font-size: 20px;
  margin: 0 0 20px 0;
}
@media (max-width: 1199.98px) {
  .entry-content img {
    width: 100%;
  }
}
.entry-content img.align-left {
  float: left;
  margin: 0 30px 0 0;
}
@media (max-width: 767.98px) {
  .entry-content img.align-left {
    float: none;
    display: block;
    margin: 30px auto;
  }
}
.entry-content img.align-right {
  float: right;
  margin: 0 0 0 30px;
}
@media (max-width: 767.98px) {
  .entry-content img.align-right {
    float: none;
    display: block;
    margin: 30px auto;
  }
}

.entry-files {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 30px 0;
  padding: 15px;
  text-align: left;
  border: 2px solid #f0f0f0;
  border-radius: 3px;
}
.entry-files a {
  display: flex;
  align-items: center;
  width: calc(50% - 30px);
  text-decoration: none !important;
}
@media (min-width: 576px) {
  .entry-files a {
    margin: 15px !important;
  }
}
@media (max-width: 575.98px) {
  .entry-files a {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #f0f0f0;
  }
  .entry-files a:first-child {
    padding: 0;
    border: none;
  }
}
.entry-files a:hover .icon {
  background-color: #000;
}
.entry-files a .icon {
  width: 48px;
  height: 48px;
  transition: none;
  text-align: center;
  border-radius: 3px;
  background-color: #000;
}
@media (max-width: 767.98px) {
  .entry-files a .icon {
    width: 42px;
    height: 42px;
  }
}
.entry-files a .icon svg {
  width: 62.5%;
  height: 100%;
  fill: #fff;
}
.entry-files a .text {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  width: calc(100% - 48px);
  padding: 0 0 0 12px;
  color: #000;
}
.entry-files a .text em {
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  display: block;
  margin: 1px 0 0 0;
  color: #8c8c8c;
}

.entry-table {
  margin: 0 0 30px 0;
}
.entry-table .item {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  display: flex;
  flex-wrap: wrap;
  padding: 7.5px 15px;
  color: #000;
  background-color: #fff;
}
.entry-table .item:nth-child(odd) {
  background-color: whitesmoke;
}
.entry-table .item .name {
  font-weight: 700;
  width: 40%;
  padding: 0 30px 0 0;
}
.entry-table .item .value {
  width: 60%;
}

.entry-title {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 30px 0;
  color: #000;
}
@media (max-width: 767.98px) {
  .entry-title {
    font-size: 24px;
  }
}
@media (max-width: 575.98px) {
  .entry-title {
    font-size: 20px;
  }
}
.entry-title.subtitle {
  font-size: 20px;
  margin: 0 0 20px 0;
}
@media (max-width: 1199.98px) {
  .entry-title.subtitle {
    font-size: 18px;
    margin: 0 0 10px 0;
  }
}

.form-select {
  position: relative;
}
.form-select select {
  display: none;
  width: 100%;
}
.form-select .select2-container:first-child {
  width: 100% !important;
}
.form-select .select2-container--open .select2-selection {
  border-radius: 3px !important;
}
.form-select .select2-container--open .select2-selection__arrow svg {
  transform: rotate(180deg);
}
.form-select .select2-selection {
  height: 45px;
  cursor: pointer;
  user-select: none;
  transition: none;
  border: 1px solid #000;
  border-radius: 3px !important;
  background-color: #fff;
}
.form-select .select2-selection .select2-selection__rendered {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 15px;
  line-height: 43px;
  width: calc(100% - 32px);
  padding: 0 0 0 15px;
  color: #000;
}
.form-select .select2-selection .select2-selection__rendered .select2-selection__placeholder {
  color: #000;
}
.form-select .select2-selection .select2-selection__arrow {
  right: 0;
  width: 32px;
  height: 46px;
  text-align: center;
}
.form-select .select2-selection .select2-selection__arrow svg {
  width: 10px;
  height: 100%;
  transition: none;
  fill: #000;
}
.form-select .select2-dropdown {
  position: relative;
  z-index: 9;
  overflow: hidden;
  width: 100% !important;
  white-space: nowrap;
  border: 1px solid #000000;
  border-radius: 3px !important;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3);
}
.form-select .select2-dropdown.select2-dropdown--below {
  top: 5px;
}
.form-select .select2-dropdown.select2-dropdown--above {
  top: -5px;
}
.form-select .select2-dropdown .select2-results__options {
  overflow-x: hidden;
  max-height: 204px;
}
.form-select .select2-dropdown li {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 30px 10px 15px;
  cursor: pointer;
  user-select: none;
  transition: none;
  color: #000 !important;
  border-top: 1px solid #e6e6e6;
  background-color: #fff !important;
}
.form-select .select2-dropdown li:first-child {
  border: none;
}
.form-select .select2-dropdown li.select2-results__option--highlighted {
  color: #fff !important;
  background-color: #000000 !important;
}

.form-field {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 15px;
  line-height: 38px;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  transition: none;
  color: #000;
  border: 1px solid #000;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: none;
}
.form-field::-webkit-input-placeholder {
  opacity: 0.5;
}
.form-field:-moz-placeholder {
  opacity: 0.5;
}
.form-field::-moz-placeholder {
  opacity: 0.5;
}
.form-field:-ms-input-placeholder {
  opacity: 0.5;
}
.form-field:focus {
  box-shadow: none;
}

.form .fieldset, .form fieldset, form .fieldset, form fieldset {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 25px;
  justify-content: space-between;
}
.form .fieldset.login, .form fieldset.login, form .fieldset.login, form fieldset.login {
  margin-bottom: 0px;
}
.form .fieldset > .message.info, .form fieldset > .message.info, form .fieldset > .message.info, form fieldset > .message.info {
  padding: 0 20px 20px;
  width: 50%;
  text-align: center;
  font-size: 12px;
}
.form .fieldset > .message.info span, .form fieldset > .message.info span, form .fieldset > .message.info span, form fieldset > .message.info span {
  background-color: #f2f2f2;
  padding: 4px 20px;
  border-radius: 3px;
  width: 100%;
  display: flex;
}
.form .fieldset legend, .form fieldset legend, form .fieldset legend, form fieldset legend {
  margin-bottom: 1.5rem;
}
.form .fieldset legend:before, .form fieldset legend:before, form .fieldset legend:before, form fieldset legend:before {
  content: " ";
  background: #f0f0f0;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  display: inline-block;
  position: relative;
  top: 0px;
}
.form button, form button {
  border: none;
  background: #ff7200;
  color: #fff;
  padding: 10px 20px;
  cursor: pointer;
}
.form .field, form .field {
  padding: 0 20px 20px;
  position: relative;
  width: 50%;
}
.form .field.required > .label:after, .form .field._required > .label:after, form .field.required > .label:after, form .field._required > .label:after {
  content: "*";
  color: #ff005a;
}
.form .field select, form .field select {
  width: 100%;
}
.form .field.street, form .field.street {
  width: 100%;
}
.form .field.street .nested, form .field.street .nested {
  display: flex;
  margin-top: 20px;
}
.form .field.street .nested .field, form .field.street .nested .field {
  padding-top: 0;
}
.form .field.street .nested .field:first-child, form .field.street .nested .field:first-child {
  padding-left: 0;
}
.form .field.street .nested .field:last-child, form .field.street .nested .field:last-child {
  padding-right: 0;
}
.form .field.checkbox-input, form .field.checkbox-input {
  width: 100%;
  padding: 0;
}
.form .field.checkbox-input > label, form .field.checkbox-input > label {
  display: none;
}
.form .field.note, form .field.note {
  width: 100%;
}
.form .field .label, form .field .label {
  display: block;
  margin-bottom: 1rem;
}
.form .field .control, form .field .control {
  position: relative;
}
.form .field .control .input-text, .form .field .control textarea, form .field .control .input-text, form .field .control textarea {
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 5px 15px;
  width: 100%;
}
.form .field .control .input-text:disabled, .form .field .control textarea:disabled, form .field .control .input-text:disabled, form .field .control textarea:disabled {
  opacity: 0.3;
}
.form .field .control .input-text.toggle-password-visibility[type=text]:valid, .form .field .control textarea.toggle-password-visibility[type=text]:valid, form .field .control .input-text.toggle-password-visibility[type=text]:valid, form .field .control textarea.toggle-password-visibility[type=text]:valid {
  background-size: 1.5rem;
  background-position: 98% 50%;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"%3e%3cg%3e%3cpath d="M12.29,5.4c.38.34.7.67.94.93a1,1,0,0,1,0,1.34C12.18,8.8,9.79,11,7,11H6.6" fill="none" stroke="%23aaaaaa" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3cpath d="M3.87,10.13A12.4,12.4,0,0,1,.77,7.67a1,1,0,0,1,0-1.34C1.82,5.2,4.21,3,7,3a6.56,6.56,0,0,1,3.13.87" fill="none" stroke="%23aaaaaa" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3cline x1="12.5" y1="1.5" x2="1.5" y2="12.5" fill="none" stroke="%23aaaaaa" stroke-linecap="round" stroke-linejoin="round"%3e%3c/line%3e%3cpath d="M5.59,8.41A2,2,0,0,1,5,7,2,2,0,0,1,7,5a2,2,0,0,1,1.41.59" fill="none" stroke="%23aaaaaa" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3cpath d="M8.74,8A2,2,0,0,1,8,8.73" fill="none" stroke="%23aaaaaa" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/g%3e%3c/svg%3e') !important;
}
.form .field .control .input-text.toggle-password-visibility[type=password]:valid, .form .field .control textarea.toggle-password-visibility[type=password]:valid, form .field .control .input-text.toggle-password-visibility[type=password]:valid, form .field .control textarea.toggle-password-visibility[type=password]:valid {
  background-size: 1.5rem;
  background-position: 98% 50%;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"%3e%3cg%3e%3cpath d="M13.23,6.33a1,1,0,0,1,0,1.34C12.18,8.8,9.79,11,7,11S1.82,8.8.77,7.67a1,1,0,0,1,0-1.34C1.82,5.2,4.21,3,7,3S12.18,5.2,13.23,6.33Z" fill="none" stroke="%23aaaaaa" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3ccircle cx="7" cy="7" r="2" fill="none" stroke="%23aaaaaa" stroke-linecap="round" stroke-linejoin="round"%3e%3c/circle%3e%3c/g%3e%3c/svg%3e') !important;
}
.form .field .control textarea, form .field .control textarea {
  padding: 15px !important;
}
.form .field .control .note, form .field .control .note {
  position: relative;
  font-size: 11px;
  background: #f0f0f0;
  padding: 6px 15px;
  border-radius: 3px;
  line-height: 13px;
  color: #555;
  display: block;
  margin-top: 10px;
}
.form .field .control .field-error, .form .field .control .mage-error, form .field .control .field-error, form .field .control .mage-error {
  width: 100%;
  display: block;
  background: #f75f5f;
  margin-top: 5px;
  padding: 5px 15px;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
}
.form .field .control .input-password-wrapper, form .field .control .input-password-wrapper {
  position: relative;
}
.form .field .control .input-password-wrapper .show-password-button, form .field .control .input-password-wrapper .show-password-button {
  cursor: pointer;
  position: absolute;
  right: 0.5rem;
  top: 0.45rem;
  width: 45px;
  height: 33px;
  background-size: 1.2rem 1.2rem;
  background-repeat: no-repeat;
}
.form .field .field-tooltip, form .field .field-tooltip {
  position: absolute;
  top: 0;
  left: 101%;
  min-width: 100%;
  padding: 3px 0 10px;
  z-index: 10;
}
.form .field.choice, form .field.choice {
  width: 100%;
  padding: 0 20px 20px;
}
.form .field.choice input[type=checkbox], form .field.choice input[type=checkbox] {
  display: inline-block;
  position: relative;
  top: 4px;
  margin-right: 5px;
}
.form .field.choice input[type=checkbox]:before, form .field.choice input[type=checkbox]:before {
  content: " ";
  width: 18px;
  height: 18px;
  border: 1px solid #a0a0a0;
  display: block;
  border-radius: 4px;
}
.form .field.choice input[type=checkbox]:checked:after, form .field.choice input[type=checkbox]:checked:after {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3E%3Cg id='check-thick--check-form-validation-checkmark-success-add-addition-1-tick'%3E%3Cpath id='Union' fill='%23FFF' fill-rule='evenodd' d='M13.3232 1.00035c-.8282-.730809-2.0921-.651817-2.8229.17643l-5.95693 6.7512-1.00694-1.20832C2.8293 5.8711 1.56817 5.75645.71962 6.46358c-.848554.70713-.963201 1.96826-.256074 2.81681L2.96355 12.2804c.37366.4484.92457.7112 1.5082.7194.58363.0083 1.14173-.2389 1.52791-.6765l7.50004-8.50003c.7308-.82825.6518-2.09211-.1765-2.82292Z' clip-rule='evenodd'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #000;
  color: white;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 8px;
  text-align: center;
  line-height: 10px;
  border-radius: 4px;
}
.form .field.choice input[type=checkbox]:checked:before, form .field.choice input[type=checkbox]:checked:before {
  border-color: #000000;
}
.form .field.choice input[type=radio], form .field.choice input[type=radio] {
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.form .field.choice input[type=radio]:before, form .field.choice input[type=radio]:before {
  content: " ";
  width: 14px;
  height: 14px;
  border: 1px solid #ccc;
  border-radius: 20px;
  display: block;
}
.form .field.choice input[type=radio]:checked:after, form .field.choice input[type=radio]:checked:after {
  content: "•";
  width: 10px;
  height: 10px;
  background: #000;
  color: white;
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 8px;
  text-align: center;
  line-height: 10px;
  border-radius: 20px;
  color: transparent;
}
.form .field.choice input[type=radio]:checked:before, form .field.choice input[type=radio]:checked:before {
  border-color: #000;
}
.form .field.choice label, form .field.choice label {
  display: inline-block;
}
.form .actions-toolbar, form .actions-toolbar {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  padding: 0 20px;
  margin-top: 25px;
}

.field-tooltip .label {
  display: none !important;
}
.field-tooltip .field-tooltip-action {
  width: 15px;
  height: 15px;
  display: block;
  background: #f0f0f0;
  color: #555;
  border-radius: 20px;
  text-align: center;
  font-size: 11px;
  line-height: 15px;
  margin: 5px;
  float: left;
}
.field-tooltip .field-tooltip-action:after {
  content: "?";
}
.field-tooltip .field-tooltip-content {
  display: none;
  font-size: 11px;
  color: #555;
}
.field-tooltip._active {
  background: #f0f0f0;
  display: flex;
  float: left;
  min-height: 33px;
}
.field-tooltip._active .field-tooltip-content {
  display: block;
  float: left;
  padding-top: 6px;
}

input.radio {
  display: inline-block;
  position: relative;
}
input.radio:before {
  content: " ";
  width: 14px;
  height: 14px;
  border: 1px solid #ccc;
  border-radius: 15px;
  display: block;
}
input.radio:checked:after {
  content: " ";
  width: 10px;
  height: 10px;
  background: #ff7200;
  border-radius: 15px;
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
}
input.radio:checked:before {
  border-color: #ff7200;
}

.modal-popup {
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100 !important;
}
.modal-popup._show {
  display: flex;
}
.modal-popup._show .modal-inner-wrap {
  margin: auto;
  width: 800px;
  background: #fff;
  max-width: 80%;
}
.modal-popup._show .modal-inner-wrap .modal-header {
  padding: 20px 40px 10px;
  position: relative;
}
.modal-popup._show .modal-inner-wrap .modal-header .action-close {
  position: absolute;
  right: -6px;
  top: -6px;
  color: transparent;
  background: #000;
  width: 22px;
  height: 22px;
  border-radius: 20px;
  padding: 0;
  font-size: 10px;
  border: none;
}
.modal-popup._show .modal-inner-wrap .modal-header .action-close > span {
  display: none;
}
.modal-popup._show .modal-inner-wrap .modal-header .action-close:after {
  content: "✖";
  color: #fff;
}
.modal-popup._show .modal-inner-wrap .modal-content {
  padding: 20px 40px;
}
.modal-popup._show .modal-inner-wrap .modal-footer {
  padding: 20px 40px;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.modal-popup._show .modal-inner-wrap .modal-footer button {
  border: none;
  background: #ff7200;
  color: #fff;
  padding: 10px 20px;
  cursor: pointer;
}
.modal-popup._show .modal-inner-wrap .modal-footer button.secondary {
  background: #555;
}

.review-item {
  line-height: 1;
  padding: 30px 40px;
  border: 1px solid #ededed;
  border-radius: 0;
  background-color: #fff;
}
.review-item .comment {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  position: relative;
  overflow: hidden;
  height: 7.1428571429em;
  margin: 15px 0 0 0;
  color: #000;
}
.review-item .comment:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 15%;
  content: "";
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 75%);
}
@media (max-width: 767.98px) {
  .review-item .comment {
    height: 65px;
  }
  .review-item .comment:after {
    height: 15px;
  }
}
.review-item .name {
  font-size: 15px;
  font-weight: 500;
  margin: 20px 0 0 0;
  color: #000;
}
.review-item .date {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 12px;
  margin: 5px 0 0 0;
  color: #b0b0b0;
}

.reviews-stars {
  position: relative;
  display: inline-block;
}
.reviews-stars > span {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}
.reviews-stars > span.progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.reviews-stars > span.progress svg {
  fill: #ff7200;
}
.reviews-stars svg {
  width: 14px;
  height: 14px;
  margin-left: 3px;
  fill: #b8b8b8;
}
.reviews-stars svg:first-child {
  margin-left: 0 !important;
}
.reviews-stars.is-small svg {
  width: 12px;
  height: 12px;
  margin-left: 2px;
}

.reviews-select {
  display: flex;
  margin: 20px auto auto;
  flex-direction: column-reverse;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: stretch;
  width: 220px;
}
.reviews-select.is-active .rating {
  opacity: 0.5;
}
.reviews-select .rating {
  display: flex;
  align-items: center;
  margin: 0;
  cursor: pointer;
  transition: none;
}
.reviews-select .rating.is-selected {
  opacity: 1;
}
.reviews-select .rating.is-selected .checkbox {
  border-color: #1a66ff;
  background-color: #1a66ff;
}
.reviews-select .rating .checkbox {
  position: relative;
  top: 0.5px;
  width: 14px;
  height: 14px;
  transition: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background-color: #fff;
}
.reviews-select .rating .checkbox svg {
  position: absolute;
  top: 1px;
  left: 2px;
  width: 8px;
  height: 10px;
  fill: #fff;
}
.reviews-select .rating .reviews-stars {
  margin: 0 0 0 10px;
}
.reviews-select .rating .rating-bar {
  position: relative;
  width: 75px;
  height: 12px;
  margin: 0 0 0 10px;
  border-radius: 3px;
  background-color: #d1d1d1;
}
.reviews-select .rating .rating-bar span {
  position: absolute;
  top: 0;
  left: 0;
  height: 12px;
  border-radius: 3px;
  background-color: #ff7200;
}
.reviews-select .rating .rating-percent {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 13px;
  line-height: 1;
  margin: 0 0 0 10px;
}

.reviews-summary {
  display: inline-block;
  text-align: center;
}
.reviews-summary .note {
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #000;
}
.reviews-summary .note strong {
  font-size: 45px;
}
@media (max-width: 1199.98px) {
  .reviews-summary .note strong {
    font-size: 35px;
    font-weight: 600;
  }
}
.reviews-summary .note em {
  font-style: normal;
  color: #8f8f8f;
}
@media (max-width: 1199.98px) {
  .reviews-summary .note em {
    font-weight: 400;
  }
}
.reviews-summary .reviews-stars {
  margin: 10px 0 0 0;
}
.reviews-summary .total {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  margin: 15px 0 0 0;
  color: #000;
}
.reviews-summary .total a {
  position: relative;
  transition: none;
  color: #000;
  text-decoration: underline !important;
}
.reviews-summary .total a:hover {
  color: #000;
}
.reviews-summary .total a:hover:before {
  background-color: #000;
}
.reviews-summary .logo-av {
  max-width: 165px;
  margin: 40px 0 0 0;
}
@media (max-width: 1199.98px) {
  .reviews-summary .logo-av {
    max-width: 130px;
    margin: 8px 0 0 0;
  }
}

#store-echantillons {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}
#store-echantillons #configuration-fieldset {
  height: auto !important;
  width: 900px;
  background: none;
  max-width: 80%;
  max-height: calc(100vh - 95px) !important;
}
#store-echantillons #configuration-fieldset > .inner .page-load {
  display: flex;
  align-items: center;
}
#store-echantillons #configuration-fieldset .inner {
  margin: auto !important;
  position: relative;
  max-height: 100%;
  padding: 0;
}
#store-echantillons #configuration-fieldset .inner .preview {
  position: absolute;
  top: 22px;
  right: 22px;
  z-index: 1;
}
#store-echantillons #configuration-fieldset .inner .preview .head .action {
  background: #000;
  padding: 8px 9px;
  color: #fff;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  display: block;
}
#store-echantillons #configuration-fieldset .inner .preview .head .action svg {
  width: 12px;
  height: 12px;
  fill: #fff;
}
#store-echantillons #configuration-fieldset .inner .preview .head .action svg * {
  fill: #fff;
  stroke: #FFF;
}
#store-echantillons #configuration-fieldset .inner .steps {
  background: #fff;
  border-radius: 5px;
  margin: 0 !important;
}
#store-echantillons #configuration-fieldset .inner .steps .step {
  margin: auto;
  padding: 0;
}
#store-echantillons #configuration-fieldset .inner .steps .step:before {
  display: none;
}
#store-echantillons #configuration-fieldset .inner .steps .step .info-step {
  padding: 20px 20px 15px 36px;
}
#store-echantillons #configuration-fieldset .inner .steps .step .info-step .title {
  color: #000;
  font-size: 22px !important;
  text-align: center;
  padding: 0 10%;
  display: block;
  font-family: "Poppins", sans-serif;
}
#store-echantillons #configuration-fieldset .inner .steps .step .info-step .head {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
}
#store-echantillons #configuration-fieldset .inner .steps .step .content {
  max-height: none;
  min-height: 300px;
  padding: 0;
}
#store-echantillons #configuration-fieldset .inner .steps .step .content .valid-box .sub-actions {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
#store-echantillons #configuration-fieldset .inner .steps .step .content .valid-box .sub-actions .add-to-cart {
  background: #ff7200;
}
#store-echantillons #configuration-fieldset .inner .steps .step .content .valid-box .sub-actions .add-to-cart:before {
  content: none;
}
#store-echantillons #configuration-fieldset .inner .steps .step .content .valid-box .is-in-cart {
  background: #25737d;
  color: rgba(0, 0, 0, 0.6);
  line-height: 31px;
  padding: 0 30px;
  border-radius: 5px;
  font-weight: bold;
}
#store-echantillons #configuration-fieldset .inner .steps .step .content .valid-box .gamme-details {
  margin-top: 20px;
  display: none;
}
#store-echantillons #configuration-fieldset .inner .steps .step .content .tissus .filters .select button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  line-height: 20px;
  align-items: center;
  border-bottom: none;
  padding: 2px 10px;
  gap: 5px;
}
#store-echantillons #configuration-fieldset .inner .steps .step .content .tissus .filters .select .dropdown-menu {
  top: 39px;
  left: -8px;
  width: auto !important;
}
#store-echantillons #configuration-fieldset .inner .steps .step .content .tissus .gamme .head-tissus, #store-echantillons #configuration-fieldset .inner .steps .step .content .tissus .gamme .tissus {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#store-echantillons #configuration-fieldset .inner .steps .step .content .tissus .gamme .tissus {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
}
#store-echantillons #configuration-fieldset .inner .steps .step .content .tissus .gamme .tissus .option {
  width: calc(20% - 10px);
  margin: 0;
}
#store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
  padding: 35px;
}
@media (max-width: 1199.98px) {
  #store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc {
    padding: 0 15px;
  }
}
#store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc .title {
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 15px;
}
@media (max-width: 1199.98px) {
  #store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc .title {
    font-size: 25px;
    padding-right: 30px;
  }
}
#store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc .block-content .subtitle, #store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc .block-content h1, #store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc .block-content h2, #store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc .block-content h3, #store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc .block-content h4, #store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc .block-content h5 {
  font-weight: 700;
  margin-top: 15px !important;
  font-size: 18px;
  margin-bottom: 1rem;
}
@media (max-width: 1199.98px) {
  #store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc .block-content .subtitle, #store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc .block-content h1, #store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc .block-content h2, #store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc .block-content h3, #store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc .block-content h4, #store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc .block-content h5 {
    font-size: 16px;
  }
}
#store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc .block-content .notice, #store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc .block-content em {
  font-style: italic;
  font-size: 14px;
}
@media (max-width: 1199.98px) {
  #store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc .block-content .notice, #store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc .block-content em {
    font-size: 13px;
  }
}
#store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc .block-content a:hover {
  text-decoration: underline !important;
}
#store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc .block-content, #store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc .block-footer {
  margin-bottom: 20px;
}
#store-echantillons .echantillons .configuration-wrapper #configuration-fieldset .inner .pose-bloc .block-footer {
  border-left: 5px solid #000000;
  padding: 20px 30px;
  border-radius: 0 5px 5px 0;
  background: #f7f7f7;
  font-size: 15px;
}

#store-echantillons #configuration-fieldset .inner .steps .step.is-active .info-step .label {
  color: #ff7200;
  font-family: "Poppins", sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.echantillons.steppers #configuration-fieldset {
  overflow: hidden;
}
.echantillons.steppers #configuration-fieldset .inner .tissus .gammes {
  overflow-y: auto;
  max-height: 70vh;
}
@media (max-width: 1199.98px) {
  .echantillons.steppers #configuration-fieldset .inner .tissus .gammes {
    max-height: 84vh;
  }
}
.echantillons.steppers #configuration-fieldset .steps .step .valid-box {
  display: flex;
  padding: 0 0 20px 0;
  position: fixed;
  z-index: 90;
  height: 100vh;
  width: 100vw;
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  backdrop-filter: blur(2px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.echantillons.steppers #configuration-fieldset .steps .step .valid-box .valid-box-title {
  position: relative;
  font-family: "HelveticaNowDisplay", sans-serif;
}
.echantillons.steppers #configuration-fieldset .steps .step .valid-box .valid-box-title .action-back {
  background: #000;
  padding: 9px;
  color: #FFF;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  right: 0;
}
.echantillons.steppers #configuration-fieldset .steps .step .valid-box .valid-box-title .action-back .icon {
  display: block;
}
.echantillons.steppers #configuration-fieldset .steps .step .valid-box .valid-box-title .action-back svg {
  width: 12px;
  height: 12px;
  fill: #fff;
}
.echantillons.steppers #configuration-fieldset .steps .step .valid-box .valid-box-title .action-back svg * {
  fill: #fff;
  stroke: #FFF;
}
.echantillons.steppers #configuration-fieldset .steps .step .valid-box .valid-box-title .name {
  font-weight: 600;
  display: block;
  font-size: 20px !important;
}
@media (max-width: 1199.98px) {
  .echantillons.steppers #configuration-fieldset .steps .step .valid-box .valid-box-title .name {
    font-size: 18px !important;
  }
}
.echantillons.steppers #configuration-fieldset .steps .step .valid-box .valid-box-title .gamme-name {
  font-size: 15px !important;
  position: relative;
  color: #8e8e8e;
  font-weight: 500;
  text-transform: none;
}
.echantillons.steppers #configuration-fieldset .steps .step .valid-box .container-valid-box {
  position: relative;
  background: #FFF;
  border-radius: 5px;
  padding: 20px;
  border: none;
  margin: 0 10px;
}
.echantillons.steppers #configuration-fieldset .steps .step .valid-box .container-valid-box .page-load svg {
  background-color: transparent !important;
}
.echantillons.steppers #configuration-fieldset .steps .step .valid-box .container-valid-box .messages-box .message {
  margin-top: 0 !important;
}

body #store-echantillons .steppers #configuration-fieldset .steps .step .valid-box .budget {
  margin: 10px 0 0px -3px;
}

#store-echantillons #configuration-fieldset .inner .steps .step .content .valid-box .sub-actions .back:not(.add-to-cart) {
  padding: 14px 20px;
  border-radius: 4px;
  background: #000;
  font-family: "Poppins", sans-serif;
}
#store-echantillons #configuration-fieldset .inner .steps .step .content .valid-box .sub-actions .back:not(.add-to-cart):before {
  content: "";
  transform: rotate(180deg);
  display: inline-block;
  margin-right: 5px;
  font-size: 0;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='-1 -1 16 16' height='20' width='20' stroke-width='3'%3E%3Cg id='arrow-right-3--arrow-right-keyboard'%3E%3Cpath id='Vector' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' d='M3.84998 0.5L9.99998 6.65C10.0478 6.69489 10.0859 6.74911 10.112 6.80931C10.138 6.8695 10.1515 6.9344 10.1515 7C10.1515 7.0656 10.138 7.1305 10.112 7.19069C10.0859 7.25089 10.0478 7.30511 9.99998 7.35L3.84998 13.5'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  height: 11px;
  width: 11px;
  top: 1px;
  position: relative;
  margin-left: -5px;
}

#store-echantillons #configuration-fieldset .inner .steps .step .content .valid-box .sub-actions .add-to-cart {
  font-size: 16px;
  font-weight: 600;
  display: block;
  flex: 1;
  margin: auto;
  transition: none;
  text-align: center;
  color: #fff;
  border: none;
  border-radius: 3px;
  background-color: #ff7200;
  font-family: "HelveticaNowDisplay", sans-serif;
  padding: 12px 15px;
  text-transform: none;
}
#store-echantillons #configuration-fieldset .inner .steps .step .content .valid-box .sub-actions .add-to-cart:hover {
  background-color: #ff6900;
}
#store-echantillons #configuration-fieldset .inner .steps .step .content .valid-box .sub-actions .add-to-cart:nth-child(2) {
  color: #000;
  box-shadow: 0 0 0 1px #000 inset;
  background-color: #fff;
  font-weight: 500;
}
#store-echantillons #configuration-fieldset .inner .steps .step .content .valid-box .sub-actions .add-to-cart:nth-child(2):hover {
  background-color: #fcfcfc;
}
#store-echantillons #configuration-fieldset .inner .steps .step .content .valid-box .sub-actions .add-to-cart[disabled=disabled] {
  opacity: 0.3;
  cursor: default;
}

.configuration-wrapper {
  display: flex;
  box-shadow: 0 0 1000px #000;
  margin: auto;
  height: 100vh;
  position: relative;
  width: auto;
  float: left;
  left: 50%;
  transform: translateX(-50%);
}

#configuration-preview {
  position: relative;
  z-index: 2;
  display: flex;
  width: auto;
  overflow: hidden;
  float: left;
  box-shadow: 10px 0 20px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  height: calc(100vh - 95px) !important;
}
@media (max-width: 1199.98px) {
  #configuration-preview {
    width: 100%;
    height: auto !important;
    box-shadow: none;
  }
}
#configuration-preview .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 30px;
  background-color: #fff;
  height: 65px !important;
  overflow: hidden;
  z-index: 10;
  position: relative;
}
@media (max-width: 1199.98px) {
  #configuration-preview .head {
    position: fixed;
    z-index: 3;
    top: 0;
    justify-content: center;
    width: 100%;
    padding: 15px;
    box-shadow: none;
  }
}
#configuration-preview .head .logo {
  height: 45px;
  width: 151px;
  color: #ff7200;
  top: -5px;
  position: relative;
}
@media (max-width: 1199.98px) {
  #configuration-preview .head .logo {
    width: 175px;
    height: 40px;
  }
}
#configuration-preview .head .logo svg {
  width: 100%;
  height: 100%;
}
#configuration-preview .head .action {
  display: flex;
  align-items: center;
}
@media (max-width: 1199.98px) {
  #configuration-preview .head .action {
    position: absolute;
  }
}
#configuration-preview .head .action .icon {
  width: 16px;
  height: 16px;
  margin: 0 10px 0 0;
}
#configuration-preview .head .action .icon svg {
  width: 100%;
  height: 100%;
  transition: none;
  fill: #000;
}
#configuration-preview .head .action .text {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  padding: 3px 0;
  transition: none;
  color: #000;
}
@media (max-width: 1199.98px) {
  #configuration-preview .head .action .text {
    font-size: 15px;
  }
  #configuration-preview .head .action .text span {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  #configuration-preview .head .action-back {
    left: 15px;
  }
}
#configuration-preview .head .action-back:hover .icon svg {
  fill: #ff7200;
}
#configuration-preview .head .action-back:hover .text {
  color: #ff7200;
}
#configuration-preview .head .action-back .icon {
  width: 8px;
}
@media (max-width: 1199.98px) {
  #configuration-preview .head .action-save {
    right: 15px;
  }
}
#configuration-preview .head .action-save:hover .icon svg {
  fill: #25737d;
}
#configuration-preview .head .action-save:hover .text {
  color: #25737d;
  border-color: #25737d;
}
@media (max-width: 575.98px) {
  #configuration-preview .head .action-save .icon {
    display: none;
  }
}
#configuration-preview .head .action-save .text {
  border-bottom: 1px solid #000;
}
#configuration-preview .preview {
  position: relative;
  flex: 1;
  height: calc(100vh - 160px);
  width: calc(100vh - 160px);
  background: #FFF;
}
@media (max-width: 1199.98px) {
  #configuration-preview .preview {
    flex: none;
    height: 300px;
    max-height: 30vh;
  }
  #configuration-preview .preview.is-reduced {
    height: 30px;
  }
}
#configuration-preview .preview .toggle-preview {
  display: none;
  font-size: 13px;
  line-height: 30px;
  position: absolute;
  z-index: 2;
  right: 15px;
  bottom: -15px;
  padding: 0 15px;
  cursor: pointer;
  user-select: none;
  color: #fff;
  border-radius: 50px;
  background-color: #000;
}

#configuration-fieldset {
  overflow-y: auto;
  overflow-x: hidden;
  width: 550px;
  max-height: 100vh;
  background-color: #fff;
}
@media (min-width: 1200px) {
  #configuration-fieldset {
    height: calc(
            100vh - 95px
        ) !important;
  }
}
@media (max-width: 1199.98px) {
  #configuration-fieldset {
    width: 100%;
  }
}
#configuration-fieldset .inner {
  padding: 40px;
}
@media (max-width: 1199.98px) {
  #configuration-fieldset .inner {
    max-width: 630px;
    margin: auto;
  }
}
@media (max-width: 767.98px) {
  #configuration-fieldset .inner {
    padding: 30px 15px;
  }
}
#configuration-fieldset .product-name {
  font-size: 30px;
  font-weight: 600;
  margin: 0;
  color: #000;
}
@media (max-width: 1199.98px) {
  #configuration-fieldset .product-name {
    text-align: center;
  }
}
@media (max-width: 1199.98px) {
  #configuration-fieldset .product-name {
    font-size: 26px;
  }
}
@media (max-width: 767.98px) {
  #configuration-fieldset .product-name {
    font-size: 24px;
  }
}
@media (max-width: 575.98px) {
  #configuration-fieldset .product-name {
    font-size: 20px;
  }
}
#configuration-fieldset .save-tooltip {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0 0 0;
  padding: 20px;
  border-radius: 3px;
  background-color: #f7f7f7;
}
#configuration-fieldset .save-tooltip .icon {
  width: 30px;
  height: 30px;
}
@media (max-width: 767.98px) {
  #configuration-fieldset .save-tooltip .icon {
    width: 24px;
    height: 24px;
  }
}
#configuration-fieldset .save-tooltip .icon svg {
  width: 100%;
  height: 100%;
  fill: #000;
}
#configuration-fieldset .save-tooltip .content {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  width: calc(100% - 85px);
  padding: 0 40px 0 20px;
}
@media (max-width: 767.98px) {
  #configuration-fieldset .save-tooltip .content {
    width: calc(100% - 79px);
  }
}
@media (max-width: 575.98px) {
  #configuration-fieldset .save-tooltip .content {
    width: calc(100% - 24px);
    padding: 0 0 0 20px;
  }
}
#configuration-fieldset .save-tooltip .content p {
  margin: 0 0 10px 0;
}
#configuration-fieldset .save-tooltip .content a {
  font-size: 14px;
  font-weight: 400;
  transition: none;
  text-decoration: underline !important;
  color: #8c8c8c;
}
#configuration-fieldset .save-tooltip .content a:hover {
  color: #000;
}
#configuration-fieldset .save-tooltip button {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 40px;
  width: 55px;
  height: 40px;
  margin: 0;
  padding: 0;
  transition: none;
  text-transform: uppercase;
  color: #fff;
  border: none;
  border-radius: 3px;
  background-color: #000;
}
@media (max-width: 575.98px) {
  #configuration-fieldset .save-tooltip button {
    width: 100%;
    margin: 15px auto 0 auto;
  }
}
#configuration-fieldset .save-tooltip button:hover {
  background-color: #ff7200;
}
#configuration-fieldset .steps {
  margin: 30px 0 0 0;
  counter-reset: section;
}
@media (max-width: 1199.98px) {
  #configuration-fieldset .steps {
    margin: 10px 0 0 0;
  }
}
#configuration-fieldset .steps .step {
  margin: 10px 0 0 0;
  border: 1px solid #000;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}
#configuration-fieldset .steps .step:before {
  counter-increment: section;
  content: counter(section);
  position: absolute;
  top: 18px;
  left: 20px;
  font-size: 18px;
  color: #000;
  font-weight: 600;
}
@media (max-width: 1199.98px) {
  #configuration-fieldset .steps .step:before {
    font-size: 17px;
    top: 13px;
  }
}
#configuration-fieldset .steps .step .info-step {
  width: 100%;
}
#configuration-fieldset .steps .step.valid:not(.is-active):before {
  color: #25737d;
}
#configuration-fieldset .steps .step.valid:not(.is-active) .info-step {
  position: relative;
  overflow: hidden;
  width: 100%;
}
#configuration-fieldset .steps .step.valid:not(.is-active) .info-step:before {
  content: "";
  background: #25737d;
  width: 25px;
  height: 25px;
  left: 3px;
  top: 15px;
  position: absolute;
  border: 8px solid #FFF;
  box-sizing: content-box;
  z-index: 1;
  border-radius: 30px;
}
@media (max-width: 1199.98px) {
  #configuration-fieldset .steps .step.valid:not(.is-active) .info-step:before {
    top: 8px;
  }
}
#configuration-fieldset .steps .step.valid:not(.is-active) .info-step:after {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' height='20' width='20'%3E%3Cpath d='M23.15,5.4l-2.8-2.8a.5.5,0,0,0-.7,0L7.85,14.4a.5.5,0,0,1-.7,0l-2.8-2.8a.5.5,0,0,0-.7,0L.85,14.4a.5.5,0,0,0,0,.7l6.3,6.3a.5.5,0,0,0,.7,0L23.15,6.1A.5.5,0,0,0,23.15,5.4Z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E") center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 29px;
  left: 17px;
  height: 13px;
  width: 13px;
  z-index: 1;
}
@media (max-width: 1199.98px) {
  #configuration-fieldset .steps .step.valid:not(.is-active) .info-step:after {
    top: 22px;
  }
}
#configuration-fieldset .steps .step.is-active {
  border: 2px solid #000;
}
#configuration-fieldset .steps .step.is-active:before {
  color: #ff7200;
}
#configuration-fieldset .steps .step.is-active .title span {
  color: #ff7200;
}
#configuration-fieldset .steps .step.is-active .content {
  display: block;
}
#configuration-fieldset .steps .step.step-dimensions .step-fieldset {
  padding-bottom: 0 !important;
}
#configuration-fieldset .steps .step .info-step .info {
  line-height: 21px;
}
#configuration-fieldset .steps .step .title {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  position: relative;
  margin: 0;
  color: #000;
}
@media (max-width: 1199.98px) {
  #configuration-fieldset .steps .step .title {
    font-size: 17px;
  }
}
#configuration-fieldset .steps .step .title span {
  position: absolute;
  left: -25px;
  color: gray;
}
#configuration-fieldset .steps .step .content {
  font-family: "HelveticaNowDisplay", sans-serif;
  display: none;
  padding: 5px 35px 0px 35px;
}
#configuration-fieldset .steps .step .content .step-title {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 6px 0;
  color: #000;
}
@media (max-width: 575.98px) {
  #configuration-fieldset .steps .step .content .step-title {
    font-size: 16px;
  }
}
#configuration-fieldset .steps .step .content .step-help {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  transition: none;
  text-decoration: underline !important;
  color: #8c8c8c;
}
#configuration-fieldset .steps .step .content .step-help:hover {
  color: #000;
}
#configuration-fieldset .steps .step .content .see-more {
  font-style: normal;
  text-decoration: underline;
  font-size: 15px;
  cursor: pointer;
  font-weight: 400;
}
#configuration-fieldset .steps .step .content .see-more:after {
  content: "...";
}
#configuration-fieldset .steps .step .content p + .see-more {
  margin-top: 15px;
  display: inline !important;
}
#configuration-fieldset .steps .step .content .more {
  display: none;
  margin-top: 10px;
}
#configuration-fieldset .steps .step .content .more .help {
  margin-bottom: 15px;
  line-height: 18px;
}
#configuration-fieldset .steps .step .content .more.visible {
  display: flex;
  flex-wrap: wrap;
}
#configuration-fieldset .steps .step .content .more img {
  max-width: 100%;
}
#configuration-fieldset .steps .step .content .step-fieldset {
  padding: 35px 0;
}
#configuration-fieldset .steps .step .content .step-fieldset .field-label {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  color: #000;
}
#configuration-fieldset .steps .step .content .step-fieldset .field-indication {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  color: #000;
}
#configuration-fieldset .steps .step .content .step-fieldset .form-select .select2-selection {
  height: 40px;
  border: 1px solid #c4c4c4;
}
#configuration-fieldset .steps .step .content .step-fieldset .form-select .select2-selection .select2-selection__rendered {
  line-height: 38px;
}
#configuration-fieldset .steps .step .content .step-fieldset .form-select .select2-selection .select2-selection__arrow {
  height: 40px;
}
#configuration-fieldset .steps .step .content .step-fieldset .form-field {
  font-size: 15px;
  box-shadow: none;
}
#configuration-fieldset .steps .step .step-confirm {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 15px;
  font-weight: 600;
  display: block;
  width: 200px;
  margin: auto;
  padding: 12px 10px;
  transition: none;
  text-align: center;
  color: #fff;
  border: none;
  border-radius: 3px;
  background-color: #ff7200;
}
#configuration-fieldset .steps .step .step-confirm:hover {
  background-color: #ff9037;
}
@media (max-width: 1199.98px) {
  #configuration-fieldset .steps .step .step-confirm {
    font-size: 15px;
  }
}
#configuration-fieldset .steps .step .step-confirm.add-to-cart {
  color: #000;
  background: #FFF;
  box-shadow: 0 0 0 2px #000 inset;
}
#configuration-fieldset .steps .step .step-confirm.add-to-cart:hover {
  background-color: #fcfcfc;
}
#configuration-fieldset .steps .step-dimensions .step-fieldset {
  display: flex;
}
@media (max-width: 575.98px) {
  #configuration-fieldset .steps .step-dimensions .step-fieldset {
    align-items: center;
    flex-direction: column;
  }
}
#configuration-fieldset .steps .step-dimensions .step-fieldset .fieldset-image {
  width: 116px;
}
#configuration-fieldset .steps .step-dimensions .step-fieldset .fieldset-content {
  width: calc(100% - 116px);
  padding: 0 0 0 40px;
}
@media (max-width: 575.98px) {
  #configuration-fieldset .steps .step-dimensions .step-fieldset .fieldset-content {
    width: auto;
    padding: 30px 0 0 0;
  }
}
#configuration-fieldset .steps .step-dimensions .step-fieldset .fieldset-content .field {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 10px 0 0 0;
}
#configuration-fieldset .steps .step-dimensions .step-fieldset .fieldset-content .field .field-label {
  width: 64px;
}
#configuration-fieldset .steps .step-dimensions .step-fieldset .fieldset-content .field .form-select,
#configuration-fieldset .steps .step-dimensions .step-fieldset .fieldset-content .field .form-field {
  width: 100px;
}
#configuration-fieldset .steps .step-dimensions .step-fieldset .fieldset-content .field .field-indication {
  margin: 0 0 0 10px;
}

#configuration-bottom {
  height: 95px !important;
  font-family: "HelveticaNowDisplay", sans-serif;
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding: 0 30px;
  background-color: #fff;
  box-shadow: 10px 0 20px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1199.98px) {
  #configuration-bottom {
    width: 100%;
    box-shadow: none;
  }
}
@media (max-width: 1199.98px) {
  #configuration-bottom {
    padding: 0 25px;
  }
}
@media (max-width: 575.98px) {
  #configuration-bottom {
    box-shadow: none;
  }
}
#configuration-bottom > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#configuration-bottom .help {
  padding: 18px 0;
}
@media (max-width: 767.98px) {
  #configuration-bottom .help {
    display: none;
  }
}
#configuration-bottom .help .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  margin: 0 0 10px 0;
  color: #000;
}
@media (max-width: 1449.98px) {
  #configuration-bottom .help .title {
    font-size: 20px;
  }
}
@media (max-width: 1199.98px) {
  #configuration-bottom .help .title {
    font-size: 17px;
  }
}
#configuration-bottom .help .description {
  font-size: 12px;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 1199.98px) {
  #configuration-bottom .help .description {
    font-size: 12px;
  }
}
#configuration-bottom .contacts {
  padding: 25px 0;
}
@media (min-width: 1200px) and (max-width: 1199.98px) {
  #configuration-bottom .contacts {
    padding: 25px 0;
  }
}
@media (max-width: 1199.98px) {
  #configuration-bottom .contacts {
    padding: 15px 0;
  }
}
@media (max-width: 575.98px) {
  #configuration-bottom .contacts {
    display: none;
  }
}
#configuration-bottom .contacts .phone {
  display: flex;
  align-items: center;
  margin: 0 0 4px 0;
}
#configuration-bottom .contacts .phone .icon {
  width: 20px;
  height: 20px;
  margin: 0 6px 0 0;
}
@media (max-width: 1449.98px) {
  #configuration-bottom .contacts .phone .icon {
    width: 14px;
    height: 14px;
  }
}
@media (max-width: 1199.98px) {
  #configuration-bottom .contacts .phone .icon {
    width: 12px;
    height: 12px;
  }
}
#configuration-bottom .contacts .phone .icon svg {
  width: 100%;
  height: 100%;
  fill: #000;
}
#configuration-bottom .contacts .phone .text {
  font-size: 21px;
  font-weight: 700;
  color: #000;
}
@media (max-width: 1449.98px) {
  #configuration-bottom .contacts .phone .text {
    font-size: 19px;
  }
}
@media (max-width: 1199.98px) {
  #configuration-bottom .contacts .phone .text {
    font-size: 18px;
  }
}
#configuration-bottom .contacts .mail {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0 4px 0 0;
}
#configuration-bottom .contacts .mail em {
  font-size: 15px;
  font-weight: 600;
  margin: 0 6px 0 0;
  color: #25737d;
}
@media (max-width: 1199.98px) {
  #configuration-bottom .contacts .mail em {
    font-size: 14px;
  }
}
#configuration-bottom .contacts .mail a {
  display: flex;
  align-items: center;
  color: #25737d;
}
#configuration-bottom .contacts .mail a:hover .text {
  color: #000;
}
#configuration-bottom .contacts .mail a:hover .icon svg {
  fill: #000;
}
#configuration-bottom .contacts .mail a .text {
  font-size: 15px;
  font-weight: 600;
  transition: none;
  text-decoration: underline !important;
}
@media (max-width: 1199.98px) {
  #configuration-bottom .contacts .mail a .text {
    font-size: 14px;
  }
}
#configuration-bottom .contacts .mail a .icon {
  width: 7px;
  height: 9px;
  margin: 0 0 0 5px;
}
@media (max-width: 1199.98px) {
  #configuration-bottom .contacts .mail a .icon {
    width: 6px;
  }
}
#configuration-bottom .contacts .mail a .icon svg {
  width: 100%;
  height: 100%;
  transition: none;
  fill: #25737d;
}
@media (max-width: 1199.98px) {
  #configuration-bottom .delais-col {
    display: none;
  }
}
#configuration-bottom .delais-col .delais {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
#configuration-bottom .delais-col .delais .icon {
  width: 18px;
  height: 18px;
}
#configuration-bottom .delais-col .delais .icon svg {
  width: 100%;
  height: 100%;
}
#configuration-bottom .delais-col .delais .text {
  max-width: 180px;
  font-size: 12px;
}
#configuration-bottom .pricing {
  margin: 0 -30px 0 0;
  padding: 25px 150px 25px 50px;
  background-color: #ff7200;
  position: relative;
}
#configuration-bottom .pricing.is-loading .load {
  display: flex;
}
#configuration-bottom .pricing .load {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: #fff;
  left: 0;
  top: 0;
  align-items: center;
  background: hsla(27.06deg, 100%, 50%, 0.75);
  backdrop-filter: blur(3px);
}
#configuration-bottom .pricing .load svg circle {
  stroke: #FFF;
}
#configuration-bottom .pricing .load svg {
  width: 50px;
  height: 50px;
}
@media (max-width: 575.98px) {
  #configuration-bottom .pricing .load {
    background: transparent;
  }
  #configuration-bottom .pricing .load svg {
    width: 30px;
    height: 30px;
    position: relative;
    background: #ff7200 !important;
    border-radius: 50%;
  }
  #configuration-bottom .pricing .load svg circle {
    stroke: #FFF;
  }
}
@media (max-width: 1619.98px) {
  #configuration-bottom .pricing {
    padding: 25px 50px;
  }
}
@media (max-width: 1449.98px) {
  #configuration-bottom .pricing {
    padding: 25px 40px;
  }
}
@media (max-width: 1359.98px) {
  #configuration-bottom .pricing {
    margin: 0 -40px;
    text-align: center;
  }
}
@media (max-width: 1199.98px) {
  #configuration-bottom .pricing {
    width: auto;
    margin: 0 -40px 0 0;
    text-align: left;
  }
}
@media (max-width: 1199.98px) {
  #configuration-bottom .pricing {
    margin: 0 -25px 0 0;
    padding: 15px 30px;
  }
}
@media (max-width: 575.98px) {
  #configuration-bottom .pricing {
    width: calc(100% + 50px);
    margin: 0 -25px;
    text-align: center;
  }
}
#configuration-bottom .pricing sup {
  font-size: 55%;
  top: -35%;
  margin-left: 2px;
}
#configuration-bottom .pricing .price {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 6px 0;
  color: #fff;
}
#configuration-bottom .pricing .price span {
  font-size: 50%;
  top: -40%;
  position: relative;
  margin-left: 2px;
}
@media (max-width: 1449.98px) {
  #configuration-bottom .pricing .price {
    font-size: 24px;
  }
}
@media (max-width: 1199.98px) {
  #configuration-bottom .pricing .price {
    font-size: 22px;
  }
}
@media (max-width: 1199.98px) {
  #configuration-bottom .pricing .price {
    font-size: 20px;
  }
}
#configuration-bottom .pricing .fees {
  font-size: 15px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1449.98px) {
  #configuration-bottom .pricing .fees {
    font-size: 14px;
  }
}
@media (max-width: 767.98px) {
  #configuration-bottom .pricing .fees {
    font-size: 13px;
  }
}
@media (max-width: 1199.98px) {
  #configuration-bottom .pricing .fees {
    flex-direction: column;
    justify-content: start;
    font-weight: bold;
  }
}
@media (max-width: 1199.98px) {
  #configuration-bottom .pricing .fees .shipfees {
    width: 100%;
    font-weight: normal;
    margin: 0;
    color: rgba(0, 0, 0, 0.8);
  }
}
#configuration-bottom .pricing .fees .delais {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1199.98px) {
  #configuration-bottom .pricing .fees .delais {
    gap: 5px;
    width: 100%;
    justify-content: end;
  }
}
#configuration-bottom .pricing .fees .delais .icon {
  width: 22px;
  height: 22px;
}
@media (max-width: 1199.98px) {
  #configuration-bottom .pricing .fees .delais .icon {
    /*width: 15px;
    height: 15px;*/
    display: none;
  }
}
#configuration-bottom .pricing .fees .delais .icon svg {
  width: 100%;
  height: 100%;
  fill: #fff;
}
#configuration-bottom .pricing .fees .delais .text {
  max-width: 320px;
  line-height: 15px;
}
@media (max-width: 1199.98px) {
  #configuration-bottom .pricing .fees .delais .text {
    font-size: 13px;
    text-align: right;
  }
}
@media (max-width: 1199.98px) {
  #configuration-bottom .pricing .fees .delais {
    font-size: 10px;
    margin-top: 2px;
  }
}
style {
  display: none !important;
}

#header .cart-mobile {
  display: none;
}
#header .header-nav .inner {
  justify-content: flex-end;
}
#header .header-nav .inner nav {
  width: 100%;
}
#header .header-nav .inner .cart {
  min-width: 160px;
}
#header .header-nav .inner .cart .icon {
  display: inline-block;
}
#header .header-nav .inner .cart.devis {
  background: transparent;
  padding: 0;
  min-width: 150px;
}
#header .header-nav .inner .cart.devis:before {
  content: none;
}
#header .header-nav .inner .cart.devis a, #header .header-nav .inner .cart.devis span.obfusque {
  background: #ff2673;
  display: none;
  padding: 0 20px;
}
#header .header-nav .inner .cart.devis a.show, #header .header-nav .inner .cart.devis span.obfusque.show {
  display: flex;
  min-width: 145px;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
#header .header-nav .inner .cart.devis:hover a, #header .header-nav .inner .cart.devis:hover span.obfusque {
  background: #ff005a;
}
#header .header-nav .inner .cart.devis:hover .icon .quantity {
  border-color: #ff005a;
}
#header .header-nav .inner .cart.devis .icon .quantity {
  border-color: #ff2673;
  color: #ff005a;
}
#header .header-nav nav ul li .submenu .content {
  display: none;
}
#header .header-nav nav ul li .submenu .categories {
  width: 100%;
}
#header .header-nav nav ul li .submenu .categories .category {
  width: calc(20% - 12px);
  margin: 0 !important;
  padding: 0 !important;
}
#header .header-nav nav ul li .submenu .categories .category .category-image {
  width: 80%;
  padding-bottom: 80%;
  position: relative;
  display: flex;
  margin: auto;
}
@media (min-width: 768px) {
  #header .header-nav nav ul li .submenu .categories .category .category-image {
    margin-top: -25px !important;
  }
}
#header .header-nav nav ul li .submenu .categories .category .category-image .cover {
  background-size: auto 75%;
  background-repeat: no-repeat;
}
#header .header-nav nav ul li .submenu .categories .category .submenu {
  display: none;
}
#header .header-nav nav ul li .submenu .categories .category .name {
  text-align: center;
}
#header .header-nav nav ul li > a {
  font-size: 13px;
  padding: 0 13px;
}

#search_mini_form .search {
  display: none;
}
#search_mini_form .search #search_autocomplete {
  display: none;
}

.animate {
  transform: translate3d(0, 0, 0);
  perspective: 1000;
  filter: blur(0);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  transform-origin: center left;
}

.cover-box {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
  align-items: center;
}
.cover-box img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.cover-box.mw img {
  /*min-width: 100%;
  max-height: none;*/
}
@media (max-width: 1199.98px) {
  .cover-box.mw img {
    /*min-width: auto;
    max-height: 100%;*/
  }
}
.cover-box.abs {
  position: absolute;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  touch-callout: none;
  user-select: none;
  touch-action: pan-y;
  tap-highlight-color: transparent;
  padding-top: 40px;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
  width: 100%;
  height: 100%;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 0;
  outline: none;
}
.slick-vertical .slick-slide:focus, .slick-vertical .slick-slide:active, .slick-vertical .slick-slide::selection {
  outline: none !important;
  border: 0 !important;
  box-shadow: none;
}

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

.slick-current {
  position: relative;
}

.hero__title-misc {
  display: block;
  font-size: 12px;
  font-weight: normal;
  color: #FFF;
  line-height: 21px;
}
.hero__title-misc strong {
  font-weight: 600;
}

.message_container {
  margin: 0 auto;
  width: 100%;
  background: #000;
  padding: 0 15px 5px 15px;
  color: #FFF;
  text-align: center;
  margin-top: -35px !important;
  height: 25px !important;
  overflow: hidden;
}
.message_container .slick-slider {
  padding-top: 0;
}
@media (max-width: 1199.98px) {
  .message_container {
    margin-top: -25px !important;
    height: 25px !important;
  }
}
.message_container .close {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 21px;
  font-weight: 100;
  position: absolute;
  top: 2px;
  right: 10px;
  cursor: pointer;
}
.message_container.show {
  margin-top: 0 !important;
}
.message_container .slick-dupe {
  padding: 2px;
  touch-action: none;
  height: 25px;
  cursor: pointer;
}

.product-card {
  overflow: hidden;
  transition: none;
  text-align: left;
  border-radius: 3px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  position: relative;
}
.product-card:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05), 0 0 0 2px #000;
}
.product-card .gradient-button {
  width: 100%;
  position: relative;
  margin-top: -40px;
  background: linear-gradient(0deg, #FFF 70px, transparent 100%);
  padding: 55px 25px 40px 25px;
  height: 110px;
}
@media (max-width: 1199.98px) {
  .product-card .gradient-button {
    width: 100%;
    position: relative;
    margin-top: -35px;
    background: linear-gradient(0deg, #ffffff 50%, transparent 100%);
    padding: 50px 0 20px 10px;
  }
}
.product-card .gradient-button button {
  font-size: 15px;
  font-weight: 500;
  background: transparent;
  border: none;
  font-family: "HelveticaNowDisplay", sans-serif;
}
.product-card .gradient-button button.less {
  display: none;
}
.product-card .inner {
  padding: 15px 20px 35px 20px;
  background-color: #fff;
  overflow: hidden;
  max-height: 215px;
}
@media (max-width: 1199.98px) {
  .product-card .inner {
    padding: 5px 20px 20px;
  }
  .product-card .inner .name {
    font-size: 17px !important;
  }
}
.product-card .inner .name {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 15px 0;
  text-align: left;
  color: #000;
}
.product-card .inner .name a {
  color: #000;
}
@media (max-width: 1199.98px) {
  .product-card .inner .name {
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: left;
    padding: 0;
    margin: 0 0 5px 0 !important;
  }
}
.product-card .inner .description {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #000;
}
.product-card:hover .gradient-button button {
  color: #ff7200;
}

.no-padding-mobile {
  padding: 0 !important;
}

.tapHelp {
  display: none;
}

#product-main .block-slider .container-slider .tapHelp {
  display: block;
  position: absolute;
  width: auto;
  z-index: 1;
  bottom: 20px;
  height: auto;
  text-align: center;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.5);
  left: 50%;
  transform: translate(-50%, 0);
  padding: 0px 15px;
  line-height: 24px;
  font-size: 11px;
  box-shadow: 0 8px 8px -8px #000, 0 1px 2px rgba(255, 255, 255, 0.6) inset;
  backdrop-filter: blur(4px);
}
@media (min-width: 768px) {
  #product-main .block-slider .container-slider .tapHelp {
    display: none !important;
  }
}
#product-main .block-slider .container-slider .tapHelp:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='-0.5 -0.5 14 14' height='14' width='14'%3E%3Cg id='finger-point-up'%3E%3Cpath id='Vector 107' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' d='M11.142857142857142 12.303571428571429c0.5682857142857143 -0.937857142857143 0.9285714285714286 -1.8571428571428572 0.9285714285714286 -3.25 0 -2.7857142857142856 -2.694714285714286 -3.4867857142857144 -4.642857142857143 -3.689214285714286L7.428571428571429 2.3214285714285716A1.625 1.625 0 0 0 5.803571428571429 0.6964285714285714v0A1.625 1.625 0 0 0 4.178571428571429 2.3214285714285716l0 5.339285714285714 -1.2489285714285714 -0.5292857142857142A1.4392857142857143 1.4392857142857143 0 0 0 0.9285714285714286 8.457428571428572v0c0 0.3816428571428571 0.15135714285714286 0.7475 0.4215714285714286 1.0177142857142858L4.178571428571429 12.303571428571429' stroke-width='1'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  top: 2px;
  position: relative;
  margin-right: 4px;
}

.catalog-product-view .promo-code .container-code {
  font-size: 13px;
  font-family: "HelveticaNowDisplay", sans-serif;
  background: #25737d;
  padding: 6px 12px 6px 32px;
  color: #FFF;
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 5px;
  margin-top: 18px !important;
  position: relative;
  cursor: pointer;
  line-height: 1.3;
  margin-right: 5px;
}
.catalog-product-view .promo-code .container-code .message strong {
  font-weight: 600;
}
.catalog-product-view .promo-code .container-code .message:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' id='Tag-Double-1--Streamline-Nova' height='24' width='24'%3E%3Cdesc%3ETag Double 1 Streamline Icon: https://streamlinehq.com%3C/desc%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M11.5858 2H4V0h8c0.2652 0 0.5196 0.105357 0.7071 0.292893l10 10.000007 -1.4142 1.4142L11.5858 2ZM1 5c0 -0.55228 0.44772 -1 1 -1h8c0.2652 0 0.5196 0.10536 0.7071 0.29289l10 10.00001c0.3905 0.3905 0.3905 1.0237 0 1.4142l-8 8c-0.3905 0.3905 -1.0237 0.3905 -1.4142 0l-10.00001 -10C1.10536 13.5196 1 13.2652 1 13V5Zm2 1v6.5858l9 9L18.5858 15 9.58579 6H3Zm4.5 6.5c1.10457 0 2 -0.8954 2 -2 0 -1.10457 -0.89543 -2 -2 -2s-2 0.89543 -2 2c0 1.1046 0.89543 2 2 2Z' clip-rule='evenodd' stroke-width='1'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 11px;
  top: calc(50% - 7px);
}
.catalog-product-view .promo-code .container-code .code {
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 2px dotted rgba(255, 255, 255, 0.4);
  line-height: 1.1;
  display: inline-block;
}
.catalog-product-view .promo-code .copied-code {
  font-size: 13px;
  font-family: "HelveticaNowDisplay", sans-serif;
  font-weight: 500;
  margin-bottom: 8px;
  display: none;
}
.catalog-product-view .promo-code .copied-code:before {
  content: "";
  display: inline-block;
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 4px -3px 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' id='Check-Circle--Streamline-Core' height='24' width='24'%3E%3Cdesc%3ECheck Circle Streamline Icon: https://streamlinehq.com%3C/desc%3E%3Cg id='check-circle--checkmark-addition-circle-success-check-validation-add-form-tick'%3E%3Cpath id='Subtract' fill='%2325737d' fill-rule='evenodd' d='M12 24c6.627428571428571 0 12 -5.372571428571428 12 -12 0 -6.6274114285714285 -5.372571428571428 -12 -12 -12 -6.6274114285714285 0 -12 5.3725885714285715 -12 12 0 6.627428571428571 5.3725885714285715 12 12 12Zm6.0047999999999995 -15.053965714285713c0.44348571428571426 -0.5544857142857142 0.35365714285714284 -1.3635599999999999 -0.2009142857142857 -1.8071485714285713 -0.5544 -0.4435885714285714 -1.3635085714285713 -0.35369142857142855 -1.807097142857143 0.2007942857142857L9.91812 14.938011428571427 7.486474285714285 13.114285714285714c-0.5680628571428571 -0.4260514285714285 -1.3739485714285713 -0.31092 -1.8 0.2571428571428571 -0.4260342857142857 0.5680628571428571 -0.31092 1.3739485714285713 0.2571428571428571 1.8l3.4285714285714284 2.571428571428571c0.5555657142857142 0.41674285714285714 1.3416 0.31679999999999997 1.7754171428571428 -0.22542857142857142l6.857194285714285 -8.571394285714286Z' clip-rule='evenodd' stroke-width='1'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
@media (min-width: 768px) {
  .catalog-product-view .promo-code .copied-code .desktop {
    display: inline;
  }
}
@media (max-width: 1199.98px) {
  .catalog-product-view .promo-code .copied-code .desktop {
    display: none;
  }
}
@media (min-width: 768px) {
  .catalog-product-view .promo-code .copied-code .mobile {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .catalog-product-view .promo-code .copied-code .mobile {
    display: inline;
  }
}
.catalog-product-view .promo-code .end-date {
  color: #25737d;
  font-size: 12px;
  font-family: "HelveticaNowDisplay", sans-serif;
  font-weight: 500;
  display: inline-block;
}

.product-wrapper .reviews-select .rating .checkbox {
  display: none !important;
}
.product-wrapper .block-reviews {
  background-color: #FFF;
}
.product-wrapper .netreviews_button_comment {
  display: none !important;
}
.product-wrapper .block-reviews .reviews-slider:before {
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.5) 100%);
}
.product-wrapper .block-reviews .reviews-slider:after {
  background: linear-gradient(-90deg, rgb(255, 255, 255) 35%, rgba(255, 255, 255, 0) 100%);
}
.product-wrapper .reviews-slider .slick-slider {
  padding-top: 0;
}
.product-wrapper .reviews-summary .logo-av {
  max-width: 125px;
  margin: 25px 0 0 0;
}
.product-wrapper .reviews-summary .reviews-stars {
  margin: 5px 0 0 0;
}
.product-wrapper .reviews-summary .total {
  margin: 4px 0 0 0;
}
.product-wrapper .reviews-summary .note {
  font-size: 15px;
  font-weight: 500;
}
.product-wrapper .reviews-summary .note em {
  margin-left: 3px;
}
.product-wrapper .reviews-summary .note strong {
  font-size: 35px;
}

body #product-pictures .container-slider .slider .item .icon {
  padding: 0 12px;
  width: auto;
  border-radius: 50px;
}
body #product-pictures .container-slider .slider .item .icon .text {
  color: #FFF;
  margin-right: 9px;
  font-weight: 500;
  font-size: 13px;
  display: none;
}
body #product-pictures .container-slider .slider .item:hover .text {
  display: inline-block;
}

body .mfp-bottom-bar {
  text-align: center;
}
body .mfp-bottom-bar .mfp-title {
  line-height: 18px;
  color: #FFF;
  word-wrap: break-word;
  width: auto;
  background: rgba(0, 0, 0, 0.4);
  margin: auto;
  display: inline-block;
  border-radius: 5px;
  padding: 5px 10px;
  backdrop-filter: blur(1px);
  top: -90px !important;
  position: relative;
  text-align: center;
}

.container-cards .seo-list {
  width: calc(100% - 28px);
  line-height: 1.4;
  margin: 12px auto 0 !important;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%);
  padding: 15px 25px;
  border-radius: 4px;
}
.container-cards .seo-list p {
  font-size: 14px;
  color: #000;
  margin: 0;
}
.container-cards .seo-list p a {
  color: #000;
}
.container-cards .seo-list p a.view-more:hover {
  opacity: 0.5;
}
.container-cards .seo-list .more {
  margin-top: 10px;
}

.steppers #configuration-fieldset .steps .step .tissus .filters {
  display: inline-block;
  width: 100%;
  margin-bottom: 0px;
  border: 2px solid #000;
  padding: 10px;
  border-radius: 5px;
}

.configuration-wrapper #configuration-fieldset .steps .step.step-tissus.is-valid-box .tissus.hidden {
  display: none !important;
}

.steppers {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  display: none;
}
.steppers.result .configuration-wrapper {
  justify-content: center;
  align-items: center;
  box-shadow: none;
}
.steppers .configuration-wrapper .preview .cover {
  height: 0;
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}
.steppers .configuration-wrapper .preview .cover .product-ribbon {
  padding: 0.8em 4em;
  /*font-size: 12px;
  em{
      font-size: 10px;
  }*/
}
.steppers .configuration-wrapper .preview .cover canvas {
  height: 100%;
}
.steppers .configuration-wrapper .preview .cover .contract-image {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 10px;
  background: rgba(255, 255, 255, 0.8);
  padding: 3px 10px;
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.6666666667);
}
@media (max-width: 1199.98px) {
  .steppers .configuration-wrapper .preview .cover .contract-image {
    width: 90%;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 5px;
  }
}
.steppers.open {
  display: block;
}
.steppers.open.load .result-cart {
  display: none;
}
.steppers.open.load.result .result-cart {
  display: block;
}
.steppers .result-cart {
  background: #fff;
  padding: 40px 40px 20px 40px;
  box-shadow: 0 0 50px #000;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  max-width: 1165px;
}
.steppers .result-cart .close {
  position: absolute;
  right: 15px;
  top: 20px;
  width: 30px;
  height: 30px;
  background: none;
  border: none;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  padding: 5px;
}
.steppers .result-cart .close svg {
  width: 100%;
  height: 100%;
  fill: #FFF;
}
@media (max-width: 1199.98px) {
  .steppers .result-cart .close {
    top: 10px;
    right: 10px;
    padding: 8px;
  }
}
.steppers .result-cart .cover-image {
  overflow: hidden;
  position: relative;
}
.steppers .result-cart .cover-image .product-ribbon {
  background-color: #25737d;
  padding: 0.5em 3em;
}
.steppers .result-cart .details {
  margin-left: 25px;
}
.steppers .result-cart .store-name {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.5px;
  margin-bottom: 10px;
}
.steppers .result-cart .store-qty {
  font-size: 15px;
  font-weight: bold;
  width: 100%;
  text-align: right;
  margin-right: 35px;
  margin-bottom: 0;
}
.steppers .result-cart .list-group {
  padding: 0;
  display: flex;
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 17px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  box-shadow: 0 -1px 0 #f4f4f4 inset;
}
.steppers .result-cart .list-group .list-group-item {
  font-size: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 14px;
  margin: 0;
  flex: 0 0 50%;
  width: 50%;
  border-bottom: 1px solid #f4f4f4;
  padding: 8px 0;
  justify-content: center;
}
.steppers .result-cart .list-group .list-group-item .step-name {
  font-weight: 600;
  display: block;
  text-transform: uppercase;
  font-size: 9px;
  color: #25737d;
  letter-spacing: 0.5px;
}
.steppers .result-cart .list-group .list-group-item .step-options {
  font-weight: 500;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
}
.steppers .result-cart .pricing {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  font-family: "HelveticaNowDisplay", sans-serif;
  flex-direction: row;
  align-items: baseline;
}
.steppers .result-cart .pricing .price-box {
  display: flex;
  flex-direction: column-reverse;
  gap: 5px;
}
.steppers .result-cart .pricing .delais {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 15px;
  font-weight: 400;
  border-top: 10px;
  flex-direction: row;
  margin: 10px 0 10px 0px !important;
  padding-bottom: 10px;
  border-bottom: 1px solid #f4f4f4;
}
.steppers .result-cart .pricing .delais .icon {
  width: 20px;
  height: 20px;
}
.steppers .result-cart .pricing .delais .icon svg {
  width: 100%;
  height: 100%;
}
.steppers .result-cart .pricing .delais .text {
  line-height: 18px;
}
.steppers .result-cart .pricing .delais .text.conges .txt_conges {
  color: #ff7200;
  font-weight: 500;
  margin: 5px 0 10px 0 !important;
  display: block;
}
.steppers .result-cart .store-price {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.steppers .result-cart .store-price .ttc {
  position: relative;
  font-size: 0.7rem;
  top: -8px;
}
.steppers .result-cart .store-price .text-danger {
  color: #ff7200 !important;
}
.steppers .result-cart .store-price.old-price {
  font-size: 16px;
  color: #969696;
  text-decoration: line-through;
  margin-bottom: 5px;
  font-weight: 500;
}
.steppers .result-cart .store-price.old-price sup {
  opacity: 0;
}
.steppers .result-cart .actions {
  padding: 20px 0 0 0;
  border-top: none;
  margin: 0;
  display: flex;
  flex-direction: row-reverse;
  gap: 15px;
}
.steppers .result-cart .actions .infos {
  display: inline-block;
  padding: 0 20px;
  background: #f0f0f0;
  color: #000;
  font-size: 14px;
  border-radius: 50px;
  font-weight: 500;
  line-height: 40px;
  font-family: "HelveticaNowDisplay", sans-serif;
}
.steppers .result-cart .actions .infos .text a {
  color: #000;
  font-weight: 500;
  text-decoration: underline !important;
}
.steppers .result-cart .actions .infos .icon {
  margin-right: 5px;
}
.steppers .result-cart .actions .infos svg {
  width: 18px;
  height: 18px;
  fill: #25737d;
  opacity: 1;
  position: relative;
  top: -2px;
}
.steppers .result-cart .actions .btn {
  font-size: 16px;
  font-weight: 500;
  border-radius: 3px;
  display: block;
  padding: 0 30px;
  transition: none;
  text-align: center;
  color: #fff;
  background-color: #000;
  border-color: #000;
  height: 40px;
  line-height: 1;
  position: relative;
  font-family: "HelveticaNowDisplay", sans-serif;
}
.steppers .result-cart .actions .btn.btn-dark, .steppers .result-cart .actions .btn.btn-dark:hover {
  background-color: #000;
  border-color: #000;
}
.steppers .result-cart .actions .btn.btn-danger, .steppers .result-cart .actions .btn.btn-danger:hover {
  background-color: #ff7200;
  border-color: #ff7200;
  font-weight: 600;
  padding-left: 55px;
}
.steppers .result-cart .actions .btn.btn-danger:before, .steppers .result-cart .actions .btn.btn-danger:hover:before {
  content: "";
  background: center center no-repeat url("data:image/svg+xml,%3Csvg viewBox='-0.25 -0.25 10.5 10.5' xmlns='http://www.w3.org/2000/svg' height='20' width='20' stroke-width='1.25'%3E%3Cpath d='M8.553,3.5H1.447A.947.947,0,0,0,.513,4.6L1.2,8.709a.947.947,0,0,0,.933.791H7.869A.947.947,0,0,0,8.8,8.709L9.487,4.6A.947.947,0,0,0,8.553,3.5Z' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M2.5,3.5V3a2.5,2.5,0,0,1,5,0v.5' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  background-size: contain;
  height: 18px;
  width: 18px;
  display: inline-block;
  position: absolute;
  top: 10px;
  margin-left: -25px;
}
.steppers .result-cart .title {
  text-align: center;
  color: #FFF;
  font-size: 25px;
  font-weight: 600;
  background: #25737d;
  position: relative;
  padding: 20px;
  margin: -40px -40px 40px -40px;
}
.steppers .result-cart .title:before {
  content: "";
  background: center center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' height='20' width='20'%3E%3Cpath d='M12,0A12,12,0,1,0,24,12,12,12,0,0,0,12,0Zm6.93,8.2-6.85,9.29a1,1,0,0,1-1.43.19L5.76,13.77a1,1,0,0,1-.15-1.41A1,1,0,0,1,7,12.21l4.08,3.26L17.32,7a1,1,0,0,1,1.39-.21A1,1,0,0,1,18.93,8.2Z' fill='%23FFF'%3E%3C/path%3E%3C/svg%3E");
  height: 25px;
  width: 25px;
  display: inline-block;
  margin-right: 10px;
  top: 3px;
  position: relative;
}
@media (max-width: 1199.98px) {
  .steppers .result-cart .title {
    font-size: 18px;
    text-align: left;
    padding: 10px;
    margin: -40px -20px 20px -20px;
    line-height: 28px;
  }
  .steppers .result-cart .title:before {
    height: 18px;
    width: 18px;
    top: 2px;
    margin-left: 10px;
  }
}
.steppers #configuration-fieldset > .inner {
  margin-bottom: 100px !important;
}
.steppers #configuration-fieldset > .inner .page-load {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.8) !important;
  z-index: 100;
  right: 0;
  opacity: 1;
  padding: 0;
  backdrop-filter: blur(5px);
}
.steppers #configuration-fieldset > .inner .page-load svg {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  background: #FFF !important;
  box-shadow: none !important;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.steppers #configuration-fieldset > .inner .end-step {
  margin: 20px 0;
  padding: 20px 10px;
  background: #fafafa;
  border: none;
  border-radius: 5px 5px 0 0;
}
.steppers #configuration-fieldset > .inner .end-step.devis button.add-to-quote {
  display: block;
}
.steppers #configuration-fieldset > .inner .end-step.devis button.add-to-cart {
  display: none;
}
.steppers #configuration-fieldset > .inner .end-step .qty {
  display: flex;
  align-items: center;
  gap: 0px;
}
.steppers #configuration-fieldset > .inner .end-step .qty span {
  height: 40px;
  border-radius: 0;
  display: inline-block;
  font-weight: 500;
  font-size: 20px;
  line-height: 37px;
  position: relative;
  width: 36px;
  cursor: pointer;
  transition: none;
  text-align: center;
  color: #000;
  border: 2px solid #000;
  background: #FFF;
}
.steppers #configuration-fieldset > .inner .end-step .qty span.plus {
  border-left: none;
  border-radius: 0 3px 3px 0;
}
.steppers #configuration-fieldset > .inner .end-step .qty span.moins {
  border-right: none;
  border-radius: 3px 0 0 3px;
}
@media (min-width: 768px) {
  .steppers #configuration-fieldset > .inner .end-step .qty span:hover {
    color: #FFF;
    background: #000;
  }
}
.steppers #configuration-fieldset > .inner .end-step .form-control {
  width: 50px;
  height: 40px;
  font-weight: 400;
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 16px;
  border-radius: 0;
  padding: 0 5px;
  text-align: center;
  color: #000;
  border: 2px solid #000;
}
.steppers #configuration-fieldset > .inner .end-step button {
  background: #ff7200;
  width: 100%;
  height: 40px;
  line-height: 1.2;
  display: inline-block;
  min-width: 160px;
  transition: none;
  text-align: center;
  text-transform: none;
  color: #fff;
  border: none;
  border-radius: 3px;
  font-size: 16px;
  padding: 0;
  font-weight: 600;
  font-family: "HelveticaNowDisplay", sans-serif;
}
.steppers #configuration-fieldset > .inner .end-step button.add-to-quote {
  display: none;
}
.steppers #configuration-fieldset > .inner .contract-image {
  line-height: 1.5;
  font-size: 13px;
  padding: 15px 15px;
  background: #fafafa;
  border: none;
  text-align: center;
  border-radius: 0 0 5px 5px;
  border-top: 1px solid #ebebeb;
  margin-top: -20px;
}
.steppers #configuration-fieldset > .inner .contract-image a {
  color: #000;
  text-decoration: underline !important;
}
.steppers #configuration-fieldset .steps .popin {
  display: flex;
  flex-wrap: wrap;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  margin: 0 !important;
  z-index: 10;
  justify-content: center;
  align-items: center;
}
.steppers #configuration-fieldset .steps .popin .in {
  padding: 35px;
  display: flex;
  max-width: 80%;
  max-height: 80%;
  background: #fff;
  overflow: auto;
  position: relative;
}
.steppers #configuration-fieldset .steps .popin .in .close {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.steppers #configuration-fieldset .steps .popin .in .close svg {
  width: 16px;
  height: 16px;
}
.steppers #configuration-fieldset .steps .step.step-tissus > .actions {
  box-shadow: 0 -5px 5px -6px rgba(0, 0, 0, 0.1);
  border-top: 1px solid #000000;
  padding: 15px;
}
.steppers #configuration-fieldset .steps .step .title {
  text-align: left;
}
.steppers #configuration-fieldset .steps .step .info {
  font-size: 13px;
  opacity: 0.5;
  font-family: "HelveticaNowDisplay", sans-serif;
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step .info {
    line-height: 16px;
    margin-top: 1px;
  }
}
.steppers #configuration-fieldset .steps .step.step-dimensions .messages .message {
  margin: 0 0 0 0 !important;
  padding: 0 35px;
  text-transform: lowercase;
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step.step-dimensions .messages .message {
    padding: 0 30px;
    text-align: left;
  }
}
.steppers #configuration-fieldset .steps .step.step-dimensions .step-price {
  display: none;
}
.steppers #configuration-fieldset .steps .step.step-dimensions.is-active {
  overflow: visible;
}
.steppers #configuration-fieldset .steps .step.step-dimensions.is-active .content {
  max-height: none;
}
.steppers #configuration-fieldset .steps .step.step-dimensions .content {
  overflow: visible;
  padding: 0px 25px 0px 25px;
}
.steppers #configuration-fieldset .steps .step.step-dimensions .content .form-select .select2-dropdown .select2-results__options {
  /*max-height: 80px;*/
}
.steppers #configuration-fieldset .steps .step.step-dimensions .content .dimensions-files {
  padding: 0;
  display: block;
  margin-top: 20px;
  font-size: 15px;
  font-weight: 500;
}
.steppers #configuration-fieldset .steps .step.step-dimensions .content .dimensions-files li {
  display: block;
  line-height: 20px;
}
.steppers #configuration-fieldset .steps .step.step-dimensions .content .dimensions-files li a {
  text-decoration: underline !important;
  outline: none !important;
  color: #000;
  margin-bottom: 3px !important;
  display: inline-block;
}
.steppers #configuration-fieldset .steps .step.step-dimensions .content .dimensions-files li a:before {
  content: " ";
  background: #ff7200;
  width: 6px;
  height: 6px;
  margin-right: 5px;
  display: inline-block;
  position: relative;
  top: -2px;
  border-radius: 50%;
}
.steppers #configuration-fieldset .steps .step.step-dimensions .content .dimensions-files li a:after {
  content: "";
  height: 12px;
  width: 12px;
  display: inline-block;
  margin: 0px 0px -1px 8px;
  background: center center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' height='20' width='20'%3E%3Cg%3E%3Cpath d='M23.25,0h-8a.74.74,0,0,0-.69.47.74.74,0,0,0,.16.81L18,4.51l-9.45,9.3a1,1,0,0,0,0,1.41,1,1,0,0,0,.71.3,1,1,0,0,0,.7-.28l9.48-9.33,3.29,3.24a.74.74,0,0,0,.53.22.72.72,0,0,0,.29-.06A.74.74,0,0,0,24,8.62V.75A.76.76,0,0,0,23.25,0Z' fill='%23ff7200'%3E%3C/path%3E%3Cpath d='M18.5,10.62a1,1,0,0,0-1,1V22H2V6.5H12.37a1,1,0,0,0,0-2H1.87A1.87,1.87,0,0,0,0,6.37V22.12A1.88,1.88,0,0,0,1.87,24H17.62a1.88,1.88,0,0,0,1.88-1.88V11.62A1,1,0,0,0,18.5,10.62Z' fill='%23ff7200'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.steppers #configuration-fieldset .steps .step.step-dimensions .content .dimensions-files li a:hover {
  color: #ff7200;
}
.steppers #configuration-fieldset .steps .step.step-dimensions .content .dimensions-description {
  line-height: 20px;
}
.steppers #configuration-fieldset .steps .step.step-dimensions .content .dimensions-description br {
  display: block;
  height: 5px;
  width: 100%;
  position: relative;
  content: "";
}
.steppers #configuration-fieldset .steps .step.step-dimensions .step-fieldset .fieldset-image {
  width: 180px;
}
.steppers #configuration-fieldset .steps .step.step-dimensions .step-fieldset .fieldset-content {
  width: calc(100% - 180px);
  padding: 0 0 0 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.steppers #configuration-fieldset .steps .step.step-dimensions .step-fieldset .fieldset-content .field {
  position: relative;
}
.steppers #configuration-fieldset .steps .step.step-dimensions .step-fieldset .fieldset-content .field .form-field {
  width: 80px;
  padding: 0 10px;
}
.steppers #configuration-fieldset .steps .step.step-dimensions .step-fieldset .fieldset-content .field .form-field.field-error {
  border: #ff0039 1px solid;
  font-weight: bold;
  color: #ff0039;
}
.steppers #configuration-fieldset .steps .step.step-dimensions .step-fieldset .fieldset-content .field .form-select {
  width: 80px;
}
.steppers #configuration-fieldset .steps .step.step-dimensions .step-fieldset .fieldset-content .field .field-indication {
  /*position: absolute;
  right: 15px;*/
}
.steppers #configuration-fieldset .steps .step.is-active {
  padding-bottom: 85px;
}
.steppers #configuration-fieldset .steps .step.is-active.step-tissus {
  padding-bottom: 73px;
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step.is-active {
    padding-bottom: 85px;
  }
  .steppers #configuration-fieldset .steps .step.is-active.step-tissus {
    padding-bottom: 73px;
  }
}
.steppers #configuration-fieldset .steps .step.is-active .content {
  position: relative;
  z-index: 15;
}
.steppers #configuration-fieldset .steps .step .info-step {
  cursor: pointer;
  padding: 15px 20px 15px 45px;
}
.steppers #configuration-fieldset .steps .step .info-step .text-right {
  text-align: right !important;
  display: flex;
  gap: 0 5px;
  font-size: 13px;
  flex-direction: row;
  justify-content: right;
  align-content: center;
  flex-wrap: wrap;
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step .info-step .text-right {
    padding: 0;
  }
}
.steppers #configuration-fieldset .steps .step .info-step .text-right p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  display: block;
  line-height: 23px;
}
.steppers #configuration-fieldset .steps .step .info-step .text-right p.budget {
  display: flex;
  justify-content: end;
}
.steppers #configuration-fieldset .steps .step .info-step .text-right p.budget .value {
  display: flex;
  width: 90%;
  gap: 5px;
  justify-content: end;
}
.steppers #configuration-fieldset .steps .step .info-step .text-right p.budget .value svg {
  display: flex;
  opacity: 0.2;
  fill: #f60;
}
.steppers #configuration-fieldset .steps .step .info-step .text-right p.budget .value svg.visible {
  opacity: 1;
}
.steppers #configuration-fieldset .steps .step .info-step .text-right > * {
  line-height: 21px;
}
.steppers #configuration-fieldset .steps .step .info-step .text-right .step-price {
  color: #ff7200;
  font-size: 16px;
  font-weight: 600;
  font-family: "HelveticaNowDisplay", sans-serif;
}
.steppers #configuration-fieldset .steps .step .info-step .text-right .step-price:before {
  content: "+";
}
.steppers #configuration-fieldset .steps .step .info-step .text-right .step-price.negative:before {
  content: none;
}
.steppers #configuration-fieldset .steps .step .info-step .text-right .step-price sup {
  top: -0.75em;
  font-size: 60%;
}
.steppers #configuration-fieldset .steps .step .valid-box {
  display: flex;
  flex-direction: column;
  padding: 0 0 20px 0;
  position: relative;
}
.steppers #configuration-fieldset .steps .step .valid-box .messages-box {
  margin-bottom: 25px;
}
.steppers #configuration-fieldset .steps .step .valid-box .messages-box .message {
  background: #d6f5dd;
  border-radius: 3px;
  padding: 10px 15px;
}
.steppers #configuration-fieldset .steps .step .valid-box .messages-box .message.error {
  background-color: #ffd9e1;
}
.steppers #configuration-fieldset .steps .step .valid-box .image {
  height: 200px;
  position: relative;
  margin: 20px 0;
  width: 200px;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px rgb(0, 0, 0);
  border-radius: 3px;
}
.steppers #configuration-fieldset .steps .step .valid-box .image .cover {
  background-size: contain;
  background-repeat: no-repeat;
}
.steppers #configuration-fieldset .steps .step .valid-box.type-banne .image {
  width: 250px;
}
.steppers #configuration-fieldset .steps .step .valid-box.type-banne .image .cover {
  background-size: contain;
}
.steppers #configuration-fieldset .steps .step .valid-box.type-banne .budget {
  left: 84px;
}
.steppers #configuration-fieldset .steps .step .valid-box.type-lame .image {
  width: 250px;
}
.steppers #configuration-fieldset .steps .step .valid-box.type-lame .image .cover {
  background-size: contain;
}
.steppers #configuration-fieldset .steps .step .valid-box.type-lame .budget {
  left: 84px;
}
.steppers #configuration-fieldset .steps .step .valid-box.type-plisse .image .cover {
  background-size: contain;
}
.steppers #configuration-fieldset .steps .step .valid-box .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.steppers #configuration-fieldset .steps .step .valid-box .valid-box-title {
  display: flex;
  margin-bottom: 5px;
  justify-content: space-between;
  justify-content: start;
  align-items: flex-start;
  flex-direction: column;
  gap: 5px;
}
.steppers #configuration-fieldset .steps .step .valid-box .valid-box-title .name {
  color: #000;
  font-size: 25px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.steppers #configuration-fieldset .steps .step .valid-box .valid-box-title .gamme-name {
  color: #ff7200;
  font-size: 16px;
  /*&:before{
      content:" / ";
      margin-left: 8px;
  }*/
  /*background: $color-green;
  color: #fff;
  line-height: 25px;
  padding: 3px 20px;
  border-radius: 5px;
  font-weight: bold;
  opacity: 0.8;
  font-size: 13px;*/
}
.steppers #configuration-fieldset .steps .step .valid-box .valid-box-title .gamme-name .max-echantillon {
  color: #000;
  font-size: 12px;
}
.steppers #configuration-fieldset .steps .step .valid-box .desc {
  line-height: 1.5;
  font-size: 15px;
  margin-bottom: 5px;
}
.steppers #configuration-fieldset .steps .step .valid-box .gamme-details {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 20px;
}
.steppers #configuration-fieldset .steps .step .valid-box .gamme-details p {
  background-color: #f5f5f5;
  padding: 4px 12px;
  border-radius: 3px;
  font-size: 12px;
  margin: 0;
  font-weight: bold;
}
.steppers #configuration-fieldset .steps .step .valid-box .budget {
  display: flex;
  /*margin-bottom: 20px;
  position: absolute;
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  left: 100px;
  svg {
      width: 24px;
      height: 24px;
      position: relative;
      fill: $color-green;
      opacity: 0.3;
      &.visible{
          opacity: 1;
      }
  }*/
}
.steppers #configuration-fieldset .steps .step .valid-box .budget .label {
  display: none;
}
.steppers #configuration-fieldset .steps .step .valid-box .budget svg {
  width: 16px;
  height: 16px;
  fill: #555;
  opacity: 0.3;
  position: relative;
}
.steppers #configuration-fieldset .steps .step .valid-box .budget svg.visible {
  opacity: 1;
}
.steppers #configuration-fieldset .steps .step .valid-box .budget .value {
  height: 14px;
  position: relative;
  left: 3px;
  top: -2px;
}
.steppers #configuration-fieldset .steps .step .valid-box .icones {
  display: flex;
  justify-content: space-around;
  padding: 10px 0 10px;
}
.steppers #configuration-fieldset .steps .step .valid-box .icones .icone {
  position: relative;
  display: flex;
  justify-content: center;
}
.steppers #configuration-fieldset .steps .step .valid-box .icones .icone .label {
  padding: 2px 15px 3px;
  border: 1px solid #f0f0f0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.05);
  font-size: 12px;
  color: #666;
  position: absolute;
  top: -28px;
  display: none;
}
.steppers #configuration-fieldset .steps .step .valid-box .icones .icone:hover .label {
  display: flex;
  white-space: nowrap;
}
.steppers #configuration-fieldset .steps .step .valid-box .icones .icone .icon svg {
  width: 24px;
  height: 24px;
}
.steppers #configuration-fieldset .steps .step .valid-box .sub-actions {
  display: flex;
}
.steppers #configuration-fieldset .steps .step .filters {
  display: flex;
  width: 100%;
  padding: 0px;
  flex-wrap: wrap;
  gap: 0px;
  justify-content: flex-start;
  border: none;
  background: linear-gradient(#fff, #f1f1f1);
  border-bottom: 1px solid #d1d1d1;
  position: relative;
}
.steppers #configuration-fieldset .steps .step .filters .back-besoin {
  display: flex;
  background: #999;
  border-radius: 5px;
  padding: 5px 12px 6px 8px;
  position: absolute;
  right: 10px;
  bottom: 6px;
  font-size: 12px;
  font-weight: bold;
  gap: 3px;
  align-items: center;
}
.steppers #configuration-fieldset .steps .step .filters .back-besoin svg {
  width: 8px;
  height: 8px;
  transform: rotate(180deg);
}
.steppers #configuration-fieldset .steps .step .filters .select {
  position: relative;
  width: 33.3333333333%;
  margin: 0 !important;
}
.steppers #configuration-fieldset .steps .step .filters .select.filter-coloris .dropdown-menu .dropdown-item {
  opacity: 1;
}
.steppers #configuration-fieldset .steps .step .filters .select.filter-coloris .dropdown-menu .dropdown-item em {
  margin-left: 5px;
  background: #000;
  border-radius: 30px;
  width: 16px;
  height: 16px;
  display: flex;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  justify-content: end;
}
.steppers #configuration-fieldset .steps .step .filters .select.filter-coloris .dropdown-menu .dropdown-item.option-blanc-écru em {
  background: #fdedce;
  /*&:after{
      width:8px;
      background: #ffe3cc;
      content: "";
  }*/
}
.steppers #configuration-fieldset .steps .step .filters .select.filter-coloris .dropdown-menu .dropdown-item.option-gris em {
  background: #ccc;
}
.steppers #configuration-fieldset .steps .step .filters .select.filter-coloris .dropdown-menu .dropdown-item.option-beige-brun em {
  background: #ce9b68;
  /*&:after{
      width:8px;
      background: #653b17;
      content: "";
  }*/
}
.steppers #configuration-fieldset .steps .step .filters .select.filter-coloris .dropdown-menu .dropdown-item.option-jaune-oranger em {
  background: #ffc863;
  /*&:after{
      width:8px;
      background: #b75a0a;
      content: "";
  }*/
}
.steppers #configuration-fieldset .steps .step .filters .select.filter-coloris .dropdown-menu .dropdown-item.option-rose-rouge em {
  background: #be285d;
  /*&:after{
      width:8px;
      background: $red;
      content: "";
  }*/
}
.steppers #configuration-fieldset .steps .step .filters .select.filter-coloris .dropdown-menu .dropdown-item.option-bleu-violet em {
  background: #6642e7;
  /*&:after{
      width:8px;
      background: $purple;
      content: "";
  }*/
}
.steppers #configuration-fieldset .steps .step .filters .select.filter-coloris .dropdown-menu .dropdown-item.option-vert em {
  background: #57983e;
}
.steppers #configuration-fieldset .steps .step .filters .select .dropdown-menu {
  width: 150%;
  top: 27px;
  border-radius: 0px 0px 3px 3px;
  border: 1px solid black;
  border-top: 0;
  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.1);
  flex-direction: column-reverse;
  font-family: "HelveticaNowDisplay", sans-serif;
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step .filters .select .dropdown-menu {
    width: 160%;
  }
}
.steppers #configuration-fieldset .steps .step .filters .select .dropdown-menu.show {
  display: flex;
}
.steppers #configuration-fieldset .steps .step .filters .select .dropdown-menu.active .dropdown-item.init {
  display: block;
}
.steppers #configuration-fieldset .steps .step .filters .select .dropdown-menu .dropdown-item {
  border-color: #f1f1f1;
  color: #000;
  padding: 8px 20px;
  display: flex;
  gap: 5px;
  align-items: center;
  font-size: 14px;
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step .filters .select .dropdown-menu .dropdown-item {
    padding: 8px 10px;
    font-size: 14px;
  }
}
.steppers #configuration-fieldset .steps .step .filters .select .dropdown-menu .dropdown-item input {
  top: 0;
}
.steppers #configuration-fieldset .steps .step .filters .select .dropdown-menu .dropdown-item.active {
  background: #fff;
  color: #ff7200;
}
.steppers #configuration-fieldset .steps .step .filters .select .dropdown-menu .dropdown-item.init {
  display: none;
}
.steppers #configuration-fieldset .steps .step .filters .select .dropdown-menu .dropdown-item.init:before {
  content: "❌";
  margin-right: 5px;
  font-size: 6px;
  position: relative;
  left: 2px;
  top: -2px;
}
.steppers #configuration-fieldset .steps .step .filters .select .dropdown-menu .dropdown-item label {
  margin: 0;
}
.steppers #configuration-fieldset .steps .step .filters .select .dropdown-menu .dropdown-item.show label, .steppers #configuration-fieldset .steps .step .filters .select .dropdown-menu .dropdown-item.show input {
  cursor: pointer;
  white-space: nowrap;
}
.steppers #configuration-fieldset .steps .step .filters .select .dropdown-menu .dropdown-item em {
  display: none;
}
.steppers #configuration-fieldset .steps .step .filters .select button {
  width: 100%;
  border: none;
  background: none;
  padding: 0px 15px 8px 15px;
  border-radius: 3px;
  color: #000;
  border-bottom: 1px solid #e8e8e8;
  font-size: 14px;
  font-weight: 500;
  font-family: "HelveticaNowDisplay", sans-serif;
}
.steppers #configuration-fieldset .steps .step .filters .select button.active {
  border-bottom: 3px solid #ff7200;
}
.steppers #configuration-fieldset .steps .step .filters .select:last-child {
  display: none;
}
.steppers #configuration-fieldset .steps .step .content {
  /*max-height: calc(100vh - 355px);*/
  max-height: calc(100vh - 278px);
  overflow: auto;
  /*margin-bottom: 80px;*/
}
.steppers #configuration-fieldset .steps .step .content .besoins-box {
  margin-bottom: 25px;
}
.steppers #configuration-fieldset .steps .step .content .besoins-box .filters-besoin {
  display: flex;
  flex-direction: row;
  gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step .content .besoins-box .filters-besoin {
    gap: 5px;
  }
}
.steppers #configuration-fieldset .steps .step .content .besoins-box .filters-besoin .besoin-option {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  padding: 20px;
  gap: 10px;
  color: #000;
  border-radius: 5px;
  border: 1px solid #000000;
  cursor: pointer;
  width: calc(50% - 5px);
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step .content .besoins-box .filters-besoin .besoin-option {
    min-width: 100%;
  }
}
.steppers #configuration-fieldset .steps .step .content .besoins-box .filters-besoin .besoin-option .besoin-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.steppers #configuration-fieldset .steps .step .content .besoins-box .filters-besoin .besoin-option .besoin-head .left {
  display: flex;
  gap: 10px;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  color: #000;
}
.steppers #configuration-fieldset .steps .step .content .besoins-box .filters-besoin .besoin-option .besoin-head .left svg {
  width: 25px;
  height: 25px;
  fill: #25737d;
  color: #25737d;
}
.steppers #configuration-fieldset .steps .step .content .besoins-box .filters-besoin .besoin-option .besoin-head > svg {
  width: 15px;
  height: 15px;
  display: none;
}
.steppers #configuration-fieldset .steps .step .content .besoins-box .filters-besoin .besoin-option .desc {
  font-size: 12px;
  line-height: 18px;
}
.steppers #configuration-fieldset .steps .step .content .subtitle {
  font-weight: bold;
  font-size: 16px;
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step .content .subtitle {
    font-size: 15px;
    line-height: 19px;
  }
}
.steppers #configuration-fieldset .steps .step .content .description {
  line-height: 20px;
}
.steppers #configuration-fieldset .steps .step .content .description img {
  max-width: 100%;
}
.steppers #configuration-fieldset .steps .step .content .details {
  padding: 0;
  position: relative;
  margin-bottom: 20px;
}
.steppers #configuration-fieldset .steps .step .content .details :nth-last-child(2) {
  display: inline-block;
}
.steppers #configuration-fieldset .steps .step .content .details .notice {
  background: #f5f5f5;
  width: 15px;
  height: 15px;
  position: relative;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  color: #555;
  border-radius: 15px;
  top: -8px;
  font-size: 12px;
  line-height: 13px;
  cursor: pointer;
  border: 1px solid #f0f0f0;
}
.steppers #configuration-fieldset .steps .step .content .details .help-box {
  position: absolute;
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  width: 100%;
  padding: 30px 20px;
  border-radius: 3px;
  top: 45px;
  z-index: 30;
  display: none;
}
.steppers #configuration-fieldset .steps .step .content .details .help-box .help {
  margin-bottom: 25px;
  max-width: 100%;
}
.steppers #configuration-fieldset .steps .step .content .details .help-box .help img {
  max-width: 100%;
  height: auto;
}
.steppers #configuration-fieldset .steps .step .content .details .help-box .help p {
  max-width: 100%;
}
.steppers #configuration-fieldset .steps .step .content .details .help-box.visible {
  display: flex;
  flex-wrap: wrap;
}
.steppers #configuration-fieldset .steps .step .content .details .help-box .files {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}
.steppers #configuration-fieldset .steps .step .content .details .help-box .files img {
  max-width: 100%;
}
.steppers #configuration-fieldset .steps .step > .actions {
  padding: 20px;
  text-align: center;
  width: 100%;
  background: #fff;
  z-index: 10;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
  position: absolute;
  bottom: 0;
}
.steppers #configuration-fieldset .steps .step > .actions .add-to-cart[disabled=disabled] {
  opacity: 0.3;
  cursor: default;
}
.steppers #configuration-fieldset .steps .step > .actions .step-confirm {
  margin: 0;
}
.steppers #configuration-fieldset .steps .step > .actions .step-confirm:disabled {
  opacity: 1;
  cursor: not-allowed;
  background: #ebebeb;
}
.steppers #configuration-fieldset .steps .step > .actions .step-confirm.disabled {
  opacity: 1;
  cursor: not-allowed;
  background: #ebebeb;
}
.steppers #configuration-fieldset .steps .step > .actions .sub-actions .back {
  padding: 12px 20px;
  border-radius: 4px;
  background: #000;
  font-size: 15px;
  font-family: "HelveticaNowDisplay", sans-serif;
  font-weight: 500;
}
.steppers #configuration-fieldset .steps .step > .actions .sub-actions .back:hover {
  background: #000;
}
.steppers #configuration-fieldset .steps .step .mode-choice {
  padding: 15px;
}
.steppers #configuration-fieldset .steps .step .mode-choice .title {
  margin-bottom: 25px;
}
.steppers #configuration-fieldset .steps .step .mode-choice .actions {
  margin-bottom: 15px;
}
.steppers #configuration-fieldset .steps .step .mode-choice .actions button {
  border: none;
  background: #dedede;
  color: #555;
  border-radius: 5px;
  padding: 10px 20px;
  margin-bottom: 10px;
  width: 170px;
}
.steppers #configuration-fieldset .steps .step .mode-choice .actions button:hover {
  background: #cdcdcd;
}
.steppers #configuration-fieldset .steps .step .mode-choice .actions button .big {
  font-weight: bold;
  font-size: 25px;
  display: block;
}
.steppers #configuration-fieldset .steps .step .mode-choice .actions button .small {
  font-weight: lighter;
  font-size: 11px;
  font-style: italic;
}
.steppers #configuration-fieldset .steps .step .eventail {
  position: fixed;
  bottom: -1000px;
  transition: all ease-out 200ms;
  right: 0;
  background: #fff;
  width: 550px;
  text-align: center;
  padding: 20px 20px 0px 20px;
  box-shadow: 0 -10px 15px rgba(0, 0, 0, 0.2);
  z-index: 100;
}
.steppers #configuration-fieldset .steps .step .eventail.open {
  bottom: 0;
}
.steppers #configuration-fieldset .steps .step .eventail .title {
  margin-bottom: 10px;
}
.steppers #configuration-fieldset .steps .step .eventail .details {
  padding-bottom: 20px;
  border-bottom: 1px solid #ededed;
  color: #ccc;
  font-style: italic;
}
.steppers #configuration-fieldset .steps .step .eventail .close {
  position: absolute;
  background: #000;
  border-radius: 20px;
  width: 15px;
  height: 15px;
  top: -8px;
  right: -6px;
}
.steppers #configuration-fieldset .steps .step .eventail .close svg {
  fill: #fff;
  width: 7px;
  height: 7px;
  position: relative;
  top: -2px;
}
.steppers #configuration-fieldset .steps .step .eventail .in {
  display: inline-block;
}
.steppers #configuration-fieldset .steps .step .eventail .in .panneau {
  border: 2px solid #000;
  width: 85px;
  display: inline-block;
  float: left;
  margin-right: 5px;
  height: 160px;
  cursor: pointer;
  position: relative;
}
.steppers #configuration-fieldset .steps .step .eventail .in .panneau .select {
  height: 100%;
}
.steppers #configuration-fieldset .steps .step .eventail .in .panneau .number {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: #efefef;
  color: #999;
  font-weight: bold;
  border-radius: 40px;
  margin: 20px 0 15px !important;
  padding: 5px;
}
.steppers #configuration-fieldset .steps .step .eventail .in .panneau .notice {
  border: 1px dashed #d0d0d0;
  color: #827777;
  font-style: italic;
  display: inline-block;
  font-size: 10px;
  padding: 10px;
  width: 90%;
}
.steppers #configuration-fieldset .steps .step .eventail .in .panneau .notice span {
  font-size: 9px;
  font-weight: lighter;
}
.steppers #configuration-fieldset .steps .step .eventail .in .panneau .name {
  width: 100%;
  display: block;
  font-weight: bold;
  font-size: 12px;
  height: 14px;
}
.steppers #configuration-fieldset .steps .step .eventail .in .panneau .sku {
  display: none;
}
.steppers #configuration-fieldset .steps .step .eventail .in .panneau .image {
  display: inline-block;
  width: 75%;
  margin-top: 15px;
}
.steppers #configuration-fieldset .steps .step .eventail .in .panneau .image img {
  max-width: 100%;
}
.steppers #configuration-fieldset .steps .step .eventail .in .panneau .image .product-image-wrapper {
  padding: 0 !important;
}
.steppers #configuration-fieldset .steps .step .eventail .in .panneau:hover {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.steppers #configuration-fieldset .steps .step .eventail .in .panneau.selected {
  background: #e0ffbc;
  border-color: #566843;
}
.steppers #configuration-fieldset .steps .step .eventail .in .panneau.selected .number {
  background: #8daa6d;
  color: #566843;
}
.steppers #configuration-fieldset .steps .step .eventail .actions {
  padding: 20px;
  float: left;
  width: 100%;
}
.steppers #configuration-fieldset .steps .step .eventail .actions button {
  padding: 10px 25px;
  background: #f60;
  color: #fff;
  border: none;
  font-weight: bold;
  font-size: 20px;
}
.steppers #configuration-fieldset .steps .step .eventail .actions button.back {
  background: #555;
}
.steppers #configuration-fieldset .steps .step .options {
  margin-bottom: 20px;
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
}
.steppers #configuration-fieldset .steps .step .options.profondeur .option {
  display: flex;
  /*flex-wrap: wrap;*/
}
.steppers #configuration-fieldset .steps .step .options.profondeur .option .image {
  width: 160px;
  max-height: none;
}
.steppers #configuration-fieldset .steps .step .options.profondeur .option .custom-options {
  max-width: 50%;
}
.steppers #configuration-fieldset .steps .step .options.profondeur .option .custom-options .description {
  padding: 0 0 20px 20px;
  font-size: 12px;
}
.steppers #configuration-fieldset .steps .step .options.profondeur .option .custom-options .custom-option .input-box {
  display: flex;
  flex-direction: column;
  padding: 0 0 0 20px;
  position: relative;
}
.steppers #configuration-fieldset .steps .step .options.profondeur .option .custom-options .custom-option .input-box input {
  background: none;
  border: 1px solid #d5d5d5;
  padding: 5px 10px;
  font-weight: bold;
}
.steppers #configuration-fieldset .steps .step .options.profondeur .option .custom-options .custom-option .input-box label {
  font-weight: bold;
  font-size: 13px;
}
.steppers #configuration-fieldset .steps .step .options.profondeur .option .custom-options .custom-option .input-box:after {
  content: "CM";
  color: #ff7200;
  position: absolute;
  right: 8px;
  top: 28px;
  font-weight: bold;
}
.steppers #configuration-fieldset .steps .step .options .option {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  border: 1px solid #000000;
  position: relative;
  padding: 10px;
  margin-bottom: 8px;
  border-radius: 5px;
  /*&.option-with-help{
      .image,.w-75{
          display: none;
      }
      .tool-box{
          position: relative;
          top: auto;
          left: auto;
          .notice{
              line-height: 12px;
          }
      }
      padding: 0;
      &.active{
          border-color: #f60;
      }
      &.disabled{
          opacity: 0.8;
      }
  }*/
}
.steppers #configuration-fieldset .steps .step .options .option .details-option {
  display: flex;
  gap: 15px;
  align-items: center;
}
.steppers #configuration-fieldset .steps .step .options .option .details-option .prices.neg .price.incl-tax:before {
  content: "";
}
.steppers #configuration-fieldset .steps .step .options .option .details-option .prices .price {
  padding-top: 0;
  font-style: italic;
}
.steppers #configuration-fieldset .steps .step .options .option .details-option .prices .price.incl-tax:before {
  content: "+";
}
.steppers #configuration-fieldset .steps .step .options .option .details-option .qty-form {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px #25737d solid;
  border-radius: 5px;
  overflow: hidden;
  opacity: 0.3;
}
.steppers #configuration-fieldset .steps .step .options .option .details-option .qty-form .plus, .steppers #configuration-fieldset .steps .step .options .option .details-option .qty-form .moins {
  background: #25737d;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  user-select: none;
}
.steppers #configuration-fieldset .steps .step .options .option .details-option .qty-form input {
  border: none;
  color: #555;
  width: 25px;
  padding: 5px;
  text-align: center;
  height: 20px;
}
.steppers #configuration-fieldset .steps .step .options .option.option-with-help.disabled {
  opacity: 1;
}
.steppers #configuration-fieldset .steps .step .options .option .tool-box {
  position: absolute;
  right: 0;
  top: 0;
}
.steppers #configuration-fieldset .steps .step .options .option .tool-box.with-help {
  min-height: 100px;
}
.steppers #configuration-fieldset .steps .step .options .option .tool-box .notice {
  background: #fff;
  width: 15px;
  height: 15px;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  border-radius: 15px;
  font-size: 12px;
  line-height: 13px;
  cursor: pointer;
  border: 1px solid #ff7200;
  position: absolute;
  right: 10px;
  top: 10px;
}
.steppers #configuration-fieldset .steps .step .options .option .tool-box .help-box {
  display: none;
  padding: 0;
  font-size: 14px;
  line-height: 21px;
}
.steppers #configuration-fieldset .steps .step .options .option .tool-box .help-box.visible {
  display: flex;
  flex-wrap: wrap;
}
.steppers #configuration-fieldset .steps .step .options .option .tool-box .help-box .help {
  max-width: 100%;
}
.steppers #configuration-fieldset .steps .step .options .option .tool-box .help-box .help img {
  max-width: 100%;
  height: auto;
}
.steppers #configuration-fieldset .steps .step .options .option .tool-box .help-box .help p {
  max-width: 100%;
}
.steppers #configuration-fieldset .steps .step .options .option.active .details-option .qty-form {
  opacity: 1;
}
.steppers #configuration-fieldset .steps .step .options .option p.name {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 0px;
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step .options .option p.name {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 5px;
    line-height: 1.35;
  }
}
.steppers #configuration-fieldset .steps .step .options .option.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.steppers #configuration-fieldset .steps .step .options .option .prices {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 5px !important;
  align-content: center;
  flex-wrap: wrap;
  width: 100%;
  align-content: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
}
.steppers #configuration-fieldset .steps .step .options .option .prices .price {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step .options .option .prices .price {
    font-size: 14px;
  }
}
.steppers #configuration-fieldset .steps .step .options .option .prices .price sup {
  font-size: 60%;
  margin-left: 2px;
  display: none;
}
.steppers #configuration-fieldset .steps .step .options .option .prices .price.old-price {
  color: #727272;
  font-size: 12px;
  font-weight: normal;
  display: inline-block;
  margin: 0 !important;
  padding: 0;
}
.steppers #configuration-fieldset .steps .step .options .option .prices .price.old-price span {
  text-decoration: line-through;
}
.steppers #configuration-fieldset .steps .step .options .option .qty {
  position: absolute;
  top: 5px;
  right: 5px;
  background: #78b72b;
  padding: 4px;
  border-radius: 20px;
  font-size: 10px;
  color: #fff;
  font-weight: bold;
  width: 18px;
}
.steppers #configuration-fieldset .steps .step .options .option.active {
  background: #fff;
  border: 1px solid #000;
  box-shadow: 0 0 0 2px #000 inset;
  overflow: hidden;
}
.steppers #configuration-fieldset .steps .step .options .option.active:before {
  content: "";
  background: #000;
  width: 100px;
  height: 100px;
  left: -65px;
  top: -65px;
  position: absolute;
  transform: rotate(45deg);
  z-index: 1;
}
.steppers #configuration-fieldset .steps .step .options .option.active:after {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' height='20' width='20'%3E%3Cpath d='M23.15,5.4l-2.8-2.8a.5.5,0,0,0-.7,0L7.85,14.4a.5.5,0,0,1-.7,0l-2.8-2.8a.5.5,0,0,0-.7,0L.85,14.4a.5.5,0,0,0,0,.7l6.3,6.3a.5.5,0,0,0,.7,0L23.15,6.1A.5.5,0,0,0,23.15,5.4Z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E") center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 5px;
  left: 6px;
  height: 15px;
  width: 15px;
  z-index: 1;
}
.steppers #configuration-fieldset .steps .step .options .option.check-option {
  display: flex;
  margin-bottom: 5px;
  max-width: 30%;
  float: left;
  margin-right: 5px;
  flex-wrap: wrap;
}
.steppers #configuration-fieldset .steps .step .options .option.check-option .check {
  background: #fff;
  border: 1px solid #f1f1f1;
  width: 15px;
  height: 15px;
  margin-right: 15px;
}
.steppers #configuration-fieldset .steps .step .options .option.check-option.active .check {
  background: #000;
  border-color: #000;
}
.steppers #configuration-fieldset .steps .step .options .option.check-option.active .check:after {
  display: none;
  content: "✓";
  font-size: 10px;
  position: relative;
  left: 3px;
  top: -1px;
  color: #fff;
}
.steppers #configuration-fieldset .steps .step .options .option.check-option * {
  cursor: pointer;
}
.steppers #configuration-fieldset .steps .step .options .option.check-option .prices {
  display: flex;
  justify-content: end;
  width: 100%;
  align-items: center;
  flex-direction: row;
}
.steppers #configuration-fieldset .steps .step .options .option.check-option .prices .price {
  text-align: right;
  /*color: $color-orange;*/
  font-size: 14px;
  padding: 0;
}
.steppers #configuration-fieldset .steps .step .options .option.check-option .prices .price.incl-tax {
  color: #000;
  font-size: 13px;
}
.steppers #configuration-fieldset .steps .step .options .option.check-option .prices .price.incl-tax sup {
  font-size: 50%;
}
.steppers #configuration-fieldset .steps .step .options .option.check-option .prices .price.old-price {
  margin-right: 2px;
  font-size: 10px;
}
.steppers #configuration-fieldset .steps .step .options .option .image {
  /*max-height: 100px;
  min-height: 80px;*/
  position: relative;
  max-height: 80px;
}
.steppers #configuration-fieldset .steps .step .options .option .image img {
  /*width: 100%;*/
  /*max-height: 100%;
  width: auto;
  min-width: auto;
  max-width: 100%;*/
}
.steppers #configuration-fieldset .steps .step .options .option .image .cover {
  background-size: contain;
  background-repeat: no-repeat;
}
.steppers #configuration-fieldset .steps .step .options .option .image .cover-box {
  max-height: 70px;
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step .options .option .image .cover-box {
    max-height: inherit;
  }
}
.steppers #configuration-fieldset .steps .step .options .option .image .cover-box img {
  max-height: 70px;
  object-fit: contain;
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step .options .option .image .cover-box img {
    border-radius: 5px;
  }
}
.steppers #configuration-fieldset .steps .step .tissus .gamme,
.steppers #configuration-fieldset .steps .step .coloris .gamme {
  margin: 15px 0px;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme:first-child,
.steppers #configuration-fieldset .steps .step .coloris .gamme:first-child {
  margin-top: 20px !important;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus {
  cursor: pointer;
  padding: 20px;
  margin: -10px !important;
  margin-bottom: 0px !important;
  color: #000;
  line-height: 20px;
  border-radius: 5px;
  background-color: #FFF;
  border: 1px solid #d3d3d3;
  ox-shadow: 0 5px 10px -5px #f4f4f4;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .budget,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .budget {
  width: 85px;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .icones,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .icones {
  display: flex;
  justify-content: start;
  padding: 10px 20px;
  width: 180px;
  gap: 10px;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .icones .icone,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .icones .icone {
  position: relative;
  display: flex;
  justify-content: center;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .icones .icone .label,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .icones .icone .label {
  padding: 2px 15px 3px;
  border: 1px solid #f0f0f0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.05);
  font-size: 12px;
  color: #666;
  position: absolute;
  top: -28px;
  display: none;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .icones .icone:hover .label, .steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .icones .icone.show .label,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .icones .icone:hover .label,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .icones .icone.show .label {
  display: flex;
  white-space: nowrap;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .icones .icone .icon svg,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .icones .icone .icon svg {
  width: 20px;
  height: 20px;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .see-tissus,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .see-tissus {
  background: #FFF;
  border-radius: 0;
  border: none;
  width: 100%;
  height: 22px;
  display: flex;
  justify-content: flex-start;
  text-align: left;
  font-weight: 500;
  color: #ff7200;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .see-tissus.show-tissus svg,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .see-tissus.show-tissus svg {
  transform: rotate(-90deg);
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .see-tissus svg,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .see-tissus svg {
  transform: rotate(90deg);
  color: #ff7200;
  height: 13px;
  width: 13px;
  position: relative;
  top: 4px;
  margin-right: 5px;
  transition: 200ms all ease;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .gamme-title,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .gamme-title {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d3d3d3;
  color: #000;
  padding-bottom: 12px !important;
  margin-bottom: 12px !important;
  align-items: center;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .gamme-title .name,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .gamme-title .name {
  font-weight: bold;
  display: block;
  font-size: 20px;
  margin: 0;
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .gamme-title .name,
  .steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .gamme-title .name {
    font-size: 18px;
    text-align: left;
  }
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .gamme-title .budget,
  .steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .gamme-title .budget {
    max-width: 75px;
  }
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .gamme-title .budget .label,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .gamme-title .budget .label {
  display: none;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .gamme-title .budget .value,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .gamme-title .budget .value {
  height: 18px;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .gamme-title .budget svg,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .gamme-title .budget svg {
  width: 16px;
  height: 16px;
  position: relative;
  fill: #444;
  opacity: 0.3;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .gamme-title .budget svg.visible,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .gamme-title .budget svg.visible {
  opacity: 1;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .description [data-content-type=row],
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .description [data-content-type=row] {
  margin: 0 !important;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .description strong,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .description strong {
  font-weight: 500;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .description p,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .description p {
  font-size: 14px !important;
  color: #000 !important;
  margin-bottom: 0 !important;
  margin-top: 5px !important;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .description p:first-child,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .description p:first-child {
  margin-top: 0 !important;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .description p span, .steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .description p strong, .steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .description p a,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .description p span,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .description p strong,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .description p a {
  font-size: 14px !important;
  color: #000 !important;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .description p strong,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .description p strong {
  font-weight: 600;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .description p img,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .description p img {
  max-width: 100%;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .details,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .details {
  /*.matiere,.entretien,.poids,.budget{
      line-height: 15px;
      &:before{
          content : "• ";
      }
      .label{
          font-weight: 500;
      }
  }*/
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .details p,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .details p {
  margin-bottom: 5px;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .details .details-list,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .details .details-list {
  display: flex;
  padding: 0;
  flex-wrap: wrap;
  gap: 5px;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .details .details-list li,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .details .details-list li {
  display: flex;
  background: #555;
  padding: 2px 20px 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .details .details-list li .label,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .details .details-list li .label {
  margin-right: 3px;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .description,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .description {
  font-size: 13px;
  color: #555;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .head-tissus .description style,
.steppers #configuration-fieldset .steps .step .coloris .gamme .head-tissus .description style {
  display: none;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .tissus,
.steppers #configuration-fieldset .steps .step .coloris .gamme .tissus {
  margin: 20px 0;
  max-height: 0;
  overflow: hidden;
  transition: none;
  width: calc(100% + 20px);
  margin: 0 -10px;
  margin-bottom: 20px !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .tissus.show,
.steppers #configuration-fieldset .steps .step .coloris .gamme .tissus.show {
  max-height: 10000px;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .details,
.steppers #configuration-fieldset .steps .step .coloris .gamme .details {
  padding: 0;
  line-height: 14px;
  font-size: 12px;
  font-weight: 500;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .details .budget .value,
.steppers #configuration-fieldset .steps .step .coloris .gamme .details .budget .value {
  height: 18px;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .details .budget svg,
.steppers #configuration-fieldset .steps .step .coloris .gamme .details .budget svg {
  width: 12px;
  height: 12px;
  position: relative;
  top: -2px;
  fill: #fff;
  opacity: 0.3;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .details .budget svg.visible,
.steppers #configuration-fieldset .steps .step .coloris .gamme .details .budget svg.visible {
  opacity: 1;
}
.steppers #configuration-fieldset .steps .step .tissus .option,
.steppers #configuration-fieldset .steps .step .coloris .option {
  text-align: center;
  width: calc(25% - 8px);
  float: none;
  padding: 4px;
  cursor: pointer;
  border: 1px solid #000000;
  height: auto;
  margin: 0;
  position: relative;
  border-radius: 3px;
}
.steppers #configuration-fieldset .steps .step .tissus .option .details,
.steppers #configuration-fieldset .steps .step .coloris .option .details {
  padding: 0;
  line-height: 14px;
  font-size: 12px;
  font-weight: 500;
  margin: 5px 0;
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step .tissus .option .details,
  .steppers #configuration-fieldset .steps .step .coloris .option .details {
    margin: 5px 0 3px 0 !important;
    display: block;
  }
}
.steppers #configuration-fieldset .steps .step .tissus .option .details .ref_tissu,
.steppers #configuration-fieldset .steps .step .coloris .option .details .ref_tissu {
  display: block;
  color: #000;
}
.steppers #configuration-fieldset .steps .step .tissus .option:hover,
.steppers #configuration-fieldset .steps .step .coloris .option:hover {
  border-color: #000;
}
.steppers #configuration-fieldset .steps .step .tissus .option .qty,
.steppers #configuration-fieldset .steps .step .coloris .option .qty {
  position: absolute;
  top: 5px;
  right: 5px;
  background: #78b72b;
  padding: 4px;
  border-radius: 20px;
  font-size: 10px;
  color: #fff;
  font-weight: bold;
  width: 18px;
}
.steppers #configuration-fieldset .steps .step .tissus .option.active,
.steppers #configuration-fieldset .steps .step .coloris .option.active {
  background: #FFF;
  box-shadow: 0 0 0 1px #000 inset;
  border-color: #000;
  position: relative;
  overflow: hidden;
}
.steppers #configuration-fieldset .steps .step .tissus .option.active:after,
.steppers #configuration-fieldset .steps .step .coloris .option.active:after {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' height='20' width='20'%3E%3Cpath d='M23.15,5.4l-2.8-2.8a.5.5,0,0,0-.7,0L7.85,14.4a.5.5,0,0,1-.7,0l-2.8-2.8a.5.5,0,0,0-.7,0L.85,14.4a.5.5,0,0,0,0,.7l6.3,6.3a.5.5,0,0,0,.7,0L23.15,6.1A.5.5,0,0,0,23.15,5.4Z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E") center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 5px;
  left: 6px;
  height: 15px;
  width: 15px;
  z-index: 1;
}
.steppers #configuration-fieldset .steps .step .tissus .option.active:before,
.steppers #configuration-fieldset .steps .step .coloris .option.active:before {
  content: "";
  background: #000;
  width: 100px;
  height: 100px;
  left: -65px;
  top: -65px;
  position: absolute;
  transform: rotate(45deg);
  z-index: 1;
}
.steppers #configuration-fieldset .steps .step .tissus .option.panachage,
.steppers #configuration-fieldset .steps .step .coloris .option.panachage {
  border: dashed 2px #ff7070 !important;
  box-shadow: none;
  background: #FFF !important;
}
.steppers #configuration-fieldset .steps .step .tissus .option .image,
.steppers #configuration-fieldset .steps .step .coloris .option .image {
  margin-bottom: 0px;
  position: relative;
}
.steppers #configuration-fieldset .steps .step .tissus .option .image .product-image-wrapper,
.steppers #configuration-fieldset .steps .step .coloris .option .image .product-image-wrapper {
  padding: 0 !important;
}
.steppers #configuration-fieldset .steps .step .tissus .option .image img,
.steppers #configuration-fieldset .steps .step .coloris .option .image img {
  width: 100%;
  height: 95px;
  object-fit: cover;
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step .tissus .option .image img,
  .steppers #configuration-fieldset .steps .step .coloris .option .image img {
    object-fit: cover;
  }
}
.steppers #configuration-fieldset .steps .step .tissus .option .image .cover,
.steppers #configuration-fieldset .steps .step .coloris .option .image .cover {
  background-size: contain;
  background-repeat: no-repeat;
}
.steppers #configuration-fieldset .steps .step .tissus .option.type-banne .image .cover,
.steppers #configuration-fieldset .steps .step .coloris .option.type-banne .image .cover {
  background-size: contain;
}
.steppers #configuration-fieldset .steps .step .tissus .option.type-banne .image .product-image-photo,
.steppers #configuration-fieldset .steps .step .coloris .option.type-banne .image .product-image-photo {
  object-fit: contain;
}
.steppers #configuration-fieldset .steps .step .tissus .option.type-lame .image .cover,
.steppers #configuration-fieldset .steps .step .coloris .option.type-lame .image .cover {
  background-size: contain;
}
.steppers #configuration-fieldset .steps .step .tissus .option.type-lame .image .product-image-photo,
.steppers #configuration-fieldset .steps .step .coloris .option.type-lame .image .product-image-photo {
  object-fit: contain;
}
.steppers #configuration-fieldset .steps .step .tissus .option.type-plisse .image .cover,
.steppers #configuration-fieldset .steps .step .coloris .option.type-plisse .image .cover {
  background-size: contain;
}
.steppers #configuration-fieldset .steps .step .tissus .option.type-plisse .image .product-image-photo,
.steppers #configuration-fieldset .steps .step .coloris .option.type-plisse .image .product-image-photo {
  object-fit: contain;
}
.steppers #configuration-fieldset .steps .step .coloris {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step .coloris {
    gap: 5px;
  }
}
.steppers #configuration-fieldset .steps .step .coloris .option.disabled {
  opacity: 0.3;
}
.steppers #configuration-fieldset .steps .step .coloris .option .custom-options {
  position: absolute;
  top: 0;
  width: 100%;
  background: #fff;
  left: 0;
  padding: 10px;
  opacity: 0.96;
  border-bottom: 1px solid #bdd7ac;
}
.steppers #configuration-fieldset .steps .step .coloris .option .custom-options .input-box input[type=text] {
  max-width: 100%;
  border: 1px solid #dedede;
  background: #fafafa;
  padding: 2px 5px;
  color: #666;
}
.steppers #configuration-fieldset .steps .step .coloris .option .custom-options .input-box label {
  color: #555;
  font-weight: bold;
}
.steppers #configuration-fieldset .steps .step .coloris .option .details {
  font-size: 12px;
  line-height: 18px;
  padding: 0;
  overflow: hidden;
}
.steppers #configuration-fieldset .steps .step .coloris .option .details .prices {
  border-top: 1px solid #ebebeb;
  margin-top: 3px !important;
  padding-top: 3px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}
.steppers #configuration-fieldset .steps .step .coloris .option .details .prices p {
  margin: 0 !important;
  font-weight: 500;
}
.steppers #configuration-fieldset .steps .step .coloris .option .details .prices .price {
  color: #000;
  font-weight: 500;
}
.steppers #configuration-fieldset .steps .step .coloris .option .details .prices .price sup {
  display: none;
}
.steppers #configuration-fieldset .steps .step .coloris .option .details .prices .price span {
  font-weight: 500;
}
.steppers #configuration-fieldset .steps .step .coloris .option .details .prices .price.old-price {
  color: #848484;
  font-weight: 400;
}
.steppers #configuration-fieldset .steps .step .coloris .option .details .prices .price.old-price span {
  font-weight: 400;
  text-decoration: line-through;
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step {
    display: flex;
    gap: 0px;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
  }
  .steppers #configuration-fieldset .steps .step .options {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }
  .steppers #configuration-fieldset .steps .step .prices .price {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
  }
  .steppers #configuration-fieldset .steps .step:not(.step-manoeuvre, .step-type-telecommande, .step-options-store) .option {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin: 0;
    padding: 8px;
    flex-wrap: wrap;
    flex: 0 0 calc(33.3333% - 4px) !important;
    align-content: flex-start;
    border-radius: 5px;
    width: 100% !important;
    text-align: center;
  }
}
@media (max-width: 1199.98px) and (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step:not(.step-manoeuvre, .step-type-telecommande, .step-options-store) .option {
    padding: 4px;
  }
  .steppers #configuration-fieldset .steps .step:not(.step-manoeuvre, .step-type-telecommande, .step-options-store) .option .details {
    font-size: 11px !important;
    font-weight: 500 !important;
  }
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step:not(.step-manoeuvre, .step-type-telecommande, .step-options-store) .option .details .ref_tissu {
    display: block;
    color: #000;
  }
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step:not(.step-manoeuvre, .step-type-telecommande, .step-options-store) .option .image {
    position: relative;
    max-height: 80px;
    width: 100% !important;
    padding: 0 !important;
  }
  .steppers #configuration-fieldset .steps .step:not(.step-manoeuvre, .step-type-telecommande, .step-options-store) .option .image img {
    max-height: inherit !important;
  }
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step:not(.step-manoeuvre, .step-type-telecommande, .step-options-store) .option .w-75.float-right.p-2 {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step:not(.step-manoeuvre, .step-type-telecommande, .step-options-store) .option p.name {
    font-weight: 500;
    font-size: 13px;
    margin: 5px 0 5px 0px !important;
    line-height: 1.3;
    text-align: center;
  }
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step:not(.step-manoeuvre, .step-type-telecommande, .step-options-store) .option .prices .price {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    margin: -2px 0 0 0px !important;
    padding: 0;
  }
}

#configuration-bottom .pricing {
  padding: 25px 25px 15px 50px;
  min-width: 550px;
}
@media (max-width: 575.98px) {
  #configuration-bottom .pricing {
    min-width: 0;
  }
}
#configuration-bottom .pricing .prices {
  display: flex;
  gap: 10px;
  justify-content: start;
  flex-direction: row-reverse;
  margin-bottom: 5px;
}
#configuration-bottom .pricing .prices .price.old-price {
  font-size: 16px;
  opacity: 0.7;
  text-decoration: line-through;
  font-weight: 400;
  margin-top: 5px !important;
}
#configuration-bottom .pricing .prices .price.old-price span {
  display: none;
}

.select.dropdown {
  position: relative;
}
.select.dropdown .dropdown-toggle {
  border: 1px solid #000000;
  background: #fefefe;
  padding: 5px 15px 8px 15px;
  border-radius: 3px;
  color: #000000;
}
.select.dropdown .dropdown-toggle:after {
  content: "";
  width: 10px;
  height: 10px;
  position: relative;
  top: 0;
  display: inline-block;
  text-align: right;
  left: 5px;
  font-size: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='-1 -1 16 16' height='20' width='20' stroke-width='3'%3E%3Cg id='arrow-right-3--arrow-right-keyboard'%3E%3Cpath id='Vector' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' d='M3.84998 0.5L9.99998 6.65C10.0478 6.69489 10.0859 6.74911 10.112 6.80931C10.138 6.8695 10.1515 6.9344 10.1515 7C10.1515 7.0656 10.138 7.1305 10.112 7.19069C10.0859 7.25089 10.0478 7.30511 9.99998 7.35L3.84998 13.5'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  transform: rotate(90deg);
}
.select.dropdown .dropdown-menu {
  position: absolute;
  width: 100%;
  top: 100%;
  left: -1px;
  background: #fefefe;
  margin-top: -3px;
  border-radius: 0px 0px 3px 3px;
  border: 1px solid #000;
  display: none;
  overflow: hidden;
  z-index: 20;
}
.select.dropdown .dropdown-menu.show {
  display: inline-block;
}
.select.dropdown .dropdown-menu .dropdown-item {
  display: block;
  padding: 6px 10px;
  border-bottom: 1px solid #000;
  color: #000;
  opacity: 0.3;
  cursor: default;
}
.select.dropdown .dropdown-menu .dropdown-item.show {
  opacity: 1;
  cursor: pointer;
}
.select.dropdown .dropdown-menu .dropdown-item.active {
  background-color: #25737d;
  color: #fff;
}
.select.dropdown .dropdown-menu .dropdown-item.active:hover {
  background-color: #1f6169;
  color: #fff;
}
.select.dropdown .dropdown-menu .dropdown-item:first-child {
  border: none;
}
.select.dropdown .dropdown-menu .dropdown-item:hover {
  background-color: rgb(248, 248, 248);
  color: #000;
}

.page.messages [data-bind="scope: 'messages'"] {
  width: 100%;
}
.page.messages [data-bind="scope: 'messages'"] .message {
  margin: 0 !important;
}
.page.messages [data-bind="scope: 'messages'"] .message a {
  color: #fff;
  font-weight: bold;
}

.messages {
  width: 100%;
  text-align: center;
  display: flex;
  padding: 0;
  flex-direction: column;
  font-family: "HelveticaNowDisplay", sans-serif;
}
.messages .message {
  background: transparent;
  padding: 0 35px;
  color: #000;
  margin-top: 15px !important;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  text-align: left;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.5;
}
.messages .message:before {
  content: "";
  min-height: 20px;
  min-width: 20px;
  background-size: contain !important;
  margin-right: 10px;
  position: relative;
  top: 1px;
  flex-basis: 20px;
  display: flex;
  padding: 0;
}
.messages .message.message-success:before, .messages .message.success:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14' height='20' width='20'%3E%3Cg id='check-circle--checkmark-addition-circle-success-check-validation-add-form-tick'%3E%3Cpath id='Subtract' fill='%2328a745' fill-rule='evenodd' d='M7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14ZM10.5028 5.21852C10.7615 4.89507 10.7091 4.42311 10.3856 4.16435C10.0622 3.90559 9.59022 3.95803 9.33146 4.28148L5.78557 8.71384L4.36711 7.65C4.03574 7.40147 3.56564 7.46863 3.31711 7.8C3.06859 8.13137 3.13574 8.60147 3.46711 8.85L5.46711 10.35C5.79119 10.5931 6.24971 10.5348 6.50277 10.2185L10.5028 5.21852Z' clip-rule='evenodd'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") top center no-repeat;
}
.messages .message.message-error:before, .messages .message.error:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14' height='20' width='20'%3E%3Cg id='warning-diamond--diamond-alert-warning-frame-exclamation-caution'%3E%3Cpath id='Subtract' fill='%23ff0039' fill-rule='evenodd' d='M0.458805 8.10976C-0.154318 7.49664 -0.154318 6.50257 0.458805 5.88945L5.88938 0.458866C6.50251 -0.154258 7.49658 -0.154257 8.1097 0.458866L13.5403 5.88945C14.1534 6.50257 14.1534 7.49664 13.5403 8.10976L8.1097 13.5403C7.49658 14.1535 6.50251 14.1535 5.88938 13.5403L0.458805 8.10976ZM7 3.125C7.41421 3.125 7.75 3.46079 7.75 3.875V7.125C7.75 7.53921 7.41421 7.875 7 7.875C6.58579 7.875 6.25 7.53921 6.25 7.125V3.875C6.25 3.46079 6.58579 3.125 7 3.125ZM8 9.875C8 10.4273 7.55228 10.875 7 10.875C6.44772 10.875 6 10.4273 6 9.875C6 9.32272 6.44772 8.875 7 8.875C7.55228 8.875 8 9.32272 8 9.875Z' clip-rule='evenodd'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") top center no-repeat;
}

#product-steps-component .steppers #configuration-fieldset .steps .step .valid-box .valid-box-title .name {
  font-size: 20px;
}
@media (max-width: 1199.98px) {
  #product-steps-component .steppers #configuration-fieldset .steps .step .valid-box .valid-box-title .name {
    text-align: left;
  }
}
#product-steps-component .steppers #configuration-fieldset .steps .step .valid-box .valid-box-title .gamme-name {
  font-size: 15px !important;
  top: 0;
  position: relative;
  color: #8e8e8e;
  font-weight: 500;
  text-transform: none;
}

#listing-products .product .product-content .product-cost:before {
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  margin: 9px 10px 0px 0px;
  color: #000000;
  font-family: "HelveticaNowDisplay", sans-serif;
}
@media (max-width: 1199.98px) {
  #listing-products .product .product-content .product-cost:before {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    font-size: 10px;
    font-weight: 500;
    color: #25737d;
  }
}

.product-cost {
  display: flex;
  order: 5;
  position: relative;
}
.product-cost-1 svg:nth-child(1), .product-cost-2 svg:nth-child(1), .product-cost-3 svg:nth-child(1), .product-cost-4 svg:nth-child(1) {
  opacity: 1;
}
.product-cost-2 svg:nth-child(2), .product-cost-3 svg:nth-child(2), .product-cost-4 svg:nth-child(2) {
  opacity: 1;
}
.product-cost-3 svg:nth-child(3), .product-cost-4 svg:nth-child(3) {
  opacity: 1;
}
.product-cost-4 svg:nth-child(4) {
  opacity: 1;
}
.product-cost svg {
  width: 18px;
  height: 18px;
  margin: 0 0 0 2px;
  opacity: 0.5;
  fill: #25737d;
}
.product-cost svg:first-child {
  margin: 0;
}
.product-cost svg.visible {
  opacity: 1;
}
.product-cost svg.disable {
  opacity: 0.5;
}

.product-thumbnail {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 100%;
  background-color: #fff;
}
@media (max-width: 1199.98px) {
  .product-thumbnail {
    padding-bottom: 70%;
  }
}
.product-thumbnail .cover {
  transition: none;
  border-radius: 5px;
  overflow: hidden;
  transform: scale(1) !important;
}
.product-ribbon {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  padding: 0.5em 2em;
  transform: translateY(-100%) rotate(-90deg) translateX(-70.7106781187%) rotate(45deg);
  transform-origin: bottom left;
  text-align: center;
  color: #fff;
  background-color: #000;
}
.product-ribbon-rose {
  background-color: #ff005a;
}
.product-ribbon-green {
  background-color: #25737d;
}
.product-ribbon-orange {
  background-color: #ff7200;
}
.product-ribbon em {
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  display: block;
  padding: 2px 0 0 0;
}

.product-wrapper {
  position: relative;
}
@media (min-width: 1200px) {
  .product-wrapper.is-sticky #product-navigation {
    position: fixed;
    top: 0;
  }
}
@media (max-width: 1199.98px) {
  .product-wrapper {
    padding: 0 !important;
  }
}
.product-wrapper .section-product {
  position: relative;
  padding: 60px 0;
}
@media (max-width: 1199.98px) {
  .product-wrapper .section-product {
    padding: 25px 0;
  }
}
.product-wrapper .section-product:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background-color: #f0f0f0;
}

.products-slider, #product-pictures {
  margin: 12px 0 0 0;
}
.products-slider .container-slider, #product-pictures .container-slider {
  position: relative;
}
@media (max-width: 1428.98px) {
  .products-slider .container-slider, #product-pictures .container-slider {
    padding: 0 50px;
  }
}
@media (max-width: 1199.98px) {
  .products-slider .container-slider, #product-pictures .container-slider {
    padding: 0;
  }
}
.products-slider .slider .slick-list, #product-pictures .slider .slick-list {
  margin: 0 -12px;
}
.products-slider .slider .item, #product-pictures .slider .item {
  position: relative;
  overflow: hidden;
  margin: 0 12px;
  border-radius: 3px;
}
.products-slider .slider .item:hover .product-thumbnail .cover, #product-pictures .slider .item:hover .product-thumbnail .cover, .products-slider .slider .item:hover .product-thumbnail .cover-box, #product-pictures .slider .item:hover .product-thumbnail .cover-box, .products-slider .slider .item:hover .thumbnail .cover, #product-pictures .slider .item:hover .thumbnail .cover, .products-slider .slider .item:hover .thumbnail .cover-box, #product-pictures .slider .item:hover .thumbnail .cover-box {
  transform: scale(1.15);
}
.products-slider .slider .item .name, #product-pictures .slider .item .name {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.15;
  margin: 15px 0 0 0;
  color: #000;
}
@media (max-width: 1199.98px) {
  .products-slider .slider .item .name, #product-pictures .slider .item .name {
    text-align: center;
  }
}
@media (max-width: 1199.98px) {
  .products-slider .slider-nav, #product-pictures .slider-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0 0 0;
  }
}
.products-slider .slider-nav .arrow, #product-pictures .slider-nav .arrow {
  position: absolute;
  top: calc(50% - 18px);
  width: 20px;
  height: 36px;
  cursor: pointer;
}
@media (max-width: 1199.98px) {
  .products-slider .slider-nav .arrow, #product-pictures .slider-nav .arrow {
    position: absolute;
    top: calc(50% - 60px);
    cursor: pointer;
    width: 35px;
    height: 35px;
    background: #FFF;
    box-shadow: 0 5px 5px -5px #000;
    border-radius: 50%;
    padding: 10px;
  }
  .products-slider .slider-nav .arrow-prev, #product-pictures .slider-nav .arrow-prev {
    left: 10px !important;
  }
  .products-slider .slider-nav .arrow-prev svg, #product-pictures .slider-nav .arrow-prev svg {
    position: relative;
    left: -1px !important;
  }
  .products-slider .slider-nav .arrow-next, #product-pictures .slider-nav .arrow-next {
    right: 10px !important;
  }
  .products-slider .slider-nav .arrow-next svg, #product-pictures .slider-nav .arrow-next svg {
    position: relative;
    right: -1px !important;
  }
}
.products-slider .slider-nav .arrow-prev, #product-pictures .slider-nav .arrow-prev {
  left: -80px;
}
@media (max-width: 1428.98px) {
  .products-slider .slider-nav .arrow-prev, #product-pictures .slider-nav .arrow-prev {
    left: 0;
  }
}
.products-slider .slider-nav .arrow-next, #product-pictures .slider-nav .arrow-next {
  right: -80px;
}
@media (max-width: 1428.98px) {
  .products-slider .slider-nav .arrow-next, #product-pictures .slider-nav .arrow-next {
    right: 0;
  }
}
.products-slider .slider-nav .arrow svg, #product-pictures .slider-nav .arrow svg {
  width: 100%;
  height: 100%;
  fill: #000;
}
@media (max-width: 1428.98px) {
  .products-slider .slider-nav .arrow svg, #product-pictures .slider-nav .arrow svg {
    width: 16px;
  }
}
#product-main {
  margin: 0 0 50px 0;
}
#product-main .block-slider .slick-list {
  background: #000;
}
#product-main .block-slider .container-slider .item {
  height: auto;
  height: 500px;
}
#product-main .block-slider .container-slider .item .mask {
  position: absolute;
  z-index: 10;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2666666667);
  transition: all ease-out 200ms;
}
#product-main .block-slider .container-slider .item .mask .icon {
  background: #000;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-radius: 200px;
  padding: 25px;
}
#product-main .block-slider .container-slider .item .mask .icon svg {
  fill: #fff;
  width: 50px;
  height: 50px;
}
#product-main .block-slider .container-slider .item > div {
  display: block;
  height: 100%;
  width: 100%;
}
@media (max-width: 1199.98px) {
  #product-main .block-slider .container-slider .item > div {
    position: absolute;
  }
}
#product-main .block-slider .container-slider .item img {
  width: inherit;
  height: inherit;
  object-fit: cover;
}
#product-main .block-slider .container-slider .item:hover .mask .icon {
  /*background: $color-orange;*/
  background: #333;
}
@media (max-width: 1199.98px) {
  #product-main .block-slider .container-slider .item {
    height: 325px;
  }
}
#product-main .block-slider.before .container-slider {
  min-height: 500px;
  background-color: whitesmoke;
}
@media (max-width: 1199.98px) {
  #product-main .block-slider .container-slider {
    min-height: 380px;
  }
}
#product-main .block-slider.loaded .container-slider {
  min-height: auto;
  background-color: transparent;
}
#product-main .inner {
  padding: 15px 30px 0 30px;
}
@media (max-width: 1199.98px) {
  #product-main .inner {
    padding: 25px 0 0 0;
  }
}
#product-main .product-info-head {
  display: flex;
  flex-wrap: wrap;
  gap: 0 15px;
}
#product-main .product-info-head.bottom {
  padding: 25px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
}
@media (max-width: 1199.98px) {
  #product-main .product-info-head.bottom {
    justify-content: center;
  }
}
#product-main .product-info-head .product-name {
  min-width: 100%;
}
#product-main .product-info-head .product-review {
  width: auto;
  cursor: pointer;
}
#product-main .product-info-head .product-review:hover .amount {
  text-decoration: underline;
}
#product-main .product-info-head .stock {
  background: #25737d;
  color: #fff;
  padding: 10px;
  border-radius: 3px;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
}
#product-main .product-info-head .stock span:before {
  content: "";
  border-radius: 50%;
  line-height: 0;
  margin: 0 5px 2px 0;
  position: relative;
  height: 6px;
  display: inline-block;
  width: 6px;
  background: #FFF;
}
#product-main .product-info-head .stock.unavailable {
  background: #ff005a;
}
#product-main .product-info-head .availability {
  display: none;
}
#product-main .product-info-head .price-box {
  padding: 0;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-content: center;
}
#product-main .product-info-head .price-box .old-price {
  margin-left: 15px;
  text-align: center;
  display: block !important;
}
#product-main .product-info-head .price-box .old-price .price-label {
  display: block;
  font-family: "HelveticaNowDisplay", sans-serif;
  font-weight: 400;
  font-size: 10px;
  color: #757575;
}
#product-main .product-info-head .price-box .price {
  font-size: 20px;
  color: #ff7200;
  padding: 0 4px;
  font-family: "HelveticaNowDisplay", sans-serif;
}
#product-main .product-info-head .price-box .price-label {
  display: none;
}
#product-main .product-name {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 -40px 0 0;
  color: #000;
}
@media (max-width: 1199.98px) {
  #product-main .product-name {
    font-size: 32px !important;
  }
}
@media (max-width: 1199.98px) {
  #product-main .product-name {
    font-size: 28px !important;
    margin: 0;
  }
}
@media (max-width: 767.98px) {
  #product-main .product-name {
    font-size: 25px !important;
  }
}
@media (max-width: 575.98px) {
  #product-main .product-name {
    font-size: 24px !important;
  }
}
#product-main .product-review {
  display: flex;
  align-items: center;
  margin: 5px 0 0 0;
}
@media (max-width: 1199.98px) {
  #product-main .product-review {
    justify-content: center;
  }
}
#product-main .product-review .amount {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 14px;
  line-height: 1;
  margin: 0 0 0 8px;
  color: #000;
}
#product-main .product-arguments {
  margin: 30px 0 0 0;
}
@media (max-width: 1199.98px) {
  #product-main .product-arguments {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 15px -10px -10px -10px !important;
  }
}
#product-main .product-arguments .item {
  display: flex;
  align-items: center;
  margin: 20px 0 0 0;
}
@media (max-width: 1199.98px) {
  #product-main .product-arguments .item {
    justify-content: center;
    margin: 10px !important;
  }
}
#product-main .product-arguments .item:nth-child(1) .icon svg {
  width: 23px;
}
@media (max-width: 1199.98px) {
  #product-main .product-arguments .item:nth-child(1) .icon svg {
    width: 16px;
  }
}
#product-main .product-arguments .item:nth-child(2) .icon svg {
  width: 20px;
}
@media (max-width: 1199.98px) {
  #product-main .product-arguments .item:nth-child(2) .icon svg {
    width: 16px;
  }
}
#product-main .product-arguments .item .icon {
  width: 40px;
  height: 40px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 50%;
}
#product-main .product-arguments .item .icon svg {
  width: 24px;
  height: 100%;
  fill: #000;
}
@media (max-width: 1199.98px) {
  #product-main .product-arguments .item .icon svg {
    width: 16px;
  }
}
#product-main .product-arguments .item .description {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  width: calc(100% - 40px);
  padding: 0 0 0 10px;
  color: #000;
}
@media (max-width: 1199.98px) {
  #product-main .product-arguments .item .description {
    width: auto;
    padding: 0 0 0 15px;
    text-align: left;
  }
}
#product-main .product-arguments .item .description p {
  margin: 0;
  font-weight: 600;
}
#product-main .product-arguments .item .description ul {
  margin: 0;
  padding: 0;
}
#product-main .product-arguments .item .description ul li {
  display: flex;
}
#product-main .product-arguments .item .description ul li strong {
  font-weight: 600;
  width: 65px;
  padding: 0 15px 0 0;
}
#product-main .product-arguments .item .description ul li span {
  text-transform: lowercase;
}
#product-main .product-arguments .item .description .product-cost {
  margin: 3px 0 0 0;
}
#product-main .product-promotion {
  font-size: 15px;
  font-weight: 400;
  margin: 25px 0 -10px 0;
  text-align: center;
  color: #ff7200;
}
#product-main .product-promotion strong {
  font-weight: 600;
  text-transform: uppercase;
}
#product-main .product-actions {
  margin: 10px 0 0 0;
}
#product-main .product-actions .button-sample, #product-main .product-actions .button-poser {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0;
  padding: 10px 5px;
  transition: none;
  border-radius: 3px;
  background-color: #f7f7f7;
  border: 1px solid #000;
}
#product-main .product-actions .button-sample:hover .text, #product-main .product-actions .button-poser:hover .text {
  text-decoration: underline;
}
#product-main .product-actions .button-sample:hover .icon svg, #product-main .product-actions .button-poser:hover .icon svg {
  fill: #000;
}
#product-main .product-actions .button-sample:hover .text, #product-main .product-actions .button-poser:hover .text {
  color: #000;
}
#product-main .product-actions .button-sample .icon, #product-main .product-actions .button-poser .icon {
  width: 20px;
  height: 20px;
}
#product-main .product-actions .button-sample .icon svg, #product-main .product-actions .button-poser .icon svg {
  width: 100%;
  height: 100%;
  transition: none;
  fill: #000;
}
#product-main .product-actions .button-sample .text, #product-main .product-actions .button-poser .text {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 14px;
  line-height: 1;
  margin: 0 0 0 8px;
  transition: none;
  color: #000;
  font-weight: 500;
}
@media (min-width: 768px) {
  #product-main .product-actions .button-sample {
    padding: 10px 10px;
    white-space: nowrap;
    max-width: 220px;
  }
}
#product-main .product-actions .button-poser {
  border-color: #000;
  background: #000;
  color: #FFF;
}
@media (min-width: 768px) {
  #product-main .product-actions .button-poser {
    flex: 1;
  }
}
#product-main .product-actions .button-poser .text {
  color: #FFF;
}
#product-main .product-actions .button-poser:hover .text {
  color: #FFF;
}
@media (max-width: 1199.98px) {
  #product-main .product-actions .button-sample, #product-main .product-actions .button-poser {
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 8px 5px;
    text-align: center;
    gap: 0 !important;
  }
  #product-main .product-actions .button-sample:hover .text, #product-main .product-actions .button-poser:hover .text {
    text-decoration: none;
  }
  #product-main .product-actions .button-sample .text, #product-main .product-actions .button-poser .text {
    margin: 0;
    font-size: 13px;
  }
  #product-main .product-actions .button-sample .icon, #product-main .product-actions .button-poser .icon {
    margin-bottom: 5px;
  }
  #product-main .product-actions .button-sample {
    white-space: nowrap;
  }
}
#product-main .product-bottom {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 30px 0 0 0;
  justify-content: space-evenly;
}
@media (max-width: 1199.98px) {
  #product-main .product-bottom {
    flex-wrap: wrap;
    margin: 20px -15px -10px -15px !important;
  }
}
#product-main .product-bottom .item {
  display: flex;
  align-items: center;
  margin: 0 0 0 15px;
  min-width: calc(25% - 15px);
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1199.98px) {
  #product-main .product-bottom .item {
    margin: 10px 15px !important;
  }
}
@media (max-width: 575.98px) {
  #product-main .product-bottom .item {
    justify-content: center;
    width: 100%;
  }
}
#product-main .product-bottom .item:first-child {
  margin: 0;
}
#product-main .product-bottom .item.item-alma .icon {
  width: 80px;
}
#product-main .product-bottom .item.item-waranty .icon {
  top: -3px;
  position: relative;
  width: 72px;
}
#product-main .product-bottom .item.item-shipping .icon {
  padding: 13px;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  margin: 3px 0 2px 0 !important;
  background: #000;
  border: none;
}
#product-main .product-bottom .item.item-shipping .icon svg {
  fill: #FFF;
}
#product-main .product-bottom .item.item-made-in-france .icon svg, #product-main .product-bottom .item.item-alma .icon svg {
  width: 100%;
  height: 100%;
}
#product-main .product-bottom .item .icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#product-main .product-bottom .item .icon-text {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  color: #000;
}
#product-main .product-bottom .item .icon svg {
  width: 100%;
  height: 100%;
  fill: #000;
}
#product-main .product-bottom .item .text {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  padding: 0;
  color: #000;
  text-align: center;
  margin-top: 10px;
}
@media (max-width: 575.98px) {
  #product-main .product-bottom .item .text {
    width: auto;
  }
}
#product-main .block-slider .container-slider .slider {
  position: absolute;
  opacity: 0;
  padding-top: 0;
}
#product-main .block-slider .container-slider .slider.slick-initialized {
  position: relative;
  opacity: 1;
}

#product-navigation {
  z-index: 9;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.05);
}
@media (max-width: 1199.98px) {
  #product-navigation {
    display: none;
  }
}
#product-navigation ul {
  display: flex;
  margin: 0;
  padding: 0;
}
#product-navigation ul li {
  position: relative;
  display: block;
  margin: 0 0 0 20px;
}
#product-navigation ul li:first-child {
  margin: 0;
}
#product-navigation ul li:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  content: "";
  transition: none;
  opacity: 0;
  background-color: #000;
}
#product-navigation ul li.is-active:before, #product-navigation ul li:hover:before {
  opacity: 1;
}
#product-navigation ul li a {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 60px;
  display: block;
  padding: 0 20px;
  color: #000;
}

#product-advantages .entry-content {
  padding: 0 50px 0 0;
}
@media (max-width: 1199.98px) {
  #product-advantages .entry-content {
    padding: 0 0 50px 0;
  }
}
#product-advantages .block-slider {
  padding: 15px 0;
  box-shadow: 0 0 0 20px #f0f0f0;
  background: #f0f0f0;
  margin-bottom: -5px !important;
}
@media (max-width: 1199.98px) {
  #product-advantages .block-slider {
    padding: 0;
  }
}
#product-advantages .block-slider .container-slider .item {
  height: 310px;
}
@media (max-width: 1199.98px) {
  #product-advantages .block-slider .container-slider .item {
    height: 300px;
    /*pointer-events: none;*/
  }
}
#product-advantages .block-slider .container-slider .item .cover-box img {
  object-fit: contain;
}
#product-advantages .block-slider .slider-nav {
  margin: 5px -3px -3px -3px !important;
}
#product-advantages .block-slider .slider-nav .item {
  width: 48px;
  height: 35px;
  margin: 3px !important;
}

@media (max-width: 1199.98px) {
  #product-specifications .attributes {
    display: none;
  }
}
#product-specifications .entry-content,
#product-specifications .entry-table {
  display: flex;
  flex-wrap: wrap;
}
#product-specifications .entry-content .item,
#product-specifications .entry-table .item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0 10px;
  padding: 15px 20px;
}
@media (max-width: 1199.98px) {
  #product-specifications .entry-content .item,
  #product-specifications .entry-table .item {
    background: none;
  }
}
#product-specifications .entry-content .item .attribute,
#product-specifications .entry-table .item .attribute {
  width: calc(50% - 10px);
  display: flex;
  flex-wrap: wrap;
}
#product-specifications .entry-content .item .attribute:first-child,
#product-specifications .entry-table .item .attribute:first-child {
  padding-right: 20px;
}
#product-specifications .entry-content .item .attribute:nth-child(2n),
#product-specifications .entry-table .item .attribute:nth-child(2n) {
  padding-left: 20px;
}
#product-specifications .entry-content .item .attribute .value,
#product-specifications .entry-table .item .attribute .value {
  font-size: 13px;
}
@media (max-width: 1199.98px) {
  #product-specifications .entry-content .item .attribute,
  #product-specifications .entry-table .item .attribute {
    width: 100%;
    padding: 10px;
  }
  #product-specifications .entry-content .item .attribute:last-child,
  #product-specifications .entry-table .item .attribute:last-child {
    background: whitesmoke;
  }
}
@media (min-width: 1200px) {
  #product-specifications .entry-content,
  #product-specifications .entry-table {
    padding: 0 50px 0 0;
  }
}
@media (min-width: 1200px) {
  #product-specifications .entry-files {
    max-width: 515px;
  }
}
@media (min-width: 1200px) and (max-width: 1199.98px) {
  #product-specifications .col-lg-6:nth-child(1) > div {
    padding: 0 25px 0 0;
  }
  #product-specifications .col-lg-6:nth-child(2) > div {
    padding: 0 0 0 25px;
  }
}
@media (max-width: 1199.98px) {
  #product-specifications .col-lg-6:nth-child(2) {
    margin-top: 20px;
  }
}

@media (max-width: 1199.98px) {
  #product-fabrics .arguments {
    padding: 30px 0 0 0;
  }
}
#product-fabrics .arguments .item {
  display: flex;
  margin: 20px 0 0 0;
  align-items: center;
}
#product-fabrics .arguments .item.item-occultant svg, #product-fabrics .arguments .item.item-tamisant svg, #product-fabrics .arguments .item.item-transparent svg {
  display: none;
}
#product-fabrics .arguments .item.item-occultant .icon, #product-fabrics .arguments .item.item-tamisant .icon, #product-fabrics .arguments .item.item-transparent .icon {
  border: 2px solid;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  background: #000;
}
#product-fabrics .arguments .item.item-occultant.item-tamisant .icon, #product-fabrics .arguments .item.item-occultant.item-transparent .icon, #product-fabrics .arguments .item.item-tamisant.item-tamisant .icon, #product-fabrics .arguments .item.item-tamisant.item-transparent .icon, #product-fabrics .arguments .item.item-transparent.item-tamisant .icon, #product-fabrics .arguments .item.item-transparent.item-transparent .icon {
  background: none;
}
#product-fabrics .arguments .item.item-occultant.item-tamisant .icon:before, #product-fabrics .arguments .item.item-tamisant.item-tamisant .icon:before, #product-fabrics .arguments .item.item-transparent.item-tamisant .icon:before {
  content: "";
  background: #000;
  width: 50%;
  left: 50%;
  display: flex;
  position: relative;
  z-index: 10;
  height: 100%;
  border-radius: 0 20px 20px 0;
}
@media (max-width: 767.98px) {
  #product-fabrics .arguments .item {
    align-items: center;
    flex-wrap: wrap;
  }
}
#product-fabrics .arguments .item .icon {
  width: 40px;
  height: 40px;
}
@media (max-width: 767.98px) {
  #product-fabrics .arguments .item .icon {
    width: 32px;
    height: 32px;
  }
}
#product-fabrics .arguments .item .icon svg {
  width: 100%;
  height: 100%;
  fill: #000;
}
#product-fabrics .arguments .item .text {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  width: calc(100% - 40px);
  padding: 0 0 0 15px;
  color: #8c8c8c;
}
#product-fabrics .arguments .item .text p {
  margin: 0;
}
#product-fabrics .arguments .item .text .title {
  font-size: 16px;
  font-weight: 700;
  color: #000;
}
#product-fabrics .product-shades {
  position: relative;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 170px;
  padding: 30px;
  border-radius: 3px;
}
@media (max-width: 1199.98px) {
  #product-fabrics .product-shades {
    margin-top: 50px !important;
  }
}
#product-fabrics .product-shades:hover .button-discover {
  background-color: #2e8e9b;
}
#product-fabrics .product-shades .button-discover {
  position: relative;
  z-index: 2;
  display: inline-flex;
  padding: 14px 24px;
  transition: none;
  border-radius: 3px;
  background-color: #25737d;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
#product-fabrics .product-shades .button-discover .icon {
  width: 20px;
  height: 20px;
}
#product-fabrics .product-shades .button-discover .icon svg {
  width: 100%;
  height: 100%;
  fill: #fff;
}
#product-fabrics .product-shades .button-discover .text {
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  padding: 0 0 0 12px;
  color: #fff;
}

#product-guarantees .entry-title {
  margin: 0 0 50px 0;
}
#product-guarantees .item {
  display: flex;
  margin: 30px 0 0 0;
}
@media (max-width: 1199.98px) {
  #product-guarantees .item {
    flex-wrap: wrap;
  }
}
#product-guarantees .item .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: whitesmoke;
}
@media (max-width: 767.98px) {
  #product-guarantees .item .icon {
    width: 72px;
    height: 72px;
  }
}
#product-guarantees .item .icon-franciaflex {
  position: relative;
}
#product-guarantees .item .icon-franciaflex:after {
  position: absolute;
  top: 8px;
  right: -1px;
  width: 26px;
  height: 18px;
  content: "";
  background-image: url("../images/flag-france.png");
  background-size: 26px 18px;
}
@media (max-width: 767.98px) {
  #product-guarantees .item .icon-franciaflex:after {
    width: 18px;
    height: 13px;
    background-size: 18px 13px;
  }
}
#product-guarantees .item .icon svg {
  width: 48px;
  height: 48px;
  fill: #000;
}
@media (max-width: 767.98px) {
  #product-guarantees .item .icon svg {
    width: 32px;
    height: 32px;
  }
}
#product-guarantees .item .icon img {
  max-width: calc(100% - 24px);
  max-height: 48px;
}
#product-guarantees .item .entry-content {
  width: calc(100% - 100px);
  padding: 0 0 0 40px;
  text-align: left;
}
@media (max-width: 1199.98px) {
  #product-guarantees .item .entry-content {
    width: auto;
    padding: 0 0px 0px 20px;
    flex: 1;
  }
}
#product-guarantees .item .icon-franciaflex:after {
  opacity: 0;
}
#product-guarantees .item .icon-franciaflex.made-in-france:after {
  opacity: 1;
}

#product-pictures {
  overflow: hidden;
  margin: 0;
  text-align: center;
}
@media (max-width: 1199.98px) {
  #product-pictures {
    text-align: center;
  }
}
#product-pictures .entry-title {
  text-align: left;
  margin: 0;
}
@media (max-width: 1199.98px) {
  #product-pictures .entry-title {
    text-align: left;
    margin: 0 0 15px 0;
  }
}
#product-pictures .container-slider .slider-nav {
  display: none !important;
}
#product-pictures .container-slider .slider .item {
  overflow: hidden;
  border-radius: 3px;
}
#product-pictures .container-slider .slider .item:hover .icon {
  background: #2e8e9b;
}
#product-pictures .container-slider .slider .item:hover .cover, #product-pictures .container-slider .slider .item:hover .cover-box, #product-pictures .container-slider .slider .item:hover .cover img, #product-pictures .container-slider .slider .item:hover .cover-box img {
  transform: scale(1) !important;
}
#product-pictures .container-slider .slider .item .icon {
  position: absolute;
  z-index: 2;
  right: 12px;
  bottom: 12px;
  width: 44px;
  height: 44px;
  transition: none;
  text-align: center;
  border-radius: 50%;
  background-color: #000 !important;
}
@media (max-width: 1199.98px) {
  #product-pictures .container-slider .slider .item .icon {
    display: none;
  }
}
#product-pictures .container-slider .slider .item .icon svg {
  width: 21px;
  height: 100%;
  fill: #fff;
}
#product-pictures .container-slider .slider .item .thumbnail {
  height: 0;
  padding-bottom: 100%;
}
#product-pictures .container-slider .slider .item .thumbnail .cover {
  transition: none;
}
#product-pictures .button-configure {
  display: inline-block;
  max-width: 350px;
  margin-top: 20px;
}
@media (max-width: 1199.98px) {
  #product-pictures .button-configure {
    max-width: 100%;
  }
}

#product-reviews .entry-title {
  margin: 0 0 40px 0;
}
@media (max-width: 1199.98px) {
  #product-reviews .entry-title {
    margin: 0 0 20px 0;
  }
}
#product-reviews .reviews-summary {
  width: 100%;
  padding: 30px 0;
  border-radius: 3px;
  background-color: #f7f7f7;
}
@media (min-width: 768px) {
  #product-reviews .reviews-summary {
    border: 1px solid #000;
  }
}
@media (max-width: 1199.98px) {
  #product-reviews .reviews-summary {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}
#product-reviews .reviews-summary .logo-av {
  max-width: 125px;
}
#product-reviews .container-reviews {
  padding: 0 0 0 50px;
  text-align: center;
}
@media (max-width: 1199.98px) {
  #product-reviews .container-reviews {
    padding: 0;
  }
}
#product-reviews .container-reviews .listing {
  text-align: left;
}
#product-reviews .container-reviews .listing .review-item {
  display: flex;
  padding: 30px 0;
  border: none;
  border-top: 1px solid #f0f0f0;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 1199.98px) {
  #product-reviews .container-reviews .listing .review-item {
    flex-direction: column;
    padding: 15px 0 25px 0px;
    gap: 10px;
  }
}
#product-reviews .container-reviews .listing .review-item .review-left {
  flex-basis: 30%;
  padding: 0;
}
@media (max-width: 575.98px) {
  #product-reviews .container-reviews .listing .review-item .review-left {
    width: 100%;
    padding: 15px 0 0 0;
  }
}
#product-reviews .container-reviews .listing .review-item .reviews-right {
  flex-basis: calc(70% - 20px);
}
#product-reviews .container-reviews .listing .review-item .netreviews_website_answer {
  padding: 15px 15px 15px 20px;
  border-radius: 3px;
  background-color: #fcfcfc;
  font-size: 15px;
  border-left: 2px solid #000000;
  font-weight: 500;
  flex: 0 0 calc(70% - 20px);
  margin: 0;
  margin-left: auto;
  float: right;
  width: 100%;
}
#product-reviews .container-reviews .listing .review-item .netreviews_website_answer .netreviews_answer_title {
  font-size: 0 !important;
  background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' id='logo-mobile' viewBox='0 0 590 123.7'%3E%3Cpath d='M340.4,71.1h10.7v51.8h-10.7v-6.2c-3.4,4.4-9.2,7-15.3,7c-12.1,0-21.3-7.6-21.3-22.1V71.1h10.6V100c0,9.5,5.2,14.4,13,14.4 c7.9,0,13.1-4.9,13.1-14.4L340.4,71.1L340.4,71.1z M282.1,53.3h10.8v69.6h-10.8v-7.8c-3.3,4.7-9.5,8.6-18,8.6 c-13.6,0-24.4-11-24.4-27l0,0c0-16,10.8-26.5,24.5-26.5c6.8,0,13.9,3.2,17.9,8.1V53.3L282.1,53.3z M282.1,97 c0-11.1-7.6-17.4-15.7-17.4c-8,0-15.7,6-15.7,17.2s7.7,17.7,15.7,17.7C274.5,114.4,282.1,108.1,282.1,97L282.1,97z M166.1,71.1V100 c0,9.5-5.2,14.4-13.1,14.4c-7.8,0-13-4.9-13-14.4V71.1h-10.6v30.5c0,14.5,9.2,22.1,21.3,22.1c6.1,0,11.9-2.5,15.3-7v6.2h10.7V71.1 l0,0L166.1,71.1L166.1,71.1z M235.6,95.7c0,1.8-0.1,3.5-0.4,5.3h-39.6c0.8,8.6,6.9,13.7,14.8,13.7c6.6,0,10.2-3.2,12.2-7.2h11.6 c-2.9,9-11.1,16.3-23.8,16.3c-14.8,0-25.8-10.5-25.8-26.8c0-16.3,10.5-26.7,25.8-26.7C225.1,70.3,235.6,80.5,235.6,95.7L235.6,95.7z M224.4,92.4c-0.2-8-6.5-13.1-14.5-13.1c-7.2,0-13.1,4.9-14.2,13.1H224.4z M107.4,78.6v-7.5H96.6v51.8h10.7V95.6 c0-11,4.9-14.3,12.8-14.3h2.7V70.3C115.5,70.3,110.4,73.5,107.4,78.6L107.4,78.6z'/%3E%3Cpath fill='%23ff7200' d='M535.7,69.9v17h-4.4c-7.6,0-12,2.6-12,11.7l0,0v24.3h-16.1V70.5h16.1v8.7C522.9,73.6,528.7,69.9,535.7,69.9 L535.7,69.9z M588.8,105.5C588.8,105.5,588.8,105.5,588.8,105.5L588.8,105.5L588.8,105.5L588.8,105.5z M589.8,100.5h-36.4 c0.6,6.9,4.8,10.1,10,10.1c4.5,0,7.1-2.3,8.4-5.1h17.1c-2.5,10.2-11.8,18.1-24.9,18.1c-15.4,0-26.5-10.3-26.5-27s10.9-27,26.5-27 c15.3,0,26.1,10.2,26.1,26.1C590,97.4,589.9,99,589.8,100.5L589.8,100.5z M573.6,91.6c0-5.7-4.5-9-9.9-9c-5.3,0-9.3,3.2-10.2,9 H573.6z M375.1,85.7c0-2.5,2.1-4,5.8-4c4.5,0,7.2,2.4,7.7,5.9h14.9c-1-10.3-8.6-17.9-22.1-17.9C367.6,69.7,360,77,360,86 c0,19.3,28.6,13.2,28.6,21.6c0,2.4-2.2,4.2-6.3,4.2c-4.4,0-7.7-2.4-8.1-6.1h-15.9c0.8,10.2,10.2,18,24.2,18c13.2,0,21.2-6.9,21.2-16 l0,0C403.5,88.1,375.1,94,375.1,85.7z M497.5,96.7L497.5,96.7c0,16.6-12,27-27.4,27s-27.1-10.3-27.1-27s11.9-27,27.3-27 C485.6,69.7,497.5,80,497.5,96.7L497.5,96.7z M481.1,96.7c0-8.9-5.3-13.1-10.9-13.1c-5.8,0-10.9,4.1-10.9,13.1l0,0 c0,8.8,4.9,13.1,10.7,13.1C475.7,109.7,481.1,105.5,481.1,96.7z M429.4,104.9V83.8h10.5V70.5h-10.5V57.7h-16.1v12.8h-6.4v13.3h6.4 v20.9l0,0c0,13.6,7.6,18.2,18.5,18.2h8.2v-13.6h-5.7C430.7,109.3,429.4,108,429.4,104.9L429.4,104.9z M13,16.9 c28.6,3.1,54.6,11.5,75.5,23.4v-6.8C62.4,15.2,31.4,4.2,0,0v15.9C4.3,16.1,8.6,16.4,13,16.9 M1.1,46.2C33,40.9,63.4,43,88.5,50.8v-5 C60.8,33.9,29.9,30,0,31.9v14.5C0.4,46.4,0.8,46.3,1.1,46.2 M0,67.6v16.8c1.5-0.8,3-1.5,4.5-2.3c26-12.7,54.9-20.7,84-21v-5.7 C58.6,52.4,28.1,57.3,0,67.6L0,67.6z M96.1,56.7c0,0,13.3-2.2,29.5-9v8.4c0,0-17.7,5.1-29.4,5.1L96.1,56.7z M96.3,52.1v-4.6 c0,0,20.1-9.9,29.1-18.9v10C125.4,38.6,110.1,47.9,96.3,52.1L96.3,52.1z M88.5,74.7v-5.8c-14.9,0.9-30.8,4-46.8,9.2v12 C57.4,82.6,73.3,77.4,88.5,74.7 M88.5,86.2v-5.9c-15.5,5-31.4,12.9-46.8,23.4v14.9C56.5,104.7,72.5,93.8,88.5,86.2'/%3E%3C/svg%3E%0A") center center no-repeat;
  height: 17px;
  width: 90px;
  position: relative;
  display: inline-block;
  top: -4px;
}
#product-reviews .container-reviews .listing .review-item .netreviews_website_answer p {
  margin: 0;
  padding: 0;
  font-family: "HelveticaNowDisplay", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  font-weight: normal;
}
#product-reviews .container-reviews .listing .review-item .netreviews_website_answer p br {
  content: "";
  height: 5px;
  width: 100%;
  display: block;
}
#product-reviews .container-reviews .listing .review-item .review-right {
  display: flex;
  flex-basis: 70%;
  text-align: left;
  flex-direction: column;
}
@media (max-width: 575.98px) {
  #product-reviews .container-reviews .listing .review-item .review-right {
    width: 100%;
  }
}
#product-reviews .container-reviews .listing .review-item .comment {
  height: auto;
}
#product-reviews .container-reviews .listing .review-item .comment:after {
  display: none;
}
#product-reviews .container-reviews .button-rounded {
  font-size: 15px;
  font-weight: 400;
  margin: 10px 0 0 0;
  text-transform: none;
}
#product-reviews .container-reviews #netreviews_button_more_reviews {
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
#product-reviews .container-reviews #netreviews_button_more_reviews .netreviews_button.button-rounded {
  font-size: 15px;
  text-transform: none;
  background: #000;
  padding: 12px 10px;
  font-family: "HelveticaNowDisplay", sans-serif;
  font-weight: 500;
  margin: 0 0 30px 0 !important;
  transition: none !important;
}
#product-reviews .container-reviews #netreviews_button_more_reviews .netreviews_button.button-rounded:hover {
  background: #333333 !important;
}

#netreviews_media_modal {
  display: none;
  position: fixed;
  z-index: 990;
  padding: 0px;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.9);
}

#netreviews_media_close {
  z-index: 992;
  position: absolute;
  top: 90px;
  right: 5%;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: opacity 0.2s;
  opacity: 1;
  cursor: pointer;
  display: block;
  text-decoration: none;
}

#netreviews_media_close:hover,
#netreviews_media_close:focus {
  text-decoration: none;
  opacity: 0.8;
}

#product-related {
  padding: 75px 0;
  text-align: center;
  background-color: #f0f0f0;
}
@media (max-width: 1199.98px) {
  #product-related {
    padding: 30px 0;
  }
}
#product-related .entry-title {
  margin: 0 0 60px 0;
}
@media (max-width: 1199.98px) {
  #product-related .entry-title {
    margin: 0 0 30px 0;
  }
}
#product-related .container-products {
  display: flex;
  margin: 0 -12px;
}
@media (max-width: 1199.98px) {
  #product-related .container-products {
    margin: 0 !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
  }
}
#product-related .container-products .product-card {
  width: calc(25% - 24px);
  margin: 0 12px;
}
@media (max-width: 1199.98px) {
  #product-related .container-products .product-card {
    width: auto;
    margin: 0 !important;
    flex: 0 0 calc(50% - 5px);
    box-shadow: none;
  }
  #product-related .container-products .product-card:last-child {
    display: none;
  }
  #product-related .container-products .product-card .product-thumbnail {
    padding-bottom: 80%;
  }
  #product-related .container-products .product-card .inner {
    padding: 15px;
  }
  #product-related .container-products .product-card .inner .description {
    display: block;
  }
  #product-related .container-products .product-card .inner .name {
    font-size: 17px;
    margin: 0 0 10px 0;
  }
}
#product-related .container-products .product-card .cover-box.mw img {
  min-width: auto;
  min-height: 100%;
}
@media (max-width: 1199.98px) {
  #product-related {
    padding-bottom: 40px;
  }
}
#product-related + .block-conseils-mobile {
  margin-top: 50px;
}
@media (max-width: 1199.98px) {
  #product-related + .block-conseils-mobile {
    margin-top: 0;
    background: #f7f7f7;
    padding-bottom: 25px;
  }
  #product-related + .block-conseils-mobile .conseil {
    border-color: #000;
  }
  #product-related + .block-conseils-mobile .conseil:first-child {
    border-top: 1px solid;
  }
}

.mfp-wrap.mfp-video .mfp-content {
  max-width: calc(100vw - 30%) !important;
  max-height: 100%;
}

.page-product-configurable #product-main .product-arguments {
  margin-top: 10px;
}
.page-product-configurable #product-main .product-promotion {
  margin: 25px 0 0px 0;
}
.page-product-configurable .product-add-form {
  margin-top: 25px;
}
.page-product-configurable .product-add-form .product-options-bottom .fieldset {
  margin-top: 25px;
}
.page-product-configurable .product-add-form .product-options-wrapper .fieldset .super-attribute-select {
  display: none;
}
.page-product-configurable .product-add-form .product-options-wrapper .fieldset .field.configurable {
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
}
.page-product-configurable .product-add-form .product-options-wrapper .fieldset .field.configurable .label {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 8px;
  display: inline-block;
  font-family: "HelveticaNowDisplay", sans-serif;
}
.page-product-configurable .product-add-form .product-options-wrapper .fieldset .swatch-opt .swatch-attribute {
  margin-top: 20px;
}
.page-product-configurable .product-add-form .product-options-wrapper .fieldset .swatch-opt .swatch-attribute .select2-results__option {
  display: block;
}
.page-product-configurable .product-add-form .product-options-wrapper .fieldset .swatch-opt .swatch-attribute .select2-results__option.select2-results__option--disabled {
  opacity: 0.3;
  cursor: default;
}
.page-product-configurable .product-add-form .product-options-wrapper .fieldset .swatch-opt .swatch-attribute .swatch-attribute-label {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
  display: inline-block;
}
.page-product-configurable .product-add-form .product-options-wrapper .fieldset .swatch-opt .swatch-attribute .swatch-attribute-selected-option {
  display: none;
}
.page-product-configurable .product-add-form .product-options-wrapper .fieldset .swatch-opt .swatch-attribute .swatch-attribute-options {
  display: flex;
  gap: 10px;
}
.page-product-configurable .product-add-form .product-options-wrapper .fieldset .swatch-opt .swatch-attribute .swatch-attribute-options .swatch-option {
  width: 25px;
  height: 25px;
  border-radius: 30px;
  border: 1px solid #f1f1f1;
  cursor: pointer;
}
.page-product-configurable .product-add-form .product-options-wrapper .fieldset .swatch-opt .swatch-attribute .swatch-attribute-options .swatch-option.selected {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  border: 2px solid #fff;
}
.page-product-configurable .product-add-form .product-options-wrapper .fieldset .swatch-opt .swatch-attribute .swatch-attribute-options .swatch-option.disabled {
  opacity: 0.3;
  cursor: default;
}
.page-product-configurable .product-options-bottom {
  margin-top: 25px;
}
.page-product-configurable .product-options-bottom .variation-error {
  text-align: center;
  color: red;
  padding: 20px 10px 0;
  width: 100%;
}
.page-product-configurable .product-options-bottom .box-tocart .fieldset {
  display: flex;
  align-items: flex-end;
}
.page-product-configurable .product-options-bottom .box-tocart .fieldset button.tocart {
  font-size: 15px;
  display: block;
  width: 100%;
  margin: 10px 0 0 0;
  padding: 12px 30px;
  font-weight: 600;
  color: #fff;
  border: none;
  border-radius: 3px;
  background-color: #ff7200;
  line-height: 1.2;
  transition: none;
  text-align: center;
  text-transform: uppercase;
}
.page-product-configurable .product-options-bottom .box-tocart .fieldset button.tocart:hover {
  background: #ff6900;
}
.page-product-configurable .product-options-bottom .box-tocart .fieldset button.tocart.disabled {
  cursor: not-allowed;
  background: #ebebeb;
}
.page-product-configurable .product-options-bottom .box-tocart .fieldset .field {
  padding: 0;
  font-family: "HelveticaNowDisplay", sans-serif;
  font-weight: 500;
  font-size: 15px;
}
.page-product-configurable .product-options-bottom .box-tocart .fieldset .field .label {
  margin-bottom: 10px;
}
.page-product-configurable .product-options-bottom .box-tocart .fieldset .field .control .input-text {
  border: 1px solid #000;
  border-radius: 3px;
  padding: 0;
  width: 165px;
  height: 42px;
  text-align: center;
}
.page-product-configurable #product-navigation .tab-product-fabrics {
  display: none;
}
.page-product-configurable #product-fabrics {
  display: none;
}

@keyframes slideInFromRight {
  from {
    right: -80px;
  }
  to {
    right: 0;
  }
}
@keyframes slideInFromRight-2 {
  from {
    right: -90px;
  }
  to {
    right: 0;
  }
}
#product-preview-mobile {
  overflow: hidden;
  background: #25737d;
  color: #FFF;
  font-family: "HelveticaNowDisplay", sans-serif;
  padding: 10px 10px 10px 15px;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin-top: 15px;
}
@media (min-width: 768px) {
  #product-preview-mobile {
    display: none;
  }
}
#product-preview-mobile .title {
  font-size: 12px;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
  line-height: 1.25;
}
#product-preview-mobile .desc {
  font-size: 13px;
  color: #bfdee4;
  line-height: 1.25;
}
#product-preview-mobile .right {
  min-width: 76px;
  min-height: 76px;
  position: relative;
  margin-left: 15px;
}
#product-preview-mobile .canvas-copy {
  width: 70px;
  height: 70px;
  padding: 0;
  border: 3px solid #FFF;
  background: #FFF;
  border-radius: 5px;
  overflow: hidden;
  box-sizing: content-box;
  position: relative;
  animation: slideInFromRight-2 0.25s ease forwards;
}
#product-preview-mobile .canvas-copy:after {
  content: "";
  width: 25px;
  height: 22px;
  border-radius: 5px 0 0 0;
  position: absolute;
  right: -3px;
  bottom: -3px;
  background: #FFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='-0.6 -0.6 10 10' id='View--Streamline-Micro' height='10' width='10'%3E%3Cdesc%3EView Streamline Icon: https://streamlinehq.com%3C/desc%3E%3Cpath stroke='%2325737d' stroke-linecap='round' stroke-linejoin='round' d='M4.4 5.5a1.1 1.1 0 1 0 0 -2.2 1.1 1.1 0 0 0 0 2.2Z' stroke-width='1.1'%3E%3C/path%3E%3Cpath stroke='%2325737d' stroke-linecap='round' stroke-linejoin='round' d='M4.4 1.32C1.76 1.32 0.44 4.4 0.44 4.4S1.76 7.48 4.4 7.48 8.36 4.4 8.36 4.4 7.04 1.32 4.4 1.32Z' stroke-width='1.1'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
  background-size: 75%;
  padding: 0;
  z-index: 2;
}
#product-preview-mobile .canvas-copy img {
  width: 100%;
  border-radius: 3px;
}
#product-preview-mobile .canvas-copy #preview-store-loading {
  display: none !important;
}
#product-preview-mobile .canvas-copy.loading.first-load #merged-canvas-img {
  opacity: 0;
}
#product-preview-mobile .canvas-copy.loading.first-load #preview-store-loading {
  position: absolute;
  display: block !important;
  left: 0;
  top: 0;
  z-index: 1;
}
#product-preview-mobile .canvas-copy.loading:before {
  content: "";
  background: url(../../../svg/page-loader-white.svg) no-repeat center center transparent;
  background-size: 50%;
  height: 100%;
  width: 100%;
  position: absolute;
  mix-blend-mode: exclusion;
  z-index: 3;
}
#product-preview-mobile.no-visible .canvas-copy {
  background: #25737d;
  position: fixed;
  z-index: 99;
  top: calc(50% - 50px);
  border-radius: 5px 0 0 5px;
  padding: 0;
  right: -80px;
  animation: slideInFromRight 0.25s ease forwards;
  border: 3px solid #25737d;
  border-right: none;
}
#product-preview-mobile.no-visible .canvas-copy img {
  border-radius: 3px 0 0 3px;
}
#product-preview-mobile.no-visible .canvas-copy:after {
  background: #25737d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='-0.6 -0.6 10 10' id='View--Streamline-Micro' height='10' width='10'%3E%3Cdesc%3EView Streamline Icon: https://streamlinehq.com%3C/desc%3E%3Cpath stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' d='M4.4 5.5a1.1 1.1 0 1 0 0 -2.2 1.1 1.1 0 0 0 0 2.2Z' stroke-width='1.1'%3E%3C/path%3E%3Cpath stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' d='M4.4 1.32C1.76 1.32 0.44 4.4 0.44 4.4S1.76 7.48 4.4 7.48 8.36 4.4 8.36 4.4 7.04 1.32 4.4 1.32Z' stroke-width='1.1'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
  background-size: 75%;
}

@media (max-width: 1199.98px) {
  body #footer .footer-col-1 {
    border-bottom: 1px solid #dedede;
  }
  body #footer .footer-col-1, body #footer .footer-col-2 {
    width: 100% !important;
  }
  body #footer .footer-col-1 .footer-title, body #footer .footer-col-2 .footer-title {
    cursor: pointer;
    font-size: 18px !important;
    margin-top: 15px !important;
  }
  body #footer .footer-col-1 .footer-title:after, body #footer .footer-col-2 .footer-title:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 48 48' height='48' width='48'%3E%3Cg id='arrow-right-3--arrow-right-keyboard'%3E%3Cpath id='Vector 134 (Stroke)' fill='%23000000' fill-rule='evenodd' d='M24.363 24.343a0.499 0.499 0 0 0 0 -0.664c-1.25 -1.407 -6.348 -7.137 -12.82 -14.33 -0.993 -1.102 -1.58 -2.587 -0.912 -3.911 0.296 -0.587 0.73 -1.24 1.369 -1.893a7.334 7.334 0 0 1 2.126 -1.537c1.15 -0.539 2.43 -0.114 3.43 0.668C24.52 8.127 31.397 15.94 35.131 20.443a5.564 5.564 0 0 1 0 7.137c-3.734 4.503 -10.612 12.316 -17.579 17.75 -0.998 0.779 -2.274 1.2 -3.42 0.665A7.329 7.329 0 0 1 12 44.455a7.625 7.625 0 0 1 -1.368 -1.891c-0.67 -1.325 -0.082 -2.81 0.91 -3.914a4214.81 4214.81 0 0 0 12.821 -14.307Z' clip-rule='evenodd' stroke-width='1'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    content: "";
    width: 13px;
    height: 13px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(90deg);
    left: 10px;
    top: 2px;
    position: relative;
  }
  body #footer .footer-col-1 .footer-nav, body #footer .footer-col-2 .footer-nav {
    display: none;
  }
  body #footer .footer-col-1.open .footer-nav, body #footer .footer-col-2.open .footer-nav {
    display: block;
  }
  body #footer .footer-col-1.open .footer-title:after, body #footer .footer-col-2.open .footer-title:after {
    transform: rotate(-90deg);
  }
}
body .block-conseils-mobile {
  display: flex;
  background-size: contain;
  padding: 25px;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  width: 1040px;
  margin: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 20px;
  text-align: center;
}
body .block-conseils-mobile a {
  font-size: 14px;
  background: #000;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 2px;
  padding: 12px 24px;
  position: relative;
}
body .block-conseils-mobile a .icon {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-bottom: -3px;
  margin-top: -4px !important;
  position: relative;
}
body .block-conseils-mobile a .arrow {
  width: 10px;
  height: 10px;
  margin-top: -3px;
  margin-left: 5px;
}
@media (max-width: 1199.98px) {
  body .block-conseils-mobile {
    width: 100%;
    gap: 0px;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-content: stretch;
    justify-content: center;
    align-items: stretch;
  }
}
body .block-conseils-mobile .conseil {
  background: url(../images/BG-Conseils-Mobile.jpg) center center;
  padding: 35px;
  border-radius: 5px;
  border: 2px solid #000;
  width: 50%;
  background-size: cover !important;
}
@media (max-width: 1199.98px) {
  body .block-conseils-mobile .conseil {
    padding: 15px;
    border-radius: 0;
    border: none;
    width: 100%;
    border-bottom: 1px solid #a7a7a7;
  }
}
body .block-conseils-mobile .conseil.posepro {
  background: url(../images/BG-Conseils-Posepro-Mobile.jpg) center center;
}
body .block-conseils-mobile .conseil.posepro .svg-wrapper:before {
  content: "";
  background: white;
  height: 19px;
  width: 15px;
  position: absolute;
  z-index: 0;
  display: block;
  left: 5px;
  top: 4px;
}
body .block-conseils-mobile .conseil.conseils .svg-wrapper:before {
  content: "";
  background: white;
  height: 13px;
  width: 15px;
  position: absolute;
  z-index: 0;
  display: block;
  left: 5px;
  top: 4px;
}
body .block-conseils-mobile .conseil .svg-wrapper {
  display: inline-block;
  height: 25px;
  width: 25px;
  margin-bottom: -2px !important;
  position: relative;
  top: -1px !important;
  margin-right: 5px;
}
@media (max-width: 1199.98px) {
  body .block-conseils-mobile .conseil .svg-wrapper {
    margin-right: -1px;
    transform: scale(0.75);
  }
}
body .block-conseils-mobile .conseil .svg-wrapper svg {
  width: 100%;
  height: 100%;
  margin: 0 !important;
}
body .block-conseils-mobile a {
  display: inline-block;
  font-size: 18px;
  border-radius: 4px;
  padding: 16px 30px;
}
@media (max-width: 1199.98px) {
  body .block-conseils-mobile a {
    font-size: 15px;
    border-radius: 4px;
    padding: 3px 8px;
  }
}
body .block-conseils-mobile a:hover {
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.15), 0 5px 5px 0 rgba(0, 0, 0, 0.05);
}
@media (max-width: 1199.98px) {
  body #main {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  body .block-reassure {
    display: flex;
    order: 2;
    background: #f7f7f7;
    padding-bottom: 40px;
  }
  body .block-newsletter-offer {
    display: flex;
    order: 3;
    background: #2e7880;
    font-family: "HelveticaNowDisplay", sans-serif;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
  }
  body .block-newsletter-offer form {
    max-width: 340px;
  }
  body .block-newsletter-offer .title {
    font-size: 25px;
    color: #FFF;
    text-align: center;
    margin-bottom: 18px;
    line-height: 0.8;
  }
  body .block-newsletter-offer .title span {
    font-size: 16px;
    font-weight: 500;
    color: #d3eaed;
  }
  body .block-newsletter-offer .title span i {
    font-weight: 600;
    font-style: normal;
  }
  body .block-newsletter-offer .checkbox-label {
    display: flex;
    gap: 5px;
    flex-direction: row;
    align-content: flex-start;
    align-items: flex-start;
    margin-top: 12px;
    line-height: 1.15;
  }
  body .block-newsletter-offer .input-button {
    display: flex;
    gap: 5px;
  }
  body .block-newsletter-offer .input-button input {
    flex: 1;
  }
  body .block-newsletter-offer .input-button button {
    width: 50px;
    background: #000;
    border-radius: 3px;
  }
  body .block-newsletter-offer .input-button button svg {
    fill: #FFF;
    height: 15px;
    width: 10px;
  }
  body .block-newsletter-offer #newsletter-offer-disclaimer {
    appearance: none;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    background: #FFF;
    border: 1px solid #000;
    display: block;
    position: relative;
  }
  body .block-newsletter-offer #newsletter-offer-disclaimer:checked {
    background: #000;
  }
  body .block-newsletter-offer #newsletter-offer-disclaimer:checked:after {
    content: "";
    display: block;
    position: absolute;
    height: 8px;
    width: 8px;
    background-size: contain;
    background-position: center center;
    top: 1px;
    left: 1px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 48 48' height='48' width='48'%3E%3Cg id='check--check-form-validation-checkmark-success-add-addition-tick'%3E%3Cpath id='Union' fill='%23ffffff' d='M40.86 5.574c-1.54 -0.242 -2.725 0.686 -3.356 1.567a6684.185 6684.185 0 0 0 -15.546 21.792l-0.363 0.51a807.277 807.277 0 0 0 -2.847 -3.083 625.837 625.837 0 0 0 -8.73 -9.237c-1.108 -1.145 -2.999 -1.79 -4.697 -0.79a10.08 10.08 0 0 0 -2.288 1.834c-1.457 1.576 -1.047 3.76 0.015 5.082a166.237 166.237 0 0 0 14.7 15.973c2.607 2.48 6.673 2.19 8.907 -0.625 3.294 -4.15 9.3 -12.054 18.61 -25.482 0.844 -1.22 1.204 -3.077 0.13 -4.592 -1.44 -2.032 -3.227 -2.743 -4.535 -2.949Z' stroke-width='1'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  }
  body .block-newsletter-offer label[for=newsletter-offer-disclaimer] {
    font-size: 12px;
    flex: 1;
  }
  body .block-reviews {
    display: flex;
    order: 1;
    margin: 35px 0 0 0;
    padding: 25px 0;
  }
  body .block-reviews .reviews-summary {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 25px;
    padding: 0;
  }
  body .block-reviews .reviews-summary .reviews-contain {
    transform: scale(0.85);
  }
  body .block-reviews .reviews-summary .reviews-contain .reviews-stars {
    margin: 5px 0 0 0;
  }
  body .block-reviews .reviews-summary .reviews-contain .total {
    margin: 5px 0 0 0;
  }
  body .block-reviews .reviews-slider .slick-slider {
    padding-top: 20px;
  }
  body #faq-content {
    display: flex;
    order: 0;
    background: #FFF;
    padding: 0;
  }
  body #faq-content h1 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 15px 0;
  }
  body #faq-content p {
    font-size: 14px;
    line-height: 1.6;
  }
}

.steppers #configuration-fieldset .steps .step .tissus .gamme .tissus.show,
#store-echantillons #configuration-fieldset .inner .steps .step .content .tissus .gamme .tissus {
  max-height: none !important;
  border-radius: 0 0 5px 5px;
  background-color: #FFF;
  border: 1px solid #d3d3d3;
  border-top: none;
  box-shadow: 0 5px 10px -5px #f4f4f4;
  margin-top: -5px;
  padding: 0px 20px 20px;
  gap: 3px;
}
.steppers #configuration-fieldset .steps .step .tissus .gamme .tissus.show .option .image img,
#store-echantillons #configuration-fieldset .inner .steps .step .content .tissus .gamme .tissus .option .image img {
  height: 80px;
}
@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step .tissus .gamme .tissus.show .option .image img,
  #store-echantillons #configuration-fieldset .inner .steps .step .content .tissus .gamme .tissus .option .image img {
    height: 40px;
  }
}

.steppers #configuration-fieldset .steps .step .tissus.show .option {
  width: calc(25% - 4px);
  padding: 4px;
}

@media (max-width: 1199.98px) {
  body .steppers #configuration-fieldset .steps .step#marque-moteur .options .option .image .cover-box {
    max-height: 50px;
    margin-top: 10px !important;
  }
  body .steppers #configuration-fieldset .steps .step#marque-moteur .options .option .image .cover-box img {
    object-fit: cover !important;
  }
  body .steppers #configuration-fieldset .steps .step .tissus.show .option {
    justify-content: center !important;
  }
  body .steppers #configuration-fieldset .steps .step .options .option {
    margin-bottom: 0 !important;
  }
  body .steppers #configuration-fieldset .steps .step .options {
    gap: 5px !important;
  }
  body .steppers #configuration-fieldset .steps .step .coloris.tissus .option {
    justify-content: center !important;
  }
  body .steppers #configuration-fieldset .steps .step .coloris .option .prices .price {
    font-size: 12px !important;
  }
  body .steppers #configuration-fieldset .steps .step .coloris .option .details .prices {
    gap: 10px !important;
  }
  body .configuration-wrapper #configuration-fieldset .steps .step .tissus.coloris .option .details {
    text-align: center !important;
  }
  body .configuration-wrapper #configuration-fieldset .steps .step#longueur-manoeuvre-selection .content .options .option.check-option {
    max-width: 30%;
    font-size: 14px;
  }
  body .configuration-wrapper #configuration-fieldset .steps .step#longueur-manoeuvre-selection .content .options .option.check-option:before, body .configuration-wrapper #configuration-fieldset .steps .step#longueur-manoeuvre-selection .content .options .option.check-option:after {
    display: none !important;
  }
  body .configuration-wrapper #configuration-fieldset .steps .step#longueur-manoeuvre-selection .content .options .option.check-option .prices {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    align-content: flex-end;
    gap: 0;
    justify-content: space-around;
  }
}
body .configuration-wrapper #configuration-fieldset .steps .step#longueur-manoeuvre-selection .content .options .option.check-option:before, body .configuration-wrapper #configuration-fieldset .steps .step#longueur-manoeuvre-selection .content .options .option.check-option:after {
  display: none !important;
}
body .configuration-wrapper #configuration-fieldset .steps .step#longueur-manoeuvre-selection .content .options .option.check-option .prices {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  align-content: flex-end;
  gap: 0;
  justify-content: space-around;
}
body .steppers #configuration-fieldset .steps .step#arrivee-electrique .options .option,
body .steppers #configuration-fieldset .steps .step#cote-manoeuvre .options .option {
  width: calc(50% - 5px);
  margin: 0;
}

@media (min-width: 768px) {
  body .steppers #configuration-fieldset .steps .step .options .option .option-p {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
  }
}
.product-card {
  background: #fff;
}
@media (max-width: 1199.98px) {
  .product-card {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.065);
  }
}
.product-card .inner .description {
  overflow: hidden;
}
@media (max-width: 1199.98px) {
  .product-card .inner .description {
    display: none;
  }
}

.netreviews_bg_stars_big {
  width: auto !important;
}

#product-main .product-name {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.5px;
}
#product-main .product-name strong {
  font-weight: 600 !important;
}
#product-main .product-actions #store-echantillons .button-sample {
  flex-wrap: wrap;
  gap: 6px 0;
}
#product-main .product-actions #store-echantillons .button-sample .max-echantillon {
  font-size: 11px;
  color: #9b9b9b;
  font-family: "HelveticaNowDisplay", sans-serif;
  margin: 0 0 0 5px;
  position: relative;
  top: 0.5px;
}
#product-main .product-actions #store-echantillons .button-sample:hover {
  color: #000;
}
#product-main .product-info-head .old-price .price {
  font-size: 14px;
  color: #000;
  text-decoration: line-through;
  font-family: "HelveticaNowDisplay", sans-serif;
  font-weight: 500;
}

#product-messages {
  background: #fff;
  margin-top: 40px;
  border: 2px solid #ff7200;
  border-radius: 5px;
  text-align: center;
  padding: 15px;
}
#product-messages .product-message {
  font-size: 15px;
  font-family: "HelveticaNowDisplay", sans-serif;
  line-height: 20px;
  font-weight: 500;
  color: #ff7200;
}
#product-messages .product-message .title {
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
}

.block-slider .container-slider .magnific-popup-video .mask {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  z-index: 100;
}
.block-slider .container-slider .magnific-popup-video .mask .icon {
  display: block;
  padding: 20px;
  background: #4a4a4a;
  border-radius: 50px;
  border: 3px solid #333;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.block-slider .container-slider .magnific-popup-video .mask .icon svg {
  width: 30px;
  height: 30px;
  fill: #fff;
  opacity: 0.8;
}

.section-product .container > .entry-title,
.section-product#product-advantages .container .entry-title {
  font-size: 26px;
  text-transform: uppercase;
}
@media (max-width: 1199.98px) {
  .section-product .container > .entry-title,
  .section-product#product-advantages .container .entry-title {
    font-size: 21px;
    margin: 0 0 20px 0;
    position: relative;
    padding-left: 15px;
  }
  .section-product .container > .entry-title:before,
  .section-product#product-advantages .container .entry-title:before {
    content: "";
    height: 100%;
    width: 4px;
    display: block;
    background: #ff7200;
    position: absolute;
    transform: scale(0.7);
    left: 0;
    top: 0;
    border-radius: 5px;
  }
}

.thumbnail .cover-box, .product-thumbnail .cover-box {
  position: absolute;
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.header-toaster {
  background: #ff005a;
  color: #fff;
  text-align: center;
  line-height: 18px;
}
.header-toaster #animatedMessages {
  display: none;
  width: 100%;
  margin: auto;
  max-width: 1200px;
}
@media (min-width: 768px) {
  .header-toaster #animatedMessages:before, .header-toaster #animatedMessages:after {
    content: "";
    width: 100px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
  }
  .header-toaster #animatedMessages:before {
    left: 0;
    background: linear-gradient(90deg, #ff015b 15%, rgba(255, 1, 91, 0) 100%);
  }
  .header-toaster #animatedMessages:after {
    right: 0;
    background: linear-gradient(-90deg, #ff015b 15%, rgba(255, 1, 91, 0) 100%);
  }
}
@media (max-width: 1199.98px) {
  .header-toaster #animatedMessages {
    padding: 0;
  }
}
@media (max-width: 1199.98px) {
  .header-toaster {
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
  }
}
@media (max-width: 1199.98px) {
  .header-toaster .slick-list, .header-toaster .slick-track {
    height: 30px !important;
  }
}
@media (min-width: 768px) {
  .header-toaster .slick-list, .header-toaster .slick-track {
    height: 40px !important;
  }
}
.header-toaster .slick-track {
  position: relative;
  width: 100vw;
  max-width: 100%;
  height: 30px !important;
  overflow-x: hidden;
}
.header-toaster .messages-header {
  max-height: 0;
  transition: all 500ms ease-out;
  overflow: hidden;
}
.header-toaster .messages-header.slick-initialized {
  max-height: 300px;
}
.header-toaster .messages-header .message-item {
  padding: 8px !important;
  justify-content: center;
  height: auto;
  overflow: hidden;
  flex-direction: column;
  white-space: nowrap;
  will-change: transform;
  position: absolute;
  width: auto !important;
  max-width: none !important;
}
.header-toaster .messages-header .message-item a {
  color: #fff;
}
.header-toaster .messages-header .message-item > * {
  margin-bottom: 10px;
}
@media (max-width: 1199.98px) {
  .header-toaster .messages-header .message-item {
    padding: 4px !important;
  }
}
.header-toaster .messages-header .message-item .title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0;
  display: inline-block;
}
@media (max-width: 1199.98px) {
  .header-toaster .messages-header .message-item .title {
    font-size: 13px;
  }
}
.header-toaster .messages-header .message-item .title:after {
  content: " : ";
  margin-right: 5px;
}
.header-toaster .messages-header .message-item .subtitle {
  font-size: 16px;
  font-weight: lighter;
  margin-bottom: 10px;
  text-transform: full-size-kana;
}
.header-toaster .messages-header .message-item .content {
  padding-top: 2px;
  display: inline-block;
  font-size: 13px;
}
.header-toaster .messages-header .message-item .content:after {
  content: "■";
  margin: 0 7px;
  opacity: 0.5;
  transform: scale(1.4);
  position: relative;
  display: inline-block;
  top: -1px;
}
.header-toaster .messages-header .message-item .content a:hover {
  color: #fff;
}
.header-toaster .messages-header .message-item .content p {
  margin: 0;
}
.header-toaster .messages-header .message-item .content .promo {
  background: #38ac9b;
  color: #fff;
  padding: 2px 10px;
  border-radius: 3px;
  margin-left: 5px;
}
.header-toaster .messages-header .message-item .link {
  background: #fff;
  color: #ff005a;
  padding: 2px 15px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 5px;
  margin-top: 5px;
  display: inline-block;
}

.is-scroll .header-toaster {
  position: absolute;
  width: 100%;
  top: -1000px;
}

@media (max-width: 1199.98px) {
  body .steppers #configuration-fieldset .steps .step#marque-moteur .options .option .image .cover-box {
    max-height: 50px;
    margin-top: 10px !important;
  }
  body .steppers #configuration-fieldset .steps .step#marque-moteur .options .option .image .cover-box img {
    object-fit: cover !important;
  }
  body .steppers #configuration-fieldset .steps .step .tissus.show .option {
    justify-content: center !important;
  }
  body .steppers #configuration-fieldset .steps .step .options .option {
    margin-bottom: 0 !important;
  }
  body .steppers #configuration-fieldset .steps .step .options {
    gap: 5px !important;
  }
  body .steppers #configuration-fieldset .steps .step .coloris.tissus .option {
    justify-content: center !important;
  }
  body .steppers #configuration-fieldset .steps .step .coloris .option .prices .price {
    font-size: 12px !important;
  }
  body .steppers #configuration-fieldset .steps .step .coloris .option .details .prices {
    gap: 10px !important;
  }
  body .configuration-wrapper #configuration-fieldset .steps .step .tissus.coloris .option .details {
    text-align: center !important;
  }
  body .configuration-wrapper #configuration-fieldset .steps .step#longueur-manoeuvre-selection .content .options .option.check-option {
    max-width: 30%;
    font-size: 14px;
  }
  body .configuration-wrapper #configuration-fieldset .steps .step#longueur-manoeuvre-selection .content .options .option.check-option:before, body .configuration-wrapper #configuration-fieldset .steps .step#longueur-manoeuvre-selection .content .options .option.check-option:after {
    display: none !important;
  }
  body .configuration-wrapper #configuration-fieldset .steps .step#longueur-manoeuvre-selection .content .options .option.check-option .prices {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    align-content: flex-end;
    gap: 0;
    justify-content: space-around;
  }
}
body .configuration-wrapper #configuration-fieldset .steps .step#longueur-manoeuvre-selection .content .options .option.check-option:before, body .configuration-wrapper #configuration-fieldset .steps .step#longueur-manoeuvre-selection .content .options .option.check-option:after {
  display: none !important;
}
body .configuration-wrapper #configuration-fieldset .steps .step#longueur-manoeuvre-selection .content .options .option.check-option .prices {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  align-content: flex-end;
  gap: 0;
  justify-content: space-around;
}
body .steppers #configuration-fieldset .steps .step#arrivee-electrique .options .option,
body .steppers #configuration-fieldset .steps .step#cote-manoeuvre .options .option {
  width: calc(50% - 5px);
  margin: 0;
}

@media (min-width: 768px) {
  body .steppers #configuration-fieldset .steps .step .options .option .option-p {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
  }
}
@media (max-width: 1199.98px) {
  #product-pictures .slick-slider {
    padding-top: 0;
  }
}
.hero__title .slick-slide {
  overflow: hidden;
  padding: 9px 0;
}
@media (max-width: 1199.98px) {
  .hero__title .slick-slide {
    padding: 4px 0;
  }
}

.hero__title [aria-hidden] {
  transition: 1s;
}

.hero__title .slick-current > span {
  box-sizing: border-box;
  display: block;
}

.no-js .hero__title .slick-dupe:nth-child(2) > span {
  padding: 1em;
}

#animatedHeading {
  overflow: hidden;
  white-space: nowrap;
}

#animatedHeading .slick-dupe {
  display: inline-block;
  padding: 0 20px;
  font-size: 14px;
}

.button-order.action.primary.checkout {
  width: 100%;
}

@keyframes fadeInToolTip {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.product-content .product-cost {
  width: 100%;
  text-align: center;
  margin: auto;
  justify-content: center;
}

body .axeptio_mount {
  z-index: 900 !important;
}

#disclaimer-error {
  display: none !important;
}

@keyframes shake {
  0% {
    transform: translate(3px, 0);
  }
  50% {
    transform: translate(-3px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-moz-keyframes shake {
  0% {
    -moz-transform: translate(3px, 0);
  }
  50% {
    -moz-transform: translate(-3px, 0);
  }
  100% {
    -moz-transform: translate(0, 0);
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translate(3px, 0);
  }
  50% {
    -webkit-transform: translate(-3px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
  }
}
@-ms-keyframes shake {
  0% {
    -ms-transform: translate(3px, 0);
  }
  50% {
    -ms-transform: translate(-3px, 0);
  }
  100% {
    -ms-transform: translate(0, 0);
  }
}
@-o-keyframes shake {
  0% {
    -o-transform: translate(3px, 0);
  }
  50% {
    -o-transform: translate(-3px, 0);
  }
  100% {
    -o-transform: translate(0, 0);
  }
}
@media (min-width: 768px) {
  #main {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  body .steppers.result.echantillons.open {
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(2px);
  }
  body .steppers.result.echantillons.open .valid-box .container-valid-box {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22), 0 0px 1000px 300px rgba(0, 0, 0, 0.6) !important;
    border: none !important;
  }
  body .steppers.result.echantillons.open #configuration-fieldset .inner .steps .step {
    border-radius: 5px !important;
    border: none !important;
    padding: 20px !important;
    position: relative !important;
  }
  body .steppers.result.echantillons.open #configuration-fieldset .steps .step .valid-box {
    height: 100% !important;
    width: 100% !important;
    padding: 0 25% !important;
    backdrop-filter: none !important;
    background: none !important;
  }
}
@media (max-width: 1199.98px) {
  body #footer .footer-col-1 {
    border-bottom: 1px solid #dedede;
  }
  body #footer .footer-col-1, body #footer .footer-col-2 {
    width: 100% !important;
  }
  body #footer .footer-col-1 .footer-title, body #footer .footer-col-2 .footer-title {
    cursor: pointer;
    font-size: 18px !important;
    margin-top: 15px !important;
  }
  body #footer .footer-col-1 .footer-title:after, body #footer .footer-col-2 .footer-title:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 48 48' height='48' width='48'%3E%3Cg id='arrow-right-3--arrow-right-keyboard'%3E%3Cpath id='Vector 134 (Stroke)' fill='%23000000' fill-rule='evenodd' d='M24.363 24.343a0.499 0.499 0 0 0 0 -0.664c-1.25 -1.407 -6.348 -7.137 -12.82 -14.33 -0.993 -1.102 -1.58 -2.587 -0.912 -3.911 0.296 -0.587 0.73 -1.24 1.369 -1.893a7.334 7.334 0 0 1 2.126 -1.537c1.15 -0.539 2.43 -0.114 3.43 0.668C24.52 8.127 31.397 15.94 35.131 20.443a5.564 5.564 0 0 1 0 7.137c-3.734 4.503 -10.612 12.316 -17.579 17.75 -0.998 0.779 -2.274 1.2 -3.42 0.665A7.329 7.329 0 0 1 12 44.455a7.625 7.625 0 0 1 -1.368 -1.891c-0.67 -1.325 -0.082 -2.81 0.91 -3.914a4214.81 4214.81 0 0 0 12.821 -14.307Z' clip-rule='evenodd' stroke-width='1'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    content: "";
    width: 13px;
    height: 13px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(90deg);
    left: 10px;
    top: 2px;
    position: relative;
  }
  body #footer .footer-col-1 .footer-nav, body #footer .footer-col-2 .footer-nav {
    display: none;
  }
  body #footer .footer-col-1.open .footer-nav, body #footer .footer-col-2.open .footer-nav {
    display: block;
  }
  body #footer .footer-col-1.open .footer-title:after, body #footer .footer-col-2.open .footer-title:after {
    transform: rotate(-90deg);
  }
}
body .block-conseils-mobile {
  display: flex;
  background-size: contain;
  padding: 25px;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  width: 1040px;
  margin: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 20px;
  text-align: center;
}
body .block-conseils-mobile a {
  font-size: 14px;
  background: #000;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 2px;
  padding: 12px 24px;
  position: relative;
}
body .block-conseils-mobile a .icon {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-bottom: -3px;
  margin-top: -4px !important;
  position: relative;
}
body .block-conseils-mobile a .arrow {
  width: 10px;
  height: 10px;
  margin-top: -3px;
  margin-left: 5px;
}
@media (max-width: 1199.98px) {
  body .block-conseils-mobile {
    width: 100%;
    gap: 0px;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-content: stretch;
    justify-content: center;
    align-items: stretch;
  }
}
body .block-conseils-mobile .conseil {
  background: url(../images/BG-Conseils-Mobile.jpg) center center;
  padding: 35px;
  border-radius: 5px;
  border: 2px solid #000;
  width: 50%;
  background-size: cover !important;
}
@media (max-width: 1199.98px) {
  body .block-conseils-mobile .conseil {
    padding: 15px;
    border-radius: 0;
    border: none;
    width: 100%;
    border-bottom: 1px solid #a7a7a7;
  }
}
body .block-conseils-mobile .conseil.posepro {
  background: url(../images/BG-Conseils-Posepro-Mobile.jpg) center center;
}
body .block-conseils-mobile .conseil.posepro .svg-wrapper:before {
  content: "";
  background: white;
  height: 19px;
  width: 15px;
  position: absolute;
  z-index: 0;
  display: block;
  left: 5px;
  top: 4px;
}
body .block-conseils-mobile .conseil.conseils .svg-wrapper:before {
  content: "";
  background: white;
  height: 13px;
  width: 15px;
  position: absolute;
  z-index: 0;
  display: block;
  left: 5px;
  top: 4px;
}
body .block-conseils-mobile .conseil .svg-wrapper {
  display: inline-block;
  height: 25px;
  width: 25px;
  margin-bottom: -2px !important;
  position: relative;
  top: -1px !important;
  margin-right: 5px;
}
@media (max-width: 1199.98px) {
  body .block-conseils-mobile .conseil .svg-wrapper {
    margin-right: -1px;
    transform: scale(0.75);
  }
}
body .block-conseils-mobile .conseil .svg-wrapper svg {
  width: 100%;
  height: 100%;
  margin: 0 !important;
}
body .block-conseils-mobile a {
  display: inline-block;
  font-size: 18px;
  border-radius: 4px;
  padding: 16px 30px;
}
@media (max-width: 1199.98px) {
  body .block-conseils-mobile a {
    font-size: 15px;
    border-radius: 4px;
    padding: 3px 8px;
  }
}
body .block-conseils-mobile a:hover {
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.15), 0 5px 5px 0 rgba(0, 0, 0, 0.05);
}
@media (max-width: 1199.98px) {
  body #main {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  body .block-reassure {
    display: flex;
    order: 2;
    background: #f7f7f7;
    padding-bottom: 40px;
  }
  body .block-reviews {
    display: flex;
    order: 1;
    margin: 35px 0 0 0;
    padding: 25px 0;
  }
  body .block-reviews .reviews-summary {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 25px;
    padding: 0;
  }
  body .block-reviews .reviews-summary .reviews-contain {
    transform: scale(0.85);
  }
  body .block-reviews .reviews-summary .reviews-contain .reviews-stars {
    margin: 5px 0 0 0;
  }
  body .block-reviews .reviews-summary .reviews-contain .total {
    margin: 5px 0 0 0;
  }
  body .block-reviews .reviews-slider .slick-slider {
    padding-top: 20px;
  }
}

@media (max-width: 1199.98px) {
  .card.card-reviews {
    display: flex;
    order: 1;
    margin: 35px 0 0 0;
    padding: 25px 0;
  }
  .card.card-reviews .reviews-summary {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 25px;
    padding: 0;
  }
  .card.card-reviews .reviews-summary .reviews-contain {
    transform: scale(0.85);
  }
  .card.card-reviews .reviews-summary .reviews-contain .reviews-stars {
    margin: 5px 0 0 0;
  }
  .card.card-reviews .reviews-summary .reviews-contain .total {
    margin: 5px 0 0 0;
  }
  .card.card-reviews .reviews-slider .slick-slider {
    padding-top: 20px;
  }
}
body .step.step-tissus.is-valid-box .content > svg {
  width: 40px;
}

#html-body table tr td p {
  text-align: inherit;
}

#cookiebanner {
  box-sizing: border-box;
  background-color: rgb(36, 36, 39);
  opacity: 0.9;
  width: 100%;
  padding: 25px 40px;
  position: fixed;
  z-index: 2147483645;
  bottom: -800px;
}
#cookiebanner p {
  font-size: 14px;
  line-height: 1.4;
}
#cookiebanner p.c-message {
  font-size: 14px;
  color: #999;
  margin-bottom: 20px;
}
#cookiebanner .c-header {
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  margin-bottom: 4px;
}
#cookiebanner a {
  font-weight: bold;
  color: #999;
}
#cookiebanner a:hover {
  color: #fff;
}
#cookiebanner a.c-button {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 20px;
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 2px 0 0 rgb(221, 221, 221);
  border: 1px solid rgb(221, 221, 221);
  padding: 12px 60px;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  margin-top: 10px;
  color: #666;
  font-size: 16px;
  transition: all 0.2s;
}
#cookiebanner a.c-button:hover {
  box-shadow: none;
  background-color: #f8f8f8;
}
#cookiebanner #c-right,
#cookiebanner #c-left {
  float: none;
}
@media screen and (min-width: 720px) {
  #cookiebanner #c-left {
    float: left;
    max-width: 80%;
  }
  #cookiebanner #c-right {
    float: right;
  }
}

@keyframes shake-with-delay {
  0%, 16%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  1.6%, 4.8%, 8%, 11.2%, 14.4% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-2px, 0, 0);
  }
  3.2%, 6.4%, 9.6%, 12.8% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
}
#navigation-bottom-mobile {
  display: none;
}

@media (max-width: 1199.98px) {
  #product-pictures .slick-slider {
    padding-top: 0;
  }
}
@media (max-width: 1199.98px) {
  .cms-home .products-slider, .cms-home #product-pictures {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .mfp-container {
    padding: 0 12px;
  }
  .mfp-container button.mfp-arrow {
    overflow: visible;
    border: 0;
    -webkit-appearance: none;
    display: block;
    padding: 0;
    z-index: 1046;
    touch-action: manipulation;
    position: absolute;
    cursor: pointer;
    width: 35px;
    height: 35px;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(2px);
    box-shadow: 0 5px 5px -5px #000;
    border-radius: 50%;
    transform: scale(1) translate(5px, -50%);
    margin-top: 0;
  }
  .mfp-container button.mfp-arrow.mfp-arrow-right {
    transform: scale(1) translate(-5px, -50%);
  }
  .mfp-container button.mfp-arrow:before {
    display: none !important;
  }
  .mfp-container button.mfp-arrow:after {
    content: "";
    margin: auto !important;
    border: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2500 2500' version='1.1'%3E%3Cpath d='M 643 2.090 C 575.533 10.774, 513.858 53.772, 485.911 111.607 C 452.384 180.990, 465.010 264.210, 517.500 319.813 C 522.480 325.088, 755.659 530.450, 1039.528 779.565 L 1552.556 1229.783 1555.207 1236.239 C 1560.758 1249.756, 1560.993 1257.672, 1556.078 1265.665 C 1555.008 1267.406, 1324.490 1470.306, 1043.816 1716.554 C 763.142 1962.802, 529.074 2168.602, 523.665 2173.889 C 511.474 2185.803, 504.216 2194.548, 495.585 2207.721 C 464.210 2255.609, 457.444 2314.723, 476.610 2373.500 C 483.373 2394.241, 497.367 2420.461, 511.835 2439.500 C 531.173 2464.948, 561.415 2486.493, 592.589 2497.030 L 601.375 2500 653.642 2500 L 705.909 2500 717.080 2496.015 C 738.001 2488.552, 757.531 2477.633, 774.500 2463.912 C 778.900 2460.354, 1044.400 2225.968, 1364.500 1943.054 C 1684.600 1660.140, 1949.875 1425.718, 1954 1422.116 C 1994.375 1386.859, 2018.537 1343.605, 2028.079 1289.500 C 2030.779 1274.192, 2031.769 1242.411, 2030.075 1225.419 C 2024.721 1171.717, 2001.839 1118.243, 1962.755 1068.098 C 1955.909 1059.314, 793.929 42.678, 781.002 34.162 C 755.901 17.626, 726.944 6.720, 697.073 2.554 C 685.054 0.878, 654.459 0.615, 643 2.090' stroke='none' fill='currentColor' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
    background-size: contain;
    height: 12px;
    width: 12px;
    position: relative;
    padding: 0;
    top: 0;
  }
  .mfp-container button.mfp-arrow.mfp-arrow-left:after {
    transform: rotate(180deg);
  }
  .mfp-content {
    max-width: 100vw !important;
  }
  .mfp-content .mfp-close {
    top: 0;
    right: 0;
    position: fixed;
    color: #000;
    border-radius: 0;
    background: #FFF;
  }
}
@media (max-width: 1199.98px) {
  #configuration-bottom .pricing.is-loading .load {
    display: none !important;
  }
  #navigation-bottom-mobile {
    width: 100%;
    background: #FFF;
    height: auto;
    padding: 10px 0;
    border-top: 1px solid #f1f1f1;
    display: flex;
    align-content: center;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    margin-top: auto;
    position: relative;
  }
  #navigation-bottom-mobile a {
    width: 68px;
    height: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: #000;
    font-size: 12px;
    font-family: "HelveticaNowDisplay", sans-serif;
    font-weight: 600;
    gap: 4px;
  }
  #navigation-bottom-mobile a svg {
    height: 25px;
  }
  #navigation-top-main {
    overflow: scroll;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    align-content: space-between;
  }
  #breadcrumb ul {
    display: flex;
    flex-wrap: wrap;
  }
  #breadcrumb ul li {
    display: flex;
    white-space: nowrap;
    line-height: 16px;
  }
  #header .cart-mobile {
    display: flex;
    position: relative;
    gap: 0;
    top: 0;
    right: -12px;
    height: 50px;
  }
  #header .cart-mobile a {
    width: 21px;
    height: 100%;
    color: #000;
    display: flex;
    padding: 0 8px;
    box-sizing: content-box;
    color: #000;
  }
  #header .cart-mobile a svg {
    width: 100%;
    height: 100%;
  }
  #header .cart-mobile a.cart-link {
    padding-right: 12px;
    position: relative;
  }
  #header .cart-mobile a.cart-link .counter.qty.quantity {
    position: absolute;
    background: #ff7200;
    color: #fff;
    width: 15px;
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    right: 4px;
    top: 10px;
    font-size: 10px;
    height: 15px;
    border: 1px solid #FFF;
  }
  #header .cart-mobile a.mobile-link {
    position: fixed;
    left: 10px;
    bottom: 15px;
    background: #25737d;
    width: 50px;
    height: 50px;
    z-index: 100;
    border-radius: 50%;
    transition: all 0.5s ease;
    padding: 12px;
    box-sizing: border-box;
    animation-name: shake-with-delay;
    animation-duration: 6s;
    animation-iteration-count: infinite;
  }
  #header .cart-mobile a.mobile-link svg {
    fill: none;
    color: #FFF;
  }
  #header .header-nav {
    box-shadow: 0 10000px 0 10000px rgba(0, 0, 0, 0), 0px 1px 0px rgba(0, 0, 0, 0.05) inset;
  }
  #header .header-nav.is-open {
    opacity: 1;
    pointer-events: auto;
    overflow: auto;
    box-shadow: 0 10000px 0 10000px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(0, 0, 0, 0.05) inset;
    position: fixed;
    z-index: 2;
    padding: 0;
    height: 100%;
    max-height: calc(100vh - 50px);
    width: calc(100vw - 80px);
    max-width: calc(100vw - 80px);
    bottom: 0;
    /*&.with-message{
        top: 75px;
    }*/
  }
  #header .header-nav .inner {
    padding: 0;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  #header .header-nav nav ul li {
    margin: 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  #header .header-nav nav ul li.category.is-open {
    background: #000;
    color: #FFF;
  }
  #header .header-nav nav ul li.category.is-open .name {
    color: #FFF;
  }
  #header .header-nav nav ul li.category.is-open .icon-plus {
    filter: invert(1);
  }
  #header .header-nav nav ul li .icon-plus {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999999;
    cursor: pointer;
    font-family: "HelveticaNowDisplay", sans-serif;
    font-weight: 400;
    margin-right: 13px;
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 20px;
  }
  #header .header-nav nav ul li .icon-plus:before {
    content: "voir plus";
    margin-right: 8px;
    display: none;
  }
  #header .header-nav nav ul li .icon-plus:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 48 48' height='48' width='48'%3E%3Cg id='arrow-right-3--arrow-right-keyboard'%3E%3Cpath id='Vector 134 (Stroke)' fill='%23000000' fill-rule='evenodd' d='M24.363 24.343a0.499 0.499 0 0 0 0 -0.664c-1.25 -1.407 -6.348 -7.137 -12.82 -14.33 -0.993 -1.102 -1.58 -2.587 -0.912 -3.911 0.296 -0.587 0.73 -1.24 1.369 -1.893a7.334 7.334 0 0 1 2.126 -1.537c1.15 -0.539 2.43 -0.114 3.43 0.668C24.52 8.127 31.397 15.94 35.131 20.443a5.564 5.564 0 0 1 0 7.137c-3.734 4.503 -10.612 12.316 -17.579 17.75 -0.998 0.779 -2.274 1.2 -3.42 0.665A7.329 7.329 0 0 1 12 44.455a7.625 7.625 0 0 1 -1.368 -1.891c-0.67 -1.325 -0.082 -2.81 0.91 -3.914a4214.81 4214.81 0 0 0 12.821 -14.307Z' clip-rule='evenodd' stroke-width='1'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    transform: rotate(90deg);
  }
  #header .header-nav nav ul li.is-open .icon-plus:before {
    content: "voir moins";
  }
  #header .header-nav nav ul li.is-open .icon-plus:after {
    content: "";
    transform: rotate(-90deg);
  }
  #header .header-nav nav ul li.is-open .submenu {
    border-top: 1px solid #eaeaea;
    display: block;
    left: 0;
    padding-top: 15px !important;
    box-shadow: 0 10px 15px -15px rgba(0, 0, 0, 0.15) inset;
    background: #ffffff;
  }
  #header .header-nav nav ul li > a {
    padding: 20px 0 20px 15px;
    font-size: 15px !important;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
  }
  #header .header-nav nav ul li > a:before, #header .header-nav nav ul li > a:after {
    display: none !important;
  }
  #header .header-nav nav ul li > a span {
    width: 100%;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
  }
  #header .header-nav nav ul li .submenu {
    position: relative;
    opacity: 1;
    z-index: 30;
    float: left;
    /*display: block;*/
    display: none;
    padding: 0 0 20px 5px !important;
    background: #FFF;
    pointer-events: auto;
  }
  #header .header-nav nav ul li .submenu .categories {
    margin: 0 !important;
    gap: 0px;
  }
  #header .header-nav nav ul li .submenu .categories div.category {
    width: calc(33% - 5px);
    box-shadow: none !important;
    border: none !important;
  }
  #header .header-nav nav ul li .submenu .categories div.category.clicked {
    box-shadow: 0 0 0 2px black inset !important;
  }
  #header .header-nav nav ul li .submenu .categories div.category .category-image {
    width: 70%;
    padding-bottom: 70%;
  }
  #header .header-nav nav ul li .submenu .categories div.category .category-image .cover {
    background-size: auto 93%;
    mix-blend-mode: darken;
  }
  #header .header-nav nav ul li .submenu .categories div.category .name {
    font-size: 13px;
    padding: 0 5px 8px 5px;
    line-height: 1.15;
  }
  #header .header-nav nav ul li .submenu .categories div.category .category {
    margin: 0 !important;
  }
  #header .header-nav nav ul li .submenu .categories div.category .icon-plus {
    display: none;
  }
  .configuration-wrapper {
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    padding: 10px;
    background: #fff;
    overflow: auto;
    transform: none;
    left: 0;
    position: fixed;
  }
  .configuration-wrapper #configuration-preview {
    order: 10;
    z-index: 100;
    padding: 0;
    height: auto !important;
    box-shadow: 0 0 0 20px #f1f1f1;
    margin-bottom: 75px;
    background: #f1f1f1;
    margin-top: 10px !important;
  }
  .configuration-wrapper #configuration-preview .preview {
    height: auto;
    max-height: none;
    position: relative;
    border-radius: 5px;
  }
  .configuration-wrapper #configuration-preview .preview:before {
    content: "Prévisualisation de votre store";
    text-align: center;
    margin: 0;
    display: block;
    padding: 0 0 20px 0;
    background: black;
    color: #FFF;
    font-size: 16px;
    border-radius: 0;
    z-index: 1;
    position: relative;
  }
  .configuration-wrapper #configuration-preview .head {
    left: 0;
    height: 50px !important;
    justify-content: space-between;
  }
  .configuration-wrapper #configuration-preview .head .action-back {
    position: relative;
    left: auto;
  }
  .configuration-wrapper #configuration-preview .head .logo {
    width: 175px;
    height: 28px;
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .configuration-wrapper #configuration-preview .preview {
    width: 100%;
    left: 0;
  }
  .configuration-wrapper #configuration-preview .preview .cover #canvas {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .configuration-wrapper #configuration-preview .preview .cover #canvas canvas {
    left: 0;
    top: 0;
  }
  .configuration-wrapper #configuration-preview.no-show .preview:before {
    display: none;
  }
  .configuration-wrapper #configuration-preview.no-show .mobile-close, .configuration-wrapper #configuration-preview.no-show .cover {
    display: none;
  }
  .configuration-wrapper #configuration-preview.show {
    z-index: 101;
  }
  .configuration-wrapper #configuration-preview.show .preview {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: #000;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 0;
  }
  .configuration-wrapper #configuration-preview.show .mobile-close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
  }
  .configuration-wrapper #configuration-preview.show .mobile-close svg {
    height: 15px;
    width: 15px;
  }
  .configuration-wrapper #configuration-preview.show .head {
    display: none;
  }
  .configuration-wrapper #configuration-fieldset {
    order: 1;
    margin-top: 45px;
    height: auto !important;
    overflow: visible;
    max-height: none;
  }
  .configuration-wrapper #configuration-fieldset > .inner {
    margin-bottom: 30px !important;
    padding-top: 10px;
  }
  .configuration-wrapper #configuration-fieldset > .inner .product-name {
    font-size: 22px !important;
    text-align: center;
    padding: 0 5%;
    display: block;
  }
  .configuration-wrapper #configuration-fieldset > .inner .product-name:after {
    content: "Configuration";
    font-size: 10px;
    display: block;
    color: #ff7200;
    font-weight: 500;
  }
  .configuration-wrapper #configuration-fieldset .steps .step {
    overflow: visible;
  }
  .configuration-wrapper #configuration-fieldset .steps .step.step-tissus .content {
    max-height: calc(100vh - 320px);
    overflow: auto;
  }
  .configuration-wrapper #configuration-fieldset .steps .step.step-tissus.is-valid-box .content {
    max-height: none;
    overflow: visible;
  }
  .configuration-wrapper #configuration-fieldset .steps .step .valid-box .image {
    width: 140px;
    height: 140px;
  }
  .configuration-wrapper #configuration-fieldset .steps .step .valid-box .valid-box-title .name {
    font-size: 18px !important;
  }
  .configuration-wrapper #configuration-fieldset .steps .step .valid-box .valid-box-title .name.gamme-name {
    font-size: 15px !important;
  }
  .configuration-wrapper #configuration-fieldset .steps .step .content {
    padding: 5px 20px 0 20px;
    max-height: none;
    overflow: visible;
  }
  .configuration-wrapper #configuration-fieldset .steps .step .content .options.longueur-manoeuvre {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }
  .configuration-wrapper #configuration-fieldset .steps .step .content .options .option {
    text-align: left;
    /*gap: 15px;
    justify-content: space-between;*/
  }
  .configuration-wrapper #configuration-fieldset .steps .step .content .options .option.check-option {
    font-size: 12px;
    line-height: 16px;
    padding: 15px 6px;
    max-width: calc(50% - 5px);
    gap: 5px;
  }
  .configuration-wrapper #configuration-fieldset .steps .step .content .options .option.check-option .check {
    margin-right: 0;
  }
  .configuration-wrapper #configuration-fieldset .steps .step .content .options .option.check-option label {
    margin: 0;
  }
  .configuration-wrapper #configuration-fieldset .steps .step .content .options .option.check-option .prices {
    width: auto;
    margin-left: 0;
    flex-direction: column;
    align-items: end;
  }
  .configuration-wrapper #configuration-fieldset .steps .step .content .options .option.check-option .prices .price.incl-tax {
    font-size: 12px;
  }
  .configuration-wrapper #configuration-fieldset .steps .step .content .options .option.check-option input {
    display: none;
  }
  .configuration-wrapper #configuration-fieldset .steps .step .tissus.coloris .option .image {
    min-height: 60px;
    height: 60px;
  }
  .configuration-wrapper #configuration-fieldset .steps .step .tissus.coloris .option .details {
    font-size: 12px;
    line-height: 16px;
  }
  .configuration-wrapper #configuration-fieldset .steps .step .tissus .filters .select .dropdown-menu {
    width: 250%;
    text-align: left;
  }
  .configuration-wrapper #configuration-fieldset .steps .step .tissus .gamme .option .details {
    font-size: 11px;
    font-weight: 500;
  }
  .configuration-wrapper #configuration-fieldset .steps .step .tissus .gamme .details .details-list {
    display: none !important;
  }
  .configuration-wrapper #configuration-fieldset .steps .step .tissus .gamme .head-tissus .details .name {
    font-size: 18px;
    line-height: 20px;
  }
  .configuration-wrapper #configuration-fieldset .steps .step .coloris .option {
    height: auto;
  }
  .configuration-wrapper #configuration-fieldset .steps .step .coloris .option .details {
    font-size: 12px;
  }
  .configuration-wrapper #configuration-fieldset .steps .step.step-dimensions .content {
    max-height: none;
    padding: 0 25px;
    width: 100%;
  }
  .configuration-wrapper #configuration-fieldset .steps .step.step-dimensions .content .step-fieldset .fieldset-content {
    width: 100%;
    padding: 0;
  }
  .configuration-wrapper #configuration-fieldset .steps .step.step-dimensions .content .step-fieldset .fieldset-content .field {
    display: flex;
    justify-content: center;
  }
  .configuration-wrapper #configuration-fieldset .steps .step .popin {
    z-index: 1000;
  }
  .configuration-wrapper #configuration-fieldset .steps .step .popin .in {
    max-width: none;
    height: auto;
    max-height: calc(100% - 200px);
    width: calc(100% - 40px);
    top: 5px;
    background: #fff;
    z-index: 1000;
    border-radius: 5px;
    padding: 30px 45px 30px 25px;
  }
  .configuration-wrapper #configuration-bottom {
    position: fixed;
    left: 0;
    z-index: 100;
    height: auto !important;
    max-width: 100% !important;
    padding: 0;
    transform: translate(0, calc(100% + 10px));
    transition: transform 0.3s ease;
    background: transparent;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: center;
    align-items: center;
    bottom: 10px;
    width: 100% !important;
  }
  .configuration-wrapper #configuration-bottom.show {
    transform: translate(0, 0);
  }
  .configuration-wrapper #configuration-bottom .contacts {
    position: absolute;
    left: 10px;
    top: 4px;
    display: none !important;
  }
  .configuration-wrapper #configuration-bottom .contacts .mail {
    display: none;
  }
  .configuration-wrapper #configuration-bottom .contacts .phone .text {
    display: none;
  }
  .configuration-wrapper #configuration-bottom .contacts .phone .icon {
    width: 16px;
    height: 16px;
  }
  .configuration-wrapper #configuration-bottom .contacts .phone .icon svg {
    fill: #fff;
  }
  .configuration-wrapper #configuration-bottom .pricing {
    width: calc(100% - 35px);
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    margin: 0;
    background: #FFF;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
    justify-content: space-between;
    align-items: center;
  }
  .configuration-wrapper #configuration-bottom .pricing.is-loading .prices > span {
    color: #ff7300;
  }
  .configuration-wrapper #configuration-bottom .pricing.is-loading .prices:before {
    display: block;
    background: url(../../../svg/page-loader-white.svg) center center no-repeat;
    width: 100%;
    height: 100%;
    background-size: 35px;
    content: "";
    position: absolute;
    z-index: 500;
  }
  .configuration-wrapper #configuration-bottom .pricing .prices {
    width: auto;
    align-items: center;
    flex-direction: column;
    gap: 0;
    justify-content: center;
    text-align: center;
    padding: 10px 15px;
    margin: 5px;
    background: #ff7200;
    border-radius: 7px;
    align-self: stretch;
  }
  .configuration-wrapper #configuration-bottom .pricing .prices .price {
    font-size: 17px;
  }
  .configuration-wrapper #configuration-bottom .pricing .prices .price.old-price {
    font-size: 12px;
    margin-bottom: 2px;
    margin-top: 0 !important;
  }
  .configuration-wrapper #configuration-bottom .pricing .fees {
    text-align: left;
    background: #FFF;
    padding: 10px;
    color: #000;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
  }
  .configuration-wrapper #configuration-bottom .pricing .fees .delais {
    display: flex;
    justify-content: flex-start;
  }
  .configuration-wrapper #configuration-bottom .pricing .fees .delais .text {
    text-align: left;
  }
  .steppers #configuration-fieldset > .inner .page-load {
    position: fixed;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .steppers.result .configuration-wrapper {
    padding: 0;
  }
  .steppers .result-cart {
    padding: 40px 20px 0 20px;
    height: auto;
    min-height: 100vh;
    width: 100vw;
    border-radius: 0;
  }
  .steppers .result-cart .cover-image {
    min-height: 200px;
  }
  .steppers .result-cart .details {
    margin: 20px 0 0 !important;
  }
  .steppers .result-cart .details .store-name {
    font-size: 22px;
  }
  .steppers .result-cart .actions {
    justify-content: center;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
  }
  .steppers .result-cart .actions .infos {
    line-height: 15px;
    padding: 15px 45px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 15px !important;
    font-weight: 400;
  }
  .steppers .result-cart .actions .infos .icon {
    margin-right: 1px;
  }
  .steppers .result-cart .actions .infos .icon svg {
    width: 15px;
    height: 15px;
    fill: #000;
  }
  .steppers .result-cart .actions .btn {
    font-size: 15px;
    flex: 1;
    height: 50px;
    padding: 0 15px !important;
  }
  .steppers .result-cart .actions .btn.btn-danger:before {
    display: none;
  }
  .steppers .result-cart .actions .btn.btn-danger span:before {
    content: "";
    background: center center no-repeat url("data:image/svg+xml,%3Csvg viewBox='-0.25 -0.25 10.5 10.5' xmlns='http://www.w3.org/2000/svg' height='20' width='20' stroke-width='1.25'%3E%3Cpath d='M8.553,3.5H1.447A.947.947,0,0,0,.513,4.6L1.2,8.709a.947.947,0,0,0,.933.791H7.869A.947.947,0,0,0,8.8,8.709L9.487,4.6A.947.947,0,0,0,8.553,3.5Z' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M2.5,3.5V3a2.5,2.5,0,0,1,5,0v.5' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-size: contain;
    height: 16px;
    width: 17px;
    display: inline-block;
    position: relative;
    top: -2px;
    margin: 0 5px -4px 0;
  }
  #product-main .box-tocart .fieldset {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: center;
    margin: 40px 0 !important;
  }
  #product-main .box-tocart .fieldset .field {
    padding: 0;
    display: flex;
    width: 80%;
    justify-content: center;
    align-items: center;
  }
  #product-main .box-tocart .fieldset .field label {
    margin: 0;
    width: 100%;
    text-align: left;
  }
  #product-main .box-tocart .fieldset .actions {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 20px;
    align-items: center;
    flex-direction: column-reverse;
  }
  #product-main .box-tocart .fieldset .actions #product-addtocart-button {
    width: 80%;
    display: block;
    height: 50px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
  }
  #store-echantillons #configuration-fieldset {
    max-height: none !important;
    width: 100%;
    max-width: none;
    padding: 30px 10px;
    height: 100vh !important;
  }
  #store-echantillons #configuration-fieldset .inner .preview {
    top: 0;
    right: 0;
  }
  #store-echantillons #configuration-fieldset .inner .steps .step.is-active {
    border: none;
    max-height: calc(100vh - 60px);
    overflow: scroll;
  }
  #store-echantillons #configuration-fieldset .inner .steps .step.is-active .info-step {
    padding: 12px 12px 20px;
  }
  #store-echantillons #configuration-fieldset .inner .steps .step.is-active .info-step .title {
    font-size: 14px;
  }
  #store-echantillons #configuration-fieldset .inner .steps .step.is-active .info-step .label {
    font-size: 11px;
  }
  #store-echantillons #configuration-fieldset .inner .steps .step.is-active .content .tissus .gamme .tissus .option {
    width: calc(33% - 10px);
  }
  .modal-popup._show .modal-inner-wrap {
    max-width: 90%;
    max-height: 90%;
  }
  .modal-popup._show .modal-inner-wrap .modal-header {
    padding: 18px;
  }
  .modal-popup._show .modal-inner-wrap .modal-content {
    padding: 18px;
    max-height: calc(100vh - 215px);
    overflow: auto;
  }
  input [type=radio], input [type=checkbox] {
    display: none;
  }
  #chatra {
    width: 50px !important;
    height: 50px !important;
    right: 10px !important;
    bottom: 15px !important;
  }
  #chatra.chatra--expanded {
    width: 100% !important;
    height: 100% !important;
    right: 0 !important;
  }
  #configuration-fieldset .steps .step .content .step-fieldset {
    padding: 10px 0 !important;
  }
  #chatra__iframe-wrapper {
    box-shadow: none !important;
  }
  #product-main {
    margin: 0 0 20px 0;
  }
  #product-main .product-bottom {
    margin: 30px 0 0 0;
    text-align: center;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
  }
  #product-main .product-bottom .item .text {
    font-size: 13px;
  }
  #product-main .product-bottom.nb-items-3 .item {
    justify-content: center;
    width: 28%;
    padding: 0px;
    margin: 0 3% 20px 3% !important;
    min-width: auto;
  }
  #product-main .product-bottom.nb-items-4 {
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
  }
  #product-main .product-bottom.nb-items-4 .item {
    justify-content: center;
    width: 30%;
    padding: 0px;
    margin: 0 3% 15px 3% !important;
    min-width: auto;
  }
  body.preview-product-open .steppers .configuration-wrapper .preview .cover {
    z-index: 1000;
    box-shadow: 0 0 0 500px black;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  body.preview-product-open #configuration-bottom, body.preview-product-open #preview-mobile-link {
    z-index: -999 !important;
  }
  body.preview-product-open #configuration-preview .mobile-close {
    position: fixed;
    width: 18px;
    height: 18px;
    padding: 15px 20px;
    background: transparent;
    top: 0;
    right: 0;
    display: block;
    z-index: 9999;
    box-sizing: content-box;
  }
  body.preview-product-open #configuration-preview .mobile-close svg {
    height: 100%;
    width: 100%;
    display: block;
    position: relative;
  }
}
#recaptcha-invisible {
  display: none !important;
}

#configuration-preview .mobile-close {
  display: none;
}

@media (max-width: 1199.98px) {
  .steppers #configuration-fieldset .steps .step .info-step {
    padding: 10px 10px 10px 45px;
  }
  .steppers #configuration-fieldset .steps .step .info-step .row {
    margin: 0;
  }
  .steppers #configuration-fieldset .steps .step .info-step .row .col-6 {
    flex: 0 0 calc(70% - 10px);
    max-width: inherit;
    padding: 0 10px 0 0;
  }
  .steppers #configuration-fieldset .steps .step .info-step .row .col-6.text-right {
    text-align: right !important;
    display: block;
    font-size: 13px;
    width: 30%;
    height: calc(100% - 30px);
    position: absolute;
    right: 15px;
    padding: 0;
  }
  .steppers #configuration-fieldset .steps .step .info-step .row .col-6.text-right p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: block;
    line-height: 23px;
  }
}
#configuration-fieldset .steps .step .content div.description + .see-more {
  margin-top: 10px;
}

@media (max-width: 575.98px) {
  #footer .footer-content .footer-contacts {
    padding: 0 !important;
    margin: -45px 0 0px 0 !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    gap: 0;
    border-bottom: 1px solid #dedede;
  }
  #footer .footer-content .footer-contacts .logo {
    display: block;
    flex: 0 0 100%;
    width: auto;
    height: 45px;
    color: #ff7200;
    fill: #000;
    border-bottom: 1px solid #dedede;
    padding-bottom: 25px;
    box-sizing: content-box;
    position: relative;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
  }
  #footer .footer-content .footer-contacts .logo svg {
    width: 165px;
    height: 45px;
    display: block;
  }
  #footer .footer-content .footer-contacts .logo:after {
    background: #dedede;
    height: 40px;
    width: 1px;
    position: absolute;
    left: 50%;
    bottom: -65px;
  }
  #footer .footer-content .footer-contacts .block-contacts {
    margin: 0;
    flex: 0 0 50%;
    align-items: flex-start;
    padding: 15px 5px;
  }
  #footer .footer-content .footer-contacts .opening {
    margin: 0;
    flex: 0 0 50%;
    line-height: 1.4;
    align-items: flex-start;
    padding: 15px 5px;
    text-align: left;
  }
  #footer .footer-content .footer-title {
    font-size: 17px;
    margin-bottom: 15px;
  }
  #footer .footer-content .footer-socials ul {
    justify-content: flex-start;
  }
  #footer .footer-content .footer-nav {
    padding: 0 0 30px 0;
  }
  #footer .footer-content .footer-col-1, #footer .footer-content .footer-col-2 {
    width: calc(50% - 20px);
    text-align: left;
    margin: 0 10px;
  }
  #footer .footer-content .footer-col-1 .footer-nav li, #footer .footer-content .footer-col-2 .footer-nav li {
    display: block;
    margin: 0 0 10px 0px;
  }
  #footer .footer-content .footer-newsletter {
    position: relative;
    padding-top: 10px;
  }
  #footer .footer-content .footer-newsletter:before {
    content: "";
    background: #dedede;
    height: 1px;
    width: calc(100% + 20px);
    display: block;
    position: absolute;
    left: -10px;
    top: -15px;
  }
  #footer .footer-content .footer-col-3 {
    text-align: left;
    border-top: 1px solid #dedede;
    padding-top: 25px;
    margin: 0 10px;
  }
}
body #main > .page.messages .message {
  background: #f6f6f6;
  padding: 20px 35px;
  color: #000;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: row;
  text-align: left;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.5;
  border-bottom: 1px solid #e8e8e8;
}
@media (max-width: 1199.98px) {
  body #main > .page.messages .message {
    background: #f6f6f6;
    padding: 15px 55px;
    border-top: 1px solid #e8e8e8;
    margin-bottom: 10px !important;
    text-align: center;
  }
}
body #main > .page.messages .message a {
  color: #000;
  font-weight: 500;
  text-decoration: underline !important;
}

body.mobile-menu-is-open {
  margin: 0;
  height: 100%;
  overflow: hidden;
}
body.mobile-menu-is-open #header .cart-mobile a.mobile-link,
body.mobile-menu-is-open #chatra.chatra--mobile-widget:not(.chatra--expanded) {
  display: none !important;
}

@media (max-width: 320px) {
  .block-reassure .items {
    flex-direction: column;
    gap: 20px;
  }
  .block-reassure .items li .text br {
    display: none !important;
  }
}

/*# sourceMappingURL=product.css.map */