.text-gray-100 {
  color: #f2f5f8 !important;
}
.text-gray-200 {
  color: #e6eaee !important;
}
.text-gray-300 {
  color: #c7d2de !important;
}
.text-gray-400 {
  color: #789 !important;
}
.text-gray-500 {
  color: #4e6174 !important;
}
.text-gray-600 {
  color: #1f2229 !important;
}
.text-gray-700 {
  color: #1f2229 !important;
}
.text-gray-800 {
  color: #1f2229 !important;
}
.text-gray-900 {
  color: #1f2229 !important;
}
.text-black {
  color: #000 !important;
}
.bg-gray-100 {
  background-color: #f2f5f8 !important;
}
.bg-gray-200 {
  background-color: #e6eaee !important;
}
.bg-gray-300 {
  background-color: #c7d2de !important;
}
.bg-gray-400 {
  background-color: #789 !important;
}
.bg-gray-500 {
  background-color: #4e6174 !important;
}
.bg-gray-600 {
  background-color: #1f2229 !important;
}
.bg-gray-700 {
  background-color: #1f2229 !important;
}
.bg-gray-800 {
  background-color: #1f2229 !important;
}
.bg-gray-900 {
  background-color: #1f2229 !important;
}
.bg-black {
  background-color: #000 !important;
}
@font-face {
  font-family: "Söhne Schmal";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../documents/fonts/soehne/soehne-schmal-web-halbfett-kursiv.woff2")
      format("woff2"),
    url("../documents/fonts/soehne/soehne-schmal-web-halbfett-kursiv.woff")
      format("woff");
}
@font-face {
  font-family: "Söhne Schmal";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../documents/fonts/soehne/soehne-schmal-web-halbfett-kursiv.woff2")
      format("woff2"),
    url("../documents/fonts/soehne/soehne-schmal-web-halbfett-kursiv.woff")
      format("woff");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("IBM Plex Sans"), local("IBMPlexSans"),
    url("../documents/fonts/ibm/zYXgKVElMYYaJe8bpLHnCwDKhdHeFaxOedc.woff2")
      format("woff2"),
    url("../documents/fonts/ibm/ibm-plex-sans-regular.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"),
    url("../documents/fonts/ibm/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFsdP3pBms.woff2")
      format("woff2"),
    url("../documents/fonts/ibm/ibm-plex-sans-600.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
.font__headline {
  font-family: "Söhne Schmal", sans-serif;
  font-style: italic;
}
.font__text--regular {
  font-family: "IBM Plex Sans", serif;
} /*!
 * Bootstrap v4.5.2 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --blue: #0d6efd;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #d63384;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #1f2229;
  --gray-dark: #1f2229;
  --primary: #17acef;
  --secondary: #ff8800;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f2f5f8;
  --dark: #1f2229;
  --white: #fff;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1400px;
  --font-family-sans-serif: "IBM Plex Sans", serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  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: "IBM Plex Sans", serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #1f2229;
  text-align: left;
  background-color: #fff;
}
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}
hr {
  -webkit-box-sizing: content-box;
  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;
  -webkit-text-decoration: underline dotted;
  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: #17acef;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
}
a:hover {
  color: #0c7bae;
  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: #1f2229;
  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"] {
  -webkit-box-sizing: border-box;
  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;
}
@media (max-width: 1200px) {
  legend {
    font-size: calc(1.275rem + 0.3vw);
  }
}
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;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.single-crossselling__headline,
.h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.1;
}
h1,
.h1 {
  font-size: 2.25rem;
}
@media (max-width: 1200px) {
  h1,
  .h1 {
    font-size: calc(1.35rem + 1.2vw);
  }
}
h2,
.h2 {
  font-size: 1.75rem;
}
@media (max-width: 1200px) {
  h2,
  .h2 {
    font-size: calc(1.3rem + 0.6vw);
  }
}
h3,
.h3 {
  font-size: 1.5rem;
}
@media (max-width: 1200px) {
  h3,
  .h3 {
    font-size: calc(1.275rem + 0.3vw);
  }
}
h4,
.h4 {
  font-size: 1.25rem;
}
h5,
.h5,
.single-crossselling__headline {
  font-size: 1rem;
}
h6,
.h6 {
  font-size: 0.875rem;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: 4rem;
  font-weight: 300;
  line-height: 1.1;
}
@media (max-width: 1200px) {
  .display-1 {
    font-size: calc(1.525rem + 3.3vw);
  }
}
.display-2 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.1;
}
@media (max-width: 1200px) {
  .display-2 {
    font-size: calc(1.475rem + 2.7vw);
  }
}
.display-3 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.1;
}
@media (max-width: 1200px) {
  .display-3 {
    font-size: calc(1.375rem + 1.5vw);
  }
}
.display-4 {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.1;
}
@media (max-width: 1200px) {
  .display-4 {
    font-size: calc(1.275rem + 0.3vw);
  }
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid #c7d2de;
}
small,
.small,
.input-unit label {
  font-size: 80%;
  font-weight: 500;
}
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 5px;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #1f2229;
}
.blockquote-footer::before {
  content: "— ";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #c7d2de;
  border-radius: 0.1rem;
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 90%;
  color: #1f2229;
}
.container,
.container-max,
.replacement-part-finder,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm,
  .container,
  .container-max,
  .replacement-part-finder {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md,
  .container-sm,
  .container,
  .container-max,
  .replacement-part-finder {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg,
  .container-md,
  .container-sm,
  .container,
  .container-max,
  .replacement-part-finder {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container,
  .container-max,
  .replacement-part-finder {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container,
  .container-max,
  .replacement-part-finder {
    max-width: 1320px;
  }
}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-xxl,
.col-xxl-auto,
.col-xxl-12,
.col-xxl-11,
.col-xxl-10,
.col-xxl-9,
.col-xxl-8,
.col-xxl-7,
.col-xxl-6,
.col-xxl-5,
.col-xxl-4,
.col-xxl-3,
.col-xxl-2,
.col-xxl-1,
.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: 8px;
  padding-left: 8px;
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.row-cols-1 > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.row-cols-2 > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.row-cols-3 > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.3333333333%;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.row-cols-4 > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.row-cols-5 > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
.row-cols-6 > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.6666666667%;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.33333333%;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66666667%;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333333%;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.66666667%;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.33333333%;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.66666667%;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.33333333%;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.66666667%;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}
.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}
.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}
.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}
.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}
.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}
.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}
.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}
.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}
.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}
.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}
.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xxl-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xxl-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xxl-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xxl-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xxl-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xxl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xxl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xxl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xxl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xxl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xxl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xxl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xxl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xxl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xxl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xxl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xxl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xxl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xxl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xxl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xxl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xxl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xxl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xxl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xxl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xxl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xxl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xxl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #1f2229;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #c7d2de;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #c7d2de;
}
.table tbody + tbody {
  border-top: 2px solid #c7d2de;
}
.table-sm th,
.table-sm td {
  padding: 0.3rem;
}
.table-bordered {
  border: 1px solid #c7d2de;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #c7d2de;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
  color: #1f2229;
  background-color: rgba(0, 0, 0, 0.075);
}
.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #bee8fb;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #86d4f7;
}
.table-hover .table-primary:hover {
  background-color: #a6e0fa;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #a6e0fa;
}
.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #ffdeb8;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #ffc17a;
}
.table-hover .table-secondary:hover {
  background-color: #ffd29f;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #ffd29f;
}
.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e;
}
.table-hover .table-success:hover {
  background-color: #b1dfbb;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}
.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}
.table-hover .table-info:hover {
  background-color: #abdde5;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}
.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e;
}
.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}
.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e;
}
.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}
.table-light,
.table-light > th,
.table-light > td {
  background-color: #fbfcfd;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #f8fafb;
}
.table-hover .table-light:hover {
  background-color: #eaeff5;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #eaeff5;
}
.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c0c1c3;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #8b8c90;
}
.table-hover .table-dark:hover {
  background-color: #b3b4b7;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b3b4b7;
}
.table-white,
.table-white > th,
.table-white > td {
  background-color: #fff;
}
.table-white th,
.table-white td,
.table-white thead th,
.table-white tbody + tbody {
  border-color: #fff;
}
.table-hover .table-white:hover {
  background-color: #f2f2f2;
}
.table-hover .table-white:hover > td,
.table-hover .table-white:hover > th {
  background-color: #f2f2f2;
}
.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th {
  color: #fff;
  background-color: #1f2229;
  border-color: #2f343f;
}
.table .thead-light th {
  color: #1f2229;
  background-color: #e6eaee;
  border-color: #c7d2de;
}
.table-dark {
  color: #fff;
  background-color: #1f2229;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #2f343f;
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xxl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}
.form-control,
.input-unit input {
  display: block;
  width: 100%;
  height: calc(1.25em + 1rem + 2px);
  padding: 0.5rem 0.5625rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  color: #1f2229;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.1rem;
  -webkit-transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control,
  .input-unit input {
    -webkit-transition: none;
    transition: none;
  }
}
.form-control::-ms-expand,
.input-unit input::-ms-expand {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
}
.form-control:focus,
.input-unit input:focus {
  color: #1f2229;
  background-color: #fff;
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: rgba(102, 175, 233, 0.6);
  box-shadow: rgba(102, 175, 233, 0.6);
}
.form-control::-webkit-input-placeholder,
.input-unit input::-webkit-input-placeholder {
  color: #c3c3c3;
  opacity: 1;
}
.form-control::-moz-placeholder,
.input-unit input::-moz-placeholder {
  color: #c3c3c3;
  opacity: 1;
}
.form-control::-ms-input-placeholder,
.input-unit input::-ms-input-placeholder {
  color: #c3c3c3;
  opacity: 1;
}
.form-control::placeholder,
.input-unit input::placeholder {
  color: #c3c3c3;
  opacity: 1;
}
.form-control:disabled,
.input-unit input:disabled,
.form-control[readonly],
.input-unit input[readonly] {
  background-color: #e6eaee;
  opacity: 1;
}
input[type="date"].form-control,
.input-unit input[type="date"],
input[type="time"].form-control,
.input-unit input[type="time"],
input[type="datetime-local"].form-control,
.input-unit input[type="datetime-local"],
input[type="month"].form-control,
.input-unit input[type="month"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select.form-control:-moz-focusring {
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 0 #1f2229;
}
select.form-control:focus::-ms-value {
  color: #1f2229;
  background-color: #fff;
}
.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}
.col-form-label {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.25;
}
.col-form-label-lg {
  padding-top: calc(0.75rem + 1px);
  padding-bottom: calc(0.75rem + 1px);
  font-size: 1.25rem;
  line-height: 1.3333333333;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.5rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.25;
  color: #1f2229;
  background-color: rgba(0, 0, 0, 0);
  border: solid rgba(0, 0, 0, 0);
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.15rem;
}
.form-control-lg {
  height: calc(1.3333333333em + 1.5rem + 2px);
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.3333333333;
  border-radius: 0.2rem;
}
select.form-control[size],
select.form-control[multiple] {
  height: auto;
}
textarea.form-control {
  height: auto;
}
.form-group,
.input-unit {
  margin-bottom: 1rem;
}
.form-text {
  display: block;
  margin-top: 0.25rem;
}
.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}
.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}
.form-check-input {
  position: absolute;
  margin-top: 0.2rem;
  margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  color: #1f2229;
}
.form-check-label {
  margin-bottom: 0;
}
.form-check-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.1rem;
}
.form-row > .col > .valid-tooltip,
.form-row > [class*="col-"] > .valid-tooltip {
  left: 5px;
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-control:valid,
.was-validated .input-unit input:valid,
.input-unit .was-validated input:valid,
.form-control.is-valid,
.input-unit input.is-valid {
  border-color: #28a745;
  padding-right: calc(1.25em + 1rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.3125em + 0.25rem) center;
  background-size: calc(0.625em + 0.5rem) calc(0.625em + 0.5rem);
}
.was-validated .form-control:valid:focus,
.was-validated .input-unit input:valid:focus,
.input-unit .was-validated input:valid:focus,
.form-control.is-valid:focus,
.input-unit input.is-valid:focus {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated select.form-control:valid,
select.form-control.is-valid {
  padding-right: 2.25rem !important;
  background-position: right 1.125rem center;
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.25em + 1rem);
  background-position: top calc(0.3125em + 0.25rem) right
    calc(0.3125em + 0.25rem);
}
.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 3.2rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%231F2229' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
      right 1rem center/8px 10px no-repeat,
    #fff
      url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")
      center right 2rem / calc(0.625em + 0.5rem) calc(0.625em + 0.5rem)
      no-repeat;
}
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated
  .custom-control-input:valid:checked
  ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}
.was-validated
  .custom-control-input:valid:focus
  ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated
  .custom-control-input:valid:focus:not(:checked)
  ~ .custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked)
  ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.1rem;
}
.form-row > .col > .invalid-tooltip,
.form-row > [class*="col-"] > .invalid-tooltip {
  left: 5px;
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-control:invalid,
.was-validated .input-unit input:invalid,
.input-unit .was-validated input:invalid,
.form-control.is-invalid,
.input-unit input.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.25em + 1rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.3125em + 0.25rem) center;
  background-size: calc(0.625em + 0.5rem) calc(0.625em + 0.5rem);
}
.was-validated .form-control:invalid:focus,
.was-validated .input-unit input:invalid:focus,
.input-unit .was-validated input:invalid:focus,
.form-control.is-invalid:focus,
.input-unit input.is-invalid:focus {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated select.form-control:invalid,
select.form-control.is-invalid {
  padding-right: 2.25rem !important;
  background-position: right 1.125rem center;
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.25em + 1rem);
  background-position: top calc(0.3125em + 0.25rem) right
    calc(0.3125em + 0.25rem);
}
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 3.2rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%231F2229' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
      right 1rem center/8px 10px no-repeat,
    #fff
      url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e")
      center right 2rem / calc(0.625em + 0.5rem) calc(0.625em + 0.5rem)
      no-repeat;
}
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated
  .custom-control-input:invalid:checked
  ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}
.was-validated
  .custom-control-input:invalid:focus
  ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated
  .custom-control-input:invalid:focus:not(:checked)
  ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked)
  ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group,
  .form-inline .input-unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control,
  .form-inline .input-unit input,
  .input-unit .form-inline input {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
.btn,
.dia-navbar__toggle {
  display: inline-block;
  font-family: "IBM Plex Sans", serif;
  font-weight: 600;
  color: #1f2229;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: rgba(0, 0, 0, 0);
  border: 0 solid rgba(0, 0, 0, 0);
  padding: 14px 20px;
  font-size: 1rem;
  line-height: 18px;
  border-radius: 0;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn,
  .dia-navbar__toggle {
    -webkit-transition: none;
    transition: none;
  }
}
.btn:hover,
.dia-navbar__toggle:hover {
  color: #1f2229;
  text-decoration: none;
}
.btn:focus,
.dia-navbar__toggle:focus,
.btn.focus,
.focus.dia-navbar__toggle {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.25);
}
.btn.disabled,
.disabled.dia-navbar__toggle,
.btn:disabled,
.dia-navbar__toggle:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled),
.dia-navbar__toggle:not(:disabled):not(.disabled) {
  cursor: pointer;
}
a.btn.disabled,
a.disabled.dia-navbar__toggle,
fieldset:disabled a.btn,
fieldset:disabled a.dia-navbar__toggle {
  pointer-events: none;
}
.btn-primary {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0e95d1;
  border-color: #0e8cc5;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #0e95d1;
  border-color: #0e8cc5;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 184, 241, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 184, 241, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0e8cc5;
  border-color: #0d84b9;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 184, 241, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 184, 241, 0.5);
}
.btn-secondary {
  color: #fff;
  background-color: #f80;
  border-color: #f80;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #d97400;
  border-color: #cc6d00;
}
.btn-secondary:focus,
.btn-secondary.focus {
  color: #fff;
  background-color: #d97400;
  border-color: #cc6d00;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 154, 38, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 154, 38, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: #f80;
  border-color: #f80;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #cc6d00;
  border-color: #bf6600;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 154, 38, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 154, 38, 0.5);
}
.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-warning {
  color: #1f2229;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #fff;
  background-color: #e0a800;
  border-color: #d39e00;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #e0a800;
  border-color: #d39e00;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 169, 12, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(221, 169, 12, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #1f2229;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #d39e00;
  border-color: #c69500;
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 169, 12, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(221, 169, 12, 0.5);
}
.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-light {
  color: #1f2229;
  background-color: #f2f5f8;
  border-color: #f2f5f8;
}
.btn-light:hover {
  color: #1f2229;
  background-color: #d9e2eb;
  border-color: #d1dce6;
}
.btn-light:focus,
.btn-light.focus {
  color: #1f2229;
  background-color: #d9e2eb;
  border-color: #d1dce6;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(210, 213, 217, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(210, 213, 217, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
  color: #1f2229;
  background-color: #f2f5f8;
  border-color: #f2f5f8;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #1f2229;
  background-color: #d1dce6;
  border-color: #c9d5e2;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(210, 213, 217, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(210, 213, 217, 0.5);
}
.btn-dark {
  color: #fff;
  background-color: #1f2229;
  border-color: #1f2229;
}
.btn-dark:hover {
  color: #fff;
  background-color: #0f1013;
  border-color: #090a0c;
}
.btn-dark:focus,
.btn-dark.focus {
  color: #fff;
  background-color: #0f1013;
  border-color: #090a0c;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(65, 67, 73, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(65, 67, 73, 0.5);
}
.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #1f2229;
  border-color: #1f2229;
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #090a0c;
  border-color: #040405;
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(65, 67, 73, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(65, 67, 73, 0.5);
}
.btn-white {
  color: #1f2229;
  background-color: #fff;
  border-color: #fff;
}
.btn-white:hover {
  color: #1f2229;
  background-color: #ececec;
  border-color: #e6e6e6;
}
.btn-white:focus,
.btn-white.focus {
  color: #1f2229;
  background-color: #ececec;
  border-color: #e6e6e6;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 222, 223, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(221, 222, 223, 0.5);
}
.btn-white.disabled,
.btn-white:disabled {
  color: #1f2229;
  background-color: #fff;
  border-color: #fff;
}
.btn-white:not(:disabled):not(.disabled):active,
.btn-white:not(:disabled):not(.disabled).active,
.show > .btn-white.dropdown-toggle {
  color: #1f2229;
  background-color: #e6e6e6;
  border-color: #dfdfdf;
}
.btn-white:not(:disabled):not(.disabled):active:focus,
.btn-white:not(:disabled):not(.disabled).active:focus,
.show > .btn-white.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 222, 223, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(221, 222, 223, 0.5);
}
.btn-outline-primary {
  color: #17acef;
  border-color: #17acef;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #17acef;
  background-color: rgba(0, 0, 0, 0);
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.5);
}
.btn-outline-secondary {
  color: #f80;
  border-color: #f80;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #f80;
  border-color: #f80;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, 0.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #f80;
  background-color: rgba(0, 0, 0, 0);
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #f80;
  border-color: #f80;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, 0.5);
}
.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #28a745;
  background-color: rgba(0, 0, 0, 0);
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #17a2b8;
  background-color: rgba(0, 0, 0, 0);
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #1f2229;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffc107;
  background-color: rgba(0, 0, 0, 0);
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #1f2229;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #dc3545;
  background-color: rgba(0, 0, 0, 0);
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-light {
  color: #f2f5f8;
  border-color: #f2f5f8;
}
.btn-outline-light:hover {
  color: #1f2229;
  background-color: #f2f5f8;
  border-color: #f2f5f8;
}
.btn-outline-light:focus,
.btn-outline-light.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(242, 245, 248, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(242, 245, 248, 0.5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #f2f5f8;
  background-color: rgba(0, 0, 0, 0);
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #1f2229;
  background-color: #f2f5f8;
  border-color: #f2f5f8;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(242, 245, 248, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(242, 245, 248, 0.5);
}
.btn-outline-dark {
  color: #1f2229;
  border-color: #1f2229;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #1f2229;
  border-color: #1f2229;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(31, 34, 41, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(31, 34, 41, 0.5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #1f2229;
  background-color: rgba(0, 0, 0, 0);
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #1f2229;
  border-color: #1f2229;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(31, 34, 41, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(31, 34, 41, 0.5);
}
.btn-outline-white {
  color: #fff;
  border-color: #fff;
}
.btn-outline-white:hover {
  color: #1f2229;
  background-color: #fff;
  border-color: #fff;
}
.btn-outline-white:focus,
.btn-outline-white.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-outline-white.disabled,
.btn-outline-white:disabled {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
}
.btn-outline-white:not(:disabled):not(.disabled):active,
.btn-outline-white:not(:disabled):not(.disabled).active,
.show > .btn-outline-white.dropdown-toggle {
  color: #1f2229;
  background-color: #fff;
  border-color: #fff;
}
.btn-outline-white:not(:disabled):not(.disabled):active:focus,
.btn-outline-white:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-white.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-link {
  font-weight: 500;
  color: #17acef;
  text-decoration: none;
}
.btn-link:hover {
  color: #0c7bae;
  text-decoration: underline;
}
.btn-link:focus,
.btn-link.focus {
  text-decoration: underline;
}
.btn-link:disabled,
.btn-link.disabled {
  color: #1f2229;
  pointer-events: none;
}
.btn-lg,
.btn-group-lg > .btn,
.btn-group-lg > .dia-navbar__toggle {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.3333333333;
  border-radius: 0.2rem;
}
.btn-sm,
.btn-group-sm > .btn,
.btn-group-sm > .dia-navbar__toggle {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.15rem;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    -webkit-transition: none;
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    -webkit-transition: none;
    transition: none;
  }
}
.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid rgba(0, 0, 0, 0);
  border-bottom: 0;
  border-left: 0.3em solid rgba(0, 0, 0, 0);
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #1f2229;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.1rem;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid rgba(0, 0, 0, 0);
  border-bottom: 0.3em solid;
  border-left: 0.3em solid rgba(0, 0, 0, 0);
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid rgba(0, 0, 0, 0);
  border-right: 0;
  border-bottom: 0.3em solid rgba(0, 0, 0, 0);
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}
.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid rgba(0, 0, 0, 0);
  border-right: 0.3em solid;
  border-bottom: 0.3em solid rgba(0, 0, 0, 0);
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-menu[x-placement^="top"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e6eaee;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 500;
  color: #1f2229;
  text-align: inherit;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: #14161a;
  text-decoration: none;
  background-color: #e6eaee;
}
.dropdown-item.active,
.dropdown-item:active {
  color: color-yiq(#17acef);
  text-decoration: none;
  background-color: #17acef;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #4e6174;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0);
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #1f2229;
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #1f2229;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group > .dia-navbar__toggle,
.btn-group-vertical > .btn,
.btn-group-vertical > .dia-navbar__toggle {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group > .dia-navbar__toggle:hover,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .dia-navbar__toggle:hover {
  z-index: 1;
}
.btn-group > .btn:focus,
.btn-group > .dia-navbar__toggle:focus,
.btn-group > .btn:active,
.btn-group > .dia-navbar__toggle:active,
.btn-group > .btn.active,
.btn-group > .active.dia-navbar__toggle,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .dia-navbar__toggle:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .dia-navbar__toggle:active,
.btn-group-vertical > .btn.active,
.btn-group-vertical > .active.dia-navbar__toggle {
  z-index: 1;
}
.btn-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group > .btn:not(:first-child),
.btn-group > .dia-navbar__toggle:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: 0;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .dia-navbar__toggle:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn-group:not(:last-child) > .dia-navbar__toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .dia-navbar__toggle:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn-group:not(:first-child) > .dia-navbar__toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 15px;
  padding-left: 15px;
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-group-sm > .dia-navbar__toggle + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-group-lg > .dia-navbar__toggle + .dropdown-toggle-split {
  padding-right: 1.125rem;
  padding-left: 1.125rem;
}
.btn-group-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .dia-navbar__toggle,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .dia-navbar__toggle:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: 0;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical
  > .dia-navbar__toggle:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn-group:not(:last-child) > .dia-navbar__toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .dia-navbar__toggle:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .dia-navbar__toggle {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .dia-navbar__toggle,
.btn-group-toggle > .btn-group > .btn,
.btn-group-toggle > .btn-group > .dia-navbar__toggle {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .dia-navbar__toggle input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .dia-navbar__toggle input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .dia-navbar__toggle input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .dia-navbar__toggle input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-unit .input-group > input,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-unit .input-group > input + .form-control,
.input-unit .input-group > .form-control + input,
.input-unit .input-group > input + input,
.input-group > .form-control + .custom-select,
.input-unit .input-group > input + .custom-select,
.input-group > .form-control + .custom-file,
.input-unit .input-group > input + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-unit .input-group > .form-control-plaintext + input,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-unit .input-group > .custom-select + input,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-unit .input-group > .custom-file + input,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-unit .input-group > input:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:first-child),
.input-unit .input-group > input:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-unit .input-group:not(.has-validation) > input:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation)
  > .custom-file:not(:last-child)
  .custom-file-label,
.input-group:not(.has-validation)
  > .custom-file:not(:last-child)
  .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > .form-control:nth-last-child(n + 3),
.input-unit .input-group.has-validation > input:nth-last-child(n + 3),
.input-group.has-validation > .custom-select:nth-last-child(n + 3),
.input-group.has-validation
  > .custom-file:nth-last-child(n + 3)
  .custom-file-label,
.input-group.has-validation
  > .custom-file:nth-last-child(n + 3)
  .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-prepend,
.input-group-append {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.input-group-prepend .btn,
.input-group-prepend .dia-navbar__toggle,
.input-group-append .btn,
.input-group-append .dia-navbar__toggle {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-prepend .dia-navbar__toggle:focus,
.input-group-append .btn:focus,
.input-group-append .dia-navbar__toggle:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .dia-navbar__toggle + .btn,
.input-group-prepend .btn + .dia-navbar__toggle,
.input-group-prepend .dia-navbar__toggle + .dia-navbar__toggle,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .dia-navbar__toggle + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-prepend .input-group-text + .dia-navbar__toggle,
.input-group-append .btn + .btn,
.input-group-append .dia-navbar__toggle + .btn,
.input-group-append .btn + .dia-navbar__toggle,
.input-group-append .dia-navbar__toggle + .dia-navbar__toggle,
.input-group-append .btn + .input-group-text,
.input-group-append .dia-navbar__toggle + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn,
.input-group-append .input-group-text + .dia-navbar__toggle {
  margin-left: -1px;
}
.input-group-prepend {
  margin-right: -1px;
}
.input-group-append {
  margin-left: -1px;
}
.input-group-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5rem 0.5625rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  color: #1f2229;
  text-align: center;
  white-space: nowrap;
  background-color: #e6eaee;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.1rem;
}
.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}
.input-group-lg > .form-control:not(textarea),
.input-unit .input-group-lg > input:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.3333333333em + 1.5rem + 2px);
}
.input-group-lg > .form-control,
.input-unit .input-group-lg > input,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-prepend > .dia-navbar__toggle,
.input-group-lg > .input-group-append > .btn,
.input-group-lg > .input-group-append > .dia-navbar__toggle {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.3333333333;
  border-radius: 0.2rem;
}
.input-group-sm > .form-control:not(textarea),
.input-unit .input-group-sm > input:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}
.input-group-sm > .form-control,
.input-unit .input-group-sm > input,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .dia-navbar__toggle,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .dia-navbar__toggle {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.15rem;
}
.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 2rem;
}
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .dia-navbar__toggle,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation)
  > .input-group-append:not(:last-child)
  > .dia-navbar__toggle,
.input-group:not(.has-validation)
  > .input-group-append:not(:last-child)
  > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,
.input-group.has-validation
  > .input-group-append:nth-last-child(n + 3)
  > .dia-navbar__toggle,
.input-group.has-validation
  > .input-group-append:nth-last-child(n + 3)
  > .input-group-text,
.input-group
  > .input-group-append:last-child
  > .btn:not(:last-child):not(.dropdown-toggle),
.input-group
  > .input-group-append:last-child
  > .dia-navbar__toggle:not(:last-child):not(.dropdown-toggle),
.input-group
  > .input-group-append:last-child
  > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .dia-navbar__toggle,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .dia-navbar__toggle,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group
  > .input-group-prepend:first-child
  > .dia-navbar__toggle:not(:first-child),
.input-group
  > .input-group-prepend:first-child
  > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}
.custom-control-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
}
.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: color-yiq(#17acef);
  border-color: #17acef;
  background-color: #17acef;
}
.custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9;
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9;
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #66afe9;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #84c6ff;
  border-color: #84c6ff;
}
.custom-control-input[disabled] ~ .custom-control-label,
.custom-control-input:disabled ~ .custom-control-label {
  color: #767676;
}
.custom-control-input[disabled] ~ .custom-control-label::before,
.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #eee;
}
.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #4e6174 solid 1px;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50%/50% 50% no-repeat;
}
.custom-checkbox .custom-control-label::before {
  border-radius: 0.1rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='color-yiq%28%2317ACEF%29' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox
  .custom-control-input:indeterminate
  ~ .custom-control-label::before {
  border-color: #0074d9;
  background-color: #0074d9;
}
.custom-checkbox
  .custom-control-input:indeterminate
  ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='color-yiq%28%2317ACEF%29' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox
  .custom-control-input:disabled:checked
  ~ .custom-control-label::before {
  background-color: rgba(23, 172, 239, 0.5);
}
.custom-checkbox
  .custom-control-input:disabled:indeterminate
  ~ .custom-control-label::before {
  background-color: rgba(23, 172, 239, 0.5);
}
.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='color-yiq%28%2317ACEF%29'/%3e%3c/svg%3e");
}
.custom-radio
  .custom-control-input:disabled:checked
  ~ .custom-control-label::before {
  background-color: rgba(23, 172, 239, 0.5);
}
.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #4e6174;
  border-radius: 0.5rem;
  -webkit-transition: background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    -webkit-transition: none;
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(0.75rem);
  transform: translateX(0.75rem);
}
.custom-switch
  .custom-control-input:disabled:checked
  ~ .custom-control-label::before {
  background-color: rgba(23, 172, 239, 0.5);
}
.custom-select {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 0.8rem 2rem 0.8rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  color: #1f2229;
  vertical-align: middle;
  background: #fff
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%231F2229' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
    right 1rem center/8px 10px no-repeat;
  border: 0 solid rgba(0, 0, 0, 0.15);
  border-radius: 0.1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.25);
}
.custom-select:focus::-ms-value {
  color: #1f2229;
  background-color: #fff;
}
.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 1rem;
  background-image: none;
}
.custom-select:disabled {
  color: #1f2229;
  background-color: #e6eaee;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 0 #1f2229;
}
.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}
.custom-select-lg {
  height: calc(1.3333333333em + 1.5rem + 2px);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.5rem;
  font-size: 1.25rem;
}
.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 2.5rem;
  margin-bottom: 0;
}
.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 2.5rem;
  margin: 0;
  overflow: hidden;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #66afe9;
  -webkit-box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9;
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9;
}
.custom-file-input[disabled] ~ .custom-file-label,
.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e6eaee;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}
.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 2.5rem;
  padding: 1rem 0.5rem;
  overflow: hidden;
  font-weight: 500;
  line-height: 1.25;
  color: #555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.1rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.25em + 1rem);
  padding: 1rem 0.5rem;
  line-height: 1.25;
  color: #555;
  content: "Browse";
  background-color: #eee;
  border-left: inherit;
  border-radius: 0 0.1rem 0.1rem 0;
}
.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-range:focus {
  outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 1px #fff, rgba(102, 175, 233, 0.6);
  box-shadow: 0 0 0 1px #fff, rgba(102, 175, 233, 0.6);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, rgba(102, 175, 233, 0.6);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, rgba(102, 175, 233, 0.6);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #17acef;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #bee8fb;
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: rgba(0, 0, 0, 0);
  cursor: pointer;
  background-color: #c7d2de;
  border-color: rgba(0, 0, 0, 0);
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #17acef;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: #bee8fb;
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: rgba(0, 0, 0, 0);
  cursor: pointer;
  background-color: #c7d2de;
  border-color: rgba(0, 0, 0, 0);
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #17acef;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: #bee8fb;
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: rgba(0, 0, 0, 0);
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #c7d2de;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #c7d2de;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #4e6174;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #4e6174;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #4e6174;
}
.custom-control-label::before,
.custom-file-label,
.custom-select {
  -webkit-transition: background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    -webkit-transition: none;
    transition: none;
  }
}
.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: 1.3rem 1rem;
}
.nav-link:hover,
.nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #1f2229;
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  border-bottom: 0 solid #789;
}
.nav-tabs .nav-link {
  margin-bottom: 0;
  border: 0 solid rgba(0, 0, 0, 0);
  border-top-left-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: #e6eaee #e6eaee #789;
}
.nav-tabs .nav-link.disabled {
  color: #1f2229;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #1f2229;
  background-color: #fff;
  border-color: #c7d2de #c7d2de #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills .nav-link {
  border-radius: 0.1rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: color-yiq(#17acef);
  background-color: #17acef;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar .container,
.navbar .container-max,
.navbar .replacement-part-finder,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl,
.navbar .container-xxl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 1.1125rem;
  padding-bottom: 1.1125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}
.navbar-text {
  display: inline-block;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
}
.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0;
}
.navbar-toggler:hover,
.navbar-toggler:focus {
  text-decoration: none;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50%/100% 100% no-repeat;
}
.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-max,
  .navbar-expand-sm > .replacement-part-finder,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl,
  .navbar-expand-sm > .container-xxl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-max,
  .navbar-expand-sm > .replacement-part-finder,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl,
  .navbar-expand-sm > .container-xxl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-max,
  .navbar-expand-md > .replacement-part-finder,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl,
  .navbar-expand-md > .container-xxl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-max,
  .navbar-expand-md > .replacement-part-finder,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl,
  .navbar-expand-md > .container-xxl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-max,
  .navbar-expand-lg > .replacement-part-finder,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl,
  .navbar-expand-lg > .container-xxl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-max,
  .navbar-expand-lg > .replacement-part-finder,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl,
  .navbar-expand-lg > .container-xxl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-max,
  .navbar-expand-xl > .replacement-part-finder,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl,
  .navbar-expand-xl > .container-xxl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-max,
  .navbar-expand-xl > .replacement-part-finder,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl,
  .navbar-expand-xl > .container-xxl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1399.98px) {
  .navbar-expand-xxl > .container,
  .navbar-expand-xxl > .container-max,
  .navbar-expand-xxl > .replacement-part-finder,
  .navbar-expand-xxl > .container-fluid,
  .navbar-expand-xxl > .container-sm,
  .navbar-expand-xxl > .container-md,
  .navbar-expand-xxl > .container-lg,
  .navbar-expand-xxl > .container-xl,
  .navbar-expand-xxl > .container-xxl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xxl > .container,
  .navbar-expand-xxl > .container-max,
  .navbar-expand-xxl > .replacement-part-finder,
  .navbar-expand-xxl > .container-fluid,
  .navbar-expand-xxl > .container-sm,
  .navbar-expand-xxl > .container-md,
  .navbar-expand-xxl > .container-lg,
  .navbar-expand-xxl > .container-xl,
  .navbar-expand-xxl > .container-xxl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-max,
.navbar-expand > .replacement-part-finder,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl,
.navbar-expand > .container-xxl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-max,
.navbar-expand > .replacement-part-finder,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl,
.navbar-expand > .container-xxl {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: #1f2229;
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: #4e6174;
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: #1f2229;
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%231F2229' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: #1f2229;
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #fff;
}
.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0);
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0.1rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.1rem - 1px);
  border-top-right-radius: calc(0.1rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.1rem - 1px);
  border-bottom-left-radius: calc(0.1rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}
.card-title {
  margin-bottom: 0.75rem;
}
.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}
.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.card-header:first-child {
  border-radius: calc(0.1rem - 1px) calc(0.1rem - 1px) 0 0;
}
.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.1rem - 1px) calc(0.1rem - 1px);
}
.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}
.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.1rem - 1px);
}
.card-img,
.card-img-top,
.card-img-bottom {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: calc(0.1rem - 1px);
  border-top-right-radius: calc(0.1rem - 1px);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.1rem - 1px);
  border-bottom-left-radius: calc(0.1rem - 1px);
}
.card-deck .card {
  margin-bottom: 8px;
}
@media (min-width: 576px) {
  .card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -8px;
    margin-left: -8px;
  }
  .card-deck .card {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 8px;
    margin-bottom: 0;
    margin-left: 8px;
  }
}
.card-group > .card {
  margin-bottom: 8px;
}
@media (min-width: 576px) {
  .card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}
.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
.accordion {
  overflow-anchor: none;
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}
.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #1f2229;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #1f2229;
}
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.1rem;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #17acef;
  background-color: #fff;
  border: 1px solid #c7d2de;
}
.page-link:hover {
  z-index: 2;
  color: #0c7bae;
  text-decoration: none;
  background-color: #e6eaee;
  border-color: #c7d2de;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.25);
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.1rem;
  border-bottom-left-radius: 0.1rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
}
.page-item.active .page-link {
  z-index: 3;
  color: color-yiq(#17acef);
  background-color: #17acef;
  border-color: #17acef;
}
.page-item.disabled .page-link {
  color: #1f2229;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #c7d2de;
}
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.3333333333;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.15rem;
  border-bottom-left-radius: 0.15rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.15rem;
  border-bottom-right-radius: 0.15rem;
}
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.1rem;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    -webkit-transition: none;
    transition: none;
  }
}
a.badge:hover,
a.badge:focus {
  text-decoration: none;
}
.badge:empty {
  display: none;
}
.btn .badge,
.dia-navbar__toggle .badge {
  position: relative;
  top: -1px;
}
.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}
.badge-primary {
  color: #fff;
  background-color: #17acef;
}
a.badge-primary:hover,
a.badge-primary:focus {
  color: #fff;
  background-color: #0e8cc5;
}
a.badge-primary:focus,
a.badge-primary.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.5);
}
.badge-secondary {
  color: #fff;
  background-color: #f80;
}
a.badge-secondary:hover,
a.badge-secondary:focus {
  color: #fff;
  background-color: #cc6d00;
}
a.badge-secondary:focus,
a.badge-secondary.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, 0.5);
}
.badge-success {
  color: #fff;
  background-color: #28a745;
}
a.badge-success:hover,
a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}
a.badge-success:focus,
a.badge-success.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
a.badge-info:hover,
a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}
a.badge-info:focus,
a.badge-info.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.badge-warning {
  color: #1f2229;
  background-color: #ffc107;
}
a.badge-warning:hover,
a.badge-warning:focus {
  color: #1f2229;
  background-color: #d39e00;
}
a.badge-warning:focus,
a.badge-warning.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.badge-danger {
  color: #fff;
  background-color: #dc3545;
}
a.badge-danger:hover,
a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}
a.badge-danger:focus,
a.badge-danger.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.badge-light {
  color: #1f2229;
  background-color: #f2f5f8;
}
a.badge-light:hover,
a.badge-light:focus {
  color: #1f2229;
  background-color: #d1dce6;
}
a.badge-light:focus,
a.badge-light.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(242, 245, 248, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(242, 245, 248, 0.5);
}
.badge-dark {
  color: #fff;
  background-color: #1f2229;
}
a.badge-dark:hover,
a.badge-dark:focus {
  color: #fff;
  background-color: #090a0c;
}
a.badge-dark:focus,
a.badge-dark.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(31, 34, 41, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(31, 34, 41, 0.5);
}
.badge-white {
  color: #1f2229;
  background-color: #fff;
}
a.badge-white:hover,
a.badge-white:focus {
  color: #1f2229;
  background-color: #e6e6e6;
}
a.badge-white:focus,
a.badge-white.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0.1rem;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
}
.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.75rem 1.25rem;
  color: inherit;
}
.alert-primary {
  color: #0c597c;
  background-color: #d1eefc;
  border-color: #bee8fb;
}
.alert-primary hr {
  border-top-color: #a6e0fa;
}
.alert-primary .alert-link {
  color: #08384e;
}
.alert-secondary {
  color: #854700;
  background-color: #ffe7cc;
  border-color: #ffdeb8;
}
.alert-secondary hr {
  border-top-color: #ffd29f;
}
.alert-secondary .alert-link {
  color: #522c00;
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert-success hr {
  border-top-color: #b1dfbb;
}
.alert-success .alert-link {
  color: #0b2e13;
}
.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.alert-info hr {
  border-top-color: #abdde5;
}
.alert-info .alert-link {
  color: #062c33;
}
.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.alert-warning hr {
  border-top-color: #ffe8a1;
}
.alert-warning .alert-link {
  color: #533f03;
}
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-danger hr {
  border-top-color: #f1b0b7;
}
.alert-danger .alert-link {
  color: #491217;
}
.alert-light {
  color: #7e7f81;
  background-color: #fcfdfe;
  border-color: #fbfcfd;
}
.alert-light hr {
  border-top-color: #eaeff5;
}
.alert-light .alert-link {
  color: #656667;
}
.alert-dark {
  color: #101215;
  background-color: #d2d3d4;
  border-color: #c0c1c3;
}
.alert-dark hr {
  border-top-color: #b3b4b7;
}
.alert-dark .alert-link {
  color: #000;
}
.alert-white {
  color: #858585;
  background-color: #fff;
  border-color: #fff;
}
.alert-white hr {
  border-top-color: #f2f2f2;
}
.alert-white .alert-link {
  color: #6c6c6c;
}
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
@media (max-width: 1200px) {
  .close {
    font-size: calc(1.275rem + 0.3vw);
  }
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}
button.close {
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
}
a.close.disabled {
  pointer-events: none;
}
.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1080;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    -webkit-transition: none;
    transition: none;
  }
}
.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 100%;
}
.modal-dialog-scrollable .modal-content {
  max-height: 100vh;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .basket-preview-header,
.modal-dialog-scrollable .modal-footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100%;
}
.modal-dialog-centered::before {
  display: block;
  height: 100vh;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}
.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.2rem;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1070;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}
.modal-header,
.basket-preview-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 10px;
  border-bottom: 1px solid #c7d2de;
  border-top-left-radius: calc(0.2rem - 1px);
  border-top-right-radius: calc(0.2rem - 1px);
}
.modal-header .close,
.basket-preview-header .close {
  padding: 10px 10px;
  margin: -10px -10px -10px auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}
.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #c7d2de;
  border-bottom-right-radius: calc(0.2rem - 1px);
  border-bottom-left-radius: calc(0.2rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 600px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 900px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: "IBM Plex Sans", serif;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: rgba(0, 0, 0, 0);
  border-style: solid;
}
.bs-tooltip-top,
.bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}
.bs-tooltip-right,
.bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}
.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}
.bs-tooltip-left,
.bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.1rem;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  display: block;
  max-width: 276px;
  font-family: "IBM Plex Sans", serif;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.2rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.2rem;
}
.popover .arrow::before,
.popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: rgba(0, 0, 0, 0);
  border-style: solid;
}
.bs-popover-top,
.bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow,
.bs-popover-auto[x-placement^="top"] > .arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .arrow::before,
.bs-popover-auto[x-placement^="top"] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .arrow::after,
.bs-popover-auto[x-placement^="top"] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}
.bs-popover-right,
.bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem;
}
.bs-popover-right > .arrow,
.bs-popover-auto[x-placement^="right"] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.2rem 0;
}
.bs-popover-right > .arrow::before,
.bs-popover-auto[x-placement^="right"] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right > .arrow::after,
.bs-popover-auto[x-placement^="right"] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}
.bs-popover-bottom,
.bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow,
.bs-popover-auto[x-placement^="bottom"] > .arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .arrow::before,
.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .arrow::after,
.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}
.bs-popover-left,
.bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem;
}
.bs-popover-left > .arrow,
.bs-popover-auto[x-placement^="left"] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.2rem 0;
}
.bs-popover-left > .arrow::before,
.bs-popover-auto[x-placement^="left"] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left > .arrow::after,
.bs-popover-auto[x-placement^="left"] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}
.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.2rem - 1px);
  border-top-right-radius: calc(0.2rem - 1px);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: 0.5rem 0.75rem;
  color: #1f2229;
}
.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: #17acef !important;
}
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0e8cc5 !important;
}
.bg-secondary {
  background-color: #f80 !important;
}
a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #cc6d00 !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: #dc3545 !important;
}
a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}
.bg-light {
  background-color: #f2f5f8 !important;
}
a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #d1dce6 !important;
}
.bg-dark {
  background-color: #1f2229 !important;
}
a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #090a0c !important;
}
.bg-white {
  background-color: #fff !important;
}
a.bg-white:hover,
a.bg-white:focus,
button.bg-white:hover,
button.bg-white:focus {
  background-color: #e6e6e6 !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-transparent {
  background-color: rgba(0, 0, 0, 0) !important;
}
.border {
  border: 1px solid #c7d2de !important;
}
.border-top {
  border-top: 1px solid #c7d2de !important;
}
.border-right {
  border-right: 1px solid #c7d2de !important;
}
.border-bottom {
  border-bottom: 1px solid #c7d2de !important;
}
.border-left {
  border-left: 1px solid #c7d2de !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: #17acef !important;
}
.border-secondary {
  border-color: #f80 !important;
}
.border-success {
  border-color: #28a745 !important;
}
.border-info {
  border-color: #17a2b8 !important;
}
.border-warning {
  border-color: #ffc107 !important;
}
.border-danger {
  border-color: #dc3545 !important;
}
.border-light {
  border-color: #f2f5f8 !important;
}
.border-dark {
  border-color: #1f2229 !important;
}
.border-white {
  border-color: #fff !important;
}
.border-white {
  border-color: #fff !important;
}
.rounded-sm {
  border-radius: 0.15rem !important;
}
.rounded {
  border-radius: 0.1rem !important;
}
.rounded-top {
  border-top-left-radius: 0.1rem !important;
  border-top-right-radius: 0.1rem !important;
}
.rounded-right {
  border-top-right-radius: 0.1rem !important;
  border-bottom-right-radius: 0.1rem !important;
}
.rounded-bottom {
  border-bottom-right-radius: 0.1rem !important;
  border-bottom-left-radius: 0.1rem !important;
}
.rounded-left {
  border-top-left-radius: 0.1rem !important;
  border-bottom-left-radius: 0.1rem !important;
}
.rounded-lg {
  border-radius: 0.2rem !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: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    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.85714286%;
}
.embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.embed-responsive-4by3::before {
  padding-top: 75%;
}
.embed-responsive-1by1::before {
  padding-top: 100%;
}
.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}
.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  -webkit-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}
.flex-grow-1 {
  -webkit-box-flex: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}
.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}
.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}
.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}
.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}
.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}
.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}
.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}
.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}
.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}
.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}
.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}
.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}
.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1400px) {
  .flex-xxl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xxl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xxl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xxl-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xxl-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xxl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xxl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xxl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xxl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    -ms-flex-item-align: stretch !important;
    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: 992px) {
  .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;
  }
}
@media (min-width: 1400px) {
  .float-xxl-left {
    float: left !important;
  }
  .float-xxl-right {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
}
.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  -ms-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  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 {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
  -webkit-box-shadow: none !important;
  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: 992px) {
  .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;
  }
}
@media (min-width: 1400px) {
  .m-xxl-0 {
    margin: 0 !important;
  }
  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: 0 !important;
  }
  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: 0 !important;
  }
  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: 1rem !important;
  }
  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: 1rem !important;
  }
  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: 3rem !important;
  }
  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: 3rem !important;
  }
  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: 3rem !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: 0 !important;
  }
  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: 0 !important;
  }
  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: 1rem !important;
  }
  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: 1rem !important;
  }
  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: 3rem !important;
  }
  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: 3rem !important;
  }
  .m-xxl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xxl-n1,
  .my-xxl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xxl-n1,
  .mx-xxl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xxl-n1,
  .my-xxl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xxl-n1,
  .mx-xxl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xxl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xxl-n2,
  .my-xxl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xxl-n2,
  .mx-xxl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xxl-n2,
  .my-xxl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xxl-n2,
  .mx-xxl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xxl-n3 {
    margin: -1rem !important;
  }
  .mt-xxl-n3,
  .my-xxl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xxl-n3,
  .mx-xxl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xxl-n3,
  .my-xxl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xxl-n3,
  .mx-xxl-n3 {
    margin-left: -1rem !important;
  }
  .m-xxl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xxl-n4,
  .my-xxl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xxl-n4,
  .mx-xxl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xxl-n4,
  .my-xxl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xxl-n4,
  .mx-xxl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xxl-n5 {
    margin: -3rem !important;
  }
  .mt-xxl-n5,
  .my-xxl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xxl-n5,
  .mx-xxl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xxl-n5,
  .my-xxl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xxl-n5,
  .mx-xxl-n5 {
    margin-left: -3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-auto,
  .mx-xxl-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: 992px) {
  .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;
  }
}
@media (min-width: 1400px) {
  .text-xxl-left {
    text-align: left !important;
  }
  .text-xxl-right {
    text-align: right !important;
  }
  .text-xxl-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: 500 !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.font-weight-bolder {
  font-weight: bolder !important;
}
.font-italic {
  font-style: italic !important;
}
.text-white,
.homepage-teaser__fourth-wrapper,
.homepage-teaser__second-wrapper,
.homepage-teaser__first-wrapper {
  color: #fff !important;
}
.text-primary,
.color-primary {
  color: #17acef !important;
}
a.text-primary:hover,
a.color-primary:hover,
a.text-primary:focus,
a.color-primary:focus {
  color: #0c7bae !important;
}
.text-secondary,
.color-secondary {
  color: #f80 !important;
}
a.text-secondary:hover,
a.color-secondary:hover,
a.text-secondary:focus,
a.color-secondary:focus {
  color: #b35f00 !important;
}
.text-success,
.color-success,
.order-property-slider .form-check input:checked + label {
  color: #28a745 !important;
}
a.text-success:hover,
a.color-success:hover,
a.text-success:focus,
a.color-success:focus {
  color: #19692c !important;
}
.text-info,
.color-info {
  color: #17a2b8 !important;
}
a.text-info:hover,
a.color-info:hover,
a.text-info:focus,
a.color-info:focus {
  color: #0f6674 !important;
}
.text-warning,
.color-warning {
  color: #ffc107 !important;
}
a.text-warning:hover,
a.color-warning:hover,
a.text-warning:focus,
a.color-warning:focus {
  color: #ba8b00 !important;
}
.text-danger,
.color-danger {
  color: #dc3545 !important;
}
a.text-danger:hover,
a.color-danger:hover,
a.text-danger:focus,
a.color-danger:focus {
  color: #a71d2a !important;
}
.text-light,
.color-light {
  color: #f2f5f8 !important;
}
a.text-light:hover,
a.color-light:hover,
a.text-light:focus,
a.color-light:focus {
  color: #c0cfdd !important;
}
.text-dark,
.color-dark {
  color: #1f2229 !important;
}
a.text-dark:hover,
a.color-dark:hover,
a.text-dark:focus,
a.color-dark:focus {
  color: #000 !important;
}
.text-white,
.homepage-teaser__fourth-wrapper,
.homepage-teaser__second-wrapper,
.homepage-teaser__first-wrapper {
  color: #fff !important;
}
a.text-white:hover,
a.homepage-teaser__fourth-wrapper:hover,
a.homepage-teaser__second-wrapper:hover,
a.homepage-teaser__first-wrapper:hover,
a.text-white:focus,
a.homepage-teaser__fourth-wrapper:focus,
a.homepage-teaser__second-wrapper:focus,
a.homepage-teaser__first-wrapper:focus {
  color: #d9d9d9 !important;
}
.text-body {
  color: #1f2229 !important;
}
.text-muted {
  color: #1f2229 !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: rgba(0, 0, 0, 0);
  text-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  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;
}
.bg-primary {
  color: #fff;
  background-color: #17acef;
}
.bg-secondary {
  color: #fff;
  background-color: #f80;
}
.bg-success {
  color: #fff;
  background-color: #28a745;
}
.bg-info {
  color: #fff;
  background-color: #17a2b8;
}
.bg-warning {
  color: #1f2229;
  background-color: #ffc107;
}
.bg-danger {
  color: #fff;
  background-color: #dc3545;
}
.bg-light {
  color: #1f2229;
  background-color: #f2f5f8;
}
.bg-dark {
  color: #fff;
  background-color: #1f2229;
}
.bg-white {
  color: #1f2229;
  background-color: #fff;
}
.bg-cover {
  background-size: cover !important;
}
.bg-contain {
  background-size: contain !important;
}
.bg-auto {
  background-size: auto !important;
}
.bg-scroll {
  background-attachment: scroll !important;
}
.bg-repeat {
  background-repeat: repeat !important;
}
.breadcrumbs .breadcrumb-item span {
  color: #1f2229;
}
.color-gray-700 {
  color: #1f2229 !important;
}
.articlenumber b,
.articlenumber span,
.producertag b,
.producertag span {
  color: #1f2229;
}
.mh-1 {
  min-height: 36px !important;
}
@media (min-width: 576px) {
  .mh-1 {
    min-height: 48px !important;
  }
}
@media (min-width: 768px) {
  .mh-1 {
    min-height: 64px !important;
  }
}
@media (min-width: 992px) {
  .mh-1 {
    min-height: 72px !important;
  }
}
@media (min-width: 1200px) {
  .mh-1 {
    min-height: 80px !important;
  }
}
@media (min-width: 1400px) {
  .mh-1 {
    min-height: !important;
  }
}
.mh-2 {
  min-height: 72px !important;
}
@media (min-width: 576px) {
  .mh-2 {
    min-height: 90px !important;
  }
}
@media (min-width: 768px) {
  .mh-2 {
    min-height: 128px !important;
  }
}
@media (min-width: 992px) {
  .mh-2 {
    min-height: 144px !important;
  }
}
@media (min-width: 1200px) {
  .mh-2 {
    min-height: 160px !important;
  }
}
@media (min-width: 1400px) {
  .mh-2 {
    min-height: !important;
  }
}
.mh-3 {
  min-height: 128px !important;
}
@media (min-width: 576px) {
  .mh-3 {
    min-height: 160px !important;
  }
}
@media (min-width: 768px) {
  .mh-3 {
    min-height: 192px !important;
  }
}
@media (min-width: 992px) {
  .mh-3 {
    min-height: 224px !important;
  }
}
@media (min-width: 1200px) {
  .mh-3 {
    min-height: 256px !important;
  }
}
@media (min-width: 1400px) {
  .mh-3 {
    min-height: !important;
  }
}
.mh-4 {
  min-height: 200px !important;
}
@media (min-width: 576px) {
  .mh-4 {
    min-height: 244px !important;
  }
}
@media (min-width: 768px) {
  .mh-4 {
    min-height: 288px !important;
  }
}
@media (min-width: 992px) {
  .mh-4 {
    min-height: 332px !important;
  }
}
@media (min-width: 1200px) {
  .mh-4 {
    min-height: 376px !important;
  }
}
@media (min-width: 1400px) {
  .mh-4 {
    min-height: !important;
  }
}
.mh-5 {
  min-height: 272px !important;
}
@media (min-width: 576px) {
  .mh-5 {
    min-height: 328px !important;
  }
}
@media (min-width: 768px) {
  .mh-5 {
    min-height: 384px !important;
  }
}
@media (min-width: 992px) {
  .mh-5 {
    min-height: 440px !important;
  }
}
@media (min-width: 1200px) {
  .mh-5 {
    min-height: 496px !important;
  }
}
@media (min-width: 1400px) {
  .mh-5 {
    min-height: !important;
  }
}
@media (min-width: 576px) {
  .mh-sm-1 {
    min-height: 48px !important;
  }
}
@media (min-width: 576px) and (min-width: 768px) {
  .mh-sm-1 {
    min-height: 64px !important;
  }
}
@media (min-width: 576px) and (min-width: 992px) {
  .mh-sm-1 {
    min-height: 72px !important;
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .mh-sm-1 {
    min-height: 80px !important;
  }
}
@media (min-width: 576px) and (min-width: 1400px) {
  .mh-sm-1 {
    min-height: !important;
  }
}
@media (min-width: 576px) {
  .mh-sm-2 {
    min-height: 90px !important;
  }
}
@media (min-width: 576px) and (min-width: 768px) {
  .mh-sm-2 {
    min-height: 128px !important;
  }
}
@media (min-width: 576px) and (min-width: 992px) {
  .mh-sm-2 {
    min-height: 144px !important;
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .mh-sm-2 {
    min-height: 160px !important;
  }
}
@media (min-width: 576px) and (min-width: 1400px) {
  .mh-sm-2 {
    min-height: !important;
  }
}
@media (min-width: 576px) {
  .mh-sm-3 {
    min-height: 160px !important;
  }
}
@media (min-width: 576px) and (min-width: 768px) {
  .mh-sm-3 {
    min-height: 192px !important;
  }
}
@media (min-width: 576px) and (min-width: 992px) {
  .mh-sm-3 {
    min-height: 224px !important;
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .mh-sm-3 {
    min-height: 256px !important;
  }
}
@media (min-width: 576px) and (min-width: 1400px) {
  .mh-sm-3 {
    min-height: !important;
  }
}
@media (min-width: 576px) {
  .mh-sm-4 {
    min-height: 244px !important;
  }
}
@media (min-width: 576px) and (min-width: 768px) {
  .mh-sm-4 {
    min-height: 288px !important;
  }
}
@media (min-width: 576px) and (min-width: 992px) {
  .mh-sm-4 {
    min-height: 332px !important;
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .mh-sm-4 {
    min-height: 376px !important;
  }
}
@media (min-width: 576px) and (min-width: 1400px) {
  .mh-sm-4 {
    min-height: !important;
  }
}
@media (min-width: 576px) {
  .mh-sm-5 {
    min-height: 328px !important;
  }
}
@media (min-width: 576px) and (min-width: 768px) {
  .mh-sm-5 {
    min-height: 384px !important;
  }
}
@media (min-width: 576px) and (min-width: 992px) {
  .mh-sm-5 {
    min-height: 440px !important;
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .mh-sm-5 {
    min-height: 496px !important;
  }
}
@media (min-width: 576px) and (min-width: 1400px) {
  .mh-sm-5 {
    min-height: !important;
  }
}
@media (min-width: 768px) {
  .mh-md-1 {
    min-height: 64px !important;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .mh-md-1 {
    min-height: 72px !important;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .mh-md-1 {
    min-height: 80px !important;
  }
}
@media (min-width: 768px) and (min-width: 1400px) {
  .mh-md-1 {
    min-height: !important;
  }
}
@media (min-width: 768px) {
  .mh-md-2 {
    min-height: 128px !important;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .mh-md-2 {
    min-height: 144px !important;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .mh-md-2 {
    min-height: 160px !important;
  }
}
@media (min-width: 768px) and (min-width: 1400px) {
  .mh-md-2 {
    min-height: !important;
  }
}
@media (min-width: 768px) {
  .mh-md-3 {
    min-height: 192px !important;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .mh-md-3 {
    min-height: 224px !important;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .mh-md-3 {
    min-height: 256px !important;
  }
}
@media (min-width: 768px) and (min-width: 1400px) {
  .mh-md-3 {
    min-height: !important;
  }
}
@media (min-width: 768px) {
  .mh-md-4 {
    min-height: 288px !important;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .mh-md-4 {
    min-height: 332px !important;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .mh-md-4 {
    min-height: 376px !important;
  }
}
@media (min-width: 768px) and (min-width: 1400px) {
  .mh-md-4 {
    min-height: !important;
  }
}
@media (min-width: 768px) {
  .mh-md-5 {
    min-height: 384px !important;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .mh-md-5 {
    min-height: 440px !important;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .mh-md-5 {
    min-height: 496px !important;
  }
}
@media (min-width: 768px) and (min-width: 1400px) {
  .mh-md-5 {
    min-height: !important;
  }
}
@media (min-width: 992px) {
  .mh-lg-1 {
    min-height: 72px !important;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .mh-lg-1 {
    min-height: 80px !important;
  }
}
@media (min-width: 992px) and (min-width: 1400px) {
  .mh-lg-1 {
    min-height: !important;
  }
}
@media (min-width: 992px) {
  .mh-lg-2 {
    min-height: 144px !important;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .mh-lg-2 {
    min-height: 160px !important;
  }
}
@media (min-width: 992px) and (min-width: 1400px) {
  .mh-lg-2 {
    min-height: !important;
  }
}
@media (min-width: 992px) {
  .mh-lg-3 {
    min-height: 224px !important;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .mh-lg-3 {
    min-height: 256px !important;
  }
}
@media (min-width: 992px) and (min-width: 1400px) {
  .mh-lg-3 {
    min-height: !important;
  }
}
@media (min-width: 992px) {
  .mh-lg-4 {
    min-height: 332px !important;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .mh-lg-4 {
    min-height: 376px !important;
  }
}
@media (min-width: 992px) and (min-width: 1400px) {
  .mh-lg-4 {
    min-height: !important;
  }
}
@media (min-width: 992px) {
  .mh-lg-5 {
    min-height: 440px !important;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .mh-lg-5 {
    min-height: 496px !important;
  }
}
@media (min-width: 992px) and (min-width: 1400px) {
  .mh-lg-5 {
    min-height: !important;
  }
}
@media (min-width: 1200px) {
  .mh-xl-1 {
    min-height: 80px !important;
  }
}
@media (min-width: 1200px) and (min-width: 1400px) {
  .mh-xl-1 {
    min-height: !important;
  }
}
@media (min-width: 1200px) {
  .mh-xl-2 {
    min-height: 160px !important;
  }
}
@media (min-width: 1200px) and (min-width: 1400px) {
  .mh-xl-2 {
    min-height: !important;
  }
}
@media (min-width: 1200px) {
  .mh-xl-3 {
    min-height: 256px !important;
  }
}
@media (min-width: 1200px) and (min-width: 1400px) {
  .mh-xl-3 {
    min-height: !important;
  }
}
@media (min-width: 1200px) {
  .mh-xl-4 {
    min-height: 376px !important;
  }
}
@media (min-width: 1200px) and (min-width: 1400px) {
  .mh-xl-4 {
    min-height: !important;
  }
}
@media (min-width: 1200px) {
  .mh-xl-5 {
    min-height: 496px !important;
  }
}
@media (min-width: 1200px) and (min-width: 1400px) {
  .mh-xl-5 {
    min-height: !important;
  }
}
@media (min-width: 1400px) {
  .mh-xxl-1 {
    min-height: !important;
  }
  .mh-xxl-2 {
    min-height: !important;
  }
  .mh-xxl-3 {
    min-height: !important;
  }
  .mh-xxl-4 {
    min-height: !important;
  }
  .mh-xxl-5 {
    min-height: !important;
  }
}
.modal-header,
.basket-preview-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 575.98px) {
  html.facebook .checkout .modal.show,
  html.facebook .myaccount .modal.show {
    position: absolute !important;
    min-height: 100vh;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  html.facebook body.modal-open {
    position: relative !important;
    overflow: auto !important;
  }
}
.modal-multi-row .row {
  background-color: #f2f5f8;
  border: 1px solid #c7d2de;
  margin: 0 0 1rem 0;
  padding-top: 1rem;
}
[class^="prop-"] {
  position: relative;
  width: 100% !important;
  height: 0 !important;
}
.prop-1-1 {
  padding-bottom: 100%;
}
.prop-1-2 {
  padding-bottom: 200%;
}
.prop-1-3 {
  padding-bottom: 300%;
}
.prop-2-1 {
  padding-bottom: 50%;
}
.prop-2-2 {
  padding-bottom: 100%;
}
.prop-2-3 {
  padding-bottom: 150%;
}
.prop-3-1 {
  padding-bottom: 33.3333333333%;
}
.prop-3-2 {
  padding-bottom: 66.6666666667%;
}
.prop-3-3 {
  padding-bottom: 100%;
}
@media (min-width: 576px) {
  .prop-sm-1-1 {
    padding-bottom: 100%;
  }
  .prop-sm-1-2 {
    padding-bottom: 200%;
  }
  .prop-sm-1-3 {
    padding-bottom: 300%;
  }
  .prop-sm-2-1 {
    padding-bottom: 50%;
  }
  .prop-sm-2-2 {
    padding-bottom: 100%;
  }
  .prop-sm-2-3 {
    padding-bottom: 150%;
  }
  .prop-sm-3-1 {
    padding-bottom: 33.3333333333%;
  }
  .prop-sm-3-2 {
    padding-bottom: 66.6666666667%;
  }
  .prop-sm-3-3 {
    padding-bottom: 100%;
  }
}
@media (min-width: 768px) {
  .prop-md-1-1 {
    padding-bottom: 100%;
  }
  .prop-md-1-2 {
    padding-bottom: 200%;
  }
  .prop-md-1-3 {
    padding-bottom: 300%;
  }
  .prop-md-2-1 {
    padding-bottom: 50%;
  }
  .prop-md-2-2 {
    padding-bottom: 100%;
  }
  .prop-md-2-3 {
    padding-bottom: 150%;
  }
  .prop-md-3-1 {
    padding-bottom: 33.3333333333%;
  }
  .prop-md-3-2 {
    padding-bottom: 66.6666666667%;
  }
  .prop-md-3-3 {
    padding-bottom: 100%;
  }
}
@media (min-width: 992px) {
  .prop-lg-1-1 {
    padding-bottom: 100%;
  }
  .prop-lg-1-2 {
    padding-bottom: 200%;
  }
  .prop-lg-1-3 {
    padding-bottom: 300%;
  }
  .prop-lg-2-1 {
    padding-bottom: 50%;
  }
  .prop-lg-2-2 {
    padding-bottom: 100%;
  }
  .prop-lg-2-3 {
    padding-bottom: 150%;
  }
  .prop-lg-3-1 {
    padding-bottom: 33.3333333333%;
  }
  .prop-lg-3-2 {
    padding-bottom: 66.6666666667%;
  }
  .prop-lg-3-3 {
    padding-bottom: 100%;
  }
}
@media (min-width: 1200px) {
  .prop-xl-1-1 {
    padding-bottom: 100%;
  }
  .prop-xl-1-2 {
    padding-bottom: 200%;
  }
  .prop-xl-1-3 {
    padding-bottom: 300%;
  }
  .prop-xl-2-1 {
    padding-bottom: 50%;
  }
  .prop-xl-2-2 {
    padding-bottom: 100%;
  }
  .prop-xl-2-3 {
    padding-bottom: 150%;
  }
  .prop-xl-3-1 {
    padding-bottom: 33.3333333333%;
  }
  .prop-xl-3-2 {
    padding-bottom: 66.6666666667%;
  }
  .prop-xl-3-3 {
    padding-bottom: 100%;
  }
}
@media (min-width: 1400px) {
  .prop-xxl-1-1 {
    padding-bottom: 100%;
  }
  .prop-xxl-1-2 {
    padding-bottom: 200%;
  }
  .prop-xxl-1-3 {
    padding-bottom: 300%;
  }
  .prop-xxl-2-1 {
    padding-bottom: 50%;
  }
  .prop-xxl-2-2 {
    padding-bottom: 100%;
  }
  .prop-xxl-2-3 {
    padding-bottom: 150%;
  }
  .prop-xxl-3-1 {
    padding-bottom: 33.3333333333%;
  }
  .prop-xxl-3-2 {
    padding-bottom: 66.6666666667%;
  }
  .prop-xxl-3-3 {
    padding-bottom: 100%;
  }
}
.autocomplete-suggestions {
  position: absolute;
  top: 100%;
  z-index: 1070;
  max-height: 80vh;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
}
.autocomplete-suggestion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
}
.autocomplete-suggestion:focus,
.autocomplete-suggestion:hover {
  background: #c7d2de;
}
.autocomplete-suggestion .label {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #1f2229;
}
.autocomplete-suggestion .label .small,
.autocomplete-suggestion .label .input-unit label,
.input-unit .autocomplete-suggestion .label label {
  color: #1f2229;
}
.autocomplete-suggestion .label.compact .small,
.autocomplete-suggestion .label.compact .input-unit label,
.input-unit .autocomplete-suggestion .label.compact label {
  line-height: 0.85;
}
.autocomplete-suggestion .image {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
}
.autocomplete-suggestion img {
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.autocomplete-suggestion .count span {
  display: inline-block;
  min-width: 3em;
  padding: 0.1rem 0;
  font-size: 0.85rem;
  color: #1f2229;
  text-align: center;
  background: #e6eaee;
}
.autocomplete-suggestion:nth-child(n + 11),
.widget-inner-stacked .autocomplete-suggestion:nth-child(n + 5) {
  display: none;
}
.search-input {
  font-size: 1.3rem;
  line-height: 1;
  border: none;
  outline: none;
}
.search-submit {
  font-size: 1.3rem;
  line-height: 1;
  color: #17acef;
  background-color: #e6eaee;
  border: none;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .search-submit {
    -webkit-transition: none;
    transition: none;
  }
}
.search-submit:hover {
  color: #0a6a96;
}
@media (min-width: 768px) {
  .search-permanent {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .search-permanent .controls .nav-link {
    padding: 1.2rem 0.8rem;
  }
}
html.ie .always-visible-search {
  min-height: 32px;
}
.owl-carousel {
  position: relative;
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (min-width: 576px) {
  .owl-carousel:hover .owl-single-item-nav {
    opacity: 0.3;
  }
}
.owl-carousel .carousel-control {
  display: block;
  text-align: left;
  background-image: none !important;
  opacity: 1;
}
.owl-carousel .carousel-control.right {
  right: 0;
  text-align: right;
}
.owl-carousel .carousel-control.right .owl-single-item-control {
  right: 0;
}
.owl-carousel .carousel-control:hover {
  opacity: 1 !important;
}
.owl-carousel .carousel-control:hover i {
  color: #17acef;
}
.owl-carousel .owl-single-item-control {
  font-size: 3rem;
  color: #1f2229;
  text-shadow: none;
}
@media (max-width: 767.98px) {
  .owl-carousel .owl-single-item-control {
    padding: 0 0.5rem;
    font-size: 1.5rem;
  }
}
.owl-carousel .owl-dots {
  z-index: 2;
  display: block;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-stage::after {
  display: block;
  height: 0;
  clear: both;
  line-height: 0;
  visibility: hidden;
  content: ".";
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  float: left;
  min-height: 1px;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  height: 100%;
}
.single-carousel .owl-item img {
  width: 101%;
  height: 101%;
  margin-left: -1px;
}
.owl-placeholder {
  position: absolute;
  width: 101%;
  height: 101%;
  margin-left: -1px;
  -o-object-fit: contain;
  object-fit: contain;
}
.single-carousel.owl-single-item .image-container,
.single-carousel.owl-single-item a,
.owl-thumbs.owl-single-item .image-container,
.owl-thumbs.owl-single-item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-single-item-nav.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-prev {
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.owl-next {
  position: absolute;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  display: block;
  opacity: 0;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.no-js .owl-carousel {
  display: block;
}
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fade-out {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .owl-height {
    -webkit-transition: none;
    transition: none;
  }
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0, 0, 0.26, 1),
    opacity 0.3s cubic-bezier(0, 0, 0.26, 1),
    -webkit-transform 0.3s cubic-bezier(0, 0, 0.26, 1);
}
@media (prefers-reduced-motion: reduce) {
  .owl-carousel .owl-video-tn {
    -webkit-transition: none;
    transition: none;
  }
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.owl-theme .owl-nav {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 100%;
  margin-top: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-theme .owl-nav [class*="owl-"] {
  display: inline-block;
  padding: 4px 7px;
  margin: 5px;
  font-size: 22px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 3px;
  opacity: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
  .owl-theme .owl-nav [class*="owl-"] {
    -webkit-transition: none;
    transition: none;
  }
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  color: #fff;
  text-decoration: none;
  background: #869791;
}
.owl-theme .owl-nav .disabled {
  cursor: default;
  opacity: 0.5;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
  display: block;
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #d6d6d6;
  border-radius: 30px;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  -webkit-backface-visibility: visible;
}
@media (prefers-reduced-motion: reduce) {
  .owl-theme .owl-dots .owl-dot span {
    -webkit-transition: none;
    transition: none;
  }
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}
.owl-single-item-nav {
  top: 40%;
  bottom: 40%;
  max-width: 45px;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
@media (prefers-reduced-motion: reduce) {
  .owl-single-item-nav {
    -webkit-transition: none;
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .owl-single-item-nav {
    display: none;
  }
}
.owl-single-item-nav:hover {
  opacity: 0.5 !important;
}
.owl-single-item-nav .owl-single-item-control {
  position: absolute;
  top: 50%;
  margin: auto;
  -webkit-transform: translateY(-36%);
  transform: translateY(-36%);
}
.owl-carousel .disabled {
  display: none;
}
.disabled .owl-single-item-nav {
  display: none;
}
.owl-thumbs {
  display: none;
  margin-top: 0.5rem;
}
.owl-thumbs .owl-thumb {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0);
}
.owl-thumbs .owl-thumb.active,
.owl-thumbs .owl-thumb:hover {
  cursor: pointer;
  border: 1px solid #17acef;
}
.owl-thumbs .carousel-control {
  width: 5%;
}
html.ie .single-carousel .owl-item img {
  display: inline-block;
  width: auto;
}
html.ie .single-carousel .owl-item > div {
  text-align: center;
}
.notification-wrapper .alert {
  width: 100%;
}
@media (min-width: 576px) {
  .notification-wrapper .alert {
    width: 400px;
  }
}
.anicon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: rgba(0, 0, 0, 0);
  border: none;
  outline: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (prefers-reduced-motion: reduce) {
  .anicon {
    -webkit-transition: none;
    transition: none;
  }
}
.anicon > * {
  display: block;
}
.anicon:hover,
.anicon:focus {
  outline: none;
}
.anicon > .anicon-search-item {
  position: relative;
  display: inline-block;
  width: 18px;
  margin-bottom: 3px;
  background: rgba(0, 0, 0, 0);
  border-radius: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotateZ(225deg);
  transform: rotateZ(225deg);
}
.anicon > .anicon-search-item::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 15px;
  height: 1px;
  margin: auto;
  content: "";
  background: #fff;
  border-radius: 2.85714px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.anicon > .anicon-search-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 11px;
  height: 11px;
  margin: auto;
  content: "";
  background: #1f2229;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
@media (min-width: 768px) {
  .anicon.anicon-search-xcross[aria-expanded="false"]:hover
    > .anicon-search-item::after {
    background: #17acef;
  }
}
.anicon.anicon-search-xcross[aria-expanded="true"] > .anicon-search-item {
  width: 15px;
  margin-left: 1px;
}
.anicon.anicon-search-xcross[aria-expanded="true"]
  > .anicon-search-item::before {
  background: #fff;
  border-radius: 2.85714px;
}
.anicon.anicon-search-xcross[aria-expanded="true"]
  > .anicon-search-item::after {
  top: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  border: 0;
  border-radius: 2.85714px;
  -webkit-transform: rotate3d(0, 0, 1, 90deg);
  transform: rotate3d(0, 0, 1, 90deg);
}
.cmp {
  position: relative;
}
.cmp::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1080;
  width: 0;
  height: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -webkit-transition: opacity 300ms, width 0ms 310ms, height 0ms 310ms;
  transition: opacity 300ms, width 0ms 310ms, height 0ms 310ms;
}
@media (prefers-reduced-motion: reduce) {
  .cmp::before {
    -webkit-transition: none;
    transition: none;
  }
}
.cmp::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1090;
  display: inline-block;
  font-weight: 700;
  color: #fff;
  visibility: hidden;
  content: "Loading…";
  opacity: 0;
  -webkit-transition: opacity 300ms, visibility 0ms 310ms;
  transition: opacity 300ms, visibility 0ms 310ms;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (prefers-reduced-motion: reduce) {
  .cmp::after {
    -webkit-transition: none;
    transition: none;
  }
}
.cmp.wait {
  pointer-events: none;
}
.cmp.wait::before {
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: width 0ms, height 0ms, opacity 300ms 10ms;
  transition: width 0ms, height 0ms, opacity 300ms 10ms;
}
@media (prefers-reduced-motion: reduce) {
  .cmp.wait::before {
    -webkit-transition: none;
    transition: none;
  }
}
.cmp.wait::after {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0ms, opacity 300ms 100ms;
  transition: visibility 0ms, opacity 300ms 100ms;
}
@media (prefers-reduced-motion: reduce) {
  .cmp.wait::after {
    -webkit-transition: none;
    transition: none;
  }
}
.notification-wrapper {
  position: fixed;
  top: 10rem;
  right: 0.5rem;
  z-index: 10001;
}
@media (max-width: 575.98px) {
  .notification-wrapper {
    right: auto;
    width: 100%;
    padding: 0 8px;
  }
}
.popover[x-placement="bottom"] .arrow::after {
  border-bottom-color: #f7f7f7;
}
.popover .popover-body > [data-builder-child-container] {
  min-width: 190px;
}
.popover.hidden {
  pointer-events: none;
  visibility: hidden;
}
.popover.popover-md {
  width: 414px;
  max-width: 414px;
}
.popover.popover-lg {
  width: 552px;
  max-width: 552px;
}
.cookie-bar .privacy-settings {
  max-height: 50vh;
}
.cookie-bar .privacy-settings td:first-child {
  width: 200px;
}
.cookie-bar.out {
  right: auto;
  left: 15px;
}
.cookie-bar .container-max,
.cookie-bar .replacement-part-finder {
  max-height: 100vh;
  overflow-y: auto;
}
.button-order {
  display: grid;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.button-order-1 {
  grid-area: first;
}
.button-order-2 {
  grid-area: second;
}
.button-order-3 {
  grid-area: last;
}
.order-1-3 .button-order {
  grid-template-areas: "first" "last";
}
.order-3-1 .button-order {
  grid-template-areas: "last" "first";
}
.order-1-2-3 .button-order {
  grid-template-areas: "first" "second" "last";
}
.order-1-3-2 .button-order {
  grid-template-areas: "first" "last" "second";
}
.order-2-1-3 .button-order {
  grid-template-areas: "second" "first" "last";
}
.order-2-3-1 .button-order {
  grid-template-areas: "second" "last" "first";
}
.order-3-1-2 .button-order {
  grid-template-areas: "last" "first" "second";
}
.order-3-2-1 .button-order {
  grid-template-areas: "last" "second" "first";
}
.tooltip {
  pointer-events: none;
}
.sticky-element > .widget-inner {
  display: inline-block;
  width: 100%;
}
.sticky-element p:empty {
  margin-bottom: 0;
}
.sticky-element.is-sticky {
  z-index: 1020 !important;
}
.list-transition-enter-active,
.list-transition-leave-active {
  -webkit-animation-name: item-leaving;
  animation-name: item-leaving;
  -webkit-animation-duration: 0.175s;
  animation-duration: 0.175s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.list-transition-enter-active {
  animation-direction: reverse;
}
@-webkit-keyframes item-leaving {
  from {
    max-height: 1000px;
  }
  to {
    max-height: 0;
  }
}
@keyframes item-leaving {
  from {
    max-height: 1000px;
  }
  to {
    max-height: 0;
  }
}
.basket-list-item {
  position: relative;
  overflow: hidden;
}
.basket-list-item:not(:last-child) {
  border-bottom: 1px solid #c7d2de;
}
.basket-list-item .image-container {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 75px;
  margin-right: 10px;
}
@media (max-width: 575.98px) {
  .basket-list-item .image-container {
    width: 50px;
  }
}
.basket-list-item .meta-container {
  width: 100%;
  min-width: 0;
}
html.ie .basket-list-item .meta-container {
  display: block;
  float: left;
  width: 65%;
}
@media (max-width: 1199.98px) {
  html.ie .basket-list-item .meta-container {
    width: 100%;
    margin-bottom: 10px;
  }
}
.basket-list-item .meta-container-wrapper {
  width: 100%;
  min-width: 0;
}
.basket-list-item .meta-container-wrapper-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
html.ie .basket-list-item .meta-container-wrapper-inner {
  display: block;
}
.basket-list-item .colon::after {
  content: ":";
}
.basket-list-item table {
  max-width: 100%;
}
.basket-item-container-right .qty-box-container {
  height: 41px;
}
html.ie .basket-item-container-right {
  display: block;
  width: 35%;
  margin-left: auto;
}
@media (max-width: 1199.98px) {
  html.ie .basket-item-container-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}
.basket-preview-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1081;
  display: block;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .basket-preview-wrapper {
    -webkit-transition: none;
    transition: none;
  }
}
@media (min-width: 768px) {
  .basket-preview-wrapper .item-list {
    min-height: 200px;
  }
}
@media (min-width: 992px) {
  .basket-preview-wrapper {
    left: auto;
    width: 30rem;
  }
}
.basket-open .basket-preview-wrapper {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.basket-preview-wrapper .basket-preview-overlay {
  position: fixed;
  top: 0;
  right: -100vw;
  bottom: -100vh;
  left: -100vw;
  z-index: -1;
  display: none;
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
}
.basket-open .basket-preview-wrapper .basket-preview-overlay {
  display: block;
}
.basket-preview {
  position: absolute;
  height: 100%;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 1rem;
}
.basket-preview-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
}
.basket-preview-content .totals {
  background-color: #f2f5f8;
  border-top: 1px solid #c7d2de;
}
.basket-preview-footer {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.basket-preview-footer > * {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 40%;
  flex: 1 0 40%;
  margin-top: 0.5rem;
}
.basket-preview-footer > *:nth-child(2n) {
  margin-left: 1rem;
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .basket-preview-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .basket-preview-content .item-list {
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
    max-width: 55%;
  }
  .basket-preview-content .totals {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    max-width: 45%;
    background-color: #fff;
    border-top: none;
    border-left: 1px solid #c7d2de;
  }
}
@media (min-width: 992px) {
  .basket-preview-wrapper.open-hover {
    position: absolute;
    top: auto;
    display: none;
    max-width: 440px;
    max-height: 90vh;
  }
  .no-touch .control-basket:hover .basket-preview-wrapper.open-hover,
  .basket-open .basket-preview-wrapper.open-hover {
    display: block;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  .basket-preview-wrapper.open-hover .basket-preview {
    height: auto;
    max-height: 90vh;
  }
  .basket-preview-wrapper.open-hover .basket-preview-header {
    display: none;
  }
  .basket-preview-wrapper.open-hover.empty .item-list {
    padding: 1rem 0;
    text-align: center;
  }
  .basket-preview-wrapper.open-hover .totals {
    background-color: #fff;
  }
  .basket-preview-wrapper.open-hover .basket-preview-overlay {
    background-color: rgba(0, 0, 0, 0);
  }
}
.basket-open [data-header-offset] > * {
  z-index: auto !important;
}
html.safari .basket-preview-content .totals {
  display: block !important;
}
html.ios .basket-preview-content .totals {
  display: block !important;
}
body.basket-open {
  overflow: hidden;
}
.cmp-totals dt,
.cmp-totals dd {
  display: inline-block;
  vertical-align: top;
}
.cmp-totals dt {
  width: 70%;
}
.cmp-totals dd {
  width: 30%;
  text-align: right;
}
.cmp-totals .rebate-hint {
  color: #1f2229;
}
@media (max-width: 575.98px) {
  .cmp-totals hr {
    margin: 5px 0;
  }
}
.cmp-product-thumb {
  width: 100%;
  padding: 0.8rem;
  margin-bottom: 8px;
  overflow: hidden;
  background-color: #fff;
}
.cmp-product-thumb .prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cmp-product-thumb .crossprice {
  font-size: 0.81em;
  font-weight: 700;
  color: #1f2229;
}
.cmp-product-thumb .price-view-port {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
}
.cmp-product-thumb .thumb-title {
  display: block;
  min-height: 32px;
  font-weight: 700;
  line-height: 1.1em;
  color: #1f2229;
  text-align: left;
}
.cmp-product-thumb .add-to-basket-lg-container {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 90;
  cursor: pointer;
  border-color: rgba(0, 0, 0, 0) #f7f7f9 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 0 70px 70px 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .cmp-product-thumb .add-to-basket-lg-container {
    -webkit-transition: none;
    transition: none;
  }
}
.cmp-product-thumb .add-to-basket-lg-container i {
  position: absolute;
  top: 11px;
  right: -56px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .cmp-product-thumb .add-to-basket-lg-container i {
    -webkit-transition: none;
    transition: none;
  }
}
.cmp-product-thumb .add-to-basket-lg-container:hover {
  border-color: rgba(0, 0, 0, 0) #17acef rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.cmp-product-thumb .add-to-basket-lg-container:hover i {
  color: #fff;
}
.cmp-product-thumb .thumb-image {
  position: relative;
  overflow: hidden;
}
.cmp-product-thumb .thumb-image > noscript,
.cmp-product-thumb .thumb-image a img,
.cmp-product-thumb .thumb-image .owl-carousel {
  position: absolute;
  top: -9999px;
  right: -9999px;
  bottom: -9999px;
  left: -9999px;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: auto;
}
.cmp-product-thumb .thumb-image .owl-carousel,
.cmp-product-thumb .thumb-image .owl-stage-outer,
.cmp-product-thumb .thumb-image .owl-stage,
.cmp-product-thumb .thumb-image .owl-item {
  height: 100%;
}
.cmp-product-thumb .special-tags {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.cmp-product-thumb .special-tags .badge {
  font-size: 0.9rem;
  font-weight: 300;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
}
.cmp-product-thumb .thumb-content {
  display: inline-block;
  width: calc(100% - 120px);
  padding: 0 0.8rem;
  vertical-align: top;
  background-color: #fff;
}
.cmp-product-thumb .thumb-content .btn,
.cmp-product-thumb .thumb-content .dia-navbar__toggle {
  z-index: 1;
}
.cmp-product-thumb .thumb-content .vat a {
  z-index: 1;
}
.cmp-product-thumb .price {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.1;
  color: #1f2229;
}
.cmp-product-thumb .category-lowest-price,
.cmp-product-thumb .category-unit-price {
  color: #1f2229;
}
.cmp-product-thumb .btn-group {
  margin-top: 5px;
}
@media (min-width: 576px) {
  .cmp-product-thumb {
    padding: 0;
    margin-bottom: 16px;
  }
  .cmp-product-thumb .thumb-content {
    width: 100%;
    padding: 0.8rem;
  }
  .cmp-product-thumb .thumb-title {
    font-weight: 400;
  }
  .cmp-product-thumb .thumb-image {
    width: 100%;
  }
  .cmp-product-thumb .img-fluid {
    -webkit-transition: 0.4s cubic-bezier(0, 0, 0.26, 1);
    transition: 0.4s cubic-bezier(0, 0, 0.26, 1);
  }
}
@media (min-width: 576px) and (prefers-reduced-motion: reduce) {
  .cmp-product-thumb .img-fluid {
    -webkit-transition: none;
    transition: none;
  }
}
@media (min-width: 576px) {
  .cmp-product-thumb:hover .img-fluid {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  .cmp-product-thumb:hover .owl-nav [class*="owl-"] {
    opacity: 1;
  }
}
@media (max-width: 991.98px) {
  .cmp-product-thumb .btn-group {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .cmp-product-thumb .thumb-image {
    float: left;
    width: 120px;
  }
}
.no-pointer-events {
  pointer-events: none;
}
.component-loading {
  position: relative;
}
.component-loading::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  visibility: hidden;
  content: "";
  background: #f2f5f8;
  border-radius: 1px;
  opacity: 0;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .component-loading::before {
    -webkit-transition: none;
    transition: none;
  }
}
.component-loading.with-icon::after {
  position: absolute;
  top: 50%;
  right: 50%;
  bottom: 50%;
  left: 50%;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: auto;
  height: auto;
  font-family: FontAwesome;
  font-size: 2rem;
  color: #e6eaee;
  visibility: hidden;
  content: "";
  opacity: 0;
  -webkit-animation: fa-spin 1.5s infinite linear;
  animation: fa-spin 1.5s infinite linear;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .component-loading.with-icon::after {
    -webkit-transition: none;
    transition: none;
  }
}
.component-loading.with-icon.refreshing::after {
  content: "";
}
.component-loading.with-icon.sending::after {
  content: "";
  -webkit-animation: fa-spin 1s infinite linear;
  animation: fa-spin 1s infinite linear;
}
.component-loading.is-loading {
  cursor: not-allowed;
}
.component-loading.is-loading::before {
  visibility: visible;
  opacity: 0.5;
}
.component-loading.is-loading::after {
  visibility: visible;
  opacity: 1;
}
.qty-box {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}
.qty-box .qty-input {
  width: 48px;
  padding: 10px 0;
  border: 1px solid #789;
  border-right: 0;
  outline: none;
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.26, 1);
  transition: all 0.2s cubic-bezier(0, 0, 0.26, 1);
}
@media (prefers-reduced-motion: reduce) {
  .qty-box .qty-input {
    -webkit-transition: none;
    transition: none;
  }
}
.qty-box .qty-input:focus {
  background-color: #e6eaee;
}
.qty-box.qty-set {
  width: auto;
}
.qty-btn-container {
  width: 24px;
  border-radius: 0 0.1rem 0.1rem 0;
}
.qty-btn-container .qty-btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e6eaee;
  border: 1px solid #789;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0 0.1rem 0 0;
}
.qty-btn-container .qty-btn + .qty-btn {
  border-top: 0;
  border-radius: 0 0 0.1rem 0;
}
.qty-btn-container .qty-btn.disabled {
  cursor: not-allowed;
}
.qty-btn-container .qty-btn:not(.disabled):hover {
  background: #c8d1d9;
}
.add-to-basket-container .qty-btn-container {
  width: 28px;
}
.add-to-basket-container .qty-btn-container .qty-btn {
  width: 28px;
  height: 28px;
}
.set-data .image-container {
  width: 55px;
}
.single .list-item-carousel .list-control-special,
.page-singleitem .list-item-carousel .list-control-special {
  position: absolute;
  top: 40%;
  width: 5%;
  height: 5%;
}
.single .single-carousel,
.page-singleitem .single-carousel {
  background: #fff;
}
.single .main-image img,
.page-singleitem .main-image img {
  width: 100%;
}
.single .title,
.page-singleitem .title {
  line-height: 1.2;
}
.single .title-outer h1,
.page-singleitem .title-outer h1 {
  margin-bottom: 0.5rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.1;
}
.single .producer,
.page-singleitem .producer {
  display: inline-block;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
}
.single .single-description,
.page-singleitem .single-description {
  font-size: 0.85rem;
}
.single .price,
.page-singleitem .price {
  display: block;
  font-weight: 700;
  line-height: 1;
}
.single .input-number,
.page-singleitem .input-number {
  text-align: center;
}
.single .vat,
.page-singleitem .vat {
  margin-top: 0;
  margin-bottom: 0.5em;
  line-height: 1.4;
  color: #020260;
}
.single .crosssellers img,
.page-singleitem .crosssellers img {
  width: auto;
  max-width: 100%;
}
.single .crosssellers .special-tags,
.page-singleitem .crosssellers .special-tags {
  padding: 0.3rem;
}
@media (max-width: 575.98px) {
  .single .nav-tabs,
  .page-singleitem .nav-tabs {
    display: block;
  }
}
.single .nav-tabs .nav-item,
.page-singleitem .nav-tabs .nav-item {
  float: none;
  cursor: pointer;
}
.single .nav-tabs .nav-item + .nav-item,
.page-singleitem .nav-tabs .nav-item + .nav-item {
  margin-left: 0;
}
.single .nav-tabs .nav-link,
.page-singleitem .nav-tabs .nav-link {
  border: 1px solid #789;
}
.single .nav-tabs .nav-link.active,
.single .nav-tabs .nav-link:hover,
.page-singleitem .nav-tabs .nav-link.active,
.page-singleitem .nav-tabs .nav-link:hover {
  color: #1f2229;
  background: #e6eaee;
  border: 1px solid #789;
}
.single .tab-content img,
.page-singleitem .tab-content img {
  max-width: 100%;
}
.single .graduated-prices-table td:first-child,
.page-singleitem .graduated-prices-table td:first-child {
  padding-right: 1rem;
  font-style: italic;
}
.single .graduated-prices-table i,
.page-singleitem .graduated-prices-table i {
  color: #28a745;
}
.single .graduated-base-price,
.page-singleitem .graduated-base-price {
  font-style: normal !important;
}
.single .fade-enter-active,
.single .fade-leave-active,
.page-singleitem .fade-enter-active,
.page-singleitem .fade-leave-active {
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .single .fade-enter-active,
  .single .fade-leave-active,
  .page-singleitem .fade-enter-active,
  .page-singleitem .fade-leave-active {
    -webkit-transition: none;
    transition: none;
  }
}
.single .fade-enter,
.single .fade-leave-to,
.page-singleitem .fade-enter,
.page-singleitem .fade-leave-to {
  opacity: 0;
}
.single .order-property-input,
.page-singleitem .order-property-input {
  -webkit-transition: border-color 0.3s ease-out;
  transition: border-color 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .single .order-property-input,
  .page-singleitem .order-property-input {
    -webkit-transition: none;
    transition: none;
  }
}
.single .order-property-input.active,
.page-singleitem .order-property-input.active {
  border-color: #28a745;
}
.single .order-property-selection-info-popper,
.page-singleitem .order-property-selection-info-popper {
  top: 0;
  right: 0;
}
.single .order-property-selection-info-popper .btn,
.single .order-property-selection-info-popper .dia-navbar__toggle,
.page-singleitem .order-property-selection-info-popper .btn,
.page-singleitem .order-property-selection-info-popper .dia-navbar__toggle {
  margin: 4px;
}
.availability-1 {
  color: #fff;
  background-color: #28a745;
}
.availability-2 {
  color: #fff;
  background-color: #28a745;
}
.availability-3 {
  color: #1f2229;
  background-color: #ffc107;
}
.availability-4 {
  color: #1f2229;
  background-color: #ffc107;
}
.availability-5 {
  color: #fff;
  background-color: #dc3545;
}
.availability-6 {
  color: #fff;
  background-color: #dc3545;
}
.availability-7 {
  color: #fff;
  background-color: #dc3545;
}
.availability-8 {
  color: #fff;
  background-color: #dc3545;
}
.availability-9 {
  color: #fff;
  background-color: #1f2229;
}
.availability-10 {
  color: #fff;
  background-color: #1f2229;
}
.rating .tag,
.rating .badge {
  padding-right: 0;
  overflow: hidden;
  cursor: pointer;
}
.rating .tag .amount,
.rating .badge .amount {
  padding: 0.2rem 0.6rem 0.2rem 0.4rem;
  margin-left: 0.2rem;
  background-color: #4d5154;
}
.rezension {
  display: inline-block;
}
.img-thumbnail {
  padding: 0.75rem 0.45rem 0.25rem 0;
  border: none;
  border-radius: 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .single .price {
    float: right;
  }
}
@media (min-width: 768px) {
  .single .nav-tabs .nav-item {
    float: left;
  }
  .single .nav-tabs .nav-item + .nav-item {
    margin-left: -1px;
  }
  .single .nav-tabs .nav-link {
    border: 1px solid #789;
  }
  .single .nav-tabs .nav-link.active,
  .single .nav-tabs .nav-link:hover {
    color: #1f2229;
    background: #fff;
    border: 1px solid #789;
  }
  .single .nav-tabs .nav-link.active {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
  }
}
.order-property-slider {
  overflow: hidden;
}
.order-property-slider .order-property-slider-inner {
  white-space: nowrap;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
  .order-property-slider .order-property-slider-inner {
    -webkit-transition: none;
    transition: none;
  }
}
.order-property-slider .order-property-slider-inner > div {
  display: inline-block;
  width: 100%;
  visibility: hidden;
}
.order-property-slider .order-property-slider-inner > div.active {
  visibility: visible;
}
.order-property-slider .form-check {
  margin-bottom: 15px;
}
.order-property-slider .checkbox-or-radio {
  top: -45%;
}
.order-property-slider .order-property-slider-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.order-property-slider .slider-nav {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}
.order-property-slider .slider-nav span {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 12px 5px 0;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #c7d2de;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .order-property-slider .slider-nav span {
    -webkit-transition: none;
    transition: none;
  }
}
.order-property-slider .slider-nav span.active {
  background-color: #c7d2de;
}
.order-property-slider .slider-nav span.active.error {
  background-color: #d28492;
  border-color: #dbbac4;
}
.order-property-slider .slider-nav span.highlight {
  background-color: #17acef;
  border-color: #8ed7f7;
}
.order-property-slider .slider-nav span.error {
  background-color: #dc3545;
  border-color: #efa2a9;
}
.add-to-basket-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.add-to-basket-container .quantity-input-container {
  margin-right: 15px;
}
.v-s-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
.v-s-boxes .v-s-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  margin: 0.5rem;
  cursor: pointer;
  border: 1px solid #c7d2de;
  border-radius: 0.1rem;
}
.v-s-boxes .v-s-box.active {
  color: #17acef;
  border: 1px solid #17acef;
}
.v-s-boxes .v-s-box.invalid {
  position: relative;
  border-style: dashed;
}
.v-s-boxes .v-s-box.invalid > span,
.v-s-boxes .v-s-box.invalid img {
  opacity: 0.5;
}
.v-s-boxes .v-s-box.invalid::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(
    to top left,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) calc(50% - 0.8px),
    #c7d2de 50%,
    rgba(0, 0, 0, 0) calc(50% + 0.8px),
    rgba(0, 0, 0, 0) 100%
  );
}
.v-s-boxes.images .v-s-box:not(.empty-option) {
  width: 40px;
  height: 40px;
}
.v-s-boxes.images .v-s-box:not(.empty-option) > img {
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  -o-object-fit: contain;
  object-fit: contain;
}
html.ie .v-s-boxes .v-s-box.invalid::after {
  background: rgba(255, 255, 255, 0.7);
}
.loading {
  min-height: 200px;
}
.loading-animation {
  height: 120px;
}
.loading-animation > div {
  display: inline-block;
  width: 18px;
  height: 100%;
  margin: 0 0.1rem;
  background-color: #17acef;
  -webkit-animation: sk-stretchdelay 0.8s infinite ease-in-out;
  animation: sk-stretchdelay 0.8s infinite ease-in-out;
}
.loading-animation .rect2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.loading-animation .rect3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.loading-animation .rect4 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.loading-animation .rect5 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
@-webkit-keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.2);
    transform: scaleY(0.2);
  }
  20% {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}
@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.2);
    transform: scaleY(0.2);
  }
  20% {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}
.widget-filter-base .form-check-label {
  cursor: pointer;
}
.widget-filter-base .title,
.widget-filter-base .card .form-check-label,
.widget-filter-base .item-filter-price {
  padding: 0.75rem 1.75rem;
}
.widget-toolbar .title,
.widget-toolbar .card .form-check-label,
.widget-toolbar .item-filter-price {
  padding: 0.75rem;
}
.widget-toolbar .form-check-input:checked + label,
.widget-toolbar .form-check-input:hover + label {
  padding-left: 0.75rem !important;
}
.widget-item-grid.item-vat-hidden .vat {
  display: none;
}
.widget-item-grid.item-bg-gray .cmp-product-thumb .thumb-image {
  background-color: #f2f5f8;
}
.widget-item-grid > .widget-inner > li {
  padding-bottom: 16px;
}
@media (max-width: 575.98px) {
  .widget-item-grid .col-6 .thumb-image {
    width: 100%;
  }
  .widget-item-grid .col-6 .thumb-content {
    width: 100%;
    margin-left: 0;
  }
  .widget-item-grid .col-6 .prices {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }
}
.widget-item-grid .cmp-product-thumb {
  margin-bottom: 0 !important;
}
@media (max-width: 991.98px) {
  .filter-collapse .widget-filter-price .item-filter-price {
    display: block;
    text-align: right;
  }
  .filter-collapse .widget-filter-price .input-group {
    margin-bottom: 1rem;
  }
}
.widget-none .widget-filter-price .btn-appearance {
  color: #1f2229;
  background-color: #e6eaee;
  border-color: #789;
}
.widget-selected-filter.widget-alignment-left .selected-filter {
  margin-right: 10px;
  margin-left: 0;
}
.widget-selected-filter .selected-filters {
  display: block;
  float: none;
  margin-top: 0;
}
.widget-selected-filter .selected-filters .selected-filter {
  margin-bottom: 10px;
}
.widget-selected-filter.widget-none .selected-filter {
  color: #000 !important;
  background-color: #efefef !important;
}
.widget-step-by-step-navigation .nav-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  min-height: 75px;
  cursor: pointer;
  background-color: #fff;
}
.widget-step-by-step-navigation .nav-item.preview svg {
  position: absolute;
  right: 0;
  left: 0;
  display: block !important;
  fill: #f2f5f8;
}
.widget-step-by-step-navigation .nav-text {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  background-color: #e6eaee;
}
.widget-step-by-step-navigation img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.widget-step-by-step-navigation.widget-none span {
  color: #000;
}
.widget-step-by-step-navigation span {
  -ms-flex-item-align: center;
  align-self: center;
}
.widget-toolbar .widget {
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .widget-toolbar .list-controls-inner .flex-fill > div {
    display: inline-block !important;
  }
}
.widget-toolbar .filter-collapse > div {
  padding: 2rem;
  background: #fff;
  border: 1px solid #e6eaee;
}
.widget-toolbar .collapse-container:empty::after {
  display: block;
  padding: 0.75rem;
  color: #1f2229;
  text-align: center;
  content: attr(data-translation-empty);
}
.widget-toolbar .collapse-container .widget-grid {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
}
.widget-provider-select.widget-primary input:checked + .provider-select-label {
  -webkit-box-shadow: inset 0 0 0 0.1rem #17acef;
  box-shadow: inset 0 0 0 0.1rem #17acef;
}
.widget-provider-select.widget-secondary
  input:checked
  + .provider-select-label {
  -webkit-box-shadow: inset 0 0 0 0.1rem #f80;
  box-shadow: inset 0 0 0 0.1rem #f80;
}
.widget-provider-select.widget-success input:checked + .provider-select-label {
  -webkit-box-shadow: inset 0 0 0 0.1rem #28a745;
  box-shadow: inset 0 0 0 0.1rem #28a745;
}
.widget-provider-select.widget-info input:checked + .provider-select-label {
  -webkit-box-shadow: inset 0 0 0 0.1rem #17a2b8;
  box-shadow: inset 0 0 0 0.1rem #17a2b8;
}
.widget-provider-select.widget-warning input:checked + .provider-select-label {
  -webkit-box-shadow: inset 0 0 0 0.1rem #ffc107;
  box-shadow: inset 0 0 0 0.1rem #ffc107;
}
.widget-provider-select.widget-danger input:checked + .provider-select-label {
  -webkit-box-shadow: inset 0 0 0 0.1rem #dc3545;
  box-shadow: inset 0 0 0 0.1rem #dc3545;
}
.widget-background > .container-max,
.widget-background > .replacement-part-finder {
  position: relative;
  padding-right: 0;
  padding-left: 0;
}
.widget-background.widget-fw > .container-max,
.widget-background.widget-fw > .replacement-part-finder {
  padding-right: 15px;
  padding-left: 15px;
}
.widget-background.align-items-end .container-max,
.widget-background.align-items-end .replacement-part-finder {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.widget-background .widget-background .container-max,
.widget-background .widget-background .replacement-part-finder {
  padding-right: 0;
  padding-left: 0;
}
.widget-background .parallax-img-container-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100% !important;
  background-repeat: no-repeat;
  background-position: center !important;
}
.widget-background .huge-font .widget-text,
.widget-background .huge-font .widget-code {
  font-size: 1rem;
}
.widget-background .huge-font .widget-text h1,
.widget-background .huge-font .widget-code h1 {
  font-size: 2em;
}
.widget-background .huge-font .widget-text h2,
.widget-background .huge-font .widget-code h2 {
  font-size: 1.8em;
}
.widget-background .huge-font .widget-text h3,
.widget-background .huge-font .widget-code h3 {
  font-size: 1.5em;
}
.widget-background .huge-font .widget-text h4,
.widget-background .huge-font .widget-code h4 {
  font-size: 1.25em;
}
.widget-background .huge-font .widget-text *,
.widget-background .huge-font .widget-code * {
  font-size: 1em;
}
@media (min-width: 576px) {
  .widget-background .huge-font .widget-text,
  .widget-background .huge-font .widget-code {
    font-size: 28px;
  }
}
@media (min-width: 768px) {
  .widget-background .huge-font .widget-text,
  .widget-background .huge-font .widget-code {
    font-size: 35px;
  }
}
.widget-grid .widget-background > .container-max,
.widget-grid .widget-background > .replacement-part-finder {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.widget-accordion .card {
  border-bottom: 0;
}
.widget-accordion .card:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.widget-accordion .card button {
  padding: 1.25rem;
  text-align: left;
  border-top-width: 0;
}
.widget-accordion .card button h5 {
  position: relative;
  font-weight: 700;
}
.widget-accordion .card button .fa {
  position: absolute;
  top: -4px;
  right: 0;
  font-size: 1.5rem;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  -webkit-transform-origin: 50% 60%;
  transform-origin: 50% 60%;
}
.widget-accordion .card button.collapsed .fa {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.widget-accordion .card button:hover,
.widget-accordion .card button:focus {
  color: #000;
}
.widget-accordion .card-body {
  margin-top: 1px;
}
.widget-accordion .card-body p {
  margin: 0;
  line-height: 1.1;
}
@media (max-width: 575.98px) {
  .widget-image-box {
    min-height: 10rem;
    padding-bottom: 0;
  }
  .widget-image-box.widget-retain-aspect-ratio {
    min-height: auto !important;
  }
}
.widget-image-box img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.widget-image-box img.img-cover {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.widget-image-box .widget-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem;
}
.widget-image-box .widget-inner .widget-caption {
  word-break: break-word;
  -webkit-transition: 300ms all ease;
  transition: 300ms all ease;
}
@media (prefers-reduced-motion: reduce) {
  .widget-image-box .widget-inner .widget-caption {
    -webkit-transition: none;
    transition: none;
  }
}
.widget-image-box .widget-inner .widget-caption h2,
.widget-image-box .widget-inner .widget-caption .h2 {
  margin: 0;
  font-size: 1.75rem;
}
.widget-image-box.widget-image-box-fullwidth .widget-inner .widget-caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 1rem;
}
.widget-image-box.widget-image-box-fullwidth
  .widget-inner
  .widget-caption
  > div {
  display: block;
  width: 100%;
}
.widget-image-box.widget-image-box-inline-caption .widget-inner {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.widget-image-box.widget-image-box-inline-caption
  .widget-inner
  .widget-caption {
  padding: 0 1.5rem;
}
.widget-image-box.widget-image-box-block-caption .widget-inner {
  padding: 0;
}
.widget-image-box.widget-image-box-block-caption .widget-inner .widget-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: 100%;
  padding: 1rem;
}
.widget-image-box.widget-retain-aspect-ratio {
  position: relative;
}
.widget-image-box.widget-retain-aspect-ratio img {
  position: relative;
  top: auto;
  left: auto;
  -webkit-transform: none;
  transform: none;
  -o-object-fit: initial;
  object-fit: initial;
}
.widget-image-box.widget-retain-aspect-ratio .widget-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.widget-image-box.widget-primary .widget-caption {
  color: #fff;
  background-color: rgba(23, 172, 239, 0.8);
}
.widget-image-box.widget-primary .widget-caption a {
  color: #fff;
}
.widget-image-box.widget-primary a[href].widget-inner:hover .widget-caption {
  color: #fff;
  background-color: rgba(23, 172, 239, 0.9);
}
.widget-image-box.widget-primary a[href].widget-inner:hover .widget-caption a {
  color: #fff;
}
.widget-image-box.widget-secondary .widget-caption {
  color: #fff;
  background-color: rgba(255, 136, 0, 0.8);
}
.widget-image-box.widget-secondary .widget-caption a {
  color: #fff;
}
.widget-image-box.widget-secondary a[href].widget-inner:hover .widget-caption {
  color: #fff;
  background-color: rgba(255, 136, 0, 0.9);
}
.widget-image-box.widget-secondary
  a[href].widget-inner:hover
  .widget-caption
  a {
  color: #fff;
}
.widget-image-box.widget-success .widget-caption {
  color: #fff;
  background-color: rgba(40, 167, 69, 0.8);
}
.widget-image-box.widget-success .widget-caption a {
  color: #fff;
}
.widget-image-box.widget-success a[href].widget-inner:hover .widget-caption {
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
}
.widget-image-box.widget-success a[href].widget-inner:hover .widget-caption a {
  color: #fff;
}
.widget-image-box.widget-info .widget-caption {
  color: #fff;
  background-color: rgba(23, 162, 184, 0.8);
}
.widget-image-box.widget-info .widget-caption a {
  color: #fff;
}
.widget-image-box.widget-info a[href].widget-inner:hover .widget-caption {
  color: #fff;
  background-color: rgba(23, 162, 184, 0.9);
}
.widget-image-box.widget-info a[href].widget-inner:hover .widget-caption a {
  color: #fff;
}
.widget-image-box.widget-warning .widget-caption {
  color: #1f2229;
  background-color: rgba(255, 193, 7, 0.8);
}
.widget-image-box.widget-warning .widget-caption a {
  color: #1f2229;
}
.widget-image-box.widget-warning a[href].widget-inner:hover .widget-caption {
  color: #1f2229;
  background-color: rgba(255, 193, 7, 0.9);
}
.widget-image-box.widget-warning a[href].widget-inner:hover .widget-caption a {
  color: #1f2229;
}
.widget-image-box.widget-danger .widget-caption {
  color: #fff;
  background-color: rgba(220, 53, 69, 0.8);
}
.widget-image-box.widget-danger .widget-caption a {
  color: #fff;
}
.widget-image-box.widget-danger a[href].widget-inner:hover .widget-caption {
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
}
.widget-image-box.widget-danger a[href].widget-inner:hover .widget-caption a {
  color: #fff;
}
.widget-grid .widget-image-box-fullwidth .widget-inner .widget-caption h2 {
  font-size: 2rem;
}
.widget-image-box-caption h1,
.widget-image-box-caption h2,
.widget-image-box-caption h3,
.widget-image-box-caption p {
  margin: 0;
}
.widget-image-box-caption h1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 2rem;
}
.widget-image-box-caption h2 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1.75rem;
}
.widget-image-box-caption h3 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.5rem;
}
.widget-image-box-caption p {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.widget-image-box-caption.fullwidth h1,
.widget-image-box-caption.fullwidth h2,
.widget-image-box-caption.fullwidth h3 {
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .widget-image-box-caption.fullwidth h1 {
    font-size: 4rem;
  }
}
@media (min-width: 992px) {
  .widget-image-box-caption.fullwidth h1 {
    font-size: 6rem;
  }
}
@media (min-width: 576px) {
  .widget-image-box-caption.fullwidth h2 {
    font-size: 2.5rem;
  }
}
@media (min-width: 992px) {
  .widget-image-box-caption.fullwidth h2 {
    font-size: 4rem;
  }
}
@media (min-width: 576px) {
  .widget-image-box-caption.fullwidth h3 {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .widget-image-box-caption.fullwidth h3 {
    font-size: 2.5rem;
  }
}
.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: rgba(0, 0, 0, 0) no-repeat center center;
  background-size: 100% 100%;
}
.widget-image-carousel .widget-inner {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.widget-image-carousel .widget-inner .widget-caption {
  position: absolute;
  bottom: 60px;
  left: 50%;
  width: 70%;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.widget-image-carousel .widget-inner .widget-caption h2,
.widget-image-carousel .widget-inner .widget-caption .h2 {
  display: inline-block;
  padding: 0.5rem 1rem;
  margin: 0;
  font-size: 1.75rem;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
@media (prefers-reduced-motion: reduce) {
  .widget-image-carousel .widget-inner .widget-caption h2,
  .widget-image-carousel .widget-inner .widget-caption .h2 {
    -webkit-transition: none;
    transition: none;
  }
}
@media (min-width: 768px) {
  .widget-image-carousel .widget-inner .widget-caption h2,
  .widget-image-carousel .widget-inner .widget-caption .h2 {
    font-size: 3rem;
  }
}
.widget-image-carousel .widget-inner .carousel-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.widget-image-carousel .widget-inner .carousel-item {
  width: 100%;
  height: 100%;
}
.widget-image-carousel .widget-inner .carousel-item img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.widget-image-carousel .widget-inner .carousel-item img.img-cover {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.widget-image-carousel .widget-inner .carousel-indicators {
  bottom: 0;
  padding: 0.5rem 1rem;
}
.widget-image-carousel .widget-inner .carousel-indicators li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 0.8rem;
  height: 0.8rem;
  margin: 2px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 0.8rem;
}
.widget-image-carousel .widget-inner .carousel-control {
  background-image: none;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
@media (prefers-reduced-motion: reduce) {
  .widget-image-carousel .widget-inner .carousel-control {
    -webkit-transition: none;
    transition: none;
  }
}
.widget-image-carousel .widget-inner .carousel-control .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 3rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .widget-inner-stacked .widget-image-carousel .widget-caption h2,
  .widget-inner-stacked .widget-image-carousel .widget-caption .h2 {
    padding: 0.5rem 1rem;
    margin: 0;
    font-size: 1.75rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .widget-inner-stacked .widget-image-carousel .widget-caption h2,
  .widget-inner-stacked .widget-image-carousel .widget-caption .h2 {
    font-size: 3rem;
  }
}
@media (min-width: 768px) {
  .widget-inner-stacked .widget-image-carousel .carousel-control .fa {
    font-size: 1.5rem;
  }
}
html.ie .widget-image-carousel .widget-inner .carousel-item .img-cover {
  min-width: auto;
  min-height: auto;
}
.widget-image-carousel.widget-primary .widget-caption h2,
.widget-image-carousel.widget-primary .widget-caption .h2 {
  color: #fff;
  background-color: rgba(23, 172, 239, 0.8);
}
.widget-image-carousel.widget-primary .widget-caption h2 a,
.widget-image-carousel.widget-primary .widget-caption .h2 a {
  color: #fff;
}
.widget-image-carousel.widget-primary:hover .widget-caption h2,
.widget-image-carousel.widget-primary:hover .widget-caption .h2 {
  color: #fff;
  background-color: rgba(23, 172, 239, 0.9);
}
.widget-image-carousel.widget-primary:hover .widget-caption h2 a,
.widget-image-carousel.widget-primary:hover .widget-caption .h2 a {
  color: #fff;
}
.widget-image-carousel.widget-primary .carousel-indicators li {
  border-color: #17acef;
}
.widget-image-carousel.widget-primary .carousel-indicators li.active {
  background-color: #17acef;
}
.widget-image-carousel.widget-primary .carousel-control .fa {
  color: #17acef;
}
.widget-image-carousel.widget-secondary .widget-caption h2,
.widget-image-carousel.widget-secondary .widget-caption .h2 {
  color: #fff;
  background-color: rgba(255, 136, 0, 0.8);
}
.widget-image-carousel.widget-secondary .widget-caption h2 a,
.widget-image-carousel.widget-secondary .widget-caption .h2 a {
  color: #fff;
}
.widget-image-carousel.widget-secondary:hover .widget-caption h2,
.widget-image-carousel.widget-secondary:hover .widget-caption .h2 {
  color: #fff;
  background-color: rgba(255, 136, 0, 0.9);
}
.widget-image-carousel.widget-secondary:hover .widget-caption h2 a,
.widget-image-carousel.widget-secondary:hover .widget-caption .h2 a {
  color: #fff;
}
.widget-image-carousel.widget-secondary .carousel-indicators li {
  border-color: #f80;
}
.widget-image-carousel.widget-secondary .carousel-indicators li.active {
  background-color: #f80;
}
.widget-image-carousel.widget-secondary .carousel-control .fa {
  color: #f80;
}
.widget-image-carousel.widget-success .widget-caption h2,
.widget-image-carousel.widget-success .widget-caption .h2 {
  color: #fff;
  background-color: rgba(40, 167, 69, 0.8);
}
.widget-image-carousel.widget-success .widget-caption h2 a,
.widget-image-carousel.widget-success .widget-caption .h2 a {
  color: #fff;
}
.widget-image-carousel.widget-success:hover .widget-caption h2,
.widget-image-carousel.widget-success:hover .widget-caption .h2 {
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
}
.widget-image-carousel.widget-success:hover .widget-caption h2 a,
.widget-image-carousel.widget-success:hover .widget-caption .h2 a {
  color: #fff;
}
.widget-image-carousel.widget-success .carousel-indicators li {
  border-color: #28a745;
}
.widget-image-carousel.widget-success .carousel-indicators li.active {
  background-color: #28a745;
}
.widget-image-carousel.widget-success .carousel-control .fa {
  color: #28a745;
}
.widget-image-carousel.widget-info .widget-caption h2,
.widget-image-carousel.widget-info .widget-caption .h2 {
  color: #fff;
  background-color: rgba(23, 162, 184, 0.8);
}
.widget-image-carousel.widget-info .widget-caption h2 a,
.widget-image-carousel.widget-info .widget-caption .h2 a {
  color: #fff;
}
.widget-image-carousel.widget-info:hover .widget-caption h2,
.widget-image-carousel.widget-info:hover .widget-caption .h2 {
  color: #fff;
  background-color: rgba(23, 162, 184, 0.9);
}
.widget-image-carousel.widget-info:hover .widget-caption h2 a,
.widget-image-carousel.widget-info:hover .widget-caption .h2 a {
  color: #fff;
}
.widget-image-carousel.widget-info .carousel-indicators li {
  border-color: #17a2b8;
}
.widget-image-carousel.widget-info .carousel-indicators li.active {
  background-color: #17a2b8;
}
.widget-image-carousel.widget-info .carousel-control .fa {
  color: #17a2b8;
}
.widget-image-carousel.widget-warning .widget-caption h2,
.widget-image-carousel.widget-warning .widget-caption .h2 {
  color: #1f2229;
  background-color: rgba(255, 193, 7, 0.8);
}
.widget-image-carousel.widget-warning .widget-caption h2 a,
.widget-image-carousel.widget-warning .widget-caption .h2 a {
  color: #1f2229;
}
.widget-image-carousel.widget-warning:hover .widget-caption h2,
.widget-image-carousel.widget-warning:hover .widget-caption .h2 {
  color: #1f2229;
  background-color: rgba(255, 193, 7, 0.9);
}
.widget-image-carousel.widget-warning:hover .widget-caption h2 a,
.widget-image-carousel.widget-warning:hover .widget-caption .h2 a {
  color: #1f2229;
}
.widget-image-carousel.widget-warning .carousel-indicators li {
  border-color: #ffc107;
}
.widget-image-carousel.widget-warning .carousel-indicators li.active {
  background-color: #ffc107;
}
.widget-image-carousel.widget-warning .carousel-control .fa {
  color: #ffc107;
}
.widget-image-carousel.widget-danger .widget-caption h2,
.widget-image-carousel.widget-danger .widget-caption .h2 {
  color: #fff;
  background-color: rgba(220, 53, 69, 0.8);
}
.widget-image-carousel.widget-danger .widget-caption h2 a,
.widget-image-carousel.widget-danger .widget-caption .h2 a {
  color: #fff;
}
.widget-image-carousel.widget-danger:hover .widget-caption h2,
.widget-image-carousel.widget-danger:hover .widget-caption .h2 {
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
}
.widget-image-carousel.widget-danger:hover .widget-caption h2 a,
.widget-image-carousel.widget-danger:hover .widget-caption .h2 a {
  color: #fff;
}
.widget-image-carousel.widget-danger .carousel-indicators li {
  border-color: #dc3545;
}
.widget-image-carousel.widget-danger .carousel-indicators li.active {
  background-color: #dc3545;
}
.widget-image-carousel.widget-danger .carousel-control .fa {
  color: #dc3545;
}
.widget-item-list.item-bg-gray .cmp-product-thumb .thumb-image {
  background-color: #f2f5f8;
}
.widget-item-list.item-vat-hidden .vat {
  display: none;
}
.widget-item-list .widget-inner {
  padding-right: 0;
  padding-left: 0;
}
.widget-item-list .widget-caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.25rem 1.5rem;
}
.widget-item-list .widget-caption > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.widget-item-list-caption {
  word-wrap: break-word;
}
.widget-item-list-caption h1,
.widget-item-list-caption h2,
.widget-item-list-caption h3,
.widget-item-list-caption p {
  margin: 0;
  text-transform: uppercase;
}
.widget-item-list-caption h1 {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  font-size: 2rem;
}
.widget-item-list-caption h2 {
  padding-top: 0.6rem;
  padding-bottom: 0.4rem;
  font-size: 1.75rem;
}
.widget-item-list-caption h3 {
  padding-top: 0.4rem;
  padding-bottom: 0.1rem;
  font-size: 1.5rem;
}
@media (max-width: 767.98px) {
  .widget-item-list-caption {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: inherit !important;
    -ms-flex-align: inherit !important;
    align-items: inherit !important;
  }
  .widget-item-list-caption h1 {
    font-size: 1.4rem;
  }
  .widget-item-list-caption h2 {
    font-size: 1.2rem;
  }
  .widget-item-list-caption h3 {
    font-size: 1rem;
  }
  .widget-item-list-caption a:last-child {
    margin-bottom: 5px;
  }
}
.widget-item-list-caption .widget-item-list-inline-caption * {
  text-transform: unset !important;
}
.widget-legal-information a {
  display: inline-block;
  margin-right: 10px;
  color: #000;
}
.widget-list .widget-inner .list-container,
.widget-list .widget-inner .list-centered,
.widget-link-list .widget-inner .list-container,
.widget-link-list .widget-inner .list-centered {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.widget-list .widget-inner ul,
.widget-link-list .widget-inner ul {
  margin-bottom: 0;
}
.widget-list .widget-inner a,
.widget-link-list .widget-inner a {
  color: #1f2229;
}
@media (max-width: 575.98px) {
  .widget-live-shopping .thumb-image {
    float: none;
    width: 100%;
  }
  .widget-live-shopping .thumb-image .prop-1-1 {
    padding-bottom: 50%;
  }
}
.widget-live-shopping .thumb-content {
  display: block;
  width: auto;
  padding-top: 0;
}
.widget-live-shopping .thumb-title {
  text-align: center;
  font-size: 1.5rem;
  padding: 0.8rem;
  font-weight: initial;
}
.widget-newsletter > .widget-inner {
  padding-right: 0;
  padding-left: 0;
}
.widget-text.widget {
  margin-bottom: 0;
}
.widget-text .widget-inner {
  padding: 1rem 1.5rem;
}
.widget-text img {
  max-width: 100%;
}
.widget-text p:last-of-type {
  margin-bottom: 0;
}
.widget-title-bar .widget-inner {
  padding: 1rem 1.5rem;
  word-break: break-word;
}
.widget-title-bar .h1,
.widget-title-bar h1,
.widget-title-bar .h2,
.widget-title-bar h2,
.widget-title-bar .h3,
.widget-title-bar h3 {
  display: block;
  margin: 0.5rem auto;
  font-size: 2.5rem;
  letter-spacing: 1.25px;
}
.widget-title-bar .h2,
.widget-title-bar h2 {
  margin: 0.4rem 0;
  font-size: 2.25rem;
}
.widget-title-bar .h3,
.widget-title-bar h3 {
  margin: 0.25rem 0;
  font-size: 2rem;
}
.widget-grid > .widget-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.widget-grid > .widget-inner > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 100%;
}
.widget-grid .widget-fw {
  right: unset !important;
  left: unset !important;
  width: unset !important;
  max-width: unset !important;
  margin-right: unset;
  margin-left: unset;
}
.widget-grid .widget-inner-stacked {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.widget-grid .widget-inner-stacked > .widget-inner {
  max-width: none;
}
.widget-grid
  .widget-inner-stacked
  > .widget-inner
  [data-builder-child-container] {
  min-height: 100px;
}
@media (min-width: 768px) {
  .widget-grid .widget-inner-stacked > .widget-inner .widget-proportional {
    height: 100%;
  }
}
@media (min-width: 768px) {
  .widget-grid .widget-inner-stacked > .widget-inner:first-child {
    padding-bottom: 2rem;
  }
}
html.ie .widget-grid .widget-inner-stacked {
  display: block;
}
html.safari .widget-grid .widget-inner-stacked .widget-inner {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
}
.nav-link.text-appearance.active {
  color: #1f2229 !important;
}
.breadcrumbs {
  background-color: rgba(0, 0, 0, 0);
}
.language-detection {
  z-index: 200 !important;
  top: 0;
}
.navbar {
  background-color: #f2f5f8;
}
.navbar > .container-max > .row,
.navbar > .replacement-part-finder > .row {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.navbar ul {
  list-style: none;
}
.navbar-brand img {
  max-height: 42px;
}
.navbar-toggler {
  margin-left: auto;
}
body.menu-is-visible {
  position: fixed;
  overflow-y: hidden;
}
.normalmenu a {
  padding: 1rem;
  color: inherit;
}
.normalmenu .mainmenu > li {
  position: relative;
  color: #fff;
}
.normalmenu .collapse {
  position: absolute;
  display: block;
  min-width: 100%;
  max-height: 80vh;
  overflow: hidden;
  word-wrap: break-word;
  visibility: hidden;
  background: #17acef;
  opacity: 0;
}
.normalmenu .collapse > li {
  min-width: 150px;
}
.normalmenu .collapse-inner > li:hover {
  background: #0e8cc5;
}
.normalmenu .bt-more {
  text-transform: lowercase;
}
.normalmenu .bt-more:hover {
  background: #0e8cc5;
}
.megamenu .mainmenu > li:hover,
.megamenu .mainmenu > li.hover {
  color: inherit;
}
.megamenu .mainmenu > li:hover > ul,
.megamenu .mainmenu > li.hover > ul {
  display: block;
}
.megamenu .collapse {
  position: absolute;
  left: 0;
  display: none;
  min-width: 100%;
  min-height: 7em;
  max-height: 86vh;
  padding: 1em 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-column-count: 5;
  -moz-column-count: 5;
  column-count: 5;
  -webkit-column-fill: balance;
  -moz-column-fill: balance;
  column-fill: balance;
  -webkit-column-gap: 0.5em;
  -moz-column-gap: 0.5em;
  column-gap: 0.5em;
  -webkit-column-rule: 1px solid #c7d2de;
  -moz-column-rule: 1px solid #c7d2de;
  column-rule: 1px solid #c7d2de;
  word-wrap: break-word;
  background-color: #fff;
}
.megamenu .collapse li {
  padding: 0.1px 1.5em;
  line-height: 170%;
  text-align: left;
}
.megamenu .collapse-inner {
  padding-bottom: 1em;
}
.megamenu .collapse-inner li:hover a {
  color: #17acef;
}
.megamenu .collapse-inner a {
  color: #000;
}
.megamenu .level1 a {
  font-weight: 700;
  color: #17acef !important;
}
.megamenu .level1:hover a {
  color: #0e8cc5 !important;
}
.megamenu .level3 {
  padding-left: 2.5em !important;
}
.megamenu .bt-more a {
  color: #1f2229 !important;
  text-transform: lowercase;
}
.main-navbar-collapsable {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  font-size: 1rem;
}
.main-navbar-collapsable ul {
  padding: 0;
}
.main-navbar-collapsable li {
  display: block;
}
.main-navbar-collapsable a {
  display: inline-block;
  width: 100%;
}
.main-navbar-collapsable .mainmenu {
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 100%;
}
.main-navbar-collapsable .mainmenu > li > a {
  padding: 1.3rem 1rem;
  color: #17acef;
}
.main-navbar-collapsable .mainmenu > li:hover,
.main-navbar-collapsable .mainmenu > li.hover {
  background-color: #17acef;
}
.main-navbar-collapsable .mainmenu > li:hover > a,
.main-navbar-collapsable .mainmenu > li.hover > a {
  color: #fff;
}
.main-navbar-collapsable .mainmenu > li:hover > ul,
.main-navbar-collapsable .mainmenu > li.hover > ul {
  overflow-y: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1090;
}
.main-navbar-collapsable .ddown > a::after {
  padding-left: 0.5em;
  font-family: FontAwesome;
  font-size: inherit;
  content: "";
}
.main-navbar-collapsable .collapse-inner > li {
  cursor: pointer;
}
.mobile-navigation {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  overflow-y: auto;
  font-size: 1.2em;
  color: #fff;
  background: #17acef;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-overflow-scrolling: touch;
}
@media (prefers-reduced-motion: reduce) {
  .mobile-navigation {
    -webkit-transition: none;
    transition: none;
  }
}
.mobile-navigation.open {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.mobile-navigation .nav-direction {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 20%;
  flex: 1 0 20%;
  padding: 1rem;
  text-align: center;
}
.mobile-navigation .sk-fading-circle .sk-circle::before,
.mobile-navigation .loading-animation > div {
  background-color: #fff;
}
.mobile-navigation .breadcrumb {
  font-size: 0.8em;
  background: #1f2229;
}
.mobile-navigation .breadcrumb .breadcrumb-item {
  padding-right: 0.5rem;
}
.mobile-navigation .breadcrumb li {
  display: inline-block;
  padding: 0.8rem 0;
  cursor: pointer;
}
.mobile-navigation .breadcrumb li:last-child {
  pointer-events: none;
}
.mobile-navigation .breadcrumb li.btn-close {
  float: right;
  padding-top: 0.6em;
}
.mobile-navigation .breadcrumb li.btn-close::before {
  font-family: FontAwesome;
  font-size: 1.2em;
  content: "";
}
.mobile-navigation .breadcrumb li:not(:first-of-type) a::before {
  padding: 0 0.3rem;
  font-family: FontAwesome;
  font-size: 1rem;
  content: "";
}
.mobile-navigation .breadcrumb li:first-of-type a::before {
  display: none !important;
}
.mobile-navigation .mainmenu {
  position: absolute;
  display: none;
  height: 90%;
}
.mobile-navigation .mainmenu.menu-active {
  display: block !important;
}
.mobile-navigation .mainmenu .btn-up {
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.mobile-navigation .mainmenu li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  width: 100%;
  cursor: pointer;
}
.mobile-navigation .mainmenu li a {
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 80%;
  flex: 1 0 80%;
  padding: 1rem;
  color: inherit;
}
.mobile-navigation .mainmenu li a:hover {
  color: inherit;
}
.mobile-navigation .nav-placeholder {
  height: 25px;
  background: #000;
  border-radius: 3px;
  -webkit-animation: mobile-nav-placeholder 0.8s infinite ease-in-out;
  animation: mobile-nav-placeholder 0.8s infinite ease-in-out;
}
@-webkit-keyframes mobile-nav-placeholder {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.15;
  }
  100% {
    opacity: 0.1;
  }
}
@keyframes mobile-nav-placeholder {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.15;
  }
  100% {
    opacity: 0.1;
  }
}
.mainmenu[class*=" animate-"] {
  display: block !important;
}
.animate-out-to-right .ddown {
  -webkit-animation: out-to-right 0.2s both cubic-bezier(0.7, 0, 0.3, 1);
  animation: out-to-right 0.2s both cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes out-to-right {
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes out-to-right {
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate-out-to-left .ddown {
  -webkit-animation: out-to-left 0.2s both cubic-bezier(0.7, 0, 0.3, 1);
  animation: out-to-left 0.2s both cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes out-to-left {
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes out-to-left {
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate-in-from-left .ddown {
  -webkit-animation: in-from-left 0.2s both cubic-bezier(0.7, 0, 0.3, 1);
  animation: in-from-left 0.2s both cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes in-from-left {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes in-from-left {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate-in-from-right .ddown {
  -webkit-animation: in-from-right 0.2s both cubic-bezier(0.7, 0, 0.3, 1);
  animation: in-from-right 0.2s both cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes in-from-right {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes in-from-right {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
html.ie .main-navbar-collapsable {
  width: 100%;
}
html.ie .mobile-navigation .mainmenu a {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 75%;
  flex: 1 0 75%;
}
html.ie .mobile-navigation .mainmenu .nav-direction {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 10%;
  flex: 1 0 10%;
}
html.ie .navbar-brand img[src*="svg"] {
  width: 100%;
  height: 100%;
}
.top-bar {
  color: #fff;
  background-color: #1f2229;
}
.top-bar .nav-link {
  color: #fff;
  text-decoration: none;
  outline: none;
}
.top-bar.fixed-top {
  position: fixed;
}
.top-bar .cmp {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1070;
  width: 100%;
  background-color: #1f2229;
}
.top-bar .cmp.collapsing {
  overflow: hidden;
}
.top-bar .cmp-search-box {
  background-color: #1f2229;
}
.controls-list i {
  font-size: 1rem;
}
.controls-list .nav-link {
  display: inline-block;
  padding: 0.5rem 0.8rem;
}
.controls-list .nav-link[aria-expanded="true"] {
  background: #1f2229;
}
.controls-list .nav-link:hover {
  color: #fff;
  background-color: #17acef;
}
@media (max-width: 575.98px) {
  .controls-list .nav-link {
    padding: 0.5rem;
  }
  .controls-list .anicon-search-xcross {
    width: 2.2rem;
  }
}
.controls-list .list-inline-item {
  margin-right: 0;
  font-size: 0.8rem;
}
.control-user {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.control-user .dropdown .dropdown-toggle {
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
@media (prefers-reduced-motion: reduce) {
  .control-user .dropdown .dropdown-toggle {
    -webkit-transition: none;
    transition: none;
  }
}
@media (min-width: 576px) {
  .control-user .dropdown .dropdown-toggle::after {
    margin-left: 7px;
  }
}
.control-user .dropdown.show .dropdown-menu {
  max-height: 200px;
}
.control-user .dropdown .dropdown-menu {
  right: 0;
  z-index: 2000;
  display: block;
  min-width: 105px;
  max-height: 0;
  overflow: hidden;
  border: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .control-user .dropdown .dropdown-menu {
    -webkit-transition: none;
    transition: none;
  }
}
.control-user .dropdown .dropdown-menu a {
  display: block;
  padding: 1rem 0.8rem;
  color: #fff;
  background-color: #1f2229;
  border: 0;
  border-top: 1px solid #c7d2de;
}
.control-user .dropdown .dropdown-menu a:hover {
  color: #fff;
  background-color: #17acef;
}
.list-group-item .fa-user {
  margin-right: 5px;
}
.list-group-item .fa-sign-out {
  margin-right: 3px;
}
.control-languages .flag-icon {
  font-size: 0.8rem;
}
.control-wish-list .fa-heart {
  color: #dc3545;
}
.control-basket .toggle-basket-preview {
  color: #fff;
  background-color: #17acef;
}
.control-basket .toggle-basket-preview .badge {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.control-basket .toggle-basket-preview:hover {
  background-color: #0e8cc5;
}
@media (max-width: 991.98px) {
  .cmp-country-settings .shipping-settings,
  .cmp-currency-select .shipping-settings {
    margin-top: 1rem;
  }
}
.cmp-country-settings ul,
.cmp-currency-select ul {
  padding: 0;
  margin: 0;
  list-style: none;
  max-height: 50vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.cmp-country-settings li a,
.cmp-currency-select li a {
  display: inline-block;
  padding: 0.4rem;
}
.cmp-country-settings li a:hover,
.cmp-currency-select li a:hover {
  color: #fff;
  background-color: #17acef;
}
.cmp-country-settings li.active a,
.cmp-currency-select li.active a {
  color: #fff;
  background-color: #17acef;
}
.cmp-country-settings li.is-disabled a,
.cmp-currency-select li.is-disabled a {
  cursor: not-allowed;
}
.cmp-country-settings li.is-disabled a:hover,
.cmp-currency-select li.is-disabled a:hover {
  color: #fff;
  background-color: #1f2229;
}
html.safari .controls-list i {
  font-size: 100%;
}
.widget {
  margin-bottom: 2rem;
}
.widget .widget-inner {
  position: relative;
}
.widget .widget-inner .widget {
  margin-bottom: 0;
}
.widget .widget-fw {
  position: relative;
  right: unset !important;
  left: unset !important;
  width: unset !important;
  max-width: unset !important;
}
.widget .widget-fw.widget-grid {
  width: unset !important;
}
@media (max-width: 767.98px) {
  .widget {
    margin-bottom: 2rem;
  }
  .widget.widget-grid:not(.widget-two-col) {
    margin-bottom: 0;
  }
  .widget:not(.widget-two-col)
    .widget-inner:not(.widget-stacked)
    .widget:not(.widget-grid) {
    margin-bottom: 2rem;
  }
  .widget-grid .widget-inner.col-12.widget-stacked-mobile {
    padding-bottom: 1rem;
  }
}
@media (max-width: 575.98px) {
  .widget {
    margin-bottom: 1rem;
  }
  .widget:not(.widget-two-col)
    .widget-inner:not(.widget-stacked)
    .widget:not(.widget-grid) {
    margin-bottom: 1rem;
  }
}
.header-container > .widget {
  right: 15px;
  left: 15px;
  min-width: 100%;
  max-width: 1200px;
  background-color: #f2f5f8;
}
.header-container > .widget:not(.widget-grid) {
  min-width: inherit;
  max-width: 1170px;
}
.header-container .widget-code.is-safe-mode {
  max-height: 120px;
}
.header-fw {
  position: relative;
  left: calc(-1 * (100vw - 100%) / 2) !important;
  width: 100vw;
}
.widget-fw {
  position: relative;
  right: 0 !important;
  left: calc(-1 * (100vw - 100%) / 2) !important;
  width: 100vw !important;
  max-width: none !important;
  margin-right: 0;
  margin-left: 0;
}
.widget-fw.header-fw .container-max,
.widget-fw.header-fw .replacement-part-finder {
  max-width: none;
}
.widget-fw.top-bar .container-max,
.widget-fw.top-bar .replacement-part-finder {
  padding-right: 0;
  padding-left: 0;
}
.widget-fw.widget-grid {
  width: calc(100vw + 30px) !important;
  margin-right: -15px;
  margin-left: -15px;
}
.widget-fw .container-max .container-max,
.widget-fw .replacement-part-finder .container-max,
.widget-fw .container-max .replacement-part-finder,
.widget-fw .replacement-part-finder .replacement-part-finder {
  padding-right: 0;
  padding-left: 0;
}
header .widget {
  margin-bottom: 0;
}
.widget-proportional {
  position: relative;
  padding-bottom: 33.3333333333%;
  overflow: hidden;
}
.widget-proportional .widget-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.widget-prop-1-1 .widget-proportional {
  padding-bottom: 100%;
}
.widget-proportional.widget-prop-1-1 {
  height: auto !important;
  min-height: auto !important;
  padding-bottom: 100% !important;
}
.widget-prop-1-2 .widget-proportional {
  padding-bottom: 200%;
}
.widget-proportional.widget-prop-1-2 {
  height: auto !important;
  min-height: auto !important;
  padding-bottom: 200% !important;
}
.widget-prop-1-3 .widget-proportional {
  padding-bottom: 300%;
}
.widget-proportional.widget-prop-1-3 {
  height: auto !important;
  min-height: auto !important;
  padding-bottom: 300% !important;
}
.widget-prop-2-1 .widget-proportional {
  padding-bottom: 50%;
}
.widget-proportional.widget-prop-2-1 {
  height: auto !important;
  min-height: auto !important;
  padding-bottom: 50% !important;
}
.widget-prop-2-2 .widget-proportional {
  padding-bottom: 100%;
}
.widget-proportional.widget-prop-2-2 {
  height: auto !important;
  min-height: auto !important;
  padding-bottom: 100% !important;
}
.widget-prop-2-3 .widget-proportional {
  padding-bottom: 150%;
}
.widget-proportional.widget-prop-2-3 {
  height: auto !important;
  min-height: auto !important;
  padding-bottom: 150% !important;
}
.widget-prop-3-1 .widget-proportional {
  padding-bottom: 33.3333333333%;
}
.widget-proportional.widget-prop-3-1 {
  height: auto !important;
  min-height: auto !important;
  padding-bottom: 33.3333333333% !important;
}
.widget-prop-3-2 .widget-proportional {
  padding-bottom: 66.6666666667%;
}
.widget-proportional.widget-prop-3-2 {
  height: auto !important;
  min-height: auto !important;
  padding-bottom: 66.6666666667% !important;
}
.widget-prop-3-3 .widget-proportional {
  padding-bottom: 100%;
}
.widget-proportional.widget-prop-3-3 {
  height: auto !important;
  min-height: auto !important;
  padding-bottom: 100% !important;
}
@media (max-width: 575.98px) {
  .widget-prop-auto > div > .widget-proportional {
    min-height: 100%;
    padding-bottom: 0;
  }
}
@media (min-width: 576px) {
  .widget-prop-sm-1-1 .widget-proportional {
    padding-bottom: 100%;
  }
  .widget-proportional.widget-prop-sm-1-1 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 100% !important;
  }
  .widget-prop-sm-1-2 .widget-proportional {
    padding-bottom: 200%;
  }
  .widget-proportional.widget-prop-sm-1-2 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 200% !important;
  }
  .widget-prop-sm-1-3 .widget-proportional {
    padding-bottom: 300%;
  }
  .widget-proportional.widget-prop-sm-1-3 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 300% !important;
  }
  .widget-prop-sm-2-1 .widget-proportional {
    padding-bottom: 50%;
  }
  .widget-proportional.widget-prop-sm-2-1 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 50% !important;
  }
  .widget-prop-sm-2-2 .widget-proportional {
    padding-bottom: 100%;
  }
  .widget-proportional.widget-prop-sm-2-2 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 100% !important;
  }
  .widget-prop-sm-2-3 .widget-proportional {
    padding-bottom: 150%;
  }
  .widget-proportional.widget-prop-sm-2-3 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 150% !important;
  }
  .widget-prop-sm-3-1 .widget-proportional {
    padding-bottom: 33.3333333333%;
  }
  .widget-proportional.widget-prop-sm-3-1 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 33.3333333333% !important;
  }
  .widget-prop-sm-3-2 .widget-proportional {
    padding-bottom: 66.6666666667%;
  }
  .widget-proportional.widget-prop-sm-3-2 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 66.6666666667% !important;
  }
  .widget-prop-sm-3-3 .widget-proportional {
    padding-bottom: 100%;
  }
  .widget-proportional.widget-prop-sm-3-3 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 100% !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .widget-prop-sm-auto > div > .widget-proportional {
    min-height: 100%;
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .widget-prop-md-1-1 .widget-proportional {
    padding-bottom: 100%;
  }
  .widget-proportional.widget-prop-md-1-1 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 100% !important;
  }
  .widget-prop-md-1-2 .widget-proportional {
    padding-bottom: 200%;
  }
  .widget-proportional.widget-prop-md-1-2 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 200% !important;
  }
  .widget-prop-md-1-3 .widget-proportional {
    padding-bottom: 300%;
  }
  .widget-proportional.widget-prop-md-1-3 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 300% !important;
  }
  .widget-prop-md-2-1 .widget-proportional {
    padding-bottom: 50%;
  }
  .widget-proportional.widget-prop-md-2-1 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 50% !important;
  }
  .widget-prop-md-2-2 .widget-proportional {
    padding-bottom: 100%;
  }
  .widget-proportional.widget-prop-md-2-2 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 100% !important;
  }
  .widget-prop-md-2-3 .widget-proportional {
    padding-bottom: 150%;
  }
  .widget-proportional.widget-prop-md-2-3 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 150% !important;
  }
  .widget-prop-md-3-1 .widget-proportional {
    padding-bottom: 33.3333333333%;
  }
  .widget-proportional.widget-prop-md-3-1 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 33.3333333333% !important;
  }
  .widget-prop-md-3-2 .widget-proportional {
    padding-bottom: 66.6666666667%;
  }
  .widget-proportional.widget-prop-md-3-2 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 66.6666666667% !important;
  }
  .widget-prop-md-3-3 .widget-proportional {
    padding-bottom: 100%;
  }
  .widget-proportional.widget-prop-md-3-3 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .widget-prop-md-auto > div > .widget-proportional {
    min-height: 100%;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  .widget-prop-lg-1-1 .widget-proportional {
    padding-bottom: 100%;
  }
  .widget-proportional.widget-prop-lg-1-1 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 100% !important;
  }
  .widget-prop-lg-1-2 .widget-proportional {
    padding-bottom: 200%;
  }
  .widget-proportional.widget-prop-lg-1-2 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 200% !important;
  }
  .widget-prop-lg-1-3 .widget-proportional {
    padding-bottom: 300%;
  }
  .widget-proportional.widget-prop-lg-1-3 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 300% !important;
  }
  .widget-prop-lg-2-1 .widget-proportional {
    padding-bottom: 50%;
  }
  .widget-proportional.widget-prop-lg-2-1 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 50% !important;
  }
  .widget-prop-lg-2-2 .widget-proportional {
    padding-bottom: 100%;
  }
  .widget-proportional.widget-prop-lg-2-2 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 100% !important;
  }
  .widget-prop-lg-2-3 .widget-proportional {
    padding-bottom: 150%;
  }
  .widget-proportional.widget-prop-lg-2-3 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 150% !important;
  }
  .widget-prop-lg-3-1 .widget-proportional {
    padding-bottom: 33.3333333333%;
  }
  .widget-proportional.widget-prop-lg-3-1 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 33.3333333333% !important;
  }
  .widget-prop-lg-3-2 .widget-proportional {
    padding-bottom: 66.6666666667%;
  }
  .widget-proportional.widget-prop-lg-3-2 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 66.6666666667% !important;
  }
  .widget-prop-lg-3-3 .widget-proportional {
    padding-bottom: 100%;
  }
  .widget-proportional.widget-prop-lg-3-3 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 100% !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .widget-prop-lg-auto > div > .widget-proportional {
    min-height: 100%;
    padding-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .widget-prop-xl-1-1 .widget-proportional {
    padding-bottom: 100%;
  }
  .widget-proportional.widget-prop-xl-1-1 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 100% !important;
  }
  .widget-prop-xl-1-2 .widget-proportional {
    padding-bottom: 200%;
  }
  .widget-proportional.widget-prop-xl-1-2 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 200% !important;
  }
  .widget-prop-xl-1-3 .widget-proportional {
    padding-bottom: 300%;
  }
  .widget-proportional.widget-prop-xl-1-3 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 300% !important;
  }
  .widget-prop-xl-2-1 .widget-proportional {
    padding-bottom: 50%;
  }
  .widget-proportional.widget-prop-xl-2-1 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 50% !important;
  }
  .widget-prop-xl-2-2 .widget-proportional {
    padding-bottom: 100%;
  }
  .widget-proportional.widget-prop-xl-2-2 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 100% !important;
  }
  .widget-prop-xl-2-3 .widget-proportional {
    padding-bottom: 150%;
  }
  .widget-proportional.widget-prop-xl-2-3 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 150% !important;
  }
  .widget-prop-xl-3-1 .widget-proportional {
    padding-bottom: 33.3333333333%;
  }
  .widget-proportional.widget-prop-xl-3-1 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 33.3333333333% !important;
  }
  .widget-prop-xl-3-2 .widget-proportional {
    padding-bottom: 66.6666666667%;
  }
  .widget-proportional.widget-prop-xl-3-2 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 66.6666666667% !important;
  }
  .widget-prop-xl-3-3 .widget-proportional {
    padding-bottom: 100%;
  }
  .widget-proportional.widget-prop-xl-3-3 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 100% !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .widget-prop-xl-auto > div > .widget-proportional {
    min-height: 100%;
    padding-bottom: 0;
  }
}
@media (min-width: 1400px) {
  .widget-prop-xxl-1-1 .widget-proportional {
    padding-bottom: 100%;
  }
  .widget-proportional.widget-prop-xxl-1-1 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 100% !important;
  }
  .widget-prop-xxl-1-2 .widget-proportional {
    padding-bottom: 200%;
  }
  .widget-proportional.widget-prop-xxl-1-2 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 200% !important;
  }
  .widget-prop-xxl-1-3 .widget-proportional {
    padding-bottom: 300%;
  }
  .widget-proportional.widget-prop-xxl-1-3 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 300% !important;
  }
  .widget-prop-xxl-2-1 .widget-proportional {
    padding-bottom: 50%;
  }
  .widget-proportional.widget-prop-xxl-2-1 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 50% !important;
  }
  .widget-prop-xxl-2-2 .widget-proportional {
    padding-bottom: 100%;
  }
  .widget-proportional.widget-prop-xxl-2-2 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 100% !important;
  }
  .widget-prop-xxl-2-3 .widget-proportional {
    padding-bottom: 150%;
  }
  .widget-proportional.widget-prop-xxl-2-3 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 150% !important;
  }
  .widget-prop-xxl-3-1 .widget-proportional {
    padding-bottom: 33.3333333333%;
  }
  .widget-proportional.widget-prop-xxl-3-1 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 33.3333333333% !important;
  }
  .widget-prop-xxl-3-2 .widget-proportional {
    padding-bottom: 66.6666666667%;
  }
  .widget-proportional.widget-prop-xxl-3-2 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 66.6666666667% !important;
  }
  .widget-prop-xxl-3-3 .widget-proportional {
    padding-bottom: 100%;
  }
  .widget-proportional.widget-prop-xxl-3-3 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 100% !important;
  }
}
@media (min-width: 1400px) {
  .widget-prop-xxl-auto > div > .widget-proportional {
    min-height: 100%;
    padding-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .widget-grid .widget-inner.col-md-12.widget-stacked-tablet {
    padding-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .widget-grid .widget-inner.col-lg-12.widget-stacked {
    padding-bottom: 2rem;
  }
}
@media (min-width: 768px) {
  .widget-grid
    > .widget-inner.widget-prop-md-auto.col-md-3
    > div
    > .widget-proportional {
    padding-bottom: calc(100% + 15px);
  }
}
.widget-editable-min-height {
  min-height: 40px;
  padding-bottom: 0.1px;
}
.bg-primary {
  color: #fff;
  background-color: #17acef;
}
.bg-secondary {
  color: #fff;
  background-color: #f80;
}
.bg-success {
  color: #fff;
  background-color: #28a745;
}
.bg-info {
  color: #fff;
  background-color: #17a2b8;
}
.bg-warning {
  color: #1f2229;
  background-color: #ffc107;
}
.bg-danger {
  color: #fff;
  background-color: #dc3545;
}
.bg-dark {
  color: #fff;
  background-color: #1f2229;
}
.bg-light {
  color: #1f2229;
  background-color: #f2f5f8;
}
.align-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-justify {
  text-align: justify;
}
.text-shadow {
  text-shadow: 0 0 0.1em rgba(0, 0, 0, 0.75);
}
.widget-alignment-center .widget-alignment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.widget-alignment-right .widget-alignment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.widget-greeting span {
  color: #1f2229;
}
.gray-700 {
  color: #1f2229;
}
.basket-item-delete {
  color: #c82333;
}
.widget-primary .text-appearance {
  color: #17acef !important;
}
.widget-primary a.text-appearance:hover,
.widget-primary a.text-appearance:focus {
  color: #0c7bae !important;
}
.widget-primary .bg-appearance {
  color: #fff !important;
  background-color: #17acef !important;
}
.widget-primary .bg-appearance a {
  color: #fff !important;
}
.widget-primary a.bg-appearance:hover,
.widget-primary button.bg-appearance:hover {
  color: #fff !important;
  background-color: #0e8cc5 !important;
}
.widget-primary .btn-appearance {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-primary .btn-appearance:hover {
  color: #fff;
  background-color: #0e95d1;
  border-color: #0e8cc5;
}
.widget-primary .btn-appearance:focus,
.widget-primary .btn-appearance.focus {
  color: #fff;
  background-color: #0e95d1;
  border-color: #0e8cc5;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 184, 241, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 184, 241, 0.5);
}
.widget-primary .btn-appearance.disabled,
.widget-primary .btn-appearance:disabled {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-primary .btn-appearance:not(:disabled):not(.disabled):active,
.widget-primary .btn-appearance:not(:disabled):not(.disabled).active,
.show > .widget-primary .btn-appearance.dropdown-toggle {
  color: #fff;
  background-color: #0e8cc5;
  border-color: #0d84b9;
}
.widget-primary .btn-appearance:not(:disabled):not(.disabled):active:focus,
.widget-primary .btn-appearance:not(:disabled):not(.disabled).active:focus,
.show > .widget-primary .btn-appearance.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 184, 241, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 184, 241, 0.5);
}
.widget-primary.btn-outline .btn,
.widget-primary.btn-outline .dia-navbar__toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
  background-color: rgba(0, 0, 0, 0);
  color: #17acef;
  border-color: #17acef;
}
.widget-primary.btn-outline .btn:hover,
.widget-primary.btn-outline .dia-navbar__toggle:hover {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-primary.btn-outline .btn:focus,
.widget-primary.btn-outline .dia-navbar__toggle:focus,
.widget-primary.btn-outline .btn.focus,
.widget-primary.btn-outline .focus.dia-navbar__toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 184, 241, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 184, 241, 0.5);
}
.widget-primary.btn-outline .btn.disabled,
.widget-primary.btn-outline .disabled.dia-navbar__toggle,
.widget-primary.btn-outline .btn:disabled,
.widget-primary.btn-outline .dia-navbar__toggle:disabled {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-primary.btn-outline .btn:not(:disabled):not(.disabled):active,
.widget-primary.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active,
.widget-primary.btn-outline .btn:not(:disabled):not(.disabled).active,
.widget-primary.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active,
.show > .widget-primary.btn-outline .btn.dropdown-toggle,
.show > .widget-primary.btn-outline .dropdown-toggle.dia-navbar__toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-primary.btn-outline .btn:not(:disabled):not(.disabled):active:focus,
.widget-primary.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active:focus,
.widget-primary.btn-outline .btn:not(:disabled):not(.disabled).active:focus,
.widget-primary.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active:focus,
.show > .widget-primary.btn-outline .btn.dropdown-toggle:focus,
.show > .widget-primary.btn-outline .dropdown-toggle.dia-navbar__toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 184, 241, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 184, 241, 0.5);
}
.widget-primary.btn-outline .btn:hover,
.widget-primary.btn-outline .dia-navbar__toggle:hover {
  color: color-contrast(#17acef);
  background-color: #17acef;
  border-color: #17acef;
}
.widget-primary.btn-outline .btn:focus,
.widget-primary.btn-outline .dia-navbar__toggle:focus,
.widget-primary.btn-outline .btn.focus,
.widget-primary.btn-outline .focus.dia-navbar__toggle {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.5);
}
.widget-primary.btn-outline .btn.disabled,
.widget-primary.btn-outline .disabled.dia-navbar__toggle,
.widget-primary.btn-outline .btn:disabled,
.widget-primary.btn-outline .dia-navbar__toggle:disabled {
  color: #17acef;
  background-color: rgba(0, 0, 0, 0);
}
.widget-primary.btn-outline .btn:not(:disabled):not(.disabled):active,
.widget-primary.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active,
.widget-primary.btn-outline .btn:not(:disabled):not(.disabled).active,
.widget-primary.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active,
.show > .widget-primary.btn-outline .btn.dropdown-toggle,
.show > .widget-primary.btn-outline .dropdown-toggle.dia-navbar__toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-primary.btn-outline .btn:not(:disabled):not(.disabled):active:focus,
.widget-primary.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active:focus,
.widget-primary.btn-outline .btn:not(:disabled):not(.disabled).active:focus,
.widget-primary.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active:focus,
.show > .widget-primary.btn-outline .btn.dropdown-toggle:focus,
.show > .widget-primary.btn-outline .dropdown-toggle.dia-navbar__toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.5);
}
.widget-primary.btn-outline .btn.text-appearance:hover,
.widget-primary.btn-outline .text-appearance.dia-navbar__toggle:hover,
.widget-primary.btn-outline .btn.text-appearance:focus,
.widget-primary.btn-outline .text-appearance.dia-navbar__toggle:focus {
  color: color-contrast(#17acef) !important;
}
.btn-outline .btn-primary {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
  background-color: rgba(0, 0, 0, 0);
  color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-primary:hover {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-primary:focus,
.btn-outline .btn-primary.focus {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 184, 241, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 184, 241, 0.5);
}
.btn-outline .btn-primary.disabled,
.btn-outline .btn-primary:disabled {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-primary:not(:disabled):not(.disabled):active,
.btn-outline .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 184, 241, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 184, 241, 0.5);
}
.btn-outline .btn-primary:hover {
  color: color-contrast(#17acef);
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-primary:focus,
.btn-outline .btn-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.5);
}
.btn-outline .btn-primary.disabled,
.btn-outline .btn-primary:disabled {
  color: #17acef;
  background-color: rgba(0, 0, 0, 0);
}
.btn-outline .btn-primary:not(:disabled):not(.disabled):active,
.btn-outline .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.5);
}
.widget-primary .btn-outline-appearance {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
  background-color: rgba(0, 0, 0, 0);
  color: #17acef;
  border-color: #17acef;
}
.widget-primary .btn-outline-appearance:hover {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-primary .btn-outline-appearance:focus,
.widget-primary .btn-outline-appearance.focus {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 184, 241, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 184, 241, 0.5);
}
.widget-primary .btn-outline-appearance.disabled,
.widget-primary .btn-outline-appearance:disabled {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-primary .btn-outline-appearance:not(:disabled):not(.disabled):active,
.widget-primary .btn-outline-appearance:not(:disabled):not(.disabled).active,
.show > .widget-primary .btn-outline-appearance.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-primary
  .btn-outline-appearance:not(:disabled):not(.disabled):active:focus,
.widget-primary
  .btn-outline-appearance:not(:disabled):not(.disabled).active:focus,
.show > .widget-primary .btn-outline-appearance.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 184, 241, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 184, 241, 0.5);
}
.widget-primary .btn-outline-appearance:hover {
  color: color-contrast(#17acef);
  background-color: #17acef;
  border-color: #17acef;
}
.widget-primary .btn-outline-appearance:focus,
.widget-primary .btn-outline-appearance.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.5);
}
.widget-primary .btn-outline-appearance.disabled,
.widget-primary .btn-outline-appearance:disabled {
  color: #17acef;
  background-color: rgba(0, 0, 0, 0);
}
.widget-primary .btn-outline-appearance:not(:disabled):not(.disabled):active,
.widget-primary .btn-outline-appearance:not(:disabled):not(.disabled).active,
.show > .widget-primary .btn-outline-appearance.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-primary
  .btn-outline-appearance:not(:disabled):not(.disabled):active:focus,
.widget-primary
  .btn-outline-appearance:not(:disabled):not(.disabled).active:focus,
.show > .widget-primary .btn-outline-appearance.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 172, 239, 0.5);
}
.widget-primary a.text-appearance,
.widget-primary .btn-appearance {
  -webkit-text-decoration-color: #17acef;
  text-decoration-color: #17acef;
}
.widget-primary a.text-appearance:hover,
.widget-primary a.text-appearance:focus,
.widget-primary .btn-appearance:hover,
.widget-primary .btn-appearance:focus {
  -webkit-text-decoration-color: #0e95d1;
  text-decoration-color: #0e95d1;
}
.widget-primary a:hover i.text-appearance {
  color: #0e95d1 !important;
}
.widget-primary .border-appearance.active,
.widget-primary .border-appearance:hover {
  border-color: #17acef !important;
}
.widget-primary .add-to-basket-lg-container:hover {
  border-color: rgba(0, 0, 0, 0) #17acef rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
.widget-primary .pagination .page-item .page-link {
  color: #17acef;
}
.widget-primary .pagination .page-item .page-link:hover,
.widget-primary .pagination .page-item .page-link:focus {
  color: #0c7bae;
}
.widget-primary .pagination .page-item.active .page-link {
  border-color: #17acef;
  color: #fff;
  background-color: #17acef;
}
.widget-primary
  .custom-control-appearance
  .custom-control-input:checked
  ~ .custom-control-label::before {
  background-color: #17acef;
  border-color: #17acef;
}
.widget-secondary .text-appearance {
  color: #f80 !important;
}
.widget-secondary a.text-appearance:hover,
.widget-secondary a.text-appearance:focus {
  color: #b35f00 !important;
}
.widget-secondary .bg-appearance {
  color: #fff !important;
  background-color: #f80 !important;
}
.widget-secondary .bg-appearance a {
  color: #fff !important;
}
.widget-secondary a.bg-appearance:hover,
.widget-secondary button.bg-appearance:hover {
  color: #fff !important;
  background-color: #cc6d00 !important;
}
.widget-secondary .btn-appearance {
  color: #fff;
  background-color: #f80;
  border-color: #f80;
}
.widget-secondary .btn-appearance:hover {
  color: #fff;
  background-color: #d97400;
  border-color: #cc6d00;
}
.widget-secondary .btn-appearance:focus,
.widget-secondary .btn-appearance.focus {
  color: #fff;
  background-color: #d97400;
  border-color: #cc6d00;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 154, 38, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 154, 38, 0.5);
}
.widget-secondary .btn-appearance.disabled,
.widget-secondary .btn-appearance:disabled {
  color: #fff;
  background-color: #f80;
  border-color: #f80;
}
.widget-secondary .btn-appearance:not(:disabled):not(.disabled):active,
.widget-secondary .btn-appearance:not(:disabled):not(.disabled).active,
.show > .widget-secondary .btn-appearance.dropdown-toggle {
  color: #fff;
  background-color: #cc6d00;
  border-color: #bf6600;
}
.widget-secondary .btn-appearance:not(:disabled):not(.disabled):active:focus,
.widget-secondary .btn-appearance:not(:disabled):not(.disabled).active:focus,
.show > .widget-secondary .btn-appearance.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 154, 38, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 154, 38, 0.5);
}
.widget-secondary.btn-outline .btn,
.widget-secondary.btn-outline .dia-navbar__toggle {
  color: #fff;
  background-color: #f80;
  border-color: #f80;
  background-color: rgba(0, 0, 0, 0);
  color: #f80;
  border-color: #f80;
}
.widget-secondary.btn-outline .btn:hover,
.widget-secondary.btn-outline .dia-navbar__toggle:hover {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-secondary.btn-outline .btn:focus,
.widget-secondary.btn-outline .dia-navbar__toggle:focus,
.widget-secondary.btn-outline .btn.focus,
.widget-secondary.btn-outline .focus.dia-navbar__toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 154, 38, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 154, 38, 0.5);
}
.widget-secondary.btn-outline .btn.disabled,
.widget-secondary.btn-outline .disabled.dia-navbar__toggle,
.widget-secondary.btn-outline .btn:disabled,
.widget-secondary.btn-outline .dia-navbar__toggle:disabled {
  color: #fff;
  background-color: #f80;
  border-color: #f80;
}
.widget-secondary.btn-outline .btn:not(:disabled):not(.disabled):active,
.widget-secondary.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active,
.widget-secondary.btn-outline .btn:not(:disabled):not(.disabled).active,
.widget-secondary.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active,
.show > .widget-secondary.btn-outline .btn.dropdown-toggle,
.show > .widget-secondary.btn-outline .dropdown-toggle.dia-navbar__toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-secondary.btn-outline .btn:not(:disabled):not(.disabled):active:focus,
.widget-secondary.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active:focus,
.widget-secondary.btn-outline .btn:not(:disabled):not(.disabled).active:focus,
.widget-secondary.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active:focus,
.show > .widget-secondary.btn-outline .btn.dropdown-toggle:focus,
.show
  > .widget-secondary.btn-outline
  .dropdown-toggle.dia-navbar__toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 154, 38, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 154, 38, 0.5);
}
.widget-secondary.btn-outline .btn:hover,
.widget-secondary.btn-outline .dia-navbar__toggle:hover {
  color: color-contrast(#17acef);
  background-color: #17acef;
  border-color: #17acef;
}
.widget-secondary.btn-outline .btn:focus,
.widget-secondary.btn-outline .dia-navbar__toggle:focus,
.widget-secondary.btn-outline .btn.focus,
.widget-secondary.btn-outline .focus.dia-navbar__toggle {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, 0.5);
}
.widget-secondary.btn-outline .btn.disabled,
.widget-secondary.btn-outline .disabled.dia-navbar__toggle,
.widget-secondary.btn-outline .btn:disabled,
.widget-secondary.btn-outline .dia-navbar__toggle:disabled {
  color: #f80;
  background-color: rgba(0, 0, 0, 0);
}
.widget-secondary.btn-outline .btn:not(:disabled):not(.disabled):active,
.widget-secondary.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active,
.widget-secondary.btn-outline .btn:not(:disabled):not(.disabled).active,
.widget-secondary.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active,
.show > .widget-secondary.btn-outline .btn.dropdown-toggle,
.show > .widget-secondary.btn-outline .dropdown-toggle.dia-navbar__toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-secondary.btn-outline .btn:not(:disabled):not(.disabled):active:focus,
.widget-secondary.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active:focus,
.widget-secondary.btn-outline .btn:not(:disabled):not(.disabled).active:focus,
.widget-secondary.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active:focus,
.show > .widget-secondary.btn-outline .btn.dropdown-toggle:focus,
.show
  > .widget-secondary.btn-outline
  .dropdown-toggle.dia-navbar__toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, 0.5);
}
.widget-secondary.btn-outline .btn.text-appearance:hover,
.widget-secondary.btn-outline .text-appearance.dia-navbar__toggle:hover,
.widget-secondary.btn-outline .btn.text-appearance:focus,
.widget-secondary.btn-outline .text-appearance.dia-navbar__toggle:focus {
  color: color-contrast(#17acef) !important;
}
.btn-outline .btn-secondary {
  color: #fff;
  background-color: #f80;
  border-color: #f80;
  background-color: rgba(0, 0, 0, 0);
  color: #f80;
  border-color: #f80;
}
.btn-outline .btn-secondary:hover {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-secondary:focus,
.btn-outline .btn-secondary.focus {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 154, 38, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 154, 38, 0.5);
}
.btn-outline .btn-secondary.disabled,
.btn-outline .btn-secondary:disabled {
  color: #fff;
  background-color: #f80;
  border-color: #f80;
}
.btn-outline .btn-secondary:not(:disabled):not(.disabled):active,
.btn-outline .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 154, 38, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 154, 38, 0.5);
}
.btn-outline .btn-secondary:hover {
  color: color-contrast(#17acef);
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-secondary:focus,
.btn-outline .btn-secondary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, 0.5);
}
.btn-outline .btn-secondary.disabled,
.btn-outline .btn-secondary:disabled {
  color: #f80;
  background-color: rgba(0, 0, 0, 0);
}
.btn-outline .btn-secondary:not(:disabled):not(.disabled):active,
.btn-outline .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, 0.5);
}
.widget-secondary .btn-outline-appearance {
  color: #fff;
  background-color: #f80;
  border-color: #f80;
  background-color: rgba(0, 0, 0, 0);
  color: #f80;
  border-color: #f80;
}
.widget-secondary .btn-outline-appearance:hover {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-secondary .btn-outline-appearance:focus,
.widget-secondary .btn-outline-appearance.focus {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 154, 38, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 154, 38, 0.5);
}
.widget-secondary .btn-outline-appearance.disabled,
.widget-secondary .btn-outline-appearance:disabled {
  color: #fff;
  background-color: #f80;
  border-color: #f80;
}
.widget-secondary .btn-outline-appearance:not(:disabled):not(.disabled):active,
.widget-secondary .btn-outline-appearance:not(:disabled):not(.disabled).active,
.show > .widget-secondary .btn-outline-appearance.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-secondary
  .btn-outline-appearance:not(:disabled):not(.disabled):active:focus,
.widget-secondary
  .btn-outline-appearance:not(:disabled):not(.disabled).active:focus,
.show > .widget-secondary .btn-outline-appearance.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 154, 38, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 154, 38, 0.5);
}
.widget-secondary .btn-outline-appearance:hover {
  color: color-contrast(#17acef);
  background-color: #17acef;
  border-color: #17acef;
}
.widget-secondary .btn-outline-appearance:focus,
.widget-secondary .btn-outline-appearance.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, 0.5);
}
.widget-secondary .btn-outline-appearance.disabled,
.widget-secondary .btn-outline-appearance:disabled {
  color: #f80;
  background-color: rgba(0, 0, 0, 0);
}
.widget-secondary .btn-outline-appearance:not(:disabled):not(.disabled):active,
.widget-secondary .btn-outline-appearance:not(:disabled):not(.disabled).active,
.show > .widget-secondary .btn-outline-appearance.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-secondary
  .btn-outline-appearance:not(:disabled):not(.disabled):active:focus,
.widget-secondary
  .btn-outline-appearance:not(:disabled):not(.disabled).active:focus,
.show > .widget-secondary .btn-outline-appearance.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, 0.5);
}
.widget-secondary a.text-appearance,
.widget-secondary .btn-appearance {
  -webkit-text-decoration-color: #f80;
  text-decoration-color: #f80;
}
.widget-secondary a.text-appearance:hover,
.widget-secondary a.text-appearance:focus,
.widget-secondary .btn-appearance:hover,
.widget-secondary .btn-appearance:focus {
  -webkit-text-decoration-color: #d97400;
  text-decoration-color: #d97400;
}
.widget-secondary a:hover i.text-appearance {
  color: #d97400 !important;
}
.widget-secondary .border-appearance.active,
.widget-secondary .border-appearance:hover {
  border-color: #f80 !important;
}
.widget-secondary .add-to-basket-lg-container:hover {
  border-color: rgba(0, 0, 0, 0) #f80 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
.widget-secondary .pagination .page-item .page-link {
  color: #f80;
}
.widget-secondary .pagination .page-item .page-link:hover,
.widget-secondary .pagination .page-item .page-link:focus {
  color: #b35f00;
}
.widget-secondary .pagination .page-item.active .page-link {
  border-color: #f80;
  color: #fff;
  background-color: #f80;
}
.widget-secondary
  .custom-control-appearance
  .custom-control-input:checked
  ~ .custom-control-label::before {
  background-color: #f80;
  border-color: #f80;
}
.widget-success .text-appearance {
  color: #28a745 !important;
}
.widget-success a.text-appearance:hover,
.widget-success a.text-appearance:focus {
  color: #19692c !important;
}
.widget-success .bg-appearance {
  color: #fff !important;
  background-color: #28a745 !important;
}
.widget-success .bg-appearance a {
  color: #fff !important;
}
.widget-success a.bg-appearance:hover,
.widget-success button.bg-appearance:hover {
  color: #fff !important;
  background-color: #1e7e34 !important;
}
.widget-success .btn-appearance {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.widget-success .btn-appearance:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.widget-success .btn-appearance:focus,
.widget-success .btn-appearance.focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.widget-success .btn-appearance.disabled,
.widget-success .btn-appearance:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.widget-success .btn-appearance:not(:disabled):not(.disabled):active,
.widget-success .btn-appearance:not(:disabled):not(.disabled).active,
.show > .widget-success .btn-appearance.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}
.widget-success .btn-appearance:not(:disabled):not(.disabled):active:focus,
.widget-success .btn-appearance:not(:disabled):not(.disabled).active:focus,
.show > .widget-success .btn-appearance.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.widget-success.btn-outline .btn,
.widget-success.btn-outline .dia-navbar__toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
  background-color: rgba(0, 0, 0, 0);
  color: #28a745;
  border-color: #28a745;
}
.widget-success.btn-outline .btn:hover,
.widget-success.btn-outline .dia-navbar__toggle:hover {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-success.btn-outline .btn:focus,
.widget-success.btn-outline .dia-navbar__toggle:focus,
.widget-success.btn-outline .btn.focus,
.widget-success.btn-outline .focus.dia-navbar__toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.widget-success.btn-outline .btn.disabled,
.widget-success.btn-outline .disabled.dia-navbar__toggle,
.widget-success.btn-outline .btn:disabled,
.widget-success.btn-outline .dia-navbar__toggle:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.widget-success.btn-outline .btn:not(:disabled):not(.disabled):active,
.widget-success.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active,
.widget-success.btn-outline .btn:not(:disabled):not(.disabled).active,
.widget-success.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active,
.show > .widget-success.btn-outline .btn.dropdown-toggle,
.show > .widget-success.btn-outline .dropdown-toggle.dia-navbar__toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-success.btn-outline .btn:not(:disabled):not(.disabled):active:focus,
.widget-success.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active:focus,
.widget-success.btn-outline .btn:not(:disabled):not(.disabled).active:focus,
.widget-success.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active:focus,
.show > .widget-success.btn-outline .btn.dropdown-toggle:focus,
.show > .widget-success.btn-outline .dropdown-toggle.dia-navbar__toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.widget-success.btn-outline .btn:hover,
.widget-success.btn-outline .dia-navbar__toggle:hover {
  color: color-contrast(#17acef);
  background-color: #17acef;
  border-color: #17acef;
}
.widget-success.btn-outline .btn:focus,
.widget-success.btn-outline .dia-navbar__toggle:focus,
.widget-success.btn-outline .btn.focus,
.widget-success.btn-outline .focus.dia-navbar__toggle {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.widget-success.btn-outline .btn.disabled,
.widget-success.btn-outline .disabled.dia-navbar__toggle,
.widget-success.btn-outline .btn:disabled,
.widget-success.btn-outline .dia-navbar__toggle:disabled {
  color: #28a745;
  background-color: rgba(0, 0, 0, 0);
}
.widget-success.btn-outline .btn:not(:disabled):not(.disabled):active,
.widget-success.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active,
.widget-success.btn-outline .btn:not(:disabled):not(.disabled).active,
.widget-success.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active,
.show > .widget-success.btn-outline .btn.dropdown-toggle,
.show > .widget-success.btn-outline .dropdown-toggle.dia-navbar__toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-success.btn-outline .btn:not(:disabled):not(.disabled):active:focus,
.widget-success.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active:focus,
.widget-success.btn-outline .btn:not(:disabled):not(.disabled).active:focus,
.widget-success.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active:focus,
.show > .widget-success.btn-outline .btn.dropdown-toggle:focus,
.show > .widget-success.btn-outline .dropdown-toggle.dia-navbar__toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.widget-success.btn-outline .btn.text-appearance:hover,
.widget-success.btn-outline .text-appearance.dia-navbar__toggle:hover,
.widget-success.btn-outline .btn.text-appearance:focus,
.widget-success.btn-outline .text-appearance.dia-navbar__toggle:focus {
  color: color-contrast(#17acef) !important;
}
.btn-outline .btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
  background-color: rgba(0, 0, 0, 0);
  color: #28a745;
  border-color: #28a745;
}
.btn-outline .btn-success:hover {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-success:focus,
.btn-outline .btn-success.focus {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.btn-outline .btn-success.disabled,
.btn-outline .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline .btn-success:not(:disabled):not(.disabled):active,
.btn-outline .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-outline .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-success:not(:disabled):not(.disabled):active:focus,
.btn-outline .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline .btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.btn-outline .btn-success:hover {
  color: color-contrast(#17acef);
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-success:focus,
.btn-outline .btn-success.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline .btn-success.disabled,
.btn-outline .btn-success:disabled {
  color: #28a745;
  background-color: rgba(0, 0, 0, 0);
}
.btn-outline .btn-success:not(:disabled):not(.disabled):active,
.btn-outline .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-outline .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-success:not(:disabled):not(.disabled):active:focus,
.btn-outline .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline .btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.widget-success .btn-outline-appearance {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
  background-color: rgba(0, 0, 0, 0);
  color: #28a745;
  border-color: #28a745;
}
.widget-success .btn-outline-appearance:hover {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-success .btn-outline-appearance:focus,
.widget-success .btn-outline-appearance.focus {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.widget-success .btn-outline-appearance.disabled,
.widget-success .btn-outline-appearance:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.widget-success .btn-outline-appearance:not(:disabled):not(.disabled):active,
.widget-success .btn-outline-appearance:not(:disabled):not(.disabled).active,
.show > .widget-success .btn-outline-appearance.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-success
  .btn-outline-appearance:not(:disabled):not(.disabled):active:focus,
.widget-success
  .btn-outline-appearance:not(:disabled):not(.disabled).active:focus,
.show > .widget-success .btn-outline-appearance.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.widget-success .btn-outline-appearance:hover {
  color: color-contrast(#17acef);
  background-color: #17acef;
  border-color: #17acef;
}
.widget-success .btn-outline-appearance:focus,
.widget-success .btn-outline-appearance.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.widget-success .btn-outline-appearance.disabled,
.widget-success .btn-outline-appearance:disabled {
  color: #28a745;
  background-color: rgba(0, 0, 0, 0);
}
.widget-success .btn-outline-appearance:not(:disabled):not(.disabled):active,
.widget-success .btn-outline-appearance:not(:disabled):not(.disabled).active,
.show > .widget-success .btn-outline-appearance.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-success
  .btn-outline-appearance:not(:disabled):not(.disabled):active:focus,
.widget-success
  .btn-outline-appearance:not(:disabled):not(.disabled).active:focus,
.show > .widget-success .btn-outline-appearance.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.widget-success a.text-appearance,
.widget-success .btn-appearance {
  -webkit-text-decoration-color: #28a745;
  text-decoration-color: #28a745;
}
.widget-success a.text-appearance:hover,
.widget-success a.text-appearance:focus,
.widget-success .btn-appearance:hover,
.widget-success .btn-appearance:focus {
  -webkit-text-decoration-color: #218838;
  text-decoration-color: #218838;
}
.widget-success a:hover i.text-appearance {
  color: #218838 !important;
}
.widget-success .border-appearance.active,
.widget-success .border-appearance:hover {
  border-color: #28a745 !important;
}
.widget-success .add-to-basket-lg-container:hover {
  border-color: rgba(0, 0, 0, 0) #28a745 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
.widget-success .pagination .page-item .page-link {
  color: #28a745;
}
.widget-success .pagination .page-item .page-link:hover,
.widget-success .pagination .page-item .page-link:focus {
  color: #19692c;
}
.widget-success .pagination .page-item.active .page-link {
  border-color: #28a745;
  color: #fff;
  background-color: #28a745;
}
.widget-success
  .custom-control-appearance
  .custom-control-input:checked
  ~ .custom-control-label::before {
  background-color: #28a745;
  border-color: #28a745;
}
.widget-info .text-appearance {
  color: #17a2b8 !important;
}
.widget-info a.text-appearance:hover,
.widget-info a.text-appearance:focus {
  color: #0f6674 !important;
}
.widget-info .bg-appearance {
  color: #fff !important;
  background-color: #17a2b8 !important;
}
.widget-info .bg-appearance a {
  color: #fff !important;
}
.widget-info a.bg-appearance:hover,
.widget-info button.bg-appearance:hover {
  color: #fff !important;
  background-color: #117a8b !important;
}
.widget-info .btn-appearance {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.widget-info .btn-appearance:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
.widget-info .btn-appearance:focus,
.widget-info .btn-appearance.focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.widget-info .btn-appearance.disabled,
.widget-info .btn-appearance:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.widget-info .btn-appearance:not(:disabled):not(.disabled):active,
.widget-info .btn-appearance:not(:disabled):not(.disabled).active,
.show > .widget-info .btn-appearance.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}
.widget-info .btn-appearance:not(:disabled):not(.disabled):active:focus,
.widget-info .btn-appearance:not(:disabled):not(.disabled).active:focus,
.show > .widget-info .btn-appearance.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.widget-info.btn-outline .btn,
.widget-info.btn-outline .dia-navbar__toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
  background-color: rgba(0, 0, 0, 0);
  color: #17a2b8;
  border-color: #17a2b8;
}
.widget-info.btn-outline .btn:hover,
.widget-info.btn-outline .dia-navbar__toggle:hover {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-info.btn-outline .btn:focus,
.widget-info.btn-outline .dia-navbar__toggle:focus,
.widget-info.btn-outline .btn.focus,
.widget-info.btn-outline .focus.dia-navbar__toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.widget-info.btn-outline .btn.disabled,
.widget-info.btn-outline .disabled.dia-navbar__toggle,
.widget-info.btn-outline .btn:disabled,
.widget-info.btn-outline .dia-navbar__toggle:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.widget-info.btn-outline .btn:not(:disabled):not(.disabled):active,
.widget-info.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active,
.widget-info.btn-outline .btn:not(:disabled):not(.disabled).active,
.widget-info.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active,
.show > .widget-info.btn-outline .btn.dropdown-toggle,
.show > .widget-info.btn-outline .dropdown-toggle.dia-navbar__toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-info.btn-outline .btn:not(:disabled):not(.disabled):active:focus,
.widget-info.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active:focus,
.widget-info.btn-outline .btn:not(:disabled):not(.disabled).active:focus,
.widget-info.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active:focus,
.show > .widget-info.btn-outline .btn.dropdown-toggle:focus,
.show > .widget-info.btn-outline .dropdown-toggle.dia-navbar__toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.widget-info.btn-outline .btn:hover,
.widget-info.btn-outline .dia-navbar__toggle:hover {
  color: color-contrast(#17acef);
  background-color: #17acef;
  border-color: #17acef;
}
.widget-info.btn-outline .btn:focus,
.widget-info.btn-outline .dia-navbar__toggle:focus,
.widget-info.btn-outline .btn.focus,
.widget-info.btn-outline .focus.dia-navbar__toggle {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.widget-info.btn-outline .btn.disabled,
.widget-info.btn-outline .disabled.dia-navbar__toggle,
.widget-info.btn-outline .btn:disabled,
.widget-info.btn-outline .dia-navbar__toggle:disabled {
  color: #17a2b8;
  background-color: rgba(0, 0, 0, 0);
}
.widget-info.btn-outline .btn:not(:disabled):not(.disabled):active,
.widget-info.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active,
.widget-info.btn-outline .btn:not(:disabled):not(.disabled).active,
.widget-info.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active,
.show > .widget-info.btn-outline .btn.dropdown-toggle,
.show > .widget-info.btn-outline .dropdown-toggle.dia-navbar__toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-info.btn-outline .btn:not(:disabled):not(.disabled):active:focus,
.widget-info.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active:focus,
.widget-info.btn-outline .btn:not(:disabled):not(.disabled).active:focus,
.widget-info.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active:focus,
.show > .widget-info.btn-outline .btn.dropdown-toggle:focus,
.show > .widget-info.btn-outline .dropdown-toggle.dia-navbar__toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.widget-info.btn-outline .btn.text-appearance:hover,
.widget-info.btn-outline .text-appearance.dia-navbar__toggle:hover,
.widget-info.btn-outline .btn.text-appearance:focus,
.widget-info.btn-outline .text-appearance.dia-navbar__toggle:focus {
  color: color-contrast(#17acef) !important;
}
.btn-outline .btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
  background-color: rgba(0, 0, 0, 0);
  color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline .btn-info:hover {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-info:focus,
.btn-outline .btn-info.focus {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-outline .btn-info.disabled,
.btn-outline .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline .btn-info:not(:disabled):not(.disabled):active,
.btn-outline .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-outline .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-info:not(:disabled):not(.disabled):active:focus,
.btn-outline .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline .btn-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-outline .btn-info:hover {
  color: color-contrast(#17acef);
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-info:focus,
.btn-outline .btn-info.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline .btn-info.disabled,
.btn-outline .btn-info:disabled {
  color: #17a2b8;
  background-color: rgba(0, 0, 0, 0);
}
.btn-outline .btn-info:not(:disabled):not(.disabled):active,
.btn-outline .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-outline .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-info:not(:disabled):not(.disabled):active:focus,
.btn-outline .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline .btn-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.widget-info .btn-outline-appearance {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
  background-color: rgba(0, 0, 0, 0);
  color: #17a2b8;
  border-color: #17a2b8;
}
.widget-info .btn-outline-appearance:hover {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-info .btn-outline-appearance:focus,
.widget-info .btn-outline-appearance.focus {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.widget-info .btn-outline-appearance.disabled,
.widget-info .btn-outline-appearance:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.widget-info .btn-outline-appearance:not(:disabled):not(.disabled):active,
.widget-info .btn-outline-appearance:not(:disabled):not(.disabled).active,
.show > .widget-info .btn-outline-appearance.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-info .btn-outline-appearance:not(:disabled):not(.disabled):active:focus,
.widget-info .btn-outline-appearance:not(:disabled):not(.disabled).active:focus,
.show > .widget-info .btn-outline-appearance.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.widget-info .btn-outline-appearance:hover {
  color: color-contrast(#17acef);
  background-color: #17acef;
  border-color: #17acef;
}
.widget-info .btn-outline-appearance:focus,
.widget-info .btn-outline-appearance.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.widget-info .btn-outline-appearance.disabled,
.widget-info .btn-outline-appearance:disabled {
  color: #17a2b8;
  background-color: rgba(0, 0, 0, 0);
}
.widget-info .btn-outline-appearance:not(:disabled):not(.disabled):active,
.widget-info .btn-outline-appearance:not(:disabled):not(.disabled).active,
.show > .widget-info .btn-outline-appearance.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-info .btn-outline-appearance:not(:disabled):not(.disabled):active:focus,
.widget-info .btn-outline-appearance:not(:disabled):not(.disabled).active:focus,
.show > .widget-info .btn-outline-appearance.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.widget-info a.text-appearance,
.widget-info .btn-appearance {
  -webkit-text-decoration-color: #17a2b8;
  text-decoration-color: #17a2b8;
}
.widget-info a.text-appearance:hover,
.widget-info a.text-appearance:focus,
.widget-info .btn-appearance:hover,
.widget-info .btn-appearance:focus {
  -webkit-text-decoration-color: #138496;
  text-decoration-color: #138496;
}
.widget-info a:hover i.text-appearance {
  color: #138496 !important;
}
.widget-info .border-appearance.active,
.widget-info .border-appearance:hover {
  border-color: #17a2b8 !important;
}
.widget-info .add-to-basket-lg-container:hover {
  border-color: rgba(0, 0, 0, 0) #17a2b8 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
.widget-info .pagination .page-item .page-link {
  color: #17a2b8;
}
.widget-info .pagination .page-item .page-link:hover,
.widget-info .pagination .page-item .page-link:focus {
  color: #0f6674;
}
.widget-info .pagination .page-item.active .page-link {
  border-color: #17a2b8;
  color: #fff;
  background-color: #17a2b8;
}
.widget-info
  .custom-control-appearance
  .custom-control-input:checked
  ~ .custom-control-label::before {
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.widget-warning .text-appearance {
  color: #ffc107 !important;
}
.widget-warning a.text-appearance:hover,
.widget-warning a.text-appearance:focus {
  color: #ba8b00 !important;
}
.widget-warning .bg-appearance {
  color: #1f2229 !important;
  background-color: #ffc107 !important;
}
.widget-warning .bg-appearance a {
  color: #1f2229 !important;
}
.widget-warning a.bg-appearance:hover,
.widget-warning button.bg-appearance:hover {
  color: #fff !important;
  background-color: #d39e00 !important;
}
.widget-warning .btn-appearance {
  color: #1f2229;
  background-color: #ffc107;
  border-color: #ffc107;
}
.widget-warning .btn-appearance:hover {
  color: #fff;
  background-color: #e0a800;
  border-color: #d39e00;
}
.widget-warning .btn-appearance:focus,
.widget-warning .btn-appearance.focus {
  color: #fff;
  background-color: #e0a800;
  border-color: #d39e00;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 169, 12, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(221, 169, 12, 0.5);
}
.widget-warning .btn-appearance.disabled,
.widget-warning .btn-appearance:disabled {
  color: #1f2229;
  background-color: #ffc107;
  border-color: #ffc107;
}
.widget-warning .btn-appearance:not(:disabled):not(.disabled):active,
.widget-warning .btn-appearance:not(:disabled):not(.disabled).active,
.show > .widget-warning .btn-appearance.dropdown-toggle {
  color: #fff;
  background-color: #d39e00;
  border-color: #c69500;
}
.widget-warning .btn-appearance:not(:disabled):not(.disabled):active:focus,
.widget-warning .btn-appearance:not(:disabled):not(.disabled).active:focus,
.show > .widget-warning .btn-appearance.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 169, 12, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(221, 169, 12, 0.5);
}
.widget-warning.btn-outline .btn,
.widget-warning.btn-outline .dia-navbar__toggle {
  color: #1f2229;
  background-color: #ffc107;
  border-color: #ffc107;
  background-color: rgba(0, 0, 0, 0);
  color: #ffc107;
  border-color: #ffc107;
}
.widget-warning.btn-outline .btn:hover,
.widget-warning.btn-outline .dia-navbar__toggle:hover {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-warning.btn-outline .btn:focus,
.widget-warning.btn-outline .dia-navbar__toggle:focus,
.widget-warning.btn-outline .btn.focus,
.widget-warning.btn-outline .focus.dia-navbar__toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 169, 12, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(221, 169, 12, 0.5);
}
.widget-warning.btn-outline .btn.disabled,
.widget-warning.btn-outline .disabled.dia-navbar__toggle,
.widget-warning.btn-outline .btn:disabled,
.widget-warning.btn-outline .dia-navbar__toggle:disabled {
  color: #1f2229;
  background-color: #ffc107;
  border-color: #ffc107;
}
.widget-warning.btn-outline .btn:not(:disabled):not(.disabled):active,
.widget-warning.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active,
.widget-warning.btn-outline .btn:not(:disabled):not(.disabled).active,
.widget-warning.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active,
.show > .widget-warning.btn-outline .btn.dropdown-toggle,
.show > .widget-warning.btn-outline .dropdown-toggle.dia-navbar__toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-warning.btn-outline .btn:not(:disabled):not(.disabled):active:focus,
.widget-warning.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active:focus,
.widget-warning.btn-outline .btn:not(:disabled):not(.disabled).active:focus,
.widget-warning.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active:focus,
.show > .widget-warning.btn-outline .btn.dropdown-toggle:focus,
.show > .widget-warning.btn-outline .dropdown-toggle.dia-navbar__toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 169, 12, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(221, 169, 12, 0.5);
}
.widget-warning.btn-outline .btn:hover,
.widget-warning.btn-outline .dia-navbar__toggle:hover {
  color: color-contrast(#17acef);
  background-color: #17acef;
  border-color: #17acef;
}
.widget-warning.btn-outline .btn:focus,
.widget-warning.btn-outline .dia-navbar__toggle:focus,
.widget-warning.btn-outline .btn.focus,
.widget-warning.btn-outline .focus.dia-navbar__toggle {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.widget-warning.btn-outline .btn.disabled,
.widget-warning.btn-outline .disabled.dia-navbar__toggle,
.widget-warning.btn-outline .btn:disabled,
.widget-warning.btn-outline .dia-navbar__toggle:disabled {
  color: #ffc107;
  background-color: rgba(0, 0, 0, 0);
}
.widget-warning.btn-outline .btn:not(:disabled):not(.disabled):active,
.widget-warning.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active,
.widget-warning.btn-outline .btn:not(:disabled):not(.disabled).active,
.widget-warning.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active,
.show > .widget-warning.btn-outline .btn.dropdown-toggle,
.show > .widget-warning.btn-outline .dropdown-toggle.dia-navbar__toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-warning.btn-outline .btn:not(:disabled):not(.disabled):active:focus,
.widget-warning.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active:focus,
.widget-warning.btn-outline .btn:not(:disabled):not(.disabled).active:focus,
.widget-warning.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active:focus,
.show > .widget-warning.btn-outline .btn.dropdown-toggle:focus,
.show > .widget-warning.btn-outline .dropdown-toggle.dia-navbar__toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.widget-warning.btn-outline .btn.text-appearance:hover,
.widget-warning.btn-outline .text-appearance.dia-navbar__toggle:hover,
.widget-warning.btn-outline .btn.text-appearance:focus,
.widget-warning.btn-outline .text-appearance.dia-navbar__toggle:focus {
  color: color-contrast(#17acef) !important;
}
.btn-outline .btn-warning {
  color: #1f2229;
  background-color: #ffc107;
  border-color: #ffc107;
  background-color: rgba(0, 0, 0, 0);
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline .btn-warning:hover {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-warning:focus,
.btn-outline .btn-warning.focus {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 169, 12, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(221, 169, 12, 0.5);
}
.btn-outline .btn-warning.disabled,
.btn-outline .btn-warning:disabled {
  color: #1f2229;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline .btn-warning:not(:disabled):not(.disabled):active,
.btn-outline .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline .btn-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 169, 12, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(221, 169, 12, 0.5);
}
.btn-outline .btn-warning:hover {
  color: color-contrast(#17acef);
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-warning:focus,
.btn-outline .btn-warning.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline .btn-warning.disabled,
.btn-outline .btn-warning:disabled {
  color: #ffc107;
  background-color: rgba(0, 0, 0, 0);
}
.btn-outline .btn-warning:not(:disabled):not(.disabled):active,
.btn-outline .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline .btn-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.widget-warning .btn-outline-appearance {
  color: #1f2229;
  background-color: #ffc107;
  border-color: #ffc107;
  background-color: rgba(0, 0, 0, 0);
  color: #ffc107;
  border-color: #ffc107;
}
.widget-warning .btn-outline-appearance:hover {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-warning .btn-outline-appearance:focus,
.widget-warning .btn-outline-appearance.focus {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 169, 12, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(221, 169, 12, 0.5);
}
.widget-warning .btn-outline-appearance.disabled,
.widget-warning .btn-outline-appearance:disabled {
  color: #1f2229;
  background-color: #ffc107;
  border-color: #ffc107;
}
.widget-warning .btn-outline-appearance:not(:disabled):not(.disabled):active,
.widget-warning .btn-outline-appearance:not(:disabled):not(.disabled).active,
.show > .widget-warning .btn-outline-appearance.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-warning
  .btn-outline-appearance:not(:disabled):not(.disabled):active:focus,
.widget-warning
  .btn-outline-appearance:not(:disabled):not(.disabled).active:focus,
.show > .widget-warning .btn-outline-appearance.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 169, 12, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(221, 169, 12, 0.5);
}
.widget-warning .btn-outline-appearance:hover {
  color: color-contrast(#17acef);
  background-color: #17acef;
  border-color: #17acef;
}
.widget-warning .btn-outline-appearance:focus,
.widget-warning .btn-outline-appearance.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.widget-warning .btn-outline-appearance.disabled,
.widget-warning .btn-outline-appearance:disabled {
  color: #ffc107;
  background-color: rgba(0, 0, 0, 0);
}
.widget-warning .btn-outline-appearance:not(:disabled):not(.disabled):active,
.widget-warning .btn-outline-appearance:not(:disabled):not(.disabled).active,
.show > .widget-warning .btn-outline-appearance.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-warning
  .btn-outline-appearance:not(:disabled):not(.disabled):active:focus,
.widget-warning
  .btn-outline-appearance:not(:disabled):not(.disabled).active:focus,
.show > .widget-warning .btn-outline-appearance.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.widget-warning a.text-appearance,
.widget-warning .btn-appearance {
  -webkit-text-decoration-color: #ffc107;
  text-decoration-color: #ffc107;
}
.widget-warning a.text-appearance:hover,
.widget-warning a.text-appearance:focus,
.widget-warning .btn-appearance:hover,
.widget-warning .btn-appearance:focus {
  -webkit-text-decoration-color: #e0a800;
  text-decoration-color: #e0a800;
}
.widget-warning a:hover i.text-appearance {
  color: #e0a800 !important;
}
.widget-warning .border-appearance.active,
.widget-warning .border-appearance:hover {
  border-color: #ffc107 !important;
}
.widget-warning .add-to-basket-lg-container:hover {
  border-color: rgba(0, 0, 0, 0) #ffc107 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
.widget-warning .pagination .page-item .page-link {
  color: #ffc107;
}
.widget-warning .pagination .page-item .page-link:hover,
.widget-warning .pagination .page-item .page-link:focus {
  color: #ba8b00;
}
.widget-warning .pagination .page-item.active .page-link {
  border-color: #ffc107;
  color: #1f2229;
  background-color: #ffc107;
}
.widget-warning
  .custom-control-appearance
  .custom-control-input:checked
  ~ .custom-control-label::before {
  background-color: #ffc107;
  border-color: #ffc107;
}
.widget-danger .text-appearance {
  color: #dc3545 !important;
}
.widget-danger a.text-appearance:hover,
.widget-danger a.text-appearance:focus {
  color: #a71d2a !important;
}
.widget-danger .bg-appearance {
  color: #fff !important;
  background-color: #dc3545 !important;
}
.widget-danger .bg-appearance a {
  color: #fff !important;
}
.widget-danger a.bg-appearance:hover,
.widget-danger button.bg-appearance:hover {
  color: #fff !important;
  background-color: #bd2130 !important;
}
.widget-danger .btn-appearance {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.widget-danger .btn-appearance:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}
.widget-danger .btn-appearance:focus,
.widget-danger .btn-appearance.focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.widget-danger .btn-appearance.disabled,
.widget-danger .btn-appearance:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.widget-danger .btn-appearance:not(:disabled):not(.disabled):active,
.widget-danger .btn-appearance:not(:disabled):not(.disabled).active,
.show > .widget-danger .btn-appearance.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}
.widget-danger .btn-appearance:not(:disabled):not(.disabled):active:focus,
.widget-danger .btn-appearance:not(:disabled):not(.disabled).active:focus,
.show > .widget-danger .btn-appearance.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.widget-danger.btn-outline .btn,
.widget-danger.btn-outline .dia-navbar__toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
  background-color: rgba(0, 0, 0, 0);
  color: #dc3545;
  border-color: #dc3545;
}
.widget-danger.btn-outline .btn:hover,
.widget-danger.btn-outline .dia-navbar__toggle:hover {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-danger.btn-outline .btn:focus,
.widget-danger.btn-outline .dia-navbar__toggle:focus,
.widget-danger.btn-outline .btn.focus,
.widget-danger.btn-outline .focus.dia-navbar__toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.widget-danger.btn-outline .btn.disabled,
.widget-danger.btn-outline .disabled.dia-navbar__toggle,
.widget-danger.btn-outline .btn:disabled,
.widget-danger.btn-outline .dia-navbar__toggle:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.widget-danger.btn-outline .btn:not(:disabled):not(.disabled):active,
.widget-danger.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active,
.widget-danger.btn-outline .btn:not(:disabled):not(.disabled).active,
.widget-danger.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active,
.show > .widget-danger.btn-outline .btn.dropdown-toggle,
.show > .widget-danger.btn-outline .dropdown-toggle.dia-navbar__toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-danger.btn-outline .btn:not(:disabled):not(.disabled):active:focus,
.widget-danger.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active:focus,
.widget-danger.btn-outline .btn:not(:disabled):not(.disabled).active:focus,
.widget-danger.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active:focus,
.show > .widget-danger.btn-outline .btn.dropdown-toggle:focus,
.show > .widget-danger.btn-outline .dropdown-toggle.dia-navbar__toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.widget-danger.btn-outline .btn:hover,
.widget-danger.btn-outline .dia-navbar__toggle:hover {
  color: color-contrast(#17acef);
  background-color: #17acef;
  border-color: #17acef;
}
.widget-danger.btn-outline .btn:focus,
.widget-danger.btn-outline .dia-navbar__toggle:focus,
.widget-danger.btn-outline .btn.focus,
.widget-danger.btn-outline .focus.dia-navbar__toggle {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.widget-danger.btn-outline .btn.disabled,
.widget-danger.btn-outline .disabled.dia-navbar__toggle,
.widget-danger.btn-outline .btn:disabled,
.widget-danger.btn-outline .dia-navbar__toggle:disabled {
  color: #dc3545;
  background-color: rgba(0, 0, 0, 0);
}
.widget-danger.btn-outline .btn:not(:disabled):not(.disabled):active,
.widget-danger.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active,
.widget-danger.btn-outline .btn:not(:disabled):not(.disabled).active,
.widget-danger.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active,
.show > .widget-danger.btn-outline .btn.dropdown-toggle,
.show > .widget-danger.btn-outline .dropdown-toggle.dia-navbar__toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-danger.btn-outline .btn:not(:disabled):not(.disabled):active:focus,
.widget-danger.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled):active:focus,
.widget-danger.btn-outline .btn:not(:disabled):not(.disabled).active:focus,
.widget-danger.btn-outline
  .dia-navbar__toggle:not(:disabled):not(.disabled).active:focus,
.show > .widget-danger.btn-outline .btn.dropdown-toggle:focus,
.show > .widget-danger.btn-outline .dropdown-toggle.dia-navbar__toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.widget-danger.btn-outline .btn.text-appearance:hover,
.widget-danger.btn-outline .text-appearance.dia-navbar__toggle:hover,
.widget-danger.btn-outline .btn.text-appearance:focus,
.widget-danger.btn-outline .text-appearance.dia-navbar__toggle:focus {
  color: color-contrast(#17acef) !important;
}
.btn-outline .btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
  background-color: rgba(0, 0, 0, 0);
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline .btn-danger:hover {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-danger:focus,
.btn-outline .btn-danger.focus {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-outline .btn-danger.disabled,
.btn-outline .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline .btn-danger:not(:disabled):not(.disabled):active,
.btn-outline .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline .btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-outline .btn-danger:hover {
  color: color-contrast(#17acef);
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-danger:focus,
.btn-outline .btn-danger.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline .btn-danger.disabled,
.btn-outline .btn-danger:disabled {
  color: #dc3545;
  background-color: rgba(0, 0, 0, 0);
}
.btn-outline .btn-danger:not(:disabled):not(.disabled):active,
.btn-outline .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.btn-outline .btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline .btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.widget-danger .btn-outline-appearance {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
  background-color: rgba(0, 0, 0, 0);
  color: #dc3545;
  border-color: #dc3545;
}
.widget-danger .btn-outline-appearance:hover {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-danger .btn-outline-appearance:focus,
.widget-danger .btn-outline-appearance.focus {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.widget-danger .btn-outline-appearance.disabled,
.widget-danger .btn-outline-appearance:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.widget-danger .btn-outline-appearance:not(:disabled):not(.disabled):active,
.widget-danger .btn-outline-appearance:not(:disabled):not(.disabled).active,
.show > .widget-danger .btn-outline-appearance.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-danger
  .btn-outline-appearance:not(:disabled):not(.disabled):active:focus,
.widget-danger
  .btn-outline-appearance:not(:disabled):not(.disabled).active:focus,
.show > .widget-danger .btn-outline-appearance.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.widget-danger .btn-outline-appearance:hover {
  color: color-contrast(#17acef);
  background-color: #17acef;
  border-color: #17acef;
}
.widget-danger .btn-outline-appearance:focus,
.widget-danger .btn-outline-appearance.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.widget-danger .btn-outline-appearance.disabled,
.widget-danger .btn-outline-appearance:disabled {
  color: #dc3545;
  background-color: rgba(0, 0, 0, 0);
}
.widget-danger .btn-outline-appearance:not(:disabled):not(.disabled):active,
.widget-danger .btn-outline-appearance:not(:disabled):not(.disabled).active,
.show > .widget-danger .btn-outline-appearance.dropdown-toggle {
  color: #fff;
  background-color: #17acef;
  border-color: #17acef;
}
.widget-danger
  .btn-outline-appearance:not(:disabled):not(.disabled):active:focus,
.widget-danger
  .btn-outline-appearance:not(:disabled):not(.disabled).active:focus,
.show > .widget-danger .btn-outline-appearance.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.widget-danger a.text-appearance,
.widget-danger .btn-appearance {
  -webkit-text-decoration-color: #dc3545;
  text-decoration-color: #dc3545;
}
.widget-danger a.text-appearance:hover,
.widget-danger a.text-appearance:focus,
.widget-danger .btn-appearance:hover,
.widget-danger .btn-appearance:focus {
  -webkit-text-decoration-color: #c82333;
  text-decoration-color: #c82333;
}
.widget-danger a:hover i.text-appearance {
  color: #c82333 !important;
}
.widget-danger .border-appearance.active,
.widget-danger .border-appearance:hover {
  border-color: #dc3545 !important;
}
.widget-danger .add-to-basket-lg-container:hover {
  border-color: rgba(0, 0, 0, 0) #dc3545 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
.widget-danger .pagination .page-item .page-link {
  color: #dc3545;
}
.widget-danger .pagination .page-item .page-link:hover,
.widget-danger .pagination .page-item .page-link:focus {
  color: #a71d2a;
}
.widget-danger .pagination .page-item.active .page-link {
  border-color: #dc3545;
  color: #fff;
  background-color: #dc3545;
}
.widget-danger
  .custom-control-appearance
  .custom-control-input:checked
  ~ .custom-control-label::before {
  background-color: #dc3545;
  border-color: #dc3545;
}
.widget-placeholder {
  text-align: center;
  background-color: #c7d2de;
}
.widget-placeholder.proportional-placeholder > div {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.widget-placeholder > div {
  padding: 1rem;
}
.widget-placeholder > div > .title {
  font-weight: 700;
}
.widget-placeholder > div > .description {
  margin-bottom: 0;
  font-size: 0.9rem;
  font-style: italic;
}
.widget-attribute.widget-primary .v-s-box.active {
  color: #17acef !important;
  border-color: #17acef !important;
}
.widget-attribute.widget-secondary .v-s-box.active {
  color: #f80 !important;
  border-color: #f80 !important;
}
.widget-attribute.widget-success .v-s-box.active {
  color: #28a745 !important;
  border-color: #28a745 !important;
}
.widget-attribute.widget-info .v-s-box.active {
  color: #17a2b8 !important;
  border-color: #17a2b8 !important;
}
.widget-attribute.widget-warning .v-s-box.active {
  color: #ffc107 !important;
  border-color: #ffc107 !important;
}
.widget-attribute.widget-danger .v-s-box.active {
  color: #dc3545 !important;
  border-color: #dc3545 !important;
}
.widget-wish-list .category-list-view-port button,
.page-wish-list .category-list-view-port button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  white-space: nowrap;
}
.widget-wish-list .category-list-view-port button .fa,
.page-wish-list .category-list-view-port button .fa {
  margin-left: 0.25rem;
  font-size: inherit;
  line-height: inherit;
}
.widget-wish-list .item-additional-information .badge,
.page-wish-list .item-additional-information .badge {
  font-size: 85%;
}
body.lb-disable-scrolling {
  overflow: hidden;
}
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  opacity: 0.8;
  display: none;
}
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}
.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  border: 4px solid #fff;
}
.lightbox a img {
  border: none;
}
.lb-outerContainer {
  position: relative;
  zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #fff;
}
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.lb-container > .nav {
  left: 0;
}
.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}
.lb-prev,
.lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}
.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
  opacity: 1;
}
.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
  opacity: 1;
}
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}
.lb-data {
  padding: 0 4px;
  color: #ccc;
}
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
.lb-data .lb-caption a {
  color: #4ae;
}
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999;
}
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
  cursor: pointer;
  opacity: 1;
}
body > #vue-app,
body > #vue-error {
  background: #fff;
}
body.menu-is-visible {
  max-width: 100%;
}
.page-category-content .main {
  padding: 50px 0px;
}
.page-category-content .main .widget-text h3 {
  margin: 20px 0px;
}
.trustami-closed .widget_container_overlay,
.trustami-closed .widget_container_overlay_mobile {
  display: none;
}
.custom-select {
  border: none;
}
.item-filter-price .btn-appearance i {
  display: block;
}
.breadcrumbs {
  background-color: #fff !important;
}
.breadcrumbs .breadcrumb-item a {
  font-size: 13px;
  color: #1f2229;
}
.breadcrumbs .breadcrumb-item.active span {
  font-weight: 700 !important;
}
.dia-list__ul {
  padding: 0;
  list-style: none;
  line-height: 26px;
}
.dia-list__ul a {
  color: #fff;
}
.dia-list__ul a:hover,
.dia-list__ul a:active {
  color: #fff;
  cursor: pointer;
}
.dia-list__ul--inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.dia-list__ul--inline li {
  margin-right: 10px;
  margin-left: 10px;
}
.dia-list__link {
  color: #c7d2de;
}
.dia-list__link:hover,
.dia-list__link:active {
  color: #fff;
}
.modal-header,
.basket-preview-header {
  padding: 1rem;
}
.modal-header button.close,
.basket-preview-header button.close {
  margin: 0;
}
.modal-body .input-unit.no-bottom.media-xs-d {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.modal-footer button.btn i,
.modal-footer button.dia-navbar__toggle i {
  display: none;
}
.page-category-content h2,
.page-category-content h3,
.page-category-content h4 {
  padding: 15px 0px;
}
[v-cloak],
script2,
style2 {
  display: none !important;
}
.testwasdwasd {
  display: block;
}
html {
  font-size: 15px;
}
html.no-smooth-scroll {
  scroll-behavior: auto !important;
}
html,
body,
input,
button,
textarea {
  -webkit-font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-kerning: normal;
  font-kerning: normal;
  -webkit-font-variant-ligatures: contextual common-ligatures;
  font-variant-ligatures: contextual common-ligatures;
  font-kerning: normal;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
  font-weight: normal;
  font-family: "IBM Plex Sans", serif;
}
.headline__92 {
  font-family: "Söhne Schmal", sans-serif;
  font-style: italic;
  color: #1f2229;
  font-size: 38px;
  line-height: 38px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .headline__92 {
    font-size: 62px;
    line-height: 54px;
    letter-spacing: 2.9px;
  }
}
@media (min-width: 992px) {
  .headline__92 {
    font-size: 92px;
    line-height: 86px;
    letter-spacing: 4.3px;
  }
}
h1,
.h1,
.headline__62 {
  font-family: "Söhne Schmal", sans-serif;
  font-style: italic;
  color: #1f2229;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  h1,
  .h1,
  .headline__62 {
    font-size: 42px;
    line-height: 45px;
    letter-spacing: 2px;
  }
}
@media (min-width: 992px) {
  h1,
  .h1,
  .headline__62 {
    font-size: 62px;
    line-height: 60px;
    letter-spacing: 2.9px;
  }
}
h2,
.h2,
.homepage-teaser__price,
.headline__54 {
  font-family: "Söhne Schmal", sans-serif;
  font-style: italic;
  color: #1f2229;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  h2,
  .h2,
  .homepage-teaser__price,
  .headline__54 {
    font-size: 38px;
    line-height: 40px;
    letter-spacing: 1.8px;
  }
}
@media (min-width: 992px) {
  h2,
  .h2,
  .homepage-teaser__price,
  .headline__54 {
    font-size: 54px;
    line-height: 52px;
    letter-spacing: 2px;
  }
}
h3,
.h3,
.dia-category-sidebar .category-title,
.headline__40 {
  font-family: "Söhne Schmal", sans-serif;
  font-style: italic;
  color: #1f2229;
  font-size: 28px;
  line-height: 28px;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  h3,
  .h3,
  .dia-category-sidebar .category-title,
  .headline__40 {
    font-size: 34px;
    line-height: 36px;
    letter-spacing: 1.6px;
  }
}
@media (min-width: 992px) {
  h3,
  .h3,
  .dia-category-sidebar .category-title,
  .headline__40 {
    font-size: 40px;
    line-height: 42px;
    letter-spacing: 1.9px;
  }
}
h4,
.h4,
.homepage-teaser__name,
.headline__36 {
  font-family: "Söhne Schmal", sans-serif;
  font-style: italic;
  color: #1f2229;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  h4,
  .h4,
  .homepage-teaser__name,
  .headline__36 {
    font-size: 28px;
    line-height: 28px;
    letter-spacing: 1.5px;
  }
}
@media (min-width: 992px) {
  h4,
  .h4,
  .homepage-teaser__name,
  .headline__36 {
    font-size: 36px;
    line-height: 38px;
    letter-spacing: 2px;
  }
}
h5,
.h5,
.single-crossselling__headline,
.product-badges .badge,
.sidebar-categories .category-title,
.homepage-teaser__badge,
.homepage__cross-selling-tabs ul.nav.nav-tabs li.nav-item,
.swiper-pagination--home,
.headline__24,
.checkout .basket-item .item-total-price,
.page-basket
  .basket-list-item:not(.basket-list-item--preview)
  .basket-item-container-right
  .item-total-price {
  font-family: "Söhne Schmal", sans-serif;
  font-style: italic;
  color: #1f2229;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  h5,
  .h5,
  .single-crossselling__headline,
  .product-badges .badge,
  .sidebar-categories .category-title,
  .homepage-teaser__badge,
  .homepage__cross-selling-tabs ul.nav.nav-tabs li.nav-item,
  .swiper-pagination--home,
  .headline__24,
  .checkout .basket-item .item-total-price,
  .page-basket
    .basket-list-item:not(.basket-list-item--preview)
    .basket-item-container-right
    .item-total-price {
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 1.4px;
  }
}
@media (min-width: 992px) {
  h5,
  .h5,
  .single-crossselling__headline,
  .product-badges .badge,
  .sidebar-categories .category-title,
  .homepage-teaser__badge,
  .homepage__cross-selling-tabs ul.nav.nav-tabs li.nav-item,
  .swiper-pagination--home,
  .headline__24,
  .checkout .basket-item .item-total-price,
  .page-basket
    .basket-list-item:not(.basket-list-item--preview)
    .basket-item-container-right
    .item-total-price {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 1.5px;
  }
}
h6,
.h6,
.homepage-service__cart-title p,
.headline__20 {
  font-family: "IBM Plex Sans", serif;
  color: #1f2229;
  font-size: 16px;
  line-height: 22px;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  h6,
  .h6,
  .homepage-service__cart-title p,
  .headline__20 {
    font-size: 17px;
    line-height: 22px;
  }
}
@media (min-width: 992px) {
  h6,
  .h6,
  .homepage-service__cart-title p,
  .headline__20 {
    font-size: 20px;
    line-height: 25px;
  }
}
.text,
p {
  font-family: "IBM Plex Sans", serif;
  color: #789;
  font-size: 14px;
  line-height: 23px;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .text,
  p {
    font-size: 15px;
    line-height: 25px;
  }
}
.text-small,
small {
  font-family: "IBM Plex Sans", serif;
  color: #789;
  font-size: 12px;
  line-height: 21px;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .text-small,
  small {
    font-size: 13px;
    line-height: 22px;
  }
}
.headline__border-bottom,
.page-my-account h1.h2,
.login-view-title {
  padding-bottom: 12px;
  border-bottom: 2px solid #17acef;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: table;
}
.headline__border-bottom-h3 h3 {
  padding-bottom: 12px;
  border-bottom: 2px solid #17acef;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: table;
  margin-left: auto !important;
  margin-right: auto !important;
}
.currency__wrapper {
  font-size: 0.8em;
}
.icon-wrapper {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.fa-shopping-cart {
  width: 21px;
  height: 16px;
  position: relative;
}
.fa-shopping-cart:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
}
.fa-shopping-cart:before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='19px' height='16px' viewBox='0 0 19 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ECombined Shape%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='producttile/listview/sale/xs' transform='translate(-251.000000, -136.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cg id='06-button' transform='translate(235.000000, 119.000000)'%3E%3Cpath d='M23.5,30 C24.3270833,30 25,30.6729167 25,31.5 C25,32.3270833 24.3270833,33 23.5,33 C22.6729167,33 22,32.3270833 22,31.5 C22,30.6729167 22.6729167,30 23.5,30 Z M30.5,30 C31.3270833,30 32,30.6729167 32,31.5 C32,32.3270833 31.3270833,33 30.5,33 C29.6729167,33 29,32.3270833 29,31.5 C29,30.6729167 29.6729167,30 30.5,30 Z M23.5,31 C23.224349,31 23,31.224349 23,31.5 C23,31.775651 23.224349,32 23.5,32 C23.775651,32 24,31.775651 24,31.5 C24,31.224349 23.775651,31 23.5,31 Z M30.5,31 C30.224349,31 30,31.224349 30,31.5 C30,31.775651 30.224349,32 30.5,32 C30.775651,32 31,31.775651 31,31.5 C31,31.224349 30.775651,31 30.5,31 Z M19.8964909,17 C20.1574166,17 20.3832624,17.1763238 20.4399412,17.4241645 L20.4399412,17.4241645 L20.837853,19.1666667 L34.4433903,19.1666667 C34.6180655,19.1666667 34.7825937,19.2465061 34.8878338,19.3822049 C34.9929289,19.5179036 35.0265593,19.6936632 34.9785779,19.8571506 L34.9785779,19.8571506 L32.7520117,27.440484 C32.6837361,27.6729492 32.4652833,27.8333333 32.216824,27.8333333 L32.216824,27.8333333 L22.1216076,27.8334744 C21.8153097,27.8341797 21.5664156,28.0768012 21.5664156,28.375 C21.5664156,28.673622 21.8161795,28.9166667 22.1230571,28.9166667 L22.1230571,28.9166667 L32.216824,28.9166667 C32.5242815,28.9166667 32.7734656,29.1591471 32.7734656,29.4583333 C32.7734656,29.7575195 32.5242815,30 32.216824,30 L32.216824,30 L22.1230571,30 C21.2022792,30 20.4531325,29.2710069 20.4531325,28.375 C20.4531325,27.708214 20.8681493,27.1342448 21.4597259,26.8840061 C21.354196,26.4220378 19.520468,18.3921115 19.450018,18.0833333 L19.450018,18.0833333 L16.5566416,18.0833333 C16.2491841,18.0833333 16,17.8408529 16,17.5416667 C16,17.2424805 16.2491841,17 16.5566416,17 L16.5566416,17 Z M34,20 L21,20 L22.5290429,27 L32.0340451,27 L34,20 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.fa-shopping-bag {
  width: 16px;
  height: 16px;
  position: relative;
}
.fa-shopping-bag:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
}
.fa-shopping-bag:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='square' stroke-linejoin='arcs'%3E%3Cpath d='M6 2L3 6v14c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2V6l-3-4H6zM3.8 6h16.4M16 10a4 4 0 1 1-8 0'/%3E%3C/svg%3E");
}
.fa-chevron-right {
  width: 14px;
  height: 26px;
  position: relative;
}
.fa-chevron-right:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
}
.fa-chevron-right:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.297.217a.734.734 0 0 0-1.04 0 .733.733 0 0 0 0 1.04L12 13 .256 24.741a.733.733 0 0 0 0 1.041.74.74 0 0 0 .518.218c.185 0 .376-.07.518-.218L13.56 13.517a.732.732 0 0 0 .005-1.035L1.297.217z' fill='%2317ACEF' stroke='%2317ACEF' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.fa-chevron-left {
  width: 14px;
  height: 26px;
  position: relative;
}
.fa-chevron-left:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
}
.fa-chevron-left:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.239 12.54L12.507.275a.734.734 0 0 1 1.04 0 .733.733 0 0 1 0 1.041L1.804 13.058 13.548 24.8a.733.733 0 0 1 0 1.04.74.74 0 0 1-.518.219.718.718 0 0 1-.518-.218L.244 13.576A.732.732 0 0 1 .24 12.54z' fill='%2317ACEF' stroke='%2317ACEF' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.fa-arrow-right {
  width: 16px;
  height: 16px;
  position: relative;
}
.fa-arrow-right:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
}
.fa-arrow-right:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='square' stroke-linejoin='arcs'%3E%3Cpath d='M5 12h13M12 5l7 7-7 7'/%3E%3C/svg%3E");
}
.fa-arrow-left,
.fa-level-up {
  width: 16px;
  height: 16px;
  position: relative;
}
.fa-arrow-left:before,
.fa-level-up:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
}
.fa-arrow-left:before,
.fa-level-up:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H6M12 5l-7 7 7 7'/%3E%3C/svg%3E");
}
.fa-home:before {
  content: "Start";
  font-family: "IBM Plex Sans", serif;
}
.fa-plus-square {
  width: 16px;
  height: 16px;
  position: relative;
}
.fa-plus-square:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
}
.fa-plus-square:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='square' stroke-linejoin='arcs'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='16'%3E%3C/line%3E%3Cline x1='8' y1='12' x2='16' y2='12'%3E%3C/line%3E%3C/svg%3E");
}
.fa-user-plus {
  width: 16px;
  height: 16px;
  position: relative;
}
.fa-user-plus:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
}
.fa-user-plus:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F2229' stroke-width='2' stroke-linecap='square' stroke-linejoin='arcs'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='8.5' cy='7' r='4'%3E%3C/circle%3E%3Cline x1='20' y1='8' x2='20' y2='14'%3E%3C/line%3E%3Cline x1='23' y1='11' x2='17' y2='11'%3E%3C/line%3E%3C/svg%3E");
}
.fa-gift {
  width: 16px;
  height: 16px;
  position: relative;
}
.fa-gift:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
}
.fa-gift:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='square' stroke-linejoin='arcs'%3E%3Cline x1='19' y1='5' x2='5' y2='19'%3E%3C/line%3E%3Ccircle cx='6.5' cy='6.5' r='2.5'%3E%3C/circle%3E%3Ccircle cx='17.5' cy='17.5' r='2.5'%3E%3C/circle%3E%3C/svg%3E");
}
.fa-user {
  width: 16px;
  height: 16px;
  position: relative;
}
.fa-user:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
}
.fa-user:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F2229' stroke-width='2' stroke-linecap='square' stroke-linejoin='arcs'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E");
}
.fa-check {
  width: 16px;
  height: 16px;
  position: relative;
}
.fa-check:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
}
.fa-check:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='3' stroke-linecap='square' stroke-linejoin='arcs'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
}
.fa-times {
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
}
.fa-times:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
}
.fa-times:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='4' stroke-linecap='square' stroke-linejoin='arcs'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
}
.fa-plus {
  width: 14px;
  height: 14px;
  position: relative;
  top: 3px;
}
.fa-plus:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
}
.fa-plus:before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='11px' height='6px' viewBox='0 0 11 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E03 arrow copy%3C/title%3E%3Cg id='Basket' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='xl-basket-preview' transform='translate(-1362.000000, -339.000000)' stroke='%2317ACEF' stroke-width='2'%3E%3Cg id='Group-16-Copy-8' transform='translate(934.000000, 304.000000)'%3E%3Cg id='Group-10' transform='translate(372.000000, 24.000000)'%3E%3Cg id='Group-3' transform='translate(57.000000, 12.000000)'%3E%3Cpolyline id='03-arrow-copy' transform='translate(4.500000, 2.000000) scale(1, -1) rotate(-270.000000) translate(-4.500000, -2.000000) ' points='2.5 -2.5 6.5 2 2.5 6.5'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.fa-minus {
  width: 14px;
  height: 14px;
  position: relative;
  top: 3px;
}
.fa-minus:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
}
.fa-minus:before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='11px' height='6px' viewBox='0 0 11 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E03 arrow%3C/title%3E%3Cg id='Basket' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='xl-basket-preview' transform='translate(-1362.000000, -365.000000)' stroke='%2317ACEF' stroke-width='2'%3E%3Cg id='Group-16-Copy-8' transform='translate(934.000000, 304.000000)'%3E%3Cg id='Group-10' transform='translate(372.000000, 24.000000)'%3E%3Cg id='Group-3' transform='translate(57.000000, 12.000000)'%3E%3Cpolyline id='03-arrow' transform='translate(4.500000, 28.000000) rotate(-270.000000) translate(-4.500000, -28.000000) ' points='2.5 23.5 6.5 28 2.5 32.5'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.fa-search {
  width: 16px;
  height: 16px;
  position: relative;
}
.fa-search:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
}
.fa-search:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23292c2f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
}
.close {
  width: 24px;
  height: 24px;
  position: relative;
  font-size: 0;
}
.close:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
}
.close:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='square' stroke-linejoin='arcs'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
}
.anicon > .anicon-search-item:before {
  background-color: #1f2229;
}
.anicon > .anicon-search-item:after {
  background: #14161a;
  border: 1px solid #1f2229;
}
.input-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.input-unit input {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.input-unit select {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.input-unit label {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  display: block;
  font-weight: bold;
}
.input-unit--floating {
  position: relative;
  padding-top: 20px;
  margin-bottom: 0;
}
.input-unit--floating.error input,
.input-unit--floating.error label {
  border-bottom-color: #dc3545 !important;
  color: #dc3545 !important;
}
.input-unit--floating input {
  background-color: inherit;
  color: #789;
  font-size: 15px;
  border: none;
  border-bottom: 1px solid #1f2229;
  padding: 4px 0 4px 0;
  height: auto;
  min-height: 0 !important;
  line-height: 1;
  margin-bottom: 20px;
  -webkit-transition: border-bottom-color 0.25s ease-in-out;
  transition: border-bottom-color 0.25s ease-in-out;
  border-radius: 0;
}
.input-unit--floating input:invalid + label {
  bottom: 27px;
}
.input-unit--floating input:valid + label,
.input-unit--floating input:focus + label {
  bottom: 50px;
}
.input-unit--floating label {
  color: #789;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  position: absolute;
  -webkit-transition: top 0.3s ease-in-out, bottom 0.3s ease-in-out;
  transition: top 0.3s ease-in-out, bottom 0.3s ease-in-out;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .input-unit--floating label {
    font-size: 13px;
  }
}
.form-control,
.input-unit input {
  min-height: 46px;
}
.honey {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}
.file-input {
  height: 38px;
  cursor: pointer;
}
.file-input > input[type="file"] {
  width: 0;
  height: 0;
  padding: 0;
  visibility: hidden;
}
.file-input > .input-unit-preview {
  height: 38px;
}
.file-input > .input-unit-btn {
  content: "";
  position: absolute;
  width: 38px;
  height: 38px;
  background-color: #c7d2de;
  display: block;
  right: 0;
  top: 0;
}
.file-input > .input-unit-btn i {
  margin: 10px;
  width: 18px;
  height: 18px;
  font-weight: 300;
  background-color: #c7d2de;
  color: #1f2229;
}
.file-input.success .input-unit-btn,
.file-input.success .input-unit-btn i {
  background-color: #28a745;
  color: #fff;
}
.file-input.error .input-unit-btn,
.file-input.error .input-unit-btn i {
  background-color: #dc3545;
  color: #fff;
}
.qty-box .qty-btn-container .qty-btn > .qty-sign {
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.qty-box .qty-btn-container .qty-btn:not(.disabled):hover {
  background: rgba(0, 0, 0, 0);
}
.qty-box .qty-input {
  border-color: #c7d2de !important;
  border-radius: 0px;
  -webkit-appearance: none;
}
.qty-btn-container .qty-btn {
  border: none;
  background-color: rgba(0, 0, 0, 0);
}
.qty-btn-container .qty-btn.disabled {
  background: #fafafa;
}
.qty-btn-container {
  border: 1px solid #c7d2de;
  border-left: 0;
}
.search-submit,
.cmp-search-box {
  background: #fff !important;
}
.btn-appearance i {
  display: none;
}
.input-group-btn .btn,
.input-group-btn .dia-navbar__toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group.flex-nowrap[data-model="vatNumber"] .input-group-prepend {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
.input-group.flex-nowrap[data-model="vatNumber"]
  .input-group-prepend
  span.input-group-text {
  height: calc(100% - 26px) !important;
}
.btn.btn-right,
.btn-right.dia-navbar__toggle {
  float: right;
}
.btn:focus,
.dia-navbar__toggle:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn.btn-remove-address,
.btn-remove-address.dia-navbar__toggle {
  background-color: #dc3545;
  margin-right: -5px;
  color: #fff;
}
.btn.btn-remove-address:hover,
.btn-remove-address.dia-navbar__toggle:hover {
  background-color: #c9302c;
}
.btn,
.dia-navbar__toggle {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}
.btn svg,
.dia-navbar__toggle svg {
  margin-left: 20px;
}
.btn-primary {
  background-color: #17acef;
}
.btn-primary--shadow {
  -webkit-box-shadow: 0 15px 14px -10px rgba(78, 97, 116, 0.6);
  box-shadow: 0 15px 14px -10px rgba(78, 97, 116, 0.6);
}
.btn-primary:hover {
  background-color: #59c8fa;
}
.btn-secondary {
  background-color: #1f2229;
  -webkit-box-shadow: 0 15px 14px -10px rgba(78, 97, 116, 0.6);
  box-shadow: 0 15px 14px -10px rgba(78, 97, 116, 0.6);
}
.btn-secondary:hover {
  background-color: #41454c;
}
.btn-secondary--no-shadow {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-secondary svg {
  fill: #fff;
}
.btn-white {
  font-family: "Söhne Schmal", sans-serif;
  font-style: italic;
}
.btn-white svg {
  color: #17acef;
}
.btn-white:hover {
  background-color: rgba(0, 0, 0, 0);
  color: #1f2229;
  text-decoration: none;
}
.condition-select__option {
  border-radius: 6px;
  background-color: #fff;
  padding: 10px 24px 14px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 8px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .condition-select__option {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.condition-select__option--active {
  border: solid 1px #17acef;
}
.condition-select__option--active .condition-select__option-description {
  display: inline-block;
}
.condition-select__option--not-available {
  opacity: 0.6;
  cursor: default;
}
.condition-select__option-name {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  font-size: 16px !important;
}
@media (min-width: 768px) {
  .condition-select__option-name {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
}
.condition-select__option-description {
  display: none;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  color: #4e6174;
  padding-top: 6px;
}
@media (min-width: 768px) {
  .condition-select__option-description {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 45%;
    flex: 0 1 45%;
    max-width: 50%;
    padding-top: 0;
  }
}
.condition-select__option-price {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 30%;
  flex: 1 0 30%;
  text-align: right;
  font-size: 16px !important;
}
@media (min-width: 768px) {
  .condition-select__option-price {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
.condition-select__option-link {
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
  text-align: right;
  font-size: 12px;
}
@media (min-width: 768px) {
  .condition-select__option-link {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
.condition-select__info-link {
  color: #17acef;
}
@media (min-width: 768px) {
  #id--accordion {
    position: relative;
  }
  #id--accordion:before {
    position: absolute;
    content: "";
    width: 100%;
    top: 56px;
    height: 1px;
    background: #e6ebef;
  }
}
@media (min-width: 992px) {
  #id--accordion:before {
    top: 60px;
  }
}
@media (min-width: 1200px) {
  #id--accordion {
    margin-top: 104px;
  }
}
.accordion__header {
  cursor: pointer;
  position: relative;
}
@media (min-width: 768px) {
  .accordion__header {
    display: inline-block;
  }
}
.accordion__header > div {
  width: 100%;
  padding: 16px 24px 16px 0;
  border-bottom: 1px solid #e6eaee;
  -webkit-transition: border-bottom-color 0.25s ease-in-out;
  transition: border-bottom-color 0.25s ease-in-out;
}
@media (min-width: 768px) {
  .accordion__header > div {
    padding: 16px 12px 16px 12px;
  }
}
.accordion__header > div svg {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  color: #17acef;
  stroke: #17acef;
  width: 17px;
  height: 17px;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
@media (min-width: 768px) {
  .accordion__header > div svg {
    display: none;
  }
}
.accordion__header > div:not(.collapsed) {
  border-bottom-color: rgba(0, 0, 0, 0);
}
@media (min-width: 768px) {
  .accordion__header > div:not(.collapsed) {
    border-bottom: 2px solid #f80;
  }
}
.accordion__header > div:not(.collapsed) svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (min-width: 768px) {
  .accordion__header > div:not(.collapsed) svg {
    display: none;
  }
}
.accordion__body {
  overflow: hidden;
}
@media (min-width: 768px) {
  .accordion__body {
    padding-top: 25px;
  }
}
.accordion__body h2,
.accordion__body h3,
.accordion__body h4,
.accordion__body h5,
.accordion__body h6 {
  font-weight: bold !important;
  margin-top: 20px !important;
  margin-bottom: 5px !important;
  font-size: 20px;
  line-height: 25px;
  text-transform: initial;
  font-family: "IBM Plex Sans", serif;
  letter-spacing: inherit;
  font-style: inherit;
}
.accordion__body ul {
  margin: 0 !important;
  padding-left: 20px;
  color: #789;
}
.accordion__body .accordion__body p {
  color: #789 !important;
}
@media (max-width: 991.98px) {
  .dia-intro {
    min-height: 400px !important;
  }
}
.dia-intro.parallax-img-container
  .parallax-img-container-inner[style^="background-image"] {
  background-size: cover;
  background-position: center;
}
.dia-intro .w-100 {
  padding-top: 80px !important;
}
@media (min-width: 768px) {
  .dia-intro .w-100 {
    padding-top: 150px !important;
  }
}
@media (min-width: 992px) {
  .dia-intro .w-100 {
    padding-top: 250px !important;
  }
}
.dia-intro__headline .bg-appearance {
  background-color: rgba(0, 0, 0, 0) !important;
  color: #fff !important;
}
.dia-intro__headline .bg-appearance h1 {
  font-size: 30px;
  line-height: 35px;
}
@media (min-width: 768px) {
  .dia-intro__headline .bg-appearance h1 {
    font-size: 40px;
  }
}
@media (min-width: 992px) {
  .dia-intro__headline .bg-appearance h1 {
    font-size: 50px;
  }
}
@media (min-width: 768px) {
  .dia-intro__headline .bg-appearance h1 {
    line-height: 50px;
  }
}
@media (min-width: 992px) {
  .dia-intro__headline .bg-appearance h1 {
    line-height: 60px;
  }
}
@media (max-width: 767.98px) {
  .dia-article-list .col-12.col-sm-6.col-md-3 {
    margin-bottom: 20px;
  }
}
.dia-article-list .bg-appearance {
  background-color: rgba(0, 0, 0, 0) !important;
  color: #1f2229 !important;
}
.dia-article-list .bg-appearance a {
  color: #1f2229 !important;
}
@media (max-width: 767.98px) {
  .dia-article-list .bg-appearance a {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .dia-article-list .widget-item-list-caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 767.98px) {
  .dia-article-list .widget-item-list-caption .widget-item-list-inline-caption {
    width: 100%;
  }
}
.dia-article-list .cmp-product-thumb {
  border: none !important;
  border-radius: 0 !important;
  padding: 0;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1019607843);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.1019607843);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.dia-article-list .cmp-product-thumb:hover {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1019607843);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1019607843);
  -webkit-transform: translate(0, -10px);
  transform: translate(0, -10px);
}
.dia-article-list .owl-carousel .owl-stage-outer {
  padding: 50px 0;
}
.swiper-container--home {
  padding-bottom: 50px !important;
}
@media (max-width: 767.98px) {
  .swiper-container--home {
    padding-bottom: 75px !important;
  }
}
@media (min-width: 1200px) {
  .swiper-container--home {
    margin: 0 auto;
  }
}
.swiper-pagination--home {
  top: inherit !important;
  text-align: left !important;
  width: calc(100% - 24px) !important;
  right: 0;
  margin: 0 auto;
  padding-left: 0;
  bottom: 10px;
  left: 0;
}
@media (min-width: 768px) {
  .swiper-pagination--home {
    width: calc(100% - 16px) !important;
    margin: 0 0 0 auto;
  }
}
@media (min-width: 1200px) {
  .swiper-pagination--home {
    width: calc(100% - 30px) !important;
  }
}
.swiper-scrollbar--home {
  height: 2px !important;
  bottom: 40px !important;
  width: calc(100% - 16px) !important;
  left: 0 !important;
  right: 0;
  margin: 0 auto;
  position: absolute !important;
  z-index: 50;
}
@media (min-width: 768px) {
  .swiper-scrollbar--home {
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .swiper-scrollbar--home {
    bottom: 50px !important;
  }
}
.swiper-scrollbar--home .swiper-scrollbar-drag {
  background: #f80 !important;
  height: 2px !important;
}
.swiper-button-next--home {
  top: inherit !important;
  width: 7px !important;
  height: 14px !important;
  bottom: 15px;
}
.swiper-button-next--home:after {
  font-size: 100% !important;
  font-weight: 600 !important;
  color: #17acef !important;
}
.swiper-button-prev--home {
  top: inherit !important;
  width: 7px !important;
  height: 14px !important;
  bottom: 15px;
  right: 60px !important;
  left: auto !important;
}
.swiper-button-prev--home:after {
  font-size: 100% !important;
  font-weight: 600 !important;
  color: #17acef !important;
}
.home-slider__grid-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  height: 200px;
}
@media (min-width: 576px) {
  .home-slider__grid-layout {
    height: 300px;
  }
}
@media (min-width: 768px) {
  .home-slider__grid-layout {
    height: 389px;
  }
}
@media (min-width: 992px) {
  .home-slider__grid-layout {
    height: 577px;
  }
}
.home-slider__grid-layout > div {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(66.6666% - 7.5px);
  flex: 0 0 calc(66.6666% - 7.5px);
}
.home-slider__grid-layout > a {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(33.3333% - 7.5px);
  flex: 0 0 calc(33.3333% - 7.5px);
}
.home-slider__grid-layout div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.home-slider__grid-layout div a,
.home-slider__grid-layout div img {
  height: calc(50% - 7.5px) !important;
  width: 100%;
}
.home-slider__row-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
.home-slider__row-layout a {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(33.3333333333% - 10px);
  flex: 0 0 calc(33.3333333333% - 10px);
  height: 100%;
}
.home-slider__row-layout img {
  height: 100%;
}
.home-slider__bg-wrapper {
  background: #f2f5f8;
  position: relative;
}
.home-slider__bg-wrapper .swiper-container {
  margin-bottom: 145px;
}
.home-slider__bg-wrapper:after {
  content: "";
  background-image: url("../images/home-slider-illustration.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
  width: 100%;
  position: absolute;
  height: 350px;
  right: 0;
  top: 0;
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 991.98px) {
  .home-slider__bg-wrapper:after {
    height: 220px;
  }
}
.home-slider__bg-wrapper .swiper-wrapper {
  min-height: 170px;
}
@media (min-width: 576px) {
  .home-slider__bg-wrapper .swiper-wrapper {
    min-height: 300px;
  }
}
@media (min-width: 768px) {
  .home-slider__bg-wrapper .swiper-wrapper {
    min-height: 389px;
  }
}
@media (min-width: 992px) {
  .home-slider__bg-wrapper .swiper-wrapper {
    min-height: 577px;
  }
}
.home-slider__bg-wrapper .swiper-wrapper img {
  height: 200px;
  -o-object-fit: contain !important;
  object-fit: contain !important;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}
@media (min-width: 576px) {
  .home-slider__bg-wrapper .swiper-wrapper img {
    height: 300px;
  }
}
@media (min-width: 768px) {
  .home-slider__bg-wrapper .swiper-wrapper img {
    height: 389px;
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
}
@media (min-width: 992px) {
  .home-slider__bg-wrapper .swiper-wrapper img {
    height: 519px;
  }
}
@media (min-width: 992px) {
  .home-slider__bg-wrapper .swiper-wrapper img {
    height: 577px;
  }
}
.home-slider__item-image {
  background: #f2f5f8;
  max-width: 200px;
  height: 200px;
  margin: 0 auto 16px;
}
@media (min-width: 768px) {
  .home-slider__item-image {
    max-width: 286px;
    height: 286px;
    margin: 40px 0;
  }
}
@media (min-width: 992px) {
  .home-slider__item-image {
    max-width: 400px;
    height: 400px;
  }
}
@media (min-width: 1200px) {
  .home-slider__item-image {
    max-width: 500px;
    height: 500px;
  }
}
.home-slider__item-image img {
  mix-blend-mode: multiply;
}
.home-slider__swiper-slide {
  max-height: 600px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .home-slider__swiper-slide {
    margin: auto 0;
  }
}
@media (min-width: 768px) {
  .home-slider__swiper-slide img.img-cover.img-fluid {
    min-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
.home-slider__swiper-slide a:hover {
  text-decoration: none;
}
@media (max-width: 767.98px) {
  .home-slider__item-infos {
    width: 100%;
  }
}
.home-slider__btn {
  height: 50px;
  padding: 20px 40px !important;
  margin-top: 16px;
}
@media (max-width: 767.98px) {
  .home-slider__btn {
    width: 100%;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 24px;
  }
}
.homepage__gray-bg {
  padding: 30px 0 20px;
  margin-bottom: 40px;
  position: relative;
}
.homepage__gray-bg:after {
  content: "";
  background-image: url("../images/grey-bg.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  position: absolute;
  height: 200px;
  right: 0;
  left: 0;
  bottom: 0;
  pointer-events: none;
}
@media (max-width: 767.98px) {
  .homepage__gray-bg:after {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .homepage__gray-bg h3.headline__border-bottom,
  .homepage__gray-bg h3.login-view-title {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.homepage__gray-bg .container-max.d-flex,
.homepage__gray-bg .d-flex.replacement-part-finder {
  padding-right: 8px;
  padding-left: 8px;
}
.homepage__cross-selling-tabs {
  padding-top: 40px;
  z-index: 1;
  position: relative;
  overflow: hidden;
}
.homepage__cross-selling-tabs ul.nav.nav-tabs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #e6eaee;
}
@media (max-width: 767.98px) {
  .homepage__cross-selling-tabs ul.nav.nav-tabs {
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: none;
  }
}
@media (min-width: 992px) {
  .homepage__cross-selling-tabs ul.nav.nav-tabs {
    width: 90%;
    margin: 0 auto;
  }
}
.homepage__cross-selling-tabs ul.nav.nav-tabs li.nav-item {
  padding: 0 24px !important;
}
@media (max-width: 767.98px) {
  .homepage__cross-selling-tabs ul.nav.nav-tabs li.nav-item {
    padding: 0 !important;
    margin-bottom: 10px;
    border-bottom: 1px solid #e6eaee;
  }
}
.homepage__cross-selling-tabs ul.nav.nav-tabs li.nav-item .nav-link {
  background: rgba(0, 0, 0, 0);
  padding: 0 0 8px;
  color: #1f2229 !important;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
}
@media (max-width: 767.98px) {
  .homepage__cross-selling-tabs ul.nav.nav-tabs li.nav-item .nav-link {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .homepage__cross-selling-tabs ul.nav.nav-tabs li.nav-item .nav-link {
    padding: 0 0 4px;
  }
}
.homepage__cross-selling-tabs ul.nav.nav-tabs li.nav-item .nav-link.active {
  border-bottom: 2px solid #f80;
}
.homepage__cross-selling-tabs .widget-secondary,
.homepage__cross-selling-tabs.widget-secondary {
  margin-top: 80px;
  margin-bottom: 50px;
}
@media (max-width: 991.98px) {
  .homepage__cross-selling-tabs .widget-secondary,
  .homepage__cross-selling-tabs.widget-secondary {
    margin-top: 25px;
  }
}
.homepage__cross-selling-tabs .widget-secondary a.btn.btn-appearance,
.homepage__cross-selling-tabs
  .widget-secondary
  a.btn-appearance.dia-navbar__toggle,
.homepage__cross-selling-tabs.widget-secondary a.btn.btn-appearance,
.homepage__cross-selling-tabs.widget-secondary
  a.btn-appearance.dia-navbar__toggle {
  background: #1f2229;
  position: relative;
  padding: 16px 70px 16px 40px;
}
.homepage__cross-selling-tabs .widget-secondary a.btn.btn-appearance:hover,
.homepage__cross-selling-tabs
  .widget-secondary
  a.btn-appearance.dia-navbar__toggle:hover,
.homepage__cross-selling-tabs.widget-secondary a.btn.btn-appearance:hover,
.homepage__cross-selling-tabs.widget-secondary
  a.btn-appearance.dia-navbar__toggle:hover {
  background-color: #41454c !important;
}
.homepage__cross-selling-tabs .widget-secondary a.btn.btn-appearance:after,
.homepage__cross-selling-tabs
  .widget-secondary
  a.btn-appearance.dia-navbar__toggle:after,
.homepage__cross-selling-tabs.widget-secondary a.btn.btn-appearance:after,
.homepage__cross-selling-tabs.widget-secondary
  a.btn-appearance.dia-navbar__toggle:after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center right;
  width: 16px;
  height: 19px;
  right: 35px;
  background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1.1875em' viewBox='0 0 16 19' class='bi bi-svg-arrow' fill='%23FFFFFF' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 8.9L9 .4C8.7 0 8.1-.1 7.6.2c-.4.3-.5 1-.2 1.4l5.2 6.9H1c-.5 0-1 .4-1 1s.4 1 1 1h11.7l-5.2 6.9c-.3.4-.2 1.1.2 1.4.1.1.3.2.5.2.3 0 .6-.1.8-.4l6.4-8.5c.4-.3.4-.8.1-1.2z'/%3E%3C/svg%3E");
}
.homepage-categories {
  padding: 0px 0px 30px;
  margin-top: -100px;
}
@media (max-width: 767.98px) {
  .homepage-categories {
    margin: -120px 8px 0px;
  }
}
@media (min-width: 992px) {
  .homepage-categories {
    padding: 0px 0px 0px;
  }
}
.homepage-categories__tile {
  min-height: 75px;
  border: 1px solid #c8ccd3;
  background: #fff;
  padding: 12px;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
@media (min-width: 768px) {
  .homepage-categories__tile {
    min-height: 140px;
  }
}
@media (min-width: 992px) {
  .homepage-categories__tile {
    min-height: 82px;
    padding: 12px 24px;
  }
}
.homepage-categories__svg svg {
  width: 60px;
  height: 50px;
  color: #cfd3d7;
  margin-right: 30px;
}
@media (min-width: 768px) {
  .homepage-categories__svg svg {
    width: 75px;
    height: 60px;
    margin-right: 20px;
  }
}
@media (min-width: 992px) {
  .homepage-categories__svg svg {
    width: auto;
    height: 40px;
    margin-right: 0px;
  }
}
.homepage-categories__link:hover {
  text-decoration: none;
}
.homepage-categories__link:hover .homepage-categories__tile {
  border-color: #17acef;
  cursor: pointer;
}
@media (min-width: 992px) {
  .homepage-categories__link:hover .homepage-categories__tile {
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px);
    -webkit-box-shadow: 0 15px 12px -10px rgba(78, 97, 116, 0.5);
    box-shadow: 0 15px 12px -10px rgba(78, 97, 116, 0.5);
  }
}
.homepage-categories__link:hover .homepage-categories__svg svg {
  color: #17acef;
}
.homepage-teaser-banner {
  z-index: 1;
  position: relative;
}
.homepage-teaser-banner .homepage-teaser__second-wrapper {
  border: 2px solid #e6eaee;
}
.homepage-teaser {
  padding: 30px 0px 30px;
  position: relative;
}
@media (min-width: 992px) {
  .homepage-teaser {
    padding: 45px 0px 0px;
  }
}
.homepage-teaser:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 180px;
  background: #f3f7f9;
  bottom: 0;
}
.homepage-teaser__first-wrapper-link:hover,
.homepage-teaser__second-wrapper-link:hover,
.homepage-teaser__fourth-wrapper-link:hover {
  text-decoration: none;
}
.homepage-teaser__first-wrapper {
  padding: 15px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 992px) {
  .homepage-teaser__first-wrapper {
    height: 572px;
  }
}
@media (min-width: 1200px) {
  .homepage-teaser__first-wrapper {
    height: 640px;
  }
}
.homepage-teaser__first-wrapper:after {
  content: "";
  background-image: url("../images/teaser-illustration.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  width: 100%;
  position: absolute;
  height: 85px;
  left: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 0;
}
@media (min-width: 992px) {
  .homepage-teaser__first-wrapper:after {
    display: none;
  }
}
.homepage-teaser__first-wrapper img {
  width: 95px;
  margin: 0 auto;
  display: block;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .homepage-teaser__first-wrapper img {
    width: 150px;
    height: 150px;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
@media (min-width: 992px) {
  .homepage-teaser__first-wrapper img {
    margin: 70px auto 15px;
  }
}
@media (min-width: 1200px) {
  .homepage-teaser__first-wrapper img {
    width: 250px;
    height: 250px;
    margin: 15px auto 15px;
  }
}
.homepage-teaser__first-wrapper .btn-primary {
  display: none;
  width: 175px;
}
@media (min-width: 992px) {
  .homepage-teaser__first-wrapper .btn-primary {
    display: block;
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  .homepage-teaser__first-wrapper .homepage-teaser__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    height: 100%;
  }
}
@media (min-width: 992px) {
  .homepage-teaser__first-wrapper .homepage-teaser__image {
    margin-right: 0;
    margin-left: 0px;
  }
}
@media (min-width: 1200px) {
  .homepage-teaser__first-wrapper .homepage-teaser__image {
    margin-top: 80px;
  }
}
.homepage-teaser__second-wrapper {
  padding: 15px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 992px) {
  .homepage-teaser__second-wrapper {
    height: calc(50% - 8px);
  }
}
.homepage-teaser__second-wrapper:after {
  content: "";
  background-image: url("../images/teaser-illustration.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  width: 100%;
  position: absolute;
  height: 85px;
  left: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 0;
}
@media (min-width: 992px) {
  .homepage-teaser__second-wrapper:after {
    height: 170px;
  }
}
.homepage-teaser__second-wrapper img {
  width: 95px;
  margin: 0 auto;
  display: block;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .homepage-teaser__second-wrapper img {
    width: 150px;
    height: 150px;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
@media (min-width: 1200px) {
  .homepage-teaser__second-wrapper img {
    width: 250px;
    height: 250px;
  }
}
.homepage-teaser__second-wrapper .btn-primary {
  display: none;
  width: 175px;
}
@media (min-width: 992px) {
  .homepage-teaser__second-wrapper .btn-primary {
    display: block;
  }
}
.homepage-teaser__fourth-wrapper {
  padding: 15px 30px;
  margin-bottom: 8px;
  border: 2px solid #e6eaee;
}
@media (min-width: 768px) {
  .homepage-teaser__fourth-wrapper {
    padding-left: 0px;
  }
}
@media (min-width: 992px) {
  .homepage-teaser__fourth-wrapper {
    padding-right: 0px;
    height: 572px;
  }
}
@media (min-width: 1200px) {
  .homepage-teaser__fourth-wrapper {
    height: 640px;
  }
}
.homepage-teaser__fourth-wrapper .homepage-teaser__name {
  color: #04376c;
  text-align: center;
}
.homepage-teaser__fourth-wrapper img {
  width: 192px;
  height: 192px;
  margin: 0 auto;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .homepage-teaser__fourth-wrapper img {
    width: 300px;
    height: 169px;
  }
}
@media (min-width: 992px) {
  .homepage-teaser__fourth-wrapper img {
    height: 123px;
    margin: 25px 0px 15px;
  }
}
@media (min-width: 1200px) {
  .homepage-teaser__fourth-wrapper img {
    height: 340px;
    width: 100%;
  }
}
.homepage-teaser__fourth-wrapper .btn-primary {
  display: none;
  width: 175px;
}
@media (min-width: 768px) {
  .homepage-teaser__fourth-wrapper .btn-primary {
    display: block;
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  .homepage-teaser__fourth-wrapper .homepage-teaser__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    height: 100%;
  }
}
@media (min-width: 992px) {
  .homepage-teaser__fourth-wrapper .homepage-teaser__image {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .homepage-teaser__fourth-wrapper .homepage-teaser__infos {
    padding: 15px;
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .homepage-teaser__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
  }
}
@media (min-width: 768px) {
  .homepage-teaser__image {
    margin-right: 70px;
    margin-left: 10px;
  }
}
.homepage-teaser__badge {
  text-align: center;
  border: 1px solid #f80;
  color: #fff;
  padding: 4px 12px;
  margin-left: auto;
  background: #1f2229;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .homepage-teaser__badge {
    width: 70px;
  }
}
@media (min-width: 768px) {
  .homepage-teaser__badge {
    position: absolute;
    right: 15px;
  }
}
@media (min-width: 992px) {
  .homepage-teaser__infos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
    width: 100%;
  }
}
.homepage-teaser__price {
  color: #f80;
}
.homepage-teaser__name {
  color: #fff;
  line-height: 38px;
}
.homepage-teaser__text {
  color: #789;
  font-size: 14px;
  line-height: 23px;
}
@media (min-width: 992px) {
  .homepage-teaser__text {
    margin-bottom: 24px;
    margin-top: 8px;
  }
}
.homepage-teaser-banner--dark .homepage-teaser__name {
  color: #fff !important;
}
.homepage-teaser-banner--dark .homepage-teaser__text {
  color: #fff !important;
}
.homepage-teaser-banner .homepage-teaser__second-wrapper {
  height: 100%;
}
.homepage-teaser-banner .homepage-teaser__second-wrapper:after {
  background-image: url("../images/banner-illustration.png");
  right: 0;
  left: unset;
  background-position: right bottom;
  height: 100%;
}
.homepage-teaser-banner .homepage-teaser__badge {
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .homepage-teaser-banner .homepage-teaser__badge {
    margin-bottom: 0;
  }
}
.homepage-teaser-banner .homepage-teaser__flex {
  gap: 20px 80px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
@media (min-width: 992px) {
  .homepage-teaser-banner .homepage-teaser__flex {
    padding: 0 80px;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
}
.homepage-teaser-banner .homepage-teaser__image {
  margin: 0 !important;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.homepage-teaser-banner .homepage-teaser__image img {
  width: auto;
  height: auto;
  max-height: 160px;
}
.homepage-teaser-banner .homepage-teaser__name {
  color: #1f2229;
}
.homepage-teaser-banner .homepage-teaser__text {
  font-size: 15px;
  color: #789;
}
.homepage-teaser-banner .homepage-teaser__infos {
  height: auto;
}
.homepage-brands {
  padding: 30px 0 30px;
}
@media (min-width: 992px) {
  .homepage-brands {
    padding: 40px 0 45px;
  }
}
.homepage-brands .container--swiper {
  padding-right: 0;
  position: relative;
}
@media (max-width: 991.98px) {
  .homepage-brands .container--swiper {
    max-width: 100%;
  }
}
@media (min-width: 576px) {
  .homepage-brands .container--swiper {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .homepage-brands .container--swiper {
    margin-right: auto;
    padding: 0 33px;
  }
}
@media (min-width: 1200px) {
  .homepage-brands .container--swiper {
    padding: 0 43px;
  }
}
@media (min-width: 992px) {
  .homepage-brands .container--swiper .swiper-button-prev--brands {
    left: 0;
  }
}
@media (min-width: 992px) {
  .homepage-brands .container--swiper .swiper-button-next--brands {
    right: 0;
  }
}
.homepage-brands .swiper-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.homepage-brands .swiper-wrapper a {
  display: block;
}
.homepage-brands .swiper-wrapper picture {
  display: block;
  margin: 0 8px 0 0;
}
@media (min-width: 768px) {
  .homepage-brands .swiper-wrapper picture {
    margin: 0 12px 0 0;
  }
}
@media (min-width: 992px) {
  .homepage-brands .swiper-wrapper picture {
    margin: 0 20px;
  }
}
.homepage-brands .swiper-button-next:after,
.homepage-brands .swiper-button-prev:after {
  font-size: 26px !important;
  font-weight: 600;
}
@media (max-width: 991.98px) {
  .homepage-brands .swiper-button-next:after,
  .homepage-brands .swiper-button-prev:after {
    display: none;
  }
}
.homepage-brands .headline__border-bottom,
.homepage-brands .page-my-account h1.h2,
.page-my-account .homepage-brands h1.h2,
.homepage-brands .login-view-title {
  margin-bottom: 32px;
}
@media (min-width: 992px) {
  .homepage-brands .headline__border-bottom,
  .homepage-brands .page-my-account h1.h2,
  .page-my-account .homepage-brands h1.h2,
  .homepage-brands .login-view-title {
    margin-bottom: 48px;
  }
}
.homepage-service {
  position: relative;
  z-index: 1;
  padding: 45px 0 45px;
}
.homepage-service .w-100 {
  background: #fff;
  padding: 12px;
  height: 170px;
  margin: 8px;
  margin-top: auto !important;
}
@media (min-width: 768px) {
  .homepage-service .w-100 {
    margin: 0;
    padding: 12px 0;
  }
}
@media (min-width: 992px) {
  .homepage-service .w-100 {
    margin: 12px;
    padding: 24px;
  }
}
.homepage-service .widget-background {
  min-height: 248px !important;
  max-height: 248px;
}
@media (min-width: 768px) {
  .homepage-service .widget-background {
    min-height: 395px !important;
    max-height: 395px;
  }
}
@media (min-width: 992px) {
  .homepage-service .widget-background {
    min-height: 461px !important;
    max-height: 461px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .homepage-service .widget-background .bg-cover {
    background-position: top !important;
    background-size: contain !important;
  }
}
@media (min-width: 992px) {
  .homepage-service__bg {
    background-color: #1e222a;
    height: 145px;
    width: 100%;
    position: absolute;
    z-index: -1;
    bottom: 0;
  }
}
.homepage-service--col {
  margin: 4px 0;
}
.homepage-service__card {
  margin: 4px 0;
  min-height: 395px !important;
  max-height: 395px;
  border: none;
  position: relative;
}
@media (max-width: 320px) {
  .homepage-service__card {
    min-height: 248px !important;
    max-height: 248px;
  }
}
@media (min-width: 992px) {
  .homepage-service__card {
    min-height: 461px !important;
    max-height: 461px;
  }
}
.homepage-service__card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: inherit;
  -ms-flex: inherit;
  flex: inherit;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-positive: inherit;
  flex-grow: inherit;
  margin: auto 8px 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 768px) {
  .homepage-service__card-body {
    margin: auto 0 0;
    padding: 1.25em 0px;
  }
}
@media (min-width: 992px) {
  .homepage-service__card-body {
    margin: auto 12px 12px;
    padding: 1.25em;
  }
}
.homepage-service__card-body a.btn.btn-primary,
.homepage-service__card-body a.btn-primary.dia-navbar__toggle {
  color: #fff;
  max-width: 175px;
}
.homepage-service__cart-title {
  padding-bottom: 0 !important;
}
@media (min-width: 1200px) {
  .homepage-service__cart-title {
    padding-bottom: 30px !important;
  }
}
.homepage-service__cart-title p {
  margin-bottom: 30px;
  min-height: 50px;
}
.homepage-service__img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.homepage-company {
  background: #1f2229;
  padding: 45px 0 65px;
  margin-bottom: 50px;
}
.homepage-company p {
  color: #fff !important;
}
@media (max-width: 767.98px) {
  .homepage-company__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media (max-width: 767.98px) {
  .homepage-company__list-item {
    margin: 5px 0px;
  }
}
.homepage-company iframe {
  width: 100%;
}
@media (min-width: 992px) {
  .homepage-company iframe {
    padding-right: 16px;
  }
}
.homepage-company .embed-responsive:before {
  padding-top: 100%;
}
@media (min-width: 576px) {
  .homepage-company .embed-responsive:before {
    padding-top: 75%;
  }
}
@media (min-width: 1200px) {
  .homepage-company .embed-responsive:before {
    padding-top: 56.25%;
  }
}
.homepage-company .headline__20 {
  margin-bottom: 8px;
}
@media (max-width: 991.98px) {
  .homepage-company .headline__20 {
    margin-top: 24px;
  }
}
.swiper-container--brands {
  width: 100%;
}
.swiper-container--brands .swiper-slide {
  width: 25%;
}
@media (min-width: 768px) {
  .swiper-container--brands .swiper-slide {
    width: 16.66667%;
  }
}
@media (min-width: 992px) {
  .swiper-container--brands .swiper-slide {
    width: 12.5%;
  }
}
.homepage-seo h6.headline__20,
.homepage-seo div.headline__20,
.homepage-seo h2.headline__20 {
  font-weight: bold;
  margin-bottom: 20px;
  text-transform: unset;
  font-style: normal;
}
#homeSeo {
  font-size: 15px;
  line-height: 1.5;
  padding: 50px 0;
}
@media (min-width: 992px) {
  #homeSeo {
    padding: 100px 0;
  }
}
#homeSeo p.collapse:not(.show),
#homeSeo div.collapse:not(.show) {
  height: 175px !important;
  overflow: hidden;
  position: relative;
  display: block;
}
#homeSeo p.collapse:not(.show):after,
#homeSeo div.collapse:not(.show):after {
  content: "";
  height: 100px;
  width: 100%;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#fff),
    to(rgba(255, 255, 255, 0))
  );
  background-image: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  display: block;
  position: absolute;
  z-index: 2;
  bottom: 0px;
  pointer-events: none;
}
#homeSeo p.collapsing,
#homeSeo div.collapsing {
  min-height: 42px !important;
}
#homeSeo a.btn-primary {
  margin: 0 auto;
  text-align: center;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#homeSeo a.collapsed .more {
  display: block;
}
#homeSeo a.collapsed .less {
  display: none;
}
#homeSeo a:not(.collapsed) .less {
  display: block;
}
#homeSeo a:not(.collapsed) .more {
  display: none;
}
.parallax-img-container-inner.bg-scroll.bg-cover.lozad {
  pointer-events: none;
}
@media (min-width: 992px) {
  .widget-item-list {
    margin: 0 16px;
  }
}
@media (min-width: 576px) {
  .widget-item-list .owl-carousel {
    padding: 0 24px 0 28px;
  }
}
.widget-item-list .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .col-md-6 .widget-proportional,
  .col-md-4 .widget-proportional {
    min-height: 382px;
    margin-top: 0;
  }
}
#page-header > .container-max,
#page-header > .replacement-part-finder {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
#searchPageTitle {
  text-align: center;
}
.page-content {
  background: rgba(0, 0, 0, 0);
}
.page-content.basket:not(.checkout):not(.basket),
.page-content.checkout:not(.checkout):not(.basket),
.page-content.contact:not(.checkout):not(.basket),
.page-content.myaccount:not(.checkout):not(.basket) {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.1rem;
}
.pagination > li {
  cursor: pointer;
}
.anicon.anicon-search-xcross {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .anicon.anicon-search-xcross[aria-expanded="false"]:hover
    > .anicon-search-item:after {
    background: rgba(0, 0, 0, 0);
  }
}
.anicon.anicon-search-xcross[aria-expanded="true"]
  > .anicon-search-item:before {
  background: #1f2229;
}
.anicon.anicon-search-xcross[aria-expanded="true"] > .anicon-search-item:after {
  background: #1f2229;
}
.owl-carousel .carousel-control.right .owl-single-item-control {
  right: 10px;
}
.owl-carousel .carousel-control.left .owl-single-item-control {
  left: 10px;
}
.owl-carousel .owl-dots {
  display: none;
}
div:not(.top-bar) > .page-header > div > .cmp-search-box {
  top: 0;
  position: relative;
}
.alert-dismissible .close {
  top: 9px;
}
@media (min-width: 1200px) {
  .ie .swiper-scrollbar--home {
    bottom: 0 !important;
  }
}
.v-hidden {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
@media (max-width: 575.98px) {
  .product-detail__cross-selling .col-12.col-lg-12,
  .widget-item-list .col-12.col-lg-12 {
    padding-right: 33.3333%;
    overflow: hidden;
  }
}
@media (max-width: 575.98px) {
  .product-detail__cross-selling .owl-carousel .owl-stage-outer,
  .widget-item-list .owl-carousel .owl-stage-outer {
    overflow: inherit;
  }
}
@media (max-width: 575.98px) {
  .product-detail__cross-selling .owl-single-item-nav,
  .widget-item-list .owl-single-item-nav {
    display: none;
  }
}
.basket-preview-content .basket__more-info {
  display: none;
}
.basket-preview-content .item-name {
  padding-top: 0 !important;
}
.basket-preview-content .totals {
  -ms-flex-preferred-size: inherit !important;
  flex-basis: inherit !important;
}
.basket-preview-content .totals > hr {
  display: none;
}
.basket-preview-content .item-list {
  -webkit-box-flex: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}
.basket-preview-content .basket-preview-footer {
  padding-bottom: 0;
}
.mobile-navigation__wrapper {
  overflow-x: hidden;
}
.basket-open [id*="trustbadge-container-"],
.basket-open .widget_container_overlay,
.basket-open #trustami-mobile-view,
.menu-is-visible [id*="trustbadge-container-"],
.menu-is-visible .widget_container_overlay,
.menu-is-visible #trustami-mobile-view,
.cookie-bar.fixed-bottom [id*="trustbadge-container-"],
.cookie-bar.fixed-bottom .widget_container_overlay,
.cookie-bar.fixed-bottom #trustami-mobile-view {
  display: none !important;
}
.cookie-bar.fixed-bottom .btn-appearance i {
  display: inline-block;
}
@media (min-width: 576px) {
  .cookie-bar.fixed-bottom .btn-appearance i {
    margin-right: 8px;
  }
}
.cookie-bar.out.fixed-bottom {
  left: 0;
}
@media screen and (max-width: 400px) {
  .cookie-bar.out.fixed-bottom {
    bottom: 36px;
  }
}
.widget_container_overlay iframe,
.widget_container_overlay #taCloseBtnOverlay {
  bottom: 0 !important;
}
[id*="trustbadge-container-"] > div > [id*="minimized-trustbadge"] {
  inset: auto 8px 195px auto !important;
}
@media only screen and (max-width: 648px) {
  [id*="trustbadge-container-"] > div > [id*="minimized-trustbadge"] {
    inset: auto 18px 195px auto !important;
  }
}
@media only screen and (max-width: 400px) {
  [id*="trustbadge-container-"] > div > [id*="minimized-trustbadge"] {
    inset: auto 18px 46px auto !important;
  }
}
#detect-customer-type-country-modal .modal-dialog {
  max-width: 635px;
}
#uk-modal .modal-dialog {
  max-width: 700px;
}
#uk-modal .modal-dialog .modal-body {
  padding: 0 !important;
}
.uk-modal__body {
  padding: 48px;
  padding-bottom: 24px;
}
.uk-modal__footer {
  padding: 24px 48px;
  background-image: url("../images/grey-bg.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #f4f7f9;
  background-position: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.uk-modal__footer .btn-primary-outline {
  border-radius: 2px;
  border: 1px solid #a1a1a1;
}
.uk-modal__footer a,
.uk-modal__footer span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.uk-modal__headline {
  color: #000;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 8px;
}
.uk-modal__subheadline {
  color: dimgray;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.uk-modal__flag {
  font-size: 30px;
  margin-bottom: 24px;
}
.type-country,
.country-settings,
.shipping-select {
  position: relative;
}
.type-country:after,
.country-settings:after,
.shipping-select:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7) url(../images/loading.gif) no-repeat
    center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.type-country--loader:after,
.country-settings--loader:after,
.shipping-select--loader:after {
  opacity: 1;
  visibility: visible;
}
.shipping-select:after {
  background: rgba(242, 245, 248, 0.7) url(../images/loading.gif) no-repeat
    center;
}
.type-country {
  text-align: center;
  padding: 45px 1px 17px;
}
.type-country .btn-primary {
  margin: 32px 0;
}
.type-country .btn-primary--disabled {
  opacity: 0.5;
}
.type-country .flag-icon--absolute {
  position: absolute;
  left: 0;
  bottom: 21px;
  font-size: 24px;
}
@media (max-width: 575.98px) {
  .type-country .flag-icon--absolute {
    font-size: 20px;
    bottom: 13px;
  }
}
.type-country__step {
  margin-bottom: 24px;
}
@media (max-width: 767.98px) {
  .type-country__step .btn-primary.mb-0 {
    margin-top: 16px;
  }
}
.type-country__step--loading {
  min-height: 150px;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 575.98px) {
  .type-country__type .btn-primary,
  .type-country__confirm .btn-primary {
    margin: 16px 0;
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .type-country__type .btn-primary,
  .type-country__confirm .btn-primary {
    margin-bottom: 8px;
  }
}
.type-country__type .btn + .btn,
.type-country__type .dia-navbar__toggle + .btn,
.type-country__type .btn + .dia-navbar__toggle,
.type-country__type .dia-navbar__toggle + .dia-navbar__toggle,
.type-country__confirm .btn + .btn,
.type-country__confirm .dia-navbar__toggle + .btn,
.type-country__confirm .btn + .dia-navbar__toggle,
.type-country__confirm .dia-navbar__toggle + .dia-navbar__toggle {
  margin-left: 16px;
}
@media (max-width: 575.98px) {
  .type-country__type .btn + .btn,
  .type-country__type .dia-navbar__toggle + .btn,
  .type-country__type .btn + .dia-navbar__toggle,
  .type-country__type .dia-navbar__toggle + .dia-navbar__toggle,
  .type-country__confirm .btn + .btn,
  .type-country__confirm .dia-navbar__toggle + .btn,
  .type-country__confirm .btn + .dia-navbar__toggle,
  .type-country__confirm .dia-navbar__toggle + .dia-navbar__toggle {
    margin-left: 0;
    margin-top: 0;
  }
}
.type-country__type {
  margin-bottom: 16px;
}
@media (max-width: 767.98px) {
  .type-country__type {
    margin-bottom: 28px;
  }
}
.type-country__type .btn-primary:not(.btn-primary--disabled) {
  border: solid 2px #1f2229;
}
.type-country__type--register {
  margin-top: -16px;
}
.type-country__type--register .btn-primary {
  margin: 16px 0;
  width: 100%;
}
.type-country__type--register .btn + .btn,
.type-country__type--register .dia-navbar__toggle + .btn,
.type-country__type--register .btn + .dia-navbar__toggle,
.type-country__type--register .dia-navbar__toggle + .dia-navbar__toggle {
  margin-left: 0;
  margin-top: 0;
}
.type-country__title {
  color: #1f2229;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 25px;
}
@media (max-width: 767.98px) {
  .type-country__title {
    font-size: 18px;
  }
}
.type-country__title--bold {
  font-family: "Söhne Schmal";
  font-size: 24px;
  letter-spacing: 1.5px;
  line-height: 28px;
  text-align: left;
  padding-right: 16px;
}
@media (max-width: 767.98px) {
  .type-country__title--bold {
    padding-right: 0;
    text-align: center;
    font-size: 22px;
  }
}
.type-country__title--check {
  max-width: 800px;
  margin: 0 auto 16px;
  font-weight: 400;
  text-align: center;
  line-height: 30px;
}
@media (min-width: 768px) {
  .type-country__title--check {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) {
  .type-country__title--check {
    margin-bottom: 48px;
  }
}
.type-country__select-box {
  border: 1.5px solid #17acef;
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 525px;
  margin: 32px auto 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .type-country__select-box {
    padding: 16px;
  }
}
.type-country__select-box .btn-primary {
  margin: 20px auto auto;
}
.type-country__select-box-upper {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 575.98px) {
  .type-country__select-box-upper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.type-country__select {
  min-width: 240px;
  border: none;
  border-bottom: 1px solid #1f2229;
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .type-country__select {
    min-width: 100%;
    margin-top: 8px;
  }
}
.type-country__select--flag {
  padding-left: 40px;
}
@media (max-width: 575.98px) {
  .type-country__select--flag {
    padding-left: 32px;
  }
}
.detect-customer-type-country--active [id*="trustbadge-container-"] {
  z-index: 1069 !important;
}
#searchPageTitle {
  text-align: center;
}
.category-register h1 {
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .category-register h1 {
    margin-bottom: 56px;
  }
}
@media (min-width: 768px) {
  .category-register .widget-grid .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .category-register .widget-grid .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
}
@media (min-width: 992px) {
  .category-register .widget-grid .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .category-register .widget-grid .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
}
@media (min-width: 1200px) {
  .category-register .widget-grid .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .category-register .widget-grid .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.category-936 .item-filter__wrapper--57 {
  display: none !important;
}
.product-listing__switch {
  color: #789;
}
.product-listing__switch--list,
.product-listing__switch--tiles {
  cursor: pointer;
}
.product-listing__switch--list svg,
.product-listing__switch--tiles svg {
  color: #c7d2de;
}
.product-listing__switch--list svg:hover,
.product-listing__switch--tiles svg:hover {
  color: #789;
}
.product-listing__switch--list.text-primary svg,
.product-listing__switch--list.color-primary svg,
.product-listing__switch--tiles.text-primary svg,
.product-listing__switch--tiles.color-primary svg {
  color: #17acef;
}
@media (min-width: 992px) {
  .sub-cat-nav__outer {
    margin-bottom: 24px;
  }
}
@media (max-width: 991.98px) {
  .sub-cat-nav__outer {
    height: 113px;
    overflow: hidden;
    margin-right: -8px;
  }
}
@media (max-width: 767.98px) {
  .sub-cat-nav__outer {
    height: 97px;
  }
}
@media (min-width: 992px) {
  .sub-cat-nav__list {
    margin: 0 0 0 14px;
    padding-left: 12px;
    border-left: 2px solid #e6eaee;
  }
}
@media (max-width: 991.98px) {
  .sub-cat-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto;
    margin-bottom: 0;
    height: 133px;
  }
  .sub-cat-nav__list li {
    margin-right: 8px;
  }
}
@media (max-width: 767.98px) {
  .sub-cat-nav__list {
    margin-right: -8px;
    height: 117px;
  }
}
.sub-cat-nav__title,
.sub-cat-nav__item {
  width: 100%;
  text-align: center;
  font-size: 13px;
  color: #789;
}
@media (min-width: 992px) {
  .sub-cat-nav__title,
  .sub-cat-nav__item {
    line-height: 21px;
    text-align: left;
  }
}
.sub-cat-nav__title {
  margin-bottom: 6px;
}
@media (min-width: 992px) {
  .sub-cat-nav__title {
    background: #f2f5f8;
    padding: 14px 14px 12px;
    margin-bottom: 8px;
    font-size: 1rem;
  }
  .sub-cat-nav__title strong {
    font-weight: 600;
    color: #1f2229;
  }
}
.sub-cat-nav__item {
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  padding: 2px 0;
  display: block;
}
@media (max-width: 991.98px) {
  .sub-cat-nav__item {
    white-space: nowrap;
    background: #17acef;
    color: #fff;
    line-height: 1;
    padding: 16px;
    font-size: 15px;
    font-weight: 600;
    border: 2px solid #e6eaee;
  }
}
@media (min-width: 992px) {
  .sub-cat-nav__item {
    position: relative;
    padding: 7px 10px 7px 20px;
    -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
  }
  .sub-cat-nav__item:before {
    content: "›";
    position: absolute;
    left: 6px;
    color: #b7c0c9;
    font-weight: 600;
  }
  .sub-cat-nav__item:hover {
    color: #17acef;
    background: #f2f5f8;
  }
  .sub-cat-nav__item:hover:before {
    color: #17acef;
  }
}
.category-listing-estimated,
.category-listing-request {
  color: #789;
  margin-top: 4px;
}
@media (min-width: 768px) {
  .category-listing-estimated,
  .category-listing-request {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.category-listing-estimated__icon,
.category-listing-request__icon {
  fill: #e00015;
  width: 23px;
  height: 23px;
  margin-right: 5px;
}
.category-listing-estimated .product-detail__availability,
.category-listing-request .product-detail__availability {
  padding: 0;
}
@media (max-width: 767.98px) {
  .category-listing-estimated .product-detail__availability,
  .category-listing-request .product-detail__availability {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.product-list--list .category-listing-estimated,
.product-list--list .category-listing-request {
  margin-bottom: 6px;
}
@media (min-width: 768px) {
  .product-list--list .category-listing-estimated,
  .product-list--list .category-listing-request {
    text-align: right;
  }
}
.pagination .page-item.active .page-link {
  color: #fff;
}
.pagination .page-item--dots {
  padding: 0 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pagination .page-item.disabled {
  display: none;
}
.basket div#ppButton {
  text-align: center;
  margin-top: 16px;
}
.basket-item-container .item-bundle {
  font-size: 100%;
}
.basket-item-container
  .basket-item
  .meta-container-wrapper
  .meta-container-wrapper-inner
  .meta-container
  .item-name {
  margin-bottom: 5px;
  display: block;
  font-size: 100%;
}
.basket-item-container
  .basket-item
  .meta-container-wrapper
  .meta-container-wrapper-inner
  .meta-container
  .item-base-price {
  font-size: 100%;
}
.basket-item-container
  .basket-item
  .meta-container-wrapper
  .meta-container-wrapper-inner
  .meta-container
  .item-small-prices {
  font-size: 100%;
}
.basket-item-container .basket-item .item-properties {
  font-size: 100%;
}
.basket-small ul .item-property-value > strong:before {
  font-size: 100%;
}
.basket-item-container
  .basket-item
  .item-additional-information-container
  .item-additional-information {
  font-size: 100%;
}
@media (max-width: 991.98px) and (min-width: 576px) {
  .basket-open .basket-preview-wrapper {
    left: inherit;
    width: 75%;
  }
  .basket-preview-content {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .basket-preview-content .item-list {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .basket-preview-content .totals {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    border-left: 0;
  }
}
@media (min-width: 992px) {
  .basket-preview-wrapper {
    width: 540px;
  }
}
.basket-preview-wrapper .basket-preview {
  padding: 30px 15px;
  text-align: left;
}
@media (min-width: 768px) {
  .basket-preview-wrapper .basket-preview {
    padding: 50px 30px;
  }
}
.basket-preview-wrapper .basket-preview .basket-preview-header {
  padding: 0 5px 16px 0 !important;
  margin-bottom: 15px;
}
.basket-preview-wrapper .basket-preview .basket-preview-header span.h3.mb-0 {
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 1.5px;
}
.basket-preview-wrapper
  .basket-preview
  .basket-preview-content
  .qty-btn-container {
  border: 0 solid;
}
.basket-preview-wrapper
  .basket-preview
  .basket-preview-content
  .cmp-totals
  dl
  dt {
  display: none;
}
.basket-preview-wrapper
  .basket-preview
  .basket-preview-content
  .cmp-totals
  dl
  dd {
  display: none;
}
.basket-preview-wrapper
  .basket-preview
  .basket-preview-content
  .cmp-totals
  dl
  .totalSum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.basket-preview-wrapper
  .basket-preview
  .basket-preview-content
  .cmp-totals
  dl
  .totalSum
  dd {
  display: block !important;
}
.basket-preview-wrapper
  .basket-preview
  .basket-preview-content
  .cmp-totals
  dl
  .totalSum
  dt {
  display: block !important;
}
.basket-preview-wrapper .basket-preview .item-list {
  padding: 0 !important;
}
.basket-preview-wrapper .basket-preview .item-list .basket-list-item {
  border: 1px solid #c7d2de;
  margin-bottom: 8px;
  padding: 24px 24px 10px 16px;
}
.basket-preview-wrapper
  .basket-preview
  .item-list
  .basket-list-item
  a.item-name {
  font-size: 15px;
  color: #1f2229 !important;
}
.basket-preview-wrapper
  .basket-preview
  .item-list
  .basket-list-item
  .item-base-price.small,
.basket-preview-wrapper
  .basket-preview
  .item-list
  .basket-list-item
  .input-unit
  label.item-base-price,
.input-unit
  .basket-preview-wrapper
  .basket-preview
  .item-list
  .basket-list-item
  label.item-base-price {
  font-size: 15px;
  color: #789;
  padding-left: 15px;
}
.basket-preview-wrapper
  .basket-preview
  .item-list
  .basket-list-item
  .item-total-price.font-weight-bold.text-nowrap {
  font-size: 28px;
  line-height: 30px;
  letter-spacing: 2px;
  color: #1f2229;
  font-family: "Söhne Schmal", sans-serif;
}
.basket-preview-wrapper
  .basket-preview
  .item-list
  .basket-list-item
  .text-danger,
.basket-preview-wrapper
  .basket-preview
  .item-list
  .basket-list-item
  .color-danger {
  color: #789 !important;
  font-size: 16px;
  margin-top: 5px;
}
.basket-preview-wrapper
  .basket-preview
  .item-list
  .basket-list-item
  .text-danger
  i,
.basket-preview-wrapper
  .basket-preview
  .item-list
  .basket-list-item
  .color-danger
  i {
  font-size: 20px;
  color: #c7d2de !important;
  margin-left: 8px;
}
.basket-preview-wrapper
  .basket-preview
  .item-list
  .basket-list-item
  .qty-box-container {
  height: 54px;
  margin-bottom: 16px;
}
.basket-preview-wrapper .basket-preview .item-list .basket-list-item .qty-box {
  border: 1px solid #c7d2de;
}
.basket-preview-wrapper
  .basket-preview
  .item-list
  .basket-list-item
  .qty-box
  .qty-input {
  width: 54px;
  border: none;
}
.basket-preview-wrapper
  .basket-preview
  .item-list
  .basket-list-item
  .qty-box
  .qty-btn-container
  .qty-btn {
  border: none;
  background-color: rgba(0, 0, 0, 0);
}
.basket-preview-wrapper .basket-preview .totals {
  font-size: 100% !important;
  background-color: rgba(0, 0, 0, 0);
  padding-top: 25px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-top: 35px;
}
.basket-preview-wrapper .basket-preview .totals .h3 {
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 1.5px;
  margin-bottom: 10px;
}
.basket-preview-wrapper .basket-preview .cmp-totals dt,
.basket-preview-wrapper .basket-preview .cmp-totals dd {
  font-size: 15px !important;
  color: #789;
  font-weight: 400;
}
.basket-preview-wrapper .basket-preview .cmp-totals dl hr {
  border-color: #fff;
}
.basket-preview-wrapper .basket-preview .totalSum dt.font-weight-bold,
.basket-preview-wrapper .basket-preview .totalSum dd.font-weight-bold {
  color: #1f2229 !important;
}
.basket-preview-wrapper .basket-preview .basket-preview-footer {
  border-top: 1px solid #c7d2de;
  padding-top: 20px;
}
.basket-preview-wrapper .basket-preview .basket-preview-footer .btn,
.basket-preview-wrapper
  .basket-preview
  .basket-preview-footer
  .dia-navbar__toggle {
  height: 54px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.basket-preview-wrapper .basket-preview .basket-preview-footer .btn i,
.basket-preview-wrapper
  .basket-preview
  .basket-preview-footer
  .dia-navbar__toggle
  i {
  display: none;
  margin-top: 7px;
  -webkit-transition: hover 0.5s ease;
  transition: hover 0.5s ease;
}
.basket-preview-wrapper .basket-preview .basket-preview-footer .btn .fa-spin,
.basket-preview-wrapper
  .basket-preview
  .basket-preview-footer
  .dia-navbar__toggle
  .fa-spin {
  height: 33px;
  margin-top: 0;
}
.basket-preview-wrapper .basket-preview .basket-preview-footer .btn-primary {
  color: #fff;
  -webkit-box-shadow: 0 15px 14px -10px rgba(78, 97, 116, 0.6);
  box-shadow: 0 15px 14px -10px rgba(78, 97, 116, 0.6);
}
.basket-preview-wrapper
  .basket-preview
  .basket-preview-footer
  .btn-outline-primary {
  background: #1f2229;
  color: #fff;
}
.basket-preview-wrapper
  .basket-preview
  .basket-preview-footer
  .btn-outline-primary:hover
  i:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='square' stroke-linejoin='arcs'%3E%3Ccircle cx='10' cy='20.5' r='1'/%3E%3Ccircle cx='18' cy='20.5' r='1'/%3E%3Cpath d='M2.5 2.5h3l2.7 12.4a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.6l1.6-8.4H7.1'/%3E%3C/svg%3E") !important;
}
.split-basket-height {
  display: block;
  padding: 0 0 15px;
}
@media (max-width: 767.98px) {
  .cmp-address-list .items > div:first-child {
    min-height: auto;
  }
  .add-item .btn-medium {
    height: 100%;
  }
  .basket-item-container .basket-item {
    display: inherit;
  }
  .basket-item-container .basket-item .image-container {
    width: 100%;
    margin: 0 auto;
    height: 150px;
  }
  .img-basket-small {
    margin: 0 auto;
  }
}
.page-basket .method-list-item label img,
.page-basket .method-list-item label svg {
  width: 40px;
}
.page-basket .method-list-item label img.scale-2-5,
.page-basket .method-list-item label svg.scale-2-5 {
  -webkit-transform: scale(2.5);
  transform: scale(2.5);
}
.page-basket .main {
  background: #f2f5f8;
  padding: 30px 0px 65px;
}
.page-basket .pre-footer {
  background: #f2f5f8;
}
.page-basket .col-md-8.col-lg-7 .bg-white,
.page-basket .col-md-4.offset-lg-1 .bg-white {
  padding: 0 !important;
  background: #f2f5f8 !important;
}
@media (min-width: 1200px) {
  .page-basket .col-md-4.offset-lg-1 .bg-white {
    padding: 0 30px !important;
  }
}
.page-basket .headline__border-bottom,
.page-basket .page-my-account h1.h2,
.page-my-account .page-basket h1.h2,
.page-basket .login-view-title {
  margin-bottom: 50px;
}
.page-basket .basket-list-item:not(.basket-list-item--preview) {
  border: 1px solid #c7d2de;
  padding: 25px 8px;
  margin-bottom: 15px;
  background: #fff;
}
@media (min-width: 768px) {
  .page-basket .basket-list-item:not(.basket-list-item--preview) {
    padding: 12px;
  }
}
@media (min-width: 992px) {
  .page-basket .basket-list-item:not(.basket-list-item--preview) {
    padding: 25px;
  }
}
@media (max-width: 767.98px) {
  .page-basket .basket-list-item:not(.basket-list-item--preview) .basket-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.page-basket
  .basket-list-item:not(.basket-list-item--preview)
  .basket-item
  .image-container {
  width: 125px;
  height: auto;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .page-basket
    .basket-list-item:not(.basket-list-item--preview)
    .basket-item
    .image-container {
    width: 60px;
    height: auto;
    margin-bottom: 0;
    margin-right: 16px;
  }
}
@media (min-width: 1200px) {
  .page-basket
    .basket-list-item:not(.basket-list-item--preview)
    .basket-item
    .image-container {
    width: 108px;
    margin-right: 38px;
  }
}
.page-basket .basket-list-item:not(.basket-list-item--preview) a.item-name {
  font-size: 15px;
  color: #1f2229 !important;
  margin-right: 30px;
  margin-bottom: 5px !important;
  display: block;
}
.page-basket
  .basket-list-item:not(.basket-list-item--preview)
  .item-base-price.small,
.page-basket
  .basket-list-item:not(.basket-list-item--preview)
  .input-unit
  label.item-base-price,
.input-unit
  .page-basket
  .basket-list-item:not(.basket-list-item--preview)
  label.item-base-price {
  font-size: 15px;
  color: #789 !important;
}
.page-basket
  .basket-list-item:not(.basket-list-item--preview)
  .basket-item-container-right
  .price-box {
  margin-top: 0 !important;
}
@media (min-width: 768px) {
  .page-basket
    .basket-list-item:not(.basket-list-item--preview)
    .basket-item-container-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.page-basket
  .basket-list-item:not(.basket-list-item--preview)
  .basket-item-container-right
  .qty-box-container {
  height: 53px;
}
@media (min-width: 768px) {
  .page-basket
    .basket-list-item:not(.basket-list-item--preview)
    .basket-item-container-right
    .qty-box-container {
    margin-right: 20px;
  }
}
@media (max-width: 767.98px) {
  .page-basket
    .basket-list-item:not(.basket-list-item--preview)
    .basket-item-container-right
    .item-total-price {
    margin: 12px 0;
  }
}
@media (min-width: 1200px) {
  .page-basket
    .basket-list-item:not(.basket-list-item--preview)
    .basket-item-container-right
    .item-total-price {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 1.5px;
    margin-bottom: 5px;
  }
}
.page-basket
  .basket-list-item:not(.basket-list-item--preview)
  .basket-item-container-right
  .text-danger,
.page-basket
  .basket-list-item:not(.basket-list-item--preview)
  .basket-item-container-right
  .color-danger {
  color: #789 !important;
  font-size: 15px;
}
.page-basket
  .basket-list-item:not(.basket-list-item--preview)
  .basket-item-container-right
  .text-danger
  i,
.page-basket
  .basket-list-item:not(.basket-list-item--preview)
  .basket-item-container-right
  .color-danger
  i {
  font-size: 20px;
  margin-left: 8px;
  color: #c7d2de !important;
}
.page-basket .h3 {
  margin-bottom: 12px;
}
.page-basket .cmp-totals dl {
  color: #789;
}
.page-basket .cmp-totals dt {
  font-weight: 400;
}
.page-basket .cmp-totals .totalSum {
  color: #1f2229;
}
.page-basket .cmp input.form-control,
.page-basket .cmp .input-unit input,
.input-unit .page-basket .cmp input {
  border: 0;
  border-bottom: 1px solid #1f2229;
  background: rgba(0, 0, 0, 0);
  color: #789 !important;
}
.page-basket i.fa.fa-arrow-right {
  display: none;
}
.page-basket a.btn.btn-primary.btn-block,
.page-basket a.btn-primary.btn-block.dia-navbar__toggle {
  -webkit-box-shadow: 0 15px 14px -10px rgba(78, 97, 116, 0.6);
  box-shadow: 0 15px 14px -10px rgba(78, 97, 116, 0.6);
}
.basket__free-shipping {
  color: #1f2229;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
  padding: 16px;
  margin-bottom: 32px;
  background-color: #e6eaee;
}
@media (max-width: 991.98px) {
  .basket__free-shipping {
    margin-top: 16px;
  }
}
.basket__free-shipping span {
  color: #17acef;
}
.basket__free-shipping .btn,
.basket__free-shipping .dia-navbar__toggle {
  color: #fff;
  background-color: #1f2229;
  margin-top: 16px;
  width: 100%;
}
.page-wish-list .main {
  background: #f2f5f8;
  padding: 30px 0px 65px;
}
.page-wish-list .pre-footer {
  display: none;
}
.page-wish-list .wishlist {
  background: #f2f5f8 !important;
}
.page-wish-list .wishlist .basket-item {
  border: 1px solid #c7d2de;
  padding: 25px 25px 25px 15px;
  margin-bottom: 15px;
  background: #fff;
}
.page-wish-list .wishlist a.item-name.text-primary,
.page-wish-list .wishlist a.item-name.color-primary {
  font-size: 15px;
  color: #1f2229 !important;
  margin-right: 30px;
}
.page-wish-list .wishlist .item-base-price.small,
.page-wish-list .wishlist .input-unit label.item-base-price,
.input-unit .page-wish-list .wishlist label.item-base-price {
  font-size: 15px;
  color: #789 !important;
}
.page-wish-list .wishlist .small > div,
.page-wish-list .wishlist .input-unit label > div,
.input-unit .page-wish-list .wishlist label > div {
  font-size: 15px;
  color: #789 !important;
}
.page-wish-list .wishlist .small > div .badge,
.page-wish-list .wishlist .input-unit label > div .badge,
.input-unit .page-wish-list .wishlist label > div .badge {
  font-size: 15px;
  color: #789 !important;
  background: rgba(0, 0, 0, 0);
  font-weight: 300;
}
.page-wish-list .wishlist .item-total-price.font-weight-bold.text-nowrap {
  font-family: "Söhne Schmal", sans-serif;
  font-style: italic;
  color: #1f2229;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}
.page-wish-list .wishlist .btn.btn-sm.text-danger.p-0,
.page-wish-list .wishlist .btn-sm.text-danger.p-0.dia-navbar__toggle,
.page-wish-list .wishlist .btn-group-sm > .btn.text-danger.p-0,
.page-wish-list .wishlist .btn-group-sm > .text-danger.p-0.dia-navbar__toggle,
.page-wish-list .wishlist .btn.btn-sm.p-0.color-danger,
.page-wish-list .wishlist .btn-sm.p-0.color-danger.dia-navbar__toggle,
.page-wish-list .wishlist .btn-group-sm > .btn.p-0.color-danger,
.page-wish-list .wishlist .btn-group-sm > .p-0.color-danger.dia-navbar__toggle {
  color: #789 !important;
  font-size: 16px;
}
.request-offer__hint {
  font-size: 13px;
  color: #1f2229;
  letter-spacing: 0;
  line-height: 22px;
  margin-bottom: 12px;
}
.request-offer__button {
  width: 100%;
  text-align: center;
  background: #e6eaee;
  font-size: 15px;
  color: #1f2229;
  letter-spacing: 0;
  line-height: 18px;
}
.request-offer__button:hover {
  background: #e6eaee;
  color: #1f2229;
}
#js--request-offer .product-detail__form {
  margin-bottom: 0;
}
.cmp-method-list .method-list-item label {
  background-color: #fff;
  height: auto;
}
.basket__more-info {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .basket__more-info {
    margin-top: 8px;
  }
}
.basket__more-info span,
.basket__more-info strong {
  color: #4e6174;
}
.basket__more-info span {
  font-size: 12px;
}
@media (max-width: 767.98px) {
  .basket-preview .basket-list-itemy {
    padding: 5px !important;
  }
}
@media (max-width: 767.98px) {
  .basket-preview .basket-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 767.98px) {
  .basket-preview .image-container {
    margin-bottom: 10px;
    width: 50%;
    margin: 0 auto 10px;
  }
}
.basket-preview .bundle {
  padding-left: 6px;
}
@media (max-width: 767.98px) {
  .basket-preview .bundle {
    padding-left: 12px;
  }
}
@media (min-width: 768px) {
  .basket-preview .bundle {
    padding-left: 8px;
  }
}
@media (min-width: 1200px) {
  .basket-preview .bundle {
    padding-left: 12px;
  }
}
.basket-preview .bundle__title {
  margin-bottom: 3px;
  margin-top: 10px;
}
.basket-preview .bundle__list {
  margin-bottom: 3px;
}
.basket-preview .bundle__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.basket-preview .bundle__item-link {
  padding: 0 !important;
}
.page-basket .bundle__title,
.page-checkout .bundle__title,
.page-confirmation .bundle__title {
  margin-bottom: 10px;
  margin-top: 10px;
}
.page-basket .bundle__list,
.page-checkout .bundle__list,
.page-confirmation .bundle__list {
  margin-bottom: 10px;
}
.page-confirmation .myaccount {
  padding: 50px 8px 90px;
}
.page-confirmation .myaccount .col-12 p {
  margin: 20px 0px;
}
.page-confirmation .myaccount h3 {
  margin-bottom: 20px !important;
}
.page-confirmation .myaccount .btn-primary i.fa.fa-home {
  display: none;
}
.cmp-method-list .method-list-item .icon svg {
  max-height: 3rem;
}
.page-checkout .pre-footer {
  display: none;
}
.page-checkout .popover-header {
  font-family: "IBM Plex Sans", serif;
  letter-spacing: inherit;
  line-height: inherit;
  text-transform: inherit;
  font-style: inherit;
}
.checkout {
  padding: 40px 0 60px;
}
@media (min-width: 768px) {
  .checkout {
    padding: 50px 0 90px;
  }
}
.checkout__payment .method-list-item label {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.checkout__step2 {
  margin-bottom: 40px;
}
.checkout__guest-title {
  color: #1f2229;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 25px;
  font-size: 18px;
  text-align: center;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .checkout__guest-title {
    margin-bottom: 32px;
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .checkout__guest-title {
    margin-bottom: 40px;
    text-align: left;
  }
}
.checkout__guest-login {
  margin-top: 32px;
}
.checkout__guest-login .btn,
.checkout__guest-login .dia-navbar__toggle {
  width: 100%;
}
@media (max-width: 767.98px) {
  .checkout__guest-login .input-unit {
    margin-bottom: 8px;
  }
}
.checkout__login {
  background: #e6eaee;
  padding: 32px 24px 48px;
}
.checkout__pipe {
  margin-top: 48px;
}
@media (min-width: 992px) {
  .checkout__pipe {
    background: #e6eaee;
    width: 1px;
    margin: auto;
    height: calc(100% - 64px);
  }
}
.checkout__your-address {
  font-size: 20px !important;
  line-height: 28px;
  margin: 20px 0 12px;
  text-align: left !important;
}
.checkout__shipping .cmp-method-list .method-list-item label {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.checkout__shipping .cmp-method-list .method-list-item label img,
.checkout__shipping .cmp-method-list .method-list-item label svg {
  width: 40px;
}
.checkout__shipping .cmp-method-list .method-list-item label img.scale-2-5,
.checkout__shipping .cmp-method-list .method-list-item label svg.scale-2-5 {
  -webkit-transform: scale(2.5);
  transform: scale(2.5);
}
.checkout__shipping .cmp-method-list .method-list-item label svg {
  margin-right: 8px;
}
.checkout__shipping-checkbox {
  pointer-events: all !important;
  left: 0 !important;
  top: -8px !important;
  position: relative !important;
}
.checkout__shipping-input {
  position: absolute;
  top: 26px;
  left: 0;
  pointer-events: none;
}
.checkout__shipping-label {
  margin-top: 24px;
  padding: 0 22px 0 24px;
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
}
.checkout__address-pickup + label {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  pointer-events: all !important;
  margin-bottom: 16px;
}
.checkout__address-complete,
.checkout__column-sub-title {
  font-size: 18px;
  font-weight: 700;
  color: #3f4859;
}
.checkout__column-sub-title {
  margin-bottom: 8px;
}
.checkout__address-salutation {
  margin-top: 16px;
}
.checkout__address-summary {
  margin-bottom: 16px;
}
.checkout__address-summary .items,
.checkout__address-summary .item-inner {
  cursor: default !important;
}
.checkout__address-summary .items > div:first-child {
  background: inherit !important;
  border: 0 !important;
  min-height: auto !important;
}
.checkout__address-summary .items > div:first-child .item-inner {
  padding: 16px 0 24px;
}
.checkout__address-summary .items > div:first-child .item-inner div {
  font-size: 14px;
  line-height: 20px;
  color: #4e6174;
}
.checkout__address-wrapper .checkout__column-sub-title {
  font-size: 26px;
}
.checkout__address-wrapper .input-unit.error input {
  border-color: #dc3545;
}
.checkout__address-wrapper .input-unit.error label {
  color: #dc3545;
}
.checkout__address-wrapper .dropdown-menu {
  border: none;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 4px !important;
  top: -5px !important;
}
.checkout__address-wrapper .dropdown-menu .item {
  border: solid 1px rgba(0, 0, 0, 0);
}
.checkout__address-wrapper .dropdown-menu .item:hover {
  border-color: #ddd;
}
.checkout__address-wrapper .dropdown-menu .item .item-inner {
  cursor: pointer !important;
}
.checkout__address-wrapper .dropdown-menu .btn,
.checkout__address-wrapper .dropdown-menu .dia-navbar__toggle {
  margin: 24px 0;
}
.checkout__stepnum {
  position: absolute;
  top: -23px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 44px;
  height: 44px;
  background: #17acef;
  border-radius: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 0 !important;
  color: #1f2229;
  font-weight: bold;
  font-size: 24px;
}
.checkout__column-title {
  margin: 24px 0 48px;
  padding-bottom: 8px;
  border-bottom: 2px solid #17acef;
  display: inline-block;
}
.checkout__address-confirm {
  margin-top: 16px;
}
@media (max-width: 991.98px) {
  .checkout .login-view-title {
    margin-bottom: 48px !important;
  }
}
.checkout .col-12.col-lg-4 {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.checkout .col-12.col-lg-4 > div {
  -webkit-transition: border-color 0.3s ease-in-out,
    -webkit-box-shadow 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out,
    -webkit-box-shadow 0.3s ease-in-out;
}
.checkout .col-12.col-lg-4:nth-child(1) > div {
  border-color: #e6eaee;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.checkout .col-12.col-lg-4:nth-child(3) > div {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-color: #17acef;
}
.checkout .col-12.col-lg-4 .checkout__stepnum {
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.checkout__wrapper:not(.checkout__address-step-complete)
  .col-12.col-lg-4:nth-child(1)
  > div {
  border-color: #17acef;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.checkout__wrapper:not(.checkout__address-step-complete)
  .col-12.col-lg-4:nth-child(2),
.checkout__wrapper:not(.checkout__address-step-complete)
  .col-12.col-lg-4:nth-child(3) {
  opacity: 0.5;
  pointer-events: none;
}
.checkout__wrapper:not(.checkout__address-step-complete)
  .col-12.col-lg-4:nth-child(2)
  .checkout__stepnum,
.checkout__wrapper:not(.checkout__address-step-complete)
  .col-12.col-lg-4:nth-child(3)
  .checkout__stepnum {
  background-color: #e6eaee;
}
.checkout__wrapper:not(.checkout__address-step-complete)
  .col-12.col-lg-4:nth-child(3)
  > div {
  border-color: #e6eaee;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.checkout__popover {
  color: #17acef;
  border: solid 1px #17acef;
  border-radius: 50%;
  margin-left: 12px;
  padding: 1px 7px;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
}
.checkout__shipping-price {
  white-space: nowrap;
}
.checkout__shipping-check {
  margin-bottom: 8px;
}
.checkout__shipping-check label {
  cursor: pointer;
}
.checkout__shipping-check label div {
  font-size: 12px;
  line-height: 18px;
  color: #789;
}
.checkout__privacy label {
  cursor: pointer;
  font-size: 12px;
  line-height: 18px;
  color: #789;
  margin-bottom: 24px;
}
.checkout .bg-white {
  border: solid 2px #e6eaee;
  border-radius: 4px;
  padding: 16px;
}
.checkout h3:not(.checkout__column-title) {
  margin-bottom: 12px;
}
.checkout .cmp input.form-control,
.checkout .cmp .input-unit input,
.input-unit .checkout .cmp input {
  border: 0;
  border-bottom: 1px solid #1f2229;
  background: rgba(0, 0, 0, 0);
  color: #789 !important;
}
.checkout .cmp-address-list .dropdown-toggle::after {
  display: none;
}
.checkout i.fa.fa-arrow-right {
  display: none;
}
.checkout span.item-edit .btn i,
.checkout span.item-edit .dia-navbar__toggle i {
  display: block;
  margin-left: 6px;
}
.checkout .input-unit select {
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.checkout .cmp-method-list .method-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.checkout .cmp-method-list .method-list-item input {
  display: inline-block;
  margin-right: 12px;
}
.checkout .cmp-method-list .method-list-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #e6eaee;
}
.checkout .cmp-method-list .method-list-item .icon {
  width: auto;
  min-width: 49px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.checkout .cmp-method-list .method-list-item .icon img {
  max-height: 35px;
}
.checkout .cmp-method-list .method-list-item:not(:last-child) {
  margin-bottom: 6px;
}
.checkout .basket-item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.checkout .basket-item .basket-item-container-right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.checkout .basket-item .qty-box-container {
  margin-right: 0 !important;
  margin-bottom: 4px;
  height: 44px !important;
}
.checkout .basket-item .item-base-price {
  display: none;
}
.checkout .basket-item .image-container {
  width: 60px;
  margin-right: 12px;
}
@media (min-width: 576px) {
  .checkout .basket-item .image-container {
    width: 75px;
    margin-right: 16px;
  }
}
@media (min-width: 992px) {
  .checkout .basket-item .image-container {
    width: 60px;
    margin-right: 12px;
  }
}
@media (min-width: 1200px) {
  .checkout .basket-item .image-container {
    width: 75px;
    margin-right: 16px;
  }
}
.checkout .basket-item .item-name {
  font-size: 14px;
  margin-right: 12px;
  color: #1f2229;
  display: inline-block;
  line-height: 18px;
}
@media (min-width: 576px) {
  .checkout .basket-item .item-name {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (min-width: 992px) {
  .checkout .basket-item .item-name {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 1200px) {
  .checkout .basket-item .item-name {
    font-size: 16px;
    line-height: 20px;
  }
}
.checkout .basket-item .basket__more-info {
  display: none;
}
.checkout .basket-item .basket-item__attributes {
  margin-top: 4px;
  color: #4e6174;
}
.checkout .basket-item .price-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.checkout .basket-item .price-box {
  margin-top: 6px !important;
}
.checkout .basket-item .item-total-price {
  font-size: 24px;
}
.checkout .basket-item .text-danger,
.checkout .basket-item .color-danger {
  color: #789 !important;
  font-size: 14px;
}
.checkout .basket-item .text-danger i,
.checkout .basket-item .color-danger i {
  font-size: 18px;
  margin-left: 6px;
  color: #789 !important;
}
.checkout .cmp-totals {
  background-color: #e6eaee;
  margin: 0 -16px 16px;
  padding: 16px 16px 8px;
}
.checkout .cmp-totals dt {
  font-weight: normal;
}
.checkout .cmp-totals dd,
.checkout .cmp-totals dt {
  margin-bottom: 0;
  color: #1f2229;
  font-size: 14px;
}
.checkout .cmp-totals .totalSum {
  margin-top: 12px;
}
.checkout .cmp-totals .totalSum dd,
.checkout .cmp-totals .totalSum dt {
  font-size: 16px;
}
.checkout button.btn.btn-block.btn-primary.btn-appearance,
.checkout button.btn-block.btn-primary.btn-appearance.dia-navbar__toggle {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  margin-bottom: 12px;
}
.checkout .component-loading::before {
  background: rgba(0, 0, 0, 0);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  opacity: 1;
}
.checkout .component-loading.with-icon::after {
  color: #17acef;
}
.checkout span.item-remove {
  margin-left: 4px;
}
.checkout .cmp-address-list .item-controls .item-edit .fa {
  left: -2px;
}
.checkout .checkout__address-wrapper .dropdown-menu .item {
  -webkit-transition: border-color 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out;
}
.checkout .checkout__address-wrapper .dropdown-menu .item:hover {
  border-color: #17acef;
}
.mw-40 {
  min-width: 40px !important;
}
.mh-32 {
  max-height: 32px !important;
}
.mh-60 {
  max-height: 60px !important;
}
.ml-8 {
  margin-left: 8px !important;
}
.w-33 {
  width: 33px !important;
}
.page-my-account .cmp-address-list .dropdown-toggle::after {
  position: absolute;
  top: 80%;
  right: 1.5rem;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.v-s-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding-top: 5px !important;
  margin: 0;
}
.v-s-boxes .v-s-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  border: 1px solid #c7d2de;
  border-radius: 0.1rem;
  cursor: pointer;
  margin: 0;
  margin-right: 5px;
}
.v-s-boxes .v-s-box.active {
  color: #17acef;
  border: 1px solid #17acef;
}
.v-s-boxes .v-s-box.empty-option {
  display: none;
}
.v-s-boxes .v-s-box.invalid {
  position: relative;
  border-style: dashed;
}
.v-s-boxes .v-s-box.invalid > span,
.v-s-boxes .v-s-box.invalid img {
  opacity: 0.5;
}
.v-s-boxes .v-s-box.invalid:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(
    to top left,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) calc(50% - 0.8px),
    #c7d2de 50%,
    rgba(0, 0, 0, 0) calc(50% + 0.8px),
    rgba(0, 0, 0, 0) 100%
  );
}
.v-s-boxes.images .v-s-box:not(.empty-option) {
  height: 40px;
  width: 40px;
}
.v-s-boxes.images .v-s-box:not(.empty-option) > img {
  height: 100%;
  width: 100%;
  border-radius: 0.1rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.rezension {
  display: inline-block;
}
.order-property-slider {
  overflow: hidden;
}
.order-property-slider .order-property-slider-inner {
  white-space: nowrap;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.order-property-slider .order-property-slider-inner > div {
  display: inline-block;
  width: 100%;
  visibility: hidden;
}
.order-property-slider .order-property-slider-inner > div.active {
  visibility: visible;
}
.order-property-slider .order-property-slider-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.order-property-slider .order-property-slider-controls .slider-nav {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}
.order-property-slider .order-property-slider-controls .slider-nav span {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #c7d2de;
  background-color: #fff;
  margin: 12px 5px 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.order-property-slider .order-property-slider-controls .slider-nav span.active {
  background-color: #c7d2de;
}
.order-property-slider
  .order-property-slider-controls
  .slider-nav
  span.active.error {
  background-color: #d28492;
  border-color: #dbbac4;
}
.order-property-slider
  .order-property-slider-controls
  .slider-nav
  span.highlight {
  background-color: #17acef;
  border-color: #8ed7f7;
}
.order-property-slider .order-property-slider-controls .slider-nav span.error {
  background-color: #dc3545;
  border-color: #efa2a9;
}
.page-singleitem .pre-footer {
  background-image: radial-gradient(49% 152%, #ffffff 53%, #f2f5f8 100%);
}
.page-singleitem .product-detail__outer {
  background-image: radial-gradient(49% 152%, #ffffff 53%, #f2f5f8 100%);
}
.product-detail {
  padding-top: 12px;
}
@media (min-width: 768px) {
  .product-detail {
    padding-top: 36px;
  }
}
@media (min-width: 992px) {
  .product-detail {
    padding-top: 48px;
  }
}
@media (min-width: 992px) {
  .product-detail__outer {
    padding-top: 8px;
  }
}
.product-detail__outer .breadcrumbs .breadcrumb-item a,
.product-detail__outer .breadcrumbs .breadcrumb-item span {
  color: #789;
}
.product-detail__carousel {
  margin-bottom: 24px;
}
.product-detail__carousel .owl-single-item-nav {
  top: calc(50% - 20px);
}
.product-detail__carousel .owl-single-item-nav .owl-single-item-control {
  top: 47.5%;
}
@media (min-width: 768px) {
  .product-detail__details {
    padding-left: 24px;
  }
}
.product-detail__intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .product-detail__intro {
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .product-detail__intro {
    margin-bottom: 0;
  }
}
.product-detail__producer,
.single-crossselling__receiver-total
  span:not(.single-crossselling__receiver-total-price) {
  color: #17acef;
  font-family: "Söhne Schmal", sans-serif;
  font-size: 20px;
  letter-spacing: 1.25px;
  line-height: 20px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .product-detail__producer,
  .single-crossselling__receiver-total
    span:not(.single-crossselling__receiver-total-price) {
    font-size: 22px;
    letter-spacing: 1.38px;
    line-height: 24px;
  }
}
@media (min-width: 1200px) {
  .product-detail__producer,
  .single-crossselling__receiver-total
    span:not(.single-crossselling__receiver-total-price) {
    font-size: 24px;
    letter-spacing: 1.9px;
    line-height: 28px;
  }
}
.product-detail__title {
  margin-bottom: 8px;
  font-size: 28px;
  letter-spacing: 1.33px;
  line-height: 28px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .product-detail__title {
    font-size: 34px;
    letter-spacing: 1.62px;
    line-height: 36px;
    margin-bottom: 12px;
  }
}
@media (min-width: 1200px) {
  .product-detail__title {
    font-size: 40px;
    letter-spacing: 1.9px;
    line-height: 42px;
  }
}
.product-detail__id {
  font-size: 0.875rem;
  color: #1f2229;
}
.product-detail__availability {
  position: relative;
  padding-left: 16px;
  color: #789;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .product-detail__availability {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.product-detail__availability a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-detail__attr-info-list {
  list-style: none;
  margin: 0 0 16px 0;
  padding: 0;
}
@media (min-width: 768px) {
  .product-detail__attr-info-list {
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .product-detail__attr-info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.product-detail__attr-info-list-item {
  color: #789;
  font-size: 12px;
  line-height: 21px;
}
@media (min-width: 768px) {
  .product-detail__attr-info-list-item {
    margin-right: 30px;
  }
}
@media (min-width: 1200px) {
  .product-detail__attr-info-list-item {
    font-size: 13px;
  }
}
.product-detail__short-wrapper {
  border-bottom: 1px solid #e6eaee;
  margin-bottom: 20px;
}
.product-detail__short-description {
  height: 100px;
  overflow: hidden;
  position: relative;
  padding-bottom: 35px;
}
.product-detail__short-description ul {
  padding-left: 0;
}
.product-detail__short-description li {
  display: list-item;
  list-style: inside;
}
@media (min-width: 768px) {
  .product-detail__short-description {
    font-size: 15px;
    line-height: 25px;
    margin-top: 8px;
    height: 100%;
  }
}
.product-detail__short-description:after {
  content: "";
  height: 30px;
  position: absolute;
  left: 0;
  bottom: 35px;
  right: 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 255, 255, 0)),
    to(#fbfbfd)
  );
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fbfbfd 100%);
}
@media (min-width: 768px) {
  .product-detail__short-description:after {
    display: none;
  }
}
.product-detail__short-description--show {
  height: auto;
  overflow: auto;
}
.product-detail__short-description--show:after {
  display: none;
}
.product-detail__show-more {
  height: 35px;
  position: absolute;
  cursor: pointer;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fbfbfd;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
.product-detail__add-to-basket {
  margin-top: 12px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .product-detail__add-to-basket {
    margin-top: 24px;
  }
}
.product-detail__add-to-basket .add-to-basket-container {
  padding-bottom: 16px;
  border-bottom: 1px solid #e6eaee;
}
@media (min-width: 768px) {
  .product-detail__add-to-basket .add-to-basket-container {
    padding-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .product-detail__add-to-basket .add-to-basket-container {
    padding-bottom: 30px;
  }
}
.product-detail__add-to-basket .quantity-input-container {
  margin-right: 8px;
}
.product-detail__add-to-basket .d-lg-none {
  display: block !important;
}
.product-detail__shipping-info {
  margin-top: 24px;
  padding-top: 18px;
  padding-bottom: 18px;
  background-color: #f2f5f8;
}
@media (min-width: 1200px) {
  .product-detail__shipping-info {
    margin-top: 4px;
  }
}
.product-detail__form {
  margin-bottom: 64px;
}
.product-detail__form h3 {
  margin-bottom: 40px;
  margin-top: 72px;
}
.product-detail__form .input-product-name {
  border: 1px solid #e6eaee !important;
  background-color: #fff !important;
  color: #789;
  font-size: 12px;
  line-height: 21px;
  margin-bottom: 24px !important;
  padding: 12px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.product-detail__form .input-product-name + label {
  position: relative;
  bottom: auto;
  margin-bottom: 12px;
}
.product-detail__form .input-unit.error textarea {
  border-color: #dc3545 !important;
}
.product-detail__form .input-unit textarea {
  height: 150px;
  border: 1px solid #e6eaee !important;
  margin-top: 24px;
  padding: 4px;
  color: #789;
  font-size: 13px;
  line-height: 21px;
  -webkit-transition: border-color 0.25s ease-in-out;
  transition: border-color 0.25s ease-in-out;
}
.product-detail__form .input-unit textarea.no-resize {
  resize: none;
}
.product-detail__form .input-unit textarea:focus {
  outline: none;
  border-color: #17acef !important;
}
.product-detail__form .input-unit textarea::-webkit-input-placeholder {
  color: #789;
}
.product-detail__form .input-unit textarea::-moz-placeholder {
  color: #789;
}
.product-detail__form .input-unit textarea:-ms-input-placeholder {
  color: #789;
}
.product-detail__form .input-unit textarea:-moz-placeholder {
  color: #789;
}
.product-detail__form .btn-block {
  margin-top: 24px;
}
@media (min-width: 768px) {
  .product-detail__form .btn-block {
    max-width: 185px;
    display: block;
    margin: 24px auto 0;
  }
}
@media (min-width: 1200px) {
  .product-detail__form .btn-block {
    margin: 24px auto 0 0;
  }
}
.product-detail__form .form-check {
  position: relative;
  margin-top: 32px;
  -webkit-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
}
@media (min-width: 768px) {
  .product-detail__form .form-check {
    margin-top: 12px;
  }
}
.product-detail__form .form-check.error .form-check-label {
  color: #dc3545;
}
.product-detail__form .form-check-label {
  color: #789;
  font-size: 12px;
  line-height: 18px;
  position: relative;
  font-weight: normal;
  cursor: pointer;
}
@media (min-width: 768px) {
  .product-detail__form .form-check-label {
    font-size: 15px;
  }
}
.product-detail__form .form-check-label a {
  color: #789;
  text-decoration: underline;
  z-index: 2;
  position: relative;
}
.product-detail__form .form-check-label.form-check-label--error-msg {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.product-detail__form .honey {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}
.product-detail__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .product-detail__price {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
  }
}
@media (min-width: 1200px) {
  .product-detail__price {
    margin-top: 4px;
  }
}
.product-detail__price div {
  text-align: center;
}
@media (min-width: 768px) {
  .product-detail__price div {
    text-align: left;
  }
}
.product-detail__discount {
  font-family: "Söhne Schmal", sans-serif;
  font-size: 22px;
  letter-spacing: 1.38px;
  line-height: 1px;
  color: #fff;
  background-color: #f80;
  margin-right: 16px;
  padding: 6px 6px 7px 6px;
  display: inline-block;
}
.product-detail__discount span {
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.product-detail__cross-selling {
  margin-top: 48px;
}
@media (min-width: 768px) {
  .product-detail__cross-selling {
    margin-top: 60px;
  }
}
@media (min-width: 1200px) {
  .product-detail__cross-selling {
    margin-top: 104px;
  }
}
.product-detail__cross-selling hr {
  display: none;
}
.product-detail__cross-selling p.h3 {
  font-size: 15px;
  font-family: "IBM Plex Sans", serif;
  font-weight: bold;
  margin-bottom: 8px;
  text-transform: inherit;
  letter-spacing: inherit;
  font-style: inherit;
}
@media (min-width: 768px) {
  .product-detail__cross-selling p.h3 {
    margin-bottom: 24px;
  }
}
@media (max-width: 767.98px) {
  .product-detail__cross-selling .col-12.col-sm-6.col-md-3 {
    margin-bottom: 16px;
  }
}
@media (min-width: 1200px) {
  .product-detail__cross-selling .col-12.col-sm-6.col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 16px;
  }
}
.product-detail__yt-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.product-detail__yt {
  margin-bottom: 16px;
  margin-right: 16px;
}
.product-detail__yt-title {
  margin: 24px 0 16px;
}
@media (min-width: 768px) {
  .product-detail__yt-title {
    margin-top: 50px;
  }
}
@media (min-width: 1200px) {
  .product-detail__yt-title {
    margin-top: 61px;
  }
}
@media (min-width: 1200px) {
  .product-detail__yt-spacer {
    margin-top: 16px;
  }
}
.product-detail__yt-modal-btn {
  width: 130px;
  height: 70px;
  max-width: 100%;
  display: inline-block;
  cursor: pointer;
}
.product-detail__yt-thumbnail {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.product-detail .youtube-modal {
  padding: 0;
  pointer-events: none;
}
.product-detail .youtube-modal .modal-dialog {
  width: 900px;
  max-width: 100%;
  padding: 10px;
}
.product-detail .feedback-stars__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.product-detail .feedback-stars-average {
  height: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 56px;
  margin-left: 0;
  cursor: pointer;
}
@media (min-width: 768px) {
  .product-detail .feedback-stars-average {
    width: 76px;
    height: 13px;
  }
}
.product-detail .feedback-stars-average .feedback-stars-background {
  width: 56px;
  height: 9px;
}
@media (min-width: 768px) {
  .product-detail .feedback-stars-average .feedback-stars-background {
    width: 76px;
    height: 13px;
  }
}
.product-detail .feedback-stars-average .feedback-star {
  height: 9px;
  width: 9px;
  min-width: 9px;
  line-height: 1;
  font-size: 9px;
  margin-right: 2px;
  color: #789 !important;
}
@media (min-width: 768px) {
  .product-detail .feedback-stars-average .feedback-star {
    height: 13px;
    width: 13px;
    min-width: 13px;
    font-size: 13px;
  }
}
.product-detail .feedback-stars-average .feedback-stars-overlay-wrap,
.product-detail .feedback-stars-average .feedback-stars-overlay {
  height: 100%;
}
.product-detail .feedback-stars-average .feedback-stars-overlay {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.product-detail .feedback-stars-average .feedback-stars-overlay .feedback-star {
  color: orange !important;
}
.product-detail .feedback-loadmore {
  background: #17acef;
  color: #fff;
}
.product-detail .feedback-stars__amount,
.product-detail .small-stars a {
  color: #789;
  font-size: 12px;
  line-height: 21px;
}
.product-detail .feedback-stars__amount:hover,
.product-detail .small-stars a:hover {
  text-decoration: none;
}
.product-detail .accordion__body .feedback-stars-average {
  display: inline-block;
  vertical-align: baseline;
}
.product-detail .feedback-container .title {
  font-size: 20px;
}
.product-detail-question,
.product-detail-question a {
  color: #789;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  text-decoration: none !important;
}
.product-detail-question__svg,
.product-detail-question a__svg {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  color: #17acef;
}
.product-detail-question span,
.product-detail-question a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  line-height: 1.5;
  cursor: pointer;
}
@media (min-width: 768px) {
  .product-detail-question span,
  .product-detail-question a span {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
  }
}
.product-detail__info-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 768px) {
  .product-detail__info-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px;
  }
}
.product-detail-wishlist {
  color: #789 !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  cursor: pointer;
}
.product-detail-wishlist:hover {
  text-decoration: none;
}
.product-detail-wishlist__svg {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  color: #17acef !important;
}
.product-detail-stock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  color: #789;
  font-size: 14px;
  line-height: 18px;
  padding: 0 8px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .product-detail-stock {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    padding-left: 15px;
  }
}
.product-detail-stock__svg {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  color: #41db78 !important;
}
.product-detail-stock__svg--no-stock {
  color: #dc3545 !important;
}
.product-detail-availability {
  display: block;
  text-align: center;
  color: #789 !important;
  font-size: 14px;
  line-height: 18px;
  padding: 0 8px;
}
@media (min-width: 768px) {
  .product-detail-availability {
    text-align: left;
    padding-left: 13px;
  }
}
.product-detail-availability__svg {
  width: 24px;
  height: 17px;
  margin-right: 0;
  margin-bottom: 3px;
  color: #41db78;
}
.product-detail-availability__truck {
  fill: #f80;
  width: 23px;
  height: 23px;
  margin-right: 5px;
}
.list-sort {
  display: inline-block;
}
.list-itemsperpage {
  display: inline-block;
}
.product-detail-tabs {
  margin-top: 20px;
}
.product-detail-tabs .nav-tabs .nav-item .nav-link {
  border: 0;
  border-bottom: 2px solid #789;
  padding: 0 20px;
  font-weight: bold;
  padding-bottom: 5px;
  color: #1f2229;
}
.product-detail-tabs .nav-tabs .nav-item .nav-link.active,
.product-detail-tabs .nav-tabs .nav-item .nav-link:hover {
  border: 0;
  border-bottom: 2px solid #789;
  color: #17acef;
  background-color: rgba(0, 0, 0, 0);
}
.product-detail-tabs .nav-tabs .nav-item .nav-link.active {
  border: 0;
  border-bottom: 2px solid #17acef;
}
.product-detail-tabs .nav-tabs .nav-item + .nav-item {
  margin-left: -1px;
}
.add-to-basket__btn-svg {
  width: 25px;
  height: 22px;
}
.quantity-input-container {
  border: 1px solid #e6eaee;
}
.quantity-input-container .qty-input {
  border: none;
  background: none;
  font-weight: bold;
}
.quantity-input-container .qty-btn-container {
  border: none;
}
.quantity-input-container .qty-btn-container .qty-btn {
  border: none;
  background: none;
}
.quantity-input-container .qty-btn-container .qty-btn .fa-plus:before {
  background-position: 0 4px;
  left: -2px;
}
.quantity-input-container .qty-btn-container .qty-btn .fa-minus:before {
  background-position: 0 0;
  left: -2px;
}
.add-to-basket__btn {
  -webkit-box-shadow: 0 15px 14px -10px rgba(78, 97, 116, 0.6);
  box-shadow: 0 15px 14px -10px rgba(78, 97, 116, 0.6);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.accordion__body table {
  margin: 20px 0px;
}
.accordion__body table tr:nth-child(odd) {
  background: #f2f5f8;
}
.accordion__body table tr td {
  padding: 2px 5px;
}
.product-detail-price--base.is-single-piece {
  display: none;
}
#id--accordion__collapse-1 h1,
#id--accordion__collapse-1 h2,
#id--accordion__collapse-1 h3,
#id--accordion__collapse-1 h4,
#id--accordion__collapse-1 h5,
#id--accordion__collapse-1 h6 {
  margin: 8px 0;
}
#id--accordion__collapse-1 p,
#id--accordion__collapse-1 div {
  margin: 4px 0;
}
#id--accordion__collapse-1 h1,
#id--accordion__collapse-1 h2,
#id--accordion__collapse-1 h3,
#id--accordion__collapse-1 h4,
#id--accordion__collapse-1 h5,
#id--accordion__collapse-1 h6,
#id--accordion__collapse-1 p,
#id--accordion__collapse-1 div {
  background-color: rgba(0, 0, 0, 0) !important;
}
#id--accordion__collapse-1 img,
#id--accordion__collapse-2 img {
  max-width: 100%;
  height: auto;
}
.form-control--inactive {
  pointer-events: none !important;
  color: #96a3af !important;
}
.form-control--inactiveinput[type="checkbox"] {
  background-color: initial !important;
  border-color: rgba(118, 118, 118, 0.3) !important;
}
.form-control--inactive.btn,
.form-control--inactive.dia-navbar__toggle {
  color: #fff !important;
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  .product-detail__cross-selling .list-item-carousel.owl-carousel {
    padding: 0 28px;
  }
}
@media (min-width: 1200px) {
  .product-detail__cross-selling .list-item-carousel .owl-stage-outer {
    height: auto !important;
  }
  .product-detail__cross-selling .list-item-carousel .owl-single-item-nav {
    display: none !important;
  }
  .product-detail__cross-selling .list-item-carousel .owl-stage-outer {
    overflow: inherit;
  }
  .product-detail__cross-selling .list-item-carousel .owl-stage {
    width: calc(100% - 8px) !important;
  }
  .product-detail__cross-selling .list-item-carousel .owl-item {
    width: 100% !important;
  }
  .product-detail__cross-selling .list-item-carousel .owl-item {
    margin-right: 0 !important;
    margin-bottom: 16px;
  }
  .product-detail__cross-selling
    .list-item-carousel
    .product-list-item
    .card-body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .product-detail__cross-selling
    .list-item-carousel
    .product-list-item
    .card-body
    .attributes__wrapper {
    display: none !important;
  }
  .product-detail__cross-selling .list-item-carousel .product-name {
    padding-right: 22px;
  }
  .product-detail__cross-selling .list-item-carousel .product-name,
  .product-detail__cross-selling .list-item-carousel .product-price {
    text-align: left;
  }
  .product-detail__cross-selling .list-item-carousel .item-details__stock {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .product-detail__cross-selling .list-item-carousel .product-image-wrapper {
    width: calc(40% - 4px);
    margin-right: 4px;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .product-detail__cross-selling
    .list-item-carousel
    .product-image-wrapper
    picture {
    min-height: 140px;
    max-height: 140px;
  }
}
@media (min-width: 1200px) {
  .product-detail__cross-selling .list-item-carousel .product-wishlist {
    right: 8px;
    top: 8px;
    z-index: 2;
  }
  .product-detail__cross-selling .list-item-carousel .item-details__wrapper {
    width: 60%;
  }
  .product-detail__cross-selling
    .list-item-carousel
    .item-details__wrapper
    .feedback-stars-average.feedback-category-view {
    margin: 0 auto 12px 0;
  }
  .product-detail__cross-selling
    .list-item-carousel
    .item-details__wrapper
    .feedback-stars-average.feedback-category-view
    .feedback-stars-background {
    margin: 0 auto 0;
  }
  .product-detail__cross-selling
    .list-item-carousel
    .product-list-item:hover
    .item-details__wrapper {
    margin-top: 0;
  }
  .product-detail__cross-selling
    .list-item-carousel
    .product-list-item:hover
    .product-info {
    padding-bottom: 12px;
  }
}
.page-singleitem .graduated-prices-table {
  border: 1px solid #f2f5f8;
  border-left: 0;
  border-right: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.page-singleitem .graduated-prices-table tr {
  margin: 5px 0 !important;
  display: block;
}
.page-singleitem .graduated-prices-table td {
  font-style: inherit !important;
  font-size: 14px;
}
.page-singleitem .graduated-prices-table td:first-child {
  width: 170px;
}
.page-singleitem .category-discount {
  margin: 10px 0;
  padding: 10px 12px;
  border: 1px solid #f2f5f8;
  border-radius: 4px;
}
.page-singleitem .category-discount__title {
  display: block;
  margin-bottom: 4px;
}
.page-singleitem .category-discount__table {
  width: 100%;
  margin-bottom: 4px;
}
.page-singleitem .category-discount__table td {
  font-size: 14px;
  padding: 2px 0;
}
.page-singleitem .category-discount__hint {
  display: block;
  font-size: 12px;
  opacity: 0.75;
}
.bundle__title {
  font-weight: bold;
  margin-bottom: 10px;
}
.bundle__list {
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
}
.bundle__item-qty-value {
  margin-right: 10px;
}
.single-crossselling__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 56px;
  border: solid 1px #e3e3e3;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 11px;
  cursor: pointer;
  padding: 5px 0;
}
.single-crossselling__item:nth-child(n + 5) {
  display: none;
}
.single-crossselling__item.show-hidden-items {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.single-crossselling__item.is-selected {
  border: 1px solid #17acef !important;
}
.single-crossselling__item:hover {
  border: 1px solid #17a2b8;
}
.single-crossselling__item.is-open {
  height: auto;
}
.single-crossselling__item.is-open .single-crossselling__info {
  background: #17acef;
  border-color: #17acef;
  opacity: 1;
}
.single-crossselling__item.is-open .single-crossselling__info img {
  -webkit-filter: invert(0);
  filter: invert(0);
}
.single-crossselling__headline {
  margin: 20px 0;
}
.single-crossselling__receiver {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  height: 100%;
  padding-bottom: 40px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .single-crossselling__receiver {
    padding-bottom: 0;
  }
}
.single-crossselling__add-to-basket {
  margin-top: -25px;
  margin-left: 10px;
}
.single-crossselling__wrapper {
  margin-top: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .single-crossselling__wrapper {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .single-crossselling__wrapper {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) {
  .single-crossselling__wrapper {
    margin-bottom: 0;
  }
}
.single-crossselling__receiver-images {
  display: none;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.single-crossselling__receiver-images img {
  width: 100px;
  margin-right: 10px;
}
.single-crossselling__receiver-total {
  width: 100%;
  margin-bottom: 6px;
}
@media (min-width: 1200px) {
  .single-crossselling__receiver-total
    .single-crossselling__receiver-total-price {
    font-size: 42px !important;
  }
}
.single-crossselling__receiver-total .btn,
.single-crossselling__receiver-total .dia-navbar__toggle {
  font-size: 13px;
}
@media screen and (min-width: 375px) {
  .single-crossselling__receiver-total .btn,
  .single-crossselling__receiver-total .dia-navbar__toggle {
    font-size: 15px;
  }
}
.single-crossselling__indicator {
  max-width: 12.5%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 12.5%;
  flex: 1 0 12.5%;
  cursor: pointer;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 2px solid #17acef;
  margin-left: 5px;
}
.single-crossselling__indicator img {
  width: 20px;
}
@media (min-width: 576px) {
  .single-crossselling__indicator {
    max-width: 10.5%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 10.5%;
    flex: 1 0 10.5%;
  }
}
@media (min-width: 768px) {
  .single-crossselling__indicator {
    max-width: 7.5%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 7.5%;
    flex: 1 0 7.5%;
  }
}
.single-crossselling__name,
.single-crossselling__show-more span,
.single-crossselling__show-less span {
  max-width: 45%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 45%;
  flex: 1 0 45%;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #333;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  height: 45px;
  line-height: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (min-width: 576px) {
  .single-crossselling__name,
  .single-crossselling__show-more span,
  .single-crossselling__show-less span {
    max-width: 50%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
  }
}
@media (min-width: 768px) {
  .single-crossselling__name,
  .single-crossselling__show-more span,
  .single-crossselling__show-less span {
    max-width: 50%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
  }
}
@media (min-width: 992px) {
  .single-crossselling__name,
  .single-crossselling__show-more span,
  .single-crossselling__show-less span {
    max-width: 48%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 48%;
    flex: 1 0 48%;
  }
}
@media (min-width: 1200px) {
  .single-crossselling__name,
  .single-crossselling__show-more span,
  .single-crossselling__show-less span {
    max-width: 49%;
  }
}
@media screen and (min-width: 1400px) {
  .single-crossselling__name,
  .single-crossselling__show-more span,
  .single-crossselling__show-less span {
    max-width: 50%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
  }
}
.single-crossselling__image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 992px) {
  .single-crossselling__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
  }
}
.single-crossselling__image img {
  max-height: 40px;
}
@media (min-width: 768px) {
  .single-crossselling__image img {
    max-height: 30px;
  }
}
@media (min-width: 992px) {
  .single-crossselling__image img {
    max-height: 40px;
  }
}
.single-crossselling__price {
  max-width: 27.5%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 22.5%;
  flex: 1 0 22.5%;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #333;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (min-width: 576px) {
  .single-crossselling__price {
    max-width: 22.5%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 22.5%;
    flex: 1 0 22.5%;
  }
}
@media (min-width: 768px) {
  .single-crossselling__price {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .single-crossselling__price {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1400px) {
  .single-crossselling__price {
    max-width: 21%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 21%;
    flex: 1 0 21%;
  }
}
.single-crossselling__price-uvp {
  font-size: 12px;
  font-weight: 300;
  margin-left: 5px;
}
.single-crossselling__info {
  cursor: pointer;
  width: 45px;
  height: 45px;
  border: solid 1px #b9c2a9;
  background-color: #b9c2a9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: -4px;
  margin-left: 4px;
  position: absolute;
  right: 0;
  top: 4px;
  opacity: 0.2;
}
@media (min-width: 1200px) {
  .single-crossselling__info {
    position: relative;
    right: unset;
    top: unset;
    margin-top: 0;
    margin-left: 10px;
  }
}
.single-crossselling__info img {
  width: 8px;
  -webkit-filter: invert(1);
  filter: invert(1);
}
.single-crossselling__item-info {
  display: none;
  width: 100%;
  max-width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  padding-left: 16px;
  padding-right: 56px;
}
.single-crossselling__item-info hr {
  border-top: 2px solid #ececec;
  margin-top: 0;
  margin-bottom: 14px;
}
@media (min-width: 768px) {
  .single-crossselling__item-info hr {
    margin-top: 5px;
  }
}
.single-crossselling__item-info.is-open {
  display: block;
}
.single-crossselling__item-info-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.single-crossselling__img-wrapper {
  width: 75px;
  min-width: 75px;
  height: 75px;
  border: solid 0.5px #e3e3e3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 27px;
}
.single-crossselling__img-wrapper img {
  max-width: 100%;
  max-height: 100%;
}
.single-crossselling__inner-name {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 18px;
}
.single-crossselling__table.table tr td {
  padding: 0 0 !important;
  border: none !important;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #333;
}
.single-crossselling__table.table tr td:first-child {
  min-width: 110px;
}
.single-crossselling__more-link {
  margin-top: 28px;
  margin-bottom: 12px;
}
.single-crossselling__more-link a {
  color: #17a2b8;
  font-size: 16px;
}
.single-crossselling__more-link a:hover {
  color: #17acef;
}
.single-crossselling__show-more,
.single-crossselling__show-less {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 46px;
  border: solid 1px #e3e3e3;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 11px;
  cursor: pointer;
}
.single-crossselling__show-more .single-crossselling__indicator,
.single-crossselling__show-less .single-crossselling__indicator {
  border: none;
}
.single-crossselling__show-more:hover,
.single-crossselling__show-less:hover {
  border: 1px solid #17a2b8;
}
.single-crossselling__show-more span,
.single-crossselling__show-less span {
  line-height: 46px;
}
.single-crossselling__show-less img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.product-detail__variation {
  border-bottom: 1px solid #e6eaee;
  margin-bottom: 25px;
  padding-bottom: 10px;
  margin-top: 10px;
}
@media (min-width: 992px) {
  .product-detail__variation {
    padding-bottom: 15px;
  }
}
.product-detail__variation .variation-select {
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .product-detail__variation .variation-select {
    margin-bottom: 16px;
  }
}
.product-detail__variation .variation-select .text-muted {
  font-size: 13px;
  color: #789 !important;
  font-weight: bolder;
  letter-spacing: 0;
  line-height: 18px;
  margin-right: 4px;
}
.product-detail__variation .variation-select b {
  font-size: 13px;
  color: #1f2229;
  letter-spacing: 0;
  line-height: 18px;
}
.product-detail__variation .variation-select__selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px;
}
.product-detail__variation .variation-select__selected label {
  font-size: 13px;
  color: #789 !important;
  font-weight: bolder;
  letter-spacing: 0;
  line-height: 18px;
  margin: 0;
}
.product-detail__variation .variation-select__selected:before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 4px;
}
.product-detail__variation .variation-select .custom-select {
  border: 1px solid #c7d2de;
}
.product-detail__variation
  .variation-select__6
  .variation-select__selected:before,
.product-detail__variation
  .variation-select__1
  .variation-select__selected:before {
  width: 16px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18' viewBox='0 0 16 18'%3E%3Cg fill='%2317ACEF'%3E%3Cpath d='M13.838 10.238c0 .313-.021.627-.063.938l.03-.224a6.992 6.992 0 0 1-.48 1.752c.027-.068.057-.136.084-.203a7.041 7.041 0 0 1-.896 1.531l.133-.17a7.031 7.031 0 0 1-1.246 1.246l.171-.133a6.957 6.957 0 0 1-1.532.895c.068-.027.136-.057.203-.084-.56.237-1.149.397-1.751.48.074-.011.15-.022.224-.03a7.134 7.134 0 0 1-1.874 0l.224.03a6.992 6.992 0 0 1-1.752-.48c.068.027.136.057.203.084a7.041 7.041 0 0 1-1.531-.895l.17.133A7.031 7.031 0 0 1 2.91 13.86l.133.171a6.957 6.957 0 0 1-.896-1.531c.028.067.058.135.085.203a6.904 6.904 0 0 1-.48-1.752c.011.074.022.15.03.224a7.145 7.145 0 0 1-.002-1.863l-.03.224a7 7 0 0 1 .482-1.764c-.027.067-.057.135-.085.202a7.013 7.013 0 0 1 .905-1.542l-.133.171a12.55 12.55 0 0 1 1.06-1.162c.444-.443.898-.872 1.359-1.297A109.679 109.679 0 0 1 8.38 1.447H7.185c.503.43 1.002.864 1.496 1.302.934.826 1.86 1.662 2.746 2.537.425.42.85.847 1.217 1.318l-.133-.17c.366.472.67.99.904 1.541l-.084-.202a7 7 0 0 1 .482 1.764 8.12 8.12 0 0 1-.03-.224c.034.306.055.614.055.925.002.442.389.866.845.845.456-.021.847-.372.845-.845a7.858 7.858 0 0 0-.961-3.744c-.44-.8-1.042-1.49-1.682-2.136a47.572 47.572 0 0 0-1.831-1.743c-.581-.53-1.169-1.054-1.762-1.571-.3-.262-.603-.526-.907-.784L8.373.25c-.167-.142-.37-.258-.598-.248a.948.948 0 0 0-.598.247c-.372.317-.74.638-1.107.96A92.662 92.662 0 0 0 3.775 3.28c-.676.634-1.369 1.274-1.954 1.994a8.288 8.288 0 0 0-.729 1.027 8.29 8.29 0 0 0-.543 1.13A7.643 7.643 0 0 0 .036 9.77a7.788 7.788 0 0 0 .83 3.989c.585 1.164 1.483 2.15 2.55 2.89 1.097.76 2.388 1.19 3.71 1.312 1.354.127 2.713-.144 3.944-.708 1.19-.543 2.191-1.415 2.97-2.457a7.675 7.675 0 0 0 .943-1.711 7.593 7.593 0 0 0 .486-1.94 7.26 7.26 0 0 0 .06-.908c0-.442-.39-.866-.846-.845-.458.023-.845.374-.845.847z'/%3E%3Cpath d='M14.683 10.238a6.908 6.908 0 0 1-6.908 6.908V.85s4.067 3.46 5.334 5.001a6.877 6.877 0 0 1 1.574 4.388z'/%3E%3C/g%3E%3C/svg%3E");
}
.product-detail__variation
  .variation-select__7
  .variation-select__selected:before,
.product-detail__variation
  .variation-select__4
  .variation-select__selected:before,
.product-detail__variation
  .variation-select__12
  .variation-select__selected:before {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath fill='%2317ACEF' d='M18.24 1.089L17.153 0l-2.994 3.097a7.763 7.763 0 0 0-4.857-1.702c-4.302 0-7.803 3.5-7.803 7.803 0 1.835.639 3.523 1.703 4.857L0 17.143l1.089 1.089 3.185-3.073A7.768 7.768 0 0 0 9.301 17c4.302 0 7.803-3.5 7.803-7.803a7.766 7.766 0 0 0-1.841-5.026l2.978-3.082zM3.039 9.198a6.27 6.27 0 0 1 6.263-6.263c1.41 0 2.713.469 3.761 1.259l-8.765 8.765a6.232 6.232 0 0 1-1.259-3.761zm12.526 0A6.27 6.27 0 0 1 9.3 15.46a6.23 6.23 0 0 1-3.933-1.394l8.802-8.802a6.234 6.234 0 0 1 1.394 3.934z'/%3E%3C/svg%3E");
}
.product-detail__variation
  .variation-select__8
  .variation-select__selected:before,
.product-detail__variation
  .variation-select__5
  .variation-select__selected:before {
  width: 16px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='18' viewBox='0 0 17 18'%3E%3Cpath fill='%2317ACEF' d='M15.855 18c.43 0 .603-.441.52-1.323l-2.188-11.34a.641.641 0 0 0-.628-.522h-2.844a3.068 3.068 0 0 0-.45-4.04 3.004 3.004 0 0 0-4.03 0 3.068 3.068 0 0 0-.45 4.04H2.942a.641.641 0 0 0-.628.522L.126 16.677C.042 17.559.292 18 .877 18h14.978zM8.25 1.296c.963 0 1.744.788 1.744 1.76 0 .971-.781 1.759-1.745 1.759a1.754 1.754 0 0 1-1.744-1.76c0-.971.781-1.759 1.745-1.759zM3.469 6.105h9.563l2.04 10.572H1.429l2.04-10.572z'/%3E%3C/svg%3E");
}
.product-detail__variation
  .variation-select__13
  .variation-select__selected:before,
.product-detail__variation
  .variation-select__2
  .variation-select__selected:before {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2317ACEF; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m373.82,64.35h-56.08v-6.94c0-14.43-11.74-26.17-26.17-26.17H19.77c-6.83,0-13.09,3.45-16.72,9.24-3.64,5.78-4.05,12.91-1.09,19.07l51.55,107.4v175.64c0,14.43,11.74,26.17,26.17,26.17h211.89c14.43,0,26.17-11.74,26.17-26.17v-45.4h56.08c14.43,0,26.17-11.74,26.17-26.17V90.52c0-14.43-11.74-26.17-26.17-26.17Zm-82.78,277.71H80.22v-175.23c0-3.89-.89-7.81-2.58-11.32L30.81,57.94h260.23v284.12Zm82.25-71.56h-55.54V91.05h55.54v179.44Z'/%3E%3Cpath class='cls-1' d='m131.36,124.16h50.2c7.37,0,13.35-5.98,13.35-13.35s-5.98-13.35-13.35-13.35h-50.2c-7.37,0-13.35,5.98-13.35,13.35s5.98,13.35,13.35,13.35Z'/%3E%3Cpath class='cls-1' d='m131.36,179.71h50.2c7.37,0,13.35-5.98,13.35-13.35s-5.98-13.35-13.35-13.35h-50.2c-7.37,0-13.35,5.98-13.35,13.35s5.98,13.35,13.35,13.35Z'/%3E%3Cpath class='cls-1' d='m131.36,236.32h50.2c7.37,0,13.35-5.98,13.35-13.35s-5.98-13.35-13.35-13.35h-50.2c-7.37,0-13.35,5.98-13.35,13.35s5.98,13.35,13.35,13.35Z'/%3E%3Cpath class='cls-1' d='m131.36,291.86h50.2c7.37,0,13.35-5.98,13.35-13.35s-5.98-13.35-13.35-13.35h-50.2c-7.37,0-13.35,5.98-13.35,13.35s5.98,13.35,13.35,13.35Z'/%3E%3C/svg%3E");
}
.product-detail__variation
  .variation-select__14
  .variation-select__selected:before,
.product-detail__variation
  .variation-select__11
  .variation-select__selected:before {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2317ACEF; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m259.34,0h-118.67c-7.06,0-12.79,5.73-12.79,12.79v374.42c0,7.06,5.73,12.79,12.79,12.79h118.67c7.06,0,12.79-5.73,12.79-12.79V12.79c0-7.06-5.73-12.79-12.79-12.79Zm-105.88,374.42V25.58h93.09v25.06h-41.43c-5.09,0-9.21,4.12-9.21,9.21s4.12,9.21,9.21,9.21h41.43v28.64h-23.02c-5.09,0-9.21,4.12-9.21,9.21s4.12,9.21,9.21,9.21h23.02v27.62h-41.43c-5.09,0-9.21,4.12-9.21,9.21s4.12,9.21,9.21,9.21h41.43v29.67h-23.02c-5.09,0-9.21,4.12-9.21,9.21s4.12,9.21,9.21,9.21h23.02v26.6h-41.43c-5.09,0-9.21,4.12-9.21,9.21s4.12,9.21,9.21,9.21h41.43v29.67h-23.02c-5.09,0-9.21,4.12-9.21,9.21s4.12,9.21,9.21,9.21h23.02v28.64h-41.43c-5.09,0-9.21,4.12-9.21,9.21s4.12,9.21,9.21,9.21h41.43v24.04h-93.09Z'/%3E%3C/svg%3E");
}
.product-detail__variation
  .variation-select__15
  .variation-select__selected:before {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2317ACEF; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m344.59,338.21c34.31-35.94,55.41-84.65,55.41-138.21C400,89.72,310.54,0,200.58,0S1.15,89.72,1.15,200s89.46,200,199.42,200c53.95,0,102.95-21.6,138.89-56.63,1.03-.58,2.01-1.3,2.88-2.18s1.65-1.91,2.24-2.98Zm28.61-138.21c0,42.68-15.47,81.79-41.08,112.01L88.5,68.39c30.18-25.91,69.34-41.59,112.08-41.59,95.18,0,172.62,77.7,172.62,173.2Zm-345.24,0c0-42.97,15.68-82.33,41.6-112.64l243.72,243.72c-30.26,26.23-69.67,42.12-112.7,42.12-95.18,0-172.62-77.7-172.62-173.2Z'/%3E%3Cpath class='cls-1' d='m210.4,135.99h92.43c7.4,0,13.4-6,13.4-13.4s-6-13.4-13.4-13.4h-92.43c-7.4,0-13.4,6-13.4,13.4s6,13.4,13.4,13.4Z'/%3E%3Cpath class='cls-1' d='m179.2,245.52h-32.81v-32.81c0-7.4-6-13.4-13.4-13.4s-13.4,6-13.4,13.4v32.81h-32.81c-7.4,0-13.4,6-13.4,13.4s6,13.4,13.4,13.4h32.81v32.82c0,7.4,6,13.4,13.4,13.4s13.4-6,13.4-13.4v-32.82h32.81c7.4,0,13.4-6,13.4-13.4s-6-13.4-13.4-13.4Z'/%3E%3C/svg%3E");
}
.product-detail__variation
  .variation-select__16
  .variation-select__selected:before {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2317ACEF; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m192.92,139.27l-63.73,104.1c-2.22,3.62-2.31,8.16-.23,11.87s5.99,6,10.24,6h40.71l-3.41,59.15c-.31,5.37,3.07,10.27,8.21,11.88,1.16.36,2.34.54,3.51.54,4,0,7.84-2.06,10.01-5.61l63.73-104.1c2.22-3.62,2.31-8.16.23-11.87s-5.99-6-10.24-6h-40.71l3.41-59.15c.31-5.37-3.08-10.27-8.21-11.88-5.14-1.61-10.71.48-13.52,5.07Zm5.99,89.44h32.09l-28.37,46.33,1.43-24.87c.37-6.47-4.57-12.02-11.05-12.4-.23-.01-.46-.02-.69-.02-.14,0-.28,0-.43,0-.14,0-.28,0-.42,0h-31.34l28.37-46.33-1.43,24.87c-.37,6.47,4.57,12.02,11.05,12.4.26.02.51.02.78.02Z'/%3E%3Cpath class='cls-1' d='m398.29,355.77L211.05,31.47c-2.28-3.95-6.49-6.38-11.05-6.38s-8.77,2.43-11.05,6.38L1.71,355.77c-2.28,3.95-2.28,8.81,0,12.76,2.28,3.95,6.49,6.38,11.05,6.38h374.48c4.56,0,8.77-2.43,11.05-6.38,2.28-3.95,2.28-8.81,0-12.76Zm-363.43-6.38L200,63.37l165.14,286.02H34.86Z'/%3E%3C/svg%3E");
}
.product-detail__variation
  .variation-select__17
  .variation-select__selected:before {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2317ACEF; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='200' cy='200' r='200' transform='translate(-82.84 200) rotate(-45)'/%3E%3C/svg%3E");
}
.product-detail__variation
  .variation-select__18
  .variation-select__selected:before {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2317ACEF; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='200' cy='200' r='200' transform='translate(-82.84 200) rotate(-45)'/%3E%3C/svg%3E");
}
.product-detail__variation
  .variation-select__19
  .variation-select__selected:before,
.product-detail__variation
  .variation-select__3
  .variation-select__selected:before,
.product-detail__variation
  .variation-select__9
  .variation-select__selected:before,
.product-detail__variation
  .variation-select__10
  .variation-select__selected:before {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2317ACEF; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='200' cy='200' r='200' transform='translate(-82.84 200) rotate(-45)'/%3E%3C/svg%3E");
}
.product-detail__variation .v-s-boxes {
  padding: 0 !important;
}
.product-detail__variation .v-s-boxes .v-s-box {
  border-color: #c7d2de;
  margin-right: 8px;
  margin-bottom: 8px;
  height: 37px;
  min-height: 37px;
}
@media (min-width: 768px) {
  .product-detail__variation .v-s-boxes .v-s-box {
    height: 42px;
    min-height: 42px;
  }
}
.product-detail__variation .v-s-boxes .v-s-box.active {
  border-color: #17acef;
  border-width: 2px;
}
.product-detail__variation .v-s-boxes .v-s-box.active span {
  color: #789;
}
.product-detail__variation .v-s-boxes .v-s-box span {
  font-size: 12px;
  color: #789;
  letter-spacing: 0;
  line-height: 21px;
  font-weight: bolder;
}
@media (min-width: 768px) {
  .product-detail__variation .v-s-boxes .v-s-box span {
    font-size: 13px;
    color: #789;
    letter-spacing: 0;
    line-height: 18px;
  }
}
.product-detail__variation .v-s-boxes.images .v-s-box {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
}
.product-detail__variation .v-s-boxes.images .v-s-box img {
  border-radius: 50%;
  padding: 3px !important;
}
.product-detail__variation .v-s-boxes.images .v-s-box.active {
  border-color: #1f2229;
  border-width: 1px;
}
.product-detail__variation .input-unit {
  margin: 0;
}
.product-detail__variation .custom-select {
  font-size: 12px;
  color: #789;
  letter-spacing: 0;
  line-height: 21px;
  font-weight: bolder;
  height: 37px;
  min-height: 37px;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .product-detail__variation .custom-select {
    font-size: 13px;
    color: #789;
    letter-spacing: 0;
    line-height: 18px;
    height: 42px;
    min-height: 42px;
  }
}
.tooltip.show {
  opacity: 1;
}
.tooltip-inner {
  background: #fff;
  border: 1px solid #17acef;
  font-size: 13px;
  color: #1f2229;
  letter-spacing: 0;
  line-height: 22px;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: #0e7bae;
  border-width: 6px 6px 0;
  -webkit-box-shadow: 0 13px 12px -10px rgba(78, 97, 116, 0.6);
  box-shadow: 0 13px 12px -10px rgba(78, 97, 116, 0.6);
}
.variation-preview-image {
  position: absolute;
  z-index: 10000;
  overflow: hidden;
  background: #fff;
}
.variation-preview-image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
#eusafety .manufacturer-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  gap: 10px;
}
@media (min-width: 768px) {
  #eusafety .manufacturer-data {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  #eusafety .manufacturer-data .manufacturer-image {
    max-width: 30%;
  }
}
#eusafety .manufacturer-data .manufacturer-image img {
  max-width: 100%;
  height: auto;
}
.category-discount-progress {
  margin-bottom: 16px;
  padding: 10px 12px;
  border: 1px solid #f2f5f8;
  border-radius: 4px;
}
.category-discount-progress__title {
  display: block;
  margin-bottom: 8px;
}
.category-discount-progress__bar {
  position: relative;
  height: 10px;
  margin: 0 8px;
  border-radius: 5px;
  background-color: #e6eaee;
}
.category-discount-progress__fill {
  position: absolute;
  top: 0;
  height: 100%;
  -webkit-transition: width 0.3s ease, left 0.3s ease;
  transition: width 0.3s ease, left 0.3s ease;
}
.category-discount-progress__fill--cart {
  left: 0;
  border-radius: 5px 0 0 5px;
  background-color: #17acef;
}
.category-discount-progress__fill--adding {
  background-color: #f80;
}
.category-discount-progress__marker {
  position: absolute;
  top: -3px;
  width: 4px;
  height: 16px;
  margin-left: -2px;
  border-radius: 2px;
  background-color: #789;
}
.category-discount-progress__marker--reached {
  background-color: #1f2229;
}
.category-discount-progress__labels {
  position: relative;
  height: 38px;
  margin: 4px 8px 0;
}
.category-discount-progress__label {
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
  color: #789;
}
.category-discount-progress__label:last-child {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  text-align: right;
}
.category-discount-progress__label b,
.category-discount-progress__label small {
  display: block;
}
.category-discount-progress__label b {
  font-size: 13px;
}
.category-discount-progress__label small {
  font-size: 11px;
}
.category-discount-progress__label--reached {
  color: #f80;
}
.category-discount-progress__text {
  display: block;
  font-size: 13px;
}
.category-discount-progress__in-cart {
  color: #789;
}
.category-discount-progress__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 4px 16px;
}
.category-discount-progress__unlock {
  display: block;
  color: #f80;
  font-size: 14px;
}
.category-discount-progress__hint {
  font-size: 12px;
  opacity: 0.75;
}
.category-discount-progress--category {
  margin-top: 20px;
}
.product-detail-price,
.single-crossselling__receiver-total
  .single-crossselling__receiver-total-price {
  color: #f80;
  font-size: 28px;
  letter-spacing: 1.56px;
  line-height: 28px;
  text-transform: uppercase;
  font-family: "Söhne Schmal", sans-serif;
}
@media (min-width: 1200px) {
  .product-detail-price,
  .single-crossselling__receiver-total
    .single-crossselling__receiver-total-price {
    font-size: 52px;
    letter-spacing: 2px;
    line-height: 38px;
  }
}
@media (min-width: 1200px) {
  .product-detail-price--sale {
    font-size: 42px;
  }
}
.product-detail-price--vat {
  text-align: center;
  color: #789;
  font-size: 12px;
  line-height: 18px;
  margin-top: 4px;
}
.product-detail-price--vat a {
  color: #789;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .product-detail-price--vat {
    text-align: left;
    margin-top: 8px;
  }
}
.product-detail-price--uvp {
  color: #789;
  font-size: 16px;
  letter-spacing: 0.76px;
  line-height: 22px;
  text-decoration: line-through;
  margin-left: 4px;
}
@media (min-width: 992px) {
  .product-detail-price--uvp {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .product-detail-price--uvp {
    line-height: 32px;
  }
}
.product-detail-price--base {
  margin-top: 8px;
  color: #789;
  font-size: 12px;
  line-height: 18px;
  width: 100%;
}
@media (min-width: 768px) {
  .product-detail-price--base {
    width: auto;
  }
}
.product-detail-price__additional {
  width: 100%;
}
@media (min-width: 768px) {
  .product-detail-price__additional {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media (min-width: 1200px) {
  .product-detail-price__additional {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .product-detail-price--base + .product-detail-price--vat {
    margin-top: 4px;
  }
}
.product-detail__outer .breadcrumbs {
  background-image: radial-gradient(49% 152%, #ffffff 53%, #f2f5f8 100%);
}
.product-detail .single-carousel {
  border: 1px solid #e6eaee;
}
.product-detail .single-carousel .owl-single-item-nav {
  position: absolute;
}
.product-detail .single-carousel .owl-single-item-nav.left {
  width: 40px;
  height: 40px;
}
.product-detail
  .single-carousel
  .owl-single-item-nav.left
  .fa-chevron-left:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.239 12.54L12.507.275a.734.734 0 0 1 1.04 0 .733.733 0 0 1 0 1.041L1.804 13.058 13.548 24.8a.733.733 0 0 1 0 1.04.74.74 0 0 1-.518.219.718.718 0 0 1-.518-.218L.244 13.576A.732.732 0 0 1 .24 12.54z' fill='%2317ACEF' stroke='%2317ACEF' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.product-detail .single-carousel .owl-single-item-nav.right {
  width: 40px;
  height: 40px;
}
.product-detail
  .single-carousel
  .owl-single-item-nav.right
  .fa-chevron-right:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.297.217a.734.734 0 0 0-1.04 0 .733.733 0 0 0 0 1.04L12 13 .256 24.741a.733.733 0 0 0 0 1.041.74.74 0 0 0 .518.218c.185 0 .376-.07.518-.218L13.56 13.517a.732.732 0 0 0 .005-1.035L1.297.217z' fill='%2317ACEF' stroke='%2317ACEF' fill-rule='evenodd'/%3E%3C/svg%3E");
}
@media (min-width: 768px) {
  .product-detail #thumb-carousel {
    max-height: 50px;
  }
}
@media (min-width: 992px) {
  .product-detail #thumb-carousel {
    max-height: 55px;
  }
}
@media (min-width: 1200px) {
  .product-detail #thumb-carousel {
    max-height: 100px;
  }
}
.product-detail .owl-thumbs .owl-thumb {
  -webkit-transition: border-color 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out;
  border-color: #c7d2de;
  padding: 4px;
}
.product-detail .owl-thumbs .owl-thumb:hover {
  border-color: #17acef;
}
@media (max-width: 767.98px) {
  .product-list {
    margin-right: -5px;
    margin-left: -5px;
  }
}
.product-list__col {
  margin-bottom: 8px;
}
@media (max-width: 767.98px) {
  .product-list__col {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 768px) {
  .product-list__col {
    margin-bottom: 16px;
  }
}
.product-list__load-prev {
  height: 69px;
  margin-top: 22px;
}
.product-list__load-prev--auto-height {
  height: auto;
}
.product-list--list .product-list__col {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.product-list-banner {
  height: 65px;
}
@media (min-width: 768px) {
  .product-list-banner {
    height: 120px;
  }
}
.product-list-banner__title {
  color: #1f2229;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding-bottom: 12px;
  border-bottom: 2px solid #17acef;
  display: table;
}
.product-list-banner__image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-list-banner__description {
  margin-top: 20px;
}
.product-list-controls {
  margin: 20px 0;
}
.product-list-controls .custom-select {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='11px' height='6px' viewBox='0 0 11 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E02 icon%3C/title%3E%3Cg id='Category' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='xl-category-filament-banner' transform='translate(-1249.000000, -459.000000)' stroke='%2317ACEF' stroke-width='2'%3E%3Cg id='05-product-overview' transform='translate(404.000000, 452.000000)'%3E%3Cg id='01-sort' transform='translate(769.000000, 0.000000)'%3E%3Cpolyline id='02-icon' transform='translate(81.500000, 10.000000) rotate(-270.000000) translate(-81.500000, -10.000000) ' points='79.5 5.5 83.5 10 79.5 14.5'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  font-size: 15px;
  font-weight: 600;
  color: #789;
  background-size: auto;
  cursor: pointer;
}
.product-list-controls .count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 600;
  color: #789;
}
@media (min-width: 768px) {
  .product-list-controls .count {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
.product-list-pagination .page-item.active .page-link {
  color: #fff;
}
.sidebar-categories {
  background: #fff;
  border-radius: 0.1rem;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  padding-bottom: 10px;
}
.sidebar-categories .category-title {
  background: #fff;
  padding: 20px 15px;
  font-weight: 700;
}
.sidebar-categories ul li.active > a {
  color: #17acef;
}
@media (max-width: 767.98px) {
  .dia-category-usp {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .dia-category-usp__text {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .dia-category-usp .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66% !important;
    flex: 0 0 16.66% !important;
    max-width: 16.66% !important;
  }
}
.dia-category-sidebar {
  background: rgba(0, 0, 0, 0);
}
.dia-category-sidebar .category-title {
  background: rgba(0, 0, 0, 0);
  padding: 1.2rem 1.75rem;
}
.dia-category-sidebar .nav-item .nav-link {
  padding: 0.3rem 1.75rem;
}
.dia-category-sidebar .nav-item .expand_nav {
  padding: 0.3rem 0rem;
}
.dia-category-sidebar .filter-badge {
  color: #789;
}
.dia-category-sidebar .card .h3 {
  margin-bottom: 2rem;
}
.dia-category-sidebar .form-check-wrapper {
  padding: 0;
}
.dia-category-sidebar .form-check-wrapper .form-check-label {
  padding: 0.3rem 0;
}
.dia-category-sidebar__price .item-filter-price {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.dia-category-sidebar__price .item-filter-price .input-group-text {
  font-size: 12px;
  font-weight: 700;
  background: rgba(0, 0, 0, 0);
  border: none;
  padding: 0 0 0.3rem;
}
.dia-category-sidebar__price .item-filter-price .form-control,
.dia-category-sidebar__price .item-filter-price .input-unit input,
.input-unit .dia-category-sidebar__price .item-filter-price input {
  width: 100%;
  border: none;
  border-radius: 0.3rem;
}
.dia-category-sidebar__price .item-filter-price .btn-appearance {
  background-color: #17acef;
  color: #fff;
  margin: 20px 0 15px;
}
.dia-category-sidebar__price .item-filter-price .btn-appearance i:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='square' stroke-linejoin='arcs'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
}
.product-listing-service {
  background: #f2f5f8;
  padding: 50px 0;
  margin-top: 40px;
}
.product-listing-service h3 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding-bottom: 8px;
  border-bottom: 2px solid #00adf5;
  margin-bottom: 50px;
}
.product-listing-service .bg-white {
  padding: 16px;
  border: 1px solid #e6eaee;
  margin: 4px 0;
}
@media (min-width: 1200px) {
  .product-listing-service .bg-white {
    padding: 24px;
    margin: 0;
  }
}
.product-listing-service .bg-white a.btn.btn-white,
.product-listing-service .bg-white a.btn-white.dia-navbar__toggle {
  padding: 0;
}
@media (min-width: 768px) {
  .product-listing-service .bg-white a.btn.btn-white,
  .product-listing-service .bg-white a.btn-white.dia-navbar__toggle {
    padding: 8px 0;
  }
}
.product-listing-service__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .product-listing-service__title {
    min-height: 45px;
    margin-bottom: 12px;
  }
}
@media (min-width: 1200px) {
  .product-listing-service__title {
    min-height: 50px;
    margin-bottom: 45px;
  }
}
.product-listing-service a.btn.btn-white,
.product-listing-service a.btn-white.dia-navbar__toggle {
  font-family: "IBM Plex Sans", serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  padding-left: 0;
}
.category-description h2,
.category-description h3,
.category-description h4 {
  margin-bottom: 10px;
}
.category-description.show {
  width: 100%;
  overflow-y: auto;
}
#productListingSeo {
  font-size: 15px;
  line-height: 1.5;
  padding: 100px 0;
}
#productListingSeo .category-title {
  padding-bottom: 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 2px solid #17acef;
  margin-bottom: 77px;
}
#productListingSeo div.collapse:not(.show) {
  height: 450px !important;
  overflow: hidden;
  position: relative;
  display: block;
}
#productListingSeo div.collapse:not(.show):after {
  content: "";
  height: 100px;
  width: 100%;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#fff),
    to(rgba(255, 255, 255, 0))
  );
  background-image: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  display: block;
  position: absolute;
  z-index: 2;
  bottom: 0px;
  pointer-events: none;
}
#productListingSeo div.collapsing {
  min-height: 42px !important;
}
#productListingSeo a.btn-primary {
  margin: 0 auto;
  text-align: center;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#productListingSeo a.collapsed .more {
  display: block;
}
#productListingSeo a.collapsed .less {
  display: none;
}
#productListingSeo a:not(.collapsed) .less {
  display: block;
}
#productListingSeo a:not(.collapsed) .more {
  display: none;
}
.product-list-controls #js--list-sort.custom-select {
  padding-right: 36px;
}
.page-category:not(.page-home-category) .header {
  -webkit-box-shadow: 0px -6px 14px rgba(0, 0, 0, 0.1215686275);
  box-shadow: 0px -6px 14px rgba(0, 0, 0, 0.1215686275);
  margin-bottom: 5px;
}
.product-list-item {
  background-color: #fff;
  width: 100%;
  height: 100%;
  border: 2px solid #e6eaee;
  text-align: center;
  border-radius: 0;
}
@media (max-width: 767.98px) {
  .product-list-item {
    height: 100%;
    border: 1px solid #e6eaee;
  }
}
.product-list-item .card-body {
  padding: 4px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .product-list-item .card-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px !important;
  }
}
.product-list-item .list-view-only {
  display: none;
}
.product-list-item .list-view-only-mobile {
  display: none;
}
@media (min-width: 992px) {
  .product-list-item .list-view-only-mobile {
    display: block;
  }
}
.product-list-item .btn-group {
  width: 100%;
}
.product-list-item .add-to-basket__btn {
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 1;
}
.product-wishlist {
  position: absolute;
  right: 4px;
  top: 4px;
  cursor: pointer;
  z-index: 1;
  padding: 4px;
}
.product-wishlist svg {
  margin-left: 0;
  color: #1f2229;
}
@media (min-width: 768px) {
  .product-wishlist svg {
    width: 23px;
    height: 22px;
  }
}
.product-wishlist:hover svg {
  color: #17acef;
}
.product-wishlist--active svg {
  color: #17acef;
}
.product-wishlist--active:hover svg {
  color: #1f2229;
}
.product-info {
  background-color: #f2f5f8;
  padding: 8px;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}
@media (min-width: 1200px) {
  .product-info {
    padding: 12px 8px;
  }
}
.product-name {
  color: #1f2229;
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .product-name {
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 12px;
  }
}
@media (min-width: 1200px) {
  .product-name {
    font-size: 15px;
    margin-bottom: 16px;
  }
}
.product-name:hover {
  color: #789 !important;
  text-decoration: none;
}
.product-id,
.product-ean {
  font-size: 10px;
  line-height: 14px;
  color: #789;
  margin-bottom: 2px;
  display: block;
}
@media (min-width: 768px) {
  .product-id,
  .product-ean {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 4px;
  }
}
.product-price {
  font-family: "Söhne Schmal", sans-serif;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.95px;
}
@media (min-width: 768px) {
  .product-price {
    font-size: 24px;
    letter-spacing: 1.14px;
    line-height: 32px;
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .product-price {
    font-size: 28px;
    letter-spacing: 1.33px;
    line-height: 32px;
  }
}
.product-price--uvp {
  color: #789;
  font-family: "Söhne Schmal", sans-serif;
  font-size: 14px;
  letter-spacing: 0.67px;
  line-height: 18px;
  padding-right: 4px;
  text-decoration: line-through;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .product-price--uvp {
    font-size: 16px;
    letter-spacing: 0.76px;
    line-height: 22px;
  }
}
.product-price--sale {
  color: #f80;
}
.product-price--base {
  font-size: 10px;
  line-height: 12px;
  display: block;
  font-family: "IBM Plex Sans", serif;
  color: #789;
  margin-top: 4px;
  text-transform: none;
  letter-spacing: normal;
}
@media (min-width: 768px) {
  .product-price--base {
    font-size: 12px;
    line-height: 18px;
  }
}
.product-badges {
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 10;
}
@media (min-width: 768px) {
  .product-badges {
    top: 8px;
    left: 8px;
  }
}
.product-badges .badge {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: #fff;
  padding: 2px 6px 2px;
}
.product-badges .badge-offer.badge-danger {
  background-color: #f80;
}
.product-badges .badge-category-discount {
  display: table;
  background-color: #f80;
  color: #fff;
  white-space: normal;
  text-align: left;
}
.product-badges .badge + .badge-category-discount {
  margin-top: 4px;
}
.item-details__stock {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  color: #789;
  margin: 8px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .item-details__stock {
    font-size: 13px;
    margin-top: 12px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.item-details__stock svg {
  color: #41db78;
  margin-right: 4px;
}
.item-details__stock--no svg {
  color: #dc3545;
}
.item-details__attributes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.item-details__attributes ul li {
  color: #789;
  font-weight: 600;
}
.vue-portal-target .btn--load-more {
  color: #c7d2de;
  background-color: rgba(0, 0, 0, 0);
}
.vue-portal-target .btn--load-more:hover {
  color: #789;
}
.stock-list-view {
  display: none;
}
.stock-tile-view {
  display: inline-block;
  font-weight: normal;
}
@media (min-width: 768px) {
  .stock-tile-view {
    font-weight: bold;
  }
}
.attributes__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.attributes__item {
  margin-right: 5px;
}
.attributes__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  color: #789;
  letter-spacing: 0;
  line-height: 14px;
  font-weight: bolder;
  word-wrap: normal;
}
@media (min-width: 768px) {
  .attributes__name {
    line-height: 18px;
  }
}
.attributes__image {
  border-radius: 50%;
  border: 1px solid #789;
}
.attributes__icon {
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 4px;
}
.attributes__icon--6 {
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18' viewBox='0 0 16 18'%3E%3Cg fill='%23778899'%3E%3Cpath d='M13.838 10.238c0 .313-.021.627-.063.938l.03-.224a6.992 6.992 0 0 1-.48 1.752c.027-.068.057-.136.084-.203a7.041 7.041 0 0 1-.896 1.531l.133-.17a7.031 7.031 0 0 1-1.246 1.246l.171-.133a6.957 6.957 0 0 1-1.532.895c.068-.027.136-.057.203-.084-.56.237-1.149.397-1.751.48.074-.011.15-.022.224-.03a7.134 7.134 0 0 1-1.874 0l.224.03a6.992 6.992 0 0 1-1.752-.48c.068.027.136.057.203.084a7.041 7.041 0 0 1-1.531-.895l.17.133A7.031 7.031 0 0 1 2.91 13.86l.133.171a6.957 6.957 0 0 1-.896-1.531c.028.067.058.135.085.203a6.904 6.904 0 0 1-.48-1.752c.011.074.022.15.03.224a7.145 7.145 0 0 1-.002-1.863l-.03.224a7 7 0 0 1 .482-1.764c-.027.067-.057.135-.085.202a7.013 7.013 0 0 1 .905-1.542l-.133.171a12.55 12.55 0 0 1 1.06-1.162c.444-.443.898-.872 1.359-1.297A109.679 109.679 0 0 1 8.38 1.447H7.185c.503.43 1.002.864 1.496 1.302.934.826 1.86 1.662 2.746 2.537.425.42.85.847 1.217 1.318l-.133-.17c.366.472.67.99.904 1.541l-.084-.202a7 7 0 0 1 .482 1.764 8.12 8.12 0 0 1-.03-.224c.034.306.055.614.055.925.002.442.389.866.845.845.456-.021.847-.372.845-.845a7.858 7.858 0 0 0-.961-3.744c-.44-.8-1.042-1.49-1.682-2.136a47.572 47.572 0 0 0-1.831-1.743c-.581-.53-1.169-1.054-1.762-1.571-.3-.262-.603-.526-.907-.784L8.373.25c-.167-.142-.37-.258-.598-.248a.948.948 0 0 0-.598.247c-.372.317-.74.638-1.107.96A92.662 92.662 0 0 0 3.775 3.28c-.676.634-1.369 1.274-1.954 1.994a8.288 8.288 0 0 0-.729 1.027 8.29 8.29 0 0 0-.543 1.13A7.643 7.643 0 0 0 .036 9.77a7.788 7.788 0 0 0 .83 3.989c.585 1.164 1.483 2.15 2.55 2.89 1.097.76 2.388 1.19 3.71 1.312 1.354.127 2.713-.144 3.944-.708 1.19-.543 2.191-1.415 2.97-2.457a7.675 7.675 0 0 0 .943-1.711 7.593 7.593 0 0 0 .486-1.94 7.26 7.26 0 0 0 .06-.908c0-.442-.39-.866-.846-.845-.458.023-.845.374-.845.847z'/%3E%3Cpath d='M14.683 10.238a6.908 6.908 0 0 1-6.908 6.908V.85s4.067 3.46 5.334 5.001a6.877 6.877 0 0 1 1.574 4.388z'/%3E%3C/g%3E%3C/svg%3E");
}
.attributes__icon--7 {
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath fill='%23778899' d='M18.24 1.089L17.153 0l-2.994 3.097a7.763 7.763 0 0 0-4.857-1.702c-4.302 0-7.803 3.5-7.803 7.803 0 1.835.639 3.523 1.703 4.857L0 17.143l1.089 1.089 3.185-3.073A7.768 7.768 0 0 0 9.301 17c4.302 0 7.803-3.5 7.803-7.803a7.766 7.766 0 0 0-1.841-5.026l2.978-3.082zM3.039 9.198a6.27 6.27 0 0 1 6.263-6.263c1.41 0 2.713.469 3.761 1.259l-8.765 8.765a6.232 6.232 0 0 1-1.259-3.761zm12.526 0A6.27 6.27 0 0 1 9.3 15.46a6.23 6.23 0 0 1-3.933-1.394l8.802-8.802a6.234 6.234 0 0 1 1.394 3.934z'/%3E%3C/svg%3E");
}
.attributes__icon--8 {
  width: 13px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='18' viewBox='0 0 17 18'%3E%3Cpath fill='%23778899' d='M15.855 18c.43 0 .603-.441.52-1.323l-2.188-11.34a.641.641 0 0 0-.628-.522h-2.844a3.068 3.068 0 0 0-.45-4.04 3.004 3.004 0 0 0-4.03 0 3.068 3.068 0 0 0-.45 4.04H2.942a.641.641 0 0 0-.628.522L.126 16.677C.042 17.559.292 18 .877 18h14.978zM8.25 1.296c.963 0 1.744.788 1.744 1.76 0 .971-.781 1.759-1.745 1.759a1.754 1.754 0 0 1-1.744-1.76c0-.971.781-1.759 1.745-1.759zM3.469 6.105h9.563l2.04 10.572H1.429l2.04-10.572z'/%3E%3C/svg%3E");
}
.attributes__icon--13 {
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %237a8797; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m373.82,64.35h-56.08v-6.94c0-14.43-11.74-26.17-26.17-26.17H19.77c-6.83,0-13.09,3.45-16.72,9.24-3.64,5.78-4.05,12.91-1.09,19.07l51.55,107.4v175.64c0,14.43,11.74,26.17,26.17,26.17h211.89c14.43,0,26.17-11.74,26.17-26.17v-45.4h56.08c14.43,0,26.17-11.74,26.17-26.17V90.52c0-14.43-11.74-26.17-26.17-26.17Zm-82.78,277.71H80.22v-175.23c0-3.89-.89-7.81-2.58-11.32L30.81,57.94h260.23v284.12Zm82.25-71.56h-55.54V91.05h55.54v179.44Z'/%3E%3Cpath class='cls-1' d='m131.36,124.16h50.2c7.37,0,13.35-5.98,13.35-13.35s-5.98-13.35-13.35-13.35h-50.2c-7.37,0-13.35,5.98-13.35,13.35s5.98,13.35,13.35,13.35Z'/%3E%3Cpath class='cls-1' d='m131.36,179.71h50.2c7.37,0,13.35-5.98,13.35-13.35s-5.98-13.35-13.35-13.35h-50.2c-7.37,0-13.35,5.98-13.35,13.35s5.98,13.35,13.35,13.35Z'/%3E%3Cpath class='cls-1' d='m131.36,236.32h50.2c7.37,0,13.35-5.98,13.35-13.35s-5.98-13.35-13.35-13.35h-50.2c-7.37,0-13.35,5.98-13.35,13.35s5.98,13.35,13.35,13.35Z'/%3E%3Cpath class='cls-1' d='m131.36,291.86h50.2c7.37,0,13.35-5.98,13.35-13.35s-5.98-13.35-13.35-13.35h-50.2c-7.37,0-13.35,5.98-13.35,13.35s5.98,13.35,13.35,13.35Z'/%3E%3C/svg%3E");
}
.attributes__icon--14 {
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %237a8797; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m259.34,0h-118.67c-7.06,0-12.79,5.73-12.79,12.79v374.42c0,7.06,5.73,12.79,12.79,12.79h118.67c7.06,0,12.79-5.73,12.79-12.79V12.79c0-7.06-5.73-12.79-12.79-12.79Zm-105.88,374.42V25.58h93.09v25.06h-41.43c-5.09,0-9.21,4.12-9.21,9.21s4.12,9.21,9.21,9.21h41.43v28.64h-23.02c-5.09,0-9.21,4.12-9.21,9.21s4.12,9.21,9.21,9.21h23.02v27.62h-41.43c-5.09,0-9.21,4.12-9.21,9.21s4.12,9.21,9.21,9.21h41.43v29.67h-23.02c-5.09,0-9.21,4.12-9.21,9.21s4.12,9.21,9.21,9.21h23.02v26.6h-41.43c-5.09,0-9.21,4.12-9.21,9.21s4.12,9.21,9.21,9.21h41.43v29.67h-23.02c-5.09,0-9.21,4.12-9.21,9.21s4.12,9.21,9.21,9.21h23.02v28.64h-41.43c-5.09,0-9.21,4.12-9.21,9.21s4.12,9.21,9.21,9.21h41.43v24.04h-93.09Z'/%3E%3C/svg%3E");
}
.attributes__icon--15 {
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %237a8797; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m344.59,338.21c34.31-35.94,55.41-84.65,55.41-138.21C400,89.72,310.54,0,200.58,0S1.15,89.72,1.15,200s89.46,200,199.42,200c53.95,0,102.95-21.6,138.89-56.63,1.03-.58,2.01-1.3,2.88-2.18s1.65-1.91,2.24-2.98Zm28.61-138.21c0,42.68-15.47,81.79-41.08,112.01L88.5,68.39c30.18-25.91,69.34-41.59,112.08-41.59,95.18,0,172.62,77.7,172.62,173.2Zm-345.24,0c0-42.97,15.68-82.33,41.6-112.64l243.72,243.72c-30.26,26.23-69.67,42.12-112.7,42.12-95.18,0-172.62-77.7-172.62-173.2Z'/%3E%3Cpath class='cls-1' d='m210.4,135.99h92.43c7.4,0,13.4-6,13.4-13.4s-6-13.4-13.4-13.4h-92.43c-7.4,0-13.4,6-13.4,13.4s6,13.4,13.4,13.4Z'/%3E%3Cpath class='cls-1' d='m179.2,245.52h-32.81v-32.81c0-7.4-6-13.4-13.4-13.4s-13.4,6-13.4,13.4v32.81h-32.81c-7.4,0-13.4,6-13.4,13.4s6,13.4,13.4,13.4h32.81v32.82c0,7.4,6,13.4,13.4,13.4s13.4-6,13.4-13.4v-32.82h32.81c7.4,0,13.4-6,13.4-13.4s-6-13.4-13.4-13.4Z'/%3E%3C/svg%3E");
}
.attributes__icon--16 {
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %237a8797; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m192.92,139.27l-63.73,104.1c-2.22,3.62-2.31,8.16-.23,11.87s5.99,6,10.24,6h40.71l-3.41,59.15c-.31,5.37,3.07,10.27,8.21,11.88,1.16.36,2.34.54,3.51.54,4,0,7.84-2.06,10.01-5.61l63.73-104.1c2.22-3.62,2.31-8.16.23-11.87s-5.99-6-10.24-6h-40.71l3.41-59.15c.31-5.37-3.08-10.27-8.21-11.88-5.14-1.61-10.71.48-13.52,5.07Zm5.99,89.44h32.09l-28.37,46.33,1.43-24.87c.37-6.47-4.57-12.02-11.05-12.4-.23-.01-.46-.02-.69-.02-.14,0-.28,0-.43,0-.14,0-.28,0-.42,0h-31.34l28.37-46.33-1.43,24.87c-.37,6.47,4.57,12.02,11.05,12.4.26.02.51.02.78.02Z'/%3E%3Cpath class='cls-1' d='m398.29,355.77L211.05,31.47c-2.28-3.95-6.49-6.38-11.05-6.38s-8.77,2.43-11.05,6.38L1.71,355.77c-2.28,3.95-2.28,8.81,0,12.76,2.28,3.95,6.49,6.38,11.05,6.38h374.48c4.56,0,8.77-2.43,11.05-6.38,2.28-3.95,2.28-8.81,0-12.76Zm-363.43-6.38L200,63.37l165.14,286.02H34.86Z'/%3E%3C/svg%3E");
}
.attributes__icon--else {
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %237a8797; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='200' cy='200' r='200' transform='translate(-82.84 200) rotate(-45)'/%3E%3C/svg%3E");
}
.attributes__more {
  font-size: 10px;
  color: #789;
  letter-spacing: 0;
  text-align: center;
  line-height: 12px;
  margin-top: 4px;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .attributes__more {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (min-width: 992px) {
  .attributes__more {
    margin-bottom: 16px;
  }
}
.product-image-wrapper {
  width: calc(50% - 4px);
  background-color: #fff;
  height: 100%;
  margin-right: 4px;
}
@media (min-width: 768px) {
  .product-image-wrapper {
    width: 100%;
    margin-right: 0;
  }
}
.product-image-wrapper a {
  height: 100%;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.product-image-wrapper picture {
  height: 140px;
  width: 140px;
  max-height: 140px;
}
@media (min-width: 768px) {
  .product-image-wrapper picture {
    height: 180px;
    width: 180px;
    max-height: 180px;
  }
}
.product-image-wrapper img {
  max-width: 100%;
  height: 140px;
  width: 140px;
  max-height: 140px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (min-width: 768px) {
  .product-image-wrapper img {
    margin: 20px auto;
  }
}
@media (min-width: 768px) {
  .product-list--list .product-image-wrapper picture {
    height: 140px;
    width: 140px;
    max-height: 140px;
  }
}
.item-details__wrapper {
  width: 50%;
}
@media (min-width: 768px) {
  .item-details__wrapper {
    width: 100%;
  }
}
.item-details__wrapper .feedback-stars-average.feedback-category-view {
  height: 9px;
  margin: 0 auto 12px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 55px;
}
@media (min-width: 768px) {
  .item-details__wrapper .feedback-stars-average.feedback-category-view {
    height: 13px;
    margin: 0 auto 8px;
    width: 75px;
  }
}
@media (min-width: 1200px) {
  .item-details__wrapper .feedback-stars-average.feedback-category-view {
    margin: 0 auto 12px;
  }
}
.item-details__wrapper
  .feedback-stars-average.feedback-category-view
  .feedback-stars-average {
  width: 100%;
  height: 100%;
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.item-details__wrapper
  .feedback-stars-average.feedback-category-view
  .feedback-star {
  height: 9px;
  width: 9px;
  min-width: 9px;
  line-height: 1;
  font-size: 9px;
  margin-right: 2px;
}
@media (min-width: 768px) {
  .item-details__wrapper
    .feedback-stars-average.feedback-category-view
    .feedback-star {
    height: 13px;
    width: 13px;
    min-width: 13px;
    font-size: 13px;
  }
}
.item-details__wrapper
  .feedback-stars-average.feedback-category-view
  .feedback-stars-background {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .item-details__wrapper
    .feedback-stars-average.feedback-category-view
    .feedback-stars-background {
    width: 75px;
    right: 0;
    margin: 0 auto;
  }
}
.item-details__wrapper
  .feedback-stars-average.feedback-category-view
  .feedback-stars-background
  .feedback-star {
  color: #789;
}
.item-details__wrapper
  .feedback-stars-average.feedback-category-view
  .feedback-stars-overlay-wrap,
.item-details__wrapper
  .feedback-stars-average.feedback-category-view
  .feedback-stars-overlay {
  height: 100%;
}
.item-details__wrapper
  .feedback-stars-average.feedback-category-view
  .feedback-stars-overlay {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media (min-width: 1200px) {
  .product-detail__cross-selling .category-listing-estimated {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
#js--product-list:not(.product-list--list) .product-list__col,
.widget-item-list .product-list__col,
.product-detail__cross-selling .product-list__col {
  margin-bottom: 24px;
}
@media (min-width: 1200px) {
  #js--product-list:not(.product-list--list) .product-list__col,
  .widget-item-list .product-list__col,
  .product-detail__cross-selling .product-list__col {
    margin-bottom: 32px;
  }
}
@media (min-width: 768px) {
  #js--product-list:not(.product-list--list) .product-name,
  .widget-item-list .product-name,
  .product-detail__cross-selling .product-name {
    min-height: 56px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  #js--product-list:not(.product-list--list) .product-list-item,
  .widget-item-list .product-list-item,
  .product-detail__cross-selling .product-list-item {
    position: relative;
    overflow: hidden;
  }
  #js--product-list:not(.product-list--list)
    .product-list-item:hover
    .add-to-basket__btn,
  .widget-item-list .product-list-item:hover .add-to-basket__btn,
  .product-detail__cross-selling .product-list-item:hover .add-to-basket__btn {
    bottom: 8px;
  }
  #js--product-list:not(.product-list--list)
    .product-list-item:hover
    .item-details__wrapper,
  .widget-item-list .product-list-item:hover .item-details__wrapper,
  .product-detail__cross-selling
    .product-list-item:hover
    .item-details__wrapper {
    margin-top: -16px;
  }
  #js--product-list:not(.product-list--list)
    .product-list-item:hover
    .product-info,
  .widget-item-list .product-list-item:hover .product-info,
  .product-detail__cross-selling .product-list-item:hover .product-info {
    padding-bottom: 24px;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  #js--product-list:not(.product-list--list)
    .product-list-item:hover
    .product-info,
  .widget-item-list .product-list-item:hover .product-info,
  .product-detail__cross-selling .product-list-item:hover .product-info {
    padding-bottom: 28px;
  }
}
@media (min-width: 992px) {
  #js--product-list:not(.product-list--list) .item-details__wrapper,
  .widget-item-list .item-details__wrapper,
  .product-detail__cross-selling .item-details__wrapper {
    z-index: 1;
  }
  #js--product-list:not(.product-list--list) .quantity-input-container,
  .widget-item-list .quantity-input-container,
  .product-detail__cross-selling .quantity-input-container {
    display: none;
  }
  #js--product-list:not(.product-list--list) .item-details__wrapper,
  .widget-item-list .item-details__wrapper,
  .product-detail__cross-selling .item-details__wrapper {
    -webkit-transition: margin-top 0.25s ease-in-out;
    transition: margin-top 0.25s ease-in-out;
  }
  #js--product-list:not(.product-list--list) .product-info,
  .widget-item-list .product-info,
  .product-detail__cross-selling .product-info {
    -webkit-transition: padding-bottom 0.25s ease-in-out;
    transition: padding-bottom 0.25s ease-in-out;
  }
  #js--product-list:not(.product-list--list) .add-to-basket__btn,
  .widget-item-list .add-to-basket__btn,
  .product-detail__cross-selling .add-to-basket__btn {
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: -46px;
    width: calc(100% - 16px);
    -webkit-transition: bottom 0.25s ease-in-out;
    transition: bottom 0.25s ease-in-out;
    padding: 12px 8px;
    font-size: 15px;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  #js--product-list:not(.product-list--list) .add-to-basket__btn,
  .widget-item-list .add-to-basket__btn,
  .product-detail__cross-selling .add-to-basket__btn {
    padding: 14px 4px;
    font-size: 14px;
    bottom: -50px;
  }
}
@media (min-width: 992px) and (min-width: 1400px) {
  #js--product-list:not(.product-list--list) .add-to-basket__btn,
  .widget-item-list .add-to-basket__btn,
  .product-detail__cross-selling .add-to-basket__btn {
    padding: 14px 8px;
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  #js--product-list:not(.product-list--list) .add-to-basket__btn-svg,
  .widget-item-list .add-to-basket__btn-svg,
  .product-detail__cross-selling .add-to-basket__btn-svg {
    width: 23px;
    height: 17px;
    margin-left: 8px;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  #js--product-list:not(.product-list--list) .add-to-basket__btn-svg,
  .widget-item-list .add-to-basket__btn-svg,
  .product-detail__cross-selling .add-to-basket__btn-svg {
    margin-left: 4px;
  }
}
@media (min-width: 992px) and (min-width: 1400px) {
  #js--product-list:not(.product-list--list) .add-to-basket__btn-svg,
  .widget-item-list .add-to-basket__btn-svg,
  .product-detail__cross-selling .add-to-basket__btn-svg {
    margin-left: 8px;
  }
}
@media (max-width: 767.98px) {
  .widget-item-list .product-list-item,
  .product-detail__cross-selling .product-list-item {
    height: 100%;
    border: 1px solid #e6eaee;
  }
}
.widget-item-list .product-list-item .card-body,
.product-detail__cross-selling .product-list-item .card-body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 768px) {
  .widget-item-list .product-list-item .card-body,
  .product-detail__cross-selling .product-list-item .card-body {
    padding: 8px !important;
  }
}
.widget-item-list .product-list-item .list-view-only,
.product-detail__cross-selling .product-list-item .list-view-only {
  display: none;
}
.widget-item-list .product-name,
.product-detail__cross-selling .product-name {
  text-align: center;
  padding-right: 0;
  min-height: 56px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.widget-item-list .product-price,
.product-detail__cross-selling .product-price {
  text-align: center;
}
.widget-item-list .item-details__stock,
.product-detail__cross-selling .item-details__stock {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.widget-item-list .product-image-wrapper,
.product-detail__cross-selling .product-image-wrapper {
  width: 100%;
  margin-right: 0;
}
.widget-item-list .product-image-wrapper picture,
.product-detail__cross-selling .product-image-wrapper picture {
  min-height: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 768px) {
  .widget-item-list .product-image-wrapper picture,
  .product-detail__cross-selling .product-image-wrapper picture {
    min-height: 180px;
  }
}
.widget-item-list .item-details__wrapper,
.product-detail__cross-selling .item-details__wrapper {
  width: 100%;
}
.widget-item-list
  .item-details__wrapper
  .feedback-stars-average.feedback-category-view,
.product-detail__cross-selling
  .item-details__wrapper
  .feedback-stars-average.feedback-category-view {
  margin: 0 auto 12px;
}
.widget-item-list
  .item-details__wrapper
  .feedback-stars-average.feedback-category-view
  .feedback-stars-background,
.product-detail__cross-selling
  .item-details__wrapper
  .feedback-stars-average.feedback-category-view
  .feedback-stars-background {
  margin: 0 auto;
}
.widget-item-list .add-to-basket__btn,
.product-detail__cross-selling .add-to-basket__btn {
  white-space: nowrap;
}
@media (min-width: 576px) {
  .widget-item-list .owl-carousel .carousel-control,
  .product-detail__cross-selling .owl-carousel .carousel-control {
    position: absolute;
    top: calc(50% - 15px);
    width: 15px;
    height: 26px;
  }
  .widget-item-list
    .owl-carousel
    .carousel-control.right
    .owl-single-item-control,
  .product-detail__cross-selling
    .owl-carousel
    .carousel-control.right
    .owl-single-item-control {
    right: 0;
  }
  .widget-item-list .owl-carousel .carousel-control.left,
  .product-detail__cross-selling .owl-carousel .carousel-control.left {
    left: 0;
  }
  .widget-item-list
    .owl-carousel
    .carousel-control.left
    .owl-single-item-control,
  .product-detail__cross-selling
    .owl-carousel
    .carousel-control.left
    .owl-single-item-control {
    left: 0;
  }
  .widget-item-list .owl-carousel .owl-single-item-nav.disabled,
  .product-detail__cross-selling .owl-carousel .owl-single-item-nav.disabled {
    display: inherit;
    opacity: 0.5 !important;
  }
  .widget-item-list .owl-carousel .owl-single-item-nav:not(.disabled),
  .product-detail__cross-selling
    .owl-carousel
    .owl-single-item-nav:not(.disabled) {
    opacity: 1 !important;
  }
}
#js--product-list:not(.product-list--list)
  .attributes.attributes-list-view-only,
.owl-item .attributes.attributes-list-view-only {
  position: initial;
  bottom: initial;
  left: initial;
  right: initial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: auto;
  margin-bottom: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 768px) {
  #js--product-list:not(.product-list--list)
    .attributes.attributes-list-view-only,
  .owl-item .attributes.attributes-list-view-only {
    display: none;
  }
}
.product-detail__cross-selling
  .owl-single-item
  .owl-item
  .attributes.attributes-list-view-only {
  position: initial;
  bottom: initial;
  left: initial;
  right: initial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: auto;
  margin-bottom: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 768px) {
  .product-detail__cross-selling
    .owl-single-item
    .owl-item
    .attributes.attributes-list-view-only
    > ul,
  .product-detail__cross-selling
    .owl-single-item
    .owl-item
    .attributes.attributes-list-view-only
    > div {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    text-align: start;
  }
}
.product-list--list .list-view-only {
  display: block;
}
.product-list--list .attributes.attributes-list-view-only {
  position: initial;
  bottom: initial;
  left: initial;
  right: initial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: auto;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .product-list--list .attributes.attributes-list-view-only {
    margin-top: initial;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin-bottom: initial;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: 20px !important;
  }
}
@media (min-width: 992px) {
  .product-list--list .attributes.attributes-list-view-only {
    margin-left: 50px !important;
  }
}
@media (min-width: 768px) {
  .product-list--list .attributes.attributes-list-view-only .attributes__list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .product-list--list .attributes.attributes-list-view-only .attributes__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.product-list--list .attributes.attributes-list-view-only .attributes__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .product-list--list .attributes.attributes-list-view-only .attributes__image,
  .product-list--list .attributes.attributes-list-view-only .attributes__icon {
    margin-right: 10px !important;
    width: 15px !important;
  }
}
.product-list--list
  .attributes.attributes-list-view-only
  .attributes__item--6
  .attributes__name {
  display: none !important;
}
@media (min-width: 768px) {
  .product-list--list
    .attributes.attributes-list-view-only
    .attributes__item--6
    .attributes__name {
    display: block !important;
  }
}
.product-list--list .list-view-only-mobile {
  display: block;
}
.product-list--list .tile-view-only {
  display: none;
}
@media (min-width: 768px) {
  .product-list--list .card-body {
    padding: 16px !important;
  }
}
.product-list--list .product-info {
  background-color: #fff;
  padding: 0;
}
@media (min-width: 768px) {
  .product-list--list .product-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.product-list--list .item-details__wrapper {
  width: 100%;
}
.product-list--list .item-details__informations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 8px;
}
@media (min-width: 768px) {
  .product-list--list .item-details__informations {
    padding: 0;
  }
}
.product-list--list .product-image-wrapper {
  width: 16.6667%;
  margin-right: 0;
  max-width: 70px;
}
@media (min-width: 768px) {
  .product-list--list .product-image-wrapper {
    width: 22%;
  }
  .product-list--list .product-image-wrapper img {
    margin: auto;
  }
}
@media (min-width: 1200px) {
  .product-list--list .product-image-wrapper {
    max-width: 90px;
  }
}
.product-list--list
  .item-details__informations
  > div:not(.product-image-wrapper) {
  width: calc(83.3333% - 12px);
  margin-left: 12px;
}
@media (min-width: 768px) {
  .product-list--list
    .item-details__informations
    > div:not(.product-image-wrapper) {
    width: auto;
    margin-left: 16px;
    padding-right: 16px;
  }
}
.product-list--list .product-name {
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .product-list--list .product-name {
    text-align: left;
  }
}
.product-list--list .item-details__price-wrapper {
  width: 100%;
  background: #f2f5f8;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .product-list--list .item-details__price-wrapper {
    width: auto;
    background: #fff;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (min-width: 1200px) {
  .product-list--list .item-details__price-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.product-list--list .item-details__price-wrapper > div {
  width: 50%;
}
@media (min-width: 768px) {
  .product-list--list .item-details__price-wrapper > div {
    width: auto;
  }
}
.product-list--list .item-details__price-wrapper > div:last-child {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(50% - 8px);
  margin-left: 8px;
}
@media (min-width: 768px) {
  .product-list--list .item-details__price-wrapper > div:last-child {
    width: auto;
    margin-left: 0;
  }
}
.product-list--list .item-details__price-wrapper > div:last-child > div {
  width: 100%;
}
@media (min-width: 768px) {
  .product-list--list .product-price {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .product-list--list .product-price--base {
    white-space: nowrap;
  }
}
@media (min-width: 768px) {
  .product-list--list .item-details__stock {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 6px 0 6px;
  }
}
.product-list--list .stock-list-view {
  display: inline-block;
}
.product-list--list .stock-tile-view {
  display: none;
}
@media (min-width: 768px) {
  .product-list--list .add-to-basket-container {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media (min-width: 1200px) {
  .product-list--list .add-to-basket-container {
    margin-left: 24px;
    padding: 24px 0;
  }
}
.product-list--list .quantity-input-container {
  margin-right: 8px !important;
  background-color: #fff;
}
@media (min-width: 992px) {
  .product-list--list .quantity-input-container {
    display: block;
  }
}
.product-list--list .add-to-basket__btn {
  font-size: 0;
  padding: 0;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .product-list--list .add-to-basket__btn {
    min-width: 55px;
    max-width: 55px;
  }
}
.product-list--list .add-to-basket__btn svg {
  margin-left: 0;
}
@media (min-width: 768px) {
  .product-list--list .product-wishlist {
    right: auto;
    left: 4px;
    bottom: 4px;
    top: auto;
  }
}
@media (min-width: 1200px) {
  .product-list--list .product-wishlist {
    right: 8px;
    left: auto;
    bottom: auto;
    top: 4px;
  }
}
.product-list--list .feedback-stars-average {
  margin-left: 0 !important;
}
.product-list--list .add-to-basket__btn span {
  display: none;
}
.item-details__item-id {
  display: none;
}
.col-xl-2-4 {
  position: relative;
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
}
@media (min-width: 1200px) {
  .col-xl-2-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
.product-list--list .attributes__list,
.product-list--list .attributes__more {
  display: none;
}
.product-list--list .attributes-list-view-only .attributes__list,
.product-list--list .attributes-list-view-only .attributes__more {
  display: block;
}
.product-list--list .item-details__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.item-filter-price {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.item-filter-price__inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.item-filter-price__input-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}
.item-filter-price__input-wrapper .item-filter-price__spacer {
  position: relative;
  width: 40px;
  left: 0;
  right: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.item-filter-price__input {
  margin-bottom: 4px;
  margin-top: 4px;
  border-bottom: 1px solid #17acef;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.item-filter-price__input:first-child input {
  text-align: left;
}
.item-filter-price__input input {
  width: 100%;
  font-weight: 600;
  text-align: right;
  -moz-appearance: textfield;
  border: 0;
  padding: 0.5rem 0.5625rem;
}
.item-filter-price__input input:focus {
  outline: none;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .item-filter-price__input input {
    font-size: 14px;
    padding: 0.3rem 0.3625rem;
  }
}
.item-filter-price__input input::-webkit-outer-spin-button,
.item-filter-price__input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.item-filter-price__input span {
  font-weight: bold;
  margin-left: 0;
}
.item-filter-price__currency {
  color: #789;
}
@media (max-width: 1199.98px) {
  .item-filter-price__currency {
    font-size: 14px;
  }
}
.item-filter-price__slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.item-filter-price__spacer {
  margin-top: 16px;
  width: 20%;
  height: 100%;
  text-align: center;
  font-size: 24px;
  color: #789;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .item-filter-price__spacer {
    font-size: 18px;
  }
}
.item-filter-price__button {
  padding: 8px 0;
}
.vue-slider {
  padding: 8px !important;
  width: 100% !important;
}
.vue-slider-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.vue-slider-rail {
  background-color: #c7d2de;
  height: 1px !important;
}
.vue-slider-process {
  background-color: #f80;
  border-radius: 15px;
  height: 2px !important;
}
.vue-slider-mark {
  z-index: 4;
}
.vue-slider-mark:first-child .vue-slider-mark-step,
.vue-slider-mark:last-child .vue-slider-mark-step {
  display: none;
}
.vue-slider-mark-step {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.16);
}
.vue-slider-mark-label {
  font-size: 14px;
  white-space: nowrap;
}
.vue-slider-dot-handle {
  cursor: pointer;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #17acef;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 25px;
}
.vue-slider-dot-handle-focus {
  -webkit-box-shadow: 0 0 1px 2px rgba(23, 172, 239, 0.36);
  box-shadow: 0 0 1px 2px rgba(23, 172, 239, 0.36);
}
.vue-slider-dot-handle-disabled {
  cursor: not-allowed;
  background-color: #4e6174;
}
.vue-slider-dot-tooltip-inner {
  font-size: 14px;
  white-space: nowrap;
  padding: 2px 5px;
  min-width: 20px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  border-color: #17acef;
  background-color: #17acef;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.vue-slider-dot-tooltip-inner::after {
  content: "";
  position: absolute;
}
.vue-slider-dot-tooltip-inner-top::after,
.vue-slider-dot-tooltip-inner-bottom::after {
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  height: 0;
  width: 0;
  border-color: rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 5px;
  border-top-color: inherit;
}
.vue-slider-dot-tooltip-inner-left::after {
  left: 100%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  height: 0;
  width: 0;
  border-color: rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 5px;
  border-left-color: inherit;
}
.vue-slider-dot-tooltip-inner-right::after {
  right: 100%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  height: 0;
  width: 0;
  border-color: rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 5px;
  border-right-color: inherit;
}
.vue-slider-dot-tooltip-wrapper {
  opacity: 0;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.vue-slider-dot-tooltip-wrapper-show {
  opacity: 1;
}
.item-filter--active .item-filter__item-color {
  border-color: #333;
}
.item-filter--active .item-filter__item-color--inner {
  position: relative;
}
.item-filter--active .item-filter__item-color--inner:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E00 close icon %3C/title%3E%3Cdefs%3E%3Cpath d='M9.0440625,10.088 L0.1915625,18.8043077 C-0.054375,19.0464615 -0.054375,19.4387692 0.1915625,19.6809231 C0.314375,19.8021538 0.475625,19.8624615 0.6365625,19.8624615 C0.7978125,19.8624615 0.95875,19.8021538 1.0815625,19.6809231 L10.000625,10.8990769 L18.9196875,19.6809231 C19.0428125,19.8021538 19.20375,19.8624615 19.3646875,19.8624615 C19.525625,19.8624615 19.686875,19.8021538 19.8096875,19.6809231 C20.055625,19.4387692 20.055625,19.0464615 19.8096875,18.8043077 L10.9575,10.088 L19.815625,1.36553846 C20.0615625,1.12338462 20.0615625,0.731076923 19.815625,0.488923077 C19.5696875,0.247076923 19.17125,0.247076923 18.925625,0.488923077 L10.0009375,9.27692308 L1.0753125,0.489230769 C0.829375,0.247384615 0.43125,0.247384615 0.1853125,0.489230769 C-0.060625,0.731384615 -0.060625,1.12369231 0.1853125,1.36584615 L9.0440625,10.088 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='Category' stroke='none' stroke-width='2' fill='none' fill-rule='evenodd'%3E%3Cg id='xs-category-filter' transform='translate(-289.000000, -16.000000)'%3E%3Cg id='Group' transform='translate(289.000000, 16.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='🎨-Close' fill='%23FFFFFF' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 12px;
  background-position: center;
}
.item-filter__wrapper {
  position: relative;
}
@media (min-width: 992px) {
  .item-filter__wrapper {
    margin: 0;
    display: inline-block;
    width: 100%;
  }
  .item-filter__wrapper + .item-filter__wrapper {
    margin-top: 15px;
  }
}
.item-filter__wrapper--4 .filter-toggle.collapsed {
  margin-bottom: 0px;
  border-bottom: 0px;
  pointer-events: none;
}
.item-filter__wrapper--4 .filter-toggle.collapsed i {
  display: none;
}
@media (max-width: 991.98px) {
  .item-filter__wrapper--4 .collapse:not(.show) {
    display: block !important;
    overflow: scroll;
  }
}
.item-filter__wrapper--4 .item-filter__scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
}
@media (min-width: 992px) {
  .item-filter__wrapper--4 .item-filter__scroll {
    max-width: 250px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: inherit;
  }
}
.item-filter__wrapper--4 .item-filter__item.custom-control.custom-checkbox {
  max-width: 32px;
  max-height: 32px;
  margin-right: 6px;
  margin-bottom: 1px;
}
@media (min-width: 992px) {
  .item-filter__wrapper--4 .item-filter__item.custom-control.custom-checkbox {
    width: 26px;
    height: 26px;
    margin-right: 1px;
  }
}
.item-filter__reset {
  position: absolute;
  right: 30%;
  -webkit-transform: translate(50%);
  transform: translate(50%);
  top: 10px;
  z-index: 1;
  background: #f2f5f8;
  color: #789;
  border: none;
  border-radius: 25px;
  font-size: 14px;
  padding: 4px 12px;
}
@media (min-width: 992px) {
  .item-filter__reset {
    display: none;
  }
}
.item-filter__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: rgba(0, 0, 0, 0);
  padding: 5px;
}
@media (min-width: 992px) {
  .item-filter__item {
    padding-left: 0px;
  }
}
.item-filter__height {
  height: calc(100vh - 55px);
}
@media (min-width: 992px) {
  .item-filter__scroll--lg-max-height {
    max-height: 292px;
    overflow-y: auto;
    margin-left: 2px;
  }
}
.item-filter__checkbox:checked + .item-filter__label:before {
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='11px' height='8px' viewBox='0 0 11 8' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eicons/check%3C/title%3E%3Cdefs%3E%3Cpolygon id='path-1' points='10.2868361 0.0143321555 3.900702 6.78165371 0.565878554 3.24780212 0 3.8474629 3.900702 7.98097527 10.8527146 0.613992933'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='checkbox' transform='translate(-6.000000, -7.000000)'%3E%3Cg id='icons/check' transform='translate(6.000000, 7.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='🎨-Check' fill='%231A1C21' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  background-size: 9px;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 992px) {
  .item-filter__checkbox:checked + .item-filter__label:before {
    width: 20px;
    height: 20px;
  }
}
.item-filter__label {
  width: 100%;
  cursor: pointer;
  padding-top: 3px;
  padding-left: 2rem;
  font-size: 1rem;
  color: #789;
}
@media (min-width: 992px) {
  .item-filter__label {
    font-size: 13px;
    line-height: 21px;
  }
}
.item-filter__label:before {
  left: 0;
  border-color: #17acef;
  border-radius: 0px !important;
  width: 20px;
  height: 20px;
}
.item-filter__label--active {
  color: #17acef;
  font-weight: 600;
}
.item-filter__label--active:after {
  display: none;
}
.item-filter__dropdown {
  margin-right: 5px;
}
.item-filter__dropdown-menu {
  padding: 10px;
  width: 250px;
}
@media (min-width: 992px) {
  .item-filter__dropdown-menu {
    position: inherit !important;
    border: 0px;
    padding: 14px 14px 0;
    width: 100%;
  }
}
.item-filter__dropdown-menu--filter {
  padding-left: 30px;
}
.item-filter__item-color-label input {
  display: none;
}
.item-filter__item-color {
  width: 32px;
  height: 32px;
  border: 1px solid #c7d2de;
  display: block;
  border-radius: 25px;
  background: rgba(0, 0, 0, 0) !important;
  cursor: pointer;
}
@media (min-width: 992px) {
  .item-filter__item-color {
    width: 26px;
    height: 26px;
  }
}
.item-filter__item-color--inner {
  width: 24px;
  height: 24px;
  border-radius: 25px;
  margin: 3px;
}
@media (min-width: 992px) {
  .item-filter__item-color--inner {
    margin: 2px;
    width: 20px;
    height: 20px;
  }
}
.item-filter__item-color--black {
  background: #000;
}
.item-filter__item-color--white {
  background: #fff;
}
.item-filter__item-color--grey {
  background: #f4f4f4;
}
.item-filter__item-color--red {
  background: #dd0001;
}
.item-filter__item-color--blue {
  background: #3e8ad5;
}
.item-filter__item-color--green {
  background: #02a467;
}
.item-filter__item-color--yellow {
  background: #f4ca45;
}
.item-filter__item-color--silver {
  background: #789;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgb(119, 136, 153)),
    to(rgb(255, 255, 255))
  );
  background: linear-gradient(
    90deg,
    rgb(119, 136, 153) 0%,
    rgb(255, 255, 255) 100%
  );
}
.item-filter__item-color--gold {
  background: #c49100;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgb(196, 145, 0)),
    to(rgb(255, 255, 255))
  );
  background: linear-gradient(
    90deg,
    rgb(196, 145, 0) 0%,
    rgb(255, 255, 255) 100%
  );
}
.item-filter__item-color--bronze {
  background: #cd7f32;
}
.item-filter__item-color--metallic {
  background: #4a646c;
}
.item-filter__item-color--natural {
  background-color: #f5f5e2;
  background-image: linear-gradient(315deg, #f5f5e2 0%, #e4e8be 100%);
}
.item-filter__item-color--brown {
  background: #83541d;
}
.item-filter__item-color--purple {
  background: #a88bca;
}
.item-filter__item-color--orange {
  background: #f80;
}
.item-filter__item-color--magenta {
  background: #f0f;
}
.item-filter__item-color--rosa {
  background: #ea899a;
}
.item-filter__item-color--matt {
  background: #1b1b1b;
}
.item-filter__item-color--shiny {
  background: #789;
  background: radial-gradient(
    circle,
    rgba(119, 136, 153, 0.6769082633) 0%,
    rgb(255, 255, 255) 100%
  );
}
.item-filter__collapse {
  padding: 0 10px;
  background: #fff !important;
  border: 1px solid #e6eaee;
  border-top: 0px;
  margin-bottom: 10px;
}
@media (max-width: 991.98px) {
  .item-filter__collapse {
    padding-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .item-filter__wrapper .dropdown-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 12px;
    color: #789;
    background: #f2f5f8;
  }
  .item-filter__wrapper .dropdown-toggle:hover {
    background: #f2f5f8;
    color: inherit;
  }
  .item-filter__wrapper .dropdown-toggle:after {
    display: none;
  }
  .item-filter__wrapper .dropdown-toggle .fa {
    margin-left: auto;
    color: #17acef;
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  }
  .item-filter__wrapper .dropdown-toggle.collapsed .fa {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@media (min-width: 992px) {
  .item-filter__wrapper--dropdown {
    display: inline-block;
    margin-right: 5px;
  }
}
.item-filter__wrapper--4 .item-filter__reset {
  right: 15%;
}
.item-filter__clear-all {
  display: none;
}
@media (min-width: 992px) {
  .item-filter__clear-all {
    display: block;
    background: #e6eaee;
    border: none;
    padding: 12px 28px;
    color: #1f2229;
    font-weight: bold;
    font-size: 15px;
  }
}
.mobile-filter {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  overflow-y: auto;
  font-size: 1.2em;
  background: #17acef;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateX(100%);
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  background: #f2f5f8;
  color: #1f2229;
  width: 100vw;
}
@media (prefers-reduced-motion: reduce) {
  .mobile-filter {
    -webkit-transition: none;
    transition: none;
  }
}
@media (min-width: 768px) {
  .mobile-filter {
    width: 75vw;
  }
}
@media (min-width: 992px) {
  .mobile-filter {
    display: none;
  }
}
.mobile-filter.open {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
@media (min-width: 768px) {
  .mobile-filter.open {
    left: inherit;
  }
}
.mobile-filter__clear-all {
  background: #e6eaee;
  border: none;
  border-radius: 25px;
  padding: 8px 24px;
  color: #1f2229;
  font-weight: bold;
  font-size: 13px;
}
.mobile-filter__header {
  margin-bottom: 0;
  border-radius: 0;
  padding: 15px 13px;
  background: #f2f5f8;
  color: #1f2229;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .mobile-filter__header {
    padding-left: 32px;
  }
}
.mobile-filter__header h3 {
  border-bottom: 2px solid #17acef;
  padding-bottom: 8px;
}
.mobile-filter__close {
  width: 24px;
  height: 24px;
  position: relative;
}
.mobile-filter__close:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E00 close icon %3C/title%3E%3Cdefs%3E%3Cpath d='M9.0440625,10.088 L0.1915625,18.8043077 C-0.054375,19.0464615 -0.054375,19.4387692 0.1915625,19.6809231 C0.314375,19.8021538 0.475625,19.8624615 0.6365625,19.8624615 C0.7978125,19.8624615 0.95875,19.8021538 1.0815625,19.6809231 L10.000625,10.8990769 L18.9196875,19.6809231 C19.0428125,19.8021538 19.20375,19.8624615 19.3646875,19.8624615 C19.525625,19.8624615 19.686875,19.8021538 19.8096875,19.6809231 C20.055625,19.4387692 20.055625,19.0464615 19.8096875,18.8043077 L10.9575,10.088 L19.815625,1.36553846 C20.0615625,1.12338462 20.0615625,0.731076923 19.815625,0.488923077 C19.5696875,0.247076923 19.17125,0.247076923 18.925625,0.488923077 L10.0009375,9.27692308 L1.0753125,0.489230769 C0.829375,0.247384615 0.43125,0.247384615 0.1853125,0.489230769 C-0.060625,0.731384615 -0.060625,1.12369231 0.1853125,1.36584615 L9.0440625,10.088 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='Category' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='xs-category-filter' transform='translate(-289.000000, -16.000000)'%3E%3Cg id='Group' transform='translate(289.000000, 16.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='🎨-Close' fill='%231A1C21' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.mobile-filter__height {
  margin: 20px 12px;
}
@media (min-width: 768px) {
  .mobile-filter__height {
    margin: 20px 30px;
  }
}
.filter-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  color: #789 !important;
  font-family: "IBM Plex Sans", serif;
  background: #fff !important;
  border: 1px solid #e6eaee;
  border-bottom: 0px;
  padding: 14px;
}
.filter-toggle:focus {
  outline: none;
}
.filter-toggle .fa {
  color: #17acef;
  font-weight: 700;
  font-size: 17px;
}
.filter-toggle.collapsed {
  color: #789;
  border: 1px solid #e6eaee;
  margin-bottom: 10px;
}
.filter-toggle.collapsed .fa {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #17acef;
  font-weight: 700;
  font-size: 17px;
}
.selected-filters {
  margin: 15px 0;
}
.selected-filter {
  margin-right: 6px;
  padding: 8px 12px;
  line-height: 1;
  background: #f2f5f8 !important;
  color: #1f2229;
  border-radius: 0 !important;
}
.selected-filter.reset-all {
  display: none;
}
.selected-filter .fa-close-x {
  width: 11px;
  height: 11px;
  background: rgba(0, 0, 0, 0);
  top: 1px;
  position: relative;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E00 close icon %3C/title%3E%3Cdefs%3E%3Cpath d='M9.0440625,10.088 L0.1915625,18.8043077 C-0.054375,19.0464615 -0.054375,19.4387692 0.1915625,19.6809231 C0.314375,19.8021538 0.475625,19.8624615 0.6365625,19.8624615 C0.7978125,19.8624615 0.95875,19.8021538 1.0815625,19.6809231 L10.000625,10.8990769 L18.9196875,19.6809231 C19.0428125,19.8021538 19.20375,19.8624615 19.3646875,19.8624615 C19.525625,19.8624615 19.686875,19.8021538 19.8096875,19.6809231 C20.055625,19.4387692 20.055625,19.0464615 19.8096875,18.8043077 L10.9575,10.088 L19.815625,1.36553846 C20.0615625,1.12338462 20.0615625,0.731076923 19.815625,0.488923077 C19.5696875,0.247076923 19.17125,0.247076923 18.925625,0.488923077 L10.0009375,9.27692308 L1.0753125,0.489230769 C0.829375,0.247384615 0.43125,0.247384615 0.1853125,0.489230769 C-0.060625,0.731384615 -0.060625,1.12369231 0.1853125,1.36584615 L9.0440625,10.088 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='Category' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='xs-category-filter' transform='translate(-289.000000, -16.000000)'%3E%3Cg id='Group' transform='translate(289.000000, 16.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='🎨-Close' fill='%231A1C21' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: center;
}
.selected-filter:hover {
  cursor: pointer;
}
@media (min-width: 992px) {
  .item-filter__clear-all {
    margin-top: 24px;
  }
}
.dia-spacer--small {
  height: 15px;
}
.dia-spacer--medium {
  height: 20px;
}
.dia-spacer--large {
  height: 30px;
}
.dia--image-list__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  margin-bottom: 0;
  margin-top: 50px;
  margin-top: 3.125rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.dia--image-list__li {
  background: rgba(0, 0, 0, 0) !important;
  padding: 10px;
  border-radius: 0.3rem;
  min-width: 110px;
  text-align: center;
  margin-right: 10px;
  margin-left: 10px;
  border: none !important;
  -webkit-box-flex: 2;
  -ms-flex: 2 0 auto;
  flex: 2 0 auto;
}
.dia--image-list__li img {
  max-height: 44px;
}
.widget-image-box {
  position: relative;
}
.widget-image-box img {
  position: relative;
  -webkit-transform: unset;
  transform: unset;
  top: unset;
  left: unset;
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.widget-image-box > .widget-inner .widget-caption {
  position: relative !important;
  top: unset !important;
  left: unset !important;
  padding: 14px !important;
}
.widget-image-box .widget-inner.widget-inner-caption,
.widget-image-box .widget-inner {
  position: absolute;
}
.widget-image-box .widget-inner.widget-inner-caption.fullWidth,
.widget-image-box .widget-inner.fullWidth {
  width: 100%;
}
.widget-image-box .widget-inner.widget-inner-caption.caption-top,
.widget-image-box .widget-inner.caption-top {
  top: 0;
}
.widget-image-box .widget-inner.widget-inner-caption.caption-bottom,
.widget-image-box .widget-inner.caption-bottom {
  bottom: 0;
}
.widget-image-box .widget-inner.widget-inner-caption.caption-left,
.widget-image-box .widget-inner.caption-left {
  left: 0;
}
.widget-image-box .widget-inner.widget-inner-caption.caption-right,
.widget-image-box .widget-inner.caption-right {
  right: 0;
}
.widget-image-box .widget-inner.widget-inner-caption.block-caption,
.widget-image-box .widget-inner.block-caption {
  bottom: 0;
  top: unset;
  width: 100%;
}
.accordion-widget {
  margin-bottom: 20px;
}
.accordion-widget__headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid #4e6174;
  position: relative;
}
@media (min-width: 576px) {
  .accordion-widget__headline {
    border-bottom: 0px solid #4e6174;
    padding: 0;
  }
}
.accordion-widget__headline--is-open:before {
  height: 10px;
}
.accordion-widget__title {
  display: inline;
  font-size: 16px;
  font-weight: 600;
  width: 100%;
}
@media (min-width: 576px) {
  .accordion-widget__title {
    color: #789 !important;
  }
}
@media (max-width: 767.98px) {
  .accordion-widget__title:after {
    content: "";
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='17px' height='10px' viewBox='0 0 17 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EPath Copy%3C/title%3E%3Cg id='Home' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='xs-home' transform='translate(-288.000000, -6574.000000)' stroke='%2317ACEF' stroke-width='2'%3E%3Cg id='99-footer' transform='translate(0.000000, 6092.000000)'%3E%3Cg transform='translate(0.000000, 350.000000)' id='Group-39'%3E%3Cg id='Kontakt-2' transform='translate(7.000000, 126.000000)'%3E%3Cpolyline id='Path-Copy' transform='translate(289.181818, 11.000000) scale(-1, 1) rotate(-270.000000) translate(-289.181818, -11.000000) ' points='286 4 292.363636 11 286 18'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
  }
}
.accordion-widget__slot {
  display: block;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .accordion-widget__slot {
    display: block;
  }
}
.accordion-widget__slot--hide {
  display: block;
}
@media (max-width: 767.98px) {
  .accordion-widget__slot--hide {
    display: none;
  }
}
.accordion-widget__slot.dia-footer__accordion--payment {
  padding-bottom: 0px !important;
}
@media (min-width: 768px) {
  .accordion-widget__slot.dia-footer__accordion--payment {
    margin-top: 15px;
  }
}
.replacement-part-finder {
  padding: 90px 0px 360px;
  position: relative;
}
@media (min-width: 992px) {
  .replacement-part-finder {
    padding: 90px 65px 360px;
  }
}
.replacement-part-finder__bg-box {
  width: 100vw;
  left: calc(-1 * (101vw - 100%) / 2);
  position: relative;
  background: radial-gradient(circle, #ffffff 0%, #f2f5f8 100%);
}
.replacement-part-finder__head-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .replacement-part-finder__head-container {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.replacement-part-finder__head h1 {
  color: #1f2229;
  padding-bottom: 12px;
  border-bottom: 2px solid #17acef;
  font-family: "Söhne Schmal", sans-serif;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 24px;
}
.replacement-part-finder__head p {
  color: #789;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 25px;
  max-width: 420px;
  margin-bottom: 65px;
}
.replacement-part-finder__head--left {
  margin: 11px;
  position: relative;
  z-index: 10;
}
@media (min-width: 768px) {
  .replacement-part-finder__head--left {
    margin: 0;
  }
}
.replacement-part-finder__head--right {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  z-index: 1;
}
@media (min-width: 768px) {
  .replacement-part-finder__head--right {
    display: block;
  }
}
.replacement-part-finder__filter {
  margin: 3px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #e6eaee;
}
@media (min-width: 992px) {
  .replacement-part-finder__filter {
    margin: 3px 65px;
  }
}
.replacement-part-finder__filter a {
  margin: 0 20px;
  padding: 5px;
  text-transform: uppercase;
  color: #1f2229;
  font-family: "Söhne Schmal", sans-serif;
  font-size: 22px;
  letter-spacing: 1.5px;
  line-height: 24px;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  border-bottom: 1px solid #e6eaee;
}
@media (min-width: 768px) {
  .replacement-part-finder__filter a {
    font-size: 24px;
    line-height: 28px;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    padding: 0 5px;
    border-bottom: none;
  }
}
.replacement-part-finder__filter a:before {
  position: absolute;
  content: "";
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #f80;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scalex(0);
  transform: scalex(0);
}
@media (min-width: 768px) {
  .replacement-part-finder__filter a:before {
    -webkit-transform: scalex(1);
    transform: scalex(1);
    width: 0;
  }
}
.replacement-part-finder__filter a:hover:before,
.replacement-part-finder__filter a.active:before {
  width: 100%;
  -webkit-transform: scalex(1);
  transform: scalex(1);
}
.replacement-part-finder__filter a:hover {
  text-decoration: none !important;
}
.replacement-part-finder__select-container {
  margin-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 11px;
  margin-left: 11px;
}
@media (min-width: 768px) {
  .replacement-part-finder__select-container {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 0px;
    margin-left: 0px;
  }
}
.replacement-part-finder__select {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  border: 1.5px solid #17acef;
  -webkit-box-shadow: 0 15px 12px -10px rgba(78, 97, 116, 0.5);
  box-shadow: 0 15px 12px -10px rgba(78, 97, 116, 0.5);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .replacement-part-finder__select {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 8px);
    flex: 0 0 calc(50% - 8px);
    margin-bottom: 0;
  }
}
.replacement-part-finder__select--inactive {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
  border-color: #1f2229 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.replacement-part-finder__select-wrapper {
  min-height: 120px;
  width: 100%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 32px;
}
.replacement-part-finder__select-wrapper label {
  color: #1f2229;
  font-family: "Söhne Schmal", sans-serif;
  font-size: 22px;
  letter-spacing: 1.5px;
  line-height: 28px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
@media (min-width: 992px) {
  .replacement-part-finder__select-wrapper label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    font-size: 24px;
  }
}
.replacement-part-finder__select-wrapper select {
  border: none;
  padding: 12px 0;
  border-bottom: 1px solid #1f2229;
  color: #789;
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 18px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='11px' height='6px' viewBox='0 0 11 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E02 icon%3C/title%3E%3Cg id='Category' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='xl-category-filament-banner' transform='translate(-1249.000000, -459.000000)' stroke='%2317ACEF' stroke-width='2'%3E%3Cg id='05-product-overview' transform='translate(404.000000, 452.000000)'%3E%3Cg id='01-sort' transform='translate(769.000000, 0.000000)'%3E%3Cpolyline id='02-icon' transform='translate(81.500000, 10.000000) rotate(-270.000000) translate(-81.500000, -10.000000) ' points='79.5 5.5 83.5 10 79.5 14.5'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none !important;
  cursor: pointer;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
@media (min-width: 992px) {
  .replacement-part-finder__select-wrapper select {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
  }
}
.replacement-part-finder__loading-overlay i {
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
  font-size: 32px;
  color: #fff;
}
.replacement-part-finder__itemlist {
  margin-top: -262px;
  position: relative;
}
.replacement-part-finder__itemlist .product-list {
  margin-top: 48px;
}
.replacement-part-finder__itemlist .product-list .product-list__col--no-items {
  display: none;
  color: #789;
  font-family: "IBM Plex Sans", sans-serif;
  text-align: center;
  font-weight: 600;
}
.replacement-part-finder__itemlist
  .product-list
  .product-list__col:first-child.product-list__col--no-items {
  display: block !important;
}
.replacement-part-finder__itemlist .product-list .product-list__col:empty {
  display: none;
}
.replacement-part-finder__filter {
  text-align: center;
}
.replacement-part-finder__loading-overlay {
  position: fixed;
  z-index: 1080;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.category-1170 .main {
  padding-top: 0 !important;
}
.image-grid-3__col {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .image-grid-3__col {
    margin-bottom: 0;
  }
}
.image-grid-3__link {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
}
@media (min-width: 768px) {
  .image-grid-3__link {
    height: 138px;
  }
}
.image-grid-3__picture,
.image-grid-3__link picture,
.image-grid-3__link img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
@media (min-width: 768px) {
  .image-grid-3__picture,
  .image-grid-3__link picture,
  .image-grid-3__link img {
    height: 138px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.pre-footer {
  margin-bottom: -40px;
}
@media (min-width: 768px) {
  .pre-footer {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .pre-footer {
    margin-bottom: -40px;
  }
}
@media (min-width: 1200px) {
  .pre-footer {
    margin-bottom: -95px;
  }
}
.pre-footer .container--knowledge {
  padding: 0;
}
@media (max-width: 991.98px) {
  .pre-footer .container--knowledge {
    max-width: 100%;
  }
}
.footer {
  width: 100%;
  height: 100%;
  background: #1f2229;
  color: #fff;
  padding-top: 75px;
  padding-bottom: 30px;
  margin-bottom: 0px !important;
  position: relative;
}
@media (min-width: 768px) {
  .footer {
    background-image: url("../images/footer/footer-structure.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    width: 100%;
    height: 100%;
    padding-top: 45px;
    padding-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .footer {
    padding-top: 100px;
  }
}
@media (min-width: 1200px) {
  .footer {
    padding-top: 180px;
    padding-bottom: 50px;
  }
}
.footer a {
  color: #fff;
  line-height: 25px;
}
.footer a:hover {
  text-decoration: none;
  color: #789;
}
.footer__link {
  color: #fff;
}
.footer__logo {
  text-align: center;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .footer__logo {
    text-align: left;
  }
}
.footer__logo img {
  max-width: 80px;
  height: auto;
}
@media (min-width: 768px) {
  .footer__logo img {
    max-width: 110px;
  }
}
@media (min-width: 992px) {
  .footer__logo img {
    max-width: 136px;
  }
}
.footer__knowledge {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 768px) {
  .footer__knowledge {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.footer__knowledge .bg-white {
  padding: 12px;
  border: 1.5px solid #e6eaee;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .footer__knowledge .bg-white {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .footer__knowledge .bg-white:hover {
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px);
    border-color: #17acef;
    cursor: pointer;
  }
}
@media (min-width: 768px) {
  .footer__knowledge .bg-white {
    padding: 13px 17px 13px;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .footer__knowledge .bg-white {
    padding: 22px 24px;
  }
}
.footer__knowledge .btn,
.footer__knowledge .dia-navbar__toggle {
  font-size: 20px;
  letter-spacing: 1.25px;
  line-height: 20px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .footer__knowledge .btn,
  .footer__knowledge .dia-navbar__toggle {
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .footer__knowledge .btn,
  .footer__knowledge .dia-navbar__toggle {
    font-size: 24px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .footer__knowledge .col-12.col-md-4 {
    padding: 0;
  }
}
.footer__knowledge-headline {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 2px solid #17acef;
  padding-bottom: 9px;
  margin-bottom: 40px;
}
.footer__knowledge-title {
  font-weight: 600;
  margin-bottom: 14px;
  text-align: center;
}
@media (min-width: 768px) {
  .footer__knowledge-title {
    text-align: left;
    margin-bottom: 0px;
    min-height: 77px;
  }
}
@media (min-width: 992px) {
  .footer__knowledge-title {
    margin-bottom: 28px;
  }
}
.footer__social svg {
  color: #fff;
}
.footer__social svg:hover {
  color: #17acef;
}
.footer-copy {
  font-size: 0.875rem;
  margin-bottom: 8px;
}
@media (max-width: 767.98px) {
  .footer-copy {
    text-align: center;
    line-height: 20px;
  }
}
@media (min-width: 768px) {
  .footer-main .col-12.col-xl-5 {
    margin-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .footer-main .col-12.col-xl-5 {
    margin-bottom: 0px;
    margin-right: 30px;
  }
}
@media (max-width: 767.98px) {
  .footer-column {
    border-bottom: 1px solid #4e6174;
  }
}
.footer-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 700;
  padding: 12px 0;
  cursor: pointer;
}
@media (min-width: 768px) {
  .footer-title {
    color: #789;
    margin-bottom: 8px;
    padding: 0;
    font-size: 15px;
  }
}
.footer-title .bi-svg-caret {
  color: #17acef;
}
@media (min-width: 768px) {
  .footer-title .bi-svg-caret {
    display: none;
  }
}
.footer-title.collapsed .bi-svg-caret {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.footer-title .bi-svg-caret {
  -webkit-transform: rotate(190deg);
  transform: rotate(190deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (min-width: 768px) {
  .footer-collapse {
    display: block !important;
    height: auto !important;
    visibility: visible;
  }
}
.footer-collapse__inner {
  padding: 15px 0px;
}
@media (min-width: 768px) {
  .footer-collapse__inner {
    padding: 0;
  }
}
.footer-collapse__inner.payment-shipping {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0px 50px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .footer-collapse__inner--contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1200px) {
  .footer-collapse__inner--contact {
    margin-bottom: 25px;
  }
}
.footer-collapse__inner--contact ul {
  margin-right: 50px;
  line-height: 25px;
}
@media (min-width: 992px) {
  .footer-collapse__inner--contact ul {
    margin-right: 110px;
  }
}
@media (min-width: 1200px) {
  .footer-collapse__inner--contact ul {
    margin-right: 0px;
  }
}
@media (min-width: 1200px) {
  .footer-collapse__inner--contact ul:nth-child(1) {
    margin-right: 30px;
  }
}
.footer-collapse__inner--payment,
.footer-collapse__inner--shipping {
  text-align: center;
  margin-top: 10px;
}
.footer-collapse__inner--payment .list-inline-item,
.footer-collapse__inner--shipping .list-inline-item {
  max-width: 110px;
  min-width: 110px;
  height: 45px;
  border-radius: 2px;
  background: #fff;
  text-align: center;
  padding: 4px 10px;
  margin: 5px 5px 5px 0px;
}
@media (min-width: 768px) {
  .footer-collapse__inner--payment .list-inline-item,
  .footer-collapse__inner--shipping .list-inline-item {
    max-width: unset;
    min-width: unset;
    height: 35px;
  }
  .footer-collapse__inner--payment .list-inline-item.dhl-smaller,
  .footer-collapse__inner--shipping .list-inline-item.dhl-smaller {
    max-width: 140px;
  }
  .footer-collapse__inner--payment .list-inline-item.visa-smaller,
  .footer-collapse__inner--shipping .list-inline-item.visa-smaller {
    max-width: 90px;
  }
  .footer-collapse__inner--payment .list-inline-item.visadk-smaller,
  .footer-collapse__inner--shipping .list-inline-item.visadk-smaller {
    max-width: 125px;
  }
}
.footer-collapse__inner--payment .list-inline-item svg,
.footer-collapse__inner--shipping .list-inline-item svg {
  height: 100%;
  width: 100%;
}
.footer-collapse__inner--payment .spacer,
.footer-collapse__inner--shipping .spacer {
  width: 0;
  display: initial;
  margin-left: 50px;
}
.onedot-link {
  color: #1f2229;
  position: relative;
  padding-right: 15px;
}
@media (max-width: 991.98px) {
  .onedot-link {
    display: block;
  }
}
.onedot-link:after {
  content: "";
  position: absolute;
  height: 16px;
  width: 13px;
  top: 2px;
  margin-left: 5px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='12'%3E%3Cpath fill='%23212121' fill-rule='evenodd' d='M3.497 2.127L5.267 0h.557C9.105 0 11 2.483 11 6.01 11 9.535 9.126 12 5.824 12H1.987V6.334H0l1.987-2.393 2.388-.005v5.94h1.45c1.766 0 2.73-1.583 2.73-3.868 0-2.374-.925-3.885-2.73-3.885h-1.45l-.878.004'/%3E%3C/svg%3E");
}
.footer-legal {
  padding-top: 12px;
}
@media (min-width: 768px) {
  .footer-legal {
    padding-top: 0px;
  }
}
.footer-legal .footer__link {
  font-size: 13px;
  line-height: 15px;
  color: #789;
}
.footer-legal .footer__link:hover {
  text-decoration: none;
}
.back-to-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 99;
}
@media (max-width: 767.98px) {
  .back-to-top {
    display: none;
  }
}
.recaptcha__wrapper {
  position: relative;
  z-index: 1;
}
.dia-footer--checkout {
  width: 100%;
  background-image: url(../images/footer/footer-structure.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-color: #1f2229;
}
.dia-footer--checkout .dia-footer-list__ul {
  padding: 0;
}
.dia-footer--checkout .footer__link-checkout {
  line-height: 25px;
  color: #fff;
}
.cookie-bar.out > div > .btn-primary {
  font-size: 10px;
  padding: 5px;
}
.list-inline-item.img-h {
  padding: 5px 10px;
}
.list-inline-item.img-h img {
  height: 32.5px;
}
#page-header > .container-max,
#page-header > .replacement-part-finder {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.header-message {
  background: #f80;
  color: #fff;
}
.header-message__inner {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  padding: 5px;
}
.header-message span {
  font-size: 14px;
  text-align: center;
}
.header-message a.close-message {
  position: absolute;
  right: -10px;
  top: 5px;
  cursor: pointer;
  color: #fff;
}
.header {
  width: 100%;
}
.header.sticky-top-header {
  position: sticky;
  top: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .header .position-relative-desktop {
    position: relative;
  }
}
@media (min-width: 992px) {
  .header .position-relative-desktop.container,
  .header .position-relative-desktop.container-max,
  .header .position-relative-desktop.replacement-part-finder {
    max-width: calc(100% - 20px);
  }
}
@media (min-width: 1200px) {
  .header .position-relative-desktop.container,
  .header .position-relative-desktop.container-max,
  .header .position-relative-desktop.replacement-part-finder {
    max-width: calc(100% - 60px);
  }
}
@media (min-width: 1400px) {
  .header .position-relative-desktop.container,
  .header .position-relative-desktop.container-max,
  .header .position-relative-desktop.replacement-part-finder {
    max-width: 1320px;
  }
}
.header .autocomplete-suggestions {
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 3px 25px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 25px rgba(0, 0, 0, 0.2);
  top: calc(100% + 14px);
  overflow-x: visible;
}
@media (min-width: 768px) {
  .header .autocomplete-suggestions {
    width: 540px;
    left: calc(-270px + 50%);
  }
}
@media (min-width: 992px) {
  .header .autocomplete-suggestions {
    width: 720px;
    left: -360px;
  }
}
@media (min-width: 1200px) {
  .header .autocomplete-suggestions {
    width: 855px;
    left: -427.5px;
  }
}
@media (min-width: 1400px) {
  .header .autocomplete-suggestions {
    width: 990px;
    left: -495px;
  }
}
.header .autocomplete-suggestions:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
  border-bottom: 8px solid #17acef;
  position: absolute;
  top: -8px;
  left: 0;
  right: 0;
  margin: auto;
}
@media (min-width: 992px) {
  .header .autocomplete-suggestions:before {
    left: 215px;
  }
}
@media (min-width: 1400px) {
  .header .autocomplete-suggestions:before {
    left: 180px;
  }
}
.header .autocomplete-suggestions__title {
  text-align: center;
  padding: 10px 0;
  color: #fff;
}
@media (min-width: 768px) {
  .header .autocomplete-suggestions__title {
    padding: 12px 0;
  }
}
@media (min-width: 992px) {
  .header .autocomplete-suggestions__title {
    padding: 14px 0;
  }
}
@media (min-width: 1200px) {
  .header .autocomplete-suggestions__title {
    padding: 16px 0;
  }
}
.header .autocomplete-suggestions__scroll {
  max-height: calc(80vh - 60px);
  overflow-y: auto;
  overflow-x: hidden;
}
.header #js--country-settings svg,
.header #js--shipping-settings svg,
.header #js--price-switch svg,
.mobile-navigation #js--country-settings svg,
.mobile-navigation #js--shipping-settings svg,
.mobile-navigation #js--price-switch svg {
  width: 10px;
  height: 10px;
  color: #c7d2de;
  stroke: #c7d2de;
  -webkit-transition: color 0.25s ease-in-out,
    -webkit-transform 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, transform 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, transform 0.25s ease-in-out,
    -webkit-transform 0.25s ease-in-out;
  margin-left: 4px;
}
.header #js--country-settings[aria-expanded="true"] svg,
.header #js--shipping-settings[aria-expanded="true"] svg,
.header #js--price-switch[aria-expanded="true"] svg,
.mobile-navigation #js--country-settings[aria-expanded="true"] svg,
.mobile-navigation #js--shipping-settings[aria-expanded="true"] svg,
.mobile-navigation #js--price-switch[aria-expanded="true"] svg {
  color: #17acef;
  stroke: #17acef;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.header #js--country-settings .country-settings__link,
.header #js--country-settings.country-settings__cta,
.header #js--shipping-settings .country-settings__link,
.header #js--shipping-settings.country-settings__cta,
.header #js--price-switch .country-settings__link,
.header #js--price-switch.country-settings__cta,
.mobile-navigation #js--country-settings .country-settings__link,
.mobile-navigation #js--country-settings.country-settings__cta,
.mobile-navigation #js--shipping-settings .country-settings__link,
.mobile-navigation #js--shipping-settings.country-settings__cta,
.mobile-navigation #js--price-switch .country-settings__link,
.mobile-navigation #js--price-switch.country-settings__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media (max-width: 350px) {
  .header #js--country-settings .country-settings__link,
  .header #js--country-settings.country-settings__cta,
  .header #js--shipping-settings .country-settings__link,
  .header #js--shipping-settings.country-settings__cta,
  .header #js--price-switch .country-settings__link,
  .header #js--price-switch.country-settings__cta,
  .mobile-navigation #js--country-settings .country-settings__link,
  .mobile-navigation #js--country-settings.country-settings__cta,
  .mobile-navigation #js--shipping-settings .country-settings__link,
  .mobile-navigation #js--shipping-settings.country-settings__cta,
  .mobile-navigation #js--price-switch .country-settings__link,
  .mobile-navigation #js--price-switch.country-settings__cta {
    padding: 0 10px 0 20px;
  }
}
@media (max-width: 320px) {
  .header #js--country-settings .country-settings__link,
  .header #js--country-settings.country-settings__cta,
  .header #js--shipping-settings .country-settings__link,
  .header #js--shipping-settings.country-settings__cta,
  .header #js--price-switch .country-settings__link,
  .header #js--price-switch.country-settings__cta,
  .mobile-navigation #js--country-settings .country-settings__link,
  .mobile-navigation #js--country-settings.country-settings__cta,
  .mobile-navigation #js--shipping-settings .country-settings__link,
  .mobile-navigation #js--shipping-settings.country-settings__cta,
  .mobile-navigation #js--price-switch .country-settings__link,
  .mobile-navigation #js--price-switch.country-settings__cta {
    padding: 0 4px 0 20px;
  }
}
.header #js--country-settings.country-settings__cta:hover,
.header #js--shipping-settings.country-settings__cta:hover,
.header #js--price-switch.country-settings__cta:hover,
.mobile-navigation #js--country-settings.country-settings__cta:hover,
.mobile-navigation #js--shipping-settings.country-settings__cta:hover,
.mobile-navigation #js--price-switch.country-settings__cta:hover {
  text-decoration: none;
}
.header .dia-controls-list__item--shipping #js--shipping-settings,
.mobile-navigation .dia-controls-list__item--shipping #js--shipping-settings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none !important;
}
.header .dia-controls-list__item--shipping #js--shipping-settings span,
.mobile-navigation
  .dia-controls-list__item--shipping
  #js--shipping-settings
  span {
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 13px;
  text-align: center;
  color: #789;
  text-transform: uppercase;
  text-decoration: none !important;
}
.header .dia-controls-list__item--shipping .dropdown-menu.header__dropdown.show,
.mobile-navigation
  .dia-controls-list__item--shipping
  .dropdown-menu.header__dropdown.show {
  -webkit-transform: unset !important;
  transform: unset !important;
  top: 75px !important;
  padding: 8px 0 !important;
  margin: 0;
}
@media (min-width: 768px) {
  .header
    .dia-controls-list__item--shipping
    .dropdown-menu.header__dropdown.show,
  .mobile-navigation
    .dia-controls-list__item--shipping
    .dropdown-menu.header__dropdown.show {
    top: 58px !important;
  }
}
.header
  .dia-controls-list__item--shipping
  .dropdown-menu.header__dropdown.show
  .shipping-select,
.mobile-navigation
  .dia-controls-list__item--shipping
  .dropdown-menu.header__dropdown.show
  .shipping-select {
  margin: 0 !important;
  padding-left: 0 !important;
  max-height: calc(100vh - 120px);
  overflow: auto;
}
@media (max-width: 991.98px) {
  .header .dia-controls-list--country-b2b,
  .mobile-navigation .dia-controls-list--country-b2b {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media (max-width: 991.98px) {
  .header .order-lg-2,
  .mobile-navigation .order-lg-2 {
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
.header .flag-icon,
.mobile-navigation .flag-icon {
  width: 16px !important;
  height: 11px !important;
  color: inherit !important;
  stroke: none !important;
  -webkit-transition: unset !important;
  transition: unset !important;
  -webkit-transform: unset !important;
  transform: unset !important;
  margin-left: 0px !important;
}
@media (min-width: 768px) {
  .header .flag-icon,
  .mobile-navigation .flag-icon {
    width: 19px !important;
    height: 13px !important;
  }
}
.header .dropdown-menu,
.mobile-navigation .dropdown-menu {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  will-change: transform;
  padding: 8px 0;
  border: 1px solid #e6eaee;
  border-radius: 0;
  display: block;
  -webkit-box-shadow: 0 7px 12px -6px rgba(119, 136, 153, 0.5);
  box-shadow: 0 7px 12px -6px rgba(119, 136, 153, 0.5);
  background-color: #fff;
  -webkit-transform: translate3d(11px, 31px, 0px);
  transform: translate3d(11px, 31px, 0px);
  top: 8px !important;
  left: -8px !important;
  margin-right: 4px;
}
@media (min-width: 768px) {
  .header .dropdown-menu,
  .mobile-navigation .dropdown-menu {
    top: 0 !important;
    -webkit-transform: translate3d(0px, 35px, 0px);
    transform: translate3d(0px, 35px, 0px);
  }
}
.header .dropdown-menu .flag-icon,
.mobile-navigation .dropdown-menu .flag-icon {
  margin-right: 12px;
}
.header .dropdown-menu li,
.mobile-navigation .dropdown-menu li {
  padding: 0;
  display: block;
}
.header .dropdown-menu a,
.mobile-navigation .dropdown-menu a {
  cursor: pointer;
  padding: 8px 24px !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #789;
  font-size: 13px;
  line-height: 21px;
  display: block;
}
.header .dropdown-menu a:hover,
.mobile-navigation .dropdown-menu a:hover {
  background: #f2f5f8;
  text-decoration: none;
}
.header .dropdown-menu a.active,
.mobile-navigation .dropdown-menu a.active {
  font-weight: bold;
}
.header .dropdown-menu.show,
.mobile-navigation .dropdown-menu.show {
  visibility: visible;
  opacity: 1;
}
.header .dia-controls-list__item--login .dropdown-menu,
.header .dia-controls-list__item--b2b .dropdown-menu,
.mobile-navigation .dia-controls-list__item--login .dropdown-menu,
.mobile-navigation .dia-controls-list__item--b2b .dropdown-menu {
  left: -14px !important;
  top: -1px !important;
  margin-right: 0;
  -webkit-transform: translate3d(-63px, 41px, 0px);
  transform: translate3d(-63px, 41px, 0px);
}
@media (min-width: 576px) {
  .header .dia-controls-list__item--login .dropdown-menu,
  .header .dia-controls-list__item--b2b .dropdown-menu,
  .mobile-navigation .dia-controls-list__item--login .dropdown-menu,
  .mobile-navigation .dia-controls-list__item--b2b .dropdown-menu {
    -webkit-transform: translate3d(-48px, 41px, 0px);
    transform: translate3d(-48px, 41px, 0px);
  }
}
@media (min-width: 768px) {
  .header .dia-controls-list__item--login .dropdown-menu,
  .header .dia-controls-list__item--b2b .dropdown-menu,
  .mobile-navigation .dia-controls-list__item--login .dropdown-menu,
  .mobile-navigation .dia-controls-list__item--b2b .dropdown-menu {
    -webkit-transform: translate3d(-47px, 43px, 0px);
    transform: translate3d(-47px, 43px, 0px);
  }
}
@media (min-width: 992px) {
  .header .dia-controls-list__item--login .dropdown-menu,
  .header .dia-controls-list__item--b2b .dropdown-menu,
  .mobile-navigation .dia-controls-list__item--login .dropdown-menu,
  .mobile-navigation .dia-controls-list__item--b2b .dropdown-menu {
    -webkit-transform: translate3d(-55px, 43px, 0px);
    transform: translate3d(-55px, 43px, 0px);
  }
}
@media (min-width: 1200px) {
  .header .dia-controls-list__item--login .dropdown-menu,
  .header .dia-controls-list__item--b2b .dropdown-menu,
  .mobile-navigation .dia-controls-list__item--login .dropdown-menu,
  .mobile-navigation .dia-controls-list__item--b2b .dropdown-menu {
    -webkit-transform: translate3d(-25px, 43px, 0px);
    transform: translate3d(-25px, 43px, 0px);
  }
}
@media (min-width: 1400px) {
  .header .dia-controls-list__item--login .dropdown-menu,
  .header .dia-controls-list__item--b2b .dropdown-menu,
  .mobile-navigation .dia-controls-list__item--login .dropdown-menu,
  .mobile-navigation .dia-controls-list__item--b2b .dropdown-menu {
    -webkit-transform: translate3d(-15px, 43px, 0px);
    transform: translate3d(-15px, 43px, 0px);
  }
}
input[type="search"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.mobile-navigation .breadcrumb .language-settings li:last-child {
  pointer-events: inherit;
}
.header__top-wrapper {
  background-color: rgba(31, 34, 41, 0.9);
}
.header__top-wrapper .swiper-container {
  max-width: 850px;
  margin: 0 auto;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .header__top-wrapper .swiper-container {
    max-width: 365px;
    margin: 0 auto;
  }
}
.header__top-wrapper .swiper-slide {
  font-size: 10px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  padding: 8px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 768px) {
  .header__top-wrapper .swiper-slide {
    font-size: 12px;
  }
}
.header__top-wrapper .swiper-slide--truck svg {
  width: 17px;
  height: 12px;
  margin-right: 6px;
  color: #f80;
  margin-top: -1px;
}
@media (min-width: 768px) {
  .header__top-wrapper .swiper-slide--truck svg {
    width: 22px;
    height: 15px;
    margin-top: 0;
  }
}
.header__top-wrapper .swiper-slide--truck a {
  color: #fff;
}
.header__top-wrapper .swiper-slide--clock svg {
  width: 12px;
  height: 13px;
  margin-right: 6px;
  color: #f80;
  margin-top: -2px;
}
@media (min-width: 768px) {
  .header__top-wrapper .swiper-slide--clock svg {
    width: 13px;
    height: 15px;
  }
}
.header__top-wrapper .swiper-slide--clock a {
  color: #fff;
}
.header__top-wrapper .swiper-slide--phone svg {
  width: 12px;
  height: 13px;
  margin-right: 6px;
  color: #f80;
  margin-top: -2px;
}
@media (min-width: 768px) {
  .header__top-wrapper .swiper-slide--phone svg {
    width: 13px;
    height: 15px;
  }
}
.header__top-wrapper .swiper-slide--phone a {
  color: #fff;
}
.header__top-wrapper .swiper-slide--printer svg {
  width: 18px;
  height: 13px;
  margin-right: 6px;
  color: #f80;
  margin-top: -2px;
}
@media (min-width: 768px) {
  .header__top-wrapper .swiper-slide--printer svg {
    width: 20px;
    height: 15px;
  }
}
.header__top-wrapper .swiper-slide--printer a {
  color: #fff;
}
.header__top-wrapper .swiper-button-prev,
.header__top-wrapper .swiper-button-next {
  display: none;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .header__top-wrapper .swiper-button-prev,
  .header__top-wrapper .swiper-button-next {
    display: block;
  }
}
.header__top-wrapper .swiper-button-prev:after {
  content: "";
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='12px' viewBox='0 0 7 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EPath Copy%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='header/md' transform='translate(-201.000000, -11.000000)' stroke='%2317ACEF' stroke-width='2'%3E%3Cg id='Group-8' transform='translate(202.000000, 12.000000)'%3E%3Cpolyline id='Path-Copy' transform='translate(2.272727, 5.000000) scale(-1, 1) translate(-2.272727, -5.000000) ' points='0 0 4.54545455 5 0 10'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 7px;
  height: 100%;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}
.header__top-wrapper .swiper-button-next:after {
  content: "";
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='12px' viewBox='0 0 7 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EPath%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='header/md' transform='translate(-560.000000, -11.000000)' stroke='%2317ACEF' stroke-width='2'%3E%3Cg id='Group-8' transform='translate(202.000000, 12.000000)'%3E%3Cpolyline id='Path' points='359 0 363.545455 5 359 10'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 7px;
  height: 100%;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  right: 0;
  top: 0;
}
.dia-shop-nav {
  background: rgba(255, 255, 255, 0.9);
  padding-bottom: 65px;
}
@media (max-width: 767.98px) {
  .dia-shop-nav {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .dia-shop-nav {
    padding-bottom: 0;
  }
}
.dia-controls-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.dia-controls-list__inner {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: -8px;
}
@media (min-width: 768px) {
  .dia-controls-list__inner {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-left: 16px;
  }
}
@media (min-width: 992px) {
  .dia-controls-list__inner {
    margin-left: 0;
  }
}
.dia-controls-list__item {
  text-align: center;
  position: relative;
  padding: 0;
}
.dia-controls-list__item a:not(.dia-shop-nav__logo-link) {
  padding: 11px 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767.98px) {
  .dia-controls-list__item a:not(.dia-shop-nav__logo-link) {
    padding-right: 8px;
    padding-left: 8px;
  }
}
@media (min-width: 768px) {
  .dia-controls-list__item a:not(.dia-shop-nav__logo-link) {
    padding: 12px 8px;
  }
}
@media (min-width: 1200px) {
  .dia-controls-list__item a:not(.dia-shop-nav__logo-link) {
    padding: 12px;
  }
}
.dia-controls-list__item .badge-right {
  position: absolute;
  top: 5px;
  right: 5px;
  background: #17acef;
  border-radius: 50%;
  font-size: 10px;
  width: 18px;
  height: 18px;
  display: inline-block;
  line-height: 18px;
  z-index: 1;
  color: #fff;
}
.dia-controls-list__item--m-menu {
  margin-left: -8px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .dia-controls-list__item--m-menu {
    margin: 0 18px 0 -8px;
  }
}
.dia-controls-list__item--logo img {
  max-width: 80px;
  height: auto;
}
@media (min-width: 768px) {
  .dia-controls-list__item--logo img {
    max-width: 97px;
    margin-right: 34px;
  }
}
@media (min-width: 992px) {
  .dia-controls-list__item--logo img {
    max-width: 74px;
    margin-left: -8px;
    margin-right: 8px;
  }
}
@media (min-width: 1200px) {
  .dia-controls-list__item--logo img {
    max-width: 116px;
    margin-left: -12px;
    margin-right: 16px;
  }
}
.dia-controls-list__item--country {
  width: 57px;
  margin-left: 0 !important;
}
.dia-controls-list__item--country a:hover {
  text-decoration: none;
}
.dia-controls-list__item--country svg {
  width: 14px;
  height: 14px;
  color: #789;
  -webkit-transition: color 0.25s ease-in-out,
    -webkit-transform 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, transform 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, transform 0.25s ease-in-out,
    -webkit-transform 0.25s ease-in-out;
  margin-left: 4px;
}
.dia-controls-list__item--country > .show svg {
  color: #17acef;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.dia-controls-list__item--country .flag-icon {
  width: 19px;
  height: 14px;
}
@media (max-width: 767.98px) {
  .dia-controls-list__item--search {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 7px 8px 20px;
    background-color: rgba(242, 245, 248, 0.7);
  }
}
@media (min-width: 768px) {
  .dia-controls-list__item--search {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 8px 14px;
  }
}
@media (min-width: 992px) {
  .dia-controls-list__item--search {
    margin-left: 12px;
  }
}
@media (min-width: 1200px) {
  .dia-controls-list__item--search {
    margin-left: 22px;
  }
}
.dia-controls-list__item--search .header-search-input {
  font-size: 12px !important;
  line-height: 21px;
  color: #789;
  background: none;
  min-height: auto;
  border-bottom: 1px solid #4e6174;
  border-radius: 0;
  height: auto;
  padding: 10px 8px 6px 2px;
}
@media (min-width: 768px) {
  .dia-controls-list__item--search .header-search-input {
    font-size: 13px !important;
  }
}
.dia-controls-list__item--search .header-search-input:focus + .search-submit {
  border-bottom-color: #17acef;
}
.dia-controls-list__item--search
  .header-search-input::-webkit-input-placeholder {
  color: #789;
}
.dia-controls-list__item--search .header-search-input:-moz-placeholder {
  color: #789;
}
.dia-controls-list__item--search .header-search-input::-moz-placeholder {
  color: #789;
}
.dia-controls-list__item--search .header-search-input:-ms-input-placeholder {
  color: #789;
}
.dia-controls-list__item--search .search-submit {
  background: none !important;
  border: none;
  border-bottom: 1px solid #4e6174;
  border-radius: 0;
  -webkit-transition: border-bottom-color 0.25s ease-in-out;
  transition: border-bottom-color 0.25s ease-in-out;
}
.dia-controls-list__item--search .search-submit i:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%2317ACEF' d='M7.125,12.75 C4.0197691,12.746693 1.50330696,10.2302309 1.5,7.125 C1.50330696,4.0197691 4.0197691,1.50330696 7.125,1.5 C10.2302309,1.50330696 12.746693,4.0197691 12.75,7.125 C12.746693,10.2302309 10.2302309,12.746693 7.125,12.75 Z M17.89,16.83 L12.661,11.6 C13.6894601,10.335415 14.2506394,8.75500152 14.25,7.125 C14.2455912,3.19179879 11.0582012,0.00440880472 7.125,0 C3.19179879,0.00440880472 0.00440880472,3.19179879 0,7.125 C0.00440880472,11.0582012 3.19179879,14.2455912 7.125,14.25 C8.75534472,14.2508694 10.3361488,13.6896769 11.601,12.661 L16.83,17.891 C16.9764088,18.0372267 17.2135912,18.0372267 17.36,17.891 L17.89,17.36 C18.0362267,17.2135912 18.0362267,16.9764088 17.89,16.83 Z'/%3E%3C/svg%3E");
}
@media (min-width: 768px) {
  .dia-controls-list__item--search .search-submit i:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23778899' d='M7.125,12.75 C4.0197691,12.746693 1.50330696,10.2302309 1.5,7.125 C1.50330696,4.0197691 4.0197691,1.50330696 7.125,1.5 C10.2302309,1.50330696 12.746693,4.0197691 12.75,7.125 C12.746693,10.2302309 10.2302309,12.746693 7.125,12.75 Z M17.89,16.83 L12.661,11.6 C13.6894601,10.335415 14.2506394,8.75500152 14.25,7.125 C14.2455912,3.19179879 11.0582012,0.00440880472 7.125,0 C3.19179879,0.00440880472 0.00440880472,3.19179879 0,7.125 C0.00440880472,11.0582012 3.19179879,14.2455912 7.125,14.25 C8.75534472,14.2508694 10.3361488,13.6896769 11.601,12.661 L16.83,17.891 C16.9764088,18.0372267 17.2135912,18.0372267 17.36,17.891 L17.89,17.36 C18.0362267,17.2135912 18.0362267,16.9764088 17.89,16.83 Z'/%3E%3C/svg%3E");
  }
}
.dia-controls-list__item--wish {
  width: 43px;
}
.dia-controls-list__item--wish svg {
  color: #789;
}
.dia-controls-list__item--wish .badge-right {
  right: 2px;
}
.dia-controls-list__item--login {
  width: 46px;
}
.dia-controls-list__item--login > .show .dia-controls-list__svg {
  color: #17acef;
}
.dia-controls-list--basket {
  width: 46px;
}
.dia-controls-list__svg {
  color: #789;
  -webkit-transition: fill 0.25s ease-in-out;
  transition: fill 0.25s ease-in-out;
}
#js--price-switch {
  color: #789;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#js--price-switch li a {
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  #js--price-switch {
    margin-left: 8px;
  }
}
@media (max-width: 575.98px) {
  #js--price-switch {
    margin-left: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #js--price-switch {
    margin-right: 12px;
  }
}
#js--price-switch:hover {
  text-decoration: none;
}
.search-box-shadow-frame {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0.1rem;
  border: none;
}
.search-input {
  font-size: 1rem !important;
}
.search-submit {
  background: #c7d2de !important;
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0 !important;
  border-top-right-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
}
.header-search-form {
  position: relative;
}
.header-search-btn {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-left: 0;
}
.header-search-btn:hover .icon {
  color: #17acef;
}
.header-search-btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.header-search-btn.btn:disabled,
.header-search-btn.dia-navbar__toggle:disabled {
  background: #fff;
  border-color: #c7d2de;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-search-input {
  border-right: 0;
  background-color: #f4f4f4;
}
.header-search-input:focus,
.header-search-input:focus ~ .input-group-append .header-search-btn {
  border-color: #17acef;
}
.price-switch--inactive {
  opacity: 0.75;
}
.price-switch--inactive a {
  cursor: not-allowed;
  pointer-events: none;
}
@media (max-width: 767.98px) {
  .wrapper-main #page-header .container-max,
  .wrapper-main #page-header .replacement-part-finder {
    padding: 0 15px;
  }
  .cmp-search-box {
    background-color: #1f2229;
  }
  .cmp-search-box .search-submit {
    background: #1f2229;
    color: #fff;
  }
}
.dia-megamenu {
  background-color: #f2f5f8;
  -webkit-column-gap: 0.5em;
  -moz-column-gap: 0.5em;
  column-gap: 0.5em;
  -webkit-column-rule: 1px solid #dcdbd7;
  -moz-column-rule: 1px solid #dcdbd7;
  column-rule: 1px solid #dcdbd7;
  display: none;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-fill: balance;
  -moz-column-fill: balance;
  column-fill: balance;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  height: auto;
  top: 100%;
  width: auto;
  max-width: 25em;
  min-width: 100%;
  word-wrap: break-word;
  position: absolute;
  left: 0;
  list-style: none;
  padding: 16px;
}
.dia-megamenu:after {
  content: "";
  position: absolute;
  width: 2px;
  background: #fff;
  height: 100%;
  top: 0;
  right: calc(25% + 20px);
}
.dia-megamenu
  .dia-megamenu__item--level2btn
  .dia-megamenu__btn.dia-megamenu__btn--level2 {
  margin-bottom: 8px !important;
}
.dia-megamenu__teaser {
  margin-top: 20px;
  margin-bottom: 24px;
  position: relative;
}
.dia-megamenu__teaser span {
  position: absolute;
  text-align: center;
  bottom: 75px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.dia-megamenu__image {
  padding: 0px 7px;
}
.dia-megamenu__wrap-list {
  list-style: none;
  padding: 0;
  line-height: 24px;
}
.dia-megamenu__wrap-list--level2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.dia-megamenu__wrap {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
}
.dia-megamenu__wrap--manufacturer {
  margin-top: 16px;
}
.dia-megamenu__item--level1 {
  font-weight: bold;
}
.dia-megamenu__item--level2 {
  width: 48%;
  display: inline-block;
  background: #e6eaee;
  margin-bottom: 8px;
}
@media (min-width: 1200px) {
  .dia-megamenu__item--level2 {
    width: 31%;
  }
}
.dia-megamenu__item--level2btn {
  width: 100%;
}
.dia-megamenu__item--big {
  border: 1px solid #c7d2de;
  background: #fff;
  height: 71px;
  width: 100%;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.dia-megamenu__item--big:hover {
  border-color: #17acef;
  cursor: pointer;
}
.dia-megamenu__extra-col {
  gap: 24px;
  display: block !important;
}
.dia-megamenu__main-link {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  color: #789;
  padding-bottom: 3px;
  border-bottom: 1px solid #c7d2de;
  width: 100%;
  display: block;
  margin: 0px 0px 16px;
}
.dia-megamenu__main-link:hover {
  color: #789;
  text-decoration: none;
}
.dia-megamenu__link {
  color: #1f2229;
}
.dia-megamenu__link:hover {
  color: #1f2229;
}
.dia-megamenu__link:active {
  color: #17acef;
}
.dia-megamenu__link--level2 {
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  padding: 8px;
}
.dia-megamenu__link--level2:hover {
  color: #789;
  text-decoration: none;
}
.dia-megamenu__link--colored {
  background: #e6eaee;
}
.dia-megamenu__link--big {
  color: #1f2229;
  font-family: "Söhne Schmal", sans-serif;
  font-size: 24px;
  letter-spacing: 1.5px;
  line-height: 28px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  width: 100%;
  padding-left: 20px;
}
@media (min-width: 1200px) {
  .dia-megamenu__link--big {
    padding-left: 14px;
  }
}
.dia-megamenu__link--big:hover {
  color: inherit;
  text-decoration: none;
}
.dia-megamenu__link--big svg {
  width: 55px;
  height: 45px;
  color: #c7d2de;
  margin-right: 12px;
}
.dia-megamenu__btn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border: 1px solid #c7d2de;
  height: 52px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 24px;
}
@media (min-width: 1200px) {
  .dia-megamenu__btn {
    height: 71px;
  }
}
.dia-megamenu__btn--title {
  color: #1f2229;
  font-family: "Söhne Schmal", sans-serif;
  font-size: 24px;
  letter-spacing: 1.5px;
  line-height: 28px;
  text-transform: uppercase;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-left: 14px;
}
.dia-megamenu__btn--title:hover {
  color: inherit;
  text-decoration: none;
  border-color: #17acef;
}
.dia-megamenu__btn--title svg {
  width: 55px;
  height: 45px;
  color: #c7d2de;
  margin-right: 12px;
}
.dia-megamenu__btn--level2 {
  height: 34px;
  background-color: #f2f5f8;
  color: #000;
  font-weight: 600;
}
.dia-megamenu__btn--level2:hover {
  color: #789;
  text-decoration: none;
}
.dia-megamenu__divider {
  text-align: center;
  font-size: 10px;
  line-height: 12px;
  color: #789;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 12px;
}
.dia-megamenu__divider:before {
  content: "";
  background-color: #c7d2de;
  height: 1px;
  width: 100%;
  top: 5px;
  position: absolute;
  left: 0;
  z-index: -1;
}
.dia-megamenu__divider span {
  background: #f2f5f8;
  padding: 0px 5px;
}
.dia-navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
@media (max-width: 991.98px) {
  .dia-navbar {
    display: none !important;
  }
}
.dia-navbar__wrapper {
  background: #fff;
  border-top: 1px solid #e6eaee;
  border-bottom: 1px solid #e6eaee;
}
.dia-navbar__toggle {
  margin-left: 0;
  border: 1px solid #17acef;
}
.dia-navbar__toggle svg {
  color: #17acef;
}
.dia-navbar__link {
  color: #1f2229;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  padding: 20px 8px;
  white-space: nowrap;
  display: inline-block;
}
@media (min-width: 992px) {
  .dia-navbar__link {
    padding: 20px 5px;
  }
}
@media (min-width: 1200px) {
  .dia-navbar__link {
    line-height: 22px;
    font-size: 16px;
  }
}
@media (min-width: 1400px) {
  .dia-navbar__link {
    padding: 20px 16px;
    font-size: 17px;
  }
}
.dia-navbar__link:hover {
  color: #17acef;
}
.dia-navbar__link:active {
  color: #17acef;
}
.dia-navbar__link--red {
  color: #dc3545;
}
.dia-navbar__dd {
  display: none;
}
.dia-navbar__item:hover .dia-navbar__link {
  color: #789;
  display: inline-block;
  text-decoration: inherit;
}
.dia-navbar__item--dd {
  position: relative;
}
.dia-navbar__item--dd:hover .dia-navbar__dd {
  position: absolute;
  display: block;
  left: 0;
  list-style: none;
  background: #fff;
  padding: 0;
  width: 180px;
  top: 49px;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.dia-navbar__item--dd:hover .dia-navbar__dd-link {
  padding: 10px 15px;
  display: block;
  color: #1f2229;
}
.dia-navbar__item--dd:hover .dia-navbar__dd-link:hover {
  color: #353a46;
  background: #e6eaee;
}
.dia-navbar__item--dd:hover .dia-megamenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  z-index: 9999;
}
.dia-navbar__item--dd:hover .dia-megamenu .row {
  width: 100%;
}
.dia-navbar__item--megamenu {
  position: static;
}
.navigation-icon {
  max-width: 39px;
  max-height: 32px;
  height: auto;
  margin-right: 12px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (min-width: 992px) {
  .navigation-icon {
    max-width: 55px;
    max-height: 45px;
  }
}
.megamenu-935 ul {
  list-style: none;
}
.mobile-navigation {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  background: #f2f5f8;
  color: #1f2229;
}
.mobile-navigation.open {
  width: 100%;
}
.mobile-navigation__wrapper {
  position: relative;
  z-index: 9999;
}
.mobile-navigation__overlay {
  position: fixed;
  top: 0;
  right: -100vw;
  bottom: -100vh;
  left: -100vw;
  z-index: -1;
  -webkit-transition: visibility 0.25s ease-in-out, opacity 0.25s ease-in-out;
  transition: visibility 0.25s ease-in-out, opacity 0.25s ease-in-out;
  visibility: hidden;
  opacity: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
}
.mobile-navigation__close {
  padding: 12px !important;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4px;
  margin: auto;
  pointer-events: all !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mobile-navigation__close svg {
  width: 16px;
  height: 16px;
}
.mobile-navigation__back {
  text-align: left !important;
  font-size: 13px !important;
  color: #1f2229 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  position: relative;
}
.mobile-navigation__back a {
  color: #789;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
.mobile-navigation__back a:before {
  content: none !important;
}
.mobile-navigation__back svg {
  height: 20px;
  width: 20px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  left: -6px;
}
.mobile-navigation .breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  margin: 0;
  height: 48px;
  position: relative;
  padding: 0 12px;
}
@media (min-width: 768px) {
  .mobile-navigation .breadcrumb {
    background: #f2f5f8;
  }
}
@media (min-width: 768px) {
  .mobile-navigation .breadcrumb li {
    background: #f2f5f8;
  }
}
.mobile-navigation .mainmenu {
  width: 100% !important;
  background: #fff;
  height: calc(100% - 48px);
  overflow-y: auto;
  background: #f2f5f8;
  padding: 12px 12px 24px 12px;
}
.mobile-navigation .mainmenu li a {
  border: 1px solid #e6eaee;
}
.mobile-navigation .ddown {
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  border-radius: 0;
  border: none !important;
  padding: 0;
  background-color: #fff;
  margin-bottom: 4px;
  position: relative;
}
@media (min-width: 768px) {
  .mobile-navigation .ddown {
    margin-bottom: 8px;
  }
}
.mobile-navigation .ddown__cta {
  color: #1f2229;
  -webkit-box-flex: inherit;
  -ms-flex: inherit;
  flex: inherit;
  position: absolute;
  width: 30%;
  padding: 10px 12px;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.mobile-navigation .ddown__cta svg {
  height: 13px;
  width: 13px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  stroke: #17acef;
  color: #17acef;
}
.mobile-navigation .ddown__link {
  color: #1f2229;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  width: 100% !important;
  padding: 10px 12px 10px 16px !important;
}
.mobile-navigation .ddown__link:hover {
  text-decoration: none;
}
.mobile-navigation .ddown__link--big {
  font-family: "Söhne Schmal", sans-serif;
  font-size: 20px;
  letter-spacing: 1.25px;
  line-height: 20px;
  text-transform: uppercase;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
}
@media (min-width: 768px) {
  .mobile-navigation .ddown__link--big {
    padding: 15px 12px 15px 16px !important;
  }
}
.mobile-navigation .ddown__link--big svg {
  width: 39px;
  height: 32px;
  color: #c7d2de;
  margin-right: 12px;
}
.mobile-navigation .ddown.w-100:hover span,
.mobile-navigation .ddown.w-100:hover a {
  color: #789;
}
.mobile-navigation .ddown__list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mobile-navigation .ddown__list .ddown__item-full {
  width: 100% !important;
  padding: 0;
  background: rgba(0, 0, 0, 0);
}
.mobile-navigation .ddown__list .ddown__item-full .ddown__more-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.mobile-navigation .ddown__list li {
  width: 32% !important;
  display: inline-block !important;
  background: #e6eaee;
  margin-bottom: 8px;
  padding: 8px;
}
.mobile-navigation .ddown__list li a {
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  padding: 0 !important;
}
.mobile-navigation .ddown__list li a:hover {
  text-decoration: none;
}
.mobile-navigation .ddown__divider {
  margin-top: 30px;
  text-align: center;
  font-size: 10px;
  line-height: 12px;
  color: #789;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 12px;
}
.mobile-navigation .ddown__divider:before {
  content: "";
  background-color: #c7d2de;
  height: 1px;
  width: 100%;
  top: 5px;
  position: absolute;
  left: 0;
  z-index: 0;
}
.mobile-navigation .ddown__divider span {
  background: #f2f5f8;
  padding: 0px 5px;
  z-index: 1;
}
.mobile-navigation .ddown__more-btn {
  height: 34px;
  background-color: #f2f5f8;
  border-color: #c7d2de !important;
  color: #000;
  font-weight: 600;
  padding: 7px !important;
  text-align: center;
  font-size: 13px;
}
.mobile-navigation .breadcrumb li {
  margin: 2px 0;
}
.menu-is-visible .mobile-navigation__overlay {
  visibility: visible;
  opacity: 1;
}
.dia-checkout-shop-nav {
  background: #fff;
  padding: 20px 0;
  border-bottom: 1px solid #e6eaee;
}
.dia-checkout-shop-nav__wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 991.98px) {
  .dia-checkout-shop-nav__wrap {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (max-width: 575.98px) {
  .dia-checkout-shop-nav__wrap {
    padding: 0;
  }
}
.dia-checkout-shop-nav__back-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 575.98px) {
  .dia-checkout-shop-nav__back-link {
    white-space: nowrap;
    padding-left: 24px;
  }
}
.dia-checkout-shop-nav__back-link svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.dia-checkout-shop-nav__logo-link img {
  max-width: 100%;
  height: auto;
}
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-container-pointer-events {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-button-prev.swiper-button-blue,
.swiper-button-next.swiper-button-blue {
  --swiper-navigation-color: #0d6efd;
}
.swiper-button-prev.swiper-button-indigo,
.swiper-button-next.swiper-button-indigo {
  --swiper-navigation-color: #6610f2;
}
.swiper-button-prev.swiper-button-purple,
.swiper-button-next.swiper-button-purple {
  --swiper-navigation-color: #6f42c1;
}
.swiper-button-prev.swiper-button-pink,
.swiper-button-next.swiper-button-pink {
  --swiper-navigation-color: #d63384;
}
.swiper-button-prev.swiper-button-red,
.swiper-button-next.swiper-button-red {
  --swiper-navigation-color: #dc3545;
}
.swiper-button-prev.swiper-button-orange,
.swiper-button-next.swiper-button-orange {
  --swiper-navigation-color: #fd7e14;
}
.swiper-button-prev.swiper-button-yellow,
.swiper-button-next.swiper-button-yellow {
  --swiper-navigation-color: #ffc107;
}
.swiper-button-prev.swiper-button-green,
.swiper-button-next.swiper-button-green {
  --swiper-navigation-color: #28a745;
}
.swiper-button-prev.swiper-button-teal,
.swiper-button-next.swiper-button-teal {
  --swiper-navigation-color: #20c997;
}
.swiper-button-prev.swiper-button-cyan,
.swiper-button-next.swiper-button-cyan {
  --swiper-navigation-color: #17a2b8;
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #fff;
}
.swiper-button-prev.swiper-button-gray,
.swiper-button-next.swiper-button-gray {
  --swiper-navigation-color: #1f2229;
}
.swiper-button-prev.swiper-button-gray-dark,
.swiper-button-next.swiper-button-gray-dark {
  --swiper-navigation-color: #1f2229;
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-blue {
  --swiper-pagination-color: #0d6efd;
}
.swiper-pagination-indigo {
  --swiper-pagination-color: #6610f2;
}
.swiper-pagination-purple {
  --swiper-pagination-color: #6f42c1;
}
.swiper-pagination-pink {
  --swiper-pagination-color: #d63384;
}
.swiper-pagination-red {
  --swiper-pagination-color: #dc3545;
}
.swiper-pagination-orange {
  --swiper-pagination-color: #fd7e14;
}
.swiper-pagination-yellow {
  --swiper-pagination-color: #ffc107;
}
.swiper-pagination-green {
  --swiper-pagination-color: #28a745;
}
.swiper-pagination-teal {
  --swiper-pagination-color: #20c997;
}
.swiper-pagination-cyan {
  --swiper-pagination-color: #17a2b8;
}
.swiper-pagination-white {
  --swiper-pagination-color: #fff;
}
.swiper-pagination-gray {
  --swiper-pagination-color: #1f2229;
}
.swiper-pagination-gray-dark {
  --swiper-pagination-color: #1f2229;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.autocomplete__result {
  padding: 24px 32px 32px;
}
.autocomplete__title {
  color: #1f2229;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
  margin-bottom: 16px;
}
.autocomplete__item {
  margin-bottom: 8px;
  border: 1px solid #c7d2de;
  padding: 8px 16px 8px 12px !important;
}
.autocomplete__item--category {
  padding: 16px 32px 16px 24px !important;
  background-color: #e6eaee;
  border: none;
  position: relative;
}
.autocomplete__item--category .autocomplete__name {
  font-size: 13px;
  min-height: auto;
  font-weight: 600;
}
.autocomplete__item--category .autocomplete__details {
  margin-left: 0;
}
.autocomplete__item:hover {
  text-decoration: none;
}
.autocomplete__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 64px;
  height: 64px;
}
.autocomplete__image img {
  max-height: 100%;
}
.autocomplete__details {
  margin-left: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.autocomplete__name {
  color: #1f2229;
  font-size: 12px;
  line-height: 18px;
  min-height: 36px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
}
.autocomplete__price {
  color: #1f2229;
  font-family: "Söhne Schmal", sans-serif;
  font-size: 18px;
  letter-spacing: 0.86px;
  line-height: 24px;
}
.autocomplete__price--cross {
  margin-left: 8px;
  color: #789;
  text-decoration: line-through;
}
.autocomplete__icon svg {
  position: absolute;
  width: 20px;
  height: 15px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  right: 6px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.login-view-title {
  margin-bottom: 68px;
}
@media (max-width: 991.98px) {
  .login-view-title {
    font-size: 48px;
    margin-bottom: 20px !important;
  }
}
@media (max-width: 767.98px) {
  .login-view-title {
    font-size: 40px;
    margin-bottom: 16px !important;
  }
}
.page-login.detect-customer-type-country--active .main {
  padding: 40px 0 60px;
}
@media (min-width: 768px) {
  .page-login.detect-customer-type-country--active .main {
    padding: 50px 0 90px;
  }
}
@media (max-width: 767.98px) {
  .page-login.detect-customer-type-country--active .type-country {
    padding-top: 32px;
  }
}
.page-login .main {
  padding: 50px 0;
}
.page-login .pre-footer {
  display: none;
}
.page-login .btn-primary i {
  display: none;
}
.page-login .input-unit label {
  font-size: 15px;
}
.login-form .input-unit--floating {
  padding-top: 28px;
}
.login-form .input-unit--floating input:invalid + label,
.login-form .input-unit--floating input:valid + label {
  bottom: 54px;
}
.login-form .input-unit--floating input:focus {
  background-color: inherit;
}
.login-form .error-msg {
  margin: -16px 0 24px;
}
.login-pwd-reset .input-unit + .error-msg {
  display: none;
  margin-bottom: 16px;
  font-size: 12px;
  color: #d9534f;
}
.login-pwd-reset .input-unit.error + .error-msg {
  display: block;
}
.login__ctas.d-block {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.widget-registration .col-sm-12 + .col-sm-6 .input-unit {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.widget-registration .col-sm-6.input-unit-group .input-unit {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.widget-registration select.custom-select {
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.myaccount {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  padding: 50px 8px;
}
.myaccount .small,
.myaccount .input-unit label,
.input-unit .myaccount label {
  font-size: 100%;
}
.page-my-account .main {
  padding: 50px 8px;
}
.page-my-account h3 {
  margin-bottom: 12px;
}
.page-my-account .widget-account-settings .card {
  padding: 15px 15px 15px 0;
  border: 1px solid #c7d2de !important;
}
.page-my-account .widget-order-history,
.page-my-account .widget-order-return-history {
  border: 1px solid #c7d2de !important;
  padding: 20px;
}
.page-my-account .cmp-address-list .items > div:first-child {
  border: solid 1px #c7d2de;
}
.page-my-account .invoice-addresses-select .cmp-address-list .items,
.page-my-account
  .invoice-addresses-select
  .cmp-address-list
  .items
  .item-inner {
  cursor: default;
}
.order-history-list .container-bottom .button-spacer {
  margin-bottom: 10px;
}
.cmp-address-list .item-controls .item-edit .fa {
  padding-top: 1px;
  padding-left: 0;
  position: relative;
  display: inline;
}
.cmp-address-list .item-controls .item-remove .fa {
  padding-top: 0;
  position: relative;
  top: 0;
}
.category-register .input-unit.error input,
.category-register .form-check.error input,
.page-my-account .input-unit.error input,
.page-my-account .form-check.error input {
  border-color: #dc3545;
}
.category-register .input-unit.error label,
.category-register .form-check.error label,
.page-my-account .input-unit.error label,
.page-my-account .form-check.error label {
  color: #dc3545;
}
.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
::-moz-selection {
  background: #17acef;
  color: #fff;
}
::selection {
  background: #17acef;
  color: #fff;
}
::-moz-selection {
  background: #17acef;
  color: #fff;
}
a,
svg,
.btn,
.dia-navbar__toggle {
  -webkit-transition: color 0.15s ease-in-out,
    background-color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
.login hr + .row .col-sm-6:last-child .btn-primary {
  display: block !important;
}
.vat-input::-webkit-input-placeholder {
  font-size: 12px;
}
.vat-input::-moz-placeholder {
  font-size: 12px;
}
.vat-input::-ms-input-placeholder {
  font-size: 12px;
}
.vat-input::placeholder {
  font-size: 12px;
}
.login-form .input-unit--floating label {
  bottom: 54px !important;
}
.text-orange {
  color: #f80 !important;
}
.font-weight-bold {
  font-weight: 700;
}
.faq__header {
  background-color: #f2f5f8;
  margin-top: 10px;
  cursor: pointer;
}
.faq__header > div {
  padding: 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
}
.faq__header > div:not(.collapsed) svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.faq__header svg {
  width: 20px;
  height: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.faq__body {
  padding: 15px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  margin-top: 5px;
}
#id--accordion:has(.accordion__body--faq .faq__header) .accordion__header--faq {
  display: inline-block;
}
#id--accordion .accordion__header--faq {
  display: none;
}
.image-info {
  font-size: 10px;
  color: #1f2229;
  margin-top: 8px;
}
#fc_frame {
  right: 13px !important;
}
.visually-hidden {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}