@charset "UTF-8";
*, *:before, *:after {
  box-sizing: border-box;
}
html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}
* {
  font-family: "Rubik", sans-serif;
}
a {
  text-decoration: none;
}
footer, header, nav, section, main {
  display: block;
}
html,
body {
  line-height: 1;
  margin: 0;
  width: 100%;
  height: 100%;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}
button {
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  color: #000;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input, textarea {
  -webkit-appearance: none;
  border-radius: 0;
  outline: none;
  margin: 0;
}
img {
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
/*
  $m-type - padding or margin.
  $m-direction - direction spacing.
  $m-size - size.
  $m-breakpoint - breakpoint.
  Example - '.u-pb5', '.lg:u-pb5'
*/
.u-pt0 {
  padding-top: 0px !important;
}
.u-pr0 {
  padding-right: 0px !important;
}
.u-pb0 {
  padding-bottom: 0px !important;
}
.u-pl0 {
  padding-left: 0px !important;
}
.u-pv0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-ph0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.u-pt4 {
  padding-top: 4px !important;
}
.u-pr4 {
  padding-right: 4px !important;
}
.u-pb4 {
  padding-bottom: 4px !important;
}
.u-pl4 {
  padding-left: 4px !important;
}
.u-pv4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.u-ph4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.u-pt8 {
  padding-top: 8px !important;
}
.u-pr8 {
  padding-right: 8px !important;
}
.u-pb8 {
  padding-bottom: 8px !important;
}
.u-pl8 {
  padding-left: 8px !important;
}
.u-pv8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-ph8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.u-pt10 {
  padding-top: 10px !important;
}
.u-pr10 {
  padding-right: 10px !important;
}
.u-pb10 {
  padding-bottom: 10px !important;
}
.u-pl10 {
  padding-left: 10px !important;
}
.u-pv10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.u-ph10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.u-pt12 {
  padding-top: 12px !important;
}
.u-pr12 {
  padding-right: 12px !important;
}
.u-pb12 {
  padding-bottom: 12px !important;
}
.u-pl12 {
  padding-left: 12px !important;
}
.u-pv12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.u-ph12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.u-pt16 {
  padding-top: 16px !important;
}
.u-pr16 {
  padding-right: 16px !important;
}
.u-pb16 {
  padding-bottom: 16px !important;
}
.u-pl16 {
  padding-left: 16px !important;
}
.u-pv16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-ph16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.u-pt20 {
  padding-top: 20px !important;
}
.u-pr20 {
  padding-right: 20px !important;
}
.u-pb20 {
  padding-bottom: 20px !important;
}
.u-pl20 {
  padding-left: 20px !important;
}
.u-pv20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.u-ph20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.u-pt24 {
  padding-top: 24px !important;
}
.u-pr24 {
  padding-right: 24px !important;
}
.u-pb24 {
  padding-bottom: 24px !important;
}
.u-pl24 {
  padding-left: 24px !important;
}
.u-pv24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-ph24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.u-pt28 {
  padding-top: 28px !important;
}
.u-pr28 {
  padding-right: 28px !important;
}
.u-pb28 {
  padding-bottom: 28px !important;
}
.u-pl28 {
  padding-left: 28px !important;
}
.u-pv28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
.u-ph28 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}
.u-pt32 {
  padding-top: 32px !important;
}
.u-pr32 {
  padding-right: 32px !important;
}
.u-pb32 {
  padding-bottom: 32px !important;
}
.u-pl32 {
  padding-left: 32px !important;
}
.u-pv32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-ph32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.u-pt34 {
  padding-top: 34px !important;
}
.u-pr34 {
  padding-right: 34px !important;
}
.u-pb34 {
  padding-bottom: 34px !important;
}
.u-pl34 {
  padding-left: 34px !important;
}
.u-pv34 {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}
.u-ph34 {
  padding-left: 34px !important;
  padding-right: 34px !important;
}
.u-pt40 {
  padding-top: 40px !important;
}
.u-pr40 {
  padding-right: 40px !important;
}
.u-pb40 {
  padding-bottom: 40px !important;
}
.u-pl40 {
  padding-left: 40px !important;
}
.u-pv40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-ph40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.u-pt50 {
  padding-top: 50px !important;
}
.u-pr50 {
  padding-right: 50px !important;
}
.u-pb50 {
  padding-bottom: 50px !important;
}
.u-pl50 {
  padding-left: 50px !important;
}
.u-pv50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.u-ph50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.u-pt48 {
  padding-top: 48px !important;
}
.u-pr48 {
  padding-right: 48px !important;
}
.u-pb48 {
  padding-bottom: 48px !important;
}
.u-pl48 {
  padding-left: 48px !important;
}
.u-pv48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-ph48 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}
.u-pt64 {
  padding-top: 64px !important;
}
.u-pr64 {
  padding-right: 64px !important;
}
.u-pb64 {
  padding-bottom: 64px !important;
}
.u-pl64 {
  padding-left: 64px !important;
}
.u-pv64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
.u-ph64 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}
.u-pta {
  padding-top: auto !important;
}
.u-pra {
  padding-right: auto !important;
}
.u-pba {
  padding-bottom: auto !important;
}
.u-pla {
  padding-left: auto !important;
}
.u-pva {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.u-pha {
  padding-left: auto !important;
  padding-right: auto !important;
}
.u-mt0 {
  margin-top: 0px !important;
}
.u-mr0 {
  margin-right: 0px !important;
}
.u-mb0 {
  margin-bottom: 0px !important;
}
.u-ml0 {
  margin-left: 0px !important;
}
.u-mv0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-mh0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.u-mt4 {
  margin-top: 4px !important;
}
.u-mr4 {
  margin-right: 4px !important;
}
.u-mb4 {
  margin-bottom: 4px !important;
}
.u-ml4 {
  margin-left: 4px !important;
}
.u-mv4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.u-mh4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.u-mt8 {
  margin-top: 8px !important;
}
.u-mr8 {
  margin-right: 8px !important;
}
.u-mb8 {
  margin-bottom: 8px !important;
}
.u-ml8 {
  margin-left: 8px !important;
}
.u-mv8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-mh8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.u-mt10 {
  margin-top: 10px !important;
}
.u-mr10 {
  margin-right: 10px !important;
}
.u-mb10 {
  margin-bottom: 10px !important;
}
.u-ml10 {
  margin-left: 10px !important;
}
.u-mv10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.u-mh10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.u-mt12 {
  margin-top: 12px !important;
}
.u-mr12 {
  margin-right: 12px !important;
}
.u-mb12 {
  margin-bottom: 12px !important;
}
.u-ml12 {
  margin-left: 12px !important;
}
.u-mv12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.u-mh12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.u-mt16 {
  margin-top: 16px !important;
}
.u-mr16 {
  margin-right: 16px !important;
}
.u-mb16 {
  margin-bottom: 16px !important;
}
.u-ml16 {
  margin-left: 16px !important;
}
.u-mv16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-mh16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.u-mt20 {
  margin-top: 20px !important;
}
.u-mr20 {
  margin-right: 20px !important;
}
.u-mb20 {
  margin-bottom: 20px !important;
}
.u-ml20 {
  margin-left: 20px !important;
}
.u-mv20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.u-mh20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.u-mt24 {
  margin-top: 24px !important;
}
.u-mr24 {
  margin-right: 24px !important;
}
.u-mb24 {
  margin-bottom: 24px !important;
}
.u-ml24 {
  margin-left: 24px !important;
}
.u-mv24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-mh24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.u-mt28 {
  margin-top: 28px !important;
}
.u-mr28 {
  margin-right: 28px !important;
}
.u-mb28 {
  margin-bottom: 28px !important;
}
.u-ml28 {
  margin-left: 28px !important;
}
.u-mv28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}
.u-mh28 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}
.u-mt32 {
  margin-top: 32px !important;
}
.u-mr32 {
  margin-right: 32px !important;
}
.u-mb32 {
  margin-bottom: 32px !important;
}
.u-ml32 {
  margin-left: 32px !important;
}
.u-mv32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-mh32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}
.u-mt34 {
  margin-top: 34px !important;
}
.u-mr34 {
  margin-right: 34px !important;
}
.u-mb34 {
  margin-bottom: 34px !important;
}
.u-ml34 {
  margin-left: 34px !important;
}
.u-mv34 {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
}
.u-mh34 {
  margin-left: 34px !important;
  margin-right: 34px !important;
}
.u-mt40 {
  margin-top: 40px !important;
}
.u-mr40 {
  margin-right: 40px !important;
}
.u-mb40 {
  margin-bottom: 40px !important;
}
.u-ml40 {
  margin-left: 40px !important;
}
.u-mv40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-mh40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.u-mt50 {
  margin-top: 50px !important;
}
.u-mr50 {
  margin-right: 50px !important;
}
.u-mb50 {
  margin-bottom: 50px !important;
}
.u-ml50 {
  margin-left: 50px !important;
}
.u-mv50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.u-mh50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.u-mt48 {
  margin-top: 48px !important;
}
.u-mr48 {
  margin-right: 48px !important;
}
.u-mb48 {
  margin-bottom: 48px !important;
}
.u-ml48 {
  margin-left: 48px !important;
}
.u-mv48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-mh48 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}
.u-mt64 {
  margin-top: 64px !important;
}
.u-mr64 {
  margin-right: 64px !important;
}
.u-mb64 {
  margin-bottom: 64px !important;
}
.u-ml64 {
  margin-left: 64px !important;
}
.u-mv64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}
.u-mh64 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}
.u-mta {
  margin-top: auto !important;
}
.u-mra {
  margin-right: auto !important;
}
.u-mba {
  margin-bottom: auto !important;
}
.u-mla {
  margin-left: auto !important;
}
.u-mva {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.u-mha {
  margin-left: auto !important;
  margin-right: auto !important;
}
@media (max-width: 1280px) {
  .u-pt0\@lg {
    padding-top: 0px !important;
  }
  .u-pr0\@lg {
    padding-right: 0px !important;
  }
  .u-pb0\@lg {
    padding-bottom: 0px !important;
  }
  .u-pl0\@lg {
    padding-left: 0px !important;
  }
  .u-pv0\@lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-ph0\@lg {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .u-pt4\@lg {
    padding-top: 4px !important;
  }
  .u-pr4\@lg {
    padding-right: 4px !important;
  }
  .u-pb4\@lg {
    padding-bottom: 4px !important;
  }
  .u-pl4\@lg {
    padding-left: 4px !important;
  }
  .u-pv4\@lg {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .u-ph4\@lg {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .u-pt8\@lg {
    padding-top: 8px !important;
  }
  .u-pr8\@lg {
    padding-right: 8px !important;
  }
  .u-pb8\@lg {
    padding-bottom: 8px !important;
  }
  .u-pl8\@lg {
    padding-left: 8px !important;
  }
  .u-pv8\@lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-ph8\@lg {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .u-pt10\@lg {
    padding-top: 10px !important;
  }
  .u-pr10\@lg {
    padding-right: 10px !important;
  }
  .u-pb10\@lg {
    padding-bottom: 10px !important;
  }
  .u-pl10\@lg {
    padding-left: 10px !important;
  }
  .u-pv10\@lg {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .u-ph10\@lg {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .u-pt12\@lg {
    padding-top: 12px !important;
  }
  .u-pr12\@lg {
    padding-right: 12px !important;
  }
  .u-pb12\@lg {
    padding-bottom: 12px !important;
  }
  .u-pl12\@lg {
    padding-left: 12px !important;
  }
  .u-pv12\@lg {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .u-ph12\@lg {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .u-pt16\@lg {
    padding-top: 16px !important;
  }
  .u-pr16\@lg {
    padding-right: 16px !important;
  }
  .u-pb16\@lg {
    padding-bottom: 16px !important;
  }
  .u-pl16\@lg {
    padding-left: 16px !important;
  }
  .u-pv16\@lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-ph16\@lg {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .u-pt20\@lg {
    padding-top: 20px !important;
  }
  .u-pr20\@lg {
    padding-right: 20px !important;
  }
  .u-pb20\@lg {
    padding-bottom: 20px !important;
  }
  .u-pl20\@lg {
    padding-left: 20px !important;
  }
  .u-pv20\@lg {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .u-ph20\@lg {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .u-pt24\@lg {
    padding-top: 24px !important;
  }
  .u-pr24\@lg {
    padding-right: 24px !important;
  }
  .u-pb24\@lg {
    padding-bottom: 24px !important;
  }
  .u-pl24\@lg {
    padding-left: 24px !important;
  }
  .u-pv24\@lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-ph24\@lg {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .u-pt28\@lg {
    padding-top: 28px !important;
  }
  .u-pr28\@lg {
    padding-right: 28px !important;
  }
  .u-pb28\@lg {
    padding-bottom: 28px !important;
  }
  .u-pl28\@lg {
    padding-left: 28px !important;
  }
  .u-pv28\@lg {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .u-ph28\@lg {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .u-pt32\@lg {
    padding-top: 32px !important;
  }
  .u-pr32\@lg {
    padding-right: 32px !important;
  }
  .u-pb32\@lg {
    padding-bottom: 32px !important;
  }
  .u-pl32\@lg {
    padding-left: 32px !important;
  }
  .u-pv32\@lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-ph32\@lg {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .u-pt34\@lg {
    padding-top: 34px !important;
  }
  .u-pr34\@lg {
    padding-right: 34px !important;
  }
  .u-pb34\@lg {
    padding-bottom: 34px !important;
  }
  .u-pl34\@lg {
    padding-left: 34px !important;
  }
  .u-pv34\@lg {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }
  .u-ph34\@lg {
    padding-left: 34px !important;
    padding-right: 34px !important;
  }
  .u-pt40\@lg {
    padding-top: 40px !important;
  }
  .u-pr40\@lg {
    padding-right: 40px !important;
  }
  .u-pb40\@lg {
    padding-bottom: 40px !important;
  }
  .u-pl40\@lg {
    padding-left: 40px !important;
  }
  .u-pv40\@lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-ph40\@lg {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-pt50\@lg {
    padding-top: 50px !important;
  }
  .u-pr50\@lg {
    padding-right: 50px !important;
  }
  .u-pb50\@lg {
    padding-bottom: 50px !important;
  }
  .u-pl50\@lg {
    padding-left: 50px !important;
  }
  .u-pv50\@lg {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .u-ph50\@lg {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .u-pt48\@lg {
    padding-top: 48px !important;
  }
  .u-pr48\@lg {
    padding-right: 48px !important;
  }
  .u-pb48\@lg {
    padding-bottom: 48px !important;
  }
  .u-pl48\@lg {
    padding-left: 48px !important;
  }
  .u-pv48\@lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-ph48\@lg {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .u-pt64\@lg {
    padding-top: 64px !important;
  }
  .u-pr64\@lg {
    padding-right: 64px !important;
  }
  .u-pb64\@lg {
    padding-bottom: 64px !important;
  }
  .u-pl64\@lg {
    padding-left: 64px !important;
  }
  .u-pv64\@lg {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-ph64\@lg {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .u-pta\@lg {
    padding-top: auto !important;
  }
  .u-pra\@lg {
    padding-right: auto !important;
  }
  .u-pba\@lg {
    padding-bottom: auto !important;
  }
  .u-pla\@lg {
    padding-left: auto !important;
  }
  .u-pva\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .u-pha\@lg {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .u-mt0\@lg {
    margin-top: 0px !important;
  }
  .u-mr0\@lg {
    margin-right: 0px !important;
  }
  .u-mb0\@lg {
    margin-bottom: 0px !important;
  }
  .u-ml0\@lg {
    margin-left: 0px !important;
  }
  .u-mv0\@lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-mh0\@lg {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-mt4\@lg {
    margin-top: 4px !important;
  }
  .u-mr4\@lg {
    margin-right: 4px !important;
  }
  .u-mb4\@lg {
    margin-bottom: 4px !important;
  }
  .u-ml4\@lg {
    margin-left: 4px !important;
  }
  .u-mv4\@lg {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .u-mh4\@lg {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .u-mt8\@lg {
    margin-top: 8px !important;
  }
  .u-mr8\@lg {
    margin-right: 8px !important;
  }
  .u-mb8\@lg {
    margin-bottom: 8px !important;
  }
  .u-ml8\@lg {
    margin-left: 8px !important;
  }
  .u-mv8\@lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-mh8\@lg {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .u-mt10\@lg {
    margin-top: 10px !important;
  }
  .u-mr10\@lg {
    margin-right: 10px !important;
  }
  .u-mb10\@lg {
    margin-bottom: 10px !important;
  }
  .u-ml10\@lg {
    margin-left: 10px !important;
  }
  .u-mv10\@lg {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .u-mh10\@lg {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .u-mt12\@lg {
    margin-top: 12px !important;
  }
  .u-mr12\@lg {
    margin-right: 12px !important;
  }
  .u-mb12\@lg {
    margin-bottom: 12px !important;
  }
  .u-ml12\@lg {
    margin-left: 12px !important;
  }
  .u-mv12\@lg {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .u-mh12\@lg {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .u-mt16\@lg {
    margin-top: 16px !important;
  }
  .u-mr16\@lg {
    margin-right: 16px !important;
  }
  .u-mb16\@lg {
    margin-bottom: 16px !important;
  }
  .u-ml16\@lg {
    margin-left: 16px !important;
  }
  .u-mv16\@lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-mh16\@lg {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .u-mt20\@lg {
    margin-top: 20px !important;
  }
  .u-mr20\@lg {
    margin-right: 20px !important;
  }
  .u-mb20\@lg {
    margin-bottom: 20px !important;
  }
  .u-ml20\@lg {
    margin-left: 20px !important;
  }
  .u-mv20\@lg {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .u-mh20\@lg {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .u-mt24\@lg {
    margin-top: 24px !important;
  }
  .u-mr24\@lg {
    margin-right: 24px !important;
  }
  .u-mb24\@lg {
    margin-bottom: 24px !important;
  }
  .u-ml24\@lg {
    margin-left: 24px !important;
  }
  .u-mv24\@lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-mh24\@lg {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .u-mt28\@lg {
    margin-top: 28px !important;
  }
  .u-mr28\@lg {
    margin-right: 28px !important;
  }
  .u-mb28\@lg {
    margin-bottom: 28px !important;
  }
  .u-ml28\@lg {
    margin-left: 28px !important;
  }
  .u-mv28\@lg {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .u-mh28\@lg {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .u-mt32\@lg {
    margin-top: 32px !important;
  }
  .u-mr32\@lg {
    margin-right: 32px !important;
  }
  .u-mb32\@lg {
    margin-bottom: 32px !important;
  }
  .u-ml32\@lg {
    margin-left: 32px !important;
  }
  .u-mv32\@lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-mh32\@lg {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .u-mt34\@lg {
    margin-top: 34px !important;
  }
  .u-mr34\@lg {
    margin-right: 34px !important;
  }
  .u-mb34\@lg {
    margin-bottom: 34px !important;
  }
  .u-ml34\@lg {
    margin-left: 34px !important;
  }
  .u-mv34\@lg {
    margin-top: 34px !important;
    margin-bottom: 34px !important;
  }
  .u-mh34\@lg {
    margin-left: 34px !important;
    margin-right: 34px !important;
  }
  .u-mt40\@lg {
    margin-top: 40px !important;
  }
  .u-mr40\@lg {
    margin-right: 40px !important;
  }
  .u-mb40\@lg {
    margin-bottom: 40px !important;
  }
  .u-ml40\@lg {
    margin-left: 40px !important;
  }
  .u-mv40\@lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-mh40\@lg {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-mt50\@lg {
    margin-top: 50px !important;
  }
  .u-mr50\@lg {
    margin-right: 50px !important;
  }
  .u-mb50\@lg {
    margin-bottom: 50px !important;
  }
  .u-ml50\@lg {
    margin-left: 50px !important;
  }
  .u-mv50\@lg {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .u-mh50\@lg {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .u-mt48\@lg {
    margin-top: 48px !important;
  }
  .u-mr48\@lg {
    margin-right: 48px !important;
  }
  .u-mb48\@lg {
    margin-bottom: 48px !important;
  }
  .u-ml48\@lg {
    margin-left: 48px !important;
  }
  .u-mv48\@lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-mh48\@lg {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .u-mt64\@lg {
    margin-top: 64px !important;
  }
  .u-mr64\@lg {
    margin-right: 64px !important;
  }
  .u-mb64\@lg {
    margin-bottom: 64px !important;
  }
  .u-ml64\@lg {
    margin-left: 64px !important;
  }
  .u-mv64\@lg {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .u-mh64\@lg {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .u-mta\@lg {
    margin-top: auto !important;
  }
  .u-mra\@lg {
    margin-right: auto !important;
  }
  .u-mba\@lg {
    margin-bottom: auto !important;
  }
  .u-mla\@lg {
    margin-left: auto !important;
  }
  .u-mva\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .u-mha\@lg {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (max-width: 1024px) {
  .u-pt0\@md {
    padding-top: 0px !important;
  }
  .u-pr0\@md {
    padding-right: 0px !important;
  }
  .u-pb0\@md {
    padding-bottom: 0px !important;
  }
  .u-pl0\@md {
    padding-left: 0px !important;
  }
  .u-pv0\@md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-ph0\@md {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .u-pt4\@md {
    padding-top: 4px !important;
  }
  .u-pr4\@md {
    padding-right: 4px !important;
  }
  .u-pb4\@md {
    padding-bottom: 4px !important;
  }
  .u-pl4\@md {
    padding-left: 4px !important;
  }
  .u-pv4\@md {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .u-ph4\@md {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .u-pt8\@md {
    padding-top: 8px !important;
  }
  .u-pr8\@md {
    padding-right: 8px !important;
  }
  .u-pb8\@md {
    padding-bottom: 8px !important;
  }
  .u-pl8\@md {
    padding-left: 8px !important;
  }
  .u-pv8\@md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-ph8\@md {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .u-pt10\@md {
    padding-top: 10px !important;
  }
  .u-pr10\@md {
    padding-right: 10px !important;
  }
  .u-pb10\@md {
    padding-bottom: 10px !important;
  }
  .u-pl10\@md {
    padding-left: 10px !important;
  }
  .u-pv10\@md {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .u-ph10\@md {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .u-pt12\@md {
    padding-top: 12px !important;
  }
  .u-pr12\@md {
    padding-right: 12px !important;
  }
  .u-pb12\@md {
    padding-bottom: 12px !important;
  }
  .u-pl12\@md {
    padding-left: 12px !important;
  }
  .u-pv12\@md {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .u-ph12\@md {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .u-pt16\@md {
    padding-top: 16px !important;
  }
  .u-pr16\@md {
    padding-right: 16px !important;
  }
  .u-pb16\@md {
    padding-bottom: 16px !important;
  }
  .u-pl16\@md {
    padding-left: 16px !important;
  }
  .u-pv16\@md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-ph16\@md {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .u-pt20\@md {
    padding-top: 20px !important;
  }
  .u-pr20\@md {
    padding-right: 20px !important;
  }
  .u-pb20\@md {
    padding-bottom: 20px !important;
  }
  .u-pl20\@md {
    padding-left: 20px !important;
  }
  .u-pv20\@md {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .u-ph20\@md {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .u-pt24\@md {
    padding-top: 24px !important;
  }
  .u-pr24\@md {
    padding-right: 24px !important;
  }
  .u-pb24\@md {
    padding-bottom: 24px !important;
  }
  .u-pl24\@md {
    padding-left: 24px !important;
  }
  .u-pv24\@md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-ph24\@md {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .u-pt28\@md {
    padding-top: 28px !important;
  }
  .u-pr28\@md {
    padding-right: 28px !important;
  }
  .u-pb28\@md {
    padding-bottom: 28px !important;
  }
  .u-pl28\@md {
    padding-left: 28px !important;
  }
  .u-pv28\@md {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .u-ph28\@md {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .u-pt32\@md {
    padding-top: 32px !important;
  }
  .u-pr32\@md {
    padding-right: 32px !important;
  }
  .u-pb32\@md {
    padding-bottom: 32px !important;
  }
  .u-pl32\@md {
    padding-left: 32px !important;
  }
  .u-pv32\@md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-ph32\@md {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .u-pt34\@md {
    padding-top: 34px !important;
  }
  .u-pr34\@md {
    padding-right: 34px !important;
  }
  .u-pb34\@md {
    padding-bottom: 34px !important;
  }
  .u-pl34\@md {
    padding-left: 34px !important;
  }
  .u-pv34\@md {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }
  .u-ph34\@md {
    padding-left: 34px !important;
    padding-right: 34px !important;
  }
  .u-pt40\@md {
    padding-top: 40px !important;
  }
  .u-pr40\@md {
    padding-right: 40px !important;
  }
  .u-pb40\@md {
    padding-bottom: 40px !important;
  }
  .u-pl40\@md {
    padding-left: 40px !important;
  }
  .u-pv40\@md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-ph40\@md {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-pt50\@md {
    padding-top: 50px !important;
  }
  .u-pr50\@md {
    padding-right: 50px !important;
  }
  .u-pb50\@md {
    padding-bottom: 50px !important;
  }
  .u-pl50\@md {
    padding-left: 50px !important;
  }
  .u-pv50\@md {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .u-ph50\@md {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .u-pt48\@md {
    padding-top: 48px !important;
  }
  .u-pr48\@md {
    padding-right: 48px !important;
  }
  .u-pb48\@md {
    padding-bottom: 48px !important;
  }
  .u-pl48\@md {
    padding-left: 48px !important;
  }
  .u-pv48\@md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-ph48\@md {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .u-pt64\@md {
    padding-top: 64px !important;
  }
  .u-pr64\@md {
    padding-right: 64px !important;
  }
  .u-pb64\@md {
    padding-bottom: 64px !important;
  }
  .u-pl64\@md {
    padding-left: 64px !important;
  }
  .u-pv64\@md {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-ph64\@md {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .u-pta\@md {
    padding-top: auto !important;
  }
  .u-pra\@md {
    padding-right: auto !important;
  }
  .u-pba\@md {
    padding-bottom: auto !important;
  }
  .u-pla\@md {
    padding-left: auto !important;
  }
  .u-pva\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .u-pha\@md {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .u-mt0\@md {
    margin-top: 0px !important;
  }
  .u-mr0\@md {
    margin-right: 0px !important;
  }
  .u-mb0\@md {
    margin-bottom: 0px !important;
  }
  .u-ml0\@md {
    margin-left: 0px !important;
  }
  .u-mv0\@md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-mh0\@md {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-mt4\@md {
    margin-top: 4px !important;
  }
  .u-mr4\@md {
    margin-right: 4px !important;
  }
  .u-mb4\@md {
    margin-bottom: 4px !important;
  }
  .u-ml4\@md {
    margin-left: 4px !important;
  }
  .u-mv4\@md {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .u-mh4\@md {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .u-mt8\@md {
    margin-top: 8px !important;
  }
  .u-mr8\@md {
    margin-right: 8px !important;
  }
  .u-mb8\@md {
    margin-bottom: 8px !important;
  }
  .u-ml8\@md {
    margin-left: 8px !important;
  }
  .u-mv8\@md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-mh8\@md {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .u-mt10\@md {
    margin-top: 10px !important;
  }
  .u-mr10\@md {
    margin-right: 10px !important;
  }
  .u-mb10\@md {
    margin-bottom: 10px !important;
  }
  .u-ml10\@md {
    margin-left: 10px !important;
  }
  .u-mv10\@md {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .u-mh10\@md {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .u-mt12\@md {
    margin-top: 12px !important;
  }
  .u-mr12\@md {
    margin-right: 12px !important;
  }
  .u-mb12\@md {
    margin-bottom: 12px !important;
  }
  .u-ml12\@md {
    margin-left: 12px !important;
  }
  .u-mv12\@md {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .u-mh12\@md {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .u-mt16\@md {
    margin-top: 16px !important;
  }
  .u-mr16\@md {
    margin-right: 16px !important;
  }
  .u-mb16\@md {
    margin-bottom: 16px !important;
  }
  .u-ml16\@md {
    margin-left: 16px !important;
  }
  .u-mv16\@md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-mh16\@md {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .u-mt20\@md {
    margin-top: 20px !important;
  }
  .u-mr20\@md {
    margin-right: 20px !important;
  }
  .u-mb20\@md {
    margin-bottom: 20px !important;
  }
  .u-ml20\@md {
    margin-left: 20px !important;
  }
  .u-mv20\@md {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .u-mh20\@md {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .u-mt24\@md {
    margin-top: 24px !important;
  }
  .u-mr24\@md {
    margin-right: 24px !important;
  }
  .u-mb24\@md {
    margin-bottom: 24px !important;
  }
  .u-ml24\@md {
    margin-left: 24px !important;
  }
  .u-mv24\@md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-mh24\@md {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .u-mt28\@md {
    margin-top: 28px !important;
  }
  .u-mr28\@md {
    margin-right: 28px !important;
  }
  .u-mb28\@md {
    margin-bottom: 28px !important;
  }
  .u-ml28\@md {
    margin-left: 28px !important;
  }
  .u-mv28\@md {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .u-mh28\@md {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .u-mt32\@md {
    margin-top: 32px !important;
  }
  .u-mr32\@md {
    margin-right: 32px !important;
  }
  .u-mb32\@md {
    margin-bottom: 32px !important;
  }
  .u-ml32\@md {
    margin-left: 32px !important;
  }
  .u-mv32\@md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-mh32\@md {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .u-mt34\@md {
    margin-top: 34px !important;
  }
  .u-mr34\@md {
    margin-right: 34px !important;
  }
  .u-mb34\@md {
    margin-bottom: 34px !important;
  }
  .u-ml34\@md {
    margin-left: 34px !important;
  }
  .u-mv34\@md {
    margin-top: 34px !important;
    margin-bottom: 34px !important;
  }
  .u-mh34\@md {
    margin-left: 34px !important;
    margin-right: 34px !important;
  }
  .u-mt40\@md {
    margin-top: 40px !important;
  }
  .u-mr40\@md {
    margin-right: 40px !important;
  }
  .u-mb40\@md {
    margin-bottom: 40px !important;
  }
  .u-ml40\@md {
    margin-left: 40px !important;
  }
  .u-mv40\@md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-mh40\@md {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-mt50\@md {
    margin-top: 50px !important;
  }
  .u-mr50\@md {
    margin-right: 50px !important;
  }
  .u-mb50\@md {
    margin-bottom: 50px !important;
  }
  .u-ml50\@md {
    margin-left: 50px !important;
  }
  .u-mv50\@md {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .u-mh50\@md {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .u-mt48\@md {
    margin-top: 48px !important;
  }
  .u-mr48\@md {
    margin-right: 48px !important;
  }
  .u-mb48\@md {
    margin-bottom: 48px !important;
  }
  .u-ml48\@md {
    margin-left: 48px !important;
  }
  .u-mv48\@md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-mh48\@md {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .u-mt64\@md {
    margin-top: 64px !important;
  }
  .u-mr64\@md {
    margin-right: 64px !important;
  }
  .u-mb64\@md {
    margin-bottom: 64px !important;
  }
  .u-ml64\@md {
    margin-left: 64px !important;
  }
  .u-mv64\@md {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .u-mh64\@md {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .u-mta\@md {
    margin-top: auto !important;
  }
  .u-mra\@md {
    margin-right: auto !important;
  }
  .u-mba\@md {
    margin-bottom: auto !important;
  }
  .u-mla\@md {
    margin-left: auto !important;
  }
  .u-mva\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .u-mha\@md {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (max-width: 768px) {
  .u-pt0\@sm {
    padding-top: 0px !important;
  }
  .u-pr0\@sm {
    padding-right: 0px !important;
  }
  .u-pb0\@sm {
    padding-bottom: 0px !important;
  }
  .u-pl0\@sm {
    padding-left: 0px !important;
  }
  .u-pv0\@sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-ph0\@sm {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .u-pt4\@sm {
    padding-top: 4px !important;
  }
  .u-pr4\@sm {
    padding-right: 4px !important;
  }
  .u-pb4\@sm {
    padding-bottom: 4px !important;
  }
  .u-pl4\@sm {
    padding-left: 4px !important;
  }
  .u-pv4\@sm {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .u-ph4\@sm {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .u-pt8\@sm {
    padding-top: 8px !important;
  }
  .u-pr8\@sm {
    padding-right: 8px !important;
  }
  .u-pb8\@sm {
    padding-bottom: 8px !important;
  }
  .u-pl8\@sm {
    padding-left: 8px !important;
  }
  .u-pv8\@sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-ph8\@sm {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .u-pt10\@sm {
    padding-top: 10px !important;
  }
  .u-pr10\@sm {
    padding-right: 10px !important;
  }
  .u-pb10\@sm {
    padding-bottom: 10px !important;
  }
  .u-pl10\@sm {
    padding-left: 10px !important;
  }
  .u-pv10\@sm {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .u-ph10\@sm {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .u-pt12\@sm {
    padding-top: 12px !important;
  }
  .u-pr12\@sm {
    padding-right: 12px !important;
  }
  .u-pb12\@sm {
    padding-bottom: 12px !important;
  }
  .u-pl12\@sm {
    padding-left: 12px !important;
  }
  .u-pv12\@sm {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .u-ph12\@sm {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .u-pt16\@sm {
    padding-top: 16px !important;
  }
  .u-pr16\@sm {
    padding-right: 16px !important;
  }
  .u-pb16\@sm {
    padding-bottom: 16px !important;
  }
  .u-pl16\@sm {
    padding-left: 16px !important;
  }
  .u-pv16\@sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-ph16\@sm {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .u-pt20\@sm {
    padding-top: 20px !important;
  }
  .u-pr20\@sm {
    padding-right: 20px !important;
  }
  .u-pb20\@sm {
    padding-bottom: 20px !important;
  }
  .u-pl20\@sm {
    padding-left: 20px !important;
  }
  .u-pv20\@sm {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .u-ph20\@sm {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .u-pt24\@sm {
    padding-top: 24px !important;
  }
  .u-pr24\@sm {
    padding-right: 24px !important;
  }
  .u-pb24\@sm {
    padding-bottom: 24px !important;
  }
  .u-pl24\@sm {
    padding-left: 24px !important;
  }
  .u-pv24\@sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-ph24\@sm {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .u-pt28\@sm {
    padding-top: 28px !important;
  }
  .u-pr28\@sm {
    padding-right: 28px !important;
  }
  .u-pb28\@sm {
    padding-bottom: 28px !important;
  }
  .u-pl28\@sm {
    padding-left: 28px !important;
  }
  .u-pv28\@sm {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .u-ph28\@sm {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .u-pt32\@sm {
    padding-top: 32px !important;
  }
  .u-pr32\@sm {
    padding-right: 32px !important;
  }
  .u-pb32\@sm {
    padding-bottom: 32px !important;
  }
  .u-pl32\@sm {
    padding-left: 32px !important;
  }
  .u-pv32\@sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-ph32\@sm {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .u-pt34\@sm {
    padding-top: 34px !important;
  }
  .u-pr34\@sm {
    padding-right: 34px !important;
  }
  .u-pb34\@sm {
    padding-bottom: 34px !important;
  }
  .u-pl34\@sm {
    padding-left: 34px !important;
  }
  .u-pv34\@sm {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }
  .u-ph34\@sm {
    padding-left: 34px !important;
    padding-right: 34px !important;
  }
  .u-pt40\@sm {
    padding-top: 40px !important;
  }
  .u-pr40\@sm {
    padding-right: 40px !important;
  }
  .u-pb40\@sm {
    padding-bottom: 40px !important;
  }
  .u-pl40\@sm {
    padding-left: 40px !important;
  }
  .u-pv40\@sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-ph40\@sm {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-pt50\@sm {
    padding-top: 50px !important;
  }
  .u-pr50\@sm {
    padding-right: 50px !important;
  }
  .u-pb50\@sm {
    padding-bottom: 50px !important;
  }
  .u-pl50\@sm {
    padding-left: 50px !important;
  }
  .u-pv50\@sm {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .u-ph50\@sm {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .u-pt48\@sm {
    padding-top: 48px !important;
  }
  .u-pr48\@sm {
    padding-right: 48px !important;
  }
  .u-pb48\@sm {
    padding-bottom: 48px !important;
  }
  .u-pl48\@sm {
    padding-left: 48px !important;
  }
  .u-pv48\@sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-ph48\@sm {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .u-pt64\@sm {
    padding-top: 64px !important;
  }
  .u-pr64\@sm {
    padding-right: 64px !important;
  }
  .u-pb64\@sm {
    padding-bottom: 64px !important;
  }
  .u-pl64\@sm {
    padding-left: 64px !important;
  }
  .u-pv64\@sm {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-ph64\@sm {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .u-pta\@sm {
    padding-top: auto !important;
  }
  .u-pra\@sm {
    padding-right: auto !important;
  }
  .u-pba\@sm {
    padding-bottom: auto !important;
  }
  .u-pla\@sm {
    padding-left: auto !important;
  }
  .u-pva\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .u-pha\@sm {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .u-mt0\@sm {
    margin-top: 0px !important;
  }
  .u-mr0\@sm {
    margin-right: 0px !important;
  }
  .u-mb0\@sm {
    margin-bottom: 0px !important;
  }
  .u-ml0\@sm {
    margin-left: 0px !important;
  }
  .u-mv0\@sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-mh0\@sm {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-mt4\@sm {
    margin-top: 4px !important;
  }
  .u-mr4\@sm {
    margin-right: 4px !important;
  }
  .u-mb4\@sm {
    margin-bottom: 4px !important;
  }
  .u-ml4\@sm {
    margin-left: 4px !important;
  }
  .u-mv4\@sm {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .u-mh4\@sm {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .u-mt8\@sm {
    margin-top: 8px !important;
  }
  .u-mr8\@sm {
    margin-right: 8px !important;
  }
  .u-mb8\@sm {
    margin-bottom: 8px !important;
  }
  .u-ml8\@sm {
    margin-left: 8px !important;
  }
  .u-mv8\@sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-mh8\@sm {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .u-mt10\@sm {
    margin-top: 10px !important;
  }
  .u-mr10\@sm {
    margin-right: 10px !important;
  }
  .u-mb10\@sm {
    margin-bottom: 10px !important;
  }
  .u-ml10\@sm {
    margin-left: 10px !important;
  }
  .u-mv10\@sm {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .u-mh10\@sm {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .u-mt12\@sm {
    margin-top: 12px !important;
  }
  .u-mr12\@sm {
    margin-right: 12px !important;
  }
  .u-mb12\@sm {
    margin-bottom: 12px !important;
  }
  .u-ml12\@sm {
    margin-left: 12px !important;
  }
  .u-mv12\@sm {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .u-mh12\@sm {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .u-mt16\@sm {
    margin-top: 16px !important;
  }
  .u-mr16\@sm {
    margin-right: 16px !important;
  }
  .u-mb16\@sm {
    margin-bottom: 16px !important;
  }
  .u-ml16\@sm {
    margin-left: 16px !important;
  }
  .u-mv16\@sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-mh16\@sm {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .u-mt20\@sm {
    margin-top: 20px !important;
  }
  .u-mr20\@sm {
    margin-right: 20px !important;
  }
  .u-mb20\@sm {
    margin-bottom: 20px !important;
  }
  .u-ml20\@sm {
    margin-left: 20px !important;
  }
  .u-mv20\@sm {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .u-mh20\@sm {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .u-mt24\@sm {
    margin-top: 24px !important;
  }
  .u-mr24\@sm {
    margin-right: 24px !important;
  }
  .u-mb24\@sm {
    margin-bottom: 24px !important;
  }
  .u-ml24\@sm {
    margin-left: 24px !important;
  }
  .u-mv24\@sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-mh24\@sm {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .u-mt28\@sm {
    margin-top: 28px !important;
  }
  .u-mr28\@sm {
    margin-right: 28px !important;
  }
  .u-mb28\@sm {
    margin-bottom: 28px !important;
  }
  .u-ml28\@sm {
    margin-left: 28px !important;
  }
  .u-mv28\@sm {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .u-mh28\@sm {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .u-mt32\@sm {
    margin-top: 32px !important;
  }
  .u-mr32\@sm {
    margin-right: 32px !important;
  }
  .u-mb32\@sm {
    margin-bottom: 32px !important;
  }
  .u-ml32\@sm {
    margin-left: 32px !important;
  }
  .u-mv32\@sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-mh32\@sm {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .u-mt34\@sm {
    margin-top: 34px !important;
  }
  .u-mr34\@sm {
    margin-right: 34px !important;
  }
  .u-mb34\@sm {
    margin-bottom: 34px !important;
  }
  .u-ml34\@sm {
    margin-left: 34px !important;
  }
  .u-mv34\@sm {
    margin-top: 34px !important;
    margin-bottom: 34px !important;
  }
  .u-mh34\@sm {
    margin-left: 34px !important;
    margin-right: 34px !important;
  }
  .u-mt40\@sm {
    margin-top: 40px !important;
  }
  .u-mr40\@sm {
    margin-right: 40px !important;
  }
  .u-mb40\@sm {
    margin-bottom: 40px !important;
  }
  .u-ml40\@sm {
    margin-left: 40px !important;
  }
  .u-mv40\@sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-mh40\@sm {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-mt50\@sm {
    margin-top: 50px !important;
  }
  .u-mr50\@sm {
    margin-right: 50px !important;
  }
  .u-mb50\@sm {
    margin-bottom: 50px !important;
  }
  .u-ml50\@sm {
    margin-left: 50px !important;
  }
  .u-mv50\@sm {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .u-mh50\@sm {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .u-mt48\@sm {
    margin-top: 48px !important;
  }
  .u-mr48\@sm {
    margin-right: 48px !important;
  }
  .u-mb48\@sm {
    margin-bottom: 48px !important;
  }
  .u-ml48\@sm {
    margin-left: 48px !important;
  }
  .u-mv48\@sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-mh48\@sm {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .u-mt64\@sm {
    margin-top: 64px !important;
  }
  .u-mr64\@sm {
    margin-right: 64px !important;
  }
  .u-mb64\@sm {
    margin-bottom: 64px !important;
  }
  .u-ml64\@sm {
    margin-left: 64px !important;
  }
  .u-mv64\@sm {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .u-mh64\@sm {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .u-mta\@sm {
    margin-top: auto !important;
  }
  .u-mra\@sm {
    margin-right: auto !important;
  }
  .u-mba\@sm {
    margin-bottom: auto !important;
  }
  .u-mla\@sm {
    margin-left: auto !important;
  }
  .u-mva\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .u-mha\@sm {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (max-width: 560px) {
  .u-pt0\@xs {
    padding-top: 0px !important;
  }
  .u-pr0\@xs {
    padding-right: 0px !important;
  }
  .u-pb0\@xs {
    padding-bottom: 0px !important;
  }
  .u-pl0\@xs {
    padding-left: 0px !important;
  }
  .u-pv0\@xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-ph0\@xs {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .u-pt4\@xs {
    padding-top: 4px !important;
  }
  .u-pr4\@xs {
    padding-right: 4px !important;
  }
  .u-pb4\@xs {
    padding-bottom: 4px !important;
  }
  .u-pl4\@xs {
    padding-left: 4px !important;
  }
  .u-pv4\@xs {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .u-ph4\@xs {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .u-pt8\@xs {
    padding-top: 8px !important;
  }
  .u-pr8\@xs {
    padding-right: 8px !important;
  }
  .u-pb8\@xs {
    padding-bottom: 8px !important;
  }
  .u-pl8\@xs {
    padding-left: 8px !important;
  }
  .u-pv8\@xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-ph8\@xs {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .u-pt10\@xs {
    padding-top: 10px !important;
  }
  .u-pr10\@xs {
    padding-right: 10px !important;
  }
  .u-pb10\@xs {
    padding-bottom: 10px !important;
  }
  .u-pl10\@xs {
    padding-left: 10px !important;
  }
  .u-pv10\@xs {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .u-ph10\@xs {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .u-pt12\@xs {
    padding-top: 12px !important;
  }
  .u-pr12\@xs {
    padding-right: 12px !important;
  }
  .u-pb12\@xs {
    padding-bottom: 12px !important;
  }
  .u-pl12\@xs {
    padding-left: 12px !important;
  }
  .u-pv12\@xs {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .u-ph12\@xs {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .u-pt16\@xs {
    padding-top: 16px !important;
  }
  .u-pr16\@xs {
    padding-right: 16px !important;
  }
  .u-pb16\@xs {
    padding-bottom: 16px !important;
  }
  .u-pl16\@xs {
    padding-left: 16px !important;
  }
  .u-pv16\@xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-ph16\@xs {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .u-pt20\@xs {
    padding-top: 20px !important;
  }
  .u-pr20\@xs {
    padding-right: 20px !important;
  }
  .u-pb20\@xs {
    padding-bottom: 20px !important;
  }
  .u-pl20\@xs {
    padding-left: 20px !important;
  }
  .u-pv20\@xs {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .u-ph20\@xs {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .u-pt24\@xs {
    padding-top: 24px !important;
  }
  .u-pr24\@xs {
    padding-right: 24px !important;
  }
  .u-pb24\@xs {
    padding-bottom: 24px !important;
  }
  .u-pl24\@xs {
    padding-left: 24px !important;
  }
  .u-pv24\@xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-ph24\@xs {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .u-pt28\@xs {
    padding-top: 28px !important;
  }
  .u-pr28\@xs {
    padding-right: 28px !important;
  }
  .u-pb28\@xs {
    padding-bottom: 28px !important;
  }
  .u-pl28\@xs {
    padding-left: 28px !important;
  }
  .u-pv28\@xs {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .u-ph28\@xs {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .u-pt32\@xs {
    padding-top: 32px !important;
  }
  .u-pr32\@xs {
    padding-right: 32px !important;
  }
  .u-pb32\@xs {
    padding-bottom: 32px !important;
  }
  .u-pl32\@xs {
    padding-left: 32px !important;
  }
  .u-pv32\@xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-ph32\@xs {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .u-pt34\@xs {
    padding-top: 34px !important;
  }
  .u-pr34\@xs {
    padding-right: 34px !important;
  }
  .u-pb34\@xs {
    padding-bottom: 34px !important;
  }
  .u-pl34\@xs {
    padding-left: 34px !important;
  }
  .u-pv34\@xs {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }
  .u-ph34\@xs {
    padding-left: 34px !important;
    padding-right: 34px !important;
  }
  .u-pt40\@xs {
    padding-top: 40px !important;
  }
  .u-pr40\@xs {
    padding-right: 40px !important;
  }
  .u-pb40\@xs {
    padding-bottom: 40px !important;
  }
  .u-pl40\@xs {
    padding-left: 40px !important;
  }
  .u-pv40\@xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-ph40\@xs {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-pt50\@xs {
    padding-top: 50px !important;
  }
  .u-pr50\@xs {
    padding-right: 50px !important;
  }
  .u-pb50\@xs {
    padding-bottom: 50px !important;
  }
  .u-pl50\@xs {
    padding-left: 50px !important;
  }
  .u-pv50\@xs {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .u-ph50\@xs {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .u-pt48\@xs {
    padding-top: 48px !important;
  }
  .u-pr48\@xs {
    padding-right: 48px !important;
  }
  .u-pb48\@xs {
    padding-bottom: 48px !important;
  }
  .u-pl48\@xs {
    padding-left: 48px !important;
  }
  .u-pv48\@xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-ph48\@xs {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .u-pt64\@xs {
    padding-top: 64px !important;
  }
  .u-pr64\@xs {
    padding-right: 64px !important;
  }
  .u-pb64\@xs {
    padding-bottom: 64px !important;
  }
  .u-pl64\@xs {
    padding-left: 64px !important;
  }
  .u-pv64\@xs {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-ph64\@xs {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .u-pta\@xs {
    padding-top: auto !important;
  }
  .u-pra\@xs {
    padding-right: auto !important;
  }
  .u-pba\@xs {
    padding-bottom: auto !important;
  }
  .u-pla\@xs {
    padding-left: auto !important;
  }
  .u-pva\@xs {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .u-pha\@xs {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .u-mt0\@xs {
    margin-top: 0px !important;
  }
  .u-mr0\@xs {
    margin-right: 0px !important;
  }
  .u-mb0\@xs {
    margin-bottom: 0px !important;
  }
  .u-ml0\@xs {
    margin-left: 0px !important;
  }
  .u-mv0\@xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-mh0\@xs {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-mt4\@xs {
    margin-top: 4px !important;
  }
  .u-mr4\@xs {
    margin-right: 4px !important;
  }
  .u-mb4\@xs {
    margin-bottom: 4px !important;
  }
  .u-ml4\@xs {
    margin-left: 4px !important;
  }
  .u-mv4\@xs {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .u-mh4\@xs {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .u-mt8\@xs {
    margin-top: 8px !important;
  }
  .u-mr8\@xs {
    margin-right: 8px !important;
  }
  .u-mb8\@xs {
    margin-bottom: 8px !important;
  }
  .u-ml8\@xs {
    margin-left: 8px !important;
  }
  .u-mv8\@xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-mh8\@xs {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .u-mt10\@xs {
    margin-top: 10px !important;
  }
  .u-mr10\@xs {
    margin-right: 10px !important;
  }
  .u-mb10\@xs {
    margin-bottom: 10px !important;
  }
  .u-ml10\@xs {
    margin-left: 10px !important;
  }
  .u-mv10\@xs {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .u-mh10\@xs {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .u-mt12\@xs {
    margin-top: 12px !important;
  }
  .u-mr12\@xs {
    margin-right: 12px !important;
  }
  .u-mb12\@xs {
    margin-bottom: 12px !important;
  }
  .u-ml12\@xs {
    margin-left: 12px !important;
  }
  .u-mv12\@xs {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .u-mh12\@xs {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .u-mt16\@xs {
    margin-top: 16px !important;
  }
  .u-mr16\@xs {
    margin-right: 16px !important;
  }
  .u-mb16\@xs {
    margin-bottom: 16px !important;
  }
  .u-ml16\@xs {
    margin-left: 16px !important;
  }
  .u-mv16\@xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-mh16\@xs {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .u-mt20\@xs {
    margin-top: 20px !important;
  }
  .u-mr20\@xs {
    margin-right: 20px !important;
  }
  .u-mb20\@xs {
    margin-bottom: 20px !important;
  }
  .u-ml20\@xs {
    margin-left: 20px !important;
  }
  .u-mv20\@xs {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .u-mh20\@xs {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .u-mt24\@xs {
    margin-top: 24px !important;
  }
  .u-mr24\@xs {
    margin-right: 24px !important;
  }
  .u-mb24\@xs {
    margin-bottom: 24px !important;
  }
  .u-ml24\@xs {
    margin-left: 24px !important;
  }
  .u-mv24\@xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-mh24\@xs {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .u-mt28\@xs {
    margin-top: 28px !important;
  }
  .u-mr28\@xs {
    margin-right: 28px !important;
  }
  .u-mb28\@xs {
    margin-bottom: 28px !important;
  }
  .u-ml28\@xs {
    margin-left: 28px !important;
  }
  .u-mv28\@xs {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .u-mh28\@xs {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .u-mt32\@xs {
    margin-top: 32px !important;
  }
  .u-mr32\@xs {
    margin-right: 32px !important;
  }
  .u-mb32\@xs {
    margin-bottom: 32px !important;
  }
  .u-ml32\@xs {
    margin-left: 32px !important;
  }
  .u-mv32\@xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-mh32\@xs {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .u-mt34\@xs {
    margin-top: 34px !important;
  }
  .u-mr34\@xs {
    margin-right: 34px !important;
  }
  .u-mb34\@xs {
    margin-bottom: 34px !important;
  }
  .u-ml34\@xs {
    margin-left: 34px !important;
  }
  .u-mv34\@xs {
    margin-top: 34px !important;
    margin-bottom: 34px !important;
  }
  .u-mh34\@xs {
    margin-left: 34px !important;
    margin-right: 34px !important;
  }
  .u-mt40\@xs {
    margin-top: 40px !important;
  }
  .u-mr40\@xs {
    margin-right: 40px !important;
  }
  .u-mb40\@xs {
    margin-bottom: 40px !important;
  }
  .u-ml40\@xs {
    margin-left: 40px !important;
  }
  .u-mv40\@xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-mh40\@xs {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-mt50\@xs {
    margin-top: 50px !important;
  }
  .u-mr50\@xs {
    margin-right: 50px !important;
  }
  .u-mb50\@xs {
    margin-bottom: 50px !important;
  }
  .u-ml50\@xs {
    margin-left: 50px !important;
  }
  .u-mv50\@xs {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .u-mh50\@xs {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .u-mt48\@xs {
    margin-top: 48px !important;
  }
  .u-mr48\@xs {
    margin-right: 48px !important;
  }
  .u-mb48\@xs {
    margin-bottom: 48px !important;
  }
  .u-ml48\@xs {
    margin-left: 48px !important;
  }
  .u-mv48\@xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-mh48\@xs {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .u-mt64\@xs {
    margin-top: 64px !important;
  }
  .u-mr64\@xs {
    margin-right: 64px !important;
  }
  .u-mb64\@xs {
    margin-bottom: 64px !important;
  }
  .u-ml64\@xs {
    margin-left: 64px !important;
  }
  .u-mv64\@xs {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .u-mh64\@xs {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .u-mta\@xs {
    margin-top: auto !important;
  }
  .u-mra\@xs {
    margin-right: auto !important;
  }
  .u-mba\@xs {
    margin-bottom: auto !important;
  }
  .u-mla\@xs {
    margin-left: auto !important;
  }
  .u-mva\@xs {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .u-mha\@xs {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/*
  $m-type - width, height, min-width, max-width.
  $m-size - size.
  $m-breakpoint - breakpoint.
  Example - '.u-wd5', '.u-wd5@lg'
*/
.u-wda {
  width: auto !important;
}
.u-wd120 {
  width: 120px !important;
}
.u-wd200 {
  width: 200px !important;
}
.u-wd400 {
  width: 400px !important;
}
.u-wd580 {
  width: 580px !important;
}
.u-wd640 {
  width: 640px !important;
}
.u-wd720 {
  width: 720px !important;
}
.u-wd20p {
  width: 20% !important;
}
.u-wd25p {
  width: 25% !important;
}
.u-wd33p {
  width: 33.3333333333% !important;
}
.u-wd50p {
  width: 50% !important;
}
.u-wd66p {
  width: 66.6666666667% !important;
}
.u-wd100p {
  width: 100% !important;
}
.u-hta {
  height: auto !important;
}
.u-ht120 {
  height: 120px !important;
}
.u-ht200 {
  height: 200px !important;
}
.u-ht400 {
  height: 400px !important;
}
.u-ht580 {
  height: 580px !important;
}
.u-ht640 {
  height: 640px !important;
}
.u-ht720 {
  height: 720px !important;
}
.u-ht20p {
  height: 20% !important;
}
.u-ht25p {
  height: 25% !important;
}
.u-ht33p {
  height: 33.3333333333% !important;
}
.u-ht50p {
  height: 50% !important;
}
.u-ht66p {
  height: 66.6666666667% !important;
}
.u-ht100p {
  height: 100% !important;
}
.u-minhta {
  min-height: auto !important;
}
.u-minht120 {
  min-height: 120px !important;
}
.u-minht200 {
  min-height: 200px !important;
}
.u-minht400 {
  min-height: 400px !important;
}
.u-minht580 {
  min-height: 580px !important;
}
.u-minht640 {
  min-height: 640px !important;
}
.u-minht720 {
  min-height: 720px !important;
}
.u-minht20p {
  min-height: 20% !important;
}
.u-minht25p {
  min-height: 25% !important;
}
.u-minht33p {
  min-height: 33.3333333333% !important;
}
.u-minht50p {
  min-height: 50% !important;
}
.u-minht66p {
  min-height: 66.6666666667% !important;
}
.u-minht100p {
  min-height: 100% !important;
}
.u-minwda {
  min-width: auto !important;
}
.u-minwd120 {
  min-width: 120px !important;
}
.u-minwd200 {
  min-width: 200px !important;
}
.u-minwd400 {
  min-width: 400px !important;
}
.u-minwd580 {
  min-width: 580px !important;
}
.u-minwd640 {
  min-width: 640px !important;
}
.u-minwd720 {
  min-width: 720px !important;
}
.u-minwd20p {
  min-width: 20% !important;
}
.u-minwd25p {
  min-width: 25% !important;
}
.u-minwd33p {
  min-width: 33.3333333333% !important;
}
.u-minwd50p {
  min-width: 50% !important;
}
.u-minwd66p {
  min-width: 66.6666666667% !important;
}
.u-minwd100p {
  min-width: 100% !important;
}
.u-maxwda {
  max-width: auto !important;
}
.u-maxwd120 {
  max-width: 120px !important;
}
.u-maxwd200 {
  max-width: 200px !important;
}
.u-maxwd400 {
  max-width: 400px !important;
}
.u-maxwd580 {
  max-width: 580px !important;
}
.u-maxwd640 {
  max-width: 640px !important;
}
.u-maxwd720 {
  max-width: 720px !important;
}
.u-maxwd20p {
  max-width: 20% !important;
}
.u-maxwd25p {
  max-width: 25% !important;
}
.u-maxwd33p {
  max-width: 33.3333333333% !important;
}
.u-maxwd50p {
  max-width: 50% !important;
}
.u-maxwd66p {
  max-width: 66.6666666667% !important;
}
.u-maxwd100p {
  max-width: 100% !important;
}
@media (max-width: 1280px) {
  .u-wda\@lg {
    width: auto !important;
  }
  .u-wd120\@lg {
    width: 120px !important;
  }
  .u-wd200\@lg {
    width: 200px !important;
  }
  .u-wd400\@lg {
    width: 400px !important;
  }
  .u-wd580\@lg {
    width: 580px !important;
  }
  .u-wd640\@lg {
    width: 640px !important;
  }
  .u-wd720\@lg {
    width: 720px !important;
  }
  .u-wd20p\@lg {
    width: 20% !important;
  }
  .u-wd25p\@lg {
    width: 25% !important;
  }
  .u-wd33p\@lg {
    width: 33.3333333333% !important;
  }
  .u-wd50p\@lg {
    width: 50% !important;
  }
  .u-wd66p\@lg {
    width: 66.6666666667% !important;
  }
  .u-wd100p\@lg {
    width: 100% !important;
  }
  .u-hta\@lg {
    height: auto !important;
  }
  .u-ht120\@lg {
    height: 120px !important;
  }
  .u-ht200\@lg {
    height: 200px !important;
  }
  .u-ht400\@lg {
    height: 400px !important;
  }
  .u-ht580\@lg {
    height: 580px !important;
  }
  .u-ht640\@lg {
    height: 640px !important;
  }
  .u-ht720\@lg {
    height: 720px !important;
  }
  .u-ht20p\@lg {
    height: 20% !important;
  }
  .u-ht25p\@lg {
    height: 25% !important;
  }
  .u-ht33p\@lg {
    height: 33.3333333333% !important;
  }
  .u-ht50p\@lg {
    height: 50% !important;
  }
  .u-ht66p\@lg {
    height: 66.6666666667% !important;
  }
  .u-ht100p\@lg {
    height: 100% !important;
  }
  .u-minhta\@lg {
    min-height: auto !important;
  }
  .u-minht120\@lg {
    min-height: 120px !important;
  }
  .u-minht200\@lg {
    min-height: 200px !important;
  }
  .u-minht400\@lg {
    min-height: 400px !important;
  }
  .u-minht580\@lg {
    min-height: 580px !important;
  }
  .u-minht640\@lg {
    min-height: 640px !important;
  }
  .u-minht720\@lg {
    min-height: 720px !important;
  }
  .u-minht20p\@lg {
    min-height: 20% !important;
  }
  .u-minht25p\@lg {
    min-height: 25% !important;
  }
  .u-minht33p\@lg {
    min-height: 33.3333333333% !important;
  }
  .u-minht50p\@lg {
    min-height: 50% !important;
  }
  .u-minht66p\@lg {
    min-height: 66.6666666667% !important;
  }
  .u-minht100p\@lg {
    min-height: 100% !important;
  }
  .u-minwda\@lg {
    min-width: auto !important;
  }
  .u-minwd120\@lg {
    min-width: 120px !important;
  }
  .u-minwd200\@lg {
    min-width: 200px !important;
  }
  .u-minwd400\@lg {
    min-width: 400px !important;
  }
  .u-minwd580\@lg {
    min-width: 580px !important;
  }
  .u-minwd640\@lg {
    min-width: 640px !important;
  }
  .u-minwd720\@lg {
    min-width: 720px !important;
  }
  .u-minwd20p\@lg {
    min-width: 20% !important;
  }
  .u-minwd25p\@lg {
    min-width: 25% !important;
  }
  .u-minwd33p\@lg {
    min-width: 33.3333333333% !important;
  }
  .u-minwd50p\@lg {
    min-width: 50% !important;
  }
  .u-minwd66p\@lg {
    min-width: 66.6666666667% !important;
  }
  .u-minwd100p\@lg {
    min-width: 100% !important;
  }
  .u-maxwda\@lg {
    max-width: auto !important;
  }
  .u-maxwd120\@lg {
    max-width: 120px !important;
  }
  .u-maxwd200\@lg {
    max-width: 200px !important;
  }
  .u-maxwd400\@lg {
    max-width: 400px !important;
  }
  .u-maxwd580\@lg {
    max-width: 580px !important;
  }
  .u-maxwd640\@lg {
    max-width: 640px !important;
  }
  .u-maxwd720\@lg {
    max-width: 720px !important;
  }
  .u-maxwd20p\@lg {
    max-width: 20% !important;
  }
  .u-maxwd25p\@lg {
    max-width: 25% !important;
  }
  .u-maxwd33p\@lg {
    max-width: 33.3333333333% !important;
  }
  .u-maxwd50p\@lg {
    max-width: 50% !important;
  }
  .u-maxwd66p\@lg {
    max-width: 66.6666666667% !important;
  }
  .u-maxwd100p\@lg {
    max-width: 100% !important;
  }
}
@media (max-width: 1024px) {
  .u-wda\@md {
    width: auto !important;
  }
  .u-wd120\@md {
    width: 120px !important;
  }
  .u-wd200\@md {
    width: 200px !important;
  }
  .u-wd400\@md {
    width: 400px !important;
  }
  .u-wd580\@md {
    width: 580px !important;
  }
  .u-wd640\@md {
    width: 640px !important;
  }
  .u-wd720\@md {
    width: 720px !important;
  }
  .u-wd20p\@md {
    width: 20% !important;
  }
  .u-wd25p\@md {
    width: 25% !important;
  }
  .u-wd33p\@md {
    width: 33.3333333333% !important;
  }
  .u-wd50p\@md {
    width: 50% !important;
  }
  .u-wd66p\@md {
    width: 66.6666666667% !important;
  }
  .u-wd100p\@md {
    width: 100% !important;
  }
  .u-hta\@md {
    height: auto !important;
  }
  .u-ht120\@md {
    height: 120px !important;
  }
  .u-ht200\@md {
    height: 200px !important;
  }
  .u-ht400\@md {
    height: 400px !important;
  }
  .u-ht580\@md {
    height: 580px !important;
  }
  .u-ht640\@md {
    height: 640px !important;
  }
  .u-ht720\@md {
    height: 720px !important;
  }
  .u-ht20p\@md {
    height: 20% !important;
  }
  .u-ht25p\@md {
    height: 25% !important;
  }
  .u-ht33p\@md {
    height: 33.3333333333% !important;
  }
  .u-ht50p\@md {
    height: 50% !important;
  }
  .u-ht66p\@md {
    height: 66.6666666667% !important;
  }
  .u-ht100p\@md {
    height: 100% !important;
  }
  .u-minhta\@md {
    min-height: auto !important;
  }
  .u-minht120\@md {
    min-height: 120px !important;
  }
  .u-minht200\@md {
    min-height: 200px !important;
  }
  .u-minht400\@md {
    min-height: 400px !important;
  }
  .u-minht580\@md {
    min-height: 580px !important;
  }
  .u-minht640\@md {
    min-height: 640px !important;
  }
  .u-minht720\@md {
    min-height: 720px !important;
  }
  .u-minht20p\@md {
    min-height: 20% !important;
  }
  .u-minht25p\@md {
    min-height: 25% !important;
  }
  .u-minht33p\@md {
    min-height: 33.3333333333% !important;
  }
  .u-minht50p\@md {
    min-height: 50% !important;
  }
  .u-minht66p\@md {
    min-height: 66.6666666667% !important;
  }
  .u-minht100p\@md {
    min-height: 100% !important;
  }
  .u-minwda\@md {
    min-width: auto !important;
  }
  .u-minwd120\@md {
    min-width: 120px !important;
  }
  .u-minwd200\@md {
    min-width: 200px !important;
  }
  .u-minwd400\@md {
    min-width: 400px !important;
  }
  .u-minwd580\@md {
    min-width: 580px !important;
  }
  .u-minwd640\@md {
    min-width: 640px !important;
  }
  .u-minwd720\@md {
    min-width: 720px !important;
  }
  .u-minwd20p\@md {
    min-width: 20% !important;
  }
  .u-minwd25p\@md {
    min-width: 25% !important;
  }
  .u-minwd33p\@md {
    min-width: 33.3333333333% !important;
  }
  .u-minwd50p\@md {
    min-width: 50% !important;
  }
  .u-minwd66p\@md {
    min-width: 66.6666666667% !important;
  }
  .u-minwd100p\@md {
    min-width: 100% !important;
  }
  .u-maxwda\@md {
    max-width: auto !important;
  }
  .u-maxwd120\@md {
    max-width: 120px !important;
  }
  .u-maxwd200\@md {
    max-width: 200px !important;
  }
  .u-maxwd400\@md {
    max-width: 400px !important;
  }
  .u-maxwd580\@md {
    max-width: 580px !important;
  }
  .u-maxwd640\@md {
    max-width: 640px !important;
  }
  .u-maxwd720\@md {
    max-width: 720px !important;
  }
  .u-maxwd20p\@md {
    max-width: 20% !important;
  }
  .u-maxwd25p\@md {
    max-width: 25% !important;
  }
  .u-maxwd33p\@md {
    max-width: 33.3333333333% !important;
  }
  .u-maxwd50p\@md {
    max-width: 50% !important;
  }
  .u-maxwd66p\@md {
    max-width: 66.6666666667% !important;
  }
  .u-maxwd100p\@md {
    max-width: 100% !important;
  }
}
@media (max-width: 768px) {
  .u-wda\@sm {
    width: auto !important;
  }
  .u-wd120\@sm {
    width: 120px !important;
  }
  .u-wd200\@sm {
    width: 200px !important;
  }
  .u-wd400\@sm {
    width: 400px !important;
  }
  .u-wd580\@sm {
    width: 580px !important;
  }
  .u-wd640\@sm {
    width: 640px !important;
  }
  .u-wd720\@sm {
    width: 720px !important;
  }
  .u-wd20p\@sm {
    width: 20% !important;
  }
  .u-wd25p\@sm {
    width: 25% !important;
  }
  .u-wd33p\@sm {
    width: 33.3333333333% !important;
  }
  .u-wd50p\@sm {
    width: 50% !important;
  }
  .u-wd66p\@sm {
    width: 66.6666666667% !important;
  }
  .u-wd100p\@sm {
    width: 100% !important;
  }
  .u-hta\@sm {
    height: auto !important;
  }
  .u-ht120\@sm {
    height: 120px !important;
  }
  .u-ht200\@sm {
    height: 200px !important;
  }
  .u-ht400\@sm {
    height: 400px !important;
  }
  .u-ht580\@sm {
    height: 580px !important;
  }
  .u-ht640\@sm {
    height: 640px !important;
  }
  .u-ht720\@sm {
    height: 720px !important;
  }
  .u-ht20p\@sm {
    height: 20% !important;
  }
  .u-ht25p\@sm {
    height: 25% !important;
  }
  .u-ht33p\@sm {
    height: 33.3333333333% !important;
  }
  .u-ht50p\@sm {
    height: 50% !important;
  }
  .u-ht66p\@sm {
    height: 66.6666666667% !important;
  }
  .u-ht100p\@sm {
    height: 100% !important;
  }
  .u-minhta\@sm {
    min-height: auto !important;
  }
  .u-minht120\@sm {
    min-height: 120px !important;
  }
  .u-minht200\@sm {
    min-height: 200px !important;
  }
  .u-minht400\@sm {
    min-height: 400px !important;
  }
  .u-minht580\@sm {
    min-height: 580px !important;
  }
  .u-minht640\@sm {
    min-height: 640px !important;
  }
  .u-minht720\@sm {
    min-height: 720px !important;
  }
  .u-minht20p\@sm {
    min-height: 20% !important;
  }
  .u-minht25p\@sm {
    min-height: 25% !important;
  }
  .u-minht33p\@sm {
    min-height: 33.3333333333% !important;
  }
  .u-minht50p\@sm {
    min-height: 50% !important;
  }
  .u-minht66p\@sm {
    min-height: 66.6666666667% !important;
  }
  .u-minht100p\@sm {
    min-height: 100% !important;
  }
  .u-minwda\@sm {
    min-width: auto !important;
  }
  .u-minwd120\@sm {
    min-width: 120px !important;
  }
  .u-minwd200\@sm {
    min-width: 200px !important;
  }
  .u-minwd400\@sm {
    min-width: 400px !important;
  }
  .u-minwd580\@sm {
    min-width: 580px !important;
  }
  .u-minwd640\@sm {
    min-width: 640px !important;
  }
  .u-minwd720\@sm {
    min-width: 720px !important;
  }
  .u-minwd20p\@sm {
    min-width: 20% !important;
  }
  .u-minwd25p\@sm {
    min-width: 25% !important;
  }
  .u-minwd33p\@sm {
    min-width: 33.3333333333% !important;
  }
  .u-minwd50p\@sm {
    min-width: 50% !important;
  }
  .u-minwd66p\@sm {
    min-width: 66.6666666667% !important;
  }
  .u-minwd100p\@sm {
    min-width: 100% !important;
  }
  .u-maxwda\@sm {
    max-width: auto !important;
  }
  .u-maxwd120\@sm {
    max-width: 120px !important;
  }
  .u-maxwd200\@sm {
    max-width: 200px !important;
  }
  .u-maxwd400\@sm {
    max-width: 400px !important;
  }
  .u-maxwd580\@sm {
    max-width: 580px !important;
  }
  .u-maxwd640\@sm {
    max-width: 640px !important;
  }
  .u-maxwd720\@sm {
    max-width: 720px !important;
  }
  .u-maxwd20p\@sm {
    max-width: 20% !important;
  }
  .u-maxwd25p\@sm {
    max-width: 25% !important;
  }
  .u-maxwd33p\@sm {
    max-width: 33.3333333333% !important;
  }
  .u-maxwd50p\@sm {
    max-width: 50% !important;
  }
  .u-maxwd66p\@sm {
    max-width: 66.6666666667% !important;
  }
  .u-maxwd100p\@sm {
    max-width: 100% !important;
  }
}
@media (max-width: 560px) {
  .u-wda\@xs {
    width: auto !important;
  }
  .u-wd120\@xs {
    width: 120px !important;
  }
  .u-wd200\@xs {
    width: 200px !important;
  }
  .u-wd400\@xs {
    width: 400px !important;
  }
  .u-wd580\@xs {
    width: 580px !important;
  }
  .u-wd640\@xs {
    width: 640px !important;
  }
  .u-wd720\@xs {
    width: 720px !important;
  }
  .u-wd20p\@xs {
    width: 20% !important;
  }
  .u-wd25p\@xs {
    width: 25% !important;
  }
  .u-wd33p\@xs {
    width: 33.3333333333% !important;
  }
  .u-wd50p\@xs {
    width: 50% !important;
  }
  .u-wd66p\@xs {
    width: 66.6666666667% !important;
  }
  .u-wd100p\@xs {
    width: 100% !important;
  }
  .u-hta\@xs {
    height: auto !important;
  }
  .u-ht120\@xs {
    height: 120px !important;
  }
  .u-ht200\@xs {
    height: 200px !important;
  }
  .u-ht400\@xs {
    height: 400px !important;
  }
  .u-ht580\@xs {
    height: 580px !important;
  }
  .u-ht640\@xs {
    height: 640px !important;
  }
  .u-ht720\@xs {
    height: 720px !important;
  }
  .u-ht20p\@xs {
    height: 20% !important;
  }
  .u-ht25p\@xs {
    height: 25% !important;
  }
  .u-ht33p\@xs {
    height: 33.3333333333% !important;
  }
  .u-ht50p\@xs {
    height: 50% !important;
  }
  .u-ht66p\@xs {
    height: 66.6666666667% !important;
  }
  .u-ht100p\@xs {
    height: 100% !important;
  }
  .u-minhta\@xs {
    min-height: auto !important;
  }
  .u-minht120\@xs {
    min-height: 120px !important;
  }
  .u-minht200\@xs {
    min-height: 200px !important;
  }
  .u-minht400\@xs {
    min-height: 400px !important;
  }
  .u-minht580\@xs {
    min-height: 580px !important;
  }
  .u-minht640\@xs {
    min-height: 640px !important;
  }
  .u-minht720\@xs {
    min-height: 720px !important;
  }
  .u-minht20p\@xs {
    min-height: 20% !important;
  }
  .u-minht25p\@xs {
    min-height: 25% !important;
  }
  .u-minht33p\@xs {
    min-height: 33.3333333333% !important;
  }
  .u-minht50p\@xs {
    min-height: 50% !important;
  }
  .u-minht66p\@xs {
    min-height: 66.6666666667% !important;
  }
  .u-minht100p\@xs {
    min-height: 100% !important;
  }
  .u-minwda\@xs {
    min-width: auto !important;
  }
  .u-minwd120\@xs {
    min-width: 120px !important;
  }
  .u-minwd200\@xs {
    min-width: 200px !important;
  }
  .u-minwd400\@xs {
    min-width: 400px !important;
  }
  .u-minwd580\@xs {
    min-width: 580px !important;
  }
  .u-minwd640\@xs {
    min-width: 640px !important;
  }
  .u-minwd720\@xs {
    min-width: 720px !important;
  }
  .u-minwd20p\@xs {
    min-width: 20% !important;
  }
  .u-minwd25p\@xs {
    min-width: 25% !important;
  }
  .u-minwd33p\@xs {
    min-width: 33.3333333333% !important;
  }
  .u-minwd50p\@xs {
    min-width: 50% !important;
  }
  .u-minwd66p\@xs {
    min-width: 66.6666666667% !important;
  }
  .u-minwd100p\@xs {
    min-width: 100% !important;
  }
  .u-maxwda\@xs {
    max-width: auto !important;
  }
  .u-maxwd120\@xs {
    max-width: 120px !important;
  }
  .u-maxwd200\@xs {
    max-width: 200px !important;
  }
  .u-maxwd400\@xs {
    max-width: 400px !important;
  }
  .u-maxwd580\@xs {
    max-width: 580px !important;
  }
  .u-maxwd640\@xs {
    max-width: 640px !important;
  }
  .u-maxwd720\@xs {
    max-width: 720px !important;
  }
  .u-maxwd20p\@xs {
    max-width: 20% !important;
  }
  .u-maxwd25p\@xs {
    max-width: 25% !important;
  }
  .u-maxwd33p\@xs {
    max-width: 33.3333333333% !important;
  }
  .u-maxwd50p\@xs {
    max-width: 50% !important;
  }
  .u-maxwd66p\@xs {
    max-width: 66.6666666667% !important;
  }
  .u-maxwd100p\@xs {
    max-width: 100% !important;
  }
}
.article {
  display: flex;
}
.article-content {
  width: 100%;
  padding-right: 70px;
}
.article-aside {
  width: 320px;
  flex-shrink: 0;
}
.article-footer {
  border-top: 1px solid #C1C1CC;
}
.article-socials {
  display: flex;
  justify-content: space-between;
}
.article-socials .likely .likely__icon {
  display: none;
}
.article-socials .likely .likely__widget {
  margin-left: 16px;
}
.article-nav {
  display: flex;
  gap: 8px;
}
.article-nav a {
  border-radius: 4px;
  width: 100%;
  background: #F5F5F7;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #001720;
  padding: 16px;
}
.article-nav__next {
  justify-content: flex-end;
}
@media screen and (max-width: 1280px) {
  .article-content {
    padding-right: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .article {
    flex-direction: column;
  }
  .article-content {
    padding-right: 0;
  }
  .article-aside {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .article-socials {
    flex-direction: column;
  }
}
@media screen and (max-width: 560px) {
  .article-nav {
    flex-direction: column;
  }
}
.hero {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .hero {
    gap: 12px;
  }
}
@media screen and (max-width: 1024px) {
  .hero {
    gap: 4px;
  }
}
.static-hero-slider {
  display: block;
  min-height: 87.5vw;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .static-hero-slider {
    min-height: 26.865vw;
  }
}
@media screen and (min-width: 1024px) {
  .static-hero-slider {
    min-height: calc((min(100vw, 1400px) - 60px) * 0.26865);
  }
}
.static-hero-slider a {
  display: block;
  width: 100%;
}
.static-hero-slider img {
  max-width: 100%;
}
.hero-slider {
  display: block;
  min-height: 87.5vw;
}
@media screen and (min-width: 768px) {
  .hero-slider {
    min-height: 26.865vw;
  }
}
@media screen and (min-width: 1024px) {
  .hero-slider {
    min-height: calc((min(100vw, 1400px) - 60px) * 0.26865);
  }
}
.hero-slider .swiper-slide a {
  display: block;
}
.hero-slider .swiper-slide img {
  max-width: 100%;
}
.hero-slider .overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, rgba(6, 12, 26, 0.4) 0.1%, rgba(6, 12, 26, 0) 74.51%);
}
@media screen and (max-width: 768px) {
  .hero-slider .overlay {
    padding: 40px 16px;
  }
}
.hero-slider .overlay .uptitle {
  color: #EB5F9A;
}
.index-grid {
  display: flex;
  gap: 20px;
  width: 100%;
  min-height: calc((min(100vw, 1400px) - 60px) * 0.26865);
}
@media screen and (max-width: 1024px) {
  .index-grid {
    min-height: 27.2vw;
  }
}
@media screen and (max-width: 768px) {
  .index-grid {
    min-height: 27.4vw;
  }
}
@media screen and (max-width: 1024px) {
  .index-grid {
    gap: 12px;
  }
}
@media screen and (max-width: 768px) {
  .index-grid {
    gap: 4px;
  }
}
.index-grid-item {
  position: relative;
  width: 100%;
}
.index-grid-item-info {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 116px;
}
.index-grid-item picture {
  display: block;
}
.personal-assistant {
  background-color: #E9E9EC;
  overflow: hidden;
  padding: 80px 0 0;
}
@media screen and (max-width: 1024px) {
  .personal-assistant {
    padding: 64px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .personal-assistant {
    padding: 48px 0 0;
  }
}
.personal-assistant .content {
  margin: 0;
}
.personal-assistant .personal-assistant-wrap {
  display: flex;
  overflow: hidden;
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .personal-assistant .personal-assistant-wrap {
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  .personal-assistant .personal-assistant-wrap {
    padding-bottom: 64px;
  }
}
@media screen and (max-width: 768px) {
  .personal-assistant .personal-assistant-wrap {
    padding-bottom: 48px;
  }
}
.personal-assistant .swiper-button-next, .personal-assistant .swiper-rtl .swiper-button-prev {
  right: 18px;
}
@media screen and (max-width: 1024px) {
  .personal-assistant .swiper-button-next, .personal-assistant .swiper-rtl .swiper-button-prev {
    display: none;
  }
}
.personal-assistant .swiper-button-prev, .personal-assistant .swiper-rtl .swiper-button-next {
  left: 18px;
}
@media screen and (max-width: 1024px) {
  .personal-assistant .swiper-button-prev, .personal-assistant .swiper-rtl .swiper-button-next {
    display: none;
  }
}
.personal-assistant .select-category {
  position: relative;
}
.personal-assistant .select-category:before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.25s all ease;
}
.personal-assistant .select-category:hover:before {
  opacity: 0.3;
}
.personal-assistant .select-category-title {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
  padding: 30px;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: #FFFFFF;
}
@media screen and (max-width: 1024px) {
  .personal-assistant .select-category-title {
    font-size: 24px;
    line-height: 32px;
  }
}
@media screen and (max-width: 768px) {
  .personal-assistant .select-category-title {
    font-size: 18px;
    line-height: 24px;
  }
}
.personal-assistant .swiper-horizontal [class^=swiper-scrollbar] {
  bottom: -38px;
}
@media screen and (max-width: 1024px) {
  .personal-assistant .swiper-horizontal [class^=swiper-scrollbar] {
    bottom: -22px;
  }
}
.personal-assistant-step .steps {
  display: flex;
  justify-content: center;
}
.personal-assistant-step .steps .step {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 32px;
  line-height: 32px;
  color: #454E58;
  text-align: center;
  text-transform: uppercase;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  border: 8px solid white;
  cursor: default;
}
.personal-assistant-step .steps .step.active, .personal-assistant-step .steps .step.done {
  background-color: #41B7BB;
  color: #001720;
}
.personal-assistant-step .steps .step.done {
  font-size: 0;
  cursor: pointer;
}
.personal-assistant-step .steps .step.done::before {
  content: "\e907";
  font-family: icons;
  font-size: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.personal-assistant-step .steps .step-line {
  align-self: center;
  height: 8px;
  width: 124px;
  background-color: white;
}
@media screen and (max-width: 768px) {
  .personal-assistant-step .steps .step-line {
    width: 56px;
  }
}
.green-text {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: #23D7B8;
  text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
  .green-text {
    font-size: 24px;
    line-height: 32px;
  }
}
.left-side-hide {
  position: absolute;
  width: 100vw;
  height: 100%;
  background-color: #e9e9ec;
  right: calc(100% - 30px);
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  .left-side-hide {
    display: none;
  }
}
.personal-assistant-step-description {
  min-width: 360px;
  height: auto;
  position: relative;
  overflow: hidden;
  z-index: 2;
  background-color: #001720;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 46px;
}
@media screen and (max-width: 1024px) {
  .personal-assistant-step-description {
    padding: 20px;
    min-width: 280px;
    width: 280px;
  }
}
@media screen and (max-width: 768px) {
  .personal-assistant-step-description {
    padding: 24px 16px;
    height: 180px;
    width: 100%;
  }
}
.personal-assistant-step-description .bg-1 {
  width: 500px;
  height: 500px;
  position: absolute;
  background: radial-gradient(50% 50% at 50% 50%, rgba(176, 67, 227, 0.4) 0%, rgba(66, 83, 123, 0) 100%);
  filter: blur(100px);
  transform: rotate(8.75deg);
  bottom: 150px;
  left: 0;
}
.personal-assistant-step-description .bg-2 {
  width: 600px;
  height: 600px;
  position: absolute;
  background: radial-gradient(50% 50% at 50% 50%, rgba(35, 89, 217, 0.4) 0%, rgba(66, 83, 123, 0) 100%);
  filter: blur(100px);
  transform: rotate(8.75deg);
  left: -50%;
}
.personal-assistant-step-description div[class*=step] {
  position: relative;
  z-index: 3;
  text-align: center;
  text-transform: uppercase;
}
.personal-assistant-step-description div[class*=step] .title {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #FFFFFF;
  letter-spacing: 0.08em;
  margin-bottom: 8px;
}
.personal-assistant-category {
  width: calc(100% - 364px);
  margin-left: 4px;
}
@media screen and (max-width: 1024px) {
  .personal-assistant-category {
    width: calc(100% - 280px);
  }
}
@media screen and (max-width: 768px) {
  .personal-assistant-category {
    width: 100%;
    margin-left: 0;
  }
}
.personal-assistant-category .swiper-slide {
  width: 360px;
}
@media screen and (max-width: 1024px) {
  .personal-assistant-category .swiper-slide {
    width: 280px;
  }
}
@media screen and (max-width: 768px) {
  .personal-assistant-category .swiper-slide {
    width: 216px;
  }
}
.personal-assistant-category .swiper-scrollbar {
  bottom: 12px !important;
}
.personal-assistant-category .assistant-category {
  overflow: visible !important;
}
.reset-assistant {
  margin-top: 16px;
}
@media screen and (max-width: 1024px) {
  .reset-assistant {
    max-width: 260px;
    margin-top: 8px;
    height: 40px !important;
    font-size: 14px !important;
  }
}
.generate-new {
  margin-top: 32px;
}
@media screen and (max-width: 1024px) {
  .generate-new {
    max-width: 260px;
    margin-top: 8px;
    height: 40px !important;
    font-size: 14px !important;
  }
}
.step4-slider {
  margin-left: -4px;
  background-color: #FFFFFF;
}
.step4-slider .reset-assistant {
  margin-top: 16px;
}
.step4-slider .generate-new {
  margin-top: 32px;
}
.final-select {
  max-width: 528px;
  margin: auto;
  padding: 40px 0;
}
@media screen and (max-width: 1024px) {
  .final-select {
    padding: 24px 36px;
  }
}
@media screen and (max-width: 768px) {
  .final-select {
    padding: 24px 16px;
  }
}
.final-select-price {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  color: #000000;
}
.final-select-price .details {
  width: 234px;
}
@media screen and (max-width: 1024px) {
  .final-select-price .details {
    width: 132px;
    height: 40px !important;
  }
}
@media screen and (max-width: 1024px) {
  .final-select-price {
    font-size: 24px;
    line-height: 24px;
  }
}
@media screen and (max-width: 768px) {
  .final-select-price {
    justify-content: space-between;
  }
}
.final-select-title {
  margin-top: 12px;
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  .final-select-title {
    font-size: 24px;
    line-height: 32px;
    margin-top: 8px;
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 768px) {
  .final-select-title {
    font-size: 18px;
    line-height: 24px;
    margin-top: 4px;
    margin-bottom: 8px;
  }
}
.filters-attribute {
  width: 100%;
  --light-grey: #959595;
  --grey: #282828;
  --white: rgb(240, 240, 240);
  --green: #41b7bb;
}
.filters-attribute .range-slider-wrapper {
  margin: 25px 0;
}
.filters-attribute .range-slider {
  --_height: 5px;
  --_thumb-size: calc(5px * 4);
  --_thumb-size: calc(var(--_height) * 4);
  position: relative;
  width: 100%;
  display: grid;
  margin-bottom: calc(calc(5px * 4) * -1);
  margin-bottom: calc(var(--_thumb-size) * -1);
}
.filters-attribute .range-slider .track-wrapper {
  position: relative;
  z-index: 1;
  height: 5px;
  height: var(--_height);
  margin-bottom: calc(5px * 4);
  margin-bottom: var(--_thumb-size);
  display: grid;
  align-items: center;
  margin: 0 calc(calc(5px * 4) / 2);
  margin: 0 calc(var(--_thumb-size) / 2);
}
.filters-attribute .range-slider .track-wrapper .track {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 5px;
  background-color: #959595;
  background-color: var(--light-grey);
}
.filters-attribute .range-slider .track-wrapper .range-between {
  position: absolute;
  z-index: 2;
  left: 0%;
  right: 0%;
  top: 0;
  bottom: 0;
  border-radius: 5px;
  background-color: #41b7bb;
  background-color: var(--green);
}
.filters-attribute .range-slider .track-wrapper .thumb {
  --_shadow-sizer: 2;
  --_shadow-size: calc(calc(5px * 4) * 2);
  --_shadow-size: calc(var(--_thumb-size) * var(--_shadow-sizer));
  --_shadow-color: #41b7bb;
  --_shadow-color: var(--green);
  --_shadow-opacity: 0;
  position: absolute;
  z-index: 3;
  width: calc(5px * 4);
  width: var(--_thumb-size);
  height: calc(5px * 4);
  height: var(--_thumb-size);
  background-color: #41b7bb;
  background-color: var(--green);
  border-radius: 50%;
  transition: box-shadow 0.3s ease-in-out;
}
.filters-attribute .range-slider .track-wrapper .thumb::before {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background-color: #41b7bb;
  background-color: var(--_shadow-color);
  width: calc(calc(5px * 4) * 2);
  width: var(--_shadow-size);
  height: calc(calc(5px * 4) * 2);
  height: var(--_shadow-size);
  border-radius: inherit;
  opacity: 0;
  opacity: var(--_shadow-opacity);
}
.filters-attribute .range-slider .track-wrapper .thumb.left {
  left: 0%;
  transform: translate(calc(calc(5px * 4) / -2), 0px);
  transform: translate(calc(var(--_thumb-size) / -2), 0px);
}
.filters-attribute .range-slider .track-wrapper .thumb.right {
  right: 0%;
  transform: translate(calc(calc(5px * 4) / 2), 0px);
  transform: translate(calc(var(--_thumb-size) / 2), 0px);
}
.filters-attribute .range-slider .track-wrapper .thumb.hover {
  --_shadow-opacity: .2;
}
.filters-attribute .range-slider .track-wrapper .thumb.active {
  --_shadow-opacity: .4;
  --_shadow-sizer: 4;
}
.filters-attribute .range-slider input[type=range] {
  position: absolute;
  pointer-events: none;
  -webkit-appearance: none;
  z-index: 2;
  height: 5px;
  height: var(--_height);
  width: 100%;
  opacity: 0;
  cursor: pointer;
  bottom: 0;
}
.filters-attribute .range-slider input[type=range]::-webkit-slider-thumb {
  pointer-events: all;
  width: calc(5px * 4);
  width: var(--_thumb-size);
  height: calc(5px * 4);
  height: var(--_thumb-size);
  border-radius: 0;
  border: 0 none;
  background-color: #41b7bb;
  background-color: var(--green);
  -webkit-appearance: none;
}
.filters-attribute .range-slider input[type=range]::-moz-range-thumb {
  pointer-events: all;
  width: calc(5px * 4);
  width: var(--_thumb-size);
  height: calc(5px * 4);
  height: var(--_thumb-size);
  border-radius: 0;
  border: 0 none;
  background-color: #41b7bb;
  background-color: var(--green);
  -webkit-appearance: none;
}
.our-select .swiper-slide,
.filters .swiper-slide {
  width: auto;
}
.filter-item {
  cursor: pointer;
  padding: 10px 16px;
  border: 2px solid #001720;
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  color: #001720;
  cursor: pointer;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.filter-item:hover {
  background-color: #001720;
  color: #FFFFFF;
}
.filter-item.active {
  background-color: #001720;
  color: #FFFFFF;
}
.bike-select {
  background-color: #001720;
  padding: 80px 0;
}
@media screen and (max-width: 1024px) {
  .bike-select {
    padding: 64px 0;
  }
}
.bike-select .container {
  position: relative;
}
.bike-select .section-title {
  color: #FFFFFF;
}
@media screen and (max-width: 1024px) {
  .bike-select .swiper-button-next,
.bike-select .swiper-button-prev {
    display: none;
  }
}
.sideslides {
  max-height: 400px;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}
.sideslides .swiper-slide {
  width: 240px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .sideslides .swiper-slide {
    width: 500px;
  }
}
@media screen and (min-width: 1280px) {
  .sideslides .swiper-slide {
    width: 600px;
  }
}
.sideslides .swiper-slide.swiper-slide-active .category-title {
  opacity: 1;
  transform: translateY(-50%);
}
.sideslides .swiper-slide .category-title {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: all 0.3s ease;
  font-weight: 700;
  font-size: 60px;
  line-height: 60px;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 10px rgba(0, 0, 0, 0.04);
}
@media screen and (max-width: 1024px) {
  .sideslides .swiper-slide .category-title {
    font-size: 40px;
    line-height: 52px;
  }
}
@media screen and (max-width: 768px) {
  .sideslides .swiper-slide .category-title {
    font-size: 25px;
    line-height: 32px;
  }
}
.sideslides .swiper-slide video,
.sideslides .swiper-slide img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .sideslides .swiper-slide video,
.sideslides .swiper-slide img {
    width: 100%;
    height: auto;
    max-width: auto;
  }
}
.brands .swiper-slide {
  height: auto;
  width: auto;
}
.brands .brand-item {
  height: 100px;
  width: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.brands .brand-item a {
  width: 100%;
  transition: opacity ease 0.25s;
}
.brands .brand-item a:hover {
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .brands .brand-item {
    height: 50px;
    width: 80px;
  }
  .brands .brand-item img {
    max-height: 50px;
    max-width: 80px;
  }
}
.half-cat-content {
  display: flex;
}
@media screen and (max-width: 768px) {
  .half-cat-content {
    flex-direction: column;
  }
}
.half-cat-content-block {
  display: flex;
  position: relative;
}
@media screen and (min-width: 768px) {
  .half-cat-content-block {
    width: 50%;
    min-width: 50%;
  }
}
.half-cat-content-block video {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .half-cat-content-block video {
    height: 420px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (max-width: 1024px) {
  .half-cat-content-block img {
    height: 420px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (max-width: 768px) {
  .half-cat-content-block {
    height: 320px;
    overflow: hidden;
  }
  .half-cat-content-block picture {
    width: 100%;
  }
}
.half-cat-content-block-info {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 23, 32, 0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 55px;
}
@media screen and (max-width: 1024px) {
  .half-cat-content-block-info {
    padding: 40px 24px;
  }
}
@media screen and (max-width: 1024px) {
  .half-cat-content-block-info {
    padding: 32px 16px;
  }
}
.half-cat .title {
  margin: auto;
  font-weight: 700;
  font-size: 60px;
  line-height: 60px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 10px rgba(0, 0, 0, 0.04);
}
@media screen and (max-width: 1024px) {
  .half-cat .title {
    font-size: 40px;
    line-height: 52px;
  }
}
@media screen and (max-width: 768px) {
  .half-cat .title {
    font-size: 32px;
    line-height: 40px;
  }
}
.half-cat .title.title-nl {
  font-weight: 700;
  font-size: 54px;
  line-height: 60px;
  color: #FFFFFF;
}
@media screen and (max-width: 1024px) {
  .half-cat .title.title-nl {
    font-size: 40px;
    line-height: 52px;
  }
}
@media screen and (max-width: 768px) {
  .half-cat .title.title-nl {
    font-size: 32px;
    line-height: 40px;
  }
}
.half-cat .subcategory {
  align-self: flex-end;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  .half-cat .subcategory {
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .half-cat .subcategory {
    gap: 16px;
  }
}
.half-cat .subcategory a {
  font-weight: 500;
  font-size: 18px;
  line-height: 16px;
  color: #FFFFFF;
}
.half-cat .subcategory a::after {
  transition: opacity 0.25s ease;
}
@media screen and (max-width: 1024px) {
  .half-cat .subcategory a {
    font-size: 16px;
  }
}
.electric-bike {
  height: 300px;
}
.electric-bike .container {
  height: 100%;
}
.electric-bike video {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.electric-bike .overlay {
  position: absolute !important;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.electric-bike .title {
  font-weight: 700;
  font-size: 40px;
  line-height: 52px;
  color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .electric-bike .title {
    font-size: 24px;
    line-height: 32px;
  }
}
.electric-bike .subtitle {
  font-weight: 900;
  font-size: 24px;
  line-height: 24px;
  color: #EB5F9A;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 10px rgba(0, 0, 0, 0.04);
  margin-top: -16px;
}
@media screen and (max-width: 768px) {
  .electric-bike .subtitle {
    line-height: 32px;
  }
}
@media screen and (max-width: 1435px) {
  .electric-bike img {
    height: 300px;
    object-fit: cover;
    -o-object-fit: cover;
  }
}
.our-select-products,
.google-reviews,
.blog-items,
.catalog-categories {
  padding-bottom: 24px !important;
}
.blog-items .swiper-slide {
  width: 320px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .blog-items .swiper-slide {
    width: 288px;
  }
}
@media screen and (max-width: 560px) {
  .blog-items .swiper-slide {
    width: 100%;
  }
}
.google-reviews .swiper-slide {
  width: 430px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .google-reviews .swiper-slide {
    width: 288px;
  }
}
@media screen and (max-width: 560px) {
  .google-reviews .swiper-slide {
    width: 100%;
  }
}
.our-select-products .product .product-status,
.our-select-products .product .product-table {
  display: none;
}
.our-select-products .swiper-slide {
  width: 335px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .our-select-products .swiper-slide {
    width: 288px;
  }
}
@media screen and (max-width: 560px) {
  .our-select-products .swiper-slide {
    width: 100%;
  }
}
.find-category .swiper-scrollbar-catalog {
  width: calc(100% - 60px) !important;
  margin-left: 30px;
}
@media screen and (max-width: 1024px) {
  .find-category .swiper-scrollbar-catalog {
    width: calc(100% - 48px) !important;
    margin-left: 24px;
  }
}
@media screen and (max-width: 768px) {
  .find-category .swiper-scrollbar-catalog {
    width: calc(100% - 32px) !important;
    margin-left: 16px;
  }
}
@media screen and (max-width: 1024px) {
  div[class*=-nav-] {
    display: none;
  }
}
.our-service {
  background-color: #D3ECEB;
  background-image: url("/assets/images/home/service1.svg"), url("/assets/images/home/service2.svg"), url("/assets/images/home/service3.svg");
  background-repeat: no-repeat;
  background-size: 133px 205px, 96px 159px, 127px 127px;
  background-position-x: calc((100vw - 1440px) / 2 - 16px), 60%, calc((100vw - 1440px) / 2 + 1440px - 88px);
  background-position-y: 50%, calc(100% + 59px), -23px;
}
@media screen and (max-width: 1440px) {
  .our-service {
    background-position-x: -16px, 63%, calc(100% + 39px);
  }
}
@media screen and (max-width: 1024px) {
  .our-service {
    background-size: 171px 264px, 115px 191px, 142px 142px;
    background-position-x: -28px, calc(100% - 45px), 100%;
    background-position-y: 113px, calc(100% + 39px), -39px;
  }
}
@media screen and (max-width: 560px) {
  .our-service {
    background-size: 103px 159px, 74px 123px, 97px 97px;
    background-position-x: -26px, calc(100% - 15px), calc(100% + 33px);
    background-position-y: 143px, calc(100% + 44px), -18px;
  }
}
.our-service .service-info {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 40px 0;
  min-height: 240px;
}
.our-service .service-info-item {
  text-align: center;
  padding: 0 57px;
  border-right: 2px solid #bfd9d8;
  width: 33%;
  flex-grow: 0;
}
.our-service .service-info-item:last-child {
  border-right: none;
}
.our-service .service-info-item.buy {
  flex-grow: 1;
}
@media screen and (max-width: 1024px) {
  .our-service .service-info-item {
    width: 100%;
  }
}
.our-service .service-info-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #001720;
  padding-bottom: 16px;
}
.our-service .service-info-description {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #001720;
}
@media screen and (max-width: 1024px) {
  .our-service .service-info {
    flex-direction: column;
    padding: 64px 0;
    gap: 32px;
  }
  .our-service .service-info-item {
    max-width: 480px;
    border-right: 0;
    padding: 0;
    position: relative;
  }
  .our-service .service-info-item:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 320px;
    height: 2px;
    background-color: #bfd9d8;
  }
  .our-service .service-info-item:last-child {
    border-right: none;
    border-bottom: none;
  }
  .our-service .service-info-item:last-child .service-info-description {
    padding-bottom: 0;
  }
  .our-service .service-info .service-info-description {
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 768px) {
  .our-service .service-info {
    padding: 48px 16px;
  }
  .our-service .service-info-item:not(:last-child)::after {
    max-width: 160px;
  }
  .our-service .service-info-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #001720;
  }
  .our-service .service-info-description {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #001720;
  }
}
@media screen and (min-width: 1024px) {
  .catalog-categories .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 4px;
  }
  .catalog-categories .swiper-slide {
    flex: 0 1 calc(25% - 4px);
  }
  .catalog-categories .swiper-slide img {
    height: auto;
    transition: opacity 0.25s ease;
  }
}
.catalog-categories .swiper-slide {
  width: 320px;
}
.catalog-categories .swiper-slide a:hover img {
  opacity: 0.7;
}
.showcase-item {
  position: relative;
  max-height: 260px;
}
.showcase-item .title {
  position: absolute;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 10px rgba(0, 0, 0, 0.04);
  text-transform: uppercase;
  text-align: center;
  width: calc(100% - 32px);
  bottom: 24px;
  left: 16px;
  cursor: inherit;
}
.showcase-item-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(65, 183, 187, 0) 43.29%, #000000 100%);
  mix-blend-mode: multiply;
}
.showcase-item:hover .showcase-item-bg {
  background: none;
}
.showcase-item:hover .title {
  text-shadow: 0px 0px 5px #000, 0px 0px 5px #000;
}
.fix-options {
  background: linear-gradient(180deg, #E9E9EC 71.49%, #FCFCFC 87.15%, #E9E9EC 100%);
  text-align: center;
  padding: 80px 0 64px;
}
.fix-options-content {
  position: relative;
  background-image: url("/assets/images/home/facebike.svg");
  background-size: min(1286px, 100%);
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 60px;
  margin-bottom: 18px;
}
@media screen and (max-width: 1024px) {
  .fix-options-content {
    margin-top: 40px;
  }
}
.fix-options .bike-details {
  max-width: 972px;
  margin: auto;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .fix-options .bike-details {
    padding: 0 24px;
  }
}
@media screen and (max-width: 768px) {
  .fix-options .bike-details {
    padding: 0 16px;
  }
}
.fix-options .bike-details-nl {
  top: -27px;
}
.fix-options .dot-info {
  width: 32px;
  height: 32px;
  display: inline-flex;
  background-image: url(/assets/icons/c_icons.svg);
  background-size: 672px 32px;
  background-position: 0 0;
  background-position: 64px 0;
  position: relative;
  transition: background-position ease 0s 0.2s;
  cursor: pointer;
  position: absolute;
  /* if info great then half width display right*/
}
.fix-options .dot-info .dot-info-hint {
  visibility: hidden;
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  width: 160px;
  display: block;
  padding: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #454E58;
  background: #F5F5F7;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 10px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  z-index: 1;
  transition: visibility ease 0s 0.2s;
}
.fix-options .dot-info:hover {
  background-position: 32px 0;
  transition: background-position ease 0s;
}
.fix-options .dot-info:hover .dot-info-hint {
  visibility: visible;
  transition: visibility ease 0s;
}
.fix-options .dot-info.info-nl1 {
  top: 54.4061302682%;
  left: 14.1975308642%;
}
.fix-options .dot-info.info-nl2 {
  top: 27.5862068966%;
  left: 33.6419753086%;
}
.fix-options .dot-info.info-nl3 {
  top: 5.5555555556%;
  left: 56.7901234568%;
}
.fix-options .dot-info.info-nl3 .dot-info-hint {
  right: 0;
}
.fix-options .dot-info.info-nl4 {
  top: 74.5210727969%;
  left: 44.2386831276%;
}
.fix-options .dot-info.info-nl5 {
  top: 43.2950191571%;
  left: 56.5843621399%;
}
.fix-options .dot-info.info-nl5 .dot-info-hint {
  right: 0;
}
.fix-options .dot-info.info-nl6 {
  top: 48.8505747126%;
  left: 81.0699588477%;
}
.fix-options .dot-info.info-nl6 .dot-info-hint {
  right: 0;
}
.fix-options .dot-info.info-nl7 {
  top: 69.5402298851%;
  left: 25.3086419753%;
}
.fix-options .dot-info.info1 {
  top: 29.3103448276%;
  left: 6.7901234568%;
}
.fix-options .dot-info.info2 {
  top: 0.3831417625%;
  left: 26.3374485597%;
}
.fix-options .dot-info.info3 {
  top: 0%;
  left: 67.0781893004%;
}
.fix-options .dot-info.info3 .dot-info-hint {
  right: 0;
}
.fix-options .dot-info.info4 {
  top: 70.6896551724%;
  left: 41.1522633745%;
}
.fix-options .dot-info.info5 {
  top: 31.8007662835%;
  left: 55.5555555556%;
}
.fix-options .dot-info.info5 .dot-info-hint {
  right: 0;
}
.fix-options .dot-info.info6 {
  top: 37.3563218391%;
  left: 94.4444444444%;
}
.fix-options .dot-info.info6 .dot-info-hint {
  right: 0;
}
.fix-options .dot-info.info7 {
  top: 54.214559387%;
  left: 21.1934156379%;
}
@media screen and (max-width: 1024px) {
  .fix-options .dot-info {
    --width: 1008;
  }
  .fix-options .dot-info.info1 .dot-info-hint, .fix-options .dot-info.info6 .dot-info-hint {
    transform: none;
  }
  .fix-options .dot-info.info1 .dot-info-hint {
    left: 0;
  }
  .fix-options .dot-info.info6 .dot-info-hint {
    right: 0;
    left: initial;
  }
}
@media screen and (max-width: 768px) {
  .fix-options .dot-info {
    width: 24px;
    height: 24px;
    display: inline-flex;
    background-image: url(/assets/icons/c_icons.svg);
    background-size: 504px 24px;
    background-position: 0 0;
    background-position: 48px 0;
  }
  .fix-options .dot-info:hover {
    background-position: 24px 0;
  }
}
@media screen and (max-width: 1024px) {
  .fix-options {
    padding: 64px 0;
  }
}
@media screen and (max-width: 768px) {
  .fix-options {
    padding: 48px 0;
  }
}
.how-to-find .content {
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  .how-to-find .content {
    flex-direction: column;
    gap: 32px;
  }
}
.how-to-find .content-info {
  flex: 0 1 50%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.how-to-find .content-info .half-video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}
@media screen and (max-width: 1024px) {
  .how-to-find .content-info {
    flex: 0 1 100%;
  }
}
.how-to-find .content-info iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.how-to-find .content-info .title {
  font-weight: 700;
  font-size: 40px;
  line-height: 52px;
  color: #001720;
  text-transform: uppercase;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .how-to-find .content-info .title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #001720;
  }
}
.how-to-find .content-info .dashed {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #454E58;
  transition: border-bottom-color 0.25s ease;
}
@media screen and (max-width: 768px) {
  .how-to-find .content-info .dashed {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #454E58;
  }
}
.how-to-find .content-info .dashed:hover {
  border-bottom-color: transparent;
}
.how-to-find .content-info .dashed + .dashed {
  margin-top: 24px;
}
.how-to-find .content-info .btn .black-btn {
  max-width: 260px;
}
@media screen and (max-width: 768px) {
  .how-to-find .content-info .btn .black-btn {
    max-width: 300px;
  }
}
.google-button {
  display: block;
  max-width: 213px;
  margin: auto;
  margin-bottom: 36px;
}
.google-button-live {
  display: flex;
  align-items: center;
  justify-content: center;
}
.google-button-live img {
  width: 52px;
  margin-right: 8px;
}
.google-button-live__rating {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.google-button-live__rating .r-number {
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  color: #001720;
  margin-right: 8px;
}
.google-button-live__rating .stars {
  -webkit-mask-size: 20px;
          mask-size: 20px;
  height: 20px;
  margin-right: 0;
  width: 100px;
}
.google-button-live__rating .stars .rating {
  height: 20px;
}
.google-button-live__rating .star {
  background-size: 20px;
  height: 20px;
  width: 100px;
}
.google-button-live__link {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #41B7BB;
}
.insta .section-subtitle {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #454E58;
}
@media screen and (max-width: 768px) {
  .insta .section-subtitle {
    font-size: 16px;
  }
}
.insta-plugin {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media screen and (max-width: 768px) {
  .insta-plugin {
    grid-template-columns: 1fr 1fr;
  }
}
.insta-plugin-item {
  max-width: 360px;
  max-height: 360px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .insta-plugin-item {
    max-width: initial;
    max-height: initial;
  }
}
.insta-plugin-item:hover .overlay {
  visibility: visible;
}
.insta-plugin-item .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
}
body {
  background-color: transparent;
  scroll-behavior: smooth;
}
body.fix {
  overflow-y: scroll;
  position: fixed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.modal-map-scroll::-webkit-scrollbar {
  width: 0.4em;
  background-color: transparent;
}
.modal-map-scroll::-webkit-scrollbar-thumb {
  background-color: #41B7BB;
  border-radius: 4px;
}
a,
button {
  cursor: pointer;
  display: block;
}
#description-section a {
  display: inline;
}
#description-section li {
  margin-left: 12px;
}
section {
  margin: 80px 0;
}
@media screen and (max-width: 1280px) {
  section {
    overflow: hidden;
  }
}
@media screen and (max-width: 1024px) {
  section {
    margin: 64px 0;
  }
}
@media screen and (max-width: 768px) {
  section {
    margin: 48px 0;
  }
}
.breadcrumbs + section,
header + section {
  margin-top: 0;
}
section.with-background {
  padding: 80px 0;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  section.with-background {
    padding: 64px 0;
  }
}
@media screen and (max-width: 768px) {
  section.with-background {
    padding: 48px 0;
  }
}
img {
  width: 100%;
  height: auto;
}
.lens-img {
  width: initial;
  height: initial;
}
button:disabled {
  cursor: default;
}
.no-scroll {
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
  overflow-y: scroll;
}
.no-scroll::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}
.grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.scroll-container {
  position: relative;
  height: 8px;
}
.scroll-container .scrollbar {
  background-color: #F5F5F7;
  border: 1px solid #F5F5F7;
  border-left-width: 0;
  position: absolute;
  height: 8px;
  width: 100%;
}
.scroll-container .thumb {
  background-color: #41B7BB;
  border-radius: 9999px;
  cursor: -webkit-grab;
  cursor: grab;
  left: 0;
  position: absolute;
  width: 100%;
  height: 6px;
}
.scroll-container .track {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
[id*=verscroll] {
  position: relative;
}
.scrollver-container {
  position: absolute;
  width: 8px;
  height: 100%;
  top: 0;
  right: 0;
}
.scrollver-container .scrollbar {
  background-color: #F5F5F7;
  border: 1px solid #F5F5F7;
  border-left-width: 0;
  position: absolute;
  width: 8px;
  height: 100%;
}
.scrollver-container .thumb {
  background-color: #41B7BB;
  border-radius: 9999px;
  cursor: -webkit-grab;
  cursor: grab;
  top: 0;
  right: 0;
  position: absolute;
  height: 100%;
  width: 6px;
}
.scrollver-container .track {
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.u-bg-grey {
  background-color: #F5F5F7 !important;
  /* #F5F5F7 */
}
.u-bg-white {
  background-color: #FFFFFF;
  /* #FFFFFF */
}
.u-bg-qa {
  background: linear-gradient(90deg, #CBF4F2 0%, #FEE6EE 100%);
  /* linear gradient */
}
.u-bg-turq {
  background: #D3ECEB;
  /* #D3ECEB */
}
.u-bg-dark {
  background: #001720;
  /* #D3ECEB */
}
.u-font-scandal {
  font-family: "PF Scandal";
}
.u-cl-dark1 {
  color: #001720;
}
.u-cl-dark2 {
  color: #454E58;
}
.u-cl-turq {
  color: #41B7BB;
}
.u-cl-turq2 {
  color: #2AA687;
}
.u-cl-green {
  color: #2AA687;
}
.u-cl-white {
  color: #FFFFFF;
}
.u-cl-grey {
  color: #E9E9EC;
}
.u-cl-lgrey {
  color: #C1C1CC;
}
.u-cl-white {
  color: #FFFFFF;
}
.u-cl-red {
  color: #D8352A;
}
.u-noclick {
  pointer-events: none;
}
.u-cl-marine {
  color: #23d7b8;
}
.u-bg-success {
  background-color: #41B7BB;
}
.u-cl-success {
  color: #41B7BB;
}
a[class*=u-cl-] {
  transition: opacity ease 0.25s, border-bottom-color ease 0.25s;
}
a[class*=u-cl-]:hover {
  opacity: 0.7;
}
a[class*=u-cl-]:hover.dashed {
  border-bottom-color: transparent;
}
.u-flex-1 {
  flex: 1;
}
.u-flex-2 {
  flex: 2;
}
.u-maxw450 {
  max-width: 450px;
  width: 100%;
}
.u-maxw280 {
  max-width: 280px;
  width: 100%;
}
.u-maxw480 {
  max-width: 480px;
  width: 100%;
}
.u-maxw-auto {
  max-width: initial !important;
}
.u-ps-rel {
  position: relative;
}
.u-ps-abs {
  position: absolute;
}
.u-square {
  position: relative;
}
.u-square:after {
  content: "";
  display: block;
  padding-top: 100%;
}
.u-wd100p {
  width: 100%;
}
.u-wda {
  width: auto !important;
}
.u-heading {
  text-transform: uppercase;
}
.u-heading h1 {
  font-weight: 700;
}
.u-index0 {
  z-index: 0 !important;
}
.icon-18 {
  width: 18px;
  height: 18px;
}
.icon-16 {
  width: 16px;
  height: 16px;
}
.icon-20 {
  width: 20px;
  height: 20px;
}
.icon-24 {
  width: 24px;
  height: 24px;
}
.icon-32 {
  width: 32px;
  height: 32px;
}
.icon-40 {
  width: 40px;
  height: 40px;
}
.icon-48 {
  width: 48px;
  height: 48px;
}
.icon-64 {
  width: 64px;
  height: 64px;
}
.u-ta-center {
  text-align: center;
}
.u-ta-right {
  text-align: right;
}
.u-ta-left {
  text-align: left;
}
.u-sm-hide {
  display: block;
}
@media screen and (max-width: 768px) {
  .u-sm-hide {
    display: none;
  }
}
.u-sm-show {
  display: none;
}
@media screen and (max-width: 768px) {
  .u-sm-show {
    display: block;
  }
}
.u-md-hide {
  display: block;
}
@media screen and (max-width: 1024px) {
  .u-md-hide {
    display: none;
  }
}
.u-md-show {
  display: none;
}
@media screen and (max-width: 1024px) {
  .u-md-show {
    display: block;
  }
}
.u-br4 {
  border-radius: 4px;
}
.u-br50p {
  border-radius: 50%;
}
.d-flex {
  display: flex;
}
.d-flex-nowrap {
  flex-wrap: nowrap;
}
.d-flex-wrap {
  flex-wrap: wrap;
}
.d-flex.e--justify {
  justify-content: space-between;
}
.d-flex.e--va-center {
  align-items: center;
}
.d-flex.e--column {
  flex-direction: column;
}
.d-flex.e--grid24 {
  margin-left: -12px;
  margin-right: -12px;
}
.d-flex.e--grid24 > * {
  padding: 12px;
}
@media screen and (max-width: 1024px) {
  .d-flex.e--grid24 {
    margin-left: -8px;
    margin-right: -8px;
  }
  .d-flex.e--grid24 > * {
    padding: 8px;
  }
}
@media screen and (max-width: 768px) {
  .d-flex.e--sm-column {
    flex-direction: column;
  }
  .d-flex.e--grid24 {
    margin-left: -4px;
    margin-right: -4px;
  }
  .d-flex.e--grid24 > * {
    padding: 4px;
  }
}
.gap8 {
  gap: 8px;
}
@media screen and (max-width: 560px) {
  .gap8 {
    gap: 0;
  }
}
.container {
  max-width: 1440px;
  margin: auto;
}
.container .content {
  max-width: 1400px;
  margin: auto;
  padding: 0 30px;
  position: relative;
}
.container .content.e--maxwd960 {
  max-width: 960px;
}
@media screen and (max-width: 1024px) {
  .container .content {
    padding: 0 24px;
  }
}
@media screen and (max-width: 768px) {
  .container .content {
    padding: 0 16px;
  }
}
.dashed {
  border-bottom: 1px dashed;
  display: inline-flex;
}
.df-0 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0px;
}
.df-4 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}
.df-8 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.df-12 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.df-16 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}
.df-20 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.df-24 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}
.df-28 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 28px;
}
.df-32 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 32px;
}
.df-36 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 36px;
}
.df-40 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 40px;
}
.e--nowrap {
  flex-wrap: nowrap;
}
.e--justify {
  justify-content: space-between;
}
.e--center {
  justify-content: center;
}
.e--column {
  flex-direction: column;
}
.e--row {
  flex-direction: row;
}
.e--start {
  align-items: flex-start;
}
.e--stretch {
  align-items: stretch;
}
.e--fb100 {
  flex-basis: 100%;
}
@media (max-width: 1280px) {
  .df-0\@lg {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0px;
  }
  .df-4\@lg {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
  }
  .df-8\@lg {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
  }
  .df-12\@lg {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
  }
  .df-16\@lg {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
  }
  .df-20\@lg {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
  }
  .df-24\@lg {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
  }
  .df-28\@lg {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 28px;
  }
  .df-32\@lg {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 32px;
  }
  .df-36\@lg {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 36px;
  }
  .df-40\@lg {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
  }
  .e--nowrap\@lg {
    flex-wrap: nowrap;
  }
  .e--justify\@lg {
    justify-content: space-between;
  }
  .e--center\@lg {
    justify-content: center;
  }
  .e--column\@lg {
    flex-direction: column;
  }
  .e--row\@lg {
    flex-direction: row;
  }
  .e--start\@lg {
    align-items: flex-start;
  }
  .e--stretch\@lg {
    align-items: stretch;
  }
  .e--fb100\@lg {
    flex-basis: 100%;
  }
}
@media (max-width: 1024px) {
  .df-0\@md {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0px;
  }
  .df-4\@md {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
  }
  .df-8\@md {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
  }
  .df-12\@md {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
  }
  .df-16\@md {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
  }
  .df-20\@md {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
  }
  .df-24\@md {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
  }
  .df-28\@md {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 28px;
  }
  .df-32\@md {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 32px;
  }
  .df-36\@md {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 36px;
  }
  .df-40\@md {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
  }
  .e--nowrap\@md {
    flex-wrap: nowrap;
  }
  .e--justify\@md {
    justify-content: space-between;
  }
  .e--center\@md {
    justify-content: center;
  }
  .e--column\@md {
    flex-direction: column;
  }
  .e--row\@md {
    flex-direction: row;
  }
  .e--start\@md {
    align-items: flex-start;
  }
  .e--stretch\@md {
    align-items: stretch;
  }
  .e--fb100\@md {
    flex-basis: 100%;
  }
}
@media (max-width: 768px) {
  .df-0\@sm {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0px;
  }
  .df-4\@sm {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
  }
  .df-8\@sm {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
  }
  .df-12\@sm {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
  }
  .df-16\@sm {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
  }
  .df-20\@sm {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
  }
  .df-24\@sm {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
  }
  .df-28\@sm {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 28px;
  }
  .df-32\@sm {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 32px;
  }
  .df-36\@sm {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 36px;
  }
  .df-40\@sm {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
  }
  .e--nowrap\@sm {
    flex-wrap: nowrap;
  }
  .e--justify\@sm {
    justify-content: space-between;
  }
  .e--center\@sm {
    justify-content: center;
  }
  .e--column\@sm {
    flex-direction: column;
  }
  .e--row\@sm {
    flex-direction: row;
  }
  .e--start\@sm {
    align-items: flex-start;
  }
  .e--stretch\@sm {
    align-items: stretch;
  }
  .e--fb100\@sm {
    flex-basis: 100%;
  }
}
@media (max-width: 560px) {
  .df-0\@xs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0px;
  }
  .df-4\@xs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
  }
  .df-8\@xs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
  }
  .df-12\@xs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
  }
  .df-16\@xs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
  }
  .df-20\@xs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
  }
  .df-24\@xs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
  }
  .df-28\@xs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 28px;
  }
  .df-32\@xs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 32px;
  }
  .df-36\@xs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 36px;
  }
  .df-40\@xs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
  }
  .e--nowrap\@xs {
    flex-wrap: nowrap;
  }
  .e--justify\@xs {
    justify-content: space-between;
  }
  .e--center\@xs {
    justify-content: center;
  }
  .e--column\@xs {
    flex-direction: column;
  }
  .e--row\@xs {
    flex-direction: row;
  }
  .e--start\@xs {
    align-items: flex-start;
  }
  .e--stretch\@xs {
    align-items: stretch;
  }
  .e--fb100\@xs {
    flex-basis: 100%;
  }
}
.d-none {
  display: none !important;
}
@media screen and (max-width: 1280px) {
  .d-none\@lg {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .d-none\@md {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .d-none\@sm {
    display: none !important;
  }
}
.d-block {
  display: block !important;
}
@media screen and (max-width: 1280px) {
  .d-block \@lg {
    display: block !important;
  }
}
@media screen and (max-width: 1024px) {
  .d-block\@md {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  .d-block\@sm {
    display: block !important;
  }
}
.d-inblock {
  display: inline-block !important;
}
@media screen and (max-width: 1280px) {
  .d-inblock \@lg {
    display: inline-block !important;
  }
}
@media screen and (max-width: 1024px) {
  .d-inblock\@md {
    display: inline-block !important;
  }
}
@media screen and (max-width: 768px) {
  .d-inblock\@sm {
    display: inline-block !important;
  }
}
.change-bike-options {
  display: flex;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .change-bike-options {
    flex-direction: column;
  }
}
.change-bike-options-content {
  width: 33.3333333333%;
  min-width: 296px;
  align-items: center;
  padding: 24px;
  background: #41b7bb;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .change-bike-options-content {
    padding: 32px 20px;
  }
  .change-bike-options-content .btn {
    padding-left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .change-bike-options-content {
    padding: 40px 16px;
    min-width: 100%;
  }
}
.change-bike-options-content .title {
  color: #FFFFFF;
}
@media screen and (max-width: 1024px) {
  .change-bike-options-content .title {
    font-size: 24px;
    line-height: 32px;
  }
}
.change-bike-options-content .description {
  color: #FFFFFF;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #FFFFFF;
}
@media screen and (max-width: 1024px) {
  .change-bike-options-content .description {
    font-size: 18px;
    line-height: 24px;
  }
}
.change-bike-options .left-bkg,
.change-bike-options .right-bkg {
  width: 33.3333333333%;
  height: 580px;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 16px;
}
.change-bike-options .left-bkg img,
.change-bike-options .right-bkg img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1024px) {
  .change-bike-options .left-bkg,
.change-bike-options .right-bkg {
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .change-bike-options .left-bkg,
.change-bike-options .right-bkg {
    padding: 30px 16px;
    width: 100%;
    height: 240px;
  }
  .change-bike-options .left-bkg img, .change-bike-options .left-bkg picture,
.change-bike-options .right-bkg img,
.change-bike-options .right-bkg picture {
    height: 100%;
  }
}
.change-bike-options .left-bkg {
  background-image: url(/assets/images/home/old-bg.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .change-bike-options .left-bkg {
    background-image: url(/assets/images/home/old-bg@2.jpg);
  }
}
@media screen and (max-width: 768px) {
  .change-bike-options .left-bkg {
    background-image: url(/assets/images/home/old-bg-m.jpg);
  }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 768px) and (min-resolution: 1.5dppx) {
  .change-bike-options .left-bkg {
    background-image: url(/assets/images/home/old-bg-m@2.jpg);
  }
}
.change-bike-options .right-bkg {
  background-image: url(/assets/images/home/new-bg.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  .change-bike-options .right-bkg {
    background-image: url(/assets/images/home/new-bg@2.jpg);
  }
}
@media screen and (max-width: 768px) {
  .change-bike-options .right-bkg {
    background-image: url(/assets/images/home/new-bg-m.jpg);
  }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 768px) and (min-resolution: 1.5dppx) {
  .change-bike-options .right-bkg {
    background-image: url(/assets/images/home/new-bg-m@2.jpg);
  }
}
.change-bike-catalog .left-bkg,
.change-bike-catalog .right-bkg {
  height: auto;
}
@media screen and (max-width: 768px) {
  .change-bike-catalog .left-bkg,
.change-bike-catalog .right-bkg {
    height: 180px;
  }
}
.change-bike-catalog .title {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .change-bike-catalog .title {
    font-size: 18px;
    line-height: 24px;
  }
}
.change-bike-catalog .description {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .change-bike-catalog .description {
    margin-bottom: 24px;
  }
}
.change-bike-catalog .change-bike-options-content {
  padding: 40px 24px;
}
@media screen and (max-width: 1024px) {
  .change-bike-catalog .change-bike-options-content {
    padding: 32px 12px !important;
    min-width: 240px !important;
  }
}
@media screen and (max-width: 768px) {
  .change-bike-catalog .change-bike-options-content {
    padding: 24px 16px !important;
    width: 100%;
  }
}
.change-bike-catalog .change-bike-options-content .btn.black-btn {
  padding: 0;
  width: 100%;
  max-width: 263px !important;
}
@media screen and (max-width: 850px) {
  .change-bike-catalog .change-bike-options-content {
    padding: 24px;
  }
}
input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: #fff;
  margin: 0;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
input[type=checkbox].error ~ .checkmark {
  border-color: #d8352a;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.ccb {
  display: flex;
  align-items: center;
  gap: 8px;
  height: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  padding-left: 28px;
  width: fit-content;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #001720;
}
.ccb-pl-0 {
  padding-left: 0;
}
.ccb input:checked ~ .checkmark {
  background: #001720;
  border-color: #001720;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ccb input:checked ~ .checkmark::before {
  content: "\e906";
  font-family: "icons";
  font-size: 16px;
  line-height: 1;
  display: inline-block;
}
.ccb input:checked ~ .ccb-content {
  display: block;
}
.ccb .ccb-content {
  display: none;
}
.ccb .subtext {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #454E58;
  align-self: flex-start;
}
.ccb .checkmark {
  position: absolute;
  top: -2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #ffffff;
  border: 1px solid #c1c1cc;
  box-sizing: border-box;
  border-radius: 2px;
}
.ccb .checkmark-with-icon {
  top: 1px;
}
.ccb.no-check {
  padding-left: 0;
}
.ccb.no-check .checkmark,
.ccb.no-check input:checked ~ .checkmark {
  display: none;
}
.link {
  display: inline-flex;
  white-space: nowrap;
  color: #41b7bb;
  cursor: pointer;
}
.link-sup {
  font-size: 12px;
  line-height: 12px;
}
.link.e--dark1 {
  color: #001720;
}
.link.e--dark1:hover {
  color: #41b7bb;
}
.link.e--dark2 {
  color: #454E58;
}
.link.e--dashed {
  border-bottom: 1px dashed;
}
.link.e--dashed:hover {
  border-color: transparent;
}
.link.e--lined {
  text-decoration: underline;
}
.link.e--lined:hover {
  text-decoration: none;
}
.link-with-icon {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  color: #41b7bb;
}
.link-with-icon i {
  margin-right: 10px;
}
.link-with-icon span {
  border-bottom: 1px dashed inherit;
}
.link-with-icon:hover span {
  border-color: transparent;
}
.title h1 {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  color: #001720;
}
.form-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  justify-content: space-between;
}
.form-row.e--gap16 {
  gap: 16px;
}
.form-row.e--gap24 {
  gap: 24px;
}
.form-row.e--start {
  justify-content: flex-start;
}
.form-row.e--va-center {
  align-items: center;
}
.form-row.e--mb16 {
  margin-bottom: 16px;
}
.form-row .lbl {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #001720;
  white-space: nowrap;
}
.form-row .lbl.e--free {
  color: #2AA687;
}
.form-row p {
  font-size: 16px;
  line-height: 20px;
}
@media screen and (max-width: 768px) {
  .form-m-column {
    flex-direction: column;
  }
  .form-m-column.e--va-center {
    align-items: flex-start;
  }
}
.form-field {
  position: relative;
  margin-bottom: 8px;
  width: 100%;
}
.form-field.e--edit {
  display: flex;
  align-items: center;
  gap: 16px;
}
.form-field.error {
  position: relative;
}
.form-field.error:after {
  content: "\e92d";
  font-size: 20px;
  color: #D8352A;
  font-family: "icons" !important;
  position: absolute;
  right: 10px;
  top: 16px;
}
.form-field.error label.error {
  display: block;
  color: #D8352A;
  font-size: 12px;
  margin-top: 4px;
  margin-left: 16px;
  text-align: left;
}
.form-field.error .form-input {
  border-color: #D8352A;
}
.form-field.e--credit {
  border: 1px solid #E9E9EC;
  border-radius: 4px;
  padding: 16px;
}
@media screen and (min-width: 560px) {
  .form-field.e--credit {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "credit1 credit2" "credit3 credit3";
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
  }
}
@media screen and (min-width: 768px) {
  .form-field.e--credit {
    gap: 16px 40px;
  }
}
@media screen and (min-width: 1024px) {
  .form-field.e--credit {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    gap: 32px;
  }
}
.form-field.e--error input {
  border: 1px solid #D8352A;
}
.form-field.e--error .error,
.form-field.e--error .warning-icon {
  display: block !important;
}
.form-label {
  position: absolute;
  left: 16px;
  top: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #001720;
  pointer-events: none;
  transition: all 0.3s ease;
  justify-content: space-between;
}
.form-label-range {
  top: -18px;
  left: 0;
  height: 12px;
  width: calc(100% - 40px);
  margin-left: 22px;
}
.form-label-range [data-minVal] {
  position: absolute;
  top: -20px;
  left: 0px;
  transform: translateX(-50%);
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #454E58;
}
.form-label-range [data-maxVal] {
  position: absolute;
  top: -20px;
  right: 0px;
  transform: translateX(50%);
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #454E58;
}
.form-input {
  height: 50px;
  padding: 24px 16px 10px;
  background: #F5F5F7;
  border: 1px solid #E9E9EC;
  box-sizing: border-box;
  border-radius: 4px;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #001720;
  caret-color: #001720;
}
.form-input::-moz-placeholder {
  opacity: 0;
}
.form-input::placeholder {
  opacity: 0;
}
.form-input:not(:-moz-placeholder-shown) ~ .form-label {
  font-size: 12px;
  top: 8px;
}
.form-input:focus ~ .form-label, .form-input:not(:placeholder-shown) ~ .form-label {
  font-size: 12px;
  top: 8px;
}
.form-input-notitle {
  height: 50px;
  padding: 16px;
  outline: none;
  border: 1px solid #E9E9EC;
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #454E58;
}
.form-input-notitle.e--error {
  border: 1px solid #D8352A;
}
.form-input-small {
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #E9E9EC;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 12px;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #454E58;
}
.form-input-small::-moz-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #454E58;
}
.form-input-small::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #454E58;
}
.form-input.e--white {
  background: #fff;
}
.form-input:disabled, .form-input:disabled + label {
  color: #C1C1CC;
}
.form-textarea {
  height: 130px;
  background: #F5F5F7;
  border: 1px solid #E9E9EC;
  border-radius: 4px;
  box-sizing: border-box;
  min-width: 100%;
  max-width: 100%;
  padding: 16px;
  resize: none;
  color: #454E58;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #001720;
}
.form-textarea:focus {
  outline: 0;
}
.form-tel {
  position: relative;
  width: 100%;
}
.form-tel-input {
  height: 50px;
  width: 100%;
  padding-left: 16px;
  background: #F5F5F7;
  border: 1px solid #E9E9EC;
  box-sizing: border-box;
  border-radius: 4px;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #454E58;
}
.form-tel-input:not(:-moz-placeholder-shown) + .form-label {
  font-size: 12px;
  top: 8px;
}
.form-tel-input:focus + .form-label, .form-tel-input:not(:placeholder-shown) + .form-label {
  font-size: 12px;
  top: 8px;
}
.form-tel-btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  padding: 0 16px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #41B7BB;
}
.form-tel label.error {
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #d8352a;
  display: block;
  margin-top: 4px;
  padding-left: 16px;
}
.form-divider {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  margin-bottom: 8px;
}
.form-divider:before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #C1C1CC;
  position: absolute;
}
.form-divider span {
  padding: 12px 10px;
  background: #fff;
  display: block;
  z-index: 5;
}
@media screen and (max-width: 768px) {
  .form-divider:before {
    height: 1px;
    width: 180px;
  }
}
.form-l-user {
  max-width: 135px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.form-l-user span {
  display: block;
  margin: 8px 0 auto;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #001720;
}
@media screen and (max-width: 768px) {
  .form-l-user {
    max-width: 100%;
  }
  .form-l-user span {
    width: 100%;
    margin-top: 0;
    margin-bottom: 8px;
    text-align: center;
  }
}
.form-l-btns {
  width: 100%;
  margin-top: auto;
}
.form-l-btns a {
  background: #F5F5F7;
  margin-top: 8px;
  display: block;
  border-radius: 4px;
  width: 100%;
  padding: 10px 0;
  transition: opacity ease 0.25s;
}
.form-l-btns a:hover {
  opacity: 0.7;
}
.form-l-btns a img {
  width: 32px;
  height: auto;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .form-l-btns {
    display: flex;
    gap: 8px;
  }
  .form-l-btns a {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .form-row.e--mgap0 {
    gap: 0;
  }
  .form-row.e--nowrap {
    flex-wrap: nowrap;
  }
  .form-row {
    flex-wrap: wrap;
  }
  .form-field-edit {
    position: absolute;
    right: 16px;
  }
  .form-input.u-maxw480, .form-row.u-maxw480 {
    max-width: 100%;
  }
}
.selection {
  width: 100%;
}
[class*=select2] {
  outline: none;
}
.select2 {
  min-width: 100%;
}
.select2-results__options {
  padding-top: 6px;
}
.dropdown-title {
  position: absolute;
  width: 100%;
  top: 8px;
  left: 16px;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #454E58;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.filters-centered .swiper-slide {
  width: auto;
}
@media screen and (max-width: 1024px) {
  .filters-centered.swiper {
    overflow: visible;
  }
}
.file-image-thumb {
  width: 72px;
  height: 72px;
  -o-object-fit: cover;
     object-fit: cover;
}
.file-image .trash-icon {
  cursor: pointer;
}
.swiper .none-swiper-slide {
  display: none !important;
}
.section-registration {
  max-width: 400px;
  margin: 0 auto;
}
.whatsapp-button {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #25d366;
  box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease;
}
.whatsapp-button:hover {
  transform: scale(1.1);
}
.whatsapp-button__icon {
  width: 40px;
  height: 40px;
}
.whatsapp-button img {
  width: 35px;
  height: 35px;
}
@media (max-width: 768px) {
  .whatsapp-button {
    right: 15px;
    bottom: 15px;
    width: 50px;
    height: 50px;
  }
  .whatsapp-button__icon {
    width: 32px;
    height: 32px;
  }
  .whatsapp-button img {
    width: 30px;
    height: 30px;
  }
}
.catalog-hero-section {
  min-height: 336px;
  z-index: 3;
}
.catalog-hero-section .content {
  margin: auto 0;
}
.catalog-hero-section .df-16 {
  max-width: 484px;
}
.catalog-hero-section .categoty-title {
  position: relative;
  z-index: 3;
}
.catalog-hero-section picture {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.catalog-hero-section picture:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 68.75%);
}
.catalog-hero-section picture img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.catalog h1 mark {
  background-color: transparent;
  color: #41b7bb;
}
.catalog h1 span {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #454E58;
  vertical-align: top;
  white-space: nowrap;
}
.categoty-title h1,
.categoty-title .h1 {
  color: white;
  text-transform: uppercase;
}
.categoty-title h1 span,
.categoty-title .h1 span {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #E9E9EC;
  vertical-align: text-top;
}
.categoty-title p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
}
.rotation-table {
  width: 100%;
  table-layout: fixed;
  text-align: left;
}
.rotation-table .break {
  display: none;
}
.rotation-table tr > th {
  background: #F5F5F7;
  border-radius: 4px;
  padding: 22px;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #001720;
  text-transform: uppercase;
}
.rotation-table tr > td {
  padding: 22px;
}
.rotation-table tr > td:first-child {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #001720;
}
.rotation-table tr:nth-child(2n+1) {
  background: #F5F5F7;
  border-radius: 4px;
}
@media screen and (max-width: 900px) {
  .rotation-table {
    display: block;
    overflow-x: scroll;
  }
  .rotation-table tr {
    display: flex;
    flex-wrap: wrap;
    min-width: 718px;
  }
  .rotation-table tr th,
.rotation-table tr td {
    flex-basis: 33.3333333333%;
    min-width: 218px;
    padding: 12px 16px;
    background: #F5F5F7;
    border-radius: 4px;
  }
  .rotation-table tr th.removed-block,
.rotation-table tr td.removed-block {
    display: none;
  }
  .rotation-table tr th.break,
.rotation-table tr td.break {
    display: inline-flex;
    height: 0;
    padding: 0;
    flex: 3 0 100%;
  }
  .rotation-table tr th:nth-child(1),
.rotation-table tr td:nth-child(1) {
    background: white;
    border-radius: 4px;
  }
  .rotation-table tr:nth-child(2n+1) {
    background: white;
  }
  .rotation-table-subtitle {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    display: block;
  }
}
.catalog-tabs {
  font-size: 0;
}
.catalog-tabs > input[type=radio] {
  display: none;
}
.catalog-tabs .accordion-content {
  border: 2px solid #e9e9ec;
  padding: 18px;
}
.catalog-tabs .accordion-content:not(.catalog-tabs .accordion-content.show) {
  display: none;
}
.catalog-tabs .accordion-content.show {
  display: block;
}
@media screen and (max-width: 625px) {
  .catalog-tabs .accordion-content {
    border: 0;
  }
}
.catalog-tabs .accordion-toggle {
  display: none;
  padding: 16px;
}
@media screen and (max-width: 625px) {
  .catalog-tabs .accordion-toggle {
    display: block;
  }
}
.catalog-tabs label {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: #f5f5f7;
  border: 2px solid #e9e9ec;
  box-sizing: border-box;
  border-radius: 0px 4px 0px 0px;
  padding: 12px 24px;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #c1c1cc;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  cursor: pointer;
  position: relative;
  top: 1px;
}
.catalog-tabs label.color-black {
  color: #001720;
}
.catalog-tabs label:not(:first-of-type) {
  border-left: none;
}
@media screen and (max-width: 625px) {
  .catalog-tabs label {
    width: 100%;
  }
}
.catalog-tabs input[type=radio]:checked + label {
  background-color: #fff;
  border-bottom: 2px solid #41b7bb;
  color: #001720;
}
.catalog-tabs-content {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #001720;
  text-align: center;
}
.catalog-tabs-content .tab-filter-item {
  padding: 5px 33px;
  border-radius: 4px;
  height: 102px;
  width: 204px;
}
.catalog-tabs-content .tab-filter-item:not(.disabled) {
  cursor: pointer;
}
.catalog-tabs [class^=swiper-scrollbar-filter-] {
  display: none;
}
.catalog-tabs .bg-grey {
  background-color: #F5F5F7;
}
.catalog-tabs .swiper-slide {
  height: 142px;
  width: auto;
  border-radius: 4px;
  box-sizing: border-box;
  border: 2px solid transparent;
}
.catalog-tabs .swiper-slide:hover:not(.disabled) {
  border: 2px solid #41B7BB;
}
.catalog-tabs .swiper-slide.disabled {
  opacity: 0.6;
}
.catalog-tabs .brand-item {
  height: 100px;
  width: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 16px 22px;
  border-radius: 4px;
}
.catalog-tabs .brand-item.disabled {
  cursor: default;
}
@media screen and (max-width: 925px) {
  .catalog-tabs .swiper-wrapper {
    padding-bottom: 18px;
  }
  .catalog-tabs [class^=swiper-scrollbar-filter-] {
    display: block;
  }
  .catalog-tabs .swiper-button-next,
.catalog-tabs .swiper-button-prev {
    display: none;
  }
}
@media screen and (max-width: 625px) {
  .catalog-tabs {
    margin-left: -16px;
    margin-right: -16px;
  }
  .catalog-tabs .accordion::after {
    content: "";
    display: block;
    height: 2px;
    width: calc(100% - 32px);
    margin: auto;
    background-color: #E9E9EC;
  }
  .catalog-tabs .accordion-toggle {
    border: 0;
  }
  .catalog-tabs > label {
    display: none;
  }
  .catalog-tabs .catalog-tabs-mob {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #001720;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #001720;
  }
}
.content.showcase-title {
  margin-bottom: 40px;
}
@media screen and (max-width: 1280px) {
  .content.showcase-title {
    margin-bottom: 24px;
  }
}
.content.showcase-title .h1 {
  display: inline;
}
.content.showcase-title .content-catalog {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
.content-catalog {
  align-items: unset;
}
@media screen and (max-width: 1280px) {
  .content-catalog {
    gap: 0;
  }
}
.loader_parent.loading .catalog_overlay {
  display: block;
}
.catalog_overlay {
  display: none;
  background: rgba(189, 189, 189, 0.2);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.mob-sort-content {
  padding: 0 16px;
}
.mob-sort-content a {
  border-bottom: 2px solid #E9E9EC;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #454E58;
  padding: 20px 0;
  text-transform: capitalize;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mob-sort-content a:not(.active) i {
  display: none;
}
.mob-sort-content a .check-icon::before {
  font-size: 16px;
}
.mob-sort-content a.active {
  color: #41B7BB;
}
@media screen and (min-width: 1280px) {
  .content-mobile-sort {
    display: none !important;
  }
}
.content-mobile-sort,
.content-catalog-filters {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 332px;
  min-width: 332px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  margin-bottom: 4px;
}
@media screen and (max-width: 560px) {
  .content-mobile-sort,
.content-catalog-filters {
    width: 320px;
    min-width: 320px;
  }
}
@media screen and (max-width: 1280px) {
  .content-mobile-sort,
.content-catalog-filters {
    height: 100%;
    background-color: #f5f5f7;
  }
}
.content-mobile-sort [class^=filters-],
.content-catalog-filters [class^=filters-] {
  padding: 24px 20px;
  background-color: #f5f5f7;
  position: relative;
}
.content-mobile-sort-close,
.content-catalog-filters-close {
  display: none;
  background-color: #D3ECEB;
  padding: 16px;
}
.content-mobile-sort-close .filter-title,
.content-catalog-filters-close .filter-title {
  font-size: 18px !important;
  line-height: 24px !important;
  margin-bottom: 0;
}
.content-mobile-sort-apply,
.content-catalog-filters-apply {
  display: none;
  background-color: #FFFFFF;
  padding: 12px 24px;
  position: fixed;
  width: 332px;
  bottom: 0;
  z-index: 2;
  box-shadow: 0px -2px 7px 1px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 625px) {
  .content-mobile-sort-apply,
.content-catalog-filters-apply {
    width: 320px;
    min-width: 320px;
  }
}
.content-mobile-sort .clear-all-filters,
.content-catalog-filters .clear-all-filters {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #d8352a;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.content-mobile-sort .clear-all-filters .trash-icon::before,
.content-catalog-filters .clear-all-filters .trash-icon::before {
  font-size: 12px;
}
.content-mobile-sort .filters-selected span,
.content-catalog-filters .filters-selected span {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #454e58;
  text-transform: none;
}
.content-mobile-sort .filters-selected .select-filter,
.content-catalog-filters .filters-selected .select-filter {
  background: #ffffff;
  border-radius: 4px;
  padding: 8px 6px;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #001720;
}
.content-mobile-sort .filters-selected .select-filter i,
.content-catalog-filters .filters-selected .select-filter i {
  color: #d8352a;
}
.content-mobile-sort .filters-height .btn .black-btn,
.content-mobile-sort .filters-price .btn .black-btn,
.content-catalog-filters .filters-height .btn .black-btn,
.content-catalog-filters .filters-price .btn .black-btn {
  padding: 12px 10px;
  height: 40px;
}
.content-mobile-sort .filter-colorbox,
.content-catalog-filters .filter-colorbox {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(6, 1fr);
}
.content-mobile-sort .filter-colorbox__item,
.content-catalog-filters .filter-colorbox__item {
  min-width: 32px;
  max-width: 42px;
}
.content-mobile-sort .filter-colorbox__item input[type=checkbox]:checked + label,
.content-catalog-filters .filter-colorbox__item input[type=checkbox]:checked + label {
  border: 2px solid #000000;
}
.content-mobile-sort .filter-colorbox__item input[type=checkbox]:checked + label.black,
.content-catalog-filters .filter-colorbox__item input[type=checkbox]:checked + label.black {
  color: #ffffff;
}
.content-mobile-sort .filter-colorbox__item input[type=checkbox]:checked + label:before,
.content-catalog-filters .filter-colorbox__item input[type=checkbox]:checked + label:before {
  content: "\e906";
  font-family: "icons";
  display: inline-block;
  position: absolute;
}
.content-mobile-sort .filter-colorbox__item label,
.content-catalog-filters .filter-colorbox__item label {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  cursor: pointer;
}
.content-mobile-sort .filter-colorbox__item label:hover,
.content-catalog-filters .filter-colorbox__item label:hover {
  border: 2px solid #000000;
}
.content-mobile-sort .filter-colorbox__item label:after,
.content-catalog-filters .filter-colorbox__item label:after {
  content: "";
  display: block;
  padding-top: 100%;
}
.content-mobile-sort .filter-title,
.content-catalog-filters .filter-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: #001720;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
}
.content-mobile-sort .filter-title i,
.content-catalog-filters .filter-title i {
  transition: transform ease 0.25s;
}
.content-mobile-sort .filter-title.show i,
.content-catalog-filters .filter-title.show i {
  transform: rotate(180deg);
}
.content-mobile-sort .filter-title.show ~ .filter-title-filters,
.content-catalog-filters .filter-title.show ~ .filter-title-filters {
  display: block;
}
.content-mobile-sort .link.wt-wrap.active,
.content-catalog-filters .link.wt-wrap.active {
  color: #41b7bb;
}
.content-mobile-sort .filter-title-filters,
.content-catalog-filters .filter-title-filters {
  display: none;
}
.content-mobile-sort .filter-title-filters a.filter-link,
.content-mobile-sort .filter-title-filters label > a,
.content-catalog-filters .filter-title-filters a.filter-link,
.content-catalog-filters .filter-title-filters label > a {
  color: #000;
  transition: opacity ease 0.25s;
}
.content-mobile-sort .filter-title-filters a.filter-link:hover,
.content-mobile-sort .filter-title-filters label > a:hover,
.content-catalog-filters .filter-title-filters a.filter-link:hover,
.content-catalog-filters .filter-title-filters label > a:hover {
  opacity: 0.7;
}
.content-mobile-sort .filter-title-filters .ccb .subtext,
.content-catalog-filters .filter-title-filters .ccb .subtext {
  margin-top: 3px;
}
.content-mobile-sort .filter-title-filters .link,
.content-catalog-filters .filter-title-filters .link {
  white-space: normal;
}
.content-mobile-sort .show-more-filters,
.content-mobile-sort .toggle-option-filters p,
.content-mobile-sort .show-less-filters,
.content-catalog-filters .show-more-filters,
.content-catalog-filters .toggle-option-filters p,
.content-catalog-filters .show-less-filters {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #41b7bb;
  border-bottom: 1px dashed #41b7bb;
  margin-top: 16px;
}
.content-mobile-sort .toggle-option-filters p,
.content-catalog-filters .toggle-option-filters p {
  cursor: pointer;
}
.content-mobile-sort .toggle-option-filters p:hover,
.content-catalog-filters .toggle-option-filters p:hover {
  border-bottom-color: transparent;
}
.content-mobile-sort .toggle-option-filters:not(.open) .t-hide,
.content-catalog-filters .toggle-option-filters:not(.open) .t-hide {
  display: none;
}
.content-mobile-sort .toggle-option-filters.open .t-show,
.content-catalog-filters .toggle-option-filters.open .t-show {
  display: none;
}
.content-mobile-sort .label,
.content-catalog-filters .label {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.content-mobile-sort .ccb:first-child,
.content-catalog-filters .ccb:first-child {
  margin-top: 20px;
}
.content-mobile-sort .ccb + .ccb,
.content-catalog-filters .ccb + .ccb {
  margin-top: 16px;
  margin-bottom: 0;
}
@media screen and (max-width: 1280px) {
  .content-mobile-sort,
.content-catalog-filters {
    position: fixed;
    left: -332px;
    -webkit-animation: slide 0.5s forwards;
            animation: slide 0.5s forwards;
  }
  .content-mobile-sort [class^=filters-]::after,
.content-catalog-filters [class^=filters-]::after {
    content: "";
    position: absolute;
    display: block;
    width: calc(100% - 48px);
    margin: auto;
    bottom: 0;
    border-bottom: 2px solid #E9E9EC;
  }
  .content-mobile-sort [class^=filters-]:last-child,
.content-catalog-filters [class^=filters-]:last-child {
    margin-bottom: 74px;
  }
  .content-mobile-sort.show,
.content-catalog-filters.show {
    left: 0;
    display: block;
    z-index: 4;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .content-mobile-sort.show::-webkit-scrollbar,
.content-catalog-filters.show::-webkit-scrollbar {
    width: 0;
    /* Remove scrollbar space */
    background: transparent;
    /* Optional: just make scrollbar invisible */
  }
  .content-mobile-sort.show .content-mobile-sort-close,
.content-mobile-sort.show .content-mobile-sort-apply,
.content-mobile-sort.show .content-catalog-filters-close,
.content-mobile-sort.show .content-catalog-filters-apply,
.content-catalog-filters.show .content-mobile-sort-close,
.content-catalog-filters.show .content-mobile-sort-apply,
.content-catalog-filters.show .content-catalog-filters-close,
.content-catalog-filters.show .content-catalog-filters-apply {
    display: block;
  }
}
.--products {
  width: 100%;
}
.products {
  flex: auto;
}
.products-sort {
  padding: 20px;
  background-color: #f5f5f7;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #060c1a;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.products-sort a {
  color: #454e58;
}
.products-sort a.active {
  pointer-events: none;
}
.products-sort a.active,
.products-sort a span {
  color: #41b7bb;
}
.products-sort a:hover {
  color: #41b7bb;
}
.products-sort a:hover span {
  color: #41b7bb;
}
.products-sort .filter-icon {
  position: relative;
}
.products-sort .filter-icon-circle {
  position: absolute;
  top: 0.5px;
  right: 0.5px;
  width: 11px;
  height: 11px;
  background-color: #41B7BB;
  border-radius: 50%;
  box-shadow: 0 0 0 0.5px #ffffff;
  display: block;
}
.products-sort .filter-icon-circle:not(.show) {
  display: none;
}
.products-sort .plate-3,
.products-sort .plate-2,
.products-sort .plate-1 {
  color: #C1C1CC;
  cursor: pointer;
  transition: color ease 0.25s;
}
.products-sort .plate-3.active,
.products-sort .plate-2.active,
.products-sort .plate-1.active {
  color: #41b7bb;
}
@media screen and (min-width: 926px) {
  .products-sort .plate-3.active,
.products-sort .plate-2.active,
.products-sort .plate-1.active {
    pointer-events: none;
  }
}
.products-sort .plate-3:hover,
.products-sort .plate-2:hover,
.products-sort .plate-1:hover {
  color: #41b7bb;
}
.products-sort .plate-3 {
  margin-left: auto;
}
.products-sort .mob {
  display: none;
}
@media screen and (max-width: 1280px) {
  .products-sort .dsk {
    display: none;
  }
  .products-sort .mob {
    display: flex;
  }
}
@media screen and (max-width: 925px) {
  .products-sort {
    padding: 16px;
    margin-left: -16px;
    margin-right: -16px;
  }
  .products-sort .plate-1,
.products-sort .plate-2 {
    display: block;
    margin-left: auto;
  }
  .products-sort .plate-3 {
    display: none;
  }
}
.products-products {
  border-top: 2px solid #e9e9ec;
  border-left: 2px solid #e9e9ec;
}
.products-products .product {
  border-right: 2px solid #e9e9ec;
  border-bottom: 2px solid #e9e9ec;
  border-top: 0;
  border-left: 0;
}
.products-products.gs-3 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
.products-products.gs-3 .change-bike-insert {
  grid-column-start: 1;
  grid-column-end: 4;
}
.products-products.gs-3 .change-bike-insert-options {
  max-height: 330px;
}
.products-products.gs-3 .change-bike-insert-options img {
  max-height: 330px;
}
.products-products.gs-2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.products-products.gs-2 .change-bike-insert {
  grid-column-start: 1;
  grid-column-end: 3;
}
.products-products.gs-1 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.products-products.gs-1 .change-bike-insert {
  grid-column-start: 1;
  grid-column-end: 2;
}
.products-products-item {
  position: relative;
}
.products-products-item .product-table,
.products-products-item .product-status {
  display: none;
}
@media screen and (min-width: 925px) {
  .products-products-item .product-footer {
    display: none;
  }
  .products-products-item .product-order-button {
    display: none;
  }
  .products-products-item:hover .product {
    position: relative;
    z-index: 2;
    width: 100%;
    box-shadow: 0 0 3px 3px #e9e9ec;
  }
  .products-products-item:hover .product .product-footer {
    position: absolute;
    box-shadow: 0 5px 3px 3px #e9e9ec;
    background: #fff;
    display: block;
    padding: 0 24px 20px;
    top: 100%;
    left: 0;
    width: 100%;
  }
  .products-products-item:hover .product .product-order-button,
.products-products-item:hover .product .product-status,
.products-products-item:hover .product .product-table {
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .products-scroll {
    overflow-y: auto;
    padding-bottom: 12px;
  }
  .products-scroll-box {
    flex-wrap: nowrap;
  }
}
.products-viewed .swiper-slide {
  width: 290px;
  height: auto;
}
.products-viewed .swiper-slide .products-viewed-item {
  height: 100%;
}
.products-viewed-item .product-status,
.products-viewed-item .product-table {
  display: none;
}
.swiper-slide .product {
  border-width: 2px 1px;
}
.swiper-slide:first-child .product {
  border-width: 2px 1px 2px 2px;
}
.swiper-slide:last-child .product {
  border-width: 2px 2px 2px 1px;
}
.catalog-categories-catalog {
  max-width: 1340px;
  padding-bottom: 18px !important;
}
.catalog-categories-catalog .swiper-scrollbar-catalog {
  width: calc(100% - 48px) !important;
  margin: 0 24px;
}
@media screen and (max-width: 625px) {
  .catalog-categories-catalog .swiper-scrollbar-catalog {
    width: calc(100% - 32px) !important;
    margin: 0 16px;
  }
}
.catalog-categories-catalog .swiper-slide {
  max-width: 260px;
}
@media screen and (max-width: 625px) {
  .catalog-categories-catalog .swiper-slide {
    max-width: 320px;
  }
}
@media screen and (max-width: 925px) {
  .catalog-categories-catalog .swiper-button-prev,
.catalog-categories-catalog .swiper-button-next {
    display: none;
  }
}
.small-category-items {
  width: 100%;
  height: 130px;
  overflow: hidden;
}
.small-category-items.swiper {
  padding-bottom: 30px;
}
.small-category-items .swiper-slide {
  border-right: 1px solid #D9D9D9;
  width: 160px;
  padding-right: 16px;
}
.small-category-items .swiper-slide img {
  max-width: 112px;
  height: auto;
  margin: 0 auto;
}
.small-category-item-title {
  font-size: 14px;
  color: #001720;
  font-weight: 500;
  margin-top: 10px;
}
.header-checkout {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 10px rgba(0, 0, 0, 0.04);
}
@media screen and (max-width: 768px) {
  .header-checkout .ffield {
    display: none;
  }
}
.modal-checkout .iti {
  width: 100%;
  display: block;
}
.modal-checkout #one-click-order .form-field {
  margin-bottom: 0;
}
.modal-checkout .form-field .iti ~ .form-label {
  left: 102px !important;
  z-index: 1;
}
.modal-checkout .iti__tel-input {
  padding-left: 102px !important;
}
.modal-checkout .form-field:focus-within .form-label {
  top: 8px !important;
  font-size: 12px !important;
}
.modal-checkout .form-field:has(.iti__tel-input:not(:-moz-placeholder-shown)) .form-label {
  top: 8px !important;
  font-size: 12px !important;
}
.modal-checkout .form-field:has(.iti__tel-input:not(:placeholder-shown)) .form-label {
  top: 8px !important;
  font-size: 12px !important;
}
.modal-checkout .form-field .iti ~ .form-label {
  left: 50px;
  transition: all 0.2s ease;
  pointer-events: none;
}
.modal-checkout .form-field .iti__tel-input.is-invalid {
  border: 1px solid #dc3545 !important;
}
.modal-checkout .iti__flag.iti__globe {
  display: none !important;
}
.checkout {
  padding-top: 16px;
  padding-bottom: 80px;
  /* Фонові іконка велосипеда (водяний знак) */
}
.checkout-body {
  display: flex;
}
.checkout-container {
  width: 100%;
  padding-right: 52px;
}
.checkout-aside {
  width: 100%;
  height: 100%;
  max-width: 420px;
  position: -webkit-sticky;
  position: sticky;
  top: 30px;
}
.checkout-accordion {
  margin-bottom: 8px;
  border-radius: 4px;
  background: #F5F5F7;
}
.checkout-accordion .plus-icon {
  transition: all 0.2s ease;
}
.checkout-accordion .plus-icon:before {
  font-size: 24px;
}
.checkout-accordion .checkout-accordion-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 32px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #001720;
}
.checkout-accordion .checkout-accordion-content {
  padding: 0 32px 24px;
}
.checkout-accordion.active .plus-icon {
  transform: rotate(45deg);
  color: red;
}
.checkout-order-row {
  align-items: center;
  margin-bottom: 16px;
}
.checkout-order-row span {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #454E58;
}
.checkout-order-row b {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #001720;
}
.checkout-order-row b.e--free {
  color: #2AA687;
}
.checkout-order-row b.e--total {
  white-space: nowrap;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #001720;
}
.checkout-order-notify button {
  margin: 16px 0;
}
.checkout-order-notify p {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #454E58;
}
.checkout-order-notify a {
  color: #41B7BB;
  text-decoration: underline;
}
.checkout-order-notify a:hover {
  text-decoration: none;
}
.checkout-step {
  border: 1px solid #E9E9EC;
  border-radius: 4px;
  position: relative;
  padding: 32px 24px;
}
.checkout-step:not(:last-child) {
  margin-bottom: 48px;
}
.checkout-step-label {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 12px;
  transform: translateY(-50%);
  background: #fff;
  padding: 0 12px 0 12px;
}
.checkout-step-label .number {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  margin-right: 16px;
  background-color: #E9E9EC;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #001720;
}
.checkout-step-label p {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #001720;
}
.checkout-step-content {
  padding: 0 48px;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.checkout-step-result {
  visibility: hidden;
  height: 0;
  display: flex;
}
.checkout-step.checked .number, .checkout-step.active > .checkout-step-label .number {
  background: #41B7BB;
}
.checkout-step.checked .order-result {
  visibility: visible;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.checkout-step.checked .orders {
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.checkout-step.active .order-result {
  visibility: hidden;
  height: 0;
}
.checkout-step.active .orders {
  visibility: visible;
  height: auto;
}
.checkout-step.active > .checkout-step-content {
  visibility: visible;
  height: auto;
}
.checkout-step:not(.active).checked > .checkout-step-result {
  visibility: visible;
  height: auto;
}
.checkout-edit-button {
  padding: 17px 27px;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #001720;
  border-radius: 4px;
  background: transparent;
  text-transform: uppercase;
  border: 2px solid #001720;
  color: inherit;
  transition: color ease 0.25s, border-color ease 0.25s;
}
.checkout-edit-button:hover {
  color: #41B7BB;
  border-color: #41B7BB;
}
.checkout .iti {
  width: 100%;
  display: block;
}
.checkout .form-field .iti ~ .form-label {
  left: 102px !important;
  z-index: 1;
}
.checkout .iti__tel-input {
  padding-left: 102px !important;
}
.checkout .form-field:focus-within .form-label {
  top: 8px !important;
  font-size: 12px !important;
}
.checkout .form-field:has(.iti__tel-input:not(:-moz-placeholder-shown)) .form-label {
  top: 8px !important;
  font-size: 12px !important;
}
.checkout .form-field:has(.iti__tel-input:not(:placeholder-shown)) .form-label {
  top: 8px !important;
  font-size: 12px !important;
}
.checkout .form-field .iti ~ .form-label {
  left: 50px;
  transition: all 0.2s ease;
  pointer-events: none;
}
.checkout .form-field .iti__tel-input.is-invalid {
  border: 1px solid #dc3545 !important;
}
.checkout .iti__flag.iti__globe {
  display: none !important;
}
.checkout .form-field.form-field-phone {
  height: 54px;
}
.checkout .checkout-step .customer-type-container {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.checkout .checkout-step .type-label {
  font-size: 16px;
  font-weight: 700;
  color: #b0b0b0;
  transition: color 0.3s ease;
  cursor: pointer;
}
.checkout .checkout-step .type-label.is-active {
  color: #000000;
}
.checkout .checkout-step .switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 22px;
}
.checkout .checkout-step .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.checkout .checkout-step .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  transition: 0.4s;
  border-radius: 22px;
}
.checkout .checkout-step .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: #41B7BB;
  transition: 0.4s;
  border-radius: 50%;
}
.checkout .checkout-step .switch input:checked + .slider:before {
  transform: translateX(22px);
}
.checkout-banner {
  position: relative;
  height: 350px;
  display: flex;
  flex-direction: column;
  margin-bottom: 48px;
}
.checkout-banner-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
}
.checkout-banner-bg img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.checkout-banner-inner {
  padding: 48px 48px;
}
.checkout-banner-inner.e--mauto {
  margin-top: auto;
  margin-bottom: auto;
}
.checkout-banner-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  color: #001720;
}
.checkout-banner-title span {
  background-color: #41B7BB;
  border-radius: 4px;
  padding: 2px 8px;
  color: #fff;
  white-space: nowrap;
}
.checkout-banner-content {
  max-width: 450px;
}
.checkout-banner-content p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #454E58;
  margin-bottom: 16px;
}
.checkout-banner-content p small {
  font-size: 80%;
}
@media screen and (max-width: 1200px) {
  .checkout-aside {
    max-width: 360px;
  }
}
@media screen and (max-width: 1024px) {
  .checkout-body {
    flex-direction: column;
  }
  .checkout-step-content {
    padding-right: 0;
  }
  .checkout-container {
    padding-right: 0;
  }
  .checkout-aside {
    max-width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .checkout {
    padding-bottom: 64px;
  }
  .checkout-aside {
    max-width: 100%;
  }
  .checkout-step {
    margin-bottom: 32px;
  }
  .checkout-banner {
    background: #D3ECEB;
    height: auto;
  }
  .checkout-banner-inner {
    padding: 40px 32px;
  }
  .checkout-banner-bg {
    position: relative;
    height: 390px;
    width: 100%;
    z-index: 3;
    margin-top: -48px;
  }
}
@media screen and (max-width: 768px) {
  .checkout {
    padding-bottom: 48px;
  }
  .checkout-login {
    flex-wrap: wrap;
  }
  .checkout-login-col {
    width: 100%;
  }
  .checkout-step {
    border: 0px;
    padding: 32px 0 0 0;
  }
  .checkout-step:not(:last-child) {
    margin-bottom: 32px;
  }
  .checkout-step-label {
    left: 0;
    padding-left: 0;
  }
  .checkout-step-label p {
    font-size: 16px;
  }
  .checkout-step-label .number {
    width: 24px;
    height: 24px;
  }
  .checkout-step-label .checkcircle-icon:before {
    font-size: 24px;
  }
  .checkout-step-content {
    padding-left: 0;
  }
  .checkout-edit-button {
    border: 0;
    padding: 0;
    text-transform: none;
    border-bottom: 1px dashed #41B7BB;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #41B7BB;
  }
  .checkout-edit-button:hover {
    border-color: transparent;
  }
  .checkout-banner-title {
    font-size: 24px;
    line-height: 32px;
  }
  .checkout-banner-inner {
    padding: 24px 16px;
  }
  .checkout-banner-bg {
    height: 320px;
  }
}
.checkout .step_payment .payment-grid {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.checkout .step_payment .payment-card {
  position: relative;
  background: transparent;
  border-radius: 8px;
  padding: 0;
  border: 0;
  cursor: pointer;
  transition: none;
}
.checkout .step_payment .payment-card__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.checkout .step_payment .payment-card__body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  padding: 12px 16px;
}
.checkout .step_payment .payment-card__content {
  display: flex;
  align-items: center;
  gap: 12px;
}
.checkout .step_payment .payment-card__icon {
  width: 34px;
  height: auto;
}
.checkout .step_payment .payment-card__title {
  display: block;
}
.checkout .step_payment .payment-card__action {
  color: #000;
}
.checkout .step_payment .payment-card__action--selected {
  display: none;
  color: #2AA687;
}
.checkout .step_payment .payment-card__input:checked + .payment-card__body .payment-card__action--select {
  display: none;
}
.checkout .step_payment .payment-card__input:checked + .payment-card__body .payment-card__action--selected {
  display: inline;
}
.checkout .step_payment .payment-card__input:checked + .payment-card__body {
  border-color: #2AA687;
}
.checkout .step_payment .payment-grid--columns {
  flex-direction: column;
}
@media (max-width: 768px) {
  .checkout .step_payment .payment-card__body {
    flex-direction: column;
    align-items: flex-start;
  }
}
.checkout .checkout-payment-icons {
  background: #F5F5F7;
}
.checkout .checkout-payment-icons .checkout-payment-icons-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
  justify-content: space-between;
  padding: 24px 32px;
}
.checkout .checkout-payment-icons .checkout-payment-icons-wrap img {
  height: 36px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 1px;
}
@media (max-width: 768px) {
  .checkout .checkout-payment-icons .checkout-payment-icons-wrap {
    padding: 24px 22px;
  }
}
.checkout .trustpilot-widget {
  margin-top: 16px;
}
.checkout .service-card {
  margin-top: 16px;
  max-width: 500px;
  background: #F5F5F7;
  overflow: hidden;
  position: relative;
}
.checkout .service-card__image img {
  width: 100%;
  height: auto;
  display: block;
}
.checkout .service-card__content {
  padding: 25px;
  position: relative;
  z-index: 1;
}
.checkout .service-card__title {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #001720;
}
.checkout .service-card__address {
  font-size: 0.95rem;
}
.checkout .service-card__address span {
  display: block;
  margin-right: 5px;
  font-size: 0.8rem;
  color: #454E58;
}
.checkout .service-card__list {
  list-style: none;
  padding: 0;
  margin: 20px 0;
}
.checkout .service-card__list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  font-weight: 500;
  color: #0d2d3e;
  font-size: 0.9rem;
}
.checkout .service-card__list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  font-weight: bold;
  color: #0d2d3e;
}
.checkout .service-card__footer-text {
  font-size: 0.8rem;
  color: #666;
  line-height: 1.4;
}
.checkout .shop-status {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
.checkout .shop-status__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #B0B0B0;
}
.checkout .shop-status__dot.is-open {
  background: #2AA687;
}
.checkout .shop-status__text {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #001720;
}
.checkout .shop-status__hours {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #454E58;
  margin-top: 4px;
}
@media screen and (max-width: 992px) {
  .checkout-logo {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .checkout {
    flex-wrap: wrap;
  }
  .checkout .footer-item {
    flex: 1 1 100%;
    margin-bottom: 12px;
  }
}
.order-result {
  visibility: hidden;
  height: 0;
  align-items: center;
}
.order-list {
  height: 63px;
  position: relative;
  width: 100%;
  display: flex;
  overflow: hidden;
}
.order-list.e--checkout {
  margin-right: 100px;
}
.order-list.has-counter {
  padding-right: 98px;
}
.order-list.has-counter .order-list-counter {
  width: 98px;
  height: 65px;
  background: #F5F5F7;
  border-radius: 4px;
  float: right;
  display: none;
  text-align: center;
  line-height: 65px;
  position: absolute;
  right: 0;
  top: 0;
}
.order-list.has-counter .order-list-counter.visible {
  display: flex;
}
.order-list.has-counter .order-list-counter span {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #C1C1CC;
}
.order-list.e--end {
  justify-content: flex-end;
}
.order-list.e--end .order-list-ul {
  justify-content: flex-end;
}
.order-list-ul {
  display: inline-flex;
  flex-wrap: wrap;
}
.order-list-hidden {
  position: absolute;
  right: 0;
  display: none;
}
.order-list .item {
  width: 106px;
  list-style-type: none;
  display: block;
  padding-right: 8px;
}
.order-item {
  border: 1px solid #E9E9EC;
  border-radius: 4px;
  margin-bottom: 16px;
}
.order-item:first-child {
  margin-top: 16px;
}
.order-item-inner {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
}
.order-item .pic {
  position: relative;
  width: 148px;
  min-height: 64px;
  flex-shrink: 0;
}
.order-item a.pic,
.order-item a.info-title {
  transition: opacity ease 0.25s;
}
.order-item a.pic:hover,
.order-item a.info-title:hover {
  opacity: 0.7;
}
.order-item .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .order-item .info {
    margin-right: 10px;
  }
}
.order-item .info-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #001720;
}
.order-item .info-options {
  margin-top: auto;
}
.order-item .info-options-row {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #454E58;
}
.order-item .info-options-row b {
  font-weight: 500;
  color: #001720;
}
.order-item .price {
  white-space: nowrap;
  text-align: right;
  min-width: 135px;
}
.order-item .price.e--mla {
  margin-left: auto;
}
.order-item .price .price-item {
  margin: 2px 0;
}
.order-item .price .price-item.e--new {
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  color: #D8352A;
}
.order-item .price .price-item.e--old {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #454E58;
  text-decoration: line-through;
}
.order-item .price .price-item.e--actual {
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  color: #001720;
}
.order-item .price .price-item.e--discount {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #2AA687;
}
.order-item .controls {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  width: 256px;
  flex-shrink: 0;
}
.order-item .controls.e--justify {
  justify-content: space-between;
}
.order-item .controls .count {
  white-space: nowrap;
}
.order-item .controls .order-remove {
  color: #001720;
}
.order-item .controls-review {
  position: absolute;
  bottom: 0;
  right: 0;
}
.order-extra {
  border-top: 1px solid #E9E9EC;
  background-color: #F5F5F7;
  padding: 16px;
}
.order-extra-item {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #E9E9EC;
  gap: 8px;
}
.order-extra-item:first-child {
  margin-top: 16px;
}
.order-extra-item:not(:last-child) {
  margin-bottom: 8px;
}
.order-extra-item .pic {
  width: 59px;
}
.order-extra-item .topinfo {
  display: flex;
  align-items: center;
  gap: 8px;
}
.order-extra-item .controls {
  width: 240px;
}
.order-extra-item .info {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #001720;
}
.order-extra-title {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #001720;
}
.order-up-cart-top {
  display: flex;
  align-items: center;
}
.order-up-cart .info-title {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #001720;
  text-transform: none;
}
.order-up-cart .up-checkbox {
  height: 18px;
}
.order-up-cart .pic {
  margin-right: 8px;
}
@media screen and (min-width: 768px) {
  .order-up-cart .pic {
    width: 60px;
    min-height: auto;
  }
}
.order-up-cart .controls {
  gap: 33px;
}
.order-up-cart .order-item-inner {
  padding: 8px 16px;
}
.order-up-cart .price .price-item.e--actual {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .order-up-cart .price .price-item.e--actual {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .order-list.e--end {
    height: 40px;
    padding-right: 67px;
  }
  .order-list.e--end .item {
    width: 67px;
  }
  .order-list.e--end .order-list-counter {
    height: 40px;
    line-height: 40px;
    width: 59px;
  }
}
@media screen and (max-width: 768px) {
  .order-list {
    padding-right: 0;
  }
  .order-list.e--end {
    height: 32px;
    padding-right: 57px;
    justify-content: flex-start;
  }
  .order-list.e--end .item {
    width: 57px;
  }
  .order-list.e--end .order-list-ul {
    justify-content: flex-start;
  }
  .order-list.e--end .order-list-counter {
    height: 32px;
    line-height: 32px;
    width: 49px;
  }
  .order-result {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .order-list-box {
    margin-right: 0;
  }
  .order-item {
    position: relative;
  }
  .order-item-inner {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 8px;
  }
  .order-item .pic {
    width: 74px;
    min-height: auto;
  }
  .order-item .order-remove {
    position: absolute;
    right: 8px;
    top: 8px;
  }
  .order-item .controls {
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
    gap: 8px;
  }
  .order-item .controls.e--justify {
    flex-wrap: wrap;
  }
  .order-item .controls-review {
    position: relative;
    width: 100%;
  }
  .order-extra {
    padding: 8px;
  }
  .order-extra-title {
    margin-bottom: 0px;
  }
  .order-extra-item {
    flex-wrap: wrap;
  }
}
.order-up-sale {
  border-radius: 0 0 4px 4px;
  background: #F5F5F7;
  margin-bottom: 16px;
}
.order-up-sale .order-item {
  background: #fff;
  margin-bottom: 0;
}
.order-up-sale__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #001720;
}
.order-up-sale__title i {
  transition: 0.1s all;
}
.order-up-sale__title.open i {
  transform: rotate(180deg);
}
.order-up-sale__wrap-content {
  border-radius: 0 0 4px 4px;
  border: 1px solid #E9E9EC;
  border-top: 0;
  padding: 8px;
}
@media screen and (min-width: 768px) {
  .order-up-sale__wrap-content {
    padding: 16px;
  }
}
.order-up-sale__wrap-content .order-item {
  margin-top: 0;
}
.order-up-sale__wrap-content .order-item:not(:last-child) {
  margin-bottom: 8px;
}
.order-up-sale__content {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .order-up-sale__content {
    margin-top: 16px;
  }
}
.c-total-label {
  padding: 16px 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  color: #001720;
}
.c-total-row {
  display: flex;
  align-items: center;
  padding: 16px 24px;
  border-radius: 4px;
}
.c-total-row:nth-child(even) {
  background-color: #F5F5F7;
}
.c-total-row .name {
  width: 25%;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #454545;
}
.c-total-row .info {
  width: 75%;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #001720;
}
@media screen and (max-width: 768px) {
  .c-total-row {
    padding: 8px 16px;
    flex-direction: column;
    align-items: flex-start;
  }
  .c-total-row .name {
    margin-bottom: 4px;
  }
}
.promo-status-message {
  margin-bottom: 8px;
  width: 100%;
}
.promo-status-message li {
  display: flex;
  align-items: center;
  border-radius: 4px;
  background: #DFF2ED;
  padding: 12px 16px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #2AA687;
  width: 100%;
}
.promo-status-message li:not(:last-child) {
  margin-bottom: 4px;
}
.promo-status-message li i {
  margin-right: 5px;
}
.promo-status-message li i:before {
  font-size: 14px;
}
.promo-status-message.error li {
  background: #FBEBEA;
  color: #D8352A;
}
.promo-code-content .form-input.valid {
  border-color: #2AA687;
}
.promo-code-content .form-field [data-center],
.promo-code-content .form-field .warning-icon {
  top: 16px;
}
.promo-code-content [data-icon-ok]:before,
.promo-code-content [data-icon-err]:before {
  font-size: 18px;
}
.promo-code-content [data-icon-ok] {
  color: #2AA687;
}
.promo-code-content [data-icon-err] {
  color: #D8352A;
}
#profile_address_form label.error {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.profile {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .profile .m-max-w-150 {
    max-width: 150px;
  }
}
.profile-user {
  padding: 16px;
  background: #EAF6F3;
  gap: 16px;
  display: flex;
  margin-bottom: 4px;
}
.profile-user picture {
  width: 60px;
  height: 60px;
  position: relative;
  cursor: pointer;
}
.profile-user i {
  position: absolute;
  background: #41B7BB;
  padding: 4px;
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  bottom: 2px;
  right: -2px;
}
.profile-user i:before {
  font-size: 12px;
}
.profile-user img {
  border-radius: 50%;
}
.profile-user-info {
  align-self: center;
}
.profile-user-info b {
  display: block;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #001720;
}
.profile-user-info span {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #454E58;
}
.profile-aside {
  display: flex;
  flex-direction: column;
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
  width: 332px;
  min-width: 332px;
  height: 100%;
}
.profile-content {
  width: 100%;
}
.profile-fieldset {
  padding: 40px 48px 32px;
  position: relative;
  border: 1px solid #E9E9EC;
}
.profile-fieldset-caption {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(36px, -50%);
  background: #fff;
  padding: 0 12px;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #001720;
  text-transform: uppercase;
}
.profile-nav {
  background: #F5F5F7;
  padding: 16px 0 16px 16px;
}
.profile-nav .item-link {
  display: flex;
  align-content: flex-start;
  align-items: center;
  padding: 8px 0;
  font-size: 16px;
  font-weight: 500;
  color: #454E58;
}
.profile-nav .item-link.e--exit {
  color: #D8352A;
}
.profile-nav .item-link i:before {
  font-size: 24px;
}
.profile-nav .item-link:not(.e--exit):hover {
  color: #41B7BB;
}
.profile-nav .item-link.current {
  color: #41B7BB;
  position: relative;
}
.profile-nav .item-link.current:before {
  content: "";
  width: 2px;
  height: 24px;
  position: absolute;
  background-color: #41b7bb;
  border-radius: 1px 0 0 1px;
  right: 0;
}
.profile-order {
  border: 1px solid #E9E9EC;
  padding: 12px 24px;
}
.profile-order:not(:last-child) {
  margin-bottom: 16px;
}
.profile-order .po-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #454E58;
  margin-bottom: 4px;
  display: block;
}
.profile-order .po-total {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #001720;
}
.profile-order .po-track {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 24px;
}
.profile-order .po-track:before {
  content: "";
  width: 100%;
  border: 1px dashed #C1C1CC;
  display: block;
  position: absolute;
  top: 24px;
  z-index: 0;
}
.profile-order .po-track-item:first-child {
  text-align: left;
}
.profile-order .po-track-item {
  text-align: center;
}
.profile-order .po-track-item.e--processing b {
  color: #001720;
}
.profile-order .po-track-item.e--processing i {
  color: #fff;
}
.profile-order .po-track-item.e--processing i:before {
  background-color: #EC8822;
}
.profile-order .po-track-item.e--success b {
  color: #001720;
}
.profile-order .po-track-item.e--success i {
  color: #fff;
}
.profile-order .po-track-item.e--success i:before {
  background-color: #41B7BB;
}
.profile-order .po-track-item.e--done b {
  color: #001720;
}
.profile-order .po-track-item.e--done i {
  color: #fff;
}
.profile-order .po-track-item.e--done i:before {
  background-color: #2AA687;
}
.profile-order .po-track-item.e--cancel b {
  color: #001720;
}
.profile-order .po-track-item.e--cancel i {
  color: #fff;
}
.profile-order .po-track-item.e--cancel i:before {
  background-color: #D8352A;
}
.profile-order .po-track-item.e--complecting b {
  color: #001720;
}
.profile-order .po-track-item.e--complecting i {
  color: #fff;
}
.profile-order .po-track-item.e--complecting i:before {
  background-color: #EB5F9A;
}
.profile-order .po-track-item.e--completed b {
  color: #001720;
}
.profile-order .po-track-item.e--completed i {
  color: #fff;
}
.profile-order .po-track-item.e--completed i:before {
  background-color: #693F84;
}
.profile-order .po-track-item.e--info b {
  color: #001720;
}
.profile-order .po-track-item.e--info i {
  color: #fff;
}
.profile-order .po-track-item.e--info i:before {
  background-color: #1675C7;
}
.profile-order .po-track-item i {
  padding: 8px;
  display: inline-flex;
  border-radius: 50%;
  color: #C1C1CC;
  position: relative;
  z-index: 1;
  background: #fff;
}
.profile-order .po-track-item i:before {
  font-size: 24px;
  z-index: 2;
  padding: 4px;
  background-color: #E9E9EC;
  border-radius: 50%;
}
.profile-order .po-track-item:last-child {
  text-align: right;
}
.profile-order .po-track-lbl b {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  color: #454E58;
}
.profile-order .po-track-lbl span {
  color: #454E58;
  font-size: 12px;
}
.profile-order .po-top {
  display: flex;
  align-items: center;
  gap: 8px;
}
.profile-order .po-top-info {
  width: 25%;
}
.profile-order .po-top-info:first-child {
  min-width: 160px;
}
.profile-order .po-top-items {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 50%;
  flex-shrink: 0;
}
.profile-order .po-top-items picture {
  width: 98px;
}
.profile-order .po-top-items .down-icon:before {
  font-size: 24px;
}
.profile-order .po-results {
  display: flex;
  gap: 16px;
}
.profile-order .po-results-col {
  width: 50%;
  background: #F5F5F7;
  padding: 24px;
}
.profile-order .po-results-row:not(:last-child) {
  margin-bottom: 16px;
}
.profile-order .po-results span {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #454E58;
}
.profile-order .po-results span:nth-child(2n) {
  text-align: right;
  color: #001720;
}
.profile-order .po-results span.e--free {
  color: #2AA687;
}
.profile-order .po-results span.e--not-paid {
  color: #D8352A;
}
.profile-order .po-results span.e--waite-pay {
  color: #EC8922;
}
.profile-review {
  border: 1px solid #E9E9EC;
  padding: 12px 16px;
  display: flex;
  gap: 12px;
}
.profile-review-img {
  flex-shrink: 0;
  width: 148px;
}
.profile-review-gal {
  gap: 8px;
}
.profile-review-gal a {
  width: 72px;
  display: block;
}
@media screen and (max-width: 1280px) {
  .profile {
    flex-direction: column;
  }
  .profile-order {
    padding: 12px 16px;
  }
  .profile-aside {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .profile-fieldset {
    padding: 0;
    border: none;
  }
  .profile-fieldset-caption {
    position: relative;
    padding: 0;
    transform: translate(0, 0);
    margin-bottom: 16px;
  }
  .profile-order .po-top {
    flex-direction: column;
    align-items: flex-start;
  }
  .profile-order .po-top-info {
    width: 100%;
    margin-bottom: 16px;
  }
  .profile-order .po-top-items {
    width: 100%;
  }
  .profile-order .po-track {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 16px;
  }
  .profile-order .po-track:before {
    top: 0;
    left: 20px;
    width: 0;
    height: 100%;
    z-index: 0;
  }
  .profile-order .po-track-item {
    display: flex;
    align-items: center;
    text-align: left;
  }
  .profile-order .po-track-item:not(:last-child) {
    margin-bottom: 16px;
  }
  .profile-order .po-track-item i {
    padding: 4px;
    margin-right: 8px;
  }
  .profile-order .po-results {
    flex-direction: column;
  }
  .profile-order .po-results-col {
    width: 100%;
    padding: 16px;
  }
  .profile-review {
    padding: 8px 8px;
  }
  .profile-review-toggle {
    margin-left: -86px;
  }
  .profile-review-img {
    width: 74px;
  }
}
@media screen and (max-width: 480px) {
  .profile-order .po-results-row {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .profile-order .po-results-col {
    width: 100%;
    padding: 16px;
  }
  .profile-order .po-results-col span {
    width: 100%;
  }
  .profile-order .po-results-col span:nth-child(2n) {
    text-align: left;
  }
}
.profile .empty-list {
  min-height: 55vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .profile .empty-list {
    min-height: 340px;
  }
}
@media screen and (min-width: 1200px) {
  .profile .empty-list {
    min-height: 450px;
  }
}
.profile .empty-list p {
  line-height: 24px;
  color: #001720;
  max-width: 410px;
  margin: 0 auto;
  text-align: center;
}
.profile .empty-list .btn {
  margin-top: 15px;
}
.profile .empty-list.wish-list {
  background-image: url("/assets/images/profile/wish-list-bg-1.png"), url("/assets/images/profile/wish-list-bg-2.png");
  background-position: right 12%, left bottom;
  background-repeat: no-repeat;
  background-size: 250px;
}
@media screen and (min-width: 768px) {
  .profile .empty-list.wish-list {
    background-size: 350px;
  }
}
@media screen and (min-width: 1200px) {
  .profile .empty-list.wish-list {
    background-size: 460px;
  }
}
.profile .empty-list.order-list {
  background-image: url("/assets/images/profile/order-bg-1.png"), url("/assets/images/profile/order-bg-2.png");
  background-position: left top, right bottom;
  background-repeat: no-repeat;
  background-size: 180px, 250px;
}
@media screen and (min-width: 768px) {
  .profile .empty-list.order-list {
    background-size: 220px, 290px;
  }
}
@media screen and (min-width: 1200px) {
  .profile .empty-list.order-list {
    background-size: 250px, 380px;
  }
}
.profile .empty-list.review-list {
  background-image: url("/assets/images/profile/review-bg-1.png"), url("/assets/images/profile/review-bg-2.png");
  background-position: right top, left bottom;
  background-repeat: no-repeat;
  background-size: 180px, 250px;
}
@media screen and (min-width: 768px) {
  .profile .empty-list.review-list {
    background-size: 220px, 290px;
  }
}
@media screen and (min-width: 1200px) {
  .profile .empty-list.review-list {
    background-size: 250px, 380px;
  }
}
.select-by-type {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
}
@media screen and (max-width: 1024px) {
  .select-by-type {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .select-by-type {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 560px) {
  .select-by-type {
    grid-template-columns: repeat(1, 1fr);
  }
}
.select-by-type-item {
  overflow: hidden;
  position: relative;
}
.select-by-type-item:nth-child(n+9) {
  display: none;
}
@media screen and (max-width: 1024px) {
  .select-by-type-item:nth-child(n+10) {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .select-by-type-item:nth-child(n+9) {
    display: none;
  }
}
@media screen and (max-width: 560px) {
  .select-by-type-item:nth-child(n+5) {
    display: none;
  }
}
.select-by-type-item .pick-category {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 16px 24px;
  background: linear-gradient(180deg, rgba(65, 183, 187, 0) 48.29%, rgba(0, 0, 0, 0.65) 85%, #000000 100%);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.select-by-type-item .pick-category:hover {
  background: none;
}
.select-by-type-item .pick-category-link {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 10px rgba(0, 0, 0, 0.04);
}
.select-by-type.short .select-by-type-item {
  overflow: hidden;
  position: relative;
}
.select-by-type.short .select-by-type-item:nth-child(n+5) {
  display: none;
}
@media screen and (max-width: 1024px) {
  .select-by-type.short .select-by-type-item:nth-child(n+4) {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .select-by-type.short .select-by-type-item:nth-child(n+4) {
    display: block;
  }
  .select-by-type.short .select-by-type-item:nth-child(n+5) {
    display: none;
  }
}
.select-by-type.show-all .select-by-type-item {
  display: block;
}
.select-by-type.show-all.short .select-by-type-item {
  display: block;
}
.bike .characteristic-table-table {
  display: none;
}
.bike .product-description__info--text {
  display: none;
}
.bike .product-delivery.service,
.bike .product-delivery.bike-nostock,
.bike .product-delivery.accessory {
  display: none;
}
.bike.combo-section, .bike.top-accessory-section {
  display: none;
}
.bike.bike-new .product-description-was-used {
  display: none;
}
.bike.was-in-use .was-used {
  display: flex;
}
.bike.was-in-use .product-description__info--slider {
  display: none;
}
.bike.was-in-use .product-description__info--text {
  display: block;
}
.bike.was-in-use .product-description__info--text .for-service,
.bike.was-in-use .product-description__info--text .for-accessory {
  display: none;
}
.bike.instock .bike-waitstock {
  display: none;
}
.bike.soonstock .bike-instock,
.bike.soonstock .bike-waitstock {
  display: none;
}
.bike.waitstock .bike-instock {
  display: none;
}
.bike.waitstock .bike-waitstock {
  display: block;
}
.accessory .characteristic-table {
  display: none;
}
.accessory .for-was-in-use,
.accessory .for-service {
  display: none;
}
.accessory .product-description-was-used {
  display: none;
}
.accessory .bike-instock,
.accessory .service,
.accessory .bike-waitstock {
  display: none;
}
.accessory#accessory-section {
  display: none;
}
.accessory.soonstock .product-delivery.accessory {
  display: none;
}
.accessory.show-combo.top-accessory-section {
  display: none;
}
.accessory.show-top-access.top-accessory-section {
  display: block !important;
}
.accessory.show-top-access.combo-section {
  display: none;
}
@media screen and (max-width: 1150px) {
  .product-container {
    width: calc(100% - 472px);
  }
}
@media screen and (max-width: 1024px) {
  .product-container {
    width: 100%;
    display: block;
  }
}
.product-description {
  background-color: #f5f5f7 !important;
  border: 1px solid #e9e9ec !important;
}
.product-description-readmore {
  max-height: 80px;
}
.product-description__info--text {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #454e58;
  transition: height 200ms;
  position: relative;
}
.product-description__info--text[aria-expanded=false]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: linear-gradient(0deg, #f5f5f7 0%, rgba(245, 245, 247, 0.7) 50%, rgba(0, 0, 0, 0) 100%);
}
.product-description.e--sticky-top {
  background-color: white !important;
  border: none !important;
  flex-direction: row;
  gap: 24px;
  padding: 0;
  align-items: center;
  min-width: auto;
}
.product-description.e--sticky-top .product-order-button {
  width: 280px;
}
.product-description.e--sticky-top .product-price,
.product-description.e--sticky-top .nostock,
.product-description.e--sticky-top .soonstock {
  align-self: center;
}
.product-description-container {
  min-width: 431px;
  width: 431px;
}
@media screen and (max-width: 1024px) {
  .product-description-container {
    width: 100%;
    min-width: 280px;
  }
  .product-description-container button,
.product-description-container .credit-button {
    max-width: 332px;
    flex: auto;
    width: 100%;
  }
}
.product-description:not(.instock) .product-description__info--credits {
  display: none;
}
.product-description-was-used {
  background-image: url("/assets/images/product/was-used-bg.png");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 16px);
  background-position-y: calc(100% - 8px);
}
.product-description-was-used p + p {
  margin-top: 16px;
}
.product-description .product-order-button {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media screen and (max-width: 1280px) {
  .product-description .product-order-button {
    flex-direction: row;
  }
}
@media screen and (max-width: 550px) {
  .product-description .product-order-button {
    flex-direction: column;
  }
}
.product-tabs {
  font-size: 0;
}
@media screen and (max-width: 768px) {
  .product-tabs {
    border: 2px solid #E9E9EC;
    background: #F5F5F7;
  }
}
.product-tabs > input[type=radio] {
  display: none;
}
.product-tabs .accordion-content {
  display: none;
}
@media screen and (max-width: 1024px) {
  .product-tabs .accordion-content {
    border: 0;
  }
}
.product-tabs .base-according-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.product-tabs .accordion-toggle:not(.inside) {
  display: none;
  padding: 16px;
}
@media screen and (max-width: 768px) {
  .product-tabs .accordion-toggle:not(.inside) {
    display: flex;
  }
}
@media screen and (max-width: 1024px) {
  .product-tabs .accordion-toggle.inside {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .product-tabs #tab-btn-1:checked ~ .accordion #content-1,
.product-tabs #tab-btn-2:checked ~ .accordion #content-2 {
    display: block;
  }
  .product-tabs #tab-btn-1:checked ~ .accordion #content-2,
.product-tabs #tab-btn-2:checked ~ .accordion #content-1 {
    display: none;
  }
  .product-tabs #tab-btn-1:checked ~ .accordion #content-1 .accordion-content {
    display: block;
  }
}
.product-tabs-mob {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #454E58;
}
.product-tabs-label {
  display: inline-flex;
  justify-content: center;
  gap: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: #ffffff;
  border: 2px solid #e9e9ec;
  box-sizing: border-box;
  border-radius: 0px 4px 0px 0px;
  padding: 20px;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #c1c1cc;
  text-transform: uppercase;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  cursor: pointer;
  position: relative;
  top: 1px;
  width: 50%;
}
.product-tabs-label:not(:first-of-type) {
  border-left: none;
}
@media screen and (max-width: 768px) {
  .product-tabs-label {
    display: none;
  }
}
.product-tabs input[type=radio]:checked + .product-tabs-label {
  background-color: #f5f5f7;
  border-bottom: 2px solid #41b7bb;
  color: #001720;
}
.product-tabs-content {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #001720;
  text-align: center;
}
@media screen and (max-width: 625px) {
  .product-tabs {
    margin-left: -16px;
    margin-right: -16px;
  }
  .product-tabs .accordion:not(.accordion-exchange)::after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    margin: auto;
    background-color: #e9e9ec;
  }
  .product-tabs .product-delivery__bike .accordion:last-child::after {
    width: 0;
    height: 0;
  }
  .product-tabs .product-delivery__bike .accordion-content {
    padding-bottom: 15px;
  }
  .product-tabs .product-delivery__bike .accordion:not(.active) {
    padding-bottom: 0 !important;
  }
  .product-tabs .product-delivery__bike .accordion:not(.active) .accordion-toggle {
    margin-bottom: 15px;
  }
  .product-tabs .accordion-toggle {
    border: 0;
  }
  .product-tabs > .product-tabs-label {
    display: none;
  }
  .product-tabs .catalog-tabs-mob {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #001720;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #001720;
  }
}
.product-info {
  flex: auto;
  max-width: 100%;
}
.product-info [data-open].take-now {
  cursor: pointer;
}
.product-info__info-blocks {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product-info__info-block {
  background: #f5f5f7;
  border-radius: 4px;
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  overflow: hidden;
}
.product-info__info-block-icon {
  display: block;
  width: 40px;
  min-width: 40px;
  height: auto;
}
.product-info__info-block-content {
  font-size: 14px;
}
.product-info__slider {
  max-height: 484px;
}
.product-info__slider picture {
  display: block;
}
@media (hover: none) and (pointer: fine) {
  .product-info__slider img {
    pointer-events: none;
  }
}
@media (hover: none) and (pointer: coarse) {
  .product-info__slider img {
    pointer-events: none;
  }
}
@media screen and (max-width: 1280px) {
  .product-info__slider {
    max-height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .product-info__slider img {
    max-width: 100%;
    margin: auto;
  }
}
.product-info__slider-main {
  flex-grow: 1;
  min-width: 0;
  max-width: 745px;
}
.product-info__slider-main .product-info__slider-main-slider-scrollbar {
  display: none;
}
@media screen and (max-width: 1024px) {
  .product-info__slider-main .swiper {
    overflow: visible;
  }
}
@media screen and (max-width: 768px) {
  .product-info__slider-main .swiper .product-info__slider-main-slider-scrollbar {
    display: block;
  }
}
.product-info__slider-vertical .btn-youtube,
.product-info__slider-vertical .btn-360 {
  display: none;
}
.product-info__slider-vertical-slider {
  max-height: 456px;
}
.product-info__slider-vertical.btn-youtube .btn-youtube {
  display: inline-flex;
}
.product-info__slider-vertical.btn-youtube .product-info__slider-vertical-slider {
  max-height: 370px;
}
.product-info__slider-vertical.btn-360 .btn-360 {
  display: inline-flex;
}
.product-info__slider-vertical.btn-360 .product-info__slider-vertical-slider {
  max-height: 370px;
}
.product-info__slider-vertical.btn-youtube.btn-360 .product-info__slider-vertical-slider {
  max-height: 292px;
}
.product-info__slider-vertical-el {
  width: 100px !important;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 4px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .product-info__slider-vertical-el {
    background-color: white !important;
    height: 32px !important;
    width: 32px !important;
  }
}
.product-info__slider-vertical-el.swiper-slide-thumb-active {
  border: 1px solid #41B7BB;
}
.product-info__slider-vertical-el:not(.swiper-slide-active) img {
  cursor: pointer;
  transition: opacity 0.25s ease;
}
.product-info__slider-vertical-el:not(.swiper-slide-active) img:hover {
  opacity: 0.7;
}
.product-info__slider-vertical-container {
  position: relative;
  display: block;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .product-info__slider-vertical-container {
    display: none;
  }
}
.product-info__slider-vertical .swiper-slide:last-of-type {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1280px) {
  .product-info__slider-vertical {
    order: 1;
    flex-direction: row !important;
    max-width: calc(100% - 64px);
  }
  .product-info__slider-vertical.btn-youtube.btn-360 .product-info__slider-vertical-container {
    max-width: calc(100% - 300px);
    margin-left: 40px;
    margin-right: 40px;
  }
}
.product-info__slider-vertical-slider-prev,
.product-info__slider-vertical-slider-next {
  display: block;
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
}
.product-info__slider-vertical-slider-prev:not(.swiper-button-disabled),
.product-info__slider-vertical-slider-next:not(.swiper-button-disabled) {
  cursor: pointer;
}
.product-info__slider-vertical-slider-prev:not(.swiper-button-disabled):hover,
.product-info__slider-vertical-slider-next:not(.swiper-button-disabled):hover {
  opacity: 0.8;
}
@media screen and (max-width: 1280px) {
  .product-info__slider-vertical-slider-prev,
.product-info__slider-vertical-slider-next {
    transform: rotate(-90deg) translateX(50%);
    left: auto;
    right: auto;
    top: 50%;
  }
}
.product-info__slider-vertical-slider-prev {
  top: 0px;
}
@media screen and (max-width: 1280px) {
  .product-info__slider-vertical-slider-prev {
    left: -32px;
    top: 50%;
    right: auto;
    bottom: auto;
  }
}
.product-info__slider-vertical-slider-next {
  bottom: 0px;
}
@media screen and (max-width: 1280px) {
  .product-info__slider-vertical-slider-next {
    right: -32px;
    top: 50%;
    bottom: auto;
    left: auto;
  }
}
.product-description__info--logo picture {
  display: block;
}
.product-description__info--logo img {
  display: block;
  max-height: 100px;
  height: 100%;
}
.product-description__info .swiper {
  overflow: visible;
}
.product-description__info--slider-size .swiper-slide {
  width: auto;
  border: 1px solid #c1c1cc;
  transition: opacity ease 0.25s;
}
.product-description__info--slider-size .swiper-slide p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.product-description__info--slider-size .swiper-slide:not(.active):hover {
  border: 1px solid #41b7bb;
  opacity: 0.8;
}
.product-description__info--slider-size .swiper-slide.active {
  border: 1px solid #41b7bb;
  box-shadow: 0 0 0 1px #41b7bb;
}
.product-description__info--slider-size .swiper-slide.disab:not(.active) {
  border-color: #C1C1CC;
  background-color: #F5F5F7;
}
.product-description__info--slider-size .swiper-slide.disab:not(.active):hover {
  border: 1px solid #41b7bb;
  box-shadow: 0 0 0 1px #41b7bb;
}
.product-description__info--slider-size .swiper-slide.disab:not(.active) .swiper-slide-item {
  opacity: 0.2;
}
.product-description__info--slider-size .swiper-slide:not(.active) a {
  cursor: pointer;
}
.product-description__info--slider-size .swiper-slide:not(.active) a p {
  cursor: inherit;
}
.product-description__info--slider-size.nl-style .swiper-slide.active {
  background-color: #D3ECEB;
}
.product-description__info--slider-size.nl-style .swiper-slide:not(.active):hover {
  opacity: 1;
}
.product-description__info--slider-color .swiper-slide {
  border: 1px solid #c1c1cc;
  transition: opacity ease 0.25s;
  width: 116px;
  height: 68px;
  background-color: #ffffff;
  padding: 1px 0;
}
.product-description__info--slider-color .swiper-slide:not(.active):hover {
  border: 2px solid #41b7bb;
  opacity: 0.8;
  padding: 0;
}
.product-description__info--slider-color .swiper-slide img {
  height: 64px;
  width: auto;
  margin: auto;
}
.product-description__info--slider-color .swiper-slide.active {
  border: 2px solid #41b7bb;
  padding: 0;
  pointer-events: none;
}
.product-description__info--slider-color .swiper-slide.disab {
  border-color: #C1C1CC;
  background-color: #F5F5F7;
}
.product-description__info--slider-color .swiper-slide.disab:hover {
  border: 2px solid #41b7bb;
  padding: 0;
}
.product-description__info--slider-color .swiper-slide.disab .swiper-slide-item {
  opacity: 0.2;
}
.product-description__info--slider-color .swiper-slide.disab.active {
  border-color: #41b7bb;
}
.product-description__info--slider-color .swiper-slide:not(.active) a {
  cursor: pointer;
}
.product-description__info--slider-color .swiper-slide:not(.active) a p {
  cursor: inherit;
}
.product-delivery__bike .accordion {
  flex-basis: 33.3333333333%;
  padding: 40px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .product-delivery__bike .accordion {
    padding: 16px !important;
  }
  .product-delivery__bike .accordion .accordion-toggle {
    color: #001720;
  }
  .product-delivery__bike .accordion .accordion-toggle > div {
    text-transform: none !important;
    font-size: 18px !important;
  }
}
.product-delivery__bike .accordion:not(:last-child) .accordion-content::after {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  right: -40px;
  border-right: 1px solid #C1C1CC;
}
@media screen and (max-width: 1280px) {
  .product-delivery__bike .accordion:not(:last-child) .accordion-content::after {
    right: -24px;
  }
}
@media screen and (max-width: 1024px) {
  .product-delivery__bike .accordion:not(:last-child) .accordion-content::after {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .product-delivery__bike .accordion-toggle {
    margin-bottom: 24px;
  }
}
.product-delivery__bike .accordion-content {
  position: relative;
  flex-grow: 1;
}
@media screen and (min-width: 1024px) {
  .product-delivery__bike .accordion-content {
    display: block;
  }
}
.product-delivery__bike .accordion .option {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #001720;
}
@media screen and (max-width: 625px) {
  .product-delivery__bike .accordion .option {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.product-delivery__bike .accordion .option > span i {
  margin-right: 8px;
}
.product-delivery__bike .accordion .option-content, .product-delivery__bike .accordion .option-content-mt0 {
  margin-left: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-delivery__bike .accordion .option-content-mt0 {
  margin-top: 0px !important;
}
@media screen and (max-width: 625px) {
  .product-delivery__bike .accordion .option-content, .product-delivery__bike .accordion .option-content-mt0 {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.product-delivery__bike .accordion a.open-modal {
  font-weight: 400;
  margin-top: 10px;
}
.product-delivery__bike .accordion .sub-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #454E58;
  margin-top: 4px;
  display: block;
}
.product-delivery__bike .accordion .main-label {
  display: flex;
  flex-direction: column;
}
.product-delivery__bike .accordion .main-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #001720;
}
@media screen and (max-width: 625px) {
  .product-delivery__bike .accordion .main-text {
    margin-top: 4px;
  }
}
.product-delivery__bike .accordion .main-text .take-now {
  display: inline-flex;
  margin-top: 4px;
}
.product-delivery__bike .accordion .text {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #454e58;
}
.product-delivery__bike .accordion .option-content + .option-content, .product-delivery__bike .accordion .option-content-mt0 + .option-content, .product-delivery__bike .accordion .option-content + .option-content-mt0, .product-delivery__bike .accordion .option-content-mt0 + .option-content-mt0,
.product-delivery__bike .accordion .option + .option-content,
.product-delivery__bike .accordion .option + .option-content-mt0 {
  margin-top: 8px;
}
.product-delivery__bike .accordion .option-content + .option, .product-delivery__bike .accordion .option-content-mt0 + .option,
.product-delivery__bike .accordion .option + .option {
  margin-top: 16px;
}
.product-delivery__bike .accordion .price {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #001720;
  margin-left: auto;
}
.product-delivery__bike .accordion .free {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #2aa687;
  margin-left: auto;
}
@media screen and (min-width: 1024px) {
  .product-delivery__bike .accordion .free.free-pl {
    padding-left: 20px;
  }
}
@media screen and (max-width: 625px) {
  .product-delivery__bike .accordion .free {
    margin-left: 0;
    margin-top: 4px;
  }
  .product-delivery__bike .accordion .free.free-ml {
    margin-left: 40px !important;
  }
}
.product-delivery__bike .accordion.active .plus-icon {
  display: none;
}
.product-delivery__bike .accordion.active .accordion-toggle {
  margin-bottom: 24px;
}
.product-delivery__bike .accordion:not(.active) .minus-icon {
  display: none;
}
@media screen and (min-width: 1024px) {
  .product-delivery__bike .accordion .plus-icon,
.product-delivery__bike .accordion .minus-icon {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .product-delivery__bike {
    flex-direction: column;
  }
  .product-delivery__bike .u-noclick {
    pointer-events: all;
  }
}
.accordion-mob .product-tabs-mob .plus-icon,
.accordion-mob .product-tabs-mob .minus-icon {
  height: 24px;
}
.accordion-mob .product-tabs-mob > p {
  color: #001720;
}
.accordion-mob.active .product-tabs-mob .plus-icon {
  display: none;
}
.accordion-mob:not(.active) .product-tabs-mob .minus-icon {
  display: none;
}
.trade-in {
  height: inherit;
}
.trade-in-info,
.trade-in-img {
  flex-basis: 50%;
}
.trade-in-img {
  justify-content: center;
}
.trade-in-img img {
  max-width: 435px;
  margin: auto;
}
.trade-in-img.big img {
  max-width: 640px;
  margin: auto;
}
.description-section {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #454e58;
}
.description-section .subtitle {
  font-weight: 500;
}
.description-section ul {
  list-style: disc;
  list-style-position: inside;
}
.description-section ul li {
  margin-bottom: 8px;
}
.description-section ul li:last-child {
  margin-bottom: 0px;
}
.description-section p + p {
  margin-top: 16px;
}
.description-section h1 + p {
  margin-top: 24px;
}
.description-section p + h2,
.description-section ul + h2 {
  margin-top: 16px;
}
.description-section p + picture > img {
  margin-top: 24px;
  margin-bottom: 24px;
}
.description-section p + ul,
.description-section ul + p {
  margin-top: 16px;
}
.characteristic {
  width: 100%;
}
.characteristic .section-title {
  font-weight: 900;
  font-size: 80px;
  line-height: 80px;
  color: #F5F5F7;
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .characteristic .section-title {
    font-size: 64px;
  }
}
@media screen and (max-width: 768px) {
  .characteristic .section-title {
    font-size: 27px;
    line-height: 28px;
  }
}
.characteristic-table {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 30px;
}
@media screen and (max-width: 1024px) {
  .characteristic-table {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .characteristic-table {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 24px;
  }
}
.characteristic-table .image {
  width: 24px;
}
.characteristic-table-item .title {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #001720;
}
@media screen and (max-width: 768px) {
  .characteristic-table-item .title {
    font-size: 14px;
  }
}
.characteristic-table-item .description {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #454e58;
}
@media screen and (max-width: 768px) {
  .characteristic-table-item .description {
    font-size: 14px;
  }
}
.characteristic-table-table table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.characteristic-table-table table tr:nth-child(2n+1) {
  background-color: #F5F5F7;
  border-radius: 4px;
}
.characteristic-table-table table td {
  padding: 12px 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #001720;
}
.characteristic-table-table table td:nth-child(2n+1) {
  color: #454E58;
}
.characteristic-info {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 2px solid #e9e9ec;
  border-left: 2px solid #e9e9ec;
}
@media screen and (max-width: 768px) {
  .characteristic-info {
    grid-template-columns: repeat(1, 1fr);
  }
}
.characteristic-info-item {
  border-right: 2px solid #e9e9ec;
  border-bottom: 2px solid #e9e9ec;
}
.characteristic-info-item .title {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #001720;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .characteristic-info-item .title {
    font-size: 14px;
    line-height: 16px;
  }
}
.characteristic-info-item .description {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #454e58;
}
.characteristic-info-blank {
  border-top: 2px solid #ffffff;
  margin-top: -2px;
}
@media screen and (max-width: 768px) {
  .characteristic-info-blank {
    display: none;
  }
}
.side-product {
  min-width: 320px;
  width: 320px;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
}
.side-product li {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px dashed #ceced2;
}
.side-product li a {
  display: inline-flex;
  white-space: nowrap;
  gap: 4px;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #454e58;
  text-transform: uppercase;
}
.side-product li a.active {
  color: #41b7bb;
}
.side-product li a.active span {
  color: inherit;
}
.side-product li a span {
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  color: #454e58;
  align-self: flex-start;
}
.side-product li:last-child {
  border: none;
  padding-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .side-product {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 3;
    overflow-y: auto;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15), 0px 2px 7px 1px rgba(0, 0, 0, 0.1);
  }
  .side-product picture {
    display: none;
  }
  .side-product ul {
    display: flex;
    gap: 24px;
  }
  .side-product li {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  .side-product li a {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #454e58;
  }
  .side-product li a span {
    font-weight: 500;
    font-size: 10px;
    line-height: 10px;
    color: #454e58;
  }
}
.video-section .video_wrapper {
  position: relative;
  padding-bottom: 56.25%;
}
.video-section iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-section .overlay {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  overflow: hidden;
}
.video-section .overlay img,
.video-section .overlay svg {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 2;
}
.product-mp4-video {
  max-width: 100%;
  height: auto;
}
.video-slider .swiper-slide {
  max-width: 292px;
}
.review-section .review-section-tabs {
  font-size: 0;
}
.review-section .review-section-tabs > input[type=radio] {
  display: none;
}
.review-section .review-section-tabs > div {
  display: none;
  border-top: 2px solid #e9e9ec;
  padding-top: 24px;
  font-size: 16px;
}
.review-section #tab-btn-qa-1:checked ~ #content-qa-1,
.review-section #tab-btn-qa-2:checked ~ #content-qa-2 {
  display: block;
}
.review-section .review-section-tabs > label {
  display: inline-flex;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-bottom: 16px;
  margin-right: 24px;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #c1c1cc;
  text-transform: uppercase;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  cursor: pointer;
  position: relative;
  top: 1px;
}
.review-section .review-section-tabs > label span {
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  color: #c1c1cc;
}
.review-section .review-section-tabs > label:not(:first-of-type) {
  border-left: none;
}
.review-section .review-section-tabs > input[type=radio]:checked + label {
  background-color: #fff;
  border-bottom: 2px solid #41b7bb;
  color: #41b7bb;
  padding-bottom: 14px;
}
.review-section .review-section-tabs > input[type=radio]:checked + label span {
  color: #41b7bb;
}
.review-section .feedback {
  margin-top: 24px;
  padding: 24px 32px;
  border-radius: 4px;
}
.review-section .feedback-request {
  margin-left: 50px;
}
@media screen and (max-width: 1024px) {
  .review-section .feedback-request {
    margin-left: 24px;
  }
}
@media screen and (max-width: 768px) {
  .review-section .feedback-request {
    margin-left: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .review-section .feedback {
    padding: 24px;
  }
}
@media screen and (max-width: 768px) {
  .review-section .feedback {
    margin-top: 16px;
    padding: 24px 16px;
  }
}
.review-section .feedback-picture + .buttons {
  margin-top: 24px !important;
}
.review-section .feedback-picture img {
  width: 72px;
}
.review-section .feedback-picture .f-picture {
  position: relative;
}
.review-section .feedback-picture__play-btn {
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.review-section .feedback-picture__play-btn img {
  display: block;
  width: 40px;
}
.review-section .buttons:last-child {
  padding-bottom: 0;
}
#modalShowGalleries .modal-dialog {
  background: linear-gradient(180deg, #EFFDFB 0%, #F4F0F7 100%);
}
#modalShowGalleries .modal-dialog .modal-gallery,
#modalShowGalleries .modal-dialog .modal-gallery-all {
  width: 658px;
  height: 450px;
}
@media screen and (max-width: 560px) {
  #modalShowGalleries .modal-dialog .modal-gallery,
#modalShowGalleries .modal-dialog .modal-gallery-all {
    width: 100%;
    height: 250px;
  }
}
#modalShowGalleries .modal-dialog .modal-gallery iframe,
#modalShowGalleries .modal-dialog .modal-gallery-all iframe {
  width: 100%;
  height: 100%;
}
#modalShowGalleries .modal-dialog .modal-gallery img,
#modalShowGalleries .modal-dialog .modal-gallery-all img {
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
#modalShowGalleries .modal-dialog .modal-gallery-pagination {
  display: flex;
  justify-content: flex-end;
}
#modalShowGalleries .modal-dialog .modal-gallery-next {
  right: -24px;
}
@media screen and (max-width: 1024px) {
  #modalShowGalleries .modal-dialog .modal-gallery-next {
    right: calc((100% - 558px) / 2 - 24px);
  }
}
#modalShowGalleries .modal-dialog .modal-gallery-prev {
  left: -24px;
}
@media screen and (max-width: 1024px) {
  #modalShowGalleries .modal-dialog .modal-gallery-prev {
    left: calc((100% - 558px) / 2 - 24px);
  }
}
#accessory-section .container {
  padding-top: 80px;
  padding-bottom: 80px;
  background: url("/assets/images/product/upsale-left.png"), url("/assets/images/product/upsale-right.png");
  background-repeat: no-repeat no-repeat;
  background-position-x: 0, 100%;
  background-position-y: 60px, 100%;
}
@media screen and (max-width: 1024px) {
  #accessory-section .container {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
[id*=-section]:not(#accessory-section, #about-section) {
  padding: 40px 48px;
  margin-bottom: 8px;
}
[id*=-section]:not(#accessory-section, #about-section):last-of-type {
  margin-bottom: 0px;
}
@media screen and (max-width: 1024px) {
  [id*=-section]:not(#accessory-section, #about-section):last-of-type {
    padding-bottom: 64px;
  }
}
@media screen and (max-width: 1024px) {
  [id*=-section]:not(#accessory-section, #about-section) {
    padding: 64px 24px 0;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 768px) {
  [id*=-section]:not(#accessory-section, #about-section) {
    padding: 40px 16px 0;
    margin-bottom: 0px;
  }
}
.swiper-wrapper-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
[class*=upsale-slider] {
  position: relative;
}
[class*=upsale-slider] > .swiper-wrapper > .swiper-slide {
  width: auto;
  min-width: 288px;
  position: relative;
  height: auto;
}
[class*=upsale-slider] > .swiper-wrapper > .swiper-slide::after, [class*=upsale-slider] > .swiper-wrapper > .swiper-slide::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 2px;
  background-color: #E9E9EC;
}
[class*=upsale-slider] > .swiper-wrapper > .swiper-slide:first-child::after {
  left: 0;
}
@media screen and (max-width: 1024px) {
  [class*=upsale-slider] > .swiper-wrapper > .swiper-slide {
    width: 288px !important;
  }
}
[class*=upsale-slider] .product {
  border-right: 0;
  border-left: 0;
}
[class*=upsale-slider] .product .product-status,
[class*=upsale-slider] .product .product-table {
  display: none;
}
@media screen and (max-width: 1024px) {
  [class*=upsale-slider].swiper {
    overflow: initial;
  }
  [class*=upsale-slider] + [class*=swiper-button-] {
    display: none;
  }
}
.sticky-good {
  display: block;
  height: 80px;
  width: 100%;
  position: fixed;
  top: -90px;
  z-index: 2;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15), 0px 2px 7px 1px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 1024px) {
  .sticky-good {
    height: auto;
  }
}
.combo-section {
  padding-top: 64px;
  padding-bottom: 80px;
}
.combo-section .product .product-title {
  margin-bottom: 24px;
}
.combo-section .product .product-top-labels,
.combo-section .product .product-variants-color,
.combo-section .product .product-order-button,
.combo-section .product .product-status,
.combo-section .product .product-table,
.combo-section .product .product-reviews,
.combo-section .product .product-buy-options {
  display: none;
}
@media screen and (max-width: 1280px) {
  .combo-section .product {
    height: auto;
    min-width: 180px;
    padding: 16px;
  }
  .combo-section .product .product-title a {
    font-size: 12px;
    line-height: 16px;
    min-height: 32px;
  }
  .combo-section .product .product-caterogy a {
    font-size: 10px;
    line-height: 12px;
  }
  .combo-section .product .product-price {
    gap: 4px;
  }
  .combo-section .product .was-price,
.combo-section .product .saving {
    font-size: 10px !important;
    line-height: 14px !important;
  }
  .combo-section .product .main-price {
    font-size: 16px !important;
    line-height: 18px !important;
  }
  .combo-section .product .product-compare-favourite {
    display: none;
  }
  .combo-section .product .product-price-fc {
    min-height: auto;
    margin-bottom: 0;
  }
}
.combo-section-set {
  display: none;
}
@media screen and (min-width: 768px) {
  .combo-section-set {
    display: flex;
    align-items: stretch;
    justify-content: center;
  }
}
.combo-section-set-item {
  flex-basis: 25%;
  border-right: 0 !important;
  position: relative;
}
.combo-section-set-item::after {
  content: "\e920";
  font-family: "icons";
  font-size: 32px;
  padding: 8px;
  color: white;
  line-height: 1;
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  right: -24px;
  background-color: #41B7BB;
  border-radius: 50%;
}
@media screen and (max-width: 1280px) {
  .combo-section-set-item::after {
    font-size: 18px;
    padding: 3px;
    right: -13px;
  }
}
.combo-section-set-item:last-child {
  border-right: 2px solid #e9e9ec !important;
}
.combo-section-set-mobile {
  background: #fff;
}
@media screen and (min-width: 768px) {
  .combo-section-set-mobile {
    display: none;
  }
}
.combo-section-set-result, .combo-section-set-mobile-result {
  flex-basis: 25%;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 40px;
  background-color: white;
  border: 1px solid #e9e9ec;
  position: relative;
}
@media screen and (min-width: 768px) {
  .combo-section-set-result, .combo-section-set-mobile-result {
    border: 2px solid #e9e9ec;
  }
}
.combo-section-set-result::after, .combo-section-set-mobile-result::after {
  content: "\e943";
  font-family: "icons";
  font-size: 8px;
  padding: 8px;
  color: white;
  line-height: 1;
  display: inline-block;
  position: absolute;
  z-index: 2;
  background-color: #41B7BB;
  border-radius: 50%;
  top: -15px;
  left: 44px;
  transform: translateY(0);
}
@media screen and (min-width: 768px) {
  .combo-section-set-result::after, .combo-section-set-mobile-result::after {
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    padding: 3px;
    left: -13px;
  }
}
@media screen and (min-width: 1280px) {
  .combo-section-set-result::after, .combo-section-set-mobile-result::after {
    left: -26px;
    font-size: 42px;
  }
}
@media screen and (max-width: 1280px) {
  .combo-section-set-result, .combo-section-set-mobile-result {
    padding: 32px 16px 24px;
  }
  .combo-section-set-result .btn, .combo-section-set-mobile-result .btn {
    height: 40px;
    padding: initial;
  }
}
.combo-section-set .product-price, .combo-section-set-mobile .product-price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.combo-section-set .product-price .was-price, .combo-section-set-mobile .product-price .was-price {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #454E58;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.combo-section-set .product-price .saving, .combo-section-set-mobile .product-price .saving {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #2AA687;
}
.combo-section-set .product-price .main-price, .combo-section-set-mobile .product-price .main-price {
  flex: 0 0 100%;
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  color: #d8352a;
  align-self: flex-end;
}
@media screen and (max-width: 1280px) {
  .combo-section {
    padding-bottom: 64px;
  }
}
.js-hint {
  position: relative;
  cursor: pointer;
}
.js-hint:hover span {
  display: block;
}
.js-hint span {
  display: none;
  position: absolute;
  bottom: calc(100% + 8px);
  z-index: 1;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #454E58;
  padding: 10px;
  background: #F5F5F7;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 10px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  width: 200px;
  transform: translateX(calc(-50% + 8px));
}
.combo-item-more {
  border: 1px solid #E9E9EC;
  padding: 30px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.combo-item-more p {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #001720;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.combo-item-more .btn {
  padding: 10px;
  height: auto;
  font-size: 14px;
}
.combo-item-more .btn:not(.open) .cancel {
  display: none;
}
.combo-item-more .btn.open .add {
  display: none;
}
.combo-item {
  border: 1px solid #E9E9EC;
  position: relative;
}
.combo-item:first-child {
  margin-top: 16px;
}
.combo-item:not(.show-delete) .combo-delete {
  display: none;
}
.combo-item:not(:last-child):after {
  content: "\e920";
  font-family: "icons";
  font-size: 8px;
  padding: 8px;
  color: white;
  line-height: 1;
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: calc(100% - 12px);
  left: 45px;
  background-color: #41B7BB;
  border-radius: 50%;
}
.combo-item-inner {
  display: flex;
  gap: 12px;
  justify-content: flex-start;
  padding: 8px;
}
.combo-item .pic {
  position: relative;
  width: 90px;
  min-height: 64px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.combo-item a.pic {
  transition: opacity ease 0.25s;
}
.combo-item a.pic:hover {
  opacity: 0.7;
}
.combo-item .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 25px;
}
.combo-item .info-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #001720;
}
.combo-item .info-options {
  margin-top: auto;
}
.combo-item .info-options-row {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #454E58;
}
.combo-item .info-options-row b {
  font-weight: 500;
  color: #001720;
}
.combo-item .price {
  white-space: nowrap;
  min-width: 135px;
}
.combo-item .price.e--mla {
  margin-left: auto;
}
.combo-item .price .price-item {
  margin: 2px 0;
}
.combo-item .price .price-item.e--new {
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  color: #D8352A;
}
.combo-item .price .price-item.e--old {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #454E58;
  text-decoration: line-through;
}
.combo-item .price .price-item.e--actual {
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  color: #001720;
}
.combo-item .price .price-item.e--discount {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #2AA687;
  margin-left: 10px;
}
.combo-item .controls {
  margin-left: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  gap: 8px;
}
.combo-item .controls.e--justify {
  flex-wrap: wrap;
}
.combo-item .controls-review {
  position: relative;
  width: 100%;
}
.combo-item .controls.e--justify {
  justify-content: space-between;
}
.combo-item .controls .count {
  white-space: nowrap;
}
.combo-item .controls .order-remove {
  color: #D8352A;
  position: absolute;
  right: 8px;
  top: 8px;
}
.combo-item .controls-review {
  position: absolute;
  bottom: 0;
  right: 0;
}
.combo-total {
  background: #EFFDFB;
  padding: 15px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .combo-total.mobile {
    display: none;
  }
}
.combo-total.desktop {
  box-sizing: border-box;
  width: 218px;
  min-width: 218px;
  display: none;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .combo-total.desktop {
    background: linear-gradient(180deg, #EFFDFB 0%, #F4F0F7 100%);
    background: var(--effdfbf-4-f-0-f-7, linear-gradient(180deg, #EFFDFB 0%, #F4F0F7 100%));
    box-shadow: -5px 2px 7px 1px rgba(0, 0, 0, 0.1), 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.combo-total:before {
  content: "\e943";
  font-family: "icons";
  font-size: 8px;
  padding: 8px;
  color: white;
  line-height: 1;
  display: inline-block;
  position: absolute;
  z-index: 1;
  bottom: calc(100% - 12px);
  left: 45px;
  background-color: #41B7BB;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .combo-total:before {
    left: -12px;
    top: 50%;
    bottom: initial;
    transform: translate(0, -50%);
  }
}
.combo-total p {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #001720;
  display: inline-block;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .combo-total p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #001720;
    margin-bottom: 15px;
  }
}
.combo-total .price-item.e--old {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #454E58;
  text-decoration: line-through;
}
.combo-total .price-item.e--discount {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #2AA687;
}
.combo-total .price-item.e--new, .combo-total .price-item.e--actual {
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #001720;
  margin-top: 5px;
}
.combo-total .price-item.e--new {
  color: #D8352A;
}
.combo-total .btn {
  margin-top: 20px;
}
.combo-all-items {
  background: #F5F5F7;
  padding: 20px;
  display: none;
}
@media screen and (min-width: 768px) {
  .combo-all-items {
    background: none;
    display: block;
    padding: 40px 0;
  }
}
.combo-all-items .combo-category-select {
  width: 100%;
}
.combo-all-items .combo-category-select .select2 {
  width: 100% !important;
}
.combo-all-items .combo-category-select .select2-container--default .select2-selection--single,
.combo-all-items .combo-category-select .select2-dropdown {
  background: #fff;
}
@media screen and (min-width: 768px) {
  .combo-all-items .combo-category-select {
    display: none;
  }
}
.combo-all-items .combo-category-desktop {
  display: none;
}
@media screen and (min-width: 768px) {
  .combo-all-items .combo-category-desktop {
    display: flex;
    flex-wrap: wrap;
  }
  .combo-all-items .combo-category-desktop button {
    margin-right: 8px;
    margin-bottom: 8px;
  }
}
.combo-list-items-mobile {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .combo-list-items-mobile {
    display: none;
  }
}
.combo-list-items-mobile [data-cat] {
  margin-left: -1px;
  margin-right: -1px;
  margin-top: -2px;
}
.combo-list-items-desktop {
  display: none;
}
@media screen and (min-width: 768px) {
  .combo-list-items-desktop {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    margin-top: 15px;
  }
}
@media screen and (min-width: 1024px) {
  .combo-list-items-desktop {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (min-width: 1280px) {
  .combo-list-items-desktop {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }
}
.combo-list-items-desktop [data-cat] {
  margin-left: -1px;
  margin-right: -1px;
  margin-top: -2px;
}
.combo-list-items-desktop .product-combo {
  min-width: 100%;
}
.product-combo {
  position: relative;
}
.product-combo.main {
  border-color: #41B7BB !important;
}
.product-combo .product-remove {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  color: #D8352A;
  z-index: 2;
}
.product-combo:not(.show-delete) .product-remove {
  display: none;
}
.product-combo .product-added-layout {
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.product-combo .product-added-layout p {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #001720;
  text-transform: uppercase;
  text-align: center;
}
.product-combo:not(.in-combo) .product-added-layout {
  display: none;
}
.product-combo-empty.product {
  padding: 16px;
}
.product-combo-empty .empty-border {
  border: 2px dashed #C1C1CC;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  text-align: center;
}
.product-combo-empty .empty-border p {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #001720;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .products-combo .swiper-slide {
    transform: none !important;
  }
  .products-combo .combo-section-set-item::after {
    font-size: 18px;
    right: -12px;
  }
}
@media screen and (min-width: 1280px) {
  .products-combo .combo-section-set-item::after {
    font-size: 8px;
    right: -12px;
  }
}
.text-toogle-product a {
  font-size: 14px;
  line-height: 16px;
  margin-top: 12px;
}
/*
xzoom
https://github.com/payalord/xZoom
*/
.xzoom-source img,
.xzoom-preview img,
.xzoom-lens img {
  display: block;
  max-width: none;
  max-height: none;
  transition: none;
}
.xzoom-container {
  display: inline-block;
}
.xzoom-thumbs {
  text-align: center;
  margin-bottom: 10px;
}
.xzoom-source,
.xzoom-hidden {
  display: block;
  position: static;
  float: none;
  clear: both;
}
.xzoom-source {
  z-index: 5;
}
.xzoom-hidden {
  overflow: hidden;
}
.xzoom-preview {
  box-shadow: inset 0 0 0 1px #d5d5d5;
  background-color: #FFFFFF;
  z-index: 5;
}
@media (min-width: 1024px) {
  .xzoom-preview {
    margin-left: 40px;
  }
}
.xzoom-lens {
  cursor: crosshair;
  z-index: 2;
}
.xzoom-loading {
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100%;
  opacity: 0.7;
  background: url("/assets/images/xloading.gif");
  width: 48px;
  height: 48px;
}
.help_size_modal {
  transition: color ease 0.25s;
}
.help_size_modal:hover {
  color: #41b7bb;
}
.benefits {
  display: flex;
  gap: 24px;
  margin-top: 100px;
}
.benefits-item {
  padding: 174px 32px 48px;
  background: linear-gradient(180deg, #EFFDFB 0%, #F4F0F7 100%);
}
.benefits-item-image {
  position: relative;
}
.benefits-item-image .bii-quality, .benefits-item-image .bii-speed {
  width: 114px;
}
.benefits-item-image .bii-expirience {
  width: 168px;
}
.benefits-item-image img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  .benefits {
    display: block;
    margin-top: 0;
  }
  .benefits-item {
    margin-bottom: 16px;
    padding: 24px 32px 40px;
  }
  .benefits-item-image img {
    position: relative;
  }
  .benefits-item-image .bii-quality, .benefits-item-image .bii-speed {
    width: 80px;
  }
  .benefits-item-image .bii-expirience {
    width: 120px;
  }
}
@media screen and (max-width: 768px) {
  .benefits-item {
    padding: 24px 16px;
  }
}
.masters-item {
  background: url("/assets/images/services/masters-bg.png") 0 0 no-repeat;
  background-size: cover;
  padding: 24px 16px 32px;
  width: 320px;
}
@media screen and (max-width: 768px) {
  .masters-item {
    width: 290px;
  }
}
.table-container {
  overflow: auto;
  border: 2px solid #E9E9EC;
  border-top: 0;
  border-radius: 4px;
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.table-container table {
  table-layout: auto;
  border-collapse: separate;
  width: 100%;
}
.table-container table th {
  text-align: left;
}
.table-container .product {
  border: 0;
  padding: 10px 12px 12px;
  min-width: auto;
}
.table-container .product .add-to-compare,
.table-container .product .product-status,
.table-container .product .product-table,
.table-container .product .product-variants-color {
  display: none;
}
.table-container .product.small {
  min-width: auto;
}
.table-container .product.desc {
  position: relative;
  height: 194px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.table-container .product.desc .product-main-image {
  max-width: 98px;
  margin-left: 0;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
  .table-container .product.desc .product-description-title a, .table-container .product.desc .product-title a {
    font-size: 16px;
    line-height: 20px;
    min-height: 40px;
  }
  .table-container .product.desc .product-price-fc {
    min-height: 40px;
  }
  .table-container .product.desc .product-price-fc .product-price {
    gap: 4px;
  }
  .table-container .product.desc .product-price-fc .product-price .main-price {
    font-size: 20px;
    line-height: 20px;
  }
}
.table-container .product.desc .product-top-labels {
  position: absolute;
  right: 12px;
}
.table-container .product.desc .label,
.table-container .product.desc .product-bottom-labels,
.table-container .product.desc .product-reviews,
.table-container .product.desc .product-buy-options,
.table-container .product.desc .product-compare-favourite,
.table-container .product.desc .product-order-button {
  display: none;
}
.table-container td {
  padding: 12px 16px;
  min-width: 268px;
  max-width: 268px;
}
@media screen and (max-width: 1024px) {
  .table-container td {
    padding: 12px 16px;
  }
}
@media screen and (max-width: 768px) {
  .table-container td {
    padding: 12px 8px;
    min-width: 144px;
    max-width: 144px;
    font-size: 14px;
    line-height: 18px;
  }
}
.table-container td:first-child {
  padding-left: 16px;
  padding-right: 16px;
  width: 268px;
  min-width: 268px;
  max-width: 268px;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  border-right: 2px solid #E9E9EC;
}
@media screen and (max-width: 1024px) {
  .table-container td:first-child {
    display: block;
    border-right: 0;
    left: 24px;
  }
}
@media screen and (max-width: 768px) {
  .table-container td:first-child {
    left: 16px;
    padding: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .table-container {
    border: 0;
  }
  .table-container .product {
    padding: 10px 16px 16px;
  }
  .table-container tr {
    display: block;
  }
  .table-container td:not(:first-child) {
    background-color: #F5F5F7;
  }
}
.table-head {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  transition: none;
  background-color: #F5F5F7;
}
.table-head td {
  padding: 0;
  border-bottom: 2px solid #E9E9EC;
  border-left: 2px solid #E9E9EC;
  border-top: 2px solid #E9E9EC;
}
.table-head td:nth-child(2), .table-head td:nth-child(1) {
  border-left: 0;
}
@media screen and (max-width: 1024px) {
  .table-head td:nth-child(1) {
    border: 0;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .table-head td:nth-child(2) {
    border-left: 2px solid #E9E9EC;
  }
  .table-head td:last-child {
    border-right: 2px solid #E9E9EC;
  }
}
.table-sep {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
.table-sep td {
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  .table-sep td {
    padding-bottom: 0 !important;
  }
}
.table-cell-locked {
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 1024px) {
  .table-cell-locked .btn {
    position: relative;
    bottom: -32px;
  }
}
.table-cell-locked .ccb {
  position: absolute;
  bottom: 36px;
}
@media screen and (max-width: 1024px) {
  .table-cell-locked {
    display: flex !important;
    align-items: center;
    min-width: 460px !important;
    gap: 24px;
  }
  .table-cell-locked .btn {
    transform: none;
    padding-left: 40px !important;
    padding-right: 40px !important;
    width: auto !important;
  }
  .table-cell-locked .ccb {
    position: relative;
    bottom: 0;
  }
}
.table-grey {
  background-color: #F5F5F7;
}
.table-grey td:first-child {
  background-color: inherit;
}
@media screen and (max-width: 1024px) {
  .table-grey td:first-child {
    background-color: #FFFFFF;
  }
}
@media screen and (max-width: 1024px) {
  .table-grey {
    background-color: #FFFFFF;
  }
}
.table-cell-locked {
  background-color: #F5F5F7;
}
.table-cell-locked td:first-child {
  background-color: inherit;
}
@media screen and (max-width: 1024px) {
  .table-cell-locked td:first-child {
    background-color: #FFFFFF;
  }
}
@media screen and (max-width: 1024px) {
  .table-cell-locked {
    background-color: #F5F5F7;
  }
}
.table-white {
  background-color: #FFFFFF;
}
.table-white td:first-child {
  background-color: inherit;
}
.compare-section #scroll-container1 {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}
@media screen and (max-width: 1024px) {
  .compare-section .table-container {
    margin-left: -24px;
    margin-right: -24px;
  }
  .compare-section .table-container tr {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media screen and (max-width: 768px) {
  .compare-section .table-container {
    margin-left: -16px;
    margin-right: -16px;
  }
  .compare-section .table-container tr {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.l-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr 1.2fr 1fr;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}
.l-grid .l-item {
  position: relative;
}
.l-grid .l-item:nth-child(1) {
  grid-area: 1/1/2/2;
}
.l-grid .l-item:nth-child(2) {
  grid-area: 1/2/2/3;
}
.l-grid .l-item:nth-child(3) {
  grid-area: 1/3/2/5;
}
.l-grid .l-item:nth-child(4) {
  grid-area: 2/1/3/2;
}
.l-grid .l-item:nth-child(5) {
  grid-area: 2/2/3/4;
}
.l-grid .l-item:nth-child(6) {
  grid-area: 2/4/4/5;
}
.l-grid .l-item:nth-child(7) {
  grid-area: 3/1/4/3;
}
.l-grid .l-item:nth-child(8) {
  grid-area: 3/3/4/4;
}
.l-grid .l-item.e--bg {
  background: linear-gradient(90deg, #CBF4F2 0%, #FEE6EE 100%);
  padding: 40px 30px;
}
.l-grid .l-item-inner {
  width: 100%;
  height: 100%;
  position: relative;
}
.l-grid .l-item-inner:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: all 0.3s ease;
}
.l-grid .l-item__label {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #23D7B8;
  z-index: 2;
  opacity: 0;
  font-size: 32px;
  transition: all 0.3s ease;
}
.l-grid .l-item picture {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}
.l-grid .l-item picture:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}
.l-grid .l-item picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: grayscale(100%);
  transition: all 0.3s ease;
}
.l-grid .l-item:hover .l-item__label, .l-grid .l-item:hover .l-item-inner:before {
  opacity: 1;
}
.l-grid .l-item:hover img {
  filter: grayscale(0);
}
@media screen and (max-width: 1024px) {
  .l-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
  .l-grid .l-item__label {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .l-grid {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-auto-rows: auto;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }
  .l-grid .l-item:nth-child(1) {
    grid-area: 1/1/1/7;
  }
  .l-grid .l-item:nth-child(2) {
    grid-area: 1/7/1/13;
  }
  .l-grid .l-item:nth-child(3) {
    grid-area: 2/1/3/13;
  }
  .l-grid .l-item:nth-child(4) {
    grid-area: 4/1/5/5;
  }
  .l-grid .l-item:nth-child(5) {
    grid-area: 3/1/4/13;
  }
  .l-grid .l-item:nth-child(8) {
    grid-area: 4/5/5/9;
  }
  .l-grid .l-item:nth-child(6) {
    grid-area: 4/9/6/13;
  }
  .l-grid .l-item:nth-child(7) {
    grid-area: 5/1/6/9;
  }
}
.about .helmet {
  position: absolute;
  width: 140px;
  left: 30px;
  top: 20px;
}
.about-bike {
  position: relative;
}
.about-bike .gear {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 110px;
  -webkit-animation-name: spin;
          animation-name: spin;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.about-bike .tandem {
  margin-left: auto;
  margin-right: auto;
  margin-top: -20%;
  max-width: 65%;
}
.about-brands {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.about-brands__item {
  max-width: 14.2857142857%;
  min-width: 130px;
  padding: 0 16px;
  margin: 12px 0;
  display: inline-flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .about .helmet {
    position: relative;
    width: 80px;
  }
  .about-bike .gear {
    width: 64px;
  }
}
@media screen and (max-width: 768px) {
  .about .helmet {
    top: 0;
    left: 0;
    width: 50px;
  }
  .about-bike .gear {
    top: -20px;
    width: 40px;
  }
}
@media screen and (max-width: 560px) {
  .about-brands {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .about-brands__item {
    max-width: 25%;
    min-width: 70px;
    padding: 0 10px;
  }
}
@-webkit-keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.section-404 {
  margin: 0 auto;
  max-height: 540px;
  display: flex;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .section-404 {
    max-height: initial;
    flex-direction: column-reverse;
  }
}
.section-404 .left {
  flex: 1 0 50%;
}
@media screen and (max-width: 1024px) {
  .section-404 .left {
    max-height: 510px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
  .section-404 .left {
    max-height: initial;
  }
}
.section-404 .right {
  flex: 1 0 50%;
  background-color: #001720;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 376px;
}
.section-404 .right .title {
  font-weight: 500;
  font-size: 58px;
  line-height: 58px;
  color: #23D7B8;
}
@media screen and (max-width: 768px) {
  .section-404 .right .title {
    font-size: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .section-404 .right {
    min-height: 320px;
  }
}
@media screen and (max-width: 768px) {
  .section-404 .right {
    min-height: 234px;
  }
  .section-404 .right .subtitle {
    max-width: 288px !important;
  }
}
@media screen and (max-width: 1280px) {
  .type-of-delivery {
    flex-direction: column;
    gap: 16px !important;
  }
}
.type-of-delivery-item {
  display: grid;
  row-gap: 32px;
  grid-template-rows: 0fr 1fr 0fr 1fr 1fr;
  width: 100%;
  background: linear-gradient(180deg, #EFFDFB 0%, #F4F0F7 100%);
  border-radius: 4px;
}
@media screen and (max-width: 1280px) {
  .type-of-delivery-item {
    row-gap: 24px;
    grid-template-rows: auto;
  }
}
@media screen and (max-width: 560px) {
  .type-of-delivery-item .d-flex {
    flex-direction: column;
  }
}
.type-of-delivery-item h3 {
  display: inline-block;
  background: #693F84;
  border-radius: 4px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  color: #FFFFFF;
  padding: 6px 12px;
  margin-bottom: 12px;
}
.type-of-delivery-item h3.u-bg-turq {
  background-color: #41B7BB;
}
.type-of-delivery-item h3 + p {
  margin-top: 0;
}
.type-of-delivery-item p {
  line-height: 20px;
}
.payments-metods {
  overflow: hidden;
  position: relative;
  display: flex;
}
@media screen and (max-width: 560px) {
  .payments-metods {
    margin-left: -16px;
    margin-right: -16px;
  }
}
.payments-metods__icon {
  flex-shrink: 0;
  width: 24px;
}
.payments-metods h3 {
  display: inline-block;
  background: #693F84;
  border-radius: 4px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  color: #FFFFFF;
  padding: 6px 12px;
  margin-bottom: 12px;
}
.payments-metods h3.u-bg-turq {
  background-color: #41B7BB;
}
.payments-metods h3 + p {
  margin-top: 0;
}
.payments-metods ul {
  margin-bottom: 20px;
}
.payments-metods ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #454E58;
  position: relative;
}
.payments-metods ul li:not(:last-child) {
  margin-bottom: 16px;
}
.payments-metods ul li::before {
  content: "•";
  color: #41B7BB;
  font-weight: bold;
  display: inline-block;
  width: 22px;
}
.payments-metods ol {
  margin-bottom: 20px;
  list-style-type: decimal;
  list-style-position: inside;
}
.payments-metods ol li {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #454E58;
  position: relative;
}
.payments-metods ol li::marker {
  color: #41B7BB;
}
.payments-metods ol li:not(:last-child) {
  margin-bottom: 16px;
}
.payments-metods p {
  line-height: 20px;
}
.payments-metods p + h3 {
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .payments-metods p + h3 {
    margin-top: 24px;
  }
}
.payments-metods p + p {
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .payments-metods p + p {
    margin-top: 8px;
  }
}
@media screen and (max-width: 768px) {
  .payments-metods .accordion {
    display: block;
    height: auto;
    border-bottom: 2px solid #fff;
  }
}
.payments-metods .accordion-mobile-toggle {
  display: none;
}
@media screen and (max-width: 768px) {
  .payments-metods .accordion-mobile-toggle {
    display: flex;
  }
}
.payments-metods .accordion-tab {
  position: relative;
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 24px;
  padding-right: 47px;
  background-color: #E9F5F5;
  border-radius: 2px;
  cursor: pointer;
}
.payments-metods .accordion-tab:hover {
  background-color: #A6DCDB;
}
@media screen and (max-width: 768px) {
  .payments-metods .accordion-tab {
    margin-right: 0;
    margin-bottom: 0;
    height: auto;
  }
}
@media screen and (max-width: 560px) {
  .payments-metods .accordion-tab {
    padding: 24px 16px;
    padding-right: 50px;
  }
}
.payments-metods .accordion-tab.active {
  background-color: #F5F5F7;
}
.payments-metods .accordion-tab.active::before {
  transform: translateY(-50%) rotate(-90deg);
  opacity: 0;
}
.payments-metods .accordion-tab.active::after {
  transform: translateY(-50%) rotate(0);
}
.payments-metods .accordion-tab::before, .payments-metods .accordion-tab::after {
  content: "";
  background-color: #000;
  position: absolute;
  top: 50%;
  right: 24px;
  transition: 0.35s;
  width: 20px;
  height: 2.3px;
  border-radius: 20px;
}
.payments-metods .accordion-tab:before {
  transform: translateY(-50%);
}
.payments-metods .accordion-tab:after {
  transform: translateY(-50%) rotate(90deg);
}
.payments-metods .accordion-desktop-navi {
  width: 33%;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .payments-metods .accordion-desktop-navi {
    display: none;
  }
}
.payments-metods .accordion-tabs {
  background: #F5F5F7;
  position: relative;
  z-index: 1;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .payments-metods .accordion-tabs {
    min-height: 500px;
  }
  .payments-metods .accordion-tabs:before {
    content: "";
    width: 100%;
    height: 400px;
    background: url("/assets/images/payments/base.svg") right bottom no-repeat;
    background-size: 100%;
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
    display: block;
  }
}
.payments-metods .accordion-content {
  padding: 24px 40px;
}
@media screen and (max-width: 768px) {
  .payments-metods .accordion-content {
    background-image: none;
    position: inherit;
    padding: 0 24px 24px 24px;
  }
}
@media screen and (max-width: 560px) {
  .payments-metods .accordion-content {
    padding: 0 16px 24px 16px;
  }
}
.payments-metods .accordion.active .accodrion-tab {
  background-color: #F5F5F7;
}
.payments-metods .accordion.active .plus-icon {
  display: none;
}
.payments-metods .accordion.active .minus-icon {
  display: block;
}
.contact-section {
  display: flex;
  gap: 24px;
  align-items: stretch;
}
@media screen and (max-width: 1280px) {
  .contact-section {
    gap: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .contact-section {
    flex-direction: column;
  }
}
.contact-section-item {
  width: 100%;
  padding: 40px 32px;
}
@media screen and (max-width: 1024px) {
  .contact-section-item {
    padding: 32px 24px;
  }
}
@media screen and (max-width: 768px) {
  .contact-section-item {
    padding: 24px 16px;
  }
}
.contact-section-item:nth-child(1) {
  background-image: url(/assets/images/contacts/item1.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 22px) 22px;
}
@media screen and (max-width: 1024px) {
  .contact-section-item:nth-child(1) {
    background-position: calc(100% - 16px) 60px;
  }
}
@media screen and (max-width: 768px) {
  .contact-section-item:nth-child(1) {
    background-size: 96px 96px;
    background-position: calc(100% - 16px) 16px;
  }
}
.contact-section-item:nth-child(2) {
  background-image: url(/assets/images/contacts/item2.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) 16px;
}
@media screen and (max-width: 1024px) {
  .contact-section-item:nth-child(2) {
    background-position: calc(100% - 16px) 60px;
  }
}
@media screen and (max-width: 768px) {
  .contact-section-item:nth-child(2) {
    background-size: 96px 96px;
    background-position: calc(100% - 16px) 16px;
  }
}
.contact-section-item:nth-child(3) {
  background-image: url(/assets/images/contacts/item3.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) calc(100% - 16px);
}
@media screen and (max-width: 1024px) {
  .contact-section-item:nth-child(3) {
    background-position: calc(100% - 16px) 60px;
  }
}
@media screen and (max-width: 768px) {
  .contact-section-item:nth-child(3) {
    padding-bottom: 80px;
    background-size: 96px 96px;
    background-position: calc(100% - 16px) calc(100% - 16px);
  }
}
.contact-section-item a:not(.dashed) {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #001720;
}
@media screen and (max-width: 768px) {
  .contact-section-item a:not(.dashed) {
    font-size: 16px;
    line-height: 24px;
  }
}
.contact-section-item a:not(.dashed).u-cl-turq::before {
  color: #41B7BB;
}
.question-section {
  padding: 60px 0;
  background-image: url("/assets/images/contacts/form.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
@media only screen and (min-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi), only screen and (min-resolution: 1.3dppx) {
  .question-section {
    background-image: url("/assets/images/contacts/form@2x.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
}
@media screen and (max-width: 768px) {
  .question-section {
    padding: 48px 0;
  }
}
.question-section textarea {
  height: 128px;
}
.question-section .form-input.error ~ .error {
  display: none !important;
}
.maps-section__box {
  display: flex;
  flex-wrap: nowrap;
}
@media screen and (max-width: 768px) {
  .maps-section__box {
    display: block;
  }
}
.maps-section__contacts {
  width: 50%;
  background-color: #F5F5F7;
  padding: 32px;
}
@media screen and (max-width: 1024px) {
  .maps-section__contacts {
    padding: 24px;
  }
}
@media screen and (max-width: 768px) {
  .maps-section__contacts {
    padding: 16px;
    width: 100%;
    background-color: #FFFFFF;
  }
}
.maps-section__map {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .maps-section__map {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .maps-section .content {
    padding: 0;
  }
}
.maps-section .u-cl-dark1:before {
  color: #41B7BB !important;
}
.maps-section #map1,
.maps-section #map2 {
  height: 468px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .maps-section #map1,
.maps-section #map2 {
    height: 288px;
  }
}
.empty-search-section .content {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .empty-search-section .content {
    flex-direction: column-reverse;
  }
}
.empty-search-section .text-content {
  display: inline-block;
  padding: 56px 20px;
  min-width: 570px;
}
@media screen and (max-width: 1024px) {
  .empty-search-section .text-content {
    padding-top: 32px;
    padding-bottom: 16px;
    padding-left: 0;
    padding-right: 0;
    min-width: 400px;
  }
  .empty-search-section .text-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media screen and (max-width: 768px) {
  .empty-search-section .text-content {
    padding-top: 16px;
    padding-bottom: 8px;
    min-width: auto;
    width: 100%;
  }
}
.empty-search-section #search {
  background-color: white;
  height: 40px;
}
.empty-search-section mark {
  background-color: transparent;
  color: #41b7bb;
}
.empty-search-section p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #454E58;
}
.empty-search-section a {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #001720;
}
.empty-search-section-img {
  display: block;
  align-self: flex-end;
  margin-right: -30px;
}
.empty-search-section-img picture, .empty-search-section-img img {
  height: 100%;
  width: auto;
}
@media screen and (max-width: 1024px) {
  .empty-search-section-img {
    margin-right: -24px;
    margin-bottom: -32px;
  }
}
@media screen and (max-width: 768px) {
  .empty-search-section-img {
    height: 220px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    display: block;
  }
}
.brand-stuck {
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
}
.brand-hero-section {
  min-height: 336px;
  z-index: 3;
}
.brand-hero-section .content {
  margin: auto 0;
}
.brand-hero-section .df-16 {
  max-width: 484px;
}
.brand-hero-section .brand-title {
  position: relative;
  z-index: 3;
}
.brand-hero-section picture {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.brand-hero-section picture:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 68.75%);
}
.brand-hero-section picture img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.brand-title h1,
.brand-title .h1 {
  color: white;
  text-transform: uppercase;
}
.brand-title h1 span,
.brand-title .h1 span {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #E9E9EC;
  vertical-align: text-top;
}
.brand-title p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  text-transform: none;
  text-align: left;
}
.brand-logo {
  position: absolute;
  display: block;
  max-width: 320px;
  max-height: 200px;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.brand-logo picture, .brand-logo img {
  max-width: inherit;
  max-height: inherit;
}
@media screen and (max-width: 1024px) {
  .brand-logo {
    padding: 0px;
    max-width: 160px;
    max-height: 100px;
  }
}
.brand-title {
  font-weight: 700;
  font-size: 22px;
  color: #FFFFFF;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .brand-title {
    font-size: 22px;
  }
}
@media screen and (min-width: 1024px) {
  .brand-title {
    font-size: 40px;
  }
}
.alphabet {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}
@media screen and (min-width: 768px) {
  .alphabet {
    gap: 24px;
  }
}
.alphabet button {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #454E58;
  text-transform: uppercase;
  min-width: 40px;
  text-align: left;
  transition: opacity 0.25s ease;
}
.alphabet button.active {
  color: #41B7BB;
}
.alphabet button:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  .alphabet button {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #454E58;
    min-width: auto;
    text-align: center;
  }
}
.brands-letters-item {
  display: flex;
  padding-top: 32px;
  padding-bottom: 32px;
}
.brands-letters-item:first-of-type {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .brands-letters-item {
    margin-bottom: 40px;
    padding: 0;
  }
}
.brands-letters-item--last {
  padding-bottom: 0;
  margin-bottom: 0;
}
.brands-letters-item:not(:first-of-type):not(.first-show) {
  position: relative;
}
.brands-letters-item:not(:first-of-type):not(.first-show):after {
  content: "";
  position: absolute;
  top: 0;
  left: -16px;
  right: -16px;
  width: calc(100% + 32px);
  height: 1px;
  background-color: #E9E9EC;
}
@media screen and (min-width: 768px) {
  .brands-letters-item:not(:first-of-type):not(.first-show):after {
    width: 0;
    height: 0;
    overflow: hidden;
    margin: -1px;
  }
}
.brand-letter-main {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #454E58;
  text-transform: uppercase;
  min-width: 36px;
  margin-right: 36px;
}
@media screen and (min-width: 768px) {
  .brand-letter-main {
    margin-right: 80px;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #454E58;
  }
}
.brand-letter-title {
  display: flex;
  flex-wrap: wrap;
}
.brand-letter-title > div {
  flex: 0 0 216px;
  margin-bottom: 16px;
  padding-right: 10px;
}
.brand-letter-title > div:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .brand-letter-title > div {
    flex: 0 0 288px;
    margin-bottom: 8px;
  }
}
.brand-letter-title > div:nth-last-child {
  margin-bottom: 0;
}
.brand-letter-title a {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #001720;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  transition: opacity 0.25s ease;
}
.brand-letter-title a:hover {
  opacity: 0.7;
}
.text-toogle {
  text-align: center;
}
.text-toogle a {
  font-size: 14px;
  line-height: 16px;
  margin-top: 24px;
}
.search-page-empty .empty-text {
  color: #001720;
}
.brand-category-section,
.brand-top-product-section {
  margin: 25px 0;
}
@media screen and (min-width: 1024px) {
  .brand-category-section,
.brand-top-product-section {
    margin: 35px 0;
  }
}
.brand-top-product-section.with-background {
  padding: 25px 0;
}
@media screen and (min-width: 1024px) {
  .brand-top-product-section.with-background {
    padding: 35px 0;
  }
}
.section-registration .inform.error {
  color: #dc3545;
  font-size: 14px;
  margin-top: 4px;
}
.section-registration .iti {
  width: 100%;
  display: block;
}
.section-registration .iti__tel-input {
  padding-left: 102px !important;
}
.section-registration .form-field:focus-within .form-label {
  top: 8px !important;
  font-size: 12px !important;
}
.section-registration .form-field:has(.iti__tel-input:not(:-moz-placeholder-shown)) .form-label {
  top: 8px !important;
  font-size: 12px !important;
}
.section-registration .form-field:has(.iti__tel-input:not(:placeholder-shown)) .form-label {
  top: 8px !important;
  font-size: 12px !important;
}
.section-registration .form-field .iti ~ .form-label {
  left: 102px;
  transition: all 0.2s ease;
  pointer-events: none;
}
.section-registration .type-label {
  font-size: 16px;
  font-weight: 700;
  color: #b0b0b0;
  transition: color 0.3s ease;
  cursor: pointer;
}
.section-registration .type-label.is-active {
  color: #000000;
}
.section-registration .form-field .iti__tel-input.is-invalid {
  border: 1px solid #dc3545 !important;
}
.section-registration .iti__flag.iti__globe {
  display: none !important;
}
input[type=search i]::-webkit-search-cancel-button {
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("/assets/icons/X.svg");
          mask-image: url("/assets/icons/X.svg");
  -webkit-mask-size: 24px;
          mask-size: 24px;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #001720;
}
input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  cursor: pointer;
}
input[type=search]:not(:-moz-placeholder-shown) ~ .select2-search__field-icon {
  display: none;
}
input[type=search]:not(:placeholder-shown) ~ .select2-search__field-icon {
  display: none;
}
.select2-search__field-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container.select-2-without-title .select2-selection--single .select2-selection__rendered {
  padding: 17px 16px;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 50px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 16px;
  padding-top: 26px;
  padding-right: 40px;
  padding-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}
.select2-dropdown {
  background: #F5F5F7;
  border-radius: 0px 0px 4px 4px;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding-top: 6px;
}
.select2-results__option {
  padding: 10px 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.select2-results__option--selectable {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: 1px solid #E9E9EC;
  border-radius: 0px 0px 4px 4px;
}
.select2-search--dropdown {
  display: block;
  padding: 8px;
}
.select2-search--dropdown .select2-search__field {
  padding: 12px 8px;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #454E58;
}
.select2-search--dropdown .select2-search__field::-moz-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #454E58;
}
.select2-search--dropdown .select2-search__field::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #454E58;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
/* Hide native select before select2 init */
select.cdd:not(.select2-hidden-accessible),
select.cdd_country:not(.select2-hidden-accessible) {
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.select2-hidden-accessible.error ~ .select2-container .select2-selection {
  border-color: #d8352a;
}
.select2-container--default .select2-selection--single {
  background: #F5F5F7;
  border: 1px solid #E9E9EC;
  box-sizing: border-box;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #001720;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 16px;
  width: 16px;
  position: absolute;
  right: 16px;
  top: calc(50% - 8px);
}
.select2-container--default .select2-selection--single .select2-selection__arrow b::before {
  content: "\e937";
  font-family: "icons";
  font-size: 16px;
  line-height: 1;
  display: inline-block;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b::before {
  content: "\e938";
  font-family: "icons";
  font-size: 16px;
  line-height: 1;
  display: inline-block;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}
.select2-container--default .select2-results__option--group {
  padding: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: #999;
}
.select2-container--default .select2-results__option--selected {
  color: #41B7BB;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  color: #41B7BB;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #001720;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}
.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results__option--group {
  padding: 0;
}
.select2-container--classic .select2-results__option--disabled {
  color: grey;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  color: #41B7BB;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/Rubik-Regular.woff2") format("woff2"), url("/assets/fonts/Rubik-Regular.woff") format("woff");
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/Rubik-Medium.woff2") format("woff2"), url("/assets/fonts/Rubik-Medium.woff") format("woff");
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/Rubik-SemiBold.woff2") format("woff2"), url("/assets/fonts/Rubik-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/Rubik-Bold.woff2") format("woff2"), url("/assets/fonts/Rubik-Bold.woff") format("woff");
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/fonts/Rubik-ExtraBold.woff2") format("woff2"), url("/assets/fonts/Rubik-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/assets/fonts/Rubik-Black.woff2") format("woff2"), url("/assets/fonts/Rubik-Black.woff") format("woff");
}
@font-face {
  font-family: "icons";
  src: url("/assets/fonts/icons.ttf") format("truetype"), url("/assets/fonts/icons.svg") format("svg"), url("/assets/fonts/icons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "PF Scandal";
  src: url("/assets/fonts/PF Scandal Pro Black.ttf") format("truetype"), url("/assets/fonts/PF Scandal Pro Black.svg") format("svg"), url("/assets/fonts/PF Scandal Pro Black.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class$=-icon]::before,
[class*=-icon]::before {
  display: inline-flex;
  font-family: "icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,
.h1 {
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
  color: #001720;
}
@media screen and (max-width: 768px) {
  h1,
.h1 {
    font-size: 24px;
    line-height: 32px;
  }
}
h2,
.h2 {
  margin-bottom: 24px;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  color: #001720;
}
@media screen and (max-width: 768px) {
  h2,
.h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
h3,
.h3 {
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #001720;
}
@media screen and (max-width: 768px) {
  h3,
.h3 {
    font-size: 16px;
    line-height: 24px;
  }
}
h4,
.h4 {
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #001720;
}
@media screen and (max-width: 768px) {
  h4,
.h4 {
    font-size: 16px;
    line-height: 24px;
  }
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  cursor: default;
}
p {
  color: #454E58;
}
.text-page {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #454E58;
}
.text-page picture {
  display: block;
  margin-bottom: 32px;
}
.text-page a {
  color: #2AA687;
  display: inline;
}
.text-page a:hover {
  text-decoration: underline;
}
.text-page p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #454E58;
}
.text-page p + p {
  margin-top: 16px;
}
.text-page p + h1, .text-page p + h3, .text-page p + h4 {
  margin-top: 24px;
}
.text-page p + h2 {
  margin-top: 40px;
}
.text-page p + picture {
  margin-top: 32px;
}
.text-page blockquote {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #454E58;
  padding: 16px 24px;
  background-color: #EAF6F3;
  margin-top: 40px;
  margin-bottom: 40px;
}
.text-page .table {
  width: 100%;
  margin-top: 24px;
  margin-bottom: 40px;
  overflow-x: auto;
}
.text-page .table table {
  width: 100%;
  min-width: 480px;
}
.text-page .table table tr th:first-of-type, .text-page .table table tr td:first-of-type {
  border-radius: 4px 0 0 4px;
}
.text-page .table table tr th:last-of-type, .text-page .table table tr td:last-of-type {
  border-radius: 0 4px 4px 0;
}
.text-page .table table tr:nth-child(odd) {
  background-color: #F5F5F7;
}
.text-page .table table tr th {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #001720;
}
.text-page .table table tr td {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #001720;
}
.text-page .table table tr td,
.text-page .table table tr th {
  padding: 16px 12px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .text-page .table table tr td,
.text-page .table table tr th {
    padding-left: 8px;
    padding-right: 8px;
  }
  .text-page .table table tr td:first-of-type,
.text-page .table table tr th:first-of-type {
    padding-left: 24px;
  }
  .text-page .table table tr td:last-of-type,
.text-page .table table tr th:last-of-type {
    padding-right: 24px;
  }
}
.text-page .table::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.text-page .table::-webkit-scrollbar-thumb {
  background: #41B7BB;
  width: 6px;
  height: 6px;
  border-radius: 26px;
  background-clip: padding-box;
}
.text-page .video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
}
.text-page .video iframe,
.text-page .video object,
.text-page .video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.text-page ul {
  margin-top: 16px;
  margin-bottom: 40px;
}
.text-page ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #454E58;
  position: relative;
}
.text-page ul li:not(:last-child) {
  margin-bottom: 16px;
}
.text-page ul li::before {
  content: "•";
  color: #41B7BB;
  font-weight: bold;
  display: inline-block;
  width: 22px;
}
.text-page ol {
  margin-top: 16px;
  margin-bottom: 40px;
  list-style-type: decimal;
  list-style-position: inside;
}
.text-page ol li {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #454E58;
  position: relative;
}
.text-page ol li:not(:last-child) {
  margin-bottom: 16px;
}
.text-page ol li::marker {
  color: #41B7BB;
}
.hidden-text {
  height: 100px;
  overflow: hidden;
  position: relative;
}
.hidden-text::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}
.hidden-text:not(.show) ~ .show-more-text .show {
  display: inline-block !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #454E58;
  margin-top: 16px;
}
.hidden-text.show {
  height: auto;
}
.hidden-text.show::after {
  background: none;
}
.hidden-text.show ~ .show-more-text .hide {
  display: inline-block !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #454E58;
  margin-top: 16px;
}
.u-fsi16::before {
  font-size: 16px !important;
}
.u-fsi24::before {
  font-size: 24px !important;
}
.u-fsi32::before {
  font-size: 32px !important;
}
.u-fsi40::before {
  font-size: 40px !important;
}
.u-upc {
  text-transform: uppercase;
}
.u-cap {
  text-transform: capitalize;
}
.u-fw400 {
  font-weight: 400 !important;
}
.u-fw500 {
  font-weight: 500 !important;
}
.u-fw600 {
  font-weight: 600 !important;
}
.u-fw700 {
  font-weight: 700 !important;
}
.u-fw900 {
  font-weight: 900 !important;
}
.u-of-visible {
  overflow: visible !important;
}
.u-of-auto-y {
  overflow-y: auto;
}
.u-of-hidden {
  overflow: hidden;
}
.u-td-under {
  position: relative;
}
.u-td-under span {
  position: relative;
  z-index: 2;
}
.u-td-under::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  z-index: 1;
  width: 100%;
  height: 1.33px;
  background: #fff;
  transition: opacity 0.2s ease;
}
.u-td-under:hover::after {
  opacity: 0;
}
.section-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #001720;
  text-transform: uppercase;
  text-align: center;
}
.u-fs12 {
  font-size: 12px !important;
}
.u-lh12 {
  line-height: 12px !important;
}
.u-fsi12::before {
  font-size: 12px !important;
}
.u-gp12 {
  gap: 12px !important;
}
.u-fs14 {
  font-size: 14px !important;
}
.u-lh14 {
  line-height: 14px !important;
}
.u-fsi14::before {
  font-size: 14px !important;
}
.u-gp14 {
  gap: 14px !important;
}
.u-fs16 {
  font-size: 16px !important;
}
.u-lh16 {
  line-height: 16px !important;
}
.u-fsi16::before {
  font-size: 16px !important;
}
.u-gp16 {
  gap: 16px !important;
}
.u-fs18 {
  font-size: 18px !important;
}
.u-lh18 {
  line-height: 18px !important;
}
.u-fsi18::before {
  font-size: 18px !important;
}
.u-gp18 {
  gap: 18px !important;
}
.u-fs20 {
  font-size: 20px !important;
}
.u-lh20 {
  line-height: 20px !important;
}
.u-fsi20::before {
  font-size: 20px !important;
}
.u-gp20 {
  gap: 20px !important;
}
.u-fs24 {
  font-size: 24px !important;
}
.u-lh24 {
  line-height: 24px !important;
}
.u-fsi24::before {
  font-size: 24px !important;
}
.u-gp24 {
  gap: 24px !important;
}
.u-fs28 {
  font-size: 28px !important;
}
.u-lh28 {
  line-height: 28px !important;
}
.u-fsi28::before {
  font-size: 28px !important;
}
.u-gp28 {
  gap: 28px !important;
}
.u-fs32 {
  font-size: 32px !important;
}
.u-lh32 {
  line-height: 32px !important;
}
.u-fsi32::before {
  font-size: 32px !important;
}
.u-gp32 {
  gap: 32px !important;
}
.u-fs48 {
  font-size: 48px !important;
}
.u-lh48 {
  line-height: 48px !important;
}
.u-fsi48::before {
  font-size: 48px !important;
}
.u-gp48 {
  gap: 48px !important;
}
.u-fs64 {
  font-size: 64px !important;
}
.u-lh64 {
  line-height: 64px !important;
}
.u-fsi64::before {
  font-size: 64px !important;
}
.u-gp64 {
  gap: 64px !important;
}
.u-fs80 {
  font-size: 80px !important;
}
.u-lh80 {
  line-height: 80px !important;
}
.u-fsi80::before {
  font-size: 80px !important;
}
.u-gp80 {
  gap: 80px !important;
}
@media (max-width: 1280px) {
  .u-fs12\@lg {
    font-size: 12px !important;
  }
  .u-lh12\@lg {
    line-height: 12px !important;
  }
  .u-fsi12\@lg::before {
    font-size: 12px !important;
  }
  .u-gp12\@lg {
    gap: 12px !important;
  }
  .u-fs14\@lg {
    font-size: 14px !important;
  }
  .u-lh14\@lg {
    line-height: 14px !important;
  }
  .u-fsi14\@lg::before {
    font-size: 14px !important;
  }
  .u-gp14\@lg {
    gap: 14px !important;
  }
  .u-fs16\@lg {
    font-size: 16px !important;
  }
  .u-lh16\@lg {
    line-height: 16px !important;
  }
  .u-fsi16\@lg::before {
    font-size: 16px !important;
  }
  .u-gp16\@lg {
    gap: 16px !important;
  }
  .u-fs18\@lg {
    font-size: 18px !important;
  }
  .u-lh18\@lg {
    line-height: 18px !important;
  }
  .u-fsi18\@lg::before {
    font-size: 18px !important;
  }
  .u-gp18\@lg {
    gap: 18px !important;
  }
  .u-fs20\@lg {
    font-size: 20px !important;
  }
  .u-lh20\@lg {
    line-height: 20px !important;
  }
  .u-fsi20\@lg::before {
    font-size: 20px !important;
  }
  .u-gp20\@lg {
    gap: 20px !important;
  }
  .u-fs24\@lg {
    font-size: 24px !important;
  }
  .u-lh24\@lg {
    line-height: 24px !important;
  }
  .u-fsi24\@lg::before {
    font-size: 24px !important;
  }
  .u-gp24\@lg {
    gap: 24px !important;
  }
  .u-fs28\@lg {
    font-size: 28px !important;
  }
  .u-lh28\@lg {
    line-height: 28px !important;
  }
  .u-fsi28\@lg::before {
    font-size: 28px !important;
  }
  .u-gp28\@lg {
    gap: 28px !important;
  }
  .u-fs32\@lg {
    font-size: 32px !important;
  }
  .u-lh32\@lg {
    line-height: 32px !important;
  }
  .u-fsi32\@lg::before {
    font-size: 32px !important;
  }
  .u-gp32\@lg {
    gap: 32px !important;
  }
  .u-fs48\@lg {
    font-size: 48px !important;
  }
  .u-lh48\@lg {
    line-height: 48px !important;
  }
  .u-fsi48\@lg::before {
    font-size: 48px !important;
  }
  .u-gp48\@lg {
    gap: 48px !important;
  }
  .u-fs64\@lg {
    font-size: 64px !important;
  }
  .u-lh64\@lg {
    line-height: 64px !important;
  }
  .u-fsi64\@lg::before {
    font-size: 64px !important;
  }
  .u-gp64\@lg {
    gap: 64px !important;
  }
  .u-fs80\@lg {
    font-size: 80px !important;
  }
  .u-lh80\@lg {
    line-height: 80px !important;
  }
  .u-fsi80\@lg::before {
    font-size: 80px !important;
  }
  .u-gp80\@lg {
    gap: 80px !important;
  }
}
@media (max-width: 1024px) {
  .u-fs12\@md {
    font-size: 12px !important;
  }
  .u-lh12\@md {
    line-height: 12px !important;
  }
  .u-fsi12\@md::before {
    font-size: 12px !important;
  }
  .u-gp12\@md {
    gap: 12px !important;
  }
  .u-fs14\@md {
    font-size: 14px !important;
  }
  .u-lh14\@md {
    line-height: 14px !important;
  }
  .u-fsi14\@md::before {
    font-size: 14px !important;
  }
  .u-gp14\@md {
    gap: 14px !important;
  }
  .u-fs16\@md {
    font-size: 16px !important;
  }
  .u-lh16\@md {
    line-height: 16px !important;
  }
  .u-fsi16\@md::before {
    font-size: 16px !important;
  }
  .u-gp16\@md {
    gap: 16px !important;
  }
  .u-fs18\@md {
    font-size: 18px !important;
  }
  .u-lh18\@md {
    line-height: 18px !important;
  }
  .u-fsi18\@md::before {
    font-size: 18px !important;
  }
  .u-gp18\@md {
    gap: 18px !important;
  }
  .u-fs20\@md {
    font-size: 20px !important;
  }
  .u-lh20\@md {
    line-height: 20px !important;
  }
  .u-fsi20\@md::before {
    font-size: 20px !important;
  }
  .u-gp20\@md {
    gap: 20px !important;
  }
  .u-fs24\@md {
    font-size: 24px !important;
  }
  .u-lh24\@md {
    line-height: 24px !important;
  }
  .u-fsi24\@md::before {
    font-size: 24px !important;
  }
  .u-gp24\@md {
    gap: 24px !important;
  }
  .u-fs28\@md {
    font-size: 28px !important;
  }
  .u-lh28\@md {
    line-height: 28px !important;
  }
  .u-fsi28\@md::before {
    font-size: 28px !important;
  }
  .u-gp28\@md {
    gap: 28px !important;
  }
  .u-fs32\@md {
    font-size: 32px !important;
  }
  .u-lh32\@md {
    line-height: 32px !important;
  }
  .u-fsi32\@md::before {
    font-size: 32px !important;
  }
  .u-gp32\@md {
    gap: 32px !important;
  }
  .u-fs48\@md {
    font-size: 48px !important;
  }
  .u-lh48\@md {
    line-height: 48px !important;
  }
  .u-fsi48\@md::before {
    font-size: 48px !important;
  }
  .u-gp48\@md {
    gap: 48px !important;
  }
  .u-fs64\@md {
    font-size: 64px !important;
  }
  .u-lh64\@md {
    line-height: 64px !important;
  }
  .u-fsi64\@md::before {
    font-size: 64px !important;
  }
  .u-gp64\@md {
    gap: 64px !important;
  }
  .u-fs80\@md {
    font-size: 80px !important;
  }
  .u-lh80\@md {
    line-height: 80px !important;
  }
  .u-fsi80\@md::before {
    font-size: 80px !important;
  }
  .u-gp80\@md {
    gap: 80px !important;
  }
}
@media (max-width: 768px) {
  .u-fs12\@sm {
    font-size: 12px !important;
  }
  .u-lh12\@sm {
    line-height: 12px !important;
  }
  .u-fsi12\@sm::before {
    font-size: 12px !important;
  }
  .u-gp12\@sm {
    gap: 12px !important;
  }
  .u-fs14\@sm {
    font-size: 14px !important;
  }
  .u-lh14\@sm {
    line-height: 14px !important;
  }
  .u-fsi14\@sm::before {
    font-size: 14px !important;
  }
  .u-gp14\@sm {
    gap: 14px !important;
  }
  .u-fs16\@sm {
    font-size: 16px !important;
  }
  .u-lh16\@sm {
    line-height: 16px !important;
  }
  .u-fsi16\@sm::before {
    font-size: 16px !important;
  }
  .u-gp16\@sm {
    gap: 16px !important;
  }
  .u-fs18\@sm {
    font-size: 18px !important;
  }
  .u-lh18\@sm {
    line-height: 18px !important;
  }
  .u-fsi18\@sm::before {
    font-size: 18px !important;
  }
  .u-gp18\@sm {
    gap: 18px !important;
  }
  .u-fs20\@sm {
    font-size: 20px !important;
  }
  .u-lh20\@sm {
    line-height: 20px !important;
  }
  .u-fsi20\@sm::before {
    font-size: 20px !important;
  }
  .u-gp20\@sm {
    gap: 20px !important;
  }
  .u-fs24\@sm {
    font-size: 24px !important;
  }
  .u-lh24\@sm {
    line-height: 24px !important;
  }
  .u-fsi24\@sm::before {
    font-size: 24px !important;
  }
  .u-gp24\@sm {
    gap: 24px !important;
  }
  .u-fs28\@sm {
    font-size: 28px !important;
  }
  .u-lh28\@sm {
    line-height: 28px !important;
  }
  .u-fsi28\@sm::before {
    font-size: 28px !important;
  }
  .u-gp28\@sm {
    gap: 28px !important;
  }
  .u-fs32\@sm {
    font-size: 32px !important;
  }
  .u-lh32\@sm {
    line-height: 32px !important;
  }
  .u-fsi32\@sm::before {
    font-size: 32px !important;
  }
  .u-gp32\@sm {
    gap: 32px !important;
  }
  .u-fs48\@sm {
    font-size: 48px !important;
  }
  .u-lh48\@sm {
    line-height: 48px !important;
  }
  .u-fsi48\@sm::before {
    font-size: 48px !important;
  }
  .u-gp48\@sm {
    gap: 48px !important;
  }
  .u-fs64\@sm {
    font-size: 64px !important;
  }
  .u-lh64\@sm {
    line-height: 64px !important;
  }
  .u-fsi64\@sm::before {
    font-size: 64px !important;
  }
  .u-gp64\@sm {
    gap: 64px !important;
  }
  .u-fs80\@sm {
    font-size: 80px !important;
  }
  .u-lh80\@sm {
    line-height: 80px !important;
  }
  .u-fsi80\@sm::before {
    font-size: 80px !important;
  }
  .u-gp80\@sm {
    gap: 80px !important;
  }
}
@media (max-width: 560px) {
  .u-fs12\@xs {
    font-size: 12px !important;
  }
  .u-lh12\@xs {
    line-height: 12px !important;
  }
  .u-fsi12\@xs::before {
    font-size: 12px !important;
  }
  .u-gp12\@xs {
    gap: 12px !important;
  }
  .u-fs14\@xs {
    font-size: 14px !important;
  }
  .u-lh14\@xs {
    line-height: 14px !important;
  }
  .u-fsi14\@xs::before {
    font-size: 14px !important;
  }
  .u-gp14\@xs {
    gap: 14px !important;
  }
  .u-fs16\@xs {
    font-size: 16px !important;
  }
  .u-lh16\@xs {
    line-height: 16px !important;
  }
  .u-fsi16\@xs::before {
    font-size: 16px !important;
  }
  .u-gp16\@xs {
    gap: 16px !important;
  }
  .u-fs18\@xs {
    font-size: 18px !important;
  }
  .u-lh18\@xs {
    line-height: 18px !important;
  }
  .u-fsi18\@xs::before {
    font-size: 18px !important;
  }
  .u-gp18\@xs {
    gap: 18px !important;
  }
  .u-fs20\@xs {
    font-size: 20px !important;
  }
  .u-lh20\@xs {
    line-height: 20px !important;
  }
  .u-fsi20\@xs::before {
    font-size: 20px !important;
  }
  .u-gp20\@xs {
    gap: 20px !important;
  }
  .u-fs24\@xs {
    font-size: 24px !important;
  }
  .u-lh24\@xs {
    line-height: 24px !important;
  }
  .u-fsi24\@xs::before {
    font-size: 24px !important;
  }
  .u-gp24\@xs {
    gap: 24px !important;
  }
  .u-fs28\@xs {
    font-size: 28px !important;
  }
  .u-lh28\@xs {
    line-height: 28px !important;
  }
  .u-fsi28\@xs::before {
    font-size: 28px !important;
  }
  .u-gp28\@xs {
    gap: 28px !important;
  }
  .u-fs32\@xs {
    font-size: 32px !important;
  }
  .u-lh32\@xs {
    line-height: 32px !important;
  }
  .u-fsi32\@xs::before {
    font-size: 32px !important;
  }
  .u-gp32\@xs {
    gap: 32px !important;
  }
  .u-fs48\@xs {
    font-size: 48px !important;
  }
  .u-lh48\@xs {
    line-height: 48px !important;
  }
  .u-fsi48\@xs::before {
    font-size: 48px !important;
  }
  .u-gp48\@xs {
    gap: 48px !important;
  }
  .u-fs64\@xs {
    font-size: 64px !important;
  }
  .u-lh64\@xs {
    line-height: 64px !important;
  }
  .u-fsi64\@xs::before {
    font-size: 64px !important;
  }
  .u-gp64\@xs {
    gap: 64px !important;
  }
  .u-fs80\@xs {
    font-size: 80px !important;
  }
  .u-lh80\@xs {
    line-height: 80px !important;
  }
  .u-fsi80\@xs::before {
    font-size: 80px !important;
  }
  .u-gp80\@xs {
    gap: 80px !important;
  }
}
.u-lh12 {
  line-height: 12px;
}
.u-lh14 {
  line-height: 14px;
}
.u-lh16 {
  line-height: 16px;
}
.u-lh18 {
  line-height: 18px;
}
.u-lh20 {
  line-height: 20px;
}
.u-lh24 {
  line-height: 24px;
}
.u-lh28 {
  line-height: 28px;
}
.u-lh32 {
  line-height: 32px;
}
.u-lh48 {
  line-height: 48px;
}
.u-lh64 {
  line-height: 64px;
}
.u-lh80 {
  line-height: 80px;
}
@media (max-width: 1280px) {
  .u-lh12\@lg {
    line-height: 12px;
  }
  .u-lh14\@lg {
    line-height: 14px;
  }
  .u-lh16\@lg {
    line-height: 16px;
  }
  .u-lh18\@lg {
    line-height: 18px;
  }
  .u-lh20\@lg {
    line-height: 20px;
  }
  .u-lh24\@lg {
    line-height: 24px;
  }
  .u-lh28\@lg {
    line-height: 28px;
  }
  .u-lh32\@lg {
    line-height: 32px;
  }
  .u-lh48\@lg {
    line-height: 48px;
  }
  .u-lh64\@lg {
    line-height: 64px;
  }
  .u-lh80\@lg {
    line-height: 80px;
  }
}
@media (max-width: 1024px) {
  .u-lh12\@md {
    line-height: 12px;
  }
  .u-lh14\@md {
    line-height: 14px;
  }
  .u-lh16\@md {
    line-height: 16px;
  }
  .u-lh18\@md {
    line-height: 18px;
  }
  .u-lh20\@md {
    line-height: 20px;
  }
  .u-lh24\@md {
    line-height: 24px;
  }
  .u-lh28\@md {
    line-height: 28px;
  }
  .u-lh32\@md {
    line-height: 32px;
  }
  .u-lh48\@md {
    line-height: 48px;
  }
  .u-lh64\@md {
    line-height: 64px;
  }
  .u-lh80\@md {
    line-height: 80px;
  }
}
@media (max-width: 768px) {
  .u-lh12\@sm {
    line-height: 12px;
  }
  .u-lh14\@sm {
    line-height: 14px;
  }
  .u-lh16\@sm {
    line-height: 16px;
  }
  .u-lh18\@sm {
    line-height: 18px;
  }
  .u-lh20\@sm {
    line-height: 20px;
  }
  .u-lh24\@sm {
    line-height: 24px;
  }
  .u-lh28\@sm {
    line-height: 28px;
  }
  .u-lh32\@sm {
    line-height: 32px;
  }
  .u-lh48\@sm {
    line-height: 48px;
  }
  .u-lh64\@sm {
    line-height: 64px;
  }
  .u-lh80\@sm {
    line-height: 80px;
  }
}
@media (max-width: 560px) {
  .u-lh12\@xs {
    line-height: 12px;
  }
  .u-lh14\@xs {
    line-height: 14px;
  }
  .u-lh16\@xs {
    line-height: 16px;
  }
  .u-lh18\@xs {
    line-height: 18px;
  }
  .u-lh20\@xs {
    line-height: 20px;
  }
  .u-lh24\@xs {
    line-height: 24px;
  }
  .u-lh28\@xs {
    line-height: 28px;
  }
  .u-lh32\@xs {
    line-height: 32px;
  }
  .u-lh48\@xs {
    line-height: 48px;
  }
  .u-lh64\@xs {
    line-height: 64px;
  }
  .u-lh80\@xs {
    line-height: 80px;
  }
}
.accordion-toggle {
  cursor: pointer;
}
.accordion-content {
  display: none;
}
.accordion.active > .accordion-content {
  display: block;
}
.accordion .down-icon {
  transition: transform ease 0.2s;
}
.accordion.active .down-icon {
  transform: rotate(180deg);
}
.btn {
  padding: 0 40px;
  border-radius: 4px;
  height: 50px;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  display: inline-flex;
  white-space: nowrap;
  transition: background 0.2s ease;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #FFFFFF;
}
.btn.main-btn:not(:disabled) {
  background: linear-gradient(90deg, #007991 0%, #49DEB1 100%);
}
.btn.main-btn:not(:disabled):hover {
  background: linear-gradient(90deg, #49DEB1 0%, #007991 100%);
}
.btn.black-btn {
  background: #001720;
}
.btn.black-btn:not(:disabled):hover {
  background: rgba(0, 23, 32, 0.9);
}
.btn.black-small-btn {
  background: #001720;
  padding: 0 10px;
}
.btn.black-small-btn:not(:disabled):hover {
  background: rgba(0, 23, 32, 0.9);
}
.btn.stroke-btn {
  border: 2px solid #FFFFFF;
}
.btn.stroke-black-btn {
  border: 2px solid #001720;
  color: #001720;
}
.btn.catalog-btn {
  background: linear-gradient(90deg, #3AB5B0 0%, #3D99BE 31%, #56317A 100%), linear-gradient(90deg, #007991 0%, #49DEB1 100%);
}
.btn:disabled, .btn:disabled:hover {
  background: #E9E9EC;
  color: #C1C1CC;
  cursor: default;
}
.btn:disabled:hover, .btn:disabled:hover:hover {
  background-color: #E9E9EC !important;
}
.btn.e--w280 {
  max-width: 280px;
  width: 100%;
}
.btn.e--fwd {
  width: 100%;
}
.btn.e--p0 {
  padding: 0;
}
.btn.sd-button {
  padding: 0 10px;
  background: #D3ECEB;
  color: #001720;
}
.btn.sd-button:hover {
  background: #A6DCDB;
}
.btn.buy-button {
  padding: 0 10px;
  background: linear-gradient(90deg, #007991 0%, #49DEB1 100%);
}
.btn.buy-button:hover {
  background: linear-gradient(90deg, #49DEB1 0%, #007991 100%);
}
.btn.credit-button {
  flex-direction: column;
}
.btn.bh-40 {
  height: 40px;
}
@media screen and (max-width: 768px) {
  .btn.bh-40\@sm {
    height: 40px;
  }
}
.social-btn {
  display: flex;
  padding: 12px 16px;
  background: #F5F5F7;
  gap: 10px;
  border-radius: 6px;
}
.social-btn.checked small {
  color: #D8352A;
}
.social-btn img {
  width: 32px;
}
.social-btn b {
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #001720;
  letter-spacing: 4%;
}
.social-btn small {
  font-size: 12px;
  line-height: 14px;
  color: #41B7BB;
}
.btn-tab {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  padding: 0 16px;
  height: 36px;
  border: 2px solid #001720;
  border-radius: 4px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
}
.btn-tab i {
  height: 18px;
}
.btn-tab i::before {
  font-size: 18px;
}
.btn-tab.active {
  background-color: #001720;
  color: #fff;
}
.delete-btn {
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  gap: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #D8352A;
}
.delete-btn i:before {
  font-size: 18px;
}
.radio-box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.radio-box .radio-label {
  line-height: 18px;
  display: block;
  width: 100%;
}
.radio-box .radio-label.e--flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.radio-box .radio-label__caption {
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  color: #001720;
  margin-bottom: 8px;
  cursor: pointer;
}
.radio-box .radio-label__caption.e--flex {
  display: flex;
  gap: 8px;
}
.radio-box .radio-label__caption.e--flex img {
  flex-shrink: 0;
}
.radio-box .radio-label__caption.e--flex-center {
  align-items: center;
}
.radio-box .radio-label__caption.e--strong {
  font-weight: 500;
}
.radio-box .radio-label__caption.e--small {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #001720;
}
.radio-box .radio-label__undertext {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #454e58;
}
.radio-box-text {
  font-size: 14px;
}
.radio-box .radio-content {
  display: none;
}
.radio-box .radio-content__lbl {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #001720;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .radio-box .radio-label__caption {
    font-size: 16px;
  }
}
[type=radio].radio {
  opacity: 0;
  position: fixed;
  width: 0;
}
[type=radio].radio + .radio-label {
  position: relative;
  padding-left: 28px;
}
[type=radio].radio + .radio-label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #c1c1cc;
  background-color: #fff;
  transition: all 0.15s ease;
  border-radius: 50%;
  cursor: pointer;
}
[type=radio].radio + .radio-label:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #001720;
  border-radius: 50%;
  left: 4px;
  top: 4px;
  opacity: 0;
  transition: all 0.15s ease;
  cursor: pointer;
}
[type=radio].radio:checked + .radio-label:after {
  opacity: 1;
}
[type=radio].radio:checked + .radio-label .radio-content {
  display: block;
}
[type=radio].radio:disabled + .radio-label {
  opacity: 0.5;
  cursor: auto;
}
.visually-hidden,
.visually-hidden:not(:focus):not(:active) {
  position: absolute;
  width: 0;
  height: 0;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
  font-size: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.quantity {
  display: flex;
  flex-wrap: nowrap;
  background: #F5F5F7;
  border-radius: 4px;
  border: 1px solid #E9E9EC;
}
.quantity .quantity-num {
  width: 30px;
  outline: none;
  background: #F5F5F7;
  border: none;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #454E58;
}
.quantity .quantity-arrow-minus, .quantity .quantity-arrow-plus {
  width: 28px;
  height: 30px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quantity .minus-icon, .quantity .plus-icon {
  font-size: 16px;
}
.quantity .minus-icon.disable, .quantity .plus-icon.disable {
  pointer-events: none;
}
.tabs .tabs-controls {
  padding: 18px 24px;
  background-color: #f5f5f7;
  display: flex;
}
.tabs .tabs-control {
  width: auto;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  white-space: nowrap;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #454E58;
}
.tabs .tabs-control.active {
  color: #41B7BB;
}
.tabs .tab {
  display: none;
}
.tabs .tab.active {
  display: block;
}
@media screen and (max-width: 768px) {
  .tabs .tabs-controls {
    margin-left: -16px;
    margin-right: -16px;
    padding: 18px 16px;
  }
}
.stars {
  mask-image: url("/assets/icons/star.svg");
  -webkit-mask-image: url("/assets/icons/star.svg");
  -webkit-mask-position: center;
  mask-position: center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  width: 80px;
  height: 16px;
  position: relative;
  margin-right: 8px;
}
.stars .rating {
  height: 16px;
  width: 75%;
  background: #001720;
  position: absolute;
  top: 0;
  left: 0;
}
.small .stars {
  -webkit-mask-size: 12px;
          mask-size: 12px;
  width: 60px;
  height: 12px;
  margin-right: 4px;
}
.star {
  background-image: url("/assets/icons/star_empty.svg");
  background-position: center;
  background-size: 16px;
  width: 80px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
}
.small .star {
  background-size: 12px;
  width: 60px;
  height: 12px;
}
.ui-rate {
  display: inline-flex;
  flex-direction: row-reverse;
  gap: 4px;
}
.ui-rate:not(:checked) > input {
  position: absolute;
  top: -9999px;
}
.ui-rate:not(:checked) > label {
  cursor: pointer;
  font-size: 24px;
  color: #001720;
  text-align: center;
}
.ui-rate:not(:checked) > label span {
  display: none;
}
.ui-rate:not(:checked) > label:before {
  content: "\e949";
  font-family: "icons";
  pointer-events: none;
}
.ui-rate > input:checked ~ label:before {
  content: "\e94a";
}
.ui-rate:not(:checked) > label:hover,
.ui-rate:not(:checked) > label:hover ~ label:before {
  color: #454E58;
}
#tooltip {
  opacity: 0;
  text-align: left;
  position: absolute;
  z-index: 100;
  padding: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #454E58;
  pointer-events: none;
  background: #F5F5F7;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 10px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  transition: all 0.5s ease;
}
#tooltip.top {
  margin-top: 20px;
}
#tooltip.show {
  opacity: 1;
  margin-top: 10px;
  pointer-events: all;
}
#tooltip.show.top {
  margin-top: 10px;
}
header {
  position: relative;
  z-index: 4;
  background-color: white;
}
@media screen and (max-width: 1050px) {
  header {
    border-bottom: 2px solid #E9E9EC;
  }
}
header .search-results {
  position: absolute;
  z-index: 1;
  top: 86px;
  width: 100%;
  background: #F5F5F7;
  border-radius: 0px 0px 4px 4px;
  padding-top: 24px;
  padding-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  header .search-results {
    top: 60px;
    height: calc(1vh * 100 - 60px);
    height: calc(var(--vh, 1vh) * 100 - 60px);
    padding-bottom: 100px;
  }
  header .search-results .container {
    height: 100%;
  }
  header .search-results .content {
    max-height: 100%;
    overflow-y: auto;
    align-items: flex-start;
  }
}
@media screen and (max-width: 768px) {
  header .search-results {
    top: 56px;
    height: calc(1vh * 100 - 56px);
    height: calc(var(--vh, 1vh) * 100 - 56px);
  }
}
header .search-results mark {
  background-color: transparent;
  color: #41b7bb;
}
header .search-results a {
  color: #001720;
  transition: opacity 0.25s ease;
}
header .search-results a:hover {
  opacity: 0.7;
}
header .search-results-title {
  margin-bottom: 12px;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #454E58;
}
header .search-results-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
@media screen and (max-width: 768px) {
  header .search-results-grid {
    grid-template-columns: 1fr;
  }
}
header .search-results-item {
  height: auto;
  padding: 12px;
  background: #FFFFFF;
  border: 1px solid #E9E9EC;
  border-radius: 4px;
}
header .search-results-item .title {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #001720;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 768px) {
  header .search-results-item .title {
    -webkit-line-clamp: 2;
  }
}
header .search-results-item .price {
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  color: #001720;
  cursor: pointer;
}
header .search-results-item .price span {
  display: none;
}
header .search-results-item .price.sale {
  color: #D8352A;
}
header .search-results-item .price.sale span {
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #454E58;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
header .search-results-item img {
  width: 60px;
  height: 40px;
}
@media screen and (max-width: 1024px) {
  header .search-results-post.button {
    position: fixed;
    background: #FFFFFF;
    box-shadow: 0px -2px 7px 1px rgba(0, 0, 0, 0.1);
    margin-left: -24px !important;
    margin-right: -24px !important;
    width: calc(100% + 48px);
    padding: 16px 0;
    bottom: 0;
  }
  header .search-results-post.button .black-btn {
    height: 50px;
    margin: auto;
  }
}
.facebike-logo.current-page {
  cursor: default;
}
.top-nav {
  padding: 20px 0;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .top-nav {
    height: 60px;
    padding: 12px 0;
  }
}
@media screen and (max-width: 768px) {
  .top-nav {
    height: 56px;
  }
  .top-nav .facebike-logo {
    margin: auto;
  }
  .top-nav button[class*=-icon]::before {
    font-size: 24px;
  }
}
.top-nav .search input[type=search i]::-webkit-search-cancel-button {
  background-color: #D8352A;
}
@media screen and (max-width: 1024px) {
  .top-nav .search {
    display: none;
  }
  .top-nav .search .search-icon,
.top-nav .search input[type=search i]::-webkit-search-cancel-button {
    display: none;
  }
}
.top-nav .logo-b {
  width: 126px;
}
@media screen and (max-width: 1024px) {
  .top-nav .logo-b {
    width: 82px;
  }
}
.top-nav .top-menu-icons:first-child {
  flex: auto;
}
.top-nav .facebike-menu-logo {
  flex: auto;
}
.top-nav .facebike-menu-logo > .search-icon {
  display: none;
}
@media screen and (max-width: 768px) {
  .top-nav .facebike-menu-logo > .search-icon {
    display: block;
  }
}
.top-nav .humburger-info .burger-icon {
  transition: color 0.25s ease;
}
.top-nav .humburger-info:hover .burger-icon {
  color: #41B7BB;
}
.top-nav .df-32 {
  margin-left: 72px;
  margin-right: 48px;
}
@media screen and (max-width: 1280px) {
  .top-nav .df-32 {
    margin-right: 16px;
    margin-left: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .top-nav .df-32 {
    margin-right: 40px;
    margin-left: 40px;
    gap: 24px;
  }
}
@media screen and (max-width: 768px) {
  .top-nav .df-32 {
    display: none;
  }
}
.top-nav .top-menu-icons .search-icon {
  display: none;
}
@media screen and (max-width: 1024px) {
  .top-nav .top-menu-icons .search-icon {
    display: block;
  }
}
.top-nav .top-menu-icons .phone-icon {
  display: none;
}
@media screen and (max-width: 768px) {
  .top-nav .top-menu-icons .phone-icon {
    display: block;
  }
}
.top-nav .top-menu-icons span {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 18px;
  height: 18px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  color: #000000;
  background-color: #D3ECEB;
}
.top-nav .top-menu-icons .user-icon,
.top-nav .top-menu-icons .compare-icon,
.top-nav .top-menu-icons .heart-icon,
.top-nav .top-menu-icons .cart-icon {
  position: relative;
  transition: color 0.25s ease;
}
.top-nav .top-menu-icons .user-icon span,
.top-nav .top-menu-icons .compare-icon span,
.top-nav .top-menu-icons .heart-icon span,
.top-nav .top-menu-icons .cart-icon span {
  display: none;
}
.top-nav .top-menu-icons .user-icon.active span,
.top-nav .top-menu-icons .compare-icon.active span,
.top-nav .top-menu-icons .heart-icon.active span,
.top-nav .top-menu-icons .cart-icon.active span {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .top-nav .top-menu-icons .user-icon::before,
.top-nav .top-menu-icons .compare-icon::before,
.top-nav .top-menu-icons .heart-icon::before,
.top-nav .top-menu-icons .cart-icon::before {
    font-size: 24px;
  }
}
.top-nav .top-menu-icons .user-icon:hover,
.top-nav .top-menu-icons .compare-icon:hover,
.top-nav .top-menu-icons .heart-icon:hover,
.top-nav .top-menu-icons .cart-icon:hover {
  color: #41B7BB;
}
@media screen and (max-width: 768px) {
  .top-nav .top-menu-icons {
    gap: 16px !important;
  }
  .top-nav .top-menu-icons .user-icon,
.top-nav .top-menu-icons .compare-icon,
.top-nav .top-menu-icons .heart-icon,
.top-nav .top-menu-icons .search-icon {
    display: none;
  }
}
.ffield {
  position: relative;
}
.ffield-title {
  font-weight: 400;
  font-size: 11px;
  line-height: 12px;
  color: #454E58;
  margin-bottom: 4px;
}
.ffield .info {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #001720;
}
@media screen and (max-width: 1024px) {
  .ffield .info {
    font-size: 12px;
    line-height: 12px;
  }
}
.ffield .info.tel {
  font-size: 20px;
  line-height: 18px;
  display: inline-flex;
  font-weight: 500;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .ffield .info.tel {
    font-size: 16px;
    line-height: 18px;
  }
}
.ffield .info.tel + .down-icon {
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.ffield .info.tel + .down-icon:before {
  transition: transform ease 0.2s;
}
.ffield a.info {
  transition: opacity 0.25s ease;
}
.ffield a.info:hover {
  opacity: 0.7;
}
.ffield.open .info.tel + .down-icon {
  z-index: 3;
}
.ffield.open .info.tel + .down-icon:before {
  transform: rotate(180deg);
}
.ffield .tel + .tel {
  margin-top: 16px;
}
@media screen and (max-width: 1024px) {
  .ffield .tel + .tel {
    margin-top: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .ffield .tel.u-mt16 {
    margin-top: 8px !important;
  }
}
.ffield * + .ffield-title {
  margin-top: 24px;
}
@media screen and (max-width: 1024px) {
  .ffield * + .ffield-title {
    margin-top: 20px;
  }
}
.ffield .marker-icon::before {
  font-size: 16px;
}
.ffield .show-on-map * {
  margin-top: 16px;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #41B7BB;
}
.ffield .show-on-map *.dashed {
  transition: border-bottom-color 0.25s ease;
}
.ffield .show-on-map *.dashed:hover {
  border-bottom-color: transparent;
}
.ffield.show {
  position: absolute;
  z-index: 2;
  top: -12px;
  left: -16px;
  width: 223px;
  background-color: #FFFFFF;
  padding: 12px 16px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15), 0px 2px 7px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
@media screen and (max-width: 1024px) {
  .ffield.show {
    left: -12px;
    width: 167px;
    padding: 12px;
  }
}
.ffield.show .down-icon {
  opacity: 0;
  position: relative;
  z-index: -1;
}
.menu {
  background: linear-gradient(90deg, #3AB5B0 0%, #3D99BE 31%, #56317A 100%);
  padding-top: 14px;
  padding-bottom: 14px;
  position: relative;
}
@media screen and (max-width: 1050px) {
  .menu {
    display: none;
  }
}
.menu .content {
  justify-content: space-between;
}
.menu-item {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #FFFFFF;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
}
.menu-item.active::after {
  content: "";
  position: absolute;
  top: 26px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 0;
  height: 0;
  border-bottom: 8px solid white;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.menu-item.menu-empty::after {
  display: none;
}
.menu-line {
  width: 1px;
  height: 24px;
  background-color: #FFFFFF;
}
.bkg-white {
  background-color: #FFFFFF;
  position: absolute;
  z-index: 3;
  width: 100%;
  top: 52px;
}
.bkg-dark,
.bkg-dark2 {
  background-color: #000000;
  opacity: 0.3;
  position: fixed;
  z-index: 3;
  width: 100vw;
  height: 100vh;
  top: 0;
}
.bkg-dark2 {
  z-index: 4;
}
.menu-cols {
  display: flex;
  flex-wrap: wrap;
  height: auto;
}
.menu-cols .menu-cols-left {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-width: calc(100% - 317px);
  width: 100%;
  overflow: hidden;
  padding-top: 24px;
  padding-right: 48px;
  height: inherit;
}
@media screen and (max-width: 1280px) {
  .menu-cols .menu-cols-left {
    padding-right: 0px;
    max-width: 100%;
  }
}
.menu-cols-title {
  color: #41B7BB;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.56px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.menu-cols .menu-cols-others .menu-cols-items {
  padding: 0;
  padding-bottom: 0;
}
.menu-cols .menu-cols-others .menu-cols-other:not(:last-child) {
  border-bottom: 1px solid #E9E9EC;
  padding-bottom: 10px;
}
.menu-cols .menu-cols-others .menu-cols-other:not(:first-child) {
  padding-top: 20px;
}
.menu-cols .menu-cols-others .menu-cols-other:last-child {
  padding-bottom: 10px;
}
.menu-cols .menu-cols-others .plate-icon:before {
  font-size: 16px;
}
.menu-cols .menu-cols-others .menu-item-list-menu {
  padding-right: 40px;
}
.menu-cols .menu-cols-items {
  height: auto;
  -moz-column-count: 4;
       column-count: 4;
  -moz-column-gap: 0;
       column-gap: 0;
  padding-bottom: 24px;
}
.menu-cols .menu-cols-right {
  max-width: 317px;
  width: 317px;
  min-height: 100%;
}
.menu-item-list-right {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1280px) {
  .menu-item-list-right {
    display: none;
  }
}
.menu-item-list-right-item a {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #001720;
  padding-top: 12px;
  text-decoration: underline;
}
.menu-item-list-right-one-item {
  position: relative;
}
.menu-item-list-right-one-item img {
  width: 100%;
  height: auto;
}
.menu-item-list-right-one-item .overlay {
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
}
.menu-item-list-right-one-item .overlay .uptitle {
  font-weight: 900;
  font-size: 32px;
  line-height: 36px;
  color: #23D7B8;
}
.menu-item-list-right .link-banner {
  transition: opacity 0.25s ease;
}
.menu-item-list-right .link-banner:hover {
  opacity: 0.7;
}
.menu-item-list-bottom {
  width: calc(100% - 8px);
  margin-bottom: 16px;
}
.menu-item-list-bottom .brand-item {
  height: 50px;
  min-width: 80px;
  width: 80px;
}
.menu-item-list-bottom img {
  max-width: 80px;
  max-height: 50px;
}
.menu-item-list-menu {
  align-items: flex-start;
  padding-right: 38px;
  margin-right: auto;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
  margin-bottom: 20px;
}
.menu-item-list-menu .category {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #001720;
}
.menu-item-list-menu .category a {
  color: #001720;
  transition: opacity 0.25s ease;
}
.menu-item-list-menu .category a:not(.current-page):hover {
  opacity: 0.7;
}
.menu-item-list-menu .category a.current-page {
  text-decoration: underline;
  cursor: default;
}
.menu-item-list-menu .subcategory {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #454E58;
  padding-top: 12px;
}
.menu-item-list-menu .subcategory a {
  color: #001720;
  transition: opacity 0.25s ease;
}
.menu-item-list-menu .subcategory a:not(.current-page):hover {
  opacity: 0.7;
}
.menu-item-list-menu .subcategory a.current-page {
  text-decoration: underline;
  cursor: default;
}
.menu-item-list-menu ul + ul {
  margin-top: 20px;
}
.top-side-menu-autirize {
  display: none;
}
@media screen and (max-width: 1024px) {
  .top-side-menu-autirize {
    display: flex;
  }
}
.top-side-menu-catalog {
  display: none;
}
@media screen and (max-width: 1280px) {
  .top-side-menu-catalog {
    display: flex;
  }
}
.top-side-menu-other {
  display: none;
}
@media screen and (max-width: 1280px) {
  .top-side-menu-other {
    display: flex;
  }
}
.top-side-menu-other .exit-icon::before {
  color: #d8352a;
}
.top-side-menu,
.mob-menu {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  transform: translateX(-100%);
  transition: transform 0s ease 0.3s, background-color 0.2s ease 0.1s;
}
.top-side-menu.show,
.mob-menu.show {
  transform: translateX(0);
  transition: transform 0s ease, background-color 0.2s ease;
  background-color: rgba(0, 0, 0, 0.5);
}
.top-side-menu.show .top-side-menu-container,
.top-side-menu.show .mob-menu-container,
.mob-menu.show .top-side-menu-container,
.mob-menu.show .mob-menu-container {
  transform: translateX(0);
}
.top-side-menu-container,
.mob-menu-container {
  position: fixed;
  z-index: 2;
  width: 480px;
  display: block;
  height: 100%;
  overflow-y: scroll;
  background-color: #FFFFFF;
  transition: transform 0.3s ease;
  transform: translateX(-480px);
}
@media screen and (max-width: 560px) {
  .top-side-menu-container,
.mob-menu-container {
    width: 100%;
    transform: translateX(-100%);
  }
}
.top-side-menu-container > div:not(:first-child),
.mob-menu-container > div:not(:first-child) {
  padding: 24px 16px 24px 32px;
  border-top: 1px solid #E9E9EC;
}
@media screen and (max-width: 1024px) {
  .top-side-menu-container > div:not(:first-child),
.mob-menu-container > div:not(:first-child) {
    padding: 16px 24px;
  }
}
.top-side-menu-close,
.mob-menu-close {
  height: 88px;
  background-color: #D3ECEB;
  padding: 20px 16px 20px 32px;
}
@media screen and (max-width: 1024px) {
  .top-side-menu-close,
.mob-menu-close {
    height: 66px;
  }
}
.top-side-menu-close img,
.mob-menu-close img {
  height: 46px;
}
@media screen and (max-width: 1024px) {
  .top-side-menu-close,
.mob-menu-close {
    padding: 16px 24px;
  }
  .top-side-menu-close img,
.mob-menu-close img {
    height: 30px;
  }
}
.top-side-menu-close .close-icon,
.mob-menu-close .close-icon {
  transition: color ease 0.25s;
}
.top-side-menu-close .close-icon:hover,
.mob-menu-close .close-icon:hover {
  color: #41B7BB;
}
.top-side-menu-autirize,
.mob-menu-autirize {
  display: none;
  background-color: #F5F5F7;
  padding: 16px 32px !important;
}
@media screen and (max-width: 1024px) {
  .top-side-menu-autirize,
.mob-menu-autirize {
    display: flex;
    padding: 16px 24px !important;
  }
}
.top-side-menu-nav,
.mob-menu-nav {
  flex-direction: column;
  gap: 16px;
}
.top-side-menu-other,
.mob-menu-other {
  flex-direction: column;
  gap: 20px;
}
.top-side-menu-other .order-number,
.mob-menu-other .order-number {
  margin-left: auto;
  background-color: #D3ECEB;
  border-radius: 18px;
  width: 18px;
  height: 18px;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #001720;
  justify-content: center;
  display: none;
}
.top-side-menu-other .contact-text.active .order-number,
.mob-menu-other .contact-text.active .order-number {
  display: flex;
}
.top-side-menu-contact,
.mob-menu-contact {
  display: flex;
  flex-direction: column;
}
.top-side-menu-contact .contact-title + .contact-text,
.top-side-menu-contact .contact-text + .contact-text,
.mob-menu-contact .contact-title + .contact-text,
.mob-menu-contact .contact-text + .contact-text {
  margin-top: 12px;
}
.top-side-menu-contact .contact-text + .contact-title,
.mob-menu-contact .contact-text + .contact-title {
  margin-top: 24px;
}
.top-side-menu .contact-title,
.mob-menu .contact-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #454E58;
}
.top-side-menu .contact-text,
.mob-menu .contact-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #001720;
}
.top-side-menu a.contact-text,
.mob-menu a.contact-text {
  transition: opacity 0.25s ease;
}
.top-side-menu a.contact-text:hover:not(.current-page),
.mob-menu a.contact-text:hover:not(.current-page) {
  opacity: 0.7;
}
.top-side-menu a.contact-text.current-page,
.mob-menu a.contact-text.current-page {
  text-decoration: underline;
  cursor: default;
}
.top-side-menu .top-side-menu-lang a,
.top-side-menu .social-list-header a,
.mob-menu .top-side-menu-lang a,
.mob-menu .social-list-header a {
  transition: opacity 0.25s ease;
}
.top-side-menu .top-side-menu-lang a:hover,
.top-side-menu .social-list-header a:hover,
.mob-menu .top-side-menu-lang a:hover,
.mob-menu .social-list-header a:hover {
  opacity: 0.7;
}
.mob-menu .mob-menu-subcategory,
.mob-menu .mob-menu-category {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #001720;
  border-bottom: 1px solid #E9E9EC;
  padding: 20px 24px;
}
.mob-menu .mob-menu-subcategory:last-of-type,
.mob-menu .mob-menu-category:last-of-type {
  border-bottom: 0 !important;
}
.mob-menu .mob-menu-subcategory {
  border: 0;
}
.mob-menu-menu {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #001720;
  padding: 20px 24px;
  border-bottom: 1px solid #E9E9EC;
}
.mob-menu-menu:last-of-type {
  border-bottom: 0 !important;
}
footer {
  background: #454E58;
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  footer {
    padding-top: 40px;
  }
}
.footer {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
@media screen and (max-width: 1024px) {
  .footer {
    flex-wrap: wrap;
    gap: 32px;
  }
}
@media screen and (max-width: 768px) {
  .footer {
    gap: 24px;
  }
}
.footer img {
  max-width: 166px;
}
.footer .footer-item {
  flex: 1 1 203px;
}
.footer .footer-item .block4 {
  display: none;
}
@media screen and (max-width: 1280px) {
  .footer .footer-item.block1 {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .footer .footer-item.block2 {
    flex-basis: 100%;
    order: 0;
    border-bottom: 1px dashed #C1C1CC;
  }
  .footer .footer-item.block2 .title {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }
  .footer .footer-item.block2 .title::before {
    content: "\e938";
    font-family: "icons";
    font-size: 20px;
    line-height: 1;
    display: inline-block;
  }
  .footer .footer-item.block2 .title.hide::before {
    content: "\e937";
    font-family: "icons";
    font-size: 20px;
    line-height: 1;
    display: inline-block;
  }
  .footer .footer-item.block2 .title.hide + .footer-item-info {
    display: none;
  }
  .footer .footer-item.block3 {
    order: 0;
  }
  .footer .footer-item.block4 {
    display: none;
  }
  .footer .footer-item .block4 {
    display: block;
  }
  .footer .footer-item.block5 {
    order: 2;
  }
  .footer .footer-item.block6 {
    order: 4;
  }
}
@media screen and (max-width: 768px) {
  .footer .footer-item.block3 {
    flex-basis: 100%;
  }
  .footer .footer-item.block4 {
    display: block;
    flex-basis: 100%;
  }
  .footer .footer-item .block4 {
    display: none;
  }
  .footer .footer-item.block5 {
    flex-basis: 100%;
  }
  .footer .footer-item.block6 {
    flex-basis: 100%;
  }
  .footer .footer-item:not(:last-child) {
    border-bottom: 1px dashed #C1C1CC;
  }
}
.footer .title {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  margin-bottom: 16px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .footer .title {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }
  .footer .title::before {
    content: "\e938";
    font-family: "icons";
    font-size: 20px;
    line-height: 1;
    display: inline-block;
  }
  .footer .title.hide::before {
    content: "\e937";
    font-family: "icons";
    font-size: 20px;
    line-height: 1;
    display: inline-block;
  }
  .footer .title.hide + .footer-item-info {
    display: none;
  }
}
.footer .footer-item-info .subtitle {
  flex-basis: 100%;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #C1C1CC;
  margin-bottom: 8px;
}
.footer .footer-item-info ul li {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .footer .footer-item-info ul li {
    margin-bottom: 16px;
  }
}
.footer .footer-item-info ul li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #FFFFFF;
}
.footer .footer-item-info ul li a.current-page {
  text-decoration: underline;
  cursor: default;
}
.footer .footer-item-info .text {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #FFFFFF;
  margin-bottom: 12px;
  white-space: nowrap;
  display: block;
}
@media screen and (max-width: 768px) {
  .footer .footer-item-info .text {
    margin-bottom: 16px;
  }
}
.footer .footer-item-info .phone-footer {
  display: flex;
  align-items: center;
}
.footer .footer-item-info .slogan {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #41B7BB;
  text-transform: uppercase;
}
.footer .footer-item-info .subslogan {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #FFFFFF;
  margin: 12px 0 24px 0;
}
.footer .footer-item-info.phones .subtitle:not(:first-child) {
  margin-top: 24px;
}
.footer .footer-item-info a {
  transition: opacity 0.25s ease;
}
.footer .footer-item-info a:not(.current-page):hover {
  opacity: 0.7;
}
.bottom-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1388px;
  margin: auto;
  padding: 30px 24px;
}
.bottom-footer .facebike {
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: #FFFFFF;
}
.bottom-footer .pay-icon {
  display: inline-flex;
  margin-top: 12px;
  margin-bottom: 12px;
}
.bottom-footer .pay-icon:not(:last-child) {
  margin-right: 24px;
}
.bottom-footer .sense {
  display: flex;
  align-items: center;
  margin-right: 26px;
}
.bottom-footer .sense picture {
  margin-right: 12px;
}
.bottom-footer .sense img {
  width: 42px;
  height: auto;
}
.bottom-footer .sense p {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.15;
  color: #FAFAFA;
  cursor: pointer;
}
@media screen and (max-width: 992px) {
  .bottom-footer {
    flex-wrap: wrap;
  }
  .bottom-footer .payments {
    width: 100%;
    margin-bottom: 24px;
    order: 1;
    align-self: center;
    text-align: center;
  }
  .bottom-footer .facebike {
    order: 2;
  }
  .bottom-footer .sense {
    order: 3;
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .bottom-footer .payments {
    text-align: left;
  }
  .bottom-footer .facebike {
    width: 100%;
    margin-bottom: 16px;
  }
}
.xhr-load-block img {
  width: 80px;
  margin: 0 auto;
}
.breadcrumbs {
  position: relative;
}
.breadcrumbs.h-swiper.swiper-horizontal {
  cursor: none;
}
.breadcrumbs .swiper-wrapper {
  align-items: center;
}
.breadcrumbs li {
  display: inline-flex;
  gap: 4px;
  cursor: pointer;
}
.breadcrumbs li a {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #454E58;
  transition: color ease 0.25s;
}
@media screen and (min-width: 1280px) {
  .breadcrumbs li a:hover {
    color: #41B7BB;
  }
}
.breadcrumbs li:not(:first-child) {
  margin-left: 4px;
}
.breadcrumbs li:not(:first-child)::before {
  content: "\e936";
  font-family: "icons";
  font-size: 14px;
  line-height: 1;
  display: inline-block;
}
.breadcrumbs li:not(:first-child)::before {
  color: #000000;
  height: 14px;
  margin-top: 1px;
}
.breadcrumbs li:not(:first-child):last-child {
  cursor: default;
}
.breadcrumbs li:not(:first-child):last-child a {
  color: #001720;
  pointer-events: none;
}
.breadcrumbs.h-swiper {
  cursor: -webkit-grab;
  cursor: grab;
  padding-bottom: 8px;
}
.breadcrumbs .swiper-scrollbar {
  display: none;
}
.product,
.product-description {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px 24px;
  border: 2px solid #e9e9ec;
  min-width: 288px;
  background-color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .product,
.product-description {
    padding: 16px;
  }
}
.product__brand-title,
.product-description__brand-title {
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  color: #001720;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .product__brand-title,
.product-description__brand-title {
    font-size: 30px;
  }
}
.product-top-labels, .product-bottom-labels,
.product-description-top-labels,
.product-description-bottom-labels {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 20px;
}
.product-top-labels p, .product-bottom-labels p,
.product-description-top-labels p,
.product-description-bottom-labels p {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #001720;
  display: flex;
  align-items: center;
}
.product-top-labels p.new, .product-top-labels p.discount, .product-bottom-labels p.new, .product-bottom-labels p.discount,
.product-description-top-labels p.new,
.product-description-top-labels p.discount,
.product-description-bottom-labels p.new,
.product-description-bottom-labels p.discount {
  color: #fff;
}
.product-top-labels .youtube-sq, .product-bottom-labels .youtube-sq,
.product-description-top-labels .youtube-sq,
.product-description-bottom-labels .youtube-sq {
  margin-left: auto;
}
.product-bottom-labels,
.product-description-bottom-labels {
  margin-bottom: 10px;
}
.product-bottom-labels p,
.product-description-bottom-labels p {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #FFFFFF;
}
.product-main-image,
.product-description-main-image {
  margin: auto;
  transition: opacity ease 0.25s;
}
.product-main-image:hover,
.product-description-main-image:hover {
  opacity: 0.8;
}
.product-main-image img,
.product-description-main-image img {
  width: 100%;
  max-width: 280px;
  margin: auto;
}
.product-variants-color,
.product-description-variants-color {
  position: relative;
}
.product-variants-color .swiper,
.product-description-variants-color .swiper {
  width: calc(100% - 32px);
}
.product-variants-color .product-colors-ghost,
.product-description-variants-color .product-colors-ghost {
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}
.product-variants-color .product-colors .swiper-slide,
.product-description-variants-color .product-colors .swiper-slide {
  width: 56px;
  height: 38px;
}
.product-variants-color .product-colors .swiper-slide-thumb-active,
.product-description-variants-color .product-colors .swiper-slide-thumb-active {
  border-bottom: 2px solid #41B7BB;
}
.product-variants-color .right-icon {
  background-color: white;
  height: 100%;
  align-items: center;
  color: black;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-top: undefined;
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  position: absolute;
  top: 24px;
  z-index: 1;
}
.product-variants-color .left-icon {
  background-color: white;
  height: 100%;
  align-items: center;
  color: black;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-top: undefined;
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  position: absolute;
  top: 24px;
  z-index: 1;
}
.product-description-variants-color .right-icon {
  background-color: white;
  height: 100%;
  align-items: center;
  color: black;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-top: undefined;
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  position: absolute;
  top: 24px;
  z-index: 1;
}
.product-description-variants-color .left-icon {
  background-color: white;
  height: 100%;
  align-items: center;
  color: black;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-top: undefined;
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  position: absolute;
  top: 24px;
  z-index: 1;
}
.product-variants-color .right-icon.swiper-button-disabled,
.product-variants-color .left-icon.swiper-button-disabled,
.product-description-variants-color .right-icon.swiper-button-disabled,
.product-description-variants-color .left-icon.swiper-button-disabled {
  display: none;
}
.product-variants-color .right-icon,
.product-description-variants-color .right-icon {
  right: 0;
}
.product-caterogy,
.product-description-caterogy {
  margin-bottom: 4px;
  min-height: 14px;
}
.product-caterogy a,
.product-description-caterogy a {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #454E58;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-title,
.product-description-title {
  margin-bottom: 6px;
}
.product-title a,
.product-description-title a {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #001720;
  text-transform: uppercase;
  min-height: 48px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity ease 0.25s;
}
.product-title a:hover,
.product-description-title a:hover {
  opacity: 0.7;
}
.product-reviews,
.product-description-reviews {
  margin-bottom: 16px;
  height: 16px;
}
.product-reviews .no-review .dashed,
.product-description-reviews .no-review .dashed {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #454e58;
}
.product-reviews .has-review,
.product-description-reviews .has-review {
  display: flex;
  align-items: center;
}
.product-reviews .has-review .review-number,
.product-description-reviews .has-review .review-number {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #454e58;
}
.product-buy-options,
.product-description-buy-options {
  min-height: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.product-buy-options p, .product-buy-options .product-buy-options-item,
.product-description-buy-options p,
.product-description-buy-options .product-buy-options-item {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #252525;
  display: flex;
  align-items: center;
  padding: 2px 6px;
  background: #f5f5f7;
  border-radius: 4px;
}
.product-buy-options p span, .product-buy-options .product-buy-options-item span,
.product-description-buy-options p span,
.product-description-buy-options .product-buy-options-item span {
  margin-right: 4px;
}
.product-buy-options a,
.product-description-buy-options a {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #454E58;
  margin-left: 8px;
  white-space: nowrap;
}
.product-price-fc,
.product-description-price-fc {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
  min-height: 50px;
}
.product-price-fc .product-price,
.product-description-price-fc .product-price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.product-price-fc .product-price .was-price,
.product-description-price-fc .product-price .was-price {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #454E58;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.product-price-fc .product-price .saving,
.product-description-price-fc .product-price .saving {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #2AA687;
}
.product-price-fc .product-price .main-price,
.product-description-price-fc .product-price .main-price {
  white-space: nowrap;
  flex: 0 0 100%;
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  color: #001720;
  align-self: flex-end;
}
@media screen and (max-width: 768px) {
  .product-price-fc .product-price .main-price,
.product-description-price-fc .product-price .main-price {
    font-size: 20px;
    line-height: 20px;
  }
}
.product-price-fc .nostock,
.product-price-fc .soonstock,
.product-description-price-fc .nostock,
.product-description-price-fc .soonstock {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #454e58;
  align-self: flex-end;
}
.product-price-fc .product-compare-favourite,
.product-description-price-fc .product-compare-favourite {
  display: flex;
  gap: 16px;
  align-self: flex-end;
}
.product-status p,
.product-description-status p {
  font-weight: 500;
  font-size: 14px;
  line-height: 12px;
  color: #454e58;
}
.product-status .instock,
.product-description-status .instock {
  color: #2aa687;
}
.product-status .soonstock,
.product-description-status .soonstock {
  color: #693f84;
}
.product-status .waitstock,
.product-description-status .waitstock {
  color: #ec8922;
}
.product-status .product-id,
.product-description-status .product-id {
  font-weight: 400;
  font-size: 14px;
  line-height: 12px;
  color: #5e5c5c;
}
.product-table .characteristics,
.product-description-table .characteristics {
  display: flex;
  flex: auto;
  flex-direction: column;
  padding: 0;
  list-style: none;
}
.product-table .characteristics li,
.product-description-table .characteristics li {
  border: none;
  margin-bottom: 16px;
  border-bottom: 1px dashed #e9e9ec;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.product-table .characteristics li:last-child,
.product-description-table .characteristics li:last-child {
  margin-bottom: 0px;
}
.product-table .characteristics p,
.product-description-table .characteristics p {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #454e58;
}
.product-table .characteristics p span,
.product-description-table .characteristics p span {
  background: white;
}
.product-table .characteristics p:first-child,
.product-description-table .characteristics p:first-child {
  background: white;
  margin-bottom: -3px;
  align-self: flex-end;
  flex: 0 0 auto;
}
.product-table .characteristics p + p,
.product-description-table .characteristics p + p {
  text-align: right;
  color: #001720;
  margin-bottom: -3px;
}
.product .was-used,
.product .test-drive,
.product .take-now,
.product .view-video,
.product .remove-item,
.product .delete-item,
.product .discount,
.product .top,
.product .new,
.product .not-available,
.product .product-price,
.product .message-button,
.product .has-review,
.product .buy-button,
.product .preorder-button,
.product .product-info-preorder,
.product .credit-button,
.product .was-price,
.product .saving,
.product .instock,
.product .nostock,
.product .soonstock,
.product .waitstock,
.product-description .was-used,
.product-description .test-drive,
.product-description .take-now,
.product-description .view-video,
.product-description .remove-item,
.product-description .delete-item,
.product-description .discount,
.product-description .top,
.product-description .new,
.product-description .not-available,
.product-description .product-price,
.product-description .message-button,
.product-description .has-review,
.product-description .buy-button,
.product-description .preorder-button,
.product-description .product-info-preorder,
.product-description .credit-button,
.product-description .was-price,
.product-description .saving,
.product-description .instock,
.product-description .nostock,
.product-description .soonstock,
.product-description .waitstock {
  display: none;
}
.product .product-info-preorder,
.product-description .product-info-preorder {
  margin-bottom: -8px;
}
.product.lwu .was-used,
.product-description.lwu .was-used {
  display: flex;
  white-space: nowrap;
}
.product.only-test .test-drive span,
.product-description.only-test .test-drive span {
  display: none;
}
.product.ltd .test-drive,
.product-description.ltd .test-drive {
  display: flex;
}
.product.lrmv .remove-item,
.product-description.lrmv .remove-item {
  display: flex;
  margin-left: auto;
}
.product.lvv .view-video,
.product-description.lvv .view-video {
  display: flex;
  margin-left: auto;
}
.product.ltn .take-now,
.product-description.ltn .take-now {
  display: flex;
  position: relative;
  cursor: pointer;
}
.product.ltn .take-now-inner,
.product-description.ltn .take-now-inner {
  display: inline-block;
}
.product.ltn .take-now-hint,
.product-description.ltn .take-now-hint {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  width: 100%;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #454e58;
  text-transform: initial;
  padding: 4px 8px;
  background: #f5f5f7;
  border: 1px solid #e9e9ec;
  box-sizing: border-box;
  border-radius: 4px;
  visibility: hidden;
  display: block;
}
.product.ltn .take-now-hint.one .take-now-address,
.product-description.ltn .take-now-hint.one .take-now-address {
  display: inline;
}
.product.ltn .take-now-hint.show,
.product-description.ltn .take-now-hint.show {
  visibility: visible;
}
.product.ltn .take-now-address,
.product-description.ltn .take-now-address {
  display: block;
}
.product.ldis .discount,
.product-description.ldis .discount {
  display: flex;
}
.product.ltop .top,
.product-description.ltop .top {
  display: flex;
}
.product.lnew .new,
.product-description.lnew .new {
  display: flex;
}
.product.hrev .has-review,
.product-description.hrev .has-review {
  display: flex;
}
.product.hrev .no-review,
.product-description.hrev .no-review {
  display: none;
}
.product.instock .instock,
.product.instock .buy-button,
.product.instock .product-price,
.product-description.instock .instock,
.product-description.instock .buy-button,
.product-description.instock .product-price {
  display: flex;
}
.product.instock.sale .was-price,
.product.instock.sale .saving,
.product-description.instock.sale .was-price,
.product-description.instock.sale .saving {
  display: flex;
}
.product.instock.sale .main-price,
.product-description.instock.sale .main-price {
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  color: #D8352A;
  width: 0;
}
.product.instock.incredit .credit-button,
.product-description.instock.incredit .credit-button {
  display: flex;
}
.product.nostock .product-buy-options,
.product-description.nostock .product-buy-options {
  opacity: 0;
}
.product.nostock .nostock,
.product-description.nostock .nostock {
  display: flex;
}
.product.nostock:not(.used) .message-button,
.product-description.nostock:not(.used) .message-button {
  display: flex;
}
.product.soonstock .product-buy-options,
.product-description.soonstock .product-buy-options {
  opacity: 0;
}
.product.soonstock .soonstock,
.product.soonstock .message-button,
.product-description.soonstock .soonstock,
.product-description.soonstock .message-button {
  display: flex;
}
.product.waitstock .product-buy-options,
.product-description.waitstock .product-buy-options {
  opacity: 0;
}
.product.waitstock .waitstock,
.product.waitstock .product-price,
.product.waitstock .main-price,
.product.waitstock .preorder-button,
.product.waitstock .product-info-preorder,
.product-description.waitstock .waitstock,
.product-description.waitstock .product-price,
.product-description.waitstock .main-price,
.product-description.waitstock .preorder-button,
.product-description.waitstock .product-info-preorder {
  display: flex;
}
.product.no-table .product-status,
.product.no-table .product-table,
.product-description.no-table .product-status,
.product-description.no-table .product-table {
  display: none;
}
.product.big,
.product-description.big {
  max-width: 492px;
}
.product.big .product-title,
.product-description.big .product-title {
  margin-bottom: 6px;
}
.product.big .product-title a,
.product-description.big .product-title a {
  min-height: 24px;
  -webkit-line-clamp: 1;
}
.product .product-order-button,
.product-description .product-order-button {
  min-height: 40px;
}
.product .product-variants__wrap,
.product-description .product-variants__wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
.product .product-variants__wrap .swiper-button-next,
.product .product-variants__wrap .swiper-button-prev,
.product-description .product-variants__wrap .swiper-button-next,
.product-description .product-variants__wrap .swiper-button-prev {
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  width: 24px;
  top: 0;
  margin: 0;
  z-index: 2;
}
.product .product-variants__wrap .swiper-button-next:after,
.product .product-variants__wrap .swiper-button-prev:after,
.product-description .product-variants__wrap .swiper-button-next:after,
.product-description .product-variants__wrap .swiper-button-prev:after {
  content: "\e936";
}
.product .product-variants__wrap .swiper-button-prev,
.product-description .product-variants__wrap .swiper-button-prev {
  left: 0;
}
.product .product-variants__wrap .swiper-button-prev:after,
.product-description .product-variants__wrap .swiper-button-prev:after {
  rotate: 180deg;
}
.product .product-variants__wrap .swiper-button-next,
.product-description .product-variants__wrap .swiper-button-next {
  right: 0;
}
.product .product-variants__wrap.w-color,
.product-description .product-variants__wrap.w-color {
  position: relative;
}
.product .product-variants__wrap.w-color .swiper-button-next,
.product .product-variants__wrap.w-color .swiper-button-prev,
.product-description .product-variants__wrap.w-color .swiper-button-next,
.product-description .product-variants__wrap.w-color .swiper-button-prev {
  height: 64px;
}
.product .product-variants__wrap.w-size,
.product-description .product-variants__wrap.w-size {
  position: relative;
}
.product .product-variants__wrap.w-size .swiper-button-next,
.product .product-variants__wrap.w-size .swiper-button-prev,
.product-description .product-variants__wrap.w-size .swiper-button-next,
.product-description .product-variants__wrap.w-size .swiper-button-prev {
  height: 36px;
}
.product .product-variants__wrap .swiper-slide,
.product-description .product-variants__wrap .swiper-slide {
  border: 2px solid #c1c1cc;
  transition: opacity ease 0.25s;
  background-color: #ffffff;
  padding: 1px 0;
}
.product .product-variants__wrap .swiper-slide.active,
.product-description .product-variants__wrap .swiper-slide.active {
  border: 2px solid #41b7bb;
}
.product .product-variants__wrap .swiper-slide.disab,
.product-description .product-variants__wrap .swiper-slide.disab {
  border-color: #C1C1CC;
  background-color: #F5F5F7;
}
.product .product-variants__size .swiper-slide,
.product-description .product-variants__size .swiper-slide {
  width: auto;
}
.product .product-variants__color .swiper-slide,
.product-description .product-variants__color .swiper-slide {
  border: 2px solid #c1c1cc;
  transition: opacity ease 0.25s;
  width: 116px;
  background-color: #ffffff;
  padding: 1px 0;
}
.product .product-variants__color .swiper-slide.active,
.product-description .product-variants__color .swiper-slide.active {
  border: 2px solid #41b7bb;
}
.product .product-variants__color .swiper-slide img,
.product-description .product-variants__color .swiper-slide img {
  height: 58px;
  width: auto;
  margin: auto;
}
.product.small,
.product-description.small {
  min-width: 144px;
  padding: 7px;
}
.product.small .test-drive,
.product.small .take-now,
.product-description.small .test-drive,
.product-description.small .take-now {
  font-size: 0;
}
.product.small .test-drive:before,
.product.small .take-now:before,
.product-description.small .test-drive:before,
.product-description.small .take-now:before {
  margin: 0;
}
.product.small .remove-item::before,
.product-description.small .remove-item::before {
  font-size: 16px;
}
.product.small .product-bottom-labels p,
.product.small .product-caterogy a,
.product.small .has-review a,
.product.small .product-price p,
.product.small .no-review a,
.product-description.small .product-bottom-labels p,
.product-description.small .product-caterogy a,
.product-description.small .has-review a,
.product-description.small .product-price p,
.product-description.small .no-review a {
  font-size: 10px;
  line-height: 12px;
  gap: 4px;
}
.product.small .product-reviews,
.product-description.small .product-reviews {
  height: 12px;
}
.product.small .nostock,
.product.small .soonstock,
.product.small .main-btn,
.product.small .not-in-stock-button,
.product-description.small .nostock,
.product-description.small .soonstock,
.product-description.small .main-btn,
.product-description.small .not-in-stock-button {
  font-size: 14px;
  line-height: 18px;
}
.product.small .product-price-fc,
.product-description.small .product-price-fc {
  min-height: 34px;
}
.product.small .product-title a,
.product-description.small .product-title a {
  font-size: 12px;
  line-height: 16px;
  min-height: 32px;
}
.product.small .label,
.product-description.small .label {
  padding: 2px 4px;
}
.product.small .was-used,
.product.small .test-drive,
.product.small .take-now,
.product-description.small .was-used,
.product-description.small .test-drive,
.product-description.small .take-now {
  padding: 2px 6px;
}
.product.small .product-price,
.product-description.small .product-price {
  gap: 4px;
}
.product.small .review::before,
.product-description.small .review::before {
  font-size: 12px;
}
.product.small .main-price,
.product-description.small .main-price {
  font-size: 16px !important;
  line-height: 18px !important;
}
.product.small .product-order-button,
.product-description.small .product-order-button {
  margin: 0;
}
.product.small .product-buy-options a,
.product.small .product-compare-favourite,
.product.small .product-status,
.product.small .product-table,
.product.small .message-button span,
.product-description.small .product-buy-options a,
.product-description.small .product-compare-favourite,
.product-description.small .product-status,
.product-description.small .product-table,
.product-description.small .message-button span {
  display: none;
}
.product .add-to-compare,
.product-description .add-to-compare {
  transition: color ease 0.25s;
}
.product .add-to-compare:hover .compare, .product .add-to-compare.active .compare,
.product-description .add-to-compare:hover .compare,
.product-description .add-to-compare.active .compare {
  color: #41B7BB;
}
.product .add-to-favourite,
.product-description .add-to-favourite {
  transition: color ease 0.25s;
}
.product .add-to-favourite:hover,
.product-description .add-to-favourite:hover {
  color: #41B7BB;
}
.review-cart {
  padding: 32px;
  background-color: #F5F5F7;
}
@media screen and (max-width: 768px) {
  .review-cart {
    padding: 16px;
    padding-bottom: 24px;
  }
}
.review-cart .quotes {
  background-image: url("/assets/icons/quotes.svg");
  background-size: 35px 28px;
  background-repeat: no-repeat;
  background-position: center;
  width: 35px;
  height: 28px;
  margin-bottom: 24px;
}
.review-cart .text {
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .review-cart .text {
    font-size: 24px;
  }
}
.review-cart .text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #454E58;
}
@media screen and (max-width: 768px) {
  .review-cart .text p {
    font-size: 14px;
  }
}
.review-cart .text p + p {
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  .review-cart .text p + p {
    padding-top: 16px;
  }
}
.review-cart .review-author {
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .review-cart .review-author {
    gap: 12px;
  }
}
.review-cart .review-author-photo {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  overflow: hidden;
}
.review-cart .review-author-info {
  display: flex;
  gap: 6px;
  flex-direction: column;
}
.review-cart .review-author-info-name {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #001720;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .review-cart .review-author-info-name {
    font-size: 16px;
  }
}
.review-cart .review-author-info-rating {
  display: flex;
  align-items: center;
}
.review-cart .review-author-info-rating-date {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #454E58;
}
.blog-cart picture {
  position: relative;
  display: block;
  transition: opacity ease 0.25s;
}
.blog-cart picture:after {
  content: "";
  width: 0;
  padding-top: 100%;
  display: block;
}
.blog-cart picture img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.blog-cart:hover picture {
  opacity: 0.8;
}
.blog-cart-label {
  margin: 12px 0;
}
.blog-cart-label p {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #FFFFFF;
}
.blog-cart-label .advice {
  background-color: #EB5F9A;
}
.blog-cart-label .lifehack {
  background-color: #269477;
}
.blog-cart-label .selections {
  background-color: #5E3A75;
}
.blog-cart-label .overview {
  background-color: #1675C7;
}
.blog-cart-title {
  margin-bottom: 16px;
}
.blog-cart-title a {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #001720;
  min-height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-cart-date {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #454E58;
}
.blog-cart .advice,
.blog-cart .lifehack,
.blog-cart .selections,
.blog-cart .overview {
  display: none;
}
.blog-cart.label-lifehack .lifehack {
  display: inline-block;
}
.blog-cart.label-advice .advice {
  display: inline-block;
}
.blog-cart.label-selections .selections {
  display: inline-block;
}
.blog-cart.label-overview .overview {
  display: inline-block;
}
/******************************* Socia Icons *********************************/
.facebook24 {
  width: 24px;
  height: 24px;
  display: inline-flex;
  background-image: url(/assets/icons/c_icons.svg);
  background-size: 504px 24px;
  background-position: 0 0;
  background-position: -96px 0;
}
.instagram24 {
  width: 24px;
  height: 24px;
  display: inline-flex;
  background-image: url(/assets/icons/c_icons.svg);
  background-size: 504px 24px;
  background-position: 0 0;
  background-position: -120px 0;
}
.youtube-sq {
  width: 20px;
  height: 20px;
  display: inline-flex;
  background-image: url(/assets/icons/c_icons.svg);
  background-size: 420px 20px;
  background-position: 0 0;
  background-position: -40px 0;
}
.facebook32 {
  width: 32px;
  height: 32px;
  display: inline-flex;
  background-image: url(/assets/icons/c_icons.svg);
  background-size: 672px 32px;
  background-position: 0 0;
  background-position: -128px 0;
}
.google32 {
  width: 32px;
  height: 32px;
  display: inline-flex;
  background-image: url(/assets/icons/c_icons.svg);
  background-size: 672px 32px;
  background-position: 0 0;
  background-position: -96px 0;
}
.instagram32 {
  width: 32px;
  height: 32px;
  display: inline-flex;
  background-image: url(/assets/icons/c_icons.svg);
  background-size: 672px 32px;
  background-position: 0 0;
  background-position: -160px 0;
}
.telegram32 {
  width: 32px;
  height: 32px;
  display: inline-flex;
  background-image: url(/assets/icons/c_icons.svg);
  background-size: 672px 32px;
  background-position: 0 0;
  background-position: -224px 0;
}
.partials,
.mono,
.abank,
.alfabank {
  width: 16px;
  height: 16px;
  display: inline-flex;
  background-image: url(/assets/icons/c_icons.svg);
  background-size: 336px 16px;
  background-position: 0 0;
}
.partials {
  background-position: -160px 0;
}
.mono {
  background-position: -256px 0;
}
.abank {
  background-position: -144px 0;
}
.alfabank {
  background-position: -176px 0;
}
.parts24 {
  width: 24px;
  height: 24px;
  display: inline-flex;
  background-image: url(/assets/icons/c_icons.svg);
  background-size: 504px 24px;
  background-position: 0 0;
  background-position: -240px 0;
}
.mono24 {
  width: 24px;
  height: 24px;
  display: inline-flex;
  background-image: url(/assets/icons/c_icons.svg);
  background-size: 504px 24px;
  background-position: 0 0;
  background-position: -384px 0;
}
.pb24 {
  width: 24px;
  height: 24px;
  display: inline-flex;
  background-image: url(/assets/icons/c_icons.svg);
  background-size: 504px 24px;
  background-position: 0 0;
  background-position: -192px 0;
}
.alfa24 {
  width: 24px;
  height: 24px;
  display: inline-flex;
  background-image: url(/assets/icons/c_icons.svg);
  background-size: 504px 24px;
  background-position: 0 0;
  background-position: -264px 0;
}
.abank24 {
  width: 24px;
  height: 24px;
  display: inline-flex;
  background-image: url(/assets/icons/c_icons.svg);
  background-size: 504px 24px;
  background-position: 0 0;
  background-position: -216px 0;
}
.nophone24 {
  width: 24px;
  height: 24px;
  display: inline-flex;
  background-image: url(/assets/icons/c_icons.svg);
  background-size: 504px 24px;
  background-position: 0 0;
  background-position: -360px 0;
}
.phone24 {
  width: 24px;
  height: 24px;
  display: inline-flex;
  background-image: url(/assets/icons/c_icons.svg);
  background-size: 504px 24px;
  background-position: 0 0;
  background-position: -216px 0;
}
.telegram24 {
  width: 24px;
  height: 24px;
  display: inline-flex;
  background-image: url(/assets/icons/c_icons.svg);
  background-size: 504px 24px;
  background-position: 0 0;
  background-position: -192px 0;
}
.viber24 {
  width: 24px;
  height: 24px;
  display: inline-flex;
  background-image: url(/assets/icons/c_icons.svg);
  background-size: 504px 24px;
  background-position: 0 0;
  background-position: 0 0;
}
.whatsapp24 {
  width: 24px;
  height: 24px;
  display: inline-flex;
  background-image: url(/assets/icons/c_icons.svg);
  background-size: 504px 24px;
  background-position: 0 0;
  background-position: -24px 0;
}
.sms24 {
  width: 24px;
  height: 24px;
  display: inline-flex;
  background-image: url(/assets/icons/c_icons.svg);
  background-size: 504px 24px;
  background-position: 0 0;
  background-position: -216px 0;
}
.compare {
  color: #454E58;
}
.compare.active {
  color: #693F84;
}
.compare:before {
  content: "\e909";
  font-family: "icons";
  font-size: 24px;
}
.favourite {
  color: #454E58;
}
.favourite.active {
  color: #D8352A;
}
.favourite.active:before {
  content: "\e948";
}
.favourite:before {
  content: "\e913";
  font-family: "icons";
  font-size: 24px;
}
/****************************** Pay Icons ***********************************/
footer .mastercart svg {
  width: 31px;
  height: 20px;
}
footer .visa svg {
  width: 63px;
  height: 20px;
}
footer .liqpay svg {
  width: 89px;
  height: 20px;
}
footer .privat24 svg {
  width: 92px;
  height: 20px;
}
footer .qrcode svg {
  width: 20px;
  height: 20px;
}
.paylater {
  display: inline-flex;
  background-image: url("/assets/icons/pay_method/paylater.svg");
  background-size: contain;
  width: 20px;
  height: 20px;
}
/******************************* Other Icons *******************************/
.user-icon::before {
  content: "\e92c";
  font-family: "icons";
  font-size: 30px;
  line-height: 1;
  display: inline-block;
}
.marker-icon::before {
  content: "\e917";
  font-family: "icons";
  font-size: 32px;
  line-height: 1;
  display: inline-block;
}
.compare-icon::before {
  content: "\e909";
  font-family: "icons";
  font-size: 30px;
  line-height: 1;
  display: inline-block;
}
.heart-icon::before {
  content: "\e913";
  font-family: "icons";
  font-size: 30px;
  line-height: 1;
  display: inline-block;
}
.cart-icon::before {
  content: "\e905";
  font-family: "icons";
  font-size: 30px;
  line-height: 1;
  display: inline-block;
}
.burger-icon::before {
  content: "\e904";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.search-icon {
  background-color: transparent;
}
.search-icon::before {
  content: "\e915";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.down-icon::before {
  content: "\e937";
  font-family: "icons";
  font-size: 16px;
  line-height: 1;
  display: inline-block;
}
.up-icon::before {
  content: "\e938";
  font-family: "icons";
  font-size: 16px;
  line-height: 1;
  display: inline-block;
}
.left-icon::before {
  content: "\e935";
  font-family: "icons";
  font-size: 16px;
  line-height: 1;
  display: inline-block;
}
.right-icon::before {
  content: "\e936";
  font-family: "icons";
  font-size: 16px;
  line-height: 1;
  display: inline-block;
}
.phone-icon::before {
  content: "\e91d";
  font-family: "icons";
  font-size: 19px;
  line-height: 1;
  display: inline-block;
}
.plus-icon::before {
  content: "\e920";
  font-family: "icons";
  font-size: 19px;
  line-height: 1;
  display: inline-block;
}
.minus-icon::before {
  content: "\e918";
  font-family: "icons";
  font-size: 19px;
  line-height: 1;
  display: inline-block;
}
.checkcircle-icon {
  line-height: 1;
}
.checkcircle-icon::before {
  content: "\e907";
  font-family: "icons";
  font-size: 26px;
  line-height: 1;
  display: inline-block;
}
.trash-icon::before {
  content: "\e929";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.trash-icon:hover {
  color: #D8352A;
}
.close-icon {
  cursor: pointer;
}
.close-icon::before {
  content: "\e930";
  font-family: "icons";
  font-size: 20px;
  line-height: 1;
  display: inline-block;
}
.plate-icon::before {
  content: "\e91f";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.plate1-icon::before {
  content: "\e939";
  font-family: "icons";
  font-size: 16px;
  line-height: 1;
  display: inline-block;
}
.plate2-icon::before {
  content: "\e93a";
  font-family: "icons";
  font-size: 16px;
  line-height: 1;
  display: inline-block;
}
.plate3-icon::before {
  content: "\e93b";
  font-family: "icons";
  font-size: 16px;
  line-height: 1;
  display: inline-block;
}
.updown-icon::before {
  content: "\e901";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.filter-icon::before {
  content: "🎖";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.orders-icon::before {
  content: "\e91b";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.service1-icon::before {
  content: "\e926";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.service2-icon::before {
  content: "\e925";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.review-icon::before {
  content: "\e923";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.mail-icon::before {
  content: "\e916";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.exit-icon::before {
  content: "\e90e";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.warning-icon::before {
  content: "\e92d";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.frame-icon::before {
  content: "\e912";
  font-family: "icons";
  font-size: 20px;
  line-height: 1;
  display: inline-block;
}
.money-icon::before {
  content: "\e919";
  font-family: "icons";
  font-size: 32px;
  line-height: 1;
  display: inline-block;
}
.receipt-icon::before {
  content: "\e922";
  font-family: "icons";
  font-size: 32px;
  line-height: 1;
  display: inline-block;
}
.credit-icon::before {
  content: "\e90a";
  font-family: "icons";
  font-size: 32px;
  line-height: 1;
  display: inline-block;
}
.credit-cart-icon::before {
  content: "\e90b";
  font-family: "icons";
  font-size: 32px;
  line-height: 1;
  display: inline-block;
}
.truck-free-icon::before {
  content: "\e92a";
  font-family: "icons";
  font-size: 32px;
  line-height: 1;
  display: inline-block;
}
.np-icon::before {
  content: "\e91a";
  font-family: "icons";
  font-size: 32px;
  line-height: 1;
  display: inline-block;
}
.box-icon::before {
  content: "\e903";
  font-family: "icons";
  font-size: 32px;
  line-height: 1;
  display: inline-block;
}
.service-icon::before {
  content: "\e925";
  font-family: "icons";
  font-size: 32px;
  line-height: 1;
  display: inline-block;
}
.question-icon::before {
  content: "\e921";
  font-family: "icons";
  font-size: 16px;
  line-height: 1;
  display: inline-block;
}
.break1-icon::before {
  content: "\e911";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.break2-icon::before {
  content: "\e93c";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.break3-icon::before {
  content: "\e93d";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.break4-icon::before {
  content: "\e93e";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.crank-icon::before {
  content: "\e93f";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.drivetain-icon::before {
  content: "\e940";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.rule-icon::before {
  content: "\e924";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.wheel-icon::before {
  content: "\e92e";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.check-icon::before {
  content: "\e906";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.delivery-icon::before {
  content: "\e90c";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.tradein-icon::before {
  content: "\e928";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.bike-icon::before {
  content: "\e902";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.enter-icon::before {
  content: "\e941";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.like-icon::before {
  content: "\e942";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.wheel-icon::before {
  content: "\e92e";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.insta-icon::before {
  content: "\e914";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.arrow-left-icon::before {
  content: "\e932";
  font-family: "icons";
  font-size: 16px;
  line-height: 1;
  display: inline-block;
}
.arrow-right-icon::before {
  content: "\e933";
  font-family: "icons";
  font-size: 16px;
  line-height: 1;
  display: inline-block;
}
.privat-icon::before {
  content: "\e947";
  font-family: "icons";
  font-size: 16px;
  line-height: 1;
  display: inline-block;
}
.mono-icon::before {
  content: "\e944";
  font-family: "icons";
  font-size: 16px;
  line-height: 1;
  display: inline-block;
}
.abank-icon::before {
  content: "\e945";
  font-family: "icons";
  font-size: 16px;
  line-height: 1;
  display: inline-block;
}
.alfa-icon::before {
  content: "\e946";
  font-family: "icons";
  font-size: 16px;
  line-height: 1;
  display: inline-block;
}
.eyeSlash-icon::before {
  content: "\e910";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.eye-icon::before {
  content: "\e90f";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.icon-star-empty:before::before {
  content: "\e949";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.icon-star:before::before {
  content: "\e94a";
  font-family: "icons";
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}
.insta {
  position: relative;
  display: block;
}
.insta-hover {
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: all 0.3s ease;
}
.insta-hover:hover {
  opacity: 1;
}
.label {
  padding: 2px 6px;
  border-radius: 4px;
  text-transform: uppercase;
  cursor: default;
}
.was-used {
  background: #D3ECEB;
}
.test-drive {
  background: linear-gradient(90deg, #ECDBFD 0%, #BCDCFD 100%);
  cursor: pointer;
}
.test-drive:before {
  content: "\e92e";
  font-family: "icons";
  font-size: 12px;
  display: block;
  margin-right: 4px;
}
.take-now {
  background: #FFF173;
}
.take-now:before {
  content: "\e900";
  font-family: "icons";
  font-size: 12px;
  display: block;
  margin-right: 4px;
}
.discount {
  background: #D8352A;
}
.top {
  background: #693F84;
}
.new {
  background: #2AA687;
}
.label2 {
  display: inline-flex;
  padding: 2px 6px;
  border-radius: 4px;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
}
.label2.e--processing {
  background-color: #EC8922;
}
.label2.e--complecting {
  background-color: #EB5F9A;
}
.label2.e--info {
  background-color: #1675C7;
}
.label2.e--completed {
  background-color: #693F84;
}
.label2.e--done {
  background: #2aa687;
}
.label2.e--error {
  background: #D8352A;
}
.pagination-show-more {
  text-align: center;
  margin: 32px auto 24px auto;
}
.pagination-pages {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  margin-bottom: 24px;
}
.pagination-pages > * {
  display: block;
  width: 32px;
  height: 32px;
}
.pagination-pages .prev-page, .pagination-pages .next-page {
  border: 2px solid #C1C1CC;
  box-sizing: border-box;
  border-radius: 100%;
  margin: 0 8px;
  color: #C1C1CC;
}
.pagination-pages .prev-page.active, .pagination-pages .next-page.active {
  border: 2px solid #001720;
  color: #001720;
  cursor: pointer;
}
.pagination-pages .prev-page {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-pages .prev-page::before {
  content: "\e932";
  font-family: "icons";
  font-size: 14px;
  line-height: 1;
  display: inline-block;
}
.pagination-pages .next-page {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-pages .next-page::before {
  content: "\e933";
  font-family: "icons";
  font-size: 14px;
  line-height: 1;
  display: inline-block;
}
.pagination-pages .page {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: #001720;
  border-radius: 100%;
}
.pagination-pages .page:hover {
  background-color: #41B7BB;
}
.pagination-pages .page.active {
  background-color: #41B7BB;
}
.pagination-pages .page.dots {
  cursor: default;
  pointer-events: none;
}
.pagination-pages .page.dots::after {
  content: "...";
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.25);
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s ease-in;
  /********** Range Input Styles **********/
}
.modal.is-visible {
  visibility: visible;
  opacity: 1;
}
.modal .modal-dialog {
  position: relative;
  width: 100%;
  max-height: 80vh;
  border-radius: 5px;
  padding: 40px;
  background: #ffffff;
  overflow: auto;
}
.modal .modal-dialog.e--select {
  padding: 32px 40px;
}
.modal .modal-dialog.e--vwide {
  max-width: 1024px;
}
.modal .modal-dialog.e--wide {
  max-width: 900px;
}
.modal .modal-dialog.e--subscribe {
  max-width: 900px;
}
@media screen and (min-width: 992px) and (max-width: 1280px) {
  .modal .modal-dialog.e--subscribe {
    max-width: 580px;
  }
}
.modal .modal-dialog.e--small {
  max-width: 580px;
}
@media screen and (max-width: 1024px) {
  .modal .modal-dialog.e--small {
    height: auto;
  }
}
.modal .modal-dialog.e--very-small {
  max-width: 320px;
}
.modal .modal-dialog.e--very-small .modal-header {
  padding-right: 60px;
}
@media screen and (max-width: 992px) {
  .modal .modal-dialog.e--very-small {
    height: auto;
  }
}
.modal .modal-dialog.e--tiny {
  max-width: 240px;
  height: auto;
}
.modal .modal-dialog.e--form {
  max-width: 480px;
}
.modal .modal-dialog.e--main {
  max-width: 576px;
}
.modal .modal-dialog.e--video {
  padding: 0;
  height: auto;
}
.modal .modal-dialog.e--video .modal-title {
  padding: 32px;
  padding-right: 64px;
}
@media screen and (max-width: 768px) {
  .modal .modal-dialog.e--video .modal-title {
    padding: 16px;
    padding-top: 24px;
  }
}
.modal .modal-dialog.e--video .modal-title .sale .main-price {
  color: #D8352A;
}
.modal .modal-dialog.e--video .modal-title .nosale .main-price {
  align-self: center;
}
.modal .modal-dialog.e--video .modal-title .nosale .was-price,
.modal .modal-dialog.e--video .modal-title .nosale .saving {
  display: none;
}
.modal .modal-dialog.e--hdn {
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .modal .modal-dialog.e--in-shop {
    height: auto;
  }
}
.modal .modal-dialog.modal-dialog-credit {
  padding: 32px 32px 0;
}
@media screen and (max-width: 1024px) {
  .modal .modal-dialog.modal-dialog-credit {
    padding: 24px 16px 0;
  }
}
.modal .modal-footer-credit {
  padding: 24px 0;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background-color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .modal .modal-footer-credit {
    padding: 24px 0 40px;
  }
}
@media screen and (min-width: 1280px) {
  .modal .modal-footer-credit {
    position: static;
  }
}
.modal .modal-country-switcher {
  background: #fff;
  max-width: 480px;
  padding: 24px;
  position: relative;
}
.modal .modal-country-switcher .modal-title {
  text-align: center;
  font-size: 20px;
  text-transform: none;
  font-weight: 500;
}
.modal .modal-country-switcher .modal-content {
  text-align: center;
}
.modal .modal-country-switcher .modal-content p.subtitle {
  font-size: 16px;
}
.modal .modal-country-switcher .modal-content .double-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 15px;
}
.modal .modal-country-switcher .modal-content .double-button .btn {
  width: 100%;
}
.modal .modal-checkout {
  position: relative;
  max-width: 800px;
  width: 100%;
  max-height: 80vh;
  height: 100%;
  border-radius: 5px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.modal .modal-checkout-header {
  background-color: #D3ECEB;
  padding: 28px 32px;
  position: relative;
}
.modal .modal-checkout-close {
  position: absolute;
  z-index: 10;
  top: 30px;
  right: 30px;
  background: transparent;
  transition: color ease 0.25s;
}
.modal .modal-checkout-close:hover {
  color: #41B7BB;
}
.modal .modal-checkout-close:before {
  font-size: 26px;
}
.modal .modal-checkout-box {
  height: 100%;
  position: relative;
  margin-top: 8px;
  margin-bottom: 8px;
}
.modal .modal-checkout-scroll {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  padding: 0 14px 0 32px;
}
.modal .modal-checkout-scroll .scroll {
  padding-right: 20px;
}
.modal .modal-checkout-footer {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  padding: 24px 32px;
  background: #fff;
  position: relative;
  z-index: 10;
  box-shadow: 0px -2px 7px 1px rgba(0, 0, 0, 0.1);
}
.modal .modal-checkout-footer .col {
  flex: 1 1 50%;
}
@media screen and (max-width: 768px) {
  .modal .modal-checkout {
    max-height: 100vh;
    height: 100%;
  }
  .modal .modal-checkout-box {
    height: 100%;
  }
  .modal .modal-checkout-footer {
    flex-wrap: wrap;
    padding: 16px 16px;
  }
  .modal .modal-checkout-footer .col {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .modal#modalCart #one-click-order .iti__country-list {
    top: auto !important;
    bottom: calc(100% + 8px) !important;
    max-height: min(260px, 100vh - 140px);
    overflow-y: auto;
    z-index: 1002;
  }
  .modal#modalCart #one-click-order .iti__dropdown-content {
    top: auto !important;
    bottom: calc(100% + 8px) !important;
    max-height: none;
    overflow: visible;
    z-index: 1002;
  }
}
.modal .modal-close {
  position: absolute;
  z-index: 10;
  top: 16px;
  right: 16px;
  background: transparent;
  transition: color 0.25s ease;
}
.modal .modal-close:before {
  font-size: 32px;
}
.modal .modal-close:hover {
  color: #41B7BB;
}
.modal .modal-header {
  margin-bottom: 24px;
}
.modal .modal-header.e--select {
  margin-bottom: 20px;
}
.modal .modal-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #001720;
}
.modal .modal-title sup {
  vertical-align: top;
  margin-left: 9px;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #454545;
}
.modal .modal-bike-bg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40%;
}
.modal .modal-preloader {
  background: #fff;
  padding: 10px;
}
.modal .modal-preloader img {
  width: 60px;
}
.modal .modal-map {
  max-width: 900px;
  width: 100%;
  position: relative;
  background: #fff;
  overflow-y: auto;
  height: 100vh;
}
@media screen and (min-width: 768px) {
  .modal .modal-map {
    display: flex;
    max-height: 80vh;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .modal .modal-map-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 24px 16px;
    background-color: #fff;
  }
}
.modal .modal-map-info {
  margin-top: 24px;
  width: 100%;
}
.modal .modal-map-wrap {
  height: 320px;
}
@media screen and (min-width: 768px) {
  .modal .modal-map-wrap {
    order: 1;
    width: 50%;
    height: 100%;
  }
}
.modal .modal-map-scroll {
  padding: 0 16px 24px;
  overflow: auto;
}
@media screen and (min-width: 768px) {
  .modal .modal-map-scroll {
    width: 50%;
    padding: 52px 48px;
  }
}
.modal .modal-in-shop__shops {
  position: relative;
}
.modal .modal-in-shop__shops [type=radio].radio + .radio-label:before {
  top: 15px;
  left: 20px;
}
.modal .modal-in-shop__shops [type=radio].radio + .radio-label:after {
  top: 19px;
  left: 24px;
}
.modal .modal-in-shop__shops [type=radio].radio:checked + .radio-label {
  border-color: #41B7BB;
}
.modal .modal-in-shop__shops .radio-label {
  border-radius: 4px;
  border: 1px solid #C1C1CC;
  padding: 10px 10px 10px 50px;
}
.modal .modal-in-shop__shops .radio-label__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal .modal-in-shop__shops .radio-label__row .take-now {
  margin-left: 10px;
  white-space: nowrap;
  flex-wrap: nowrap;
}
.modal .modal-in-shop__shops .radio-label__label-title {
  font-size: 16px;
  line-height: 20px;
}
.modal .modal-in-shop__shops .radio-label__time {
  font-size: 14px;
  color: #454E58;
}
.modal .modal-image-left {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
}
.modal [data-select]:not(.step-indicator) {
  display: none;
}
.modal [data-select].active {
  display: block;
}
.modal [data-select] input[type=radio] + label {
  padding: 6px 16px;
  border: 2px solid #C1C1CC;
  box-sizing: border-box;
  border-radius: 4px;
}
.modal [data-select] input[type=radio]:checked + label {
  border: 2px solid #41B7BB;
}
.modal .mm-loc-box input[type=radio] {
  position: absolute;
  visibility: hidden;
}
.modal .mm-loc-box input[type=radio]:checked + label {
  border: 2px solid #41B7BB;
}
.modal .mm-loc {
  display: flex;
  justify-content: flex-start;
  padding: 12px;
  margin-bottom: 16px;
  border-radius: 4px;
  border: 2px solid transparent;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 10px rgba(0, 0, 0, 0.04);
}
.modal .mm-loc p {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #454545;
}
.modal .mm-loc b {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #001720;
}
.modal .mm-info {
  margin-top: 32px;
}
.modal .mm-info-label {
  margin-bottom: 6px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #454545;
}
.modal .mm-info .icon-18 {
  min-width: 18px;
  min-height: 18px;
}
.modal .mm-info ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.modal .mm-info ul a {
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  color: #001720;
  transition: opacity 0.25s ease;
}
.modal .mm-info ul a:hover {
  opacity: 0.7;
}
.modal .modal-content.e--bike {
  width: 60%;
}
.modal .modal-content.e--success {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.modal .modal-content.e--gallery {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .modal .modal-content.e--gallery {
    flex-direction: column;
  }
}
.modal .modal-content h2 {
  text-transform: uppercase;
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #001720;
}
.modal .modal-content p:not(.ffield-title, .info) {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #454E58;
}
.modal .modal-content p:not(.ffield-title, .info).e--dark1 {
  color: #001720;
}
.modal .modal-content p:not(.ffield-title, .info).error {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #D8352A;
}
.modal .modal-content .send_sms_again.active {
  border-bottom: 1px dashed;
  color: #41B7BB;
  display: inline-flex;
}
.modal .modal-content .send_sms_again:not(.active) {
  color: #454E58;
  pointer-events: none;
}
.modal .modal-content .send_sms_again:not(.active) i {
  min-width: 20px;
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  .modal .modal-content .credit-row .select2 {
    margin-left: initial;
  }
}
.modal .modal-content .credit-row__first-block {
  grid-area: credit1;
}
@media screen and (min-width: 1024px) {
  .modal .modal-content .credit-row__first-block {
    width: 283px;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-content .credit-row .main-btn {
    margin: 0 0 0 auto;
  }
}
.modal .modal-content .credit-row_checked {
  width: 20px;
  height: 20px;
  padding: 3px;
  border: 1px solid #C1C1CC;
  border-radius: 50%;
  flex-shrink: 0;
}
.modal .modal-content .credit-row.active-credit .e--credit {
  border-color: #41B7BB;
}
.modal .modal-content .credit-row.active-credit .credit-row_checked {
  background-color: #001720;
  background-clip: content-box;
}
.modal .modal-content .credit-price__select {
  grid-area: credit2;
}
@media screen and (min-width: 1024px) {
  .modal .modal-content .credit-price__select {
    width: 130px !important;
  }
}
.modal .modal-content .credit-price__block {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  grid-area: credit3;
  position: relative;
}
@media screen and (min-width: 768px) {
  .modal .modal-content .credit-price__block {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
    padding-top: 16px;
    margin-left: 68px;
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-content .credit-price__block {
    margin-left: 0;
    grid-template-columns: 120px 128px 120px;
    padding: 0;
  }
}
.modal .modal-content .credit-price__block hr {
  height: 1px;
  width: 100%;
  background: #E9E9EC;
  border: none;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .modal .modal-content .credit-price__block hr {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-content .credit-price__block hr {
    display: none;
  }
}
.modal .modal-content .credit-price__item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex-shrink: 0;
  width: calc((100% - 16px) / 2);
}
@media screen and (min-width: 768px) {
  .modal .modal-content .credit-price__item {
    width: auto;
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-content .credit-price__item {
    align-items: flex-start;
  }
}
.modal .modal-content .credit-price__item .main-price {
  line-height: 1;
}
.modal .modal-content ul {
  margin: 12px 0 24px;
}
.modal .modal-content ul p {
  margin-bottom: 12px;
}
.modal .modal-content ul li {
  list-style: none;
  position: relative;
  padding-left: 14px;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #454E58;
  margin-bottom: 12px;
}
.modal .modal-content ul li:before {
  content: "";
  background-color: #41B7BB;
  width: 6px;
  height: 6px;
  position: absolute;
  left: 0;
  top: 8px;
  border-radius: 50%;
}
.modal .modal-content .select2 {
  width: 180px;
  min-width: 180px;
  margin-left: auto;
}
@media screen and (max-width: 1024px) {
  .modal .modal-content .select2 {
    margin-left: 0;
  }
}
@media screen and (max-width: 560px) {
  .modal .modal-content .select2 {
    width: 100%;
  }
}
.modal#selectCredit .modal-content .select2 {
  width: 100% !important;
}
@media screen and (min-width: 1024px) {
  .modal#selectCredit .modal-content .select2 {
    min-width: 130px;
  }
}
@media screen and (min-width: 1024px) {
  .modal.modal-preorder .modal-dialog {
    padding: 40px 48px;
    max-width: 576px;
  }
}
@media screen and (min-width: 1024px) {
  .modal.modal_preorder_success .modal-dialog {
    padding: 54px 40px;
    max-width: 576px;
  }
}
@media screen and (max-width: 992px) {
  .modal .modal-dialog {
    padding: 32px 24px;
    max-height: 100vh;
    height: 100%;
  }
  .modal .modal-close:before {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .modal .modal-dialog {
    padding: 24px 16px;
  }
  .modal .modal-content.e--bike {
    width: 100%;
  }
}
.modal input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: transparent;
  cursor: pointer;
  width: 100%;
  --progress: 50%;
  background: linear-gradient(to right, #41B7BB, #41B7BB 50%, #E9E9EC, #E9E9EC 50%);
  background: linear-gradient(to right, #41B7BB, #41B7BB var(--progress), #E9E9EC, #E9E9EC var(--progress));
  border-radius: 20px;
  height: 8px;
}
.modal input[type=range]:focus {
  outline: none;
}
.modal input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  background: url("/assets/icons/thumb.svg");
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.18);
  border-radius: 25px;
  height: 20px;
  width: 40px;
  position: relative;
}
.modal input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
       appearance: none;
  background: url("/assets/icons/thumb.svg");
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.18);
  border-radius: 25px;
  height: 20px;
  width: 40px;
}
.modal .vertical-line-range {
  width: 2px;
  height: 12px;
  background-image: url("/assets/icons/vertical-line.svg");
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
}
.modal .form-field [data-center],
.modal .form-field .warning-icon {
  position: absolute;
  right: 8px;
  top: 14px;
}
.modal .form-field .eyeSlash-icon,
.modal .form-field .eye-icon {
  position: absolute;
  right: 8px;
  top: 14px;
  cursor: pointer;
}
.modal input ~ .tab {
  display: none;
}
.modal #modal-tab1:checked ~ .tab.content-1,
.modal #modal-tab2:checked ~ .tab.content-2 {
  display: block;
}
.modal .modal-label {
  padding: 16px;
  text-align: center;
  width: 48%;
  display: inline-block;
  border-bottom: 2px solid #E9E9EC;
  color: #C1C1CC;
  cursor: pointer;
}
.modal input[type=radio]:checked + .modal-label {
  border-bottom: 2px solid #41B7BB;
  color: #41B7BB;
  pointer-events: none;
}
.modal .dot-flashing {
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  border: 2px solid #FFFFFF;
  -webkit-animation: dotFlashing 1s infinite linear alternate;
          animation: dotFlashing 1s infinite linear alternate;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.modal .dot-flashing::before,
.modal .dot-flashing::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -2px;
}
.modal .dot-flashing::before {
  left: -22px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  border: 2px solid #FFFFFF;
  -webkit-animation: dotFlashing 1s infinite alternate;
          animation: dotFlashing 1s infinite alternate;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.modal .dot-flashing::after {
  right: -22px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  border: 2px solid #FFFFFF;
  -webkit-animation: dotFlashing 1s infinite alternate;
          animation: dotFlashing 1s infinite alternate;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
@-webkit-keyframes dotFlashing {
  0% {
    background-color: none;
  }
  50%, 100% {
    background-color: #FFFFFF;
  }
}
@keyframes dotFlashing {
  0% {
    background-color: none;
  }
  50%, 100% {
    background-color: #FFFFFF;
  }
}
.modal .modal-combo {
  position: relative;
  width: 100%;
  border-radius: 5px;
  max-height: 100vh;
  height: 100%;
  background: #ffffff;
  overflow: auto;
  max-width: 900px;
  padding: 24px 16px;
}
@media screen and (min-width: 768px) {
  .modal .modal-combo {
    padding: 32px 24px;
  }
  .modal .modal-combo .modal-close:before {
    font-size: 24px;
  }
}
@media screen and (min-width: 992px) {
  .modal .modal-combo {
    max-height: 80vh;
    padding: 40px 40px 0;
  }
}
@media screen and (min-width: 1280px) {
  .modal .modal-combo {
    max-width: 1080px;
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-combo__selected-mobile {
    display: none;
  }
}
.modal .modal-combo__selected {
  display: none;
}
@media screen and (min-width: 768px) {
  .modal .modal-combo__selected {
    width: 100%;
    display: flex;
  }
}
.modal .modal-combo .products-combo .combo-section-set-item .product-top-labels,
.modal .modal-combo .products-combo .combo-section-set-item .product-status,
.modal .modal-combo .products-combo .combo-section-set-item .product-reviews,
.modal .modal-combo .products-combo .combo-section-set-item .product-table,
.modal .modal-combo .products-combo .product-combo .product-top-labels,
.modal .modal-combo .products-combo .product-combo .product-status,
.modal .modal-combo .products-combo .product-combo .product-reviews,
.modal .modal-combo .products-combo .product-combo .product-table,
.modal .modal-combo .combo-all-items .combo-section-set-item .product-top-labels,
.modal .modal-combo .combo-all-items .combo-section-set-item .product-status,
.modal .modal-combo .combo-all-items .combo-section-set-item .product-reviews,
.modal .modal-combo .combo-all-items .combo-section-set-item .product-table,
.modal .modal-combo .combo-all-items .product-combo .product-top-labels,
.modal .modal-combo .combo-all-items .product-combo .product-status,
.modal .modal-combo .combo-all-items .product-combo .product-reviews,
.modal .modal-combo .combo-all-items .product-combo .product-table {
  display: none;
}
@media screen and (min-width: 768px) {
  .modal .modal-combo .products-combo {
    width: calc(100% - 218px);
    padding-bottom: 10px;
    margin-bottom: -10px;
  }
  .modal .modal-combo .products-combo .product-footer {
    display: none;
  }
  .modal .modal-combo .products-combo .swiper-slide {
    min-width: 180px;
    width: 180px;
    position: relative;
  }
  .modal .modal-combo .products-combo .product,
.modal .modal-combo .products-combo .product-description {
    min-width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-combo .products-combo .swiper-slide {
    min-width: 201px;
    width: 201px;
  }
  .modal .modal-combo .products-combo .swiper-slide:first-child {
    z-index: 1;
  }
  .modal .modal-combo .products-combo .swiper-slide:not(:first-child) {
    margin-left: -1px;
  }
}
@media screen and (min-width: 1280px) {
  .modal .modal-combo .products-combo .swiper-slide {
    min-width: 192px;
    width: 192px;
    max-width: 192px;
  }
}
.modal.modal-map-courier .modal-dialog {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .modal.modal-map-courier .modal-dialog {
    max-width: 720px;
    height: 516px;
  }
}
@media screen and (min-width: 1280px) {
  .modal.modal-map-courier .modal-dialog {
    max-width: 900px;
    height: 558px;
  }
}
.modal.modal-map-courier .modal-header {
  padding: 24px 40px 16px 16px;
}
@media screen and (min-width: 768px) {
  .modal.modal-map-courier .modal-header {
    padding: 32px 48px 24px 24px;
  }
}
@media screen and (min-width: 1280px) {
  .modal.modal-map-courier .modal-header {
    padding: 32px 48px 24px 48px;
  }
}
.modal.modal-map-courier .modal-iframe {
  height: 1px;
  flex-grow: 1;
  overflow: hidden;
}
.modal.modal-map-courier iframe {
  width: calc(100% + 4px);
  height: calc(100% + 72px);
  margin-top: -70px;
  margin-left: -2px;
  margin-bottom: -2px;
}
.modal.modal-map-courier .modal-close {
  top: 8px;
  right: 8px;
}
@media screen and (min-width: 768px) {
  .modal.modal-map-courier .modal-close {
    top: 16px;
    right: 16px;
  }
  .modal.modal-map-courier .modal-close:before {
    font-size: 32px;
  }
}
@media screen and (min-width: 1024px) {
  .modal.modal_select_size .modal-close {
    color: #ffffff;
  }
}
.modal.modal_select_size .modal-select-success {
  display: none;
  max-width: 384px;
  margin: 0 auto;
  padding: 24px 20px 42px;
}
@media screen and (min-width: 1024px) {
  .modal.modal_select_size .modal-select-success {
    min-height: 580px;
    padding: 40px;
    max-width: 464px;
  }
}
.modal.modal_select_size .modal-dialog {
  padding: 0;
  width: 100%;
  max-width: 480px;
}
@media screen and (min-width: 1024px) {
  .modal.modal_select_size .modal-dialog {
    max-width: 1000px;
  }
}
.modal.modal_select_size .modal-header {
  margin: 0;
}
.modal.modal_select_size .modal-select {
  display: flex;
}
.modal.modal_select_size .modal-select-img {
  display: none;
  width: 50%;
  flex-shrink: 0;
}
@media screen and (min-width: 1024px) {
  .modal.modal_select_size .modal-select-img {
    display: block;
  }
}
.modal.modal_select_size .type-gender {
  height: 100%;
}
.modal.modal_select_size .type-gender:not(.woman) > *:last-of-type {
  display: none;
}
.modal.modal_select_size .type-gender.woman > *:first-of-type {
  display: none;
}
.modal.modal_select_size .type-gender picture {
  height: 100%;
}
.modal.modal_select_size .type-gender picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.modal.modal_select_size .box-p-data {
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.05), 0px 2px 10px 0px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  overflow: hidden;
}
.modal.modal_select_size .box-p-img {
  max-width: 74px;
}
@media screen and (min-width: 1024px) {
  .modal.modal_select_size .box-p-img {
    max-width: 98px;
  }
}
.modal.modal_select_size.success .modal-select {
  display: none;
}
.modal.modal_select_size.success .modal-select-success {
  display: block;
}
.modal.modal_select_size.success .modal-dialog {
  background-color: #ffffff !important;
}
.modal.modal_select_size.success .modal-close {
  color: #001720;
}
.modal .success-size-footer-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
@media screen and (min-width: 1024px) {
  .modal .success-size-footer-wrap {
    display: inline-flex;
    position: relative;
  }
  .modal .success-size-footer-wrap .btn {
    min-width: 210px;
  }
  .modal .success-size-footer-wrap .js-reset-size {
    position: absolute;
    top: 50%;
    right: -24px;
    white-space: nowrap;
    transform: translate(100%, -50%);
  }
}
.modal .success-size-list {
  gap: 8px;
}
.modal .success-size-item {
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
  color: #E9E9EC;
  border: 2px solid #E9E9EC;
  border-radius: 4px;
  padding: 8px 12px;
  min-width: 66px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .modal .success-size-item {
    border-width: 1px;
  }
}
.modal .success-size-item.active {
  border-color: #41B7BB;
  color: #001720;
}
.modal .modal-select-info {
  padding: 24px 16px 48px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .modal .modal-select-info {
    width: 50%;
    flex-shrink: 0;
    padding: 32px 40px;
  }
}
.modal .modal-select-info-steps {
  margin-bottom: 32px;
}
@media screen and (min-width: 1024px) {
  .modal .modal-select-info-steps {
    margin-bottom: 38px;
  }
}
.modal .modal-select-info .form-input-notitle {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .modal .modal-select-info .form-input-notitle {
    max-width: 210px;
  }
}
.modal .modal-select-info .box-data-size {
  justify-content: flex-start;
}
.modal .modal-select-info .product-type {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #454E58;
}
@media screen and (min-width: 1024px) {
  .modal .modal-select-info .product-type {
    line-height: 14px;
  }
}
.modal .modal-select-info .product-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #001720;
  text-transform: uppercase;
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .modal .modal-select-info .product-title {
    font-size: 16px;
    line-height: 20px;
  }
}
.modal .modal-select-info .form-field-range {
  margin-top: 38px;
  height: 20px;
}
.modal .modal-select-info .select-sex {
  display: flex !important;
  justify-content: flex-start;
  gap: 0;
  margin-bottom: 32px;
}
@media screen and (min-width: 1024px) {
  .modal .modal-select-info .select-sex {
    margin-bottom: 24px;
  }
}
.modal .modal-select-info .select-sex label {
  margin-right: 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #001720;
  text-transform: uppercase;
  cursor: pointer;
  text-align: center;
  flex-grow: 1;
}
.modal .modal-select-info .select-sex label[for=step-1-woman] {
  margin-right: 0;
}
.modal .modal-select-info .text {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #001720;
  margin-bottom: 16px;
}
@media screen and (min-width: 1024px) {
  .modal .modal-select-info .text {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #001720;
  }
}
.modal .modal-select-info .small-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #454E58;
  margin-bottom: 40px;
}
.modal .modal-select-info .steps-indicator {
  display: flex;
  gap: 1px;
  flex-wrap: nowrap;
  flex-basis: 100%;
}
.modal .modal-select-info .step-indicator {
  background-color: #C1C1CC;
  height: 8px;
  width: 100%;
}
.modal .modal-select-info .step-indicator.active {
  background-color: #41B7BB;
}
.form-field [data-center],
.form-field .warning-icon {
  position: absolute;
  right: 8px;
  top: 14px;
}
.form-field__file .file-name {
  display: inline-block;
  max-width: calc(100% - 62px);
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 22px;
}
.form-field__file .delete {
  margin-left: 8px;
}
marquee {
  flex-shrink: 0;
  height: 28px;
  padding: 6px 0;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #001720;
  letter-spacing: 0.04em;
}
.modal-popup {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
  position: fixed;
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s ease-in;
}
.modal-popup.is-visible {
  visibility: visible;
  opacity: 1;
}
.modal-popup.right-bottom {
  right: 0;
  bottom: 0;
}
@media screen and (min-width: 1024px) {
  .modal-popup.right-bottom {
    right: 30px;
    bottom: 30px;
  }
}
.modal-popup-close {
  position: absolute;
  z-index: 10;
  top: 16px;
  right: 16px;
  background: transparent;
  transition: color 0.25s ease;
  color: #000;
}
.modal-popup-close:hover {
  color: #41B7BB;
}
.modal-popup-title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}
.modal-popup-wrap {
  background: #fff;
  padding: 24px;
  width: 100%;
}
.modal-popup .double-button {
  display: flex;
  gap: 15px;
}
.modal-popup .double-button .btn {
  width: 50%;
}
.modal-popup .double-button-column {
  flex-direction: column;
}
.modal-popup .double-button-column .btn {
  width: 100%;
}
.modal-popup .text-center {
  text-align: center;
}
.modal-popup.language-switcher {
  width: 400px;
}
.modal-popup.language-switcher .flag-uk {
  border-radius: 50%;
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
  overflow: hidden;
}
.modal-popup.language-switcher .flag-uk span {
  display: block;
  width: 20px;
  height: 10px;
}
.modal-popup.language-switcher .flag-uk span:first-child {
  background: #1E71D2;
}
.modal-popup.language-switcher .flag-uk span:last-child {
  background: #FFD233;
}
.modal-popup.language-switcher .modal-popup-title {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-right: 20px;
}
.alert {
  display: flex;
  padding: 12px 18px;
  border-radius: 4px;
  gap: 8px;
  font-size: 14px;
  line-height: 16px;
}
.alert:before {
  content: "\e92d";
  display: inline-block;
  font-family: icons;
  font-size: 16px;
  line-height: 1;
  color: inherit;
}
.alert.e--info {
  color: #1675C7;
  background-color: #DCEAF7;
}
.alert.e--error {
  color: #D8352A;
  background-color: #FBEBEA;
}
.alert.e--success {
  color: #2AA687;
  background-color: #DFF2ED;
}
.alert.e--processing {
  color: #EC8922;
  background-color: #FDF3E9;
}
.alert.e--progress {
  color: #EB5F9A;
  background-color: #FDEFF5;
}
.alert.e--completed {
  color: #693F84;
  background-color: #F0ECF3;
}
.alert a {
  color: inherit;
  text-decoration: underline;
}
.banner {
  background: url("/assets/images/banners/vacations-bg.png") 0 0 no-repeat;
  background-size: cover;
  padding: 140px 0;
}
.banner-title {
  font-size: 32px;
  line-height: 40px;
}
.banner .content {
  max-width: 760px;
}
@media screen and (max-width: 1024px) {
  .banner {
    padding: 90px 0;
  }
}
@media screen and (max-width: 768px) {
  .banner-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.vacation {
  padding: 40px 32px;
  position: relative;
  border-radius: 4px;
  background: linear-gradient(180deg, #EFFDFB 0%, #F4F0F7 100%);
}
.vacation:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 59.28%, #eefcfb 76.96%);
}
.vacation-title {
  font-size: 16px;
}
.vacation-tags {
  color: #454E58;
}
.vacation-tags span {
  position: relative;
  display: inline-block;
}
.vacation-tags span:not(:first-child) {
  padding-left: 16px;
}
.vacation-tags span:not(:first-child):before {
  content: "";
  width: 3px;
  height: 3px;
  position: absolute;
  background-color: #454E58;
  display: block;
  border-radius: 50%;
  left: 6px;
  top: 50%;
  margin-top: -1.5px;
}
.vacation.opened:before {
  height: 0;
}
.vacation.opened > .vacation-body {
  height: auto;
}
.vacation.opened > .vacation-controls {
  margin-top: 0;
}
.vacation.opened > .vacation-controls:after {
  opacity: 0;
}
.vacation-body {
  overflow: hidden;
  height: 20rem;
  transition: all 0.3s ease;
}
.vacation-content h3 {
  display: inline-flex;
  background: #693F84;
  padding: 6px 12px;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.vacation-content p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
}
.vacation-content ul {
  margin-bottom: 32px;
}
.vacation-content ul li {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  padding-left: 14px;
  margin: 8px 0;
}
.vacation-content ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #693F84;
  position: absolute;
  left: 0;
  top: 8px;
}
.vacation-controls {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .vacation {
    padding: 24px 16px;
  }
  .vacation-controls {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.search {
  flex: auto;
  position: relative;
  max-width: 500px;
}
.search .search-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  cursor: pointer;
  transition: color ease 0.25s;
}
.search .search-icon.disabled {
  pointer-events: none;
}
.search .search-icon:not(.disabled):hover {
  color: #41B7BB;
}
.search.e--white [type=search] {
  background: #FFFFFF !important;
}
.search.e--h40 [type=search] {
  height: 40px !important;
}
.search-page-empty .container {
  padding: 0 20px 5px;
}
[type=search] {
  padding: 12px 16px;
  background: #F5F5F7;
  border: 1px solid #E9E9EC;
  box-sizing: border-box;
  border-radius: 4px;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #001720;
}
[type=search]::-moz-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #454E58;
}
[type=search]::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #454E58;
}
[type=search]:not(:-moz-placeholder-shown) + .search-icon {
  display: none;
}
[type=search]:not(:placeholder-shown) + .search-icon {
  display: none;
}
@media screen and (max-width: 768px) {
  [type=search] {
    padding: 10px 12px;
  }
}